@charset "UTF-8";

@font-face {
    font-display: swap;
    font-family: B;
    font-style: normal;
    font-weight: 700;
    src: url(B%20Bold.7823dcf6a19119173ae8.eot);
    src: url(B%20Bold.7823dcf6a19119173ae8.eot?#iefix) format("embedded-opentype"), url(B%20Bold.8ba0e587f80d97bb6339.woff) format("woff"), url(B%20Bold.ab975b841ff59b762876.woff2) format("woff2"), url(B%20Bold.23e5d820f2b6ae1511d3.svg#B\ Bold) format("svg")
}

@font-face {
    font-display: swap;
    font-family: B;
    font-style: normal;
    font-weight: 400;
    src: url(B%20Regular.931bd3e84bf87b8824db.eot);
    src: url(B%20Regular.931bd3e84bf87b8824db.eot?#iefix) format("embedded-opentype"), url(B%20Regular.48ddbd39292c938f2610.woff) format("woff"), url(B%20Regular.962cef468e70e603ae32.woff2) format("woff2"), url(B%20Regular.38961f090d1b69b6e412.svg#B\ Regular) format("svg")
}

@font-face {
    font-display: swap;
    font-family: B;
    font-style: normal;
    font-weight: 300;
    src: url(EuclidCircularB-Light.06ac604a3a356ce68863.eot);
    src: url(EuclidCircularB-Light.06ac604a3a356ce68863.eot?#iefix) format("embedded-opentype"), url(EuclidCircularB-Light.bbbe17ae896fef311b9a.woff) format("woff"), url(EuclidCircularB-Light.abae2ccf6432b535a770.woff2) format("woff2"), url(EuclidCircularB-Light.d014e727378f34ecf3b4.svg#B\ Regular) format("svg")
}

@font-face {
    font-display: swap;
    font-family: B;
    font-style: normal;
    font-weight: 600;
    src: url(EuclidCircularB-SemiBold.62ed99847e1e9b5b79f3.eot);
    src: url(EuclidCircularB-SemiBold.62ed99847e1e9b5b79f3.eot?#iefix) format("embedded-opentype"), url(EuclidCircularB-SemiBold.facf9049e54661c6438e.woff) format("woff"), url(EuclidCircularB-SemiBold.d94318bdb2dbba613460.woff2) format("woff2"), url(EuclidCircularB-SemiBold.89222db5b64b0054a026.svg#B\ Regular) format("svg")
}

@font-face {
    font-display: swap;
    font-family: B;
    font-style: normal;
    font-weight: 500;
    src: url(B%20Medium.57b5ef1a702072b655a3.eot);
    src: url(B%20Medium.57b5ef1a702072b655a3.eot?#iefix) format("embedded-opentype"), url(B%20Medium.2ab9734a920f2d01e5b6.woff) format("woff"), url(B%20Medium.dba199562a56ae36397d.woff2) format("woff2"), url(B%20Medium.d15809449c0b79d84eb7.svg#B\ Medium) format("svg")
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

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

::-webkit-scrollbar {
    width: 5px
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    box-shadow: inset 0 0 5px grey
}

::-webkit-scrollbar-thumb {
    background: grey;
    border-radius: 10px
}

::-webkit-scrollbar-thumb:hover {
    background: #1140ff
}

/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --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", "Liberation 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 {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    font-family: sans-serif;
    line-height: 1.15
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    background-color: #fff;
    color: #212529;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: left
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: initial;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    margin-top: 0
}

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

abbr[data-original-title],
abbr[title] {
    border-bottom: 0;
    cursor: help;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    -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: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    background-color: initial;
    color: #007bff
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

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

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em
}

pre {
    -ms-overflow-style: scrollbar;
    margin-bottom: 1rem;
    margin-top: 0;
    overflow: auto
}

figure {
    margin: 0 0 1rem
}

img {
    border-style: none
}

img,
svg {
    vertical-align: middle
}

svg {
    overflow: hidden
}

table {
    border-collapse: collapse
}

caption {
    caption-side: bottom;
    color: #6c757d;
    padding-bottom: .75rem;
    padding-top: .75rem;
    text-align: left
}

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

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

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

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

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 {
    border-style: none;
    padding: 0
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

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

legend {
    color: inherit;
    display: block;
    font-size: 1.5rem;
    line-height: inherit;
    margin-bottom: .5rem;
    max-width: 100%;
    padding: 0;
    white-space: normal;
    width: 100%
}

progress {
    vertical-align: initial
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

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

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

output {
    display: inline-block
}

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

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: .5rem
}

.h1,
h1 {
    font-size: 2.5rem
}

.h2,
h2 {
    font-size: 2rem
}

.h3,
h3 {
    font-size: 1.75rem
}

.h4,
h4 {
    font-size: 1.5rem
}

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

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

.lead {
    font-size: 1.25rem;
    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 {
    border: 0;
    border-top: 1px solid #0000001a;
    margin-bottom: 1rem;
    margin-top: 1rem
}

.small,
small {
    font-size: .875em;
    font-weight: 400
}

.mark,
mark {
    background-color: #fcf8e3;
    padding: .2em
}

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

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

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

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

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

.blockquote-footer {
    color: #6c757d;
    display: block;
    font-size: .875em
}

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

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

.img-thumbnail {
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    padding: .25rem
}

.figure {
    display: inline-block
}

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

.figure-caption {
    color: #6c757d;
    font-size: 90%
}

code {
    word-wrap: break-word;
    color: #e83e8c;
    font-size: 87.5%
}

a>code {
    color: inherit
}

kbd {
    background-color: #212529;
    border-radius: .2rem;
    color: #fff;
    font-size: 87.5%;
    padding: .2rem .4rem
}

kbd kbd {
    font-size: 100%;
    font-weight: 700;
    padding: 0
}

pre {
    color: #212529;
    display: block;
    font-size: 87.5%
}

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

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

@media (min-width:576px) {

    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}

.no-gutters {
    margin-left: 0;
    margin-right: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-left: 0;
    padding-right: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.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-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.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-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.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-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.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-auto {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

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

.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

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

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

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

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

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

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

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

    .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

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

    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

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

    .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

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

    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

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

    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

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

    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

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

    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

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

    .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

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

    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

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

    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

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

    .col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

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

    .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

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

    .col-xl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

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

    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

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

    .col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

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

    .col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

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

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

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

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

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

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

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

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

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

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

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

.table {
    color: #212529;
    margin-bottom: 1rem;
    width: 100%
}

.table td,
.table th {
    border-top: 1px solid #dee2e6;
    padding: .75rem;
    vertical-align: top
}

.table thead th {
    border-bottom: 2px solid #dee2e6;
    vertical-align: bottom
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table-sm td,
.table-sm th {
    padding: .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: #0000000d
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, .075);
    color: #212529
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #b8daff
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #7abaff
}

.table-hover .table-primary:hover,
.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.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: #c3e6cb
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #8fd19e
}

.table-hover .table-success:hover,
.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #bee5eb
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #86cfda
}

.table-hover .table-info:hover,
.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #ffeeba
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover,
.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f5c6cb
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #ed969e
}

.table-hover .table-danger:hover,
.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.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, .075)
}

.table .thead-dark th {
    background-color: #343a40;
    border-color: #454d55;
    color: #fff
}

.table .thead-light th {
    background-color: #e9ecef;
    border-color: #dee2e6;
    color: #495057
}

.table-dark {
    background-color: #343a40;
    color: #fff
}

.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: #ffffff0d
}

.table-dark.table-hover tbody tr:hover {
    background-color: hsla(0, 0%, 100%, .075);
    color: #fff
}

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

    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

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

    .table-responsive-md>.table-bordered {
        border: 0
    }
}

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

    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

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

    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    -webkit-overflow-scrolling: touch;
    display: block;
    overflow-x: auto;
    width: 100%
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    color: #495057;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    height: calc(1.5em + .75rem + 2px);
    line-height: 1.5;
    padding: .375rem .75rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%
}

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

.form-control::-ms-expand {
    background-color: initial;
    border: 0
}

.form-control:focus {
    background-color: #fff;
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem #007bff40;
    color: #495057;
    outline: 0
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef
}

input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
    -webkit-appearance: none;
    appearance: none
}

select.form-control:-moz-focusring {
    color: #0000;
    text-shadow: 0 0 0 #495057
}

select.form-control:focus::-ms-value {
    background-color: #fff;
    color: #495057
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

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

.col-form-label-lg {
    font-size: 1.25rem;
    line-height: 1.5;
    padding-bottom: calc(.5rem + 1px);
    padding-top: calc(.5rem + 1px)
}

.col-form-label-sm {
    font-size: .875rem;
    line-height: 1.5;
    padding-bottom: calc(.25rem + 1px);
    padding-top: calc(.25rem + 1px)
}

.form-control-plaintext {
    background-color: initial;
    border: solid #0000;
    border-width: 1px 0;
    color: #212529;
    display: block;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 0;
    padding: .375rem 0;
    width: 100%
}

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

.form-control-sm {
    border-radius: .2rem;
    font-size: .875rem;
    height: calc(1.5em + .5rem + 2px);
    line-height: 1.5;
    padding: .25rem .5rem
}

.form-control-lg {
    border-radius: .3rem;
    font-size: 1.25rem;
    height: calc(1.5em + 1rem + 2px);
    line-height: 1.5;
    padding: .5rem 1rem
}

select.form-control[multiple],
select.form-control[size],
textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-left: 5px;
    padding-right: 5px
}

.form-check {
    display: block;
    padding-left: 1.25rem;
    position: relative
}

.form-check-input {
    margin-left: -1.25rem;
    margin-top: .3rem;
    position: absolute
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    align-items: center;
    display: inline-flex;
    margin-right: .75rem;
    padding-left: 0
}

.form-check-inline .form-check-input {
    margin-left: 0;
    margin-right: .3125rem;
    margin-top: 0;
    position: static
}

.valid-feedback {
    color: #28a745;
    display: none;
    font-size: .875em;
    margin-top: .25rem;
    width: 100%
}

.valid-tooltip {
    background-color: #28a745e6;
    border-radius: .25rem;
    color: #fff;
    display: none;
    font-size: .875rem;
    left: 0;
    line-height: 1.5;
    margin-top: .1rem;
    max-width: 100%;
    padding: .25rem .5rem;
    position: absolute;
    top: 100%;
    z-index: 5
}

.form-row>.col>.valid-tooltip,
.form-row>[class*=col-]>.valid-tooltip {
    left: 5px
}

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

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

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem #28a74540
}

.was-validated select.form-control:valid,
select.form-control.is-valid {
    background-position: right 1.5rem center;
    padding-right: 3rem !important
}

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

.custom-select.is-valid,
.was-validated .custom-select:valid {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat;
    border-color: #28a745;
    padding-right: calc(.75em + 2.3125rem) !important
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem #28a74540
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.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: #28a745
}

.custom-control-input.is-valid~.custom-control-label:before,
.was-validated .custom-control-input:valid~.custom-control-label:before {
    border-color: #28a745
}

.custom-control-input.is-valid:checked~.custom-control-label:before,
.was-validated .custom-control-input:valid:checked~.custom-control-label:before {
    background-color: #34ce57;
    border-color: #34ce57
}

.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 .2rem #28a74540
}

.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: #28a745
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem #28a74540
}

.invalid-feedback {
    color: #dc3545;
    display: none;
    font-size: .875em;
    margin-top: .25rem;
    width: 100%
}

.invalid-tooltip {
    background-color: #dc3545e6;
    border-radius: .25rem;
    color: #fff;
    display: none;
    font-size: .875rem;
    left: 0;
    line-height: 1.5;
    margin-top: .1rem;
    max-width: 100%;
    padding: .25rem .5rem;
    position: absolute;
    top: 100%;
    z-index: 5
}

.form-row>.col>.invalid-tooltip,
.form-row>[class*=col-]>.invalid-tooltip {
    left: 5px
}

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

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

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem #dc354540
}

.was-validated select.form-control:invalid,
select.form-control.is-invalid {
    background-position: right 1.5rem center;
    padding-right: 3rem !important
}

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

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat;
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem) !important
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem #dc354540
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.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: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label:before,
.was-validated .custom-control-input:invalid~.custom-control-label:before {
    border-color: #dc3545
}

.custom-control-input.is-invalid:checked~.custom-control-label:before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label:before {
    background-color: #e4606d;
    border-color: #e4606d
}

.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 .2rem #dc354540
}

.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: #dc3545
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem #dc354540
}

.form-inline {
    align-items: center;
    display: flex;
    flex-flow: row wrap
}

.form-inline .form-check {
    width: 100%
}

@media (min-width:576px) {
    .form-inline label {
        justify-content: center
    }

    .form-inline .form-group,
    .form-inline label {
        align-items: center;
        display: flex;
        margin-bottom: 0
    }

    .form-inline .form-group {
        flex: 0 0 auto;
        flex-flow: row wrap
    }

    .form-inline .form-control {
        display: inline-block;
        vertical-align: middle;
        width: auto
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }

    .form-inline .form-check {
        align-items: center;
        display: flex;
        justify-content: center;
        padding-left: 0;
        width: auto
    }

    .form-inline .form-check-input {
        flex-shrink: 0;
        margin-left: 0;
        margin-right: .25rem;
        margin-top: 0;
        position: relative
    }

    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    background-color: initial;
    border: 1px solid #0000;
    border-radius: .25rem;
    color: #212529;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: .375rem .75rem;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle
}

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

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn.focus,
.btn:focus {
    box-shadow: 0 0 0 .2rem #007bff40;
    outline: 0
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
    background-color: #0069d9;
    border-color: #0062cc;
    color: #fff
}

.btn-primary.focus,
.btn-primary:focus {
    box-shadow: 0 0 0 .2rem #268fff80
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    background-color: #0062cc;
    border-color: #005cbf;
    color: #fff
}

.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 .2rem #268fff80
}

.btn-secondary {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff
}

.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:hover {
    background-color: #5a6268;
    border-color: #545b62;
    color: #fff
}

.btn-secondary.focus,
.btn-secondary:focus {
    box-shadow: 0 0 0 .2rem #828a9180
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    background-color: #545b62;
    border-color: #4e555b;
    color: #fff
}

.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 .2rem #828a9180
}

.btn-success {
    background-color: #28a745;
    border-color: #28a745;
    color: #fff
}

.btn-success.focus,
.btn-success:focus,
.btn-success:hover {
    background-color: #218838;
    border-color: #1e7e34;
    color: #fff
}

.btn-success.focus,
.btn-success:focus {
    box-shadow: 0 0 0 .2rem #48b46180
}

.btn-success.disabled,
.btn-success:disabled {
    background-color: #28a745;
    border-color: #28a745;
    color: #fff
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    background-color: #1e7e34;
    border-color: #1c7430;
    color: #fff
}

.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 .2rem #48b46180
}

.btn-info {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: #fff
}

.btn-info.focus,
.btn-info:focus,
.btn-info:hover {
    background-color: #138496;
    border-color: #117a8b;
    color: #fff
}

.btn-info.focus,
.btn-info:focus {
    box-shadow: 0 0 0 .2rem #3ab0c380
}

.btn-info.disabled,
.btn-info:disabled {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: #fff
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    background-color: #117a8b;
    border-color: #10707f;
    color: #fff
}

.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 .2rem #3ab0c380
}

.btn-warning {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #212529
}

.btn-warning.focus,
.btn-warning:focus,
.btn-warning:hover {
    background-color: #e0a800;
    border-color: #d39e00;
    color: #212529
}

.btn-warning.focus,
.btn-warning:focus {
    box-shadow: 0 0 0 .2rem #deaa0c80
}

.btn-warning.disabled,
.btn-warning:disabled {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #212529
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    background-color: #d39e00;
    border-color: #c69500;
    color: #212529
}

.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 .2rem #deaa0c80
}

.btn-danger {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff
}

.btn-danger.focus,
.btn-danger:focus,
.btn-danger:hover {
    background-color: #c82333;
    border-color: #bd2130;
    color: #fff
}

.btn-danger.focus,
.btn-danger:focus {
    box-shadow: 0 0 0 .2rem #e1536180
}

.btn-danger.disabled,
.btn-danger:disabled {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    background-color: #bd2130;
    border-color: #b21f2d;
    color: #fff
}

.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 .2rem #e1536180
}

.btn-light {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    color: #212529
}

.btn-light.focus,
.btn-light:focus,
.btn-light:hover {
    background-color: #e2e6ea;
    border-color: #dae0e5;
    color: #212529
}

.btn-light.focus,
.btn-light:focus {
    box-shadow: 0 0 0 .2rem #d8d9db80
}

.btn-light.disabled,
.btn-light:disabled {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    color: #212529
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    background-color: #dae0e5;
    border-color: #d3d9df;
    color: #212529
}

.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 .2rem #d8d9db80
}

.btn-dark {
    background-color: #343a40;
    border-color: #343a40;
    color: #fff
}

.btn-dark.focus,
.btn-dark:focus,
.btn-dark:hover {
    background-color: #23272b;
    border-color: #1d2124;
    color: #fff
}

.btn-dark.focus,
.btn-dark:focus {
    box-shadow: 0 0 0 .2rem #52585d80
}

.btn-dark.disabled,
.btn-dark:disabled {
    background-color: #343a40;
    border-color: #343a40;
    color: #fff
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    background-color: #1d2124;
    border-color: #171a1d;
    color: #fff
}

.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 .2rem #52585d80
}

.btn-outline-primary {
    border-color: #007bff;
    color: #007bff
}

.btn-outline-primary:hover {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem #007bff80
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    background-color: initial;
    color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff
}

.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 .2rem #007bff80
}

.btn-outline-secondary {
    border-color: #6c757d;
    color: #6c757d
}

.btn-outline-secondary:hover {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem #6c757d80
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    background-color: initial;
    color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff
}

.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 .2rem #6c757d80
}

.btn-outline-success {
    border-color: #28a745;
    color: #28a745
}

.btn-outline-success:hover {
    background-color: #28a745;
    border-color: #28a745;
    color: #fff
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem #28a74580
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    background-color: initial;
    color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    background-color: #28a745;
    border-color: #28a745;
    color: #fff
}

.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 .2rem #28a74580
}

.btn-outline-info {
    border-color: #17a2b8;
    color: #17a2b8
}

.btn-outline-info:hover {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: #fff
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem #17a2b880
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    background-color: initial;
    color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: #fff
}

.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 .2rem #17a2b880
}

.btn-outline-warning {
    border-color: #ffc107;
    color: #ffc107
}

.btn-outline-warning:hover {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #212529
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem #ffc10780
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    background-color: initial;
    color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #212529
}

.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 .2rem #ffc10780
}

.btn-outline-danger {
    border-color: #dc3545;
    color: #dc3545
}

.btn-outline-danger:hover {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem #dc354580
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    background-color: initial;
    color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff
}

.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 .2rem #dc354580
}

.btn-outline-light {
    border-color: #f8f9fa;
    color: #f8f9fa
}

.btn-outline-light:hover {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    color: #212529
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem #f8f9fa80
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    background-color: initial;
    color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    color: #212529
}

.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 .2rem #f8f9fa80
}

.btn-outline-dark {
    border-color: #343a40;
    color: #343a40
}

.btn-outline-dark:hover {
    background-color: #343a40;
    border-color: #343a40;
    color: #fff
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem #343a4080
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    background-color: initial;
    color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    background-color: #343a40;
    border-color: #343a40;
    color: #fff
}

.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 .2rem #343a4080
}

.btn-link {
    color: #007bff;
    font-weight: 400;
    text-decoration: none
}

.btn-link:hover {
    color: #0056b3
}

.btn-link.focus,
.btn-link:focus,
.btn-link:hover {
    text-decoration: underline
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-group-lg>.btn,
.btn-lg {
    border-radius: .3rem;
    font-size: 1.25rem;
    line-height: 1.5;
    padding: .5rem 1rem
}

.btn-group-sm>.btn,
.btn-sm {
    border-radius: .2rem;
    font-size: .875rem;
    line-height: 1.5;
    padding: .25rem .5rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

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

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

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

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

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

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

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

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

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

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

.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #00000026;
    border-radius: .25rem;
    color: #212529;
    display: none;
    float: left;
    font-size: 1rem;
    left: 0;
    list-style: none;
    margin: .125rem 0 0;
    min-width: 10rem;
    padding: .5rem 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

@media (min-width:576px) {
    .dropdown-menu-sm-left {
        left: 0;
        right: auto
    }

    .dropdown-menu-sm-right {
        left: auto;
        right: 0
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-left {
        left: 0;
        right: auto
    }

    .dropdown-menu-md-right {
        left: auto;
        right: 0
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-left {
        left: 0;
        right: auto
    }

    .dropdown-menu-lg-right {
        left: auto;
        right: 0
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-left {
        left: 0;
        right: auto
    }

    .dropdown-menu-xl-right {
        left: auto;
        right: 0
    }
}

.dropup .dropdown-menu {
    bottom: 100%;
    margin-bottom: .125rem;
    margin-top: 0;
    top: auto
}

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

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

.dropright .dropdown-menu {
    left: 100%;
    margin-left: .125rem;
    margin-top: 0;
    right: auto;
    top: 0
}

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

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

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

.dropleft .dropdown-menu {
    left: auto;
    margin-right: .125rem;
    margin-top: 0;
    right: 100%;
    top: 0
}

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

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

.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] {
    bottom: auto;
    right: auto
}

.dropdown-divider {
    border-top: 1px solid #e9ecef;
    height: 0;
    margin: .5rem 0;
    overflow: hidden
}

.dropdown-item {
    background-color: initial;
    border: 0;
    clear: both;
    color: #212529;
    display: block;
    font-weight: 400;
    padding: .25rem 1.5rem;
    text-align: inherit;
    white-space: nowrap;
    width: 100%
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #e9ecef;
    color: #16181b;
    text-decoration: none
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #007bff;
    color: #fff;
    text-decoration: none
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    background-color: initial;
    color: #adb5bd;
    pointer-events: none
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    color: #6c757d;
    display: block;
    font-size: .875rem;
    margin-bottom: 0;
    padding: .5rem 1.5rem;
    white-space: nowrap
}

.dropdown-item-text {
    color: #212529;
    display: block;
    padding: .25rem 1.5rem
}

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

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

.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-bottom-right-radius: 0;
    border-top-right-radius: 0
}

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

.dropdown-toggle-split {
    padding-left: .5625rem;
    padding-right: .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-left: .375rem;
    padding-right: .375rem
}

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

.btn-group-vertical {
    align-items: flex-start;
    flex-direction: column;
    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-left-radius: 0;
    border-bottom-right-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 input[type=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio] {
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    position: absolute
}

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

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    flex: 1 1 auto;
    margin-bottom: 0;
    min-width: 0;
    position: relative;
    width: 1%
}

.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(:first-child),
.input-group>.form-control:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group>.custom-file {
    align-items: center;
    display: flex
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label:after {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label:after,
.input-group.has-validation>.custom-select:nth-last-child(n+3),
.input-group.has-validation>.form-control:nth-last-child(n+3),
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label:after,
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.form-control:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-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 {
    align-items: center;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    color: #495057;
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0;
    padding: .375rem .75rem;
    text-align: center;
    white-space: nowrap
}

.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 {
    border-radius: .3rem;
    font-size: 1.25rem;
    line-height: 1.5;
    padding: .5rem 1rem
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .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 {
    border-radius: .2rem;
    font-size: .875rem;
    line-height: 1.5;
    padding: .25rem .5rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.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-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-bottom-right-radius: 0;
    border-top-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-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.custom-control {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    position: relative;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    z-index: 1
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    height: 1.25rem;
    left: 0;
    opacity: 0;
    position: absolute;
    width: 1rem;
    z-index: -1
}

.custom-control-input:checked~.custom-control-label:before {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff
}

.custom-control-input:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem #007bff40
}

.custom-control-input:focus:not(:checked)~.custom-control-label:before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active~.custom-control-label:before {
    background-color: #b3d7ff;
    border-color: #b3d7ff;
    color: #fff
}

.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label:before,
.custom-control-input[disabled]~.custom-control-label:before {
    background-color: #e9ecef
}

.custom-control-label {
    margin-bottom: 0;
    position: relative;
    vertical-align: top
}

.custom-control-label:before {
    background-color: #fff;
    border: 1px solid #adb5bd;
    pointer-events: none
}

.custom-control-label:after,
.custom-control-label:before {
    content: "";
    display: block;
    height: 1rem;
    left: -1.5rem;
    position: absolute;
    top: .25rem;
    width: 1rem
}

.custom-control-label:after {
    background: 50%/50% 50% no-repeat
}

.custom-checkbox .custom-control-label:before {
    border-radius: .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' width='8' height='8'%3E%3Cpath fill='%23fff' d='m6.564.75-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 {
    background-color: #007bff;
    border-color: #007bff
}

.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' width='4' height='4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before,
.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before {
    background-color: #007bff80
}

.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' width='12' height='12' 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: #007bff80
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label:before {
    border-radius: .5rem;
    left: -2.25rem;
    pointer-events: all;
    width: 1.75rem
}

.custom-switch .custom-control-label:after {
    background-color: #adb5bd;
    border-radius: .5rem;
    height: calc(1rem - 4px);
    left: calc(-2.25rem + 2px);
    top: calc(.25rem + 2px);
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: calc(1rem - 4px)
}

@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;
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label:before {
    background-color: #007bff80
}

.custom-select {
    -webkit-appearance: none;
    appearance: none;
    background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    color: #495057;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    height: calc(1.5em + .75rem + 2px);
    line-height: 1.5;
    padding: .375rem 1.75rem .375rem .75rem;
    vertical-align: middle;
    width: 100%
}

.custom-select:focus {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem #007bff40;
    outline: 0
}

.custom-select:focus::-ms-value {
    background-color: #fff;
    color: #495057
}

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

.custom-select:disabled {
    background-color: #e9ecef;
    color: #6c757d
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:-moz-focusring {
    color: #0000;
    text-shadow: 0 0 0 #495057
}

.custom-select-sm {
    font-size: .875rem;
    height: calc(1.5em + .5rem + 2px);
    padding-bottom: .25rem;
    padding-left: .5rem;
    padding-top: .25rem
}

.custom-select-lg {
    font-size: 1.25rem;
    height: calc(1.5em + 1rem + 2px);
    padding-bottom: .5rem;
    padding-left: 1rem;
    padding-top: .5rem
}

.custom-file {
    display: inline-block;
    margin-bottom: 0
}

.custom-file,
.custom-file-input {
    height: calc(1.5em + .75rem + 2px);
    position: relative;
    width: 100%
}

.custom-file-input {
    margin: 0;
    opacity: 0;
    overflow: hidden;
    z-index: 2
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem #007bff40
}

.custom-file-input:disabled~.custom-file-label,
.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 {
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    font-weight: 400;
    height: calc(1.5em + .75rem + 2px);
    left: 0;
    overflow: hidden;
    z-index: 1
}

.custom-file-label,
.custom-file-label:after {
    color: #495057;
    line-height: 1.5;
    padding: .375rem .75rem;
    position: absolute;
    right: 0;
    top: 0
}

.custom-file-label:after {
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0;
    bottom: 0;
    content: "Browse";
    display: block;
    height: calc(1.5em + .75rem);
    z-index: 3
}

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

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem #007bff40
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem #007bff40
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem #007bff40
}

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

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

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

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    background-color: #dee2e6;
    border-color: #0000;
    border-radius: 1rem;
    color: #0000;
    cursor: pointer;
    height: .5rem;
    width: 100%
}

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

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

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    background-color: #dee2e6;
    border-color: #0000;
    border-radius: 1rem;
    color: #0000;
    cursor: pointer;
    height: .5rem;
    width: 100%
}

.custom-range::-ms-thumb {
    appearance: none;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    height: 1rem;
    margin-left: .2rem;
    margin-right: .2rem;
    margin-top: 0;
    -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 1rem
}

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

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    background-color: initial;
    border-color: #0000;
    border-width: .5rem;
    color: #0000;
    cursor: pointer;
    height: .5rem;
    width: 100%
}

.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 .15s ease-in-out, border-color .15s ease-in-out, box-shadow .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;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    cursor: default;
    pointer-events: none
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
    background-color: initial;
    border: 1px solid #0000;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    margin-bottom: -1px
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6;
    isolation: isolate
}

.nav-tabs .nav-link.disabled {
    background-color: initial;
    border-color: #0000;
    color: #6c757d
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    color: #495057
}

.nav-tabs .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: -1px
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: #007bff;
    color: #fff
}

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

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

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

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

.navbar {
    padding: .5rem 1rem;
    position: relative
}

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

.navbar-brand {
    display: inline-block;
    font-size: 1.25rem;
    line-height: inherit;
    margin-right: 1rem;
    padding-bottom: .3125rem;
    padding-top: .3125rem;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.navbar-nav .nav-link {
    padding-left: 0;
    padding-right: 0
}

.navbar-nav .dropdown-menu {
    float: none;
    position: static
}

.navbar-text {
    display: inline-block;
    padding-bottom: .5rem;
    padding-top: .5rem
}

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

.navbar-toggler {
    background-color: initial;
    border: 1px solid #0000;
    border-radius: .25rem;
    font-size: 1.25rem;
    line-height: 1;
    padding: .25rem .75rem
}

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

.navbar-toggler-icon {
    background: 50%/100% 100% no-repeat;
    content: "";
    display: inline-block;
    height: 1.5em;
    vertical-align: middle;
    width: 1.5em
}

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto
}

@media (max-width:575.98px) {

    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        padding-left: 0;
        padding-right: 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-left: .5rem;
        padding-right: .5rem
    }

    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        flex-wrap: nowrap
    }

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

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

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

@media (max-width:767.98px) {

    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        padding-left: 0;
        padding-right: 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-left: .5rem;
        padding-right: .5rem
    }

    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        flex-wrap: nowrap
    }

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

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

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

@media (max-width:991.98px) {

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        padding-left: 0;
        padding-right: 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-left: .5rem;
        padding-right: .5rem
    }

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        flex-wrap: nowrap
    }

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

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

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

@media (max-width:1199.98px) {

    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        padding-left: 0;
        padding-right: 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-left: .5rem;
        padding-right: .5rem
    }

    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        flex-wrap: nowrap
    }

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

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

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

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

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    padding-left: 0;
    padding-right: 0
}

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

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

.navbar-expand .navbar-nav .nav-link {
    padding-left: .5rem;
    padding-right: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    flex-wrap: nowrap
}

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

.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: #000000e6
}

.navbar-light .navbar-nav .nav-link {
    color: #00000080
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #000000b3
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: #0000004d
}

.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: #000000e6
}

.navbar-light .navbar-toggler {
    border-color: #0000001a;
    color: #00000080
}

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

.navbar-light .navbar-text {
    color: #00000080
}

.navbar-light .navbar-text a,
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: #000000e6
}

.navbar-dark .navbar-brand,
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: #ffffff80
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: #ffffffbf
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: #ffffff40
}

.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 {
    border-color: #ffffff1a;
    color: #ffffff80
}

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

.navbar-dark .navbar-text {
    color: #ffffff80
}

.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    word-wrap: break-word;
    background-clip: initial;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative
}

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

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

.card>.list-group:first-child {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
    border-top-width: 0
}

.card>.list-group:last-child {
    border-bottom-left-radius: calc(.25rem - 1px);
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-width: 0
}

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

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.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 {
    background-color: #00000008;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    margin-bottom: 0;
    padding: .75rem 1.25rem
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    background-color: #00000008;
    border-top: 1px solid rgba(0, 0, 0, .125);
    padding: .75rem 1.25rem
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    border-bottom: 0;
    margin-bottom: -.75rem
}

.card-header-pills,
.card-header-tabs {
    margin-left: -.625rem;
    margin-right: -.625rem
}

.card-img-overlay {
    border-radius: calc(.25rem - 1px);
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    position: absolute;
    right: 0;
    top: 0
}

.card-img,
.card-img-bottom,
.card-img-top {
    flex-shrink: 0;
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-left-radius: calc(.25rem - 1px);
    border-bottom-right-radius: calc(.25rem - 1px)
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-left: -15px;
        margin-right: -15px
    }

    .card-deck .card {
        flex: 1 0;
        margin-bottom: 0;
        margin-left: 15px;
        margin-right: 15px
    }
}

.card-group>.card {
    margin-bottom: 15px
}

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

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

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

    .card-group>.card:not(:last-child) {
        border-bottom-right-radius: 0;
        border-top-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-bottom-left-radius: 0;
        border-top-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: .75rem
}

@media (min-width:576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion {
    overflow-anchor: none
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px
}

.breadcrumb {
    background-color: #e9ecef;
    border-radius: .25rem;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 1rem;
    padding: .75rem 1rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item:before {
    color: #6c757d;
    content: "/";
    float: left;
    padding-right: .5rem
}

.breadcrumb-item+.breadcrumb-item:hover:before {
    text-decoration: underline;
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    border-radius: .25rem;
    display: flex;
    list-style: none;
    padding-left: 0
}

.page-link {
    background-color: #fff;
    border: 1px solid #dee2e6;
    color: #007bff;
    display: block;
    line-height: 1.25;
    margin-left: -1px;
    padding: .5rem .75rem;
    position: relative
}

.page-link:hover {
    background-color: #e9ecef;
    border-color: #dee2e6;
    color: #0056b3;
    text-decoration: none;
    z-index: 2
}

.page-link:focus {
    box-shadow: 0 0 0 .2rem #007bff40;
    outline: 0;
    z-index: 3
}

.page-item:first-child .page-link {
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem;
    margin-left: 0
}

.page-item:last-child .page-link {
    border-bottom-right-radius: .25rem;
    border-top-right-radius: .25rem
}

.page-item.active .page-link {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff;
    z-index: 3
}

.page-item.disabled .page-link {
    background-color: #fff;
    border-color: #dee2e6;
    color: #6c757d;
    cursor: auto;
    pointer-events: none
}

.pagination-lg .page-link {
    font-size: 1.25rem;
    line-height: 1.5;
    padding: .75rem 1.5rem
}

.pagination-lg .page-item:first-child .page-link {
    border-bottom-left-radius: .3rem;
    border-top-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-bottom-right-radius: .3rem;
    border-top-right-radius: .3rem
}

.pagination-sm .page-link {
    font-size: .875rem;
    line-height: 1.5;
    padding: .25rem .5rem
}

.pagination-sm .page-item:first-child .page-link {
    border-bottom-left-radius: .2rem;
    border-top-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-bottom-right-radius: .2rem;
    border-top-right-radius: .2rem
}

.badge {
    border-radius: .25rem;
    display: inline-block;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    padding: .25em .4em;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: initial;
    white-space: nowrap
}

@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 {
    border-radius: 10rem;
    padding-left: .6em;
    padding-right: .6em
}

.badge-primary {
    background-color: #007bff;
    color: #fff
}

a.badge-primary:focus,
a.badge-primary:hover {
    background-color: #0062cc;
    color: #fff
}

a.badge-primary.focus,
a.badge-primary:focus {
    box-shadow: 0 0 0 .2rem #007bff80;
    outline: 0
}

.badge-secondary {
    background-color: #6c757d;
    color: #fff
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    background-color: #545b62;
    color: #fff
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    box-shadow: 0 0 0 .2rem #6c757d80;
    outline: 0
}

.badge-success {
    background-color: #28a745;
    color: #fff
}

a.badge-success:focus,
a.badge-success:hover {
    background-color: #1e7e34;
    color: #fff
}

a.badge-success.focus,
a.badge-success:focus {
    box-shadow: 0 0 0 .2rem #28a74580;
    outline: 0
}

.badge-info {
    background-color: #17a2b8;
    color: #fff
}

a.badge-info:focus,
a.badge-info:hover {
    background-color: #117a8b;
    color: #fff
}

a.badge-info.focus,
a.badge-info:focus {
    box-shadow: 0 0 0 .2rem #17a2b880;
    outline: 0
}

.badge-warning {
    background-color: #ffc107;
    color: #212529
}

a.badge-warning:focus,
a.badge-warning:hover {
    background-color: #d39e00;
    color: #212529
}

a.badge-warning.focus,
a.badge-warning:focus {
    box-shadow: 0 0 0 .2rem #ffc10780;
    outline: 0
}

.badge-danger {
    background-color: #dc3545;
    color: #fff
}

a.badge-danger:focus,
a.badge-danger:hover {
    background-color: #bd2130;
    color: #fff
}

a.badge-danger.focus,
a.badge-danger:focus {
    box-shadow: 0 0 0 .2rem #dc354580;
    outline: 0
}

.badge-light {
    background-color: #f8f9fa;
    color: #212529
}

a.badge-light:focus,
a.badge-light:hover {
    background-color: #dae0e5;
    color: #212529
}

a.badge-light.focus,
a.badge-light:focus {
    box-shadow: 0 0 0 .2rem #f8f9fa80;
    outline: 0
}

.badge-dark {
    background-color: #343a40;
    color: #fff
}

a.badge-dark:focus,
a.badge-dark:hover {
    background-color: #1d2124;
    color: #fff
}

a.badge-dark.focus,
a.badge-dark:focus {
    box-shadow: 0 0 0 .2rem #343a4080;
    outline: 0
}

.jumbotron {
    background-color: #e9ecef;
    border-radius: .3rem;
    margin-bottom: 2rem;
    padding: 2rem 1rem
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    border-radius: 0;
    padding-left: 0;
    padding-right: 0
}

.alert {
    border: 1px solid #0000;
    border-radius: .25rem;
    margin-bottom: 1rem;
    padding: .75rem 1.25rem;
    position: relative
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

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

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

.alert-primary {
    background-color: #cce5ff;
    border-color: #b8daff;
    color: #004085
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    background-color: #e2e3e5;
    border-color: #d6d8db;
    color: #383d41
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    background-color: #d1ecf1;
    border-color: #bee5eb;
    color: #0c5460
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    background-color: #fff3cd;
    border-color: #ffeeba;
    color: #856404
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    background-color: #fefefe;
    border-color: #fdfdfe;
    color: #818182
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    background-color: #d6d8d9;
    border-color: #c6c8ca;
    color: #1b1e21
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

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

    to {
        background-position: 0 0
    }
}

.progress {
    background-color: #e9ecef;
    border-radius: .25rem;
    font-size: .75rem;
    height: 1rem;
    line-height: 0
}

.progress,
.progress-bar {
    display: flex;
    overflow: hidden
}

.progress-bar {
    background-color: #007bff;
    color: #fff;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    transition: width .6s ease;
    white-space: nowrap
}

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

.progress-bar-striped {
    background-image: linear-gradient(45deg, #ffffff26 25%, #0000 0, #0000 50%, #ffffff26 0, #ffffff26 75%, #0000 0, #0000);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite
}

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

.media {
    align-items: flex-start;
    display: flex
}

.media-body {
    flex: 1 1
}

.list-group {
    border-radius: .25rem;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    padding-left: 0
}

.list-group-item-action {
    color: #495057;
    text-align: inherit;
    width: 100%
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    background-color: #f8f9fa;
    color: #495057;
    text-decoration: none;
    z-index: 1
}

.list-group-item-action:active {
    background-color: #e9ecef;
    color: #212529
}

.list-group-item {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    display: block;
    padding: .75rem 1.25rem;
    position: relative
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    background-color: #fff;
    color: #6c757d;
    pointer-events: none
}

.list-group-item.active {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff;
    z-index: 2
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    border-top-width: 1px;
    margin-top: -1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: .25rem
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-left-width: 0;
    border-top-width: 1px
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    border-left-width: 1px;
    margin-left: -1px
}

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }

    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item:last-child {
        border-bottom-left-radius: 0;
        border-top-right-radius: .25rem
    }

    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-left-width: 0;
        border-top-width: 1px
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        border-left-width: 1px;
        margin-left: -1px
    }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }

    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-md>.list-group-item:last-child {
        border-bottom-left-radius: 0;
        border-top-right-radius: .25rem
    }

    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-left-width: 0;
        border-top-width: 1px
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        border-left-width: 1px;
        margin-left: -1px
    }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }

    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item:last-child {
        border-bottom-left-radius: 0;
        border-top-right-radius: .25rem
    }

    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-left-width: 0;
        border-top-width: 1px
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        border-left-width: 1px;
        margin-left: -1px
    }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }

    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item:last-child {
        border-bottom-left-radius: 0;
        border-top-right-radius: .25rem
    }

    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-left-width: 0;
        border-top-width: 1px
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        border-left-width: 1px;
        margin-left: -1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    background-color: #b8daff;
    color: #004085
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    background-color: #9fcdff;
    color: #004085
}

.list-group-item-primary.list-group-item-action.active {
    background-color: #004085;
    border-color: #004085;
    color: #fff
}

.list-group-item-secondary {
    background-color: #d6d8db;
    color: #383d41
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    background-color: #c8cbcf;
    color: #383d41
}

.list-group-item-secondary.list-group-item-action.active {
    background-color: #383d41;
    border-color: #383d41;
    color: #fff
}

.list-group-item-success {
    background-color: #c3e6cb;
    color: #155724
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    background-color: #b1dfbb;
    color: #155724
}

.list-group-item-success.list-group-item-action.active {
    background-color: #155724;
    border-color: #155724;
    color: #fff
}

.list-group-item-info {
    background-color: #bee5eb;
    color: #0c5460
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    background-color: #abdde5;
    color: #0c5460
}

.list-group-item-info.list-group-item-action.active {
    background-color: #0c5460;
    border-color: #0c5460;
    color: #fff
}

.list-group-item-warning {
    background-color: #ffeeba;
    color: #856404
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    background-color: #ffe8a1;
    color: #856404
}

.list-group-item-warning.list-group-item-action.active {
    background-color: #856404;
    border-color: #856404;
    color: #fff
}

.list-group-item-danger {
    background-color: #f5c6cb;
    color: #721c24
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    background-color: #f1b0b7;
    color: #721c24
}

.list-group-item-danger.list-group-item-action.active {
    background-color: #721c24;
    border-color: #721c24;
    color: #fff
}

.list-group-item-light {
    background-color: #fdfdfe;
    color: #818182
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    background-color: #ececf6;
    color: #818182
}

.list-group-item-light.list-group-item-action.active {
    background-color: #818182;
    border-color: #818182;
    color: #fff
}

.list-group-item-dark {
    background-color: #c6c8ca;
    color: #1b1e21
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    background-color: #b9bbbe;
    color: #1b1e21
}

.list-group-item-dark.list-group-item-action.active {
    background-color: #1b1e21;
    border-color: #1b1e21;
    color: #fff
}

.close {
    color: #000;
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    opacity: .5;
    text-shadow: 0 1px 0 #fff
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

button.close {
    background-color: initial;
    border: 0;
    padding: 0
}

a.close.disabled {
    pointer-events: none
}

.toast {
    background-clip: padding-box;
    background-color: #ffffffd9;
    border: 1px solid #0000001a;
    border-radius: .25rem;
    box-shadow: 0 .25rem .75rem #0000001a;
    flex-basis: 350px;
    font-size: .875rem;
    max-width: 350px;
    opacity: 0
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    align-items: center;
    background-clip: padding-box;
    background-color: #ffffffd9;
    border-bottom: 1px solid #0000000d;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
    color: #6c757d;
    display: flex;
    padding: .25rem .75rem
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1050
}

.modal-dialog {
    margin: .5rem;
    pointer-events: none;
    position: relative;
    width: auto
}

.modal.fade .modal-dialog {
    transform: translateY(-50px);
    transition: transform .3s ease-out
}

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

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    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 {
    align-items: center;
    display: flex;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered:before {
    content: "";
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: min-content
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable:before {
    content: none
}

.modal-content {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #0003;
    border-radius: .3rem;
    display: flex;
    flex-direction: column;
    outline: 0;
    pointer-events: auto;
    position: relative;
    width: 100%
}

.modal-backdrop {
    background-color: #000;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1040
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    align-items: flex-start;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
    display: flex;
    justify-content: space-between;
    padding: 1rem
}

.modal-header .close {
    margin: -1rem -1rem -1rem auto;
    padding: 1rem
}

.modal-title {
    line-height: 1.5;
    margin-bottom: 0
}

.modal-body {
    flex: 1 1 auto;
    padding: 1rem;
    position: relative
}

.modal-footer {
    align-items: center;
    border-bottom-left-radius: calc(.3rem - 1px);
    border-bottom-right-radius: calc(.3rem - 1px);
    border-top: 1px solid #dee2e6;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: .75rem
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    height: 50px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
    width: 50px
}

@media (min-width:576px) {
    .modal-dialog {
        margin: 1.75rem auto;
        max-width: 500px
    }

    .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);
        height: -webkit-min-content;
        height: min-content
    }

    .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 {
    word-wrap: break-word;
    display: block;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    margin: 0;
    opacity: 0;
    position: absolute;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    z-index: 1070
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    display: block;
    height: .4rem;
    position: absolute;
    width: .8rem
}

.tooltip .arrow:before {
    border-color: #0000;
    border-style: solid;
    content: "";
    position: absolute
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .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 {
    border-top-color: #000;
    border-width: .4rem .4rem 0;
    top: 0
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    height: .8rem;
    left: 0;
    width: .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow:before,
.bs-tooltip-right .arrow:before {
    border-right-color: #000;
    border-width: .4rem .4rem .4rem 0;
    right: 0
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .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 {
    border-bottom-color: #000;
    border-width: 0 .4rem .4rem;
    bottom: 0
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    height: .8rem;
    right: 0;
    width: .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow:before,
.bs-tooltip-left .arrow:before {
    border-left-color: #000;
    border-width: .4rem 0 .4rem .4rem;
    left: 0
}

.tooltip-inner {
    background-color: #000;
    border-radius: .25rem;
    color: #fff;
    max-width: 200px;
    padding: .25rem .5rem;
    text-align: center
}

.popover {
    word-wrap: break-word;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #0003;
    border-radius: .3rem;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    left: 0;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    max-width: 276px;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    top: 0;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    z-index: 1060
}

.popover,
.popover .arrow {
    display: block;
    position: absolute
}

.popover .arrow {
    height: .5rem;
    margin: 0 .3rem;
    width: 1rem
}

.popover .arrow:after,
.popover .arrow:before {
    border-color: #0000;
    border-style: solid;
    content: "";
    display: block;
    position: absolute
}

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=top]>.arrow:before,
.bs-popover-top>.arrow:before {
    border-top-color: #00000040;
    border-width: .5rem .5rem 0;
    bottom: 0
}

.bs-popover-auto[x-placement^=top]>.arrow:after,
.bs-popover-top>.arrow:after {
    border-top-color: #fff;
    border-width: .5rem .5rem 0;
    bottom: 1px
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
    height: 1rem;
    left: calc(-.5rem - 1px);
    margin: .3rem 0;
    width: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow:before,
.bs-popover-right>.arrow:before {
    border-right-color: #00000040;
    border-width: .5rem .5rem .5rem 0;
    left: 0
}

.bs-popover-auto[x-placement^=right]>.arrow:after,
.bs-popover-right>.arrow:after {
    border-right-color: #fff;
    border-width: .5rem .5rem .5rem 0;
    left: 1px
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=bottom]>.arrow:before,
.bs-popover-bottom>.arrow:before {
    border-bottom-color: #00000040;
    border-width: 0 .5rem .5rem;
    top: 0
}

.bs-popover-auto[x-placement^=bottom]>.arrow:after,
.bs-popover-bottom>.arrow:after {
    border-bottom-color: #fff;
    border-width: 0 .5rem .5rem;
    top: 1px
}

.bs-popover-auto[x-placement^=bottom] .popover-header:before,
.bs-popover-bottom .popover-header:before {
    border-bottom: 1px solid #f7f7f7;
    content: "";
    display: block;
    left: 50%;
    margin-left: -.5rem;
    position: absolute;
    top: 0;
    width: 1rem
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
    height: 1rem;
    margin: .3rem 0;
    right: calc(-.5rem - 1px);
    width: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow:before,
.bs-popover-left>.arrow:before {
    border-left-color: #00000040;
    border-width: .5rem 0 .5rem .5rem;
    right: 0
}

.bs-popover-auto[x-placement^=left]>.arrow:after,
.bs-popover-left>.arrow:after {
    border-left-color: #fff;
    border-width: .5rem 0 .5rem .5rem;
    right: 1px
}

.popover-header {
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
    font-size: 1rem;
    margin-bottom: 0;
    padding: .5rem .75rem
}

.popover-header:empty {
    display: none
}

.popover-body {
    color: #212529;
    padding: .5rem .75rem
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    overflow: hidden;
    position: relative;
    width: 100%
}

.carousel-inner:after {
    clear: both;
    content: "";
    display: block
}

.carousel-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    float: left;
    margin-right: -100%;
    position: relative;
    transition: transform .6s ease-in-out;
    width: 100%
}

@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) {
    transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transform: none;
    transition-property: opacity
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    opacity: 1;
    z-index: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0;
    transition: opacity 0s .6s;
    z-index: 0
}

@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 {
    align-items: center;
    background: 0 0;
    border: 0;
    bottom: 0;
    color: #fff;
    display: flex;
    justify-content: center;
    opacity: .5;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: opacity .15s ease;
    width: 15%;
    z-index: 1
}

@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;
    opacity: .9;
    outline: 0;
    text-decoration: none
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    background: 50%/100% 100% no-repeat;
    display: inline-block;
    height: 20px;
    width: 20px
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8'%3E%3Cpath d='m5.25 0-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' width='8' height='8'%3E%3Cpath d='m2.75 0-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E")
}

.carousel-indicators {
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    list-style: none;
    margin-left: 15%;
    margin-right: 15%;
    padding-left: 0;
    position: absolute;
    right: 0;
    z-index: 15
}

.carousel-indicators li {
    background-clip: padding-box;
    background-color: #fff;
    border-bottom: 10px solid #0000;
    border-top: 10px solid #0000;
    box-sizing: initial;
    cursor: pointer;
    flex: 0 1 auto;
    height: 3px;
    margin-left: 3px;
    margin-right: 3px;
    opacity: .5;
    text-indent: -999px;
    transition: opacity .6s ease;
    width: 30px
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    bottom: 20px;
    color: #fff;
    left: 15%;
    padding-bottom: 20px;
    padding-top: 20px;
    position: absolute;
    right: 15%;
    text-align: center;
    z-index: 10
}

@keyframes spinner-border {
    to {
        transform: rotate(1turn)
    }
}

.spinner-border {
    animation: spinner-border .75s linear infinite;
    border: .25em solid;
    border-radius: 50%;
    border-right: .25em solid #0000;
    display: inline-block;
    height: 2rem;
    vertical-align: -.125em;
    width: 2rem
}

.spinner-border-sm {
    border-width: .2em;
    height: 1rem;
    width: 1rem
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    animation: spinner-grow .75s linear infinite;
    background-color: currentcolor;
    border-radius: 50%;
    display: inline-block;
    height: 2rem;
    opacity: 0;
    vertical-align: -.125em;
    width: 2rem
}

.spinner-grow-sm {
    height: 1rem;
    width: 1rem
}

@media (prefers-reduced-motion:reduce) {

    .spinner-border,
    .spinner-grow {
        animation-duration: 1.5s
    }
}

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

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

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

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

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

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

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0062cc !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: #28a745 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #bd2130 !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: initial !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: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded-sm {
    border-radius: .2rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important
}

.rounded-right,
.rounded-top {
    border-top-right-radius: .25rem !important
}

.rounded-bottom,
.rounded-right {
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom,
.rounded-left {
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important
}

.rounded-lg {
    border-radius: .3rem !important
}

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

.rounded-pill {
    border-radius: 50rem !important
}

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

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

.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 {
    display: block;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%
}

.embed-responsive:before {
    content: "";
    display: block
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    border: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.embed-responsive-21by9:before {
    padding-top: 42.857143%
}

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

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

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

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

.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 {
    left: 0;
    position: fixed;
    right: 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 {
    clip: rect(0, 0, 0, 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    overflow: visible;
    position: static;
    white-space: normal;
    width: auto
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem #00000026 !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(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
}

.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: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .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: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .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: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.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: .25rem !important
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .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: .25rem !important
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: .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: -.25rem !important
    }

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important
    }

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important
    }

    .m-sm-n2 {
        margin: -.5rem !important
    }

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important
    }

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.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: .25rem !important
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: .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: .25rem !important
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: .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: -.25rem !important
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
    }

    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
    }

    .m-md-n2 {
        margin: -.5rem !important
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
    }

    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.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: .25rem !important
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .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: .25rem !important
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: .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: -.25rem !important
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
    }

    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
    }

    .m-lg-n2 {
        margin: -.5rem !important
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
    }

    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.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: .25rem !important
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .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: .25rem !important
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: .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: -.25rem !important
    }

    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
    }

    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
    }

    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
    }

    .m-xl-n2 {
        margin: -.5rem !important
    }

    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
    }

    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
    }

    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.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
    }
}

.stretched-link:after {
    background-color: #0000;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.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: #007bff !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a !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: #00000080 !important
}

.text-white-50 {
    color: #ffffff80 !important
}

.text-hide {
    background-color: initial;
    border: 0;
    color: #0000;
    font: 0/0 a;
    text-shadow: none
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {

    *,
    :after,
    :before {
        box-shadow: none !important;
        text-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
    }

    blockquote,
    img,
    pre,
    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 {
        border-color: #dee2e6;
        color: inherit
    }
}

.kpinput input {
    border: 1px solid #e0e2ee
}

.modal-dialog-stake .nb_c .nb_c3 .input-group input:focus {
    background: #fff
}

.rrser1 {
    padding: 30px
}

.dark_theme .kpln1 {
    background: #030204
}

.dark_theme .input-group-text {
    background: #0c0c10
}

.bankcard {
    background-image: linear-gradient(45deg, #3e40ff, #214058)
}

.bankcard,
.bankcard1 {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 0;
    border-radius: 15px;
    overflow: hidden;
    z-index: 1
}

.bankcard1 {
    background-image: linear-gradient(45deg, #3ed2ff, #104f7f)
}

.bankcard2 {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-image: linear-gradient(45deg, #bd57d4, #117ba5);
    border: 0;
    border-radius: 15px;
    overflow: hidden;
    z-index: 1
}

.bankcard1:hover .card-inner,
.bankcard2:hover .card-inner,
.bankcard:hover .card-inner {
    transform: rotateY(-180deg)
}

.map-img {
    left: 0;
    opacity: .3;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.card-inner {
    color: #f0f8ff;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    transition: transform 1s;
    width: 100%
}

.ifsc,
.name {
    font-size: 17px;
    letter-spacing: .5px;
    margin-top: 20px;
    text-transform: uppercase
}

.upi_card {
    background-color: #21212e !important;
    border: 2px solid #0000 !important
}

.beINqH:first-child {
    margin-left: 0
}

.beINqH {
    background: #ebf0fd;
    border: 1px solid #dbe4fc;
    border-radius: 8px;
    color: #3067f0;
    font-size: 10px;
    font-weight: 700;
    margin: 0 8px;
    padding: 0 4px;
    text-transform: uppercase
}

.fMKaGR {
    display: block;
    line-height: 20px;
    text-align: left;
    white-space: normal
}

.dfsrwO:last-child {
    margin-right: 0
}

.dfsrwO {
    background: rgba(85, 189, 108, .476);
    border: 1px solid #55bd6c21;
    border-radius: 8px;
    color: #55bd6c !important;
    font-size: 10px;
    font-weight: 700;
    margin: 0 8px;
    padding: 0 4px;
    text-transform: uppercase
}

.kRHheI {
    display: flex !important;
    flex-shrink: 0 !important
}

.upi_id_um {
    font-size: 14px;
    line-height: 20px;
    text-align: left !important
}

.upi_id_txt,
.upi_id_um {
    font-weight: 400;
    white-space: normal
}

.upi_id_txt {
    font-size: 11px;
    letter-spacing: .02em;
    line-height: 14px;
    text-align: left;
    text-transform: uppercase
}

.dark_theme .vij_lep {
    background: #2d3339 !important;
    border-radius: 10px !important;
    padding: 15px !important
}

@media screen and (max-width:767px) {
    .dvyhtH {
        align-items: flex-start;
        flex-direction: column;
        justify-content: center
    }
}

.payment-option-status-box.verified {
    background: rgba(85, 189, 108, .394)
}

.box-pending {
    background: #ffc10752 !important
}

.vij_lep {
    background: #ebebeb !important;
    border-radius: 10px !important;
    padding: 15px !important
}

.payment-option-status-box {
    border-radius: 5px;
    display: flex;
    padding: 5px 5px 5px 15px
}

.payment-option-status-box .content .title {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 1.1em
}

.payment-option-status-box .content .description {
    font-size: 12px;
    padding-top: 8px
}

.payment-option .info-box {
    padding: 16px 16px 0;
    width: 100%
}

.APMcU {
    display: flex;
    flex-shrink: 0;
    position: relative
}

.RkfOv {
    color: #3f475a;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin: 0 40px 0 0;
    text-align: left;
    white-space: normal
}

.payment-option-fields {
    grid-row-gap: 24px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    padding: 16px
}

.euiEmK {
    display: flex;
    flex-direction: column;
    flex-shrink: 0
}

.jPtswc {
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 6px !important;
    width: 100%
}

.krvhZv {
    display: flex;
    flex-shrink: 0;
    justify-content: space-between
}

label {
    max-width: 100%
}

.gtLGJm {
    color: var(--color-text-l1);
    font-size: 11px;
    letter-spacing: .02em;
    line-height: 14px;
    text-align: left;
    text-transform: uppercase
}

.gtLGJm,
.iTffrL {
    display: block;
    font-weight: 400;
    white-space: normal
}

.iTffrL {
    color: var(--color-text-l0);
    font-size: 14px;
    line-height: 20px;
    text-align: left !important
}

.verfi_pending {
    background: #ffc1074a;
    border: 1px solid #55bd6c21;
    border-radius: 8px;
    color: #ffc107 !important;
    font-size: 10px;
    font-weight: 700;
    margin: 0 8px;
    padding: 0 px 4px;
    text-transform: uppercase
}

.verify_danger {
    background: #dc3545 !important
}

.swal2-title {
    font-size: 20px
}

.swal2-html-container {
    font-size: 14.5px
}

.dropdown {
    display: inline-block;
    position: relative
}

#inputParent {
    background-color: #000;
    box-shadow: 0 8px 16px 0 #0003;
    display: none;
    min-width: 160px;
    padding: 12px 16px;
    position: absolute;
    z-index: 1
}

.dropdown:hover #inputParent {
    display: block
}

.scrollbar {
    border: 1px solid #000;
    height: 177px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

div.box {
    border: 1px solid #333;
    box-sizing: border-box;
    color: #999;
    display: inline-block;
    height: 200px;
    padding: 10px;
    position: relative;
    vertical-align: top;
    width: 200px
}

div.box.sample:after {
    zoom: 1;
    background: #fff;
    border: 4px solid #c00;
    border-radius: 5px;
    box-shadow: 0 0 2px #c00;
    color: #c00;
    content: "SAMPLE";
    filter: alpha(opacity=20);
    font-family: Arial, sans-serif;
    font-size: 40px;
    left: 10px;
    opacity: .2;
    padding: 5px;
    position: absolute;
    -webkit-text-shadow: 0 0 2px #c00;
    text-shadow: 0 0 2px #c00;
    top: 70px;
    transform: rotate(-45deg);
    z-index: 1
}

.rubber {
    box-shadow: 0 0 0 3px #3b830e, inset 0 0 0 2px #3b830e;
    color: #3b830e
}

.rubber,
.rubber1 {
    border: 2px solid #0000;
    border-radius: 4px;
    display: inline-block;
    font-size: 24px;
    font-weight: 600;
    line-height: 22px;
    padding: 5px 2px;
    text-align: center;
    text-transform: uppercase;
    transform: rotate(-5deg);
    width: 155px
}

.rubber1 {
    box-shadow: 0 0 0 3px #e10808, inset 0 0 0 2px #e10808;
    color: #e10808
}

.scroll-view {
    max-height: 300px;
    overflow: auto
}

.wlt-notifi .modal-content {
    background-color: initial !important;
    border: none !important
}

.wlt-notifi .modal-body {
    background-color: initial !important;
    padding: 0 !important
}

.close_pop {
    background: #fff;
    border-radius: 50%;
    font-size: 20px !important;
    height: 24px;
    position: absolute !important;
    right: 10px !important;
    top: 10px !important;
    width: 24px
}

@media screen and (max-width:1200px) {
    .close_pop {
        font-size: 20px !important;
        position: absolute !important;
        right: 15px !important;
        top: 10px !important
    }
}

@media screen and (max-width:767px) {
    .close_pop {
        font-size: 20px !important;
        position: absolute !important;
        right: 10px !important;
        top: 10px !important
    }
}

@media screen and (max-width:500px) {
    .close_pop {
        font-size: 20px !important;
        position: absolute !important;
        right: 10px !important;
        top: 10px !important
    }
}

label {
    cursor: pointer
}

a {
    color: #000
}

.dark_theme a,
a {
    background: #0000;
    margin: 0;
    padding: 0;
    text-decoration: none;
    vertical-align: initial
}

.dark_theme a {
    color: #fff
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0
}

a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
caption,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
var {
    background: #0000;
    border: 0;
    font-size: 100%;
    outline: 0;
    vertical-align: initial
}

.top-header:before {
    background-image: url(https://1.bp.blogspot.com/-gxsOcYWghHA/Xp_izTh4sFI/AAAAAAAAU8s/y637Fwg99qAuzW9na_NT_uApny8Vce95gCEwYBhgL/s1600/header-footer-gradient-bg.png);
    background-repeat: repeat-x;
    background-size: contain;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%
}

.starsec {
    animation: animStar 150s linear infinite
}

.starsec,
.starthird {
    background: #0000;
    box-shadow: 571px 173px #00bcd4, 1732px 143px #00bcd4, 1745px 454px #ff5722, 234px 784px #00bcd4, 1793px 1123px #ff9800, 1076px 504px #03a9f4, 633px 601px #ff5722, 350px 630px #ffeb3b, 1164px 782px #00bcd4, 76px 690px #3f51b5, 1825px 701px #cddc39, 1646px 578px #ffeb3b, 544px 293px #2196f3, 445px 1061px #673ab7, 928px 47px #00bcd4, 168px 1410px #8bc34a, 777px 782px #9c27b0, 1235px 1941px #9c27b0, 104px 1690px #8bc34a, 1167px 1338px #e91e63, 345px 1652px #009688, 1682px 1196px #f44336, 1995px 494px #8bc34a, 428px 798px #ff5722, 340px 1623px #f44336, 605px 349px #9c27b0, 1339px 1344px #673ab7, 1102px 1745px #3f51b5, 1592px 1676px #2196f3, 419px 1024px #ff9800, 630px 1033px #4caf50, 1995px 1644px #00bcd4, 1092px 712px #9c27b0, 1355px 606px #f44336, 622px 1881px #cddc39, 1481px 621px #9e9e9e, 19px 1348px #8bc34a, 864px 1780px #e91e63, 442px 1136px #2196f3, 67px 712px #ff5722, 89px 1406px #f44336, 275px 321px #009688, 592px 630px #e91e63, 1012px 1690px #9c27b0, 1749px 23px #673ab7, 94px 1542px #ffeb3b, 1201px 1657px #3f51b5, 1505px 692px #2196f3, 1799px 601px #03a9f4, 656px 811px #00bcd4, 701px 597px #00bcd4, 1202px 46px #ff5722, 890px 569px #ff5722, 1613px 813px #2196f3, 223px 252px #ff9800, 983px 1093px #f44336, 726px 1029px #ffc107, 1764px 778px #cddc39, 622px 1643px #f44336, 174px 1559px #673ab7, 212px 517px #00bcd4, 340px 505px #fff, 1700px 39px #fff, 1768px 516px #f44336, 849px 391px #ff9800, 228px 1824px #fff, 1119px 1680px #ffc107, 812px 1480px #3f51b5, 1438px 1585px #cddc39, 137px 1397px #fff, 1080px 456px #673ab7, 1208px 1437px #03a9f4, 857px 281px #f44336, 1254px 1306px #cddc39, 987px 990px #4caf50, 1655px 911px #00bcd4, 1102px 1216px #ff5722, 1807px 1044px #fff, 660px 435px #03a9f4, 299px 678px #4caf50, 1193px 115px #ff9800, 918px 290px #cddc39, 1447px 1422px #ffeb3b, 91px 1273px #9c27b0, 108px 223px #ffeb3b, 146px 754px #00bcd4, 461px 1446px #ff5722, 1004px 391px #673ab7, 1529px 516px #f44336, 1206px 845px #cddc39, 347px 583px #009688, 1102px 1332px #f44336, 709px 1756px #00bcd4, 1972px 248px #fff, 1669px 1344px #ff5722, 1132px 406px #f44336, 320px 1076px #cddc39, 126px 943px #ffeb3b, 263px 604px #ff5722, 1546px 692px #f44336;
    content: " ";
    height: 3px;
    position: absolute;
    width: 3px
}

.starthird {
    animation: animStar 10s linear infinite
}

.starfourth {
    animation: animStar 50s linear infinite;
    height: 2px;
    width: 2px
}

.starfifth,
.starfourth {
    background: #0000;
    box-shadow: 571px 173px #00bcd4, 1732px 143px #00bcd4, 1745px 454px #ff5722, 234px 784px #00bcd4, 1793px 1123px #ff9800, 1076px 504px #03a9f4, 633px 601px #ff5722, 350px 630px #ffeb3b, 1164px 782px #00bcd4, 76px 690px #3f51b5, 1825px 701px #cddc39, 1646px 578px #ffeb3b, 544px 293px #2196f3, 445px 1061px #673ab7, 928px 47px #00bcd4, 168px 1410px #8bc34a, 777px 782px #9c27b0, 1235px 1941px #9c27b0, 104px 1690px #8bc34a, 1167px 1338px #e91e63, 345px 1652px #009688, 1682px 1196px #f44336, 1995px 494px #8bc34a, 428px 798px #ff5722, 340px 1623px #f44336, 605px 349px #9c27b0, 1339px 1344px #673ab7, 1102px 1745px #3f51b5, 1592px 1676px #2196f3, 419px 1024px #ff9800, 630px 1033px #4caf50, 1995px 1644px #00bcd4, 1092px 712px #9c27b0, 1355px 606px #f44336, 622px 1881px #cddc39, 1481px 621px #9e9e9e, 19px 1348px #8bc34a, 864px 1780px #e91e63, 442px 1136px #2196f3, 67px 712px #ff5722, 89px 1406px #f44336, 275px 321px #009688, 592px 630px #e91e63, 1012px 1690px #9c27b0, 1749px 23px #673ab7, 94px 1542px #ffeb3b, 1201px 1657px #3f51b5, 1505px 692px #2196f3, 1799px 601px #03a9f4, 656px 811px #00bcd4, 701px 597px #00bcd4, 1202px 46px #ff5722, 890px 569px #ff5722, 1613px 813px #2196f3, 223px 252px #ff9800, 983px 1093px #f44336, 726px 1029px #ffc107, 1764px 778px #cddc39, 622px 1643px #f44336, 174px 1559px #673ab7, 212px 517px #00bcd4, 340px 505px #fff, 1700px 39px #fff, 1768px 516px #f44336, 849px 391px #ff9800, 228px 1824px #fff, 1119px 1680px #ffc107, 812px 1480px #3f51b5, 1438px 1585px #cddc39, 137px 1397px #fff, 1080px 456px #673ab7, 1208px 1437px #03a9f4, 857px 281px #f44336, 1254px 1306px #cddc39, 987px 990px #4caf50, 1655px 911px #00bcd4, 1102px 1216px #ff5722, 1807px 1044px #fff, 660px 435px #03a9f4, 299px 678px #4caf50, 1193px 115px #ff9800, 918px 290px #cddc39, 1447px 1422px #ffeb3b, 91px 1273px #9c27b0, 108px 223px #ffeb3b, 146px 754px #00bcd4, 461px 1446px #ff5722, 1004px 391px #673ab7, 1529px 516px #f44336, 1206px 845px #cddc39, 347px 583px #009688, 1102px 1332px #f44336, 709px 1756px #00bcd4, 1972px 248px #fff, 1669px 1344px #ff5722, 1132px 406px #f44336, 320px 1076px #cddc39, 126px 943px #ffeb3b, 263px 604px #ff5722, 1546px 692px #f44336;
    content: " ";
    position: absolute
}

.starfifth {
    animation: animStar 80s linear infinite;
    height: 1px;
    width: 1px
}

@keyframes animStar {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-2000px)
    }
}

button {
    background: 0;
    font-size: 0;
    line-height: 0
}

:focus {
    outline: 0
}

.clearfix:after,
.clearfix:before {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

.error {
    box-sizing: border-box;
    height: 100%;
    min-height: 100vh;
    padding: 240px 0;
    position: relative;
    text-align: center;
    width: 100%
}

.error__overlay {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.error__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.error__message {
    color: #181828;
    text-align: center
}

.message__title {
    color: #000
}

.dark_theme .message__title,
.message__title {
    font-family: Montserrat, sans-serif;
    font-size: 5.6rem;
    font-weight: 900;
    letter-spacing: 5px;
    margin: 0 auto;
    max-width: 960px;
    padding-bottom: 40px;
    text-transform: uppercase
}

.message__text {
    color: #585757
}

.dark_theme .message__text,
.message__text {
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    line-height: 42px;
    margin: auto;
    max-width: 680px;
    padding: 0 60px
}

.dark_theme .message__text {
    color: #bcb0b0
}

.error__nav {
    margin: 40px auto 0;
    max-width: 600px;
    text-align: center
}

.e-nav__form {
    border: 1px solid #212121;
    display: inline-block;
    height: 45px;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 46px;
    position: relative;
    vertical-align: top;
    width: 170px
}

.e-nav__icon {
    color: #212121;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: color .25s ease
}

.e-nav__link {
    border: 1px solid #eaeaef;
    color: #f1f1f5;
    display: inline-block;
    font-family: Montserrat, sans-serif;
    font-size: 11px;
    height: 45px;
    letter-spacing: .1rem;
    line-height: 45px;
    margin: 0 15px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: top;
    width: 170px
}

.e-nav__link:before {
    background: #212121;
    content: "";
    height: 200px;
    position: absolute;
    right: 70px;
    top: 70px;
    transform: rotate(50deg);
    transition: all .3s;
    width: 260px
}

.e-nav__link:after {
    content: "Home Page";
    position: relative;
    transition: all .3s;
    z-index: 999
}

.e-nav__link:hover:before {
    right: -50px;
    top: -60px
}

.e-nav__link:hover,
.e-nav__link:nth-child(2):hover:after {
    color: #fff
}

.error__social {
    left: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10
}

.e-social__list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.e-social__icon {
    padding-bottom: 30px
}

.e-social__icon:last-child {
    padding-bottom: 0
}

.e-social__link {
    color: #fff;
    display: block;
    transition: all .25s ease
}

.e-social__link:hover {
    opacity: .7
}

.lamp {
    align-items: center;
    animation-timing-function: cubic-bezier(.6, 0, .38, 1);
    animation: move 5.1s infinite;
    display: flex;
    flex-direction: column;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: center top;
    width: 300px
}

@keyframes move {
    0% {
        transform: rotate(40deg)
    }

    50% {
        transform: rotate(-40deg)
    }

    to {
        transform: rotate(40deg)
    }
}

.cable {
    background-image: linear-gradient(#2094dab3), linear-gradient(#000000b3, #000000b3), linear-gradient(#000000b3, #000000b3);
    height: 248px;
    width: 8px
}

.cover {
    background: #0bd5e8;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    height: 80px;
    position: relative;
    width: 200px;
    z-index: 200
}

.in-cover {
    background: #08ffff;
    border-radius: 100%;
    bottom: -9px;
    height: 20px;
    max-width: 200px;
    width: 100%;
    z-index: 100
}

.in-cover,
.in-cover .bulb {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0
}

.in-cover .bulb {
    background-color: #08fffa;
    border-radius: 50%;
    bottom: -20px;
    box-shadow: 0 0 25px 7px #7fffffcc, 0 0 64px 47px #00ffff80, 0 0 30px 15px #0ff3;
    height: 50px;
    width: 50px
}

.light {
    border-bottom: 900px solid #2cffff3d;
    border-left: 50px solid #0000;
    border-radius: 90px 90px 0 0;
    border-right: 50px solid #0000;
    height: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 270px;
    width: 200px;
    z-index: 1
}

.error {
    max-height: 100vh;
    overflow: hidden
}

@media (max-width:1400px) {
    .lamp {
        zoom: .5
    }

    .error__content {
        top: 55%
    }

    .message__title {
        color: #4c4a4a;
        font-size: 3.5rem
    }

    .dark_theme .message__title {
        color: #fff;
        font-size: 3.5rem
    }
}

@media (max-width:900px) {
    .message__title {
        color: #4c4a4a;
        font-size: 34px
    }

    .dark_theme .message__title {
        color: #fff;
        font-size: 34px
    }

    .error__content {
        top: 55%
    }
}

@media (max-width:950px) {
    .lamp__wrap {
        max-height: 100vh;
        max-width: 100vw;
        overflow: hidden
    }

    .error__social {
        bottom: 30px;
        left: 0;
        position: fixed;
        top: auto;
        transform: none;
        width: 100%
    }

    .e-social__icon {
        display: inline-block;
        padding-right: 30px
    }

    .e-social__icon:last-child {
        padding-right: 0
    }

    .e-social__icon {
        padding-bottom: 0
    }
}

@media (max-width:650px) {
    .message__title {
        font-size: 36px;
        padding-bottom: 20px
    }

    .message__text {
        color: #727272;
        font-size: 16px;
        line-height: 2;
        padding-left: 20px;
        padding-right: 20px
    }

    .lamp {
        zoom: .6
    }

    .error__content {
        padding-top: 180px
    }
}

@media (max-width:480px) {
    .message__title {
        font-size: 30px
    }

    .message__text {
        color: #bcb0b0;
        font-size: 15px;
        padding-left: 10px;
        padding-right: 10px
    }

    .error__nav {
        margin-top: 20px
    }
}

#myChart,
body {
    height: 100%
}

#myChart {
    min-height: 150px
}

#container {
    text-color: silver;
    hilight-color: #8db4d6;
    background-color: #1f2227
}

.highcharts-background {
    fill: #000
}

.highcharts-grid-line {
    stroke-width: 0 !important;
    font-size: 10px !important
}

.highcharts-area {
    fill-opacity: .1 !important;
    stroke-width: 0
}

.wrapper {
    padding-top: 12%
}

.user-card,
.wrapper {
    align-items: center;
    display: flex;
    justify-content: center
}

.user-card {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 20px -5px #00000080;
    flex-direction: column;
    overflow: hidden;
    padding: 40px;
    position: relative;
    width: 650px
}

.user-card:before {
    background: #262626;
    content: "";
    height: 300%;
    left: -125px;
    position: absolute;
    top: -60px;
    transform: rotate(17deg);
    width: 173px;
    z-index: 0
}

.user-card-img {
    align-items: center;
    display: flex;
    justify-content: center;
    z-index: 3
}

.user-card-img img {
    border-radius: 50%;
    height: 200px;
    object-fit: cover;
    width: 200px
}

.user-card-info {
    text-align: center
}

.user-card-info h2 {
    font-family: Bebas Neue, sans-serif;
    font-size: 24px;
    letter-spacing: 3px;
    margin: 0 0 10px
}

.user-card-info p {
    font-size: 14px;
    margin-bottom: 2px
}

.user-card-info p span {
    font-weight: 700;
    margin-right: 10px
}

@media only screen and (min-width:768px) {
    .user-card {
        align-items: flex-start;
        flex-direction: row
    }

    .user-card-img {
        margin-bottom: 0;
        margin-right: 20px
    }

    .user-card-info {
        text-align: left
    }
}

@media (max-width:767px) {
    .wrapper {
        padding-top: 3%
    }

    .user-card:before {
        height: 200px;
        transform: rotate(0);
        width: 300%
    }

    .user-card-info h2 {
        font-size: 35px;
        margin-top: 25px
    }

    .user-card-info p span {
        display: block;
        font-size: 18px;
        margin-bottom: 15px
    }
}

img.mr-2.token_icon_sz {
    height: 25px;
    width: 25px
}

.imageSrc {
    border-radius: 33px;
    height: 78px;
    width: 78px
}

.imageSrc-fr {
    border-radius: 10px;
    height: 50px;
    width: 50px
}

.ProfileImage {
    border-radius: 33px;
    height: 50px;
    width: 50px
}

.navbar-index {
    border: 1px solid #e8eaf4
}

.bammer-sec-1 h2 {
    margin-top: 1rem
}

.btn-hd-sec-1 {
    background: #1140ff
}

.index-two {
    background: #fff
}

.head-table-home-page tr {
    background: #f2f2f2
}

.body-table-home-page .btn {
    border: 1.5px solid #787773
}

.wrap_A a {
    word-break: break-all !important
}

.market-hd-p1 {
    color: #007bff !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 0
}

.input-join-1 input {
    font-size: 14px
}

.input-join-1 input,
.input-join-1 input:focus {
    background: #f5f6fa;
    border: none;
    color: #707a8a;
    font-style: normal;
    font-weight: 300
}

.input-join-1 input:focus {
    box-shadow: none
}

.input-join-1 .input-group-append button {
    background: #1140ff;
    border: none;
    border-radius: 6px !important;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    padding: 7px 15px
}

.input-join-1 .input-group-append button:hover {
    background: #111;
    color: #fff;
    transition: all .5s
}

.input-join-1 {
    background: #f5f6fa;
    border-radius: 10px;
    padding: 8px
}

.back-logon-2 h2 {
    font-size: 22px
}

.input-login-1 input {
    min-height: 50px
}

.input-login-1 input,
.input-login-1 input:focus {
    background-color: initial;
    border: 1px solid #aeaeac;
    border-radius: 6px;
    box-shadow: none
}

.input-login-1 input,
.input-login-1 input::placeholder,
.input-login-1 input:focus {
    color: #707a8a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.input-login-2 input,
.input-login-2 input:focus {
    background-color: initial;
    border: 1px solid #aeaeac;
    border-radius: 6px;
    border-right: none;
    box-shadow: none;
    min-height: 50px
}

.input-login-2 input,
.input-login-2 input::placeholder,
.input-login-2 input:focus {
    color: #707a8a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.input-login-2 .input-group-append .input-group-text {
    background-color: initial;
    border: 1px solid #aeaeac;
    border-left: none;
    border-radius: 0 6px 6px 0
}

.check-con input {
    cursor: pointer;
    height: 19px;
    opacity: 0;
    position: relative;
    width: 19px
}

.checkmark {
    background-color: initial;
    border: 1px solid #787773;
    border-radius: 6px;
    height: 19px;
    left: 0;
    position: absolute;
    top: 0;
    width: 19px
}

.checkmark-2 {
    left: 22px
}

.check-con input:checked~.checkmark {
    background: #1140ff;
    border: 1px solid #1140ff
}

.checkmark:after {
    content: "";
    display: none;
    position: absolute
}

.check-con input:checked~.checkmark:after {
    display: block
}

.check-con .checkmark:after {
    border: solid #fff;
    border-width: 0 1px 1px 0;
    height: 9px;
    left: 6px;
    top: 3px;
    transform: rotate(45deg);
    width: 6px
}

.check-box-1 {
    border-radius: 4px
}

.check-box-1,
.dark_theme .check-box-1 {
    height: 19px;
    position: relative;
    width: 19px
}

.dark_theme .check-box-1 {
    border: none
}

.a-for-get:hover {
    color: #1140ff
}

.sing-btn:hover {
    background: #050508
}

.login-con-total {
    padding-top: 20px !important
}

.brand-name-wrapper {
    position: relative
}

.brand-name-wrapper-1 {
    display: none
}

.sidenav {
    background-color: #fcfcfe;
    border-right: 1px solid #e8eaf4;
    min-height: 100vh;
    transition: 1s;
    width: 250px
}

.navbar-brand {
    margin-right: 0;
    padding-bottom: 0;
    padding-top: 0
}

.navbar-brand p {
    color: #111;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 0
}

@media (max-width:991px) {
    .navbar-brand {
        border: 0
    }
}

.navbarss.fliph {
    margin-left: auto;
    transition: 1s;
    width: calc(100% - 100px)
}

.setting {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    overflow-x: hidden;
    padding-left: 12px
}

.setting:hover {
    color: #08c
}

.navicon a:hover,
.setting:hover {
    text-decoration: none
}

.navicon {
    cursor: pointer;
    padding: 25px 0
}

.navbar-collapse {
    padding: 5px 12px
}

.rightcontent {
    width: calc(100% - 220px)
}

.rightcontent.fliph {
    transition: 1s;
    width: calc(100% - 100px)
}

.sidenav.fliph ul.nandhunav li a span.setting {
    display: none
}

.sidenav.fliph {
    transition: 1s;
    width: 0
}

.sidenav.fliph .navbar-brand .navlogo-1 {
    display: none
}

.navbar-bank-1 {
    background-color: #fff;
    box-shadow: 0 2px 0 #f4f5fa
}

.navbar-bank-1-faq {
    background-color: initial;
    box-shadow: 0 2px 0 #f4f5fa
}

.nav-brand-1 {
    cursor: pointer;
    display: none
}

.menu-top-icon {
    font-size: 26px
}

.dash-hd-1 h2 {
    font-size: 16px
}

.dash-hd-1 h3,
.dash-hd-1 h5 {
    font-size: 20px
}

.dropdown-dash:after {
    top: 9px
}

.prf-dash-1 {
    background: #ebebeb;
    padding: 19px 20px
}

.back-bg-clr-1,
.back-bg-clr-9 {
    background: #ebebeb;
    padding: 25px 20px
}

.back-bg-clr-9 {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 0;
    box-shadow: 0 4px 14px #00000008
}

.back-bg-clr-10 {
    background: #ebebeb;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 10px
}

.back-bg-clr-10,
.back-bg-clr-12 {
    box-shadow: 0 4px 14px #00000008;
    padding: 25px 20px
}

.back-bg-clr-12 {
    background: #fff;
    border-radius: 10px
}

.body-table-dash-tabal tr td h3 {
    font-size: 12px
}

.table-des-num-1 h2 {
    color: #111;
    font-size: 16px;
    font-style: normal;
    font-weight: 500
}

.table-des-num-1 h3 {
    color: #111;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.table-des-num-1 h4 {
    color: #707a8a;
    font-size: 14px;
    font-weight: 400
}

.table-des-num-1 h5 {
    color: #0da62f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding-left: 40px
}

.table-des-num-2 {
    border-top: 1px solid #e8eaf4;
    padding-top: 12px
}

.dash-hd-1 .inr-ic {
    color: #707a8a;
    font-size: 22px
}

.wallet-in-ser .input-login-2 input {
    min-height: 35px
}

.depsp-tap {
    display: block
}

.input-login-1 select {
    -webkit-appearance: none;
    background-color: initial;
    background-image: url(arrow-down.7af9c3ec9f6b5b26aa50.webp);
    background-position: 97% 50%;
    background-repeat: no-repeat;
    border: 1px solid #aeaeac;
    border-radius: 6px;
    box-shadow: none;
    min-height: 50px
}

.input-login-1 select,
.input-login-1 select::placeholder,
.input-login-1 select:focus {
    color: #111;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.input-login-1 select:focus {
    -webkit-appearance: none;
    background-color: initial;
    border: 1px solid #e0e2ee;
    border-radius: 6px;
    box-shadow: none;
    min-height: 50px
}

.radio-button-2 input {
    cursor: pointer;
    opacity: 0;
    position: absolute
}

.radio-button-2 input:checked~.checkmark,
.radio-button-2:hover input~.checkmark {
    background-color: initial
}

.radio-button-2 input:checked~.checkmark:after {
    display: block
}

.input-login-4 .input-group-append .input-group-text,
.input-login-4 input,
.input-login-4 input:focus {
    color: #111
}

.sucess-dep {
    background: #f1f1f1
}

.swap-tap-hd1 a {
    background-color: initial !important;
    border: 1px solid #e0e2ee !important;
    border-radius: 6px;
    color: #111 !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    min-height: 35px;
    min-width: 90px;
    padding: 7px 16px !important
}

.swap-tap-hd1 a:hover {
    background: #1140ff;
    border: 1px solid #e0e2ee;
    color: #fff
}

.swap-tap-hd1 a.active {
    font-size: 14px
}

.dark_theme .swap-tap-hd1 a.active,
.swap-tap-hd1 a.active {
    background: #1140ff !important;
    border: 1px solid #e0e2ee !important;
    border-radius: 6px !important;
    color: #fff !important;
    font-style: normal;
    font-weight: 400;
    min-height: 35px;
    min-width: 90px
}

.dark_theme .swap-tap-hd1 a.active {
    font-size: 14px !important
}

.setting-pro-2 .file>input[type=file] {
    display: none
}

.input-login-6 input {
    min-height: 45px
}

.setting-pro-3 .file>input[type=file] {
    display: none
}

.input-login-1 textarea {
    color: #111
}

.input-login-1 textarea:focus {
    border: 1px solid #e0e2ee;
    border-radius: 6px;
    box-shadow: none;
    color: #111;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    resize: none
}

.input-login-1 textarea::placeholder {
    color: #707a8a
}

.input-1pop-ticket {
    color: #707a8a;
    font-size: 20px;
    font-style: normal;
    font-weight: 300
}

.exc-input-5 input,
.exc-input-5 input:focus {
    background-color: initial;
    border: none;
    color: #111;
    font-size: 25px;
    font-weight: 500
}

.team-tap-2 ul.nav__inner li.nav__item--active a {
    color: #1140ff !important
}

.team-tap-2 .temp-li-a {
    color: #111 !important
}

.team-tap-2 .active.temp-li-a,
.team-tap-2 .temp-li-a:hover {
    color: #1140ff !important
}

a:not([href]):not([tabindex]) {
    color: #0b0a0a;
    text-decoration: none
}

.ref-headone-1 {
    background: #1140ff;
    border-radius: 10px;
    margin-top: 35px;
    padding: 40px 20px;
    position: relative
}

.ref-headone-1 h2 {
    color: #fff;
    font-size: 26px;
    font-style: normal;
    font-weight: 500
}

.ref-headone-1 p {
    color: #fff;
    font-size: 15px;
    font-weight: 400
}

.rafiki-nf {
    position: absolute;
    right: 0;
    top: 10px
}

.tap-p-nad {
    color: #707a8a;
    font-size: 15px;
    font-weight: 400
}

.faq-head .faq-tap-hd .tap-p-nad-h2 {
    color: #111;
    font-size: 18px;
    font-style: normal;
    font-weight: 500
}

.faq-head .faq-tap-hd.faq-tap-hd-1,
.faq-head .faq-tap-hd.faq-tap-hd-1.active,
.faq-head .faq-tap-hd.faq-tap-hd-1.active h2,
.faq-head .faq-tap-hd.faq-tap-hd-1:hover,
.faq-head .faq-tap-hd:hover .tap-p-nad-h2 {
    border: none;
    color: #111;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    outline: none
}

.our-earh-1 h1 {
    color: #707a8a;
    font-size: 15px;
    font-weight: 400
}

.our-earh-1 h3 {
    color: #111;
    font-size: 18px;
    font-style: normal;
    font-weight: 500
}

.our-earh-total-meg-1 {
    margin-top: 9rem
}

.our-earh-total-1 h2 {
    color: #111;
    font-size: 18px;
    font-weight: 500
}

.our-earh-2 p {
    color: #707a8a;
    font-size: 14px;
    font-weight: 400
}

.our-earh-3 .input-group {
    background: #f5f6fa;
    border: 1px solid #e9ebf2;
    border-radius: 10px;
    min-height: 52px
}

.our-earh-3 .input-group .input-group-text {
    background: #0000;
    border: none;
    color: #707a8a;
    font-size: 14px;
    font-weight: 300
}

.our-earh-3 .input-group input,
.our-earh-3 .input-group input:focus {
    background-color: initial;
    border: none;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    min-height: 52px;
    text-align: right
}

.our-earh-3 .input-group input:focus {
    box-shadow: none
}

.our-earh-4 h4 {
    color: #707a8a;
    font-size: 15px;
    font-weight: 400
}

.staking-ul-poi ul {
    list-style: url(point.1f9e065837c3c38c6008.webp)
}

.staking-li-poi-1 h2 {
    color: #707a8a;
    font-size: 14px;
    font-weight: 400
}

.staking-li-poi-1 h3 {
    color: #111;
    font-size: 14px;
    font-weight: 500
}

.staking-li-poi-1 h3 span {
    color: #707a8a
}

.staking-li-poi-1 a {
    color: #1140ff;
    font-size: 14px;
    font-weight: 500;
    text-decoration-line: underline
}

.staking-loked-total h1 {
    color: #111;
    font-size: 18px;
    font-style: normal;
    font-weight: 500
}

.staking-loked-inner-card-1 h2 {
    color: #111;
    font-size: 16px;
    font-style: normal;
    font-weight: 500
}

.staking-loked-inner-card-1 {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 14px #00000008;
    padding: 14px
}

.staking-loked-inner-card-1 h3 {
    color: #707a8a;
    font-size: 14px;
    font-weight: 400
}

.staking-loked-inner-card-1 h4 {
    color: #0da62f;
    font-size: 14px;
    font-weight: 400
}

.staking-loked-inner-card-2 label {
    align-items: center;
    background: #f5f6fa;
    border: 1px solid #e9ebf2;
    border-radius: 10px;
    color: #111;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    min-height: 38px;
    min-width: 38px
}

.staking-loked-inner-card-1 h5 {
    color: #111;
    font-size: 14px;
    font-weight: 400
}

.staking-loked-inner-card-3 label {
    align-items: center;
    background: #1140ff24;
    border-radius: 10px;
    color: #1140ff;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    min-height: 38px;
    min-width: 38px
}

.staking-loked-inner-card-1 h6 {
    color: #707a8a;
    font-size: 12px;
    font-weight: 400
}

.lutc_hd {
    margin-top: 5rem
}

.input-lutx-1 h2 {
    color: #111;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px
}

.input-lutx-1 h2 span {
    color: #ff4949 !important
}

.input-lutx-1 input {
    border: 1px solid #e0e2ee;
    border-radius: 6px
}

.input-lutx-1 input,
.input-lutx-1 input:focus {
    background-color: initial;
    box-shadow: none;
    color: #111;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    min-height: 45px
}

.input-lutx-1 input:focus {
    border: 1px solid #aeaeac;
    border-radius: 6px
}

.input-lutx-1 input::placeholder {
    color: #707a8a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.input-lutx-1 select {
    -webkit-appearance: none;
    background-color: initial;
    background-image: url(arrow-down.7af9c3ec9f6b5b26aa50.webp);
    background-position: 97% 50%;
    background-repeat: no-repeat;
    border: 1px solid #e0e2ee;
    border-radius: 6px;
    box-shadow: none;
    color: #111;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    min-height: 45px
}

.input-lutx-1 select::placeholder {
    color: #707a8a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.input-lutx-1 select:focus {
    -webkit-appearance: none;
    background-color: initial;
    border: 1px solid #e0e2ee;
    border-radius: 6px;
    box-shadow: none;
    color: #111;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    min-height: 45px
}

.input-lutx-1 input::-webkit-calendar-picker-indicator {
    background-color: initial;
    background-image: url(calendar_ijk.5ace789c6476f64331d0.webp);
    border-radius: 3px;
    cursor: pointer;
    height: 20px;
    padding: 5px;
    width: 20px
}

.input-lutx-1 .jui_with {
    min-width: 168px;
    width: 168px
}

.input-lutx-1 .jui_with_2 {
    min-width: 100%
}

@media (max-width:768px) {
    .lutc_box {
        padding: 20px
    }

    .lutc_hd {
        margin-top: 3rem
    }
}

.blog_cd_2 h1 {
    font-size: 36px;
    font-weight: 600
}

.blog_cd_2 h2 {
    font-size: 22px
}

.blog_cd_2 p {
    font-family: B;
    font-size: 18px;
    font-weight: 400;
    margin-top: 1.5rem !important
}

.nee_blog .swap-tap-hd1 a {
    border: 1px solid #515152 !important
}

.nee_blog .swap-tap-hd1 a.active,
.nee_blog .swap-tap-hd1 a:hover {
    border: 1px solid #1140ff !important
}

.blog_header_bg_1 h2 {
    font-size: 18px
}

.blog_header_bg_1 p {
    color: #3b3b3b;
    font-weight: 500
}

.dark_theme .blog_header_bg_1 p {
    color: #fff;
    font-size: 15px;
    font-style: normal;
    font-weight: 500
}

.box_blog_1 {
    background: #ebebeb
}

.box_blog_1_ing {
    padding: 8px 20px 0
}

.team-contantent-1-ulli {
    padding-inline-start: 20px
}

.input-lutx-1 textarea,
.input-lutx-1 textarea:focus {
    background-color: initial;
    border: 1px solid #e0e2ee;
    border-radius: 6px;
    box-shadow: none;
    color: #111;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    min-height: 45px;
    min-height: 109px;
    resize: none
}

.input-lutx-1 textarea::placeholder {
    color: #707a8a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.kio_box_lo {
    background: #fff;
    border: 1px solid #f4f4f4;
    border-radius: 20px;
    min-height: 241px;
    padding: 30px 40px
}

.kio_box_em {
    align-items: center;
    background: #dde3fb;
    border: 1.5px solid #1140ff;
    border-radius: 15px;
    display: flex;
    height: 55px;
    justify-content: center;
    width: 55px
}

.kio_box_lo h2 {
    color: #111;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px
}

.kio_box_lo h3 {
    color: #707a8a;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px
}

.nd_bd_contach {
    background: #dde3fb;
    margin-bottom: -105px;
    min-height: 243px
}

.faqref {
    margin-top: 5rem
}

.faqref h3 {
    color: #111;
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 2rem;
    text-align: center
}

.faqref .accordion {
    border: 0
}

.faqref .accordion .accordion__item .accordion__heading .accordion__button {
    background: #0000;
    color: #111;
    font-size: 16px;
    font-weight: 500;
    line-height: 39px
}

.faqref .accordion .accordion__item .accordion__heading .accordion__button:before {
    border-bottom: 1.5px solid #292d32;
    border-right: 1.5px solid #292d32;
    height: 8px;
    margin-top: 19px;
    position: absolute;
    right: 25px;
    transform: rotate(-135deg);
    width: 8px
}

@media (max-width:575px) {
    .faqref .accordion .accordion__item .accordion__heading .accordion__button:before {
        right: 5px
    }

    .faqref .accordion .accordion__item .accordion__heading .accordion__button {
        font-size: 14px;
        line-height: 25px
    }
}

.faqref .accordion .accordion__item .accordion__heading .accordion__button[aria-expanded=true]:before,
.faqref .accordion .accordion__item .accordion__heading .accordion__button[aria-selected=true]:before {
    transform: rotate(45deg) !important
}

.faqref .accordion .accordion__item .accordion__panel {
    color: #707a8a;
    font-size: 14px;
    font-weight: 300;
    line-height: 25px;
    padding: 0 20px
}

@media (max-width:575px) {
    .faqref .accordion .accordion__item .accordion__panel {
        font-size: 13px
    }
}

.faqref .accordion .accordion__item .accordion__panel span {
    color: #111;
    font-weight: 600
}

.guidelines_sec_1 {
    background-image: url(guid_1.8e5843c781a265deab00.webp)
}

.index-one {
    background: linear-gradient(98.48deg, #1140ff08 -.82%, #2b1ebe0f 100.04%, #e1defe 0)
}

.tens .tenscnt {
    borderbottom: 1px solid #f4f4f4
}

.swap-tap-hd1 .spotli a {
    cursor: pointer
}

.trade-2 .nav-tabs .nav-link.active {
    background-color: initial
}

.spotli-2 a.active {
    background: #1140ff !important;
    color: #fff !important
}

.dark_theme .sing-btn:hover {
    background: #050508
}

.dark_theme .rightcontent {
    background-color: #0c0c10
}

.dark_theme .navbar-bank-1 {
    background: #21212e;
    box-shadow: 0 4px 14px #00000008
}

.dark_theme .navbar-bank-1-faq {
    background-color: initial;
    box-shadow: 0 4px 14px #00000008
}

.dark_theme .bank-accound-nav-1 a {
    color: #fff
}

.dark_theme .filclr {
    filter: brightness(20.5)
}

.dark_theme .back-bg-clr-1,
.dark_theme .back-bg-clr-10,
.dark_theme .back-bg-clr-9 {
    background-color: #21212e
}

.dark_theme .back-bg-clr-12 {
    background-color: #0d0c0f
}

.dark_theme .dash-hd-2 h2 {
    color: #848e9c
}

.dark_theme .dash-hd-1 h2 {
    color: #fff
}

.dark_theme .dash-hd-1 h3 {
    color: #848e9c
}

.dark_theme .dash-hd-1 h4,
.dark_theme .dash-hd-1 h5,
.dark_theme .dropdown-dash {
    color: #fff
}

.dark_theme .with-det-btn {
    background: #393946;
    border: 1.5px solid #393946;
    color: #fff
}

.dark_theme .with-det-btn:hover {
    background: #1140ff;
    border: 1.5px solid #1140ff;
    color: #fff
}

.dark_theme .prf-dash-1 {
    background: #21212e
}

.dark_theme .prf-dash-1 h1 {
    color: #fff
}

.dark_theme .prf-dash-1 h2 {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.dark_theme .head-table-home-page tr th {
    color: #848e9c
}

.dark_theme .head-table-home-page tr {
    background: #000;
    border-bottom: 1px solid #101318
}

.dark_theme .body-table-home-page tr td h2 {
    color: #fff
}

.dark_theme .body-table-home-page tr td h3 {
    color: #848e9c
}

.dark_theme .body-table-home-page tr td {
    color: #fff
}

.dark_theme .body-table-home-page tr {
    border-bottom: 1px solid #101318
}

.dark_theme .table-des-num-1 h2 {
    color: #fff
}

.dark_theme .table-des-num-1 h3,
.dark_theme .table-des-num-1 h4 {
    color: #848e9c
}

.dark_theme .table-des-num-1 {
    border-bottom: 1px solid #101318
}

.dark_theme .sidenav {
    background: #0c0c10;
    border-right: 1px solid #242932
}

.dark_theme .navicon span {
    color: #fff !important
}

.dark_theme .navicon a.active,
.dark_theme .navicon:hover a {
    background: #21212e
}

.dark_theme .end-dash {
    color: #707a8a
}

.dark_theme .logo_dark {
    filter: brightness(61.5)
}

@media (max-width:991px) {
    .dark_theme .smd_ji {
        background: #21212e
    }
}

.dark_theme .dropdown-dash:after {
    filter: contrast(.5) brightness(8.5)
}

.dark_theme .arror_bx_ty {
    background: #393946
}

.dark_theme .body-table-home-page .btn {
    color: #fff
}

.dark_theme .input-login-2 .input-group-append .input-group-text,
.dark_theme .input-login-2 input,
.dark_theme .input-login-2 input::placeholder {
    color: #c7c7c7
}

.dark_theme .dep-tap-h2-nd h2,
.dark_theme .dep-tap-h2-nd h3 {
    color: #fff
}

.dark_theme .input-login-1 select {
    background-image: url(arw_white.975286f4a90ab56d29f6.webp);
    color: #fff
}

.dark_theme .faq-head .faq-tap-hd.active {
    background-color: initial;
    color: #fff
}

.dark_theme .faq-head .faq-tap-hd.active h2 {
    color: #fff
}

.dark_theme .round {
    background-color: #0c0c10
}

.dark_theme .faq-head .faq-tap-hd h2 {
    color: #888
}

.dark_theme .sucess-dep {
    background: #21212e
}

.dark_theme .sucess-dep h2 {
    color: #fff
}

.dark_theme .sucess-dep p {
    color: #a3a3a3
}

.dark_theme .dep-tap-h2-nd h4 {
    color: #fff
}

.dark_theme .p-fiat-sec {
    color: #939495
}

.dark_theme .input-login-4 input,
.dark_theme .input-login-4 input::placeholder {
    color: #fff
}

.dark_theme .span-withdr {
    color: #6a6a6a
}

.dark_theme .swap-tap-hd1 a {
    color: #fff !important
}

.dark_theme .pagination-tb-1 h2,
.dark_theme .tran-table-show h2 {
    color: #fff
}

.dark_theme .pagination-tb-1 .page-link {
    background-color: #21212e;
    color: #fff
}

.dark_theme .swap-tap-hd1 a {
    border: 1px solid #515152
}

.dark_theme .profile-set-1 h1 {
    color: #fff
}

.dark_theme .profile-set-1 p {
    color: #8d8585
}

.dark_theme .border-bottom-1 {
    border-bottom: 1px solid #656565
}

.dark_theme .profile-set-1 h2,
.dark_theme .profile-set-1 h3,
.dark_theme .profile-set-edit-1 h2 {
    color: #fff
}

.dark_theme .input-login-1 input,
.dark_theme .input-login-1 select {
    border: 1px solid #454545
}

.dark_theme .input-login-2 input {
    border: 1px solid #454545;
    border-right: none
}

.dark_theme .input-login-2 .input-group-append .input-group-text {
    border: 1px solid #454545
}

.dark_theme #basic-addon2 img {
    filter: brightness(11.5)
}

.dark_theme .input-login-1 input,
.dark_theme .input-login-1 input::placeholder {
    color: #ccc
}

.dark_theme .profile-set-1 h4 {
    color: #fff
}

.dark_theme .profile-set-1 p {
    color: #ccc
}

.dark_theme .dropdown-dash {
    border: 1px solid #454545
}

.dark_theme .input-login-2 .input-group-append .input-group-text {
    border-left: none
}

.dark_theme .pandcard-img-cen {
    background: #0c0c10
}

.dark_theme .input-login-1 textarea {
    background-color: #0c0c10
}

.dark_theme .input-login-1 textarea::placeholder {
    color: #ccc
}

.dark_theme .body-table-home-page tr td .img-fli_dark img {
    filter: brightness(20)
}

.dark_theme .modal-content {
    background-color: #0c0c10bf !important;
    border-radius: 20px
}

.dark_theme .head-pop-ticket h2 {
    color: #fff
}

.dark_theme .singup-close img {
    filter: brightness(30.5)
}

.dark_theme .head-pop-ticket-2 {
    background: #21212e
}

.dark_theme .head-pop-ticket-1 h2 {
    color: #fff
}

.dark_theme .head-pop-ticket-1 h3,
.dark_theme .head-pop-ticket-1 p {
    color: #ccc
}

.dark_theme .staking-redeem-1 h2,
.dark_theme .staking-redeem-1 h3,
.dark_theme .staking-redeem-1 h4 {
    color: #fff
}

.dark_theme .staking-redeem-1 h5,
.dark_theme .staking-redeem-1 p {
    color: #ccc
}

.dark_theme .header-drop-2 {
    background: #21212e;
    border: 1px solid #454545
}

.dark_theme .drop-heading-1 h2,
.dark_theme .drop-heading-2 h2 {
    color: #fff
}

.dark_theme .drop-heading-2 p {
    color: #ccc
}

.dark_theme .drop-heading-2 {
    border-bottom: 1px solid #454545
}

.dark_theme.index-body {
    background: #0c0c10
}

.dark_theme .wrk-cnt-fnt h4,
.dark_theme .wrk-cnt-fnt span {
    color: #fff
}

.dark_theme .icon-box {
    background-color: #21212e;
    border: 1.5px solid #323232
}

.dark_theme .add-cnt-fnt h3 {
    color: #fff
}

.dark_theme .wrk-numb {
    background: #0c0c10
}

.dark_theme .team-contantent-1-trhee h2 {
    color: #fff
}

.dark_theme .team-contantent-1-trhee p {
    color: #727272
}

.dark_theme .team-contantent-1-trhee h3,
.dark_theme .team-contantent-1-trhee p span {
    color: #fff
}

.dark_theme .who-cnt {
    background: #0c0c10
}

.dark_theme .who-cnt h2 {
    color: #fff
}

.dark_theme .lutc_box_ls_1 {
    margin-top: 10px
}

.dark_theme .lutc_box {
    background: #0c0c10;
    border: 1px solid #515050
}

.dark_theme .input-lutx-1 h2 {
    color: #fff
}

.dark_theme .input-lutx-1 input {
    border: 1px solid #454545;
    color: #fff
}

.dark_theme .input-lutx-1 input::placeholder {
    color: #fff
}

.dark_theme .input-lutx-1 select {
    background-image: url(arw_white.975286f4a90ab56d29f6.webp);
    border: 1px solid #454545;
    color: #fff
}

.dark_theme .input-lutx-1 select::placeholder {
    color: #fff
}

.dark_theme .blog_header_bg_2,
.dark_theme .olus_bytn_lo {
    background: #0c0c10
}

.dark_theme .nee_blog .swap-tap-hd1 a.active {
    border: 1px solid #1140ff;
    color: #1140ff
}

.dark_theme .box_blog_1 {
    background: #21212e;
    min-height: 100%
}

.dark_theme .blog_cd_2 h2,
.dark_theme .blog_cd_2 p,
.dark_theme .box_blog_1_ing h3,
.dark_theme .box_blog_1_ing p {
    color: #fff
}

.dark_theme .blog_cd_2 h3 {
    color: #727272
}

.dark_theme .input-lutx-1 textarea {
    border: 1px solid #454545;
    color: #fff
}

.dark_theme .input-lutx-1 textarea::placeholder {
    color: #fff
}

.dark_theme .contact_us_hu {
    background: #21212e
}

.dark_theme .contact_us_hu .con_kil h2 {
    color: #fff
}

.dark_theme .kio_box_lo {
    background: #21212e;
    border: 1px solid #21212e
}

.dark_theme .kio_box_lo h2 {
    color: #fff
}

.dark_theme .kio_box_em {
    background-color: #0c0c10
}

.dark_theme .hd_markers h2 {
    color: #fff
}

.dark_theme .markers_cd_total {
    background-color: #0c0c10
}

.dark_theme .markers_cd_total h2 {
    color: #fff
}

.dark_theme .markers_cd_total p {
    color: #727272
}

.dark_theme .guidelines_cd_3 h2,
.dark_theme .tems-hd-1 {
    color: #fff
}

.dark_theme .guidelines_cd_4 {
    background: #21212e;
    border: 1px solid #21212e
}

.dark_theme .guidelines_cd_4 h2 {
    color: #fff
}

.dark_theme .guidelines_cd_4 p,
.dark_theme .markers_cd_total ul li {
    color: #727272
}

.dark_theme .btn-hd-sec-1:hover {
    background: #21212e
}

.dark_theme .build-ur-ul .crptdet .crptimg {
    background: #21212e;
    border: 1.5px solid #21212e
}

.dark_theme .build-ur-ul .crptdet .crptimg:after {
    background: #dbe5f8
}

.dark_theme .whychskoin .whychskoindet {
    min-height: 330px
}

.dark_theme .tens .tenscnt {
    border-bottom: 1px solid #21212e
}

.dark_theme .deptselbtn {
    background-color: #0c0c10;
    background-image: url(arw_white.975286f4a90ab56d29f6.webp);
    border: 1px solid #848e9c;
    color: #fff
}

.dark_theme .drpdark button .ar_adr {
    filter: none !important
}

.dark_theme .drpdark .dropdown-menu {
    background: #071529;
    border: 1px solid #848e9c;
    min-width: 5rem
}

.dark_theme .drpdark .dropdown-menu .dropdown-item {
    color: #fff
}

.dark_theme .drpdark .dropdown-menu .dropdown-item:hover {
    background: #0000
}

.dark_theme .trade-2-inner-1-total .deptselbtn {
    background-color: initial
}

.dark_theme .sumbit_lutc button:hover {
    background: #21212e
}

.dark_theme .faqref .accordion .accordion__item .accordion__panel {
    color: #727272
}

.dark_theme .faqref .accordion .accordion__item .accordion__heading .accordion__button {
    color: #fff
}

.dark_theme .faqref .accordion .accordion__item .accordion__heading .accordion__button:before {
    border-bottom: 1.5px solid #fff;
    border-right: 1.5px solid #fff
}

.dark_theme .faqref h3 {
    color: #fff
}

.dark_theme .accordion__item+.accordion__item {
    border-top: 1px solid #21212e
}

.dark_theme .faqref .accordion .accordion__item .accordion__panel span {
    color: #fff
}

.dark_theme .input-login-1 select option {
    background-color: #21212e;
    color: #fff
}

.dark_theme .input-login-1 select option:hover {
    background-color: #21212e
}

.dark_theme .nav-brand-1 {
    filter: brightness(33)
}

.mobdark_theme .sing-btn:hover {
    background: #050508
}

.mobdark_theme .rightcontent {
    background-color: #0c0c10
}

.mobdark_theme .navbar-bank-1 {
    background: #21212e;
    box-shadow: 0 4px 14px #00000008
}

.mobdark_theme .bank-accound-nav-1 a {
    color: #fff
}

.mobdark_theme .filclr {
    filter: brightness(20.5)
}

.mobdark_theme .back-bg-clr-1,
.mobdark_theme .back-bg-clr-10,
.mobdark_theme .back-bg-clr-9 {
    background-color: #21212e
}

.mobdark_theme .back-bg-clr-12 {
    background-color: #0d0c0f
}

.mobdark_theme .dash-hd-2 h2 {
    color: #848e9c
}

.mobdark_theme .dash-hd-1 h2 {
    color: #fff
}

.mobdark_theme .dash-hd-1 h3 {
    color: #848e9c
}

.mobdark_theme .dash-hd-1 h4,
.mobdark_theme .dash-hd-1 h5,
.mobdark_theme .dropdown-dash {
    color: #fff
}

.mobdark_theme .with-det-btn {
    background: #393946;
    border: 1.5px solid #393946;
    color: #fff
}

.mobdark_theme .with-det-btn:hover {
    background: #1140ff;
    border: 1.5px solid #1140ff;
    color: #fff
}

.mobdark_theme .prf-dash-1 {
    background: #21212e
}

.mobdark_theme .prf-dash-1 h1 {
    color: #fff
}

.mobdark_theme .prf-dash-1 h2 {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.mobdark_theme .head-table-home-page tr th {
    color: #848e9c
}

.mobdark_theme .head-table-home-page tr {
    background: #171717;
    border-bottom: 1px solid #101318
}

.mobdark_theme .body-table-home-page tr td h2 {
    color: #fff
}

.mobdark_theme .body-table-home-page tr td h3 {
    color: #848e9c
}

.mobdark_theme .body-table-home-page tr td {
    color: #fff
}

.mobdark_theme .body-table-home-page tr {
    border-bottom: 1px solid #101318
}

.mobdark_theme .table-des-num-1 h2 {
    color: #fff
}

.mobdark_theme .table-des-num-1 h3,
.mobdark_theme .table-des-num-1 h4 {
    color: #848e9c
}

.mobdark_theme .table-des-num-1 {
    border-bottom: 1px solid #101318
}

.mobdark_theme .sidenav {
    background: #0c0c10;
    border-right: 1px solid #242932
}

.mobdark_theme .navicon span {
    color: #fff !important
}

.mobdark_theme .navicon a.active,
.mobdark_theme .navicon:hover a {
    background: #21212e
}

.mobdark_theme .end-dash {
    color: #707a8a
}

.mobdark_theme .logo_dark {
    filter: brightness(61.5)
}

@media (max-width:991px) {
    .mobdark_theme .smd_ji {
        background: #21212e
    }
}

.mobdark_theme .dropdown-dash:after {
    filter: contrast(.5) brightness(8.5)
}

.mobdark_theme .arror_bx_ty {
    background: #393946
}

.mobdark_theme .body-table-home-page .btn {
    color: #fff
}

.mobdark_theme .input-login-2 .input-group-append .input-group-text,
.mobdark_theme .input-login-2 input,
.mobdark_theme .input-login-2 input::placeholder {
    color: #c7c7c7
}

.mobdark_theme .dep-tap-h2-nd h2,
.mobdark_theme .dep-tap-h2-nd h3 {
    color: #fff
}

.mobdark_theme .input-login-1 select {
    background-image: url(arw_white.975286f4a90ab56d29f6.webp);
    color: #fff
}

.mobdark_theme .faq-head .faq-tap-hd.active {
    background-color: initial;
    color: #fff
}

.mobdark_theme .faq-head .faq-tap-hd.active h2 {
    color: #fff
}

.mobdark_theme .round {
    background-color: #0c0c10
}

.mobdark_theme .faq-head .faq-tap-hd h2 {
    color: #888
}

.mobdark_theme .sucess-dep {
    background: #21212e
}

.mobdark_theme .sucess-dep h2 {
    color: #fff
}

.mobdark_theme .sucess-dep p {
    color: #a3a3a3
}

.mobdark_theme .dep-tap-h2-nd h4 {
    color: #fff
}

.mobdark_theme .p-fiat-sec {
    color: #939495
}

.mobdark_theme .input-login-4 input,
.mobdark_theme .input-login-4 input::placeholder {
    color: #fff
}

.mobdark_theme .span-withdr {
    color: #6a6a6a
}

.mobdark_theme .swap-tap-hd1 a {
    color: #fff !important
}

.mobdark_theme .pagination-tb-1 h2,
.mobdark_theme .tran-table-show h2 {
    color: #fff
}

.mobdark_theme .pagination-tb-1 .page-link {
    background-color: #21212e;
    color: #fff
}

.mobdark_theme .swap-tap-hd1 a {
    border: 1px solid #515152
}

.mobdark_theme .profile-set-1 h1 {
    color: #fff
}

.mobdark_theme .profile-set-1 p {
    color: #8d8585
}

.mobdark_theme .border-bottom-1 {
    border-bottom: 1px solid #656565
}

.mobdark_theme .profile-set-1 h2,
.mobdark_theme .profile-set-1 h3,
.mobdark_theme .profile-set-edit-1 h2 {
    color: #fff
}

.mobdark_theme .input-login-1 input,
.mobdark_theme .input-login-1 select {
    border: 1px solid #454545
}

.mobdark_theme .input-login-2 input {
    border: 1px solid #454545;
    border-right: none
}

.mobdark_theme .input-login-2 .input-group-append .input-group-text {
    border: 1px solid #454545
}

.mobdark_theme #basic-addon2 img {
    filter: brightness(11.5)
}

.mobdark_theme .input-login-1 input,
.mobdark_theme .input-login-1 input::placeholder {
    color: #ccc
}

.mobdark_theme .profile-set-1 h4 {
    color: #fff
}

.mobdark_theme .profile-set-1 p {
    color: #ccc
}

.mobdark_theme .dropdown-dash {
    border: 1px solid #454545
}

.mobdark_theme .input-login-2 .input-group-append .input-group-text {
    border-left: none
}

.mobdark_theme .pandcard-img-cen {
    background: #0c0c10
}

.mobdark_theme .input-login-1 textarea {
    background-color: #0c0c10;
    border: 1px solid #454545;
    color: #ccc
}

.mobdark_theme .input-login-1 textarea::placeholder {
    color: #ccc
}

.mobdark_theme .body-table-home-page tr td .img-fli_dark img {
    filter: brightness(20)
}

.mobdark_theme .modal-content {
    background-color: #0c0c10
}

.mobdark_theme .head-pop-ticket h2 {
    color: #fff
}

.mobdark_theme .singup-close img {
    filter: brightness(30.5)
}

.mobdark_theme .head-pop-ticket-2 {
    background: #21212e
}

.mobdark_theme .head-pop-ticket-1 h2 {
    color: #fff
}

.mobdark_theme .head-pop-ticket-1 h3,
.mobdark_theme .head-pop-ticket-1 p {
    color: #ccc
}

.mobdark_theme .staking-redeem-1 h2,
.mobdark_theme .staking-redeem-1 h3,
.mobdark_theme .staking-redeem-1 h4 {
    color: #fff
}

.mobdark_theme .staking-redeem-1 h5,
.mobdark_theme .staking-redeem-1 p {
    color: #ccc
}

.mobdark_theme .header-drop-2 {
    background: #21212e;
    border: 1px solid #454545
}

.mobdark_theme .drop-heading-1 h2,
.mobdark_theme .drop-heading-2 h2 {
    color: #fff
}

.mobdark_theme .drop-heading-2 p {
    color: #ccc
}

.mobdark_theme .drop-heading-2 {
    border-bottom: 1px solid #454545
}

.mobdark_theme.index-body {
    background: #0c0c10
}

.mobdark_theme .wrk-cnt-fnt h4,
.mobdark_theme .wrk-cnt-fnt span {
    color: #fff
}

.mobdark_theme .icon-box {
    background-color: #21212e;
    border: 1.5px solid #323232
}

.mobdark_theme .add-cnt-fnt h3 {
    color: #fff
}

.mobdark_theme .wrk-numb {
    background: #0c0c10
}

.mobdark_theme .team-contantent-1-trhee h2 {
    color: #fff
}

.mobdark_theme .team-contantent-1-trhee p {
    color: #727272
}

.mobdark_theme .team-contantent-1-trhee h3,
.mobdark_theme .team-contantent-1-trhee p span {
    color: #fff
}

.mobdark_theme .who-cnt {
    background: #0c0c10
}

.mobdark_theme .who-cnt h2 {
    color: #fff
}

.mobdark_theme .lutc_box_ls_1 {
    margin-top: 10px
}

.mobdark_theme .lutc_box {
    background: #0c0c10;
    border: 1px solid #515050
}

.mobdark_theme .input-lutx-1 h2 {
    color: #fff
}

.mobdark_theme .input-lutx-1 input {
    border: 1px solid #454545;
    color: #fff
}

.mobdark_theme .input-lutx-1 input::placeholder {
    color: #fff
}

.mobdark_theme .input-lutx-1 select {
    background-image: url(arw_white.975286f4a90ab56d29f6.webp);
    border: 1px solid #454545;
    color: #fff
}

.mobdark_theme .input-lutx-1 select::placeholder {
    color: #fff
}

.mobdark_theme .blog_header_bg_2,
.mobdark_theme .olus_bytn_lo {
    background: #0c0c10
}

.mobdark_theme .nee_blog .swap-tap-hd1 a.active {
    border: 1px solid #1140ff;
    color: #1140ff
}

.mobdark_theme .box_blog_1 {
    background: #21212e
}

.mobdark_theme .blog_cd_2 h2,
.mobdark_theme .blog_cd_2 p,
.mobdark_theme .box_blog_1_ing h3,
.mobdark_theme .box_blog_1_ing p {
    color: #fff
}

.mobdark_theme .blog_cd_2 h3 {
    color: #727272
}

.mobdark_theme .input-lutx-1 textarea {
    border: 1px solid #454545;
    color: #fff
}

.mobdark_theme .input-lutx-1 textarea::placeholder {
    color: #fff
}

.mobdark_theme .contact_us_hu {
    background: #21212e
}

.mobdark_theme .contact_us_hu .con_kil h2 {
    color: #fff
}

.mobdark_theme .kio_box_lo {
    background: #21212e;
    border: 1px solid #21212e
}

.mobdark_theme .kio_box_lo h2 {
    color: #fff
}

.mobdark_theme .kio_box_em {
    background-color: #0c0c10
}

.mobdark_theme .hd_markers h2 {
    color: #fff
}

.mobdark_theme .markers_cd_total {
    background-color: #0c0c10
}

.mobdark_theme .markers_cd_total h2 {
    color: #fff
}

.mobdark_theme .markers_cd_total p {
    color: #727272
}

.mobdark_theme .guidelines_cd_3 h2,
.mobdark_theme .tems-hd-1 {
    color: #fff
}

.mobdark_theme .guidelines_cd_4 {
    background: #21212e;
    border: 1px solid #21212e
}

.mobdark_theme .guidelines_cd_4 h2 {
    color: #fff
}

.mobdark_theme .guidelines_cd_4 p,
.mobdark_theme .markers_cd_total ul li {
    color: #727272
}

.mobdark_theme .btn-hd-sec-1:hover {
    background: #21212e
}

.mobdark_theme .build-ur-ul .crptdet .crptimg {
    background: #21212e;
    border: 1.5px solid #21212e
}

.mobdark_theme .build-ur-ul .crptdet .crptimg:after {
    background: #dbe5f8
}

.mobdark_theme .whychskoin .whychskoindet {
    min-height: 330px
}

.mobdark_theme .tens .tenscnt {
    border-bottom: 1px solid #21212e
}

.mobdark_theme .deptselbtn {
    background-color: #0c0c10;
    background-image: url(arw_white.975286f4a90ab56d29f6.webp);
    border: 1px solid #848e9c;
    color: #fff
}

.mobdark_theme .drpdark button .ar_adr {
    filter: none !important
}

.mobdark_theme .drpdark .dropdown-menu {
    background: #071529;
    border: 1px solid #848e9c;
    min-width: 5rem
}

.mobdark_theme .drpdark .dropdown-menu .dropdown-item {
    color: #fff
}

.mobdark_theme .drpdark .dropdown-menu .dropdown-item:hover {
    background: #0000
}

.mobdark_theme .trade-2-inner-1-total .deptselbtn {
    background-color: initial
}

.mobdark_theme .sumbit_lutc button:hover {
    background: #21212e
}

.mobdark_theme .faqref .accordion .accordion__item .accordion__panel {
    color: #727272
}

.mobdark_theme .faqref .accordion .accordion__item .accordion__heading .accordion__button {
    color: #fff
}

.mobdark_theme .faqref .accordion .accordion__item .accordion__heading .accordion__button:before {
    border-bottom: 1.5px solid #fff;
    border-right: 1.5px solid #fff
}

.mobdark_theme .faqref h3 {
    color: #fff
}

.mobdark_theme .accordion__item+.accordion__item {
    border-top: 1px solid #21212e
}

.mobdark_theme .faqref .accordion .accordion__item .accordion__panel span {
    color: #fff
}

.mobdark_theme .input-login-1 select option {
    background-color: #21212e;
    color: #fff
}

.mobdark_theme .input-login-1 select option:hover {
    background-color: #21212e
}

.mobdark_theme .nav-brand-1 {
    filter: brightness(33)
}

.hedbk-ki {
    align-items: center;
    background-image: url(crl-bg.eeeeb98a0816621b5093.webp);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    min-height: 96px;
    padding: 20px 0
}

.hedbk-ki h1,
.hedbk-ki h2 {
    color: #fff;
    font-size: 22px;
    font-style: normal;
    font-weight: 500
}

.hedbk-ki p {
    color: #fff;
    font-size: 15px;
    font-style: normal;
    font-weight: 400
}

.hedbk-ki .mi_kij {
    min-height: 56px
}

.mi_kij_mar {
    margin-top: -106px
}

.contact_us_hu {
    background-color: #dde3fb;
    padding: 30px 0 10px
}

.contact_us_hu .con_kil h2 {
    color: #111;
    font-size: 26px;
    font-style: normal;
    font-weight: 500
}

.contact_us_hu .con_kil p {
    color: #707a8a;
    font-size: 15px;
    font-style: normal;
    font-weight: 400
}

.lutc_box {
    margin-top: -100px
}

.sidenav {
    -ms-overflow-style: none;
    height: 100vh;
    overflow: hidden auto;
    position: fixed;
    scrollbar-width: none;
    width: 218px
}

.rightcontent {
    margin-left: 218px;
    min-height: 100vh
}

.navbarss {
    margin-left: auto;
    transition: 1s;
    width: 100%
}

.bank-accound-nav-1 a {
    color: #111;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none
}

.bank-accound-nav-1 a.active,
.bank-accound-nav-1 a:hover {
    color: #1140ff;
    transition: all .5s
}

.navbarss {
    height: 45px
}

@media (max-width:992px) {
    .navbarss {
        height: auto
    }
}

.di_nji {
    display: none
}

.navicon {
    padding: 2px 0
}

.navicon a {
    padding: 11px 10px !important;
    position: relative
}

.navicon a.active {
    background: #f4f4f4
}

.navicon a.active:after,
.navicon:hover a:after {
    background: #1140ff;
    content: "";
    height: 100%;
    left: -3px;
    position: absolute;
    width: 3px
}

.navicon:hover a {
    background: #f4f4f4
}

.rig_sec_2 {
    padding-top: 75px
}

.prf-dash-2 {
    padding: 20px
}

.dash-hd-1 h3 {
    color: #474d57
}

.table-des-num-1 {
    border-bottom: 1px solid #e8eaf4;
    padding-bottom: 10px
}

.table-des-num-2 {
    border-top: 0
}

.arror_bx_ty {
    align-items: center;
    background: #eaecef;
    border-radius: 6px;
    display: flex;
    height: 28px;
    justify-content: center;
    min-width: 28px
}

@media (max-width:991px) {
    .di_nji {
        display: block
    }

    .bank-accound-nav-1 {
        margin-bottom: 15px;
        text-align: center
    }

    .li_icd {
        display: none
    }

    .brand-name-wrapper-1 {
        display: block;
        position: absolute;
        right: -6px;
        top: -3px
    }

    .navbar-brand {
        padding-top: 10px
    }

    .rightcontent {
        margin-left: 0
    }

    .smd_ji {
        background-color: #fff
    }
}

.drpdark button.btn-secondary {
    background-color: initial;
    border: 1px solid #848e9c;
    border-radius: 5px
}

.drpdark button.btn-secondary .ar_adr {
    filter: invert(1)
}

.drpdark .btn-secondary:not(:disabled):not(.disabled):active,
.drpdark .btn-secondary:not(:disabled):not(.disabled):active:focus {
    background-color: initial;
    box-shadow: none
}

.trade-2-inner-1-total .deptselbtn {
    background-color: initial
}

@media (max-width:991px) {
    .w-lg-100 {
        width: 100%
    }

    .nav2 .nav-item {
        margin-bottom: 15px
    }
}

.cdChIpR1 .form-control {
    width: 100% !important
}

.cdChIpR .form-control[type=number] {
    -moz-appearance: textfield
}

.cdChkTmr {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: center
}

.cdChIpR {
    display: flex;
    margin-left: -5px;
    margin-right: -5px
}

.cdChIpR>* {
    padding-left: 5px;
    padding-right: 5px
}

.mdlFrm .cdChIpR .form-group .form-control {
    font-size: 22px;
    font-weight: 500;
    height: calc(1.5em + .75rem + 7px);
    padding: 6px 12px;
    text-align: center
}

.timer {
    color: #4366ff
}

.receive-msg {
    color: gray;
    font-size: 13px
}

.cdChIftx {
    color: #858597;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: center
}

.sing-btn1 {
    background: #e2e3ef;
    color: #1140ff;
    font-size: 13px;
    font-weight: 600;
    margin-left: auto
}

.setting-pro-2 .variants {
    margin-left: 70% !important;
    margin-top: -15px !important;
    padding: 3px !important
}

.up_shu .cry-py1 {
    min-height: calc(100vh - 293px)
}

.nd_chrt {
    height: 384px
}

.nd_chrt .ch_2_ji>div {
    min-height: 100% !important
}

.kri_sec_one {
    align-items: center;
    background-image: url(pro_img_1.82d9d19da3187466b7a4.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    min-height: 550px;
    position: relative;
    z-index: 2
}

.kri_sec_one:after {
    background: linear-gradient(180deg, #0000 33.64%, #000000b3 82.82%);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.pro_bn_cd h2 {
    color: #fff;
    font-size: 42px;
    font-weight: 600
}

.pro_bn_cd h2,
.pro_bn_cd p {
    font-style: normal;
    text-align: center
}

.pro_bn_cd p {
    color: #f0f0f0;
    font-size: 16px;
    font-weight: 300
}

.pro_bn_cd h3 {
    color: #fff;
    font-size: 32px;
    font-style: normal;
    font-weight: 600
}

.pro_bn_cd h4 {
    color: #e7e7e7;
    font-size: 16px;
    font-style: normal;
    font-weight: 300
}

.pro_bn_cd .in-pro {
    padding: 0 30px
}

.pro_bn_cd .lin_pr {
    border-left: 1px solid #ffffff59;
    border-right: 1px solid #ffffff59
}

.pro_bn_cd {
    padding: 30px 0
}

@media (max-width:1200px) {
    .kri_sec_one {
        background-size: cover
    }
}

@media (max-width:767px) {
    .pro_bn_cd h2 {
        font-size: 30px
    }

    .pro_bn_cd h3 {
        font-size: 28px
    }

    .pro_bn_cd .lin_pr {
        border: none
    }

    .res_pro {
        flex-direction: column
    }
}

.kri_sec_two {
    margin-top: 80px
}

.kmca_cd h2 {
    color: #111;
    font-size: 34px;
    font-style: normal;
    font-weight: 600
}

.kmca_cd p {
    color: #707a8a;
    font-size: 16px;
    line-height: 28px;
    margin: auto;
    max-width: 777px
}

.kmca_cd h3,
.kmca_cd p {
    font-style: normal;
    font-weight: 300
}

.kmca_cd h3 {
    color: #404040;
    font-size: 14px;
    text-align: center
}

@media (max-width:767px) {
    .kmca_cd h2 {
        font-size: 28px
    }

    .kmca_cd p {
        font-size: 14px;
        line-height: 23px
    }

    .kri_sec_two {
        margin-top: 25px
    }
}

.kri_sec_three {
    background-color: #eff2fb;
    margin-top: -120px;
    padding-top: 150px
}

.dark_theme .header_sub_nd {
    color: #fff;
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    text-align: center
}

.dark_theme .ouva_cd_1 {
    background: #282828;
    border-radius: 20px;
    min-height: 100%;
    padding: 30px
}

.dark_theme .ouva_cd_1 p {
    color: #707a8a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px
}

.dark_theme .kri_sec_three {
    background-color: #0c0c10;
    margin-top: -120px;
    padding-top: 150px
}

.ouva_cd {
    padding: 30px 0
}

.header_sub_nd {
    color: #111;
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    text-align: center
}

.ouva_cd_1 {
    background: #fff;
    border-radius: 20px;
    min-height: 100%;
    padding: 30px
}

.ouva_cd_1:hover {
    box-shadow: 2px 6px 24px #0000000f
}

.ouva_cd_1:hover .ouva_img {
    border: 1.5px solid #1140ff
}

.ouva_cd_1:hover .ouva_img:after {
    background: linear-gradient(104.1deg, #1140ff 32.26%, #1140ff 80.02%, #1140ff 88.17%);
    border-radius: 46.867px;
    bottom: -12px;
    content: "";
    height: 13px;
    left: 20px;
    position: absolute;
    width: 22.61px
}

.ouva_img {
    align-items: center;
    border: 1.5px solid #e7eefa;
    border-radius: 15px;
    display: flex;
    height: 59px;
    justify-content: center;
    margin-bottom: 10px;
    position: relative;
    width: 59px
}

.ouva_cd_1 h2 {
    color: #111;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 15px
}

.ouva_cd_1 p {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px
}

.kio_box_lo1 h3,
.ouva_cd_1 p {
    color: #707a8a;
    font-style: normal
}

.kio_box_lo1 h3 {
    font-size: 15px;
    font-weight: 400;
    line-height: 22px
}

.kri_sec_four {
    padding-top: 150px
}

.uf_hos_cd h2 {
    color: #111;
    font-size: 22px;
    font-style: normal;
    font-weight: 500
}

.uf_hos_cd p {
    color: #526076;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px
}

.uf_hos_cd a {
    display: inline-block;
    margin-right: 10px
}

.cgu-img {
    padding: 10px 0;
    text-align: center
}

.uf_hos {
    margin-top: 20px
}

.pro_ceo_hid,
.uf_hos {
    transition: .6s ease-in-out;
    -webkit-transition: .6s ease-in-out
}

.pro_ceo_hid {
    display: initial
}

.pro_ceo_shw {
    display: none;
    opacity: 0
}

.pro_ceo_shw,
.uf_hos:hover .pro_ceo_shw {
    transition: .6s ease-in-out;
    -webkit-transition: .6s ease-in-out
}

.uf_hos:hover .pro_ceo_shw {
    display: initial;
    opacity: 1;
    transform: scale(1.02)
}

.uf_hos:hover .pro_ceo_hid {
    display: none;
    transition: .6s ease-in-out;
    -webkit-transition: .6s ease-in-out
}

@media (max-width:991px) {
    .uf_hos_cd {
        text-align: center
    }

    .fb_icons {
        justify-content: center
    }
}

.tmski {
    max-width: 574px
}

.tmski h2 {
    color: #111;
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: 43px
}

.kri_sec_five {
    margin-top: 40px
}

.tmski p {
    color: #707a8a
}

.tmski p,
.tmski_1 h1 {
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px
}

.tmski_1 h1 {
    color: #1140ff
}

.tmski_1 h2 {
    align-items: center;
    color: #2c2c2c;
    display: flex;
    font-size: 24px;
    font-style: normal;
    font-weight: 500
}

.tmski_1 h2 .th_1 {
    padding: 0 8px
}

.tmski_1 h2 .th_1,
.tmski_1 h2 .th_2 {
    color: #707a8a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

.img_frame_tm {
    align-items: center;
    border: 1px solid #355dff38;
    border-radius: 50%;
    display: flex;
    height: 180px;
    justify-content: center;
    margin: auto;
    object-fit: cover;
    width: 180px
}

.img_frame_tm img {
    border-radius: 100%;
    height: 162px;
    object-fit: cover;
    width: 162px
}

.nji_name h2 {
    color: #263238;
    font-size: 22px;
    font-weight: 500;
    line-height: 28px
}

.nji_name p {
    color: #526076;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px
}

.nji_name {
    margin: auto;
    max-width: 210px;
    padding: 20px 0
}

@media (max-width:991px) {
    .img_frame_tm {
        height: 120px;
        width: 120px
    }

    .img_frame_tm img {
        height: 100px;
        width: 100px
    }

    .nji_name h2 {
        font-size: 14px;
        margin-bottom: 0
    }

    .nji_name p {
        font-size: 10px;
        margin-bottom: 0
    }

    .nji_name {
        max-width: 100%;
        padding: 10px 0
    }

    .tmski_1 h2 {
        font-size: 16px
    }

    .tmski_1 h2 .th_1,
    .tmski_1 h2 .th_2 {
        font-size: 13px
    }
}

@media (max-width:767px) {
    .tmski h2 {
        font-size: 28px;
        line-height: normal
    }
}

.our-part h2 {
    color: #111
}

.our-part p {
    color: #707a8a;
    font-size: 16px;
    font-style: normal;
    font-weight: 300
}

.pro_img_op {
    filter: grayscale(1);
    padding: 10px 15px
}

.pro_img_op:hover {
    filter: grayscale(0)
}

.ouva_cd_2 {
    margin-bottom: -130px
}

@media (max-width:991px) {
    .kri_sec_three {
        margin-top: 0;
        padding-top: 0
    }

    .ouva_cd_2 {
        margin-bottom: 0
    }

    .kri_sec_four {
        padding-top: 20px
    }
}

@media (max-width:767px) {

    .header_sub_nd,
    .our-part h2 {
        font-size: 28px
    }

    .kri_sec_six {
        margin-top: 30px
    }
}

.navicon1 a:hover {
    text-decoration: none
}

.vric1 h1:hover {
    color: #1140ff !important
}

.navicon1 {
    cursor: pointer;
    padding: 0
}

.navicon1 a {
    display: inline-flex;
    min-height: 37px;
    padding: 5px !important;
    position: relative;
    transition: .3s ease-in-out
}

.navicon1 a:after {
    background: #0000;
    border-radius: 5px;
    bottom: 0;
    content: "";
    height: 3px;
    left: -100%;
    opacity: .5;
    position: absolute;
    right: 0;
    transition: .3s ease-in-out;
    width: 100%
}

.navicon1 a.active:after,
.navicon1:hover a:after {
    background: #1140ff;
    left: 0;
    opacity: 1
}

.navicon1:hover a:after {
    bottom: 0;
    content: "";
    height: 3px;
    position: absolute;
    transition: .3s ease-in-out;
    width: 100%
}

.navicon1 span {
    color: #fff !important;
    color: #9c9c9f;
    font-size: 16px;
    font-style: normal;
    font-weight: 500
}

.navicon1:hover .side-img-1 {
    filter: none
}

.navicon1:hover .setting {
    color: #1140ff
}

.navicon1 a.active .side-img-1 {
    filter: none
}

.navicon1 a.active .setting {
    color: #1140ff
}

.dark_theme .navbar-brand img {
    filter: none !important
}

.trade-1 {
    display: block
}

.dark_theme .trade_hd_in {
    background: #0c0c10
}

.trd_ic {
    height: auto;
    width: 16px
}

.trd_ic1 {
    height: auto;
    width: 23px
}

.by_sl_tb .trade-table-body-1 tr td:nth-child(2) {
    text-align: center
}

.trd_sel_tab li a {
    padding: 5px 10px 5px 0
}

.pji_tl_1 {
    padding-left: 5px;
    padding-right: 5px
}

.pji_tl_1_rw {
    margin-left: -5px;
    margin-right: -5px
}

@media (min-width:992px) {
    .lo_ph {
        display: none
    }
}

@media (max-width:991px) {
    .lo_ph {
        display: block
    }

    .lo_sy {
        display: none
    }
}

.buy-trade {
    padding-bottom: 10px;
    padding-top: 7px
}

.range_bar_1 {
    justify-content: space-between;
    position: relative;
    z-index: 0
}

.range_bar_1 .line_brfy {
    background-color: #383838;
    border-radius: 5px;
    height: 5px;
    left: 50%;
    position: absolute;
    top: 4px;
    transform: translatex(-50%);
    width: 95%;
    z-index: -1
}

.range_bar_1 .line_brfy .line_brfy_in {
    background-color: #353ae1;
    border-radius: 5px;
    display: none;
    height: 100%;
    width: 34%
}

.range_bar_1 .line_brfy .line_brfy_in_2 {
    background-color: #353ae1;
    border-radius: 5px;
    display: none;
    height: 100%;
    width: 64%
}

.range_bar_1 .line_brfy .line_brfy_in_3 {
    background-color: #353ae1;
    border-radius: 5px;
    display: none;
    height: 100%;
    width: 99%
}

.range_bar_1.line_100 .line_brfy_in_3,
.range_bar_1.line_50 .line_brfy_in,
.range_bar_1.line_75 .line_brfy_in_2 {
    display: inherit
}

.range_bar_1 .rud_q {
    align-items: center;
    background-color: #d7d7d7;
    border-radius: 50%;
    display: flex;
    height: 12px;
    justify-content: center;
    margin: auto auto 7px;
    max-height: 12px;
    max-width: 12px;
    min-height: 12px;
    min-width: 12px;
    width: 12px
}

.range_bar_1 .in_dodt {
    background-color: initial;
    border-radius: 50%;
    height: 6px;
    max-height: 6px;
    max-width: 6px;
    min-height: 6px;
    min-width: 6px;
    width: 6px
}

.range_bar_1 a {
    padding: 0
}

.range_bar_1 .nav-item a.active .in_dodt {
    background-color: #353ae1
}

@media (max-width:1199px) {
    .range_bar_1 .line_brfy .line_brfy_in_2 {
        width: 66%
    }

    .range_bar_1 .line_brfy {
        width: 98%
    }
}

.ts_ki {
    font-size: 12px;
    margin-bottom: -1px
}

.ts_ki,
.ts_ki_3 {
    color: #fff !important;
    font-weight: 400
}

.ts_ki_3 {
    font-size: 10px;
    padding-top: 8px
}

.trade-table-body-tr_his {
    height: 196px
}

.nd_dal {
    font-size: 13.5px !important;
    margin-left: 34px
}

.btn_dw,
.nd_submenu {
    margin-left: 0
}

.nd_submenu {
    border-bottom: none;
    flex-direction: column
}

.nd_submenu li {
    padding: 10px 0
}

.nd_submenu li a {
    text-decoration: none
}

.nd_submenu li a.active,
.nd_submenu li a:hover {
    background-color: initial !important;
    border-color: #0000 !important
}

.apicard.nd_crd_lo {
    background: #fff !important
}

.apicard.nd_crd_lo p {
    cursor: pointer
}

.apicard.nd_crd_lo .topHeadingFunction {
    background: #1140ff
}

.lis_tp {
    margin-top: 0
}

.sel_ji select {
    background-color: initial;
    border: 1px solid #e0e2ee;
    border-right: 1px solid #aeaeac !important;
    color: #111
}

.sel_ji select:focus {
    background-color: initial;
    border: 1px solid #aeaeac;
    border-right: 1px solid #aeaeac !important;
    box-shadow: none;
    color: #111
}

.sel_ji select option {
    background-color: ""
}

.sel_ji input,
.sel_ji input:focus {
    background-color: initial;
    border: 1px solid #aeaeac;
    color: #0f0f0f;
    min-height: 50px
}

.sel_ji input:focus {
    box-shadow: none
}

.trade-table-body-3_open {
    height: 193px
}

.text-show-ji {
    margin-top: 12rem !important
}

.sed-ji-low-text {
    color: #7a858f;
    font-size: 13px;
    font-weight: 600;
    justify-content: center;
    margin-top: 5rem;
    text-align: center
}

.nd_opcrp ul {
    padding-inline-start: 40px
}

.nd_opcrp a {
    color: #08c
}

.nd_opcrp .nd_knum_list {
    list-style: auto
}

.brk_word {
    word-break: break-word
}

@media (min-width:767px) {
    .ver_pop {
        max-width: 362px
    }
}

.trade_hd .lottery-rs-nav {
    display: inline-flex;
    padding: 5px
}

.trade_hd_in .navbar-brand {
    display: inline-flex
}

.trade_hd_in .navbar-collapse {
    padding: 3px 12px
}

.lo_sy {
    max-width: 30px !important
}

.nav-brand-12 {
    max-width: 160px
}

.side-nav-2ji {
    padding-left: 3px
}

.navbar-bank-1 {
    padding: 3px 10px
}

.navbar-bank-1 .navbar-collapse {
    padding: 2px 12px
}

.navbar-bank-1 .navbar-collapse .lottery-rs-nav {
    display: inline-flex
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #ebebeb;
    opacity: 1
}

.nav_innerhd {
    align-items: center;
    display: inline-flex
}

.sidenav::-webkit-scrollbar {
    display: none
}

@media (min-width:992px) {
    .navbar-brand_sid {
        opacity: 0
    }
}

.kplaunch {
    font-family: B, sans-serif
}

.kplaunch .kpbanner {
    background: url(kpban.1d591e652bdcc8c8a05b.webp) no-repeat;
    background-size: 100% 100%;
    min-height: 190px
}

@media (max-width:992px) {
    .kplaunch .kpbanner {
        padding-top: 25px
    }
}

.kplaunch .kpbanner h3 {
    color: #fff;
    font-size: 33px;
    font-weight: 500
}

@media (max-width:576px) {
    .kplaunch .kpbanner h3 {
        font-size: 25px
    }
}

.kplaunch .kpbanner h5 {
    color: #fff;
    font-size: 20px;
    font-weight: 400
}

@media (max-width:576px) {
    .kplaunch .kpbanner h5 {
        font-size: 17px
    }
}

.kplaunch .kpbanner .banfligtimg {
    left: -16px;
    position: relative;
    top: 13px
}

@media (max-width:991px) {
    .kplaunch .kpbanner .banfligtimg {
        left: 0;
        top: 0
    }
}

.kpln {
    background: #f5f9ff;
    padding-bottom: 40px
}

.kpln .ft26 {
    color: #111;
    font-size: 26px;
    font-weight: 500;
    padding-bottom: 32px;
    padding-top: 47px
}

@media (max-width:576px) {
    .kpln .ft26 {
        font-size: 18px;
        padding-bottom: 13px;
        padding-top: 13px
    }
}

.kpln h2 {
    color: #111;
    font-size: 26px;
    font-weight: 500
}

@media (max-width:576px) {
    .kpln h2 {
        font-size: 18px
    }
}

.kpln a.viewdetail {
    color: #1140ff;
    font-size: 15px;
    font-weight: 400
}

.kpln a:hover {
    text-decoration: none
}

.kpln .primebox {
    background: #ebebeb;
    border-radius: 20px;
    margin-bottom: 30px;
    padding: 34px 50px 23px 40px
}

.kpln .primebox .completebtn {
    align-items: center;
    background: #11e87454;
    border-radius: 40px;
    color: #38a56a;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    min-height: 26px;
    min-width: 106px
}

.kpln .primebox .completebtn:hover {
    background: #0000;
    border: 1px solid #38a56a;
    text-decoration: none
}

.kpln .primebox .primebtn {
    align-items: center;
    background: #1140ff57;
    border-radius: 40px;
    color: #1140ff;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    min-height: 26px;
    min-width: 68px
}

.kpln .primebox .primebtn:hover {
    background: #0000;
    border: 1px solid #1140ff;
    text-decoration: none
}

.kpln .primebox p {
    color: #5f6b8c;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding-bottom: 22px;
    padding-top: 10px
}

.kpln .primebox .horizonline {
    border-top: 1px solid #e8eaf4;
    margin-bottom: 22px !important
}

.kpln .primebox h6 {
    color: #5f6b8c;
    font-size: 15px;
    font-weight: 400
}

.kpln .primebox h4 {
    color: #5ed193;
    font-size: 15px;
    font-weight: 500
}

.kpln .primebox h4.txt-black {
    color: #111
}

.kpln .primebox a.viewdetail {
    color: #1140ff;
    font-size: 15px;
    font-weight: 400
}

.kpln .primebox a:hover {
    text-decoration: none
}

.kpln .primebox .timersec span {
    color: #1140ff;
    font-size: 14px;
    font-weight: 400
}

.kpln .primebox .launchtimer {
    position: relative
}

.kpln .primebox .launchtimer:after {
    border: 1px solid #e8eaf4;
    content: "";
    height: 161px;
    left: -46px;
    position: absolute;
    top: -24px;
    width: 0
}

@media (max-width:991px) {
    .kpln .primebox .launchtimer:after {
        display: none
    }
}

.kpln .primebox .launchtimer h3 {
    color: #5f6b8c;
    font-size: 16px;
    font-weight: 400
}

.kpln .primebox .launchtimer .daybox {
    background: #1140ff33;
    border-radius: 10px;
    color: #1140ff;
    font-size: 24px;
    font-weight: 500;
    padding: 9px 14px
}

.kpln .primebox .launchtimer .periods {
    color: #000;
    font-size: 14px;
    font-weight: 400
}

@media (max-width:576px) {
    .kpln .primebox {
        padding: 20px
    }
}

.kpln .evntbx {
    background: #ebebeb;
    border-radius: 20px;
    padding: 30px 53px;
    text-align: center
}

.kpln .evntbx h6 {
    color: #5f6b8c;
    font-size: 14px;
    font-weight: 400
}

.kpln .evntbx h5 {
    color: #111;
    font-size: 16px;
    font-weight: 500
}

.kpln .subcap {
    background: #ebebeb;
    border-radius: 20px;
    min-height: 100%;
    padding: 39px 32px
}

@media (max-width:576px) {
    .kpln .subcap {
        padding: 20px 11px
    }
}

.kpln .subcap h3 {
    color: #111;
    font-size: 26px;
    font-weight: 500
}

@media (max-width:576px) {
    .kpln .subcap h3 {
        font-size: 20px
    }
}

.kpln .subcap h4 {
    color: #111;
    font-size: 18px;
    font-weight: 400
}

.kpln .subcap h6 {
    color: #5f6b8c;
    font-size: 15px;
    font-weight: 400
}

.kpln .subcap h5 {
    color: #111;
    font-size: 15px;
    font-weight: 500
}

.kpln .subcap p {
    color: #5f6b8c;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    margin-bottom: 0;
    padding-bottom: 16px
}

.kpln .subcap p:last-child {
    padding-bottom: 0
}

.kpln .subcap .partquota {
    position: relative
}

.kpln .subcap .partquota:after {
    border: 1px solid #e8eaf4;
    content: "";
    height: 82px;
    left: -30px;
    position: absolute;
    top: -14px;
    width: 0
}

@media (max-width:991px) {
    .kpln .subcap .partquota:after {
        display: none
    }
}

.kptab .tabsec {
    padding-bottom: 43px;
    padding-top: 53px
}

.kptab .tabsec ul {
    border-bottom: none
}

.kptab .tabsec ul li {
    padding: 0 32px
}

.kptab .tabsec ul li.active a {
    color: #1140ff
}

@media (max-width:576px) {
    .kptab .tabsec ul li {
        padding: 0 13px
    }
}

.kptab .tabsec ul li a {
    color: #111;
    font-size: 26px;
    font-weight: 500;
    padding: 0
}

.kptab .tabsec ul li a:hover {
    border-color: #0000;
    cursor: pointer;
    text-decoration: none
}

.kptab .tabsec ul li a.active,
.kptab .tabsec ul li a:active {
    background: #0000;
    border-color: #0000;
    color: #1140ff
}

@media (max-width:576px) {
    .kptab .tabsec ul li a {
        font-size: 18px
    }
}

.kptab .tbrowsec {
    padding-bottom: 76px;
    padding-top: 46px
}

.kptab .tbrowsec h5 {
    color: #111;
    font-size: 40px;
    font-weight: 600
}

.kptab .tbrowsec h5.text-green {
    color: #5ed193
}

@media (max-width:991px) {
    .kptab .tbrowsec h5 {
        font-size: 25px
    }
}

@media (max-width:767px) {
    .kptab .tbrowsec h5 {
        font-size: 20px
    }
}

.kptab .tbrowsec h6 {
    color: #111;
    font-size: 18px;
    font-weight: 400
}

@media (max-width:991px) {
    .kptab .tbrowsec h6 {
        font-size: 13px
    }
}

@media (max-width:767px) {
    .kptab .tbrowsec h6 {
        font-size: 14px
    }
}

.kptab .tbrowsec .secndbX {
    position: relative
}

.kptab .tbrowsec .secndbX:after {
    border: 1px solid #e8eaf4;
    content: "";
    height: 178px;
    left: 0;
    position: absolute;
    top: -47px;
    width: 0
}

@media (max-width:575px) {
    .kptab .tbrowsec .secndbX:after {
        display: none
    }
}

.kptab .tbrowsec .secndbX:before {
    border: 1px solid #e8eaf4;
    content: "";
    height: 178px;
    position: absolute;
    right: 0;
    top: -47px;
    width: 0
}

@media (max-width:575px) {
    .kptab .tbrowsec .secndbX:before {
        display: none
    }
}

.pQlPrject .prevhead {
    padding-bottom: 27px;
    padding-top: 27px
}

.pQlPrject h3 {
    color: #111;
    font-size: 26px;
    font-weight: 500
}

@media (max-width:576px) {
    .pQlPrject h3 {
        font-size: 18px
    }
}

.pQlPrject .primebox1 {
    background: #dddddd29;
    border-radius: 20px;
    padding: 19px 25px 30px 22px
}

.pQlPrject .primebox1 h2 {
    color: #111;
    font-size: 22px;
    font-weight: 500
}

@media (max-width:576px) {
    .pQlPrject .primebox1 h2 {
        font-size: 16px
    }
}

.pQlPrject .primebox1 h5 {
    color: #111;
    font-size: 14px;
    font-weight: 500
}

.pQlPrject .primebox1 h5.text-green {
    color: #5ed193
}

.pQlPrject .primebox1 h6 {
    color: #5f6b8c;
    font-size: 14px;
    font-weight: 400
}

.pQlPrject .primebox1 .tradenowbtn {
    background: #1140ff;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    min-height: 40px;
    min-width: 155px
}

.pQlPrject .primebox1 .tradenowbtn:hover {
    background: #0000;
    border: 1px solid #1140ff;
    color: #1140ff;
    transition: all .5s ease
}

@media (max-width:991px) {
    .lpLogo {
        margin-bottom: 15px
    }
}

.dark_theme .kpln {
    background: #0c0c10
}

.dark_theme .kpln .ft26 {
    color: #fff
}

.dark_theme .kpln .primebox {
    background: #21212e
}

.dark_theme .kpln .primebox .completebtn {
    background: #11e87454;
    color: #38a56a
}

.dark_theme .kpln .primebox .completebtn:hover {
    border: 1px solid #38a56a
}

.dark_theme .kpln .primebox .primebtn {
    background: #1140ff57;
    color: #1140ff
}

.dark_theme .kpln .primebox .primebtn:hover {
    border: 1px solid #1140ff
}

.dark_theme .kpln .primebox p {
    color: #707a8a
}

.dark_theme .kpln .primebox .horizonline {
    border-top: 1px solid #707a8a
}

.dark_theme .kpln .primebox h6 {
    color: #707a8a
}

.dark_theme .kpln .primebox h4 {
    color: #5ed193
}

.dark_theme .kpln .primebox h4.txt-black {
    color: #fff
}

.dark_theme .kpln .primebox .timersec span,
.dark_theme .kpln .primebox a.viewdetail {
    color: #1140ff
}

.dark_theme .kpln .primebox .launchtimer:after {
    border: 1px solid #707a8a
}

.dark_theme .kpln .primebox .launchtimer h3 {
    color: #5f6b8c
}

.dark_theme .kpln .primebox .launchtimer .daybox {
    background: #1140ff33;
    color: #fff
}

.dark_theme .kpln .primebox .launchtimer .periods,
.dark_theme .kpln h2 {
    color: #fff
}

.dark_theme .kpln .evntbx {
    background: #21212e
}

.dark_theme .kpln .evntbx h6 {
    color: #707a8a
}

.dark_theme .kpln .evntbx h5 {
    color: #fff
}

.dark_theme .kpln .subcap {
    background: #21212e;
    min-height: 100%
}

.dark_theme .kpln .subcap h3,
.dark_theme .kpln .subcap h4 {
    color: #fff
}

.dark_theme .kpln .subcap h6 {
    color: #707a8a
}

.dark_theme .kpln .subcap h5 {
    color: #fff
}

.dark_theme .kpln .subcap p {
    color: #707a8a
}

.dark_theme .kpln .subcap .partquota {
    position: relative
}

.dark_theme .kpln .subcap .partquota:after {
    border: 1px solid #707a8a
}

.dark_theme .kptab .tabsec ul li.active a {
    color: #1140ff
}

.dark_theme .kptab .tabsec ul li a {
    color: #fff
}

.dark_theme .kptab .tabsec ul li a.active,
.dark_theme .kptab .tabsec ul li a:active {
    color: #1140ff
}

.dark_theme .kptab .tbrowsec h5 {
    color: #fff
}

.dark_theme .kptab .tbrowsec h5.text-green {
    color: #5ed193
}

.dark_theme .kptab .tbrowsec h6 {
    color: #707a8a
}

.dark_theme .kptab .tbrowsec .secndbX:after,
.dark_theme .kptab .tbrowsec .secndbX:before {
    border: 1px solid #707a8a
}

.dark_theme .kptab hr.horizonline {
    border-color: #707a8a
}

.dark_theme .pQlPrject h3 {
    color: #fff
}

.dark_theme .pQlPrject .primebox1 {
    background: #dddddd29
}

.dark_theme .pQlPrject .primebox1 h2,
.dark_theme .pQlPrject .primebox1 h5 {
    color: #fff
}

.dark_theme .pQlPrject .primebox1 h5.text-green {
    color: #5ed193
}

.dark_theme .pQlPrject .primebox1 h6 {
    color: #707a8a
}

.dark_theme .pQlPrject .primebox1 .tradenowbtn {
    background: #1140ff;
    color: #fff
}

.dark_theme .pQlPrject .primebox1 .tradenowbtn:hover {
    border: 1px solid #1140ff
}

.launchPadLogo {
    border-radius: 37px;
    height: 142px;
    width: 175px
}

#circle {
    background: #000;
    border-radius: 50%;
    height: 100px;
    width: 100px
}

.ivu-modal-body .invest-content-box h1 {
    align-items: center;
    color: #14171e;
    display: flex;
    font-family: B;
    font-size: 20px;
    font-weight: 500;
    justify-content: space-between;
    line-height: 28px;
    margin-bottom: 22px;
    padding: 0 30px
}

.dark_theme .ivu-modal-body .invest-content-box .line {
    background: #0c0c10;
    height: 1px;
    width: 100%
}

.ivu-modal-body .invest-content-box .line {
    background: #b7bfc4;
    height: 1px;
    width: 100%
}

.ivu-modal-body .invest-content-box .inner-content {
    padding: 7px 30px 0
}

.dark_theme .ivu-modal-body .invest-content-box .inner-content>span {
    color: #f9f7f7;
    font-family: B;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px
}

.ivu-modal-body .invest-content-box .inner-content>span {
    color: #262525;
    font-family: B;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px
}

.ivu-modal-body .invest-content-box .inner-content .inner-input {
    background: #e6e6eb
}

.dark_theme .ivu-modal-body .invest-content-box .inner-content .inner-input,
.ivu-modal-body .invest-content-box .inner-content .inner-input {
    align-items: center;
    border: 1px solid #a7b1bb80;
    border-radius: 4px;
    display: flex;
    height: 50px;
    margin: 10px 0 20px;
    padding: 0 20px;
    position: relative
}

.dark_theme .ivu-modal-body .invest-content-box .inner-content .inner-input {
    background: #0c0c10
}

.ivu-modal-body .invest-content-box .inner-content .info {
    color: #222120;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.dark_theme .ivu-modal-body .invest-content-box .inner-content .info {
    color: #fdfbf9;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.ivu-modal-body .invest-content-box .inner-content .inner-input .divide {
    background: #a7b1bb80;
    height: 26px;
    margin: 0 40px;
    width: 1px
}

.ivu-modal-body .invest-content-box .inner-content .inner-input span {
    color: #3e96ff;
    font-family: B;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    margin: auto
}

.ivu-modal-body .invest-content-box .inner-content .info img {
    cursor: pointer;
    height: 17px;
    margin-left: 9px;
    width: 17px
}

.ivu-modal-footer {
    padding-bottom: 20px
}

.ivu-modal-footer .dialog-footer {
    display: flex;
    justify-content: center
}

.ivu-modal-body .invest-content-box h1 img {
    cursor: pointer;
    height: 11px;
    width: 11px
}

.form-controlnumber {
    color: #534f4f;
    width: 100%
}

.dark_theme .form-controlnumber {
    color: #d7d4d4;
    width: 100%
}

.pane-legend-item-value .pane-legend-line .pane-legend-item-value__main {
    font-size: 10px
}

.live_description {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.onchart-tv-logo {
    display: none
}

@media (max-width:1200px) {
    .search_animation1 {
        position: relative;
        right: 40px
    }

    .search_animation1 .search-wrapper .input-holder {
        background: #0000;
        border-radius: 50%;
        height: 25px;
        overflow: hidden;
        position: relative;
        transition: all .3s ease-in-out;
        width: 25px
    }

    .search_animation1 .search-wrapper.active .input-holder {
        background: #0000;
        border-radius: 50px;
        height: 25px;
        position: relative;
        transition: all .5s cubic-bezier(0, .105, .035, 1.57);
        width: 200px
    }

    .search_animation1 .search-wrapper .input-holder .search-input {
        background: #dfeddb;
        border: none;
        border-radius: 13px;
        bottom: 0;
        box-sizing: border-box;
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        height: 25px;
        opacity: 0;
        outline: none;
        padding: 0 70px 0 20px;
        position: absolute;
        right: 0;
        top: -9px;
        transform: translateY(10px);
        transition: all .3s cubic-bezier(0, .105, .035, 1.57);
        transition-delay: .3s;
        width: 0
    }

    .search_animation1 .search-wrapper.active .input-holder .search-input {
        opacity: 1;
        transform: translateY(10px);
        width: 100%
    }

    .search_animation1 .search-wrapper .input-holder .search-icon {
        background: #ebebeb;
        border: none;
        border-radius: 50%;
        cursor: pointer;
        float: right;
        line-height: 1;
        outline: none;
        padding: 0;
        position: relative;
        transition: all .3s ease-in-out;
        z-index: 2
    }

    .search_animation1 .search-wrapper .input-holder .search-icon,
    .search_animation1 .search-wrapper.active .input-holder .search-icon {
        border-radius: 30px;
        max-height: 21px;
        max-width: 21px;
        min-height: 21px;
        min-width: 21px;
        top: 2px
    }

    .search_animation1 .search-wrapper .input-holder .search-icon span {
        display: inline-block;
        max-height: 20px;
        max-width: 20px;
        min-height: 20px;
        min-width: 20px;
        position: relative;
        transform: rotate(45deg);
        transition: all .4s cubic-bezier(.65, -.6, .24, 1.65);
        vertical-align: middle
    }

    .search_animation1 .search-wrapper.active .input-holder .search-icon span {
        transform: rotate(-45deg)
    }

    .search_animation1 .search-wrapper .input-holder .search-icon span:after,
    .search_animation1 .search-wrapper .input-holder .search-icon span:before {
        content: "";
        position: absolute
    }

    .search_animation1 .search-wrapper .input-holder .search-icon span:before {
        background: #0f0cc7;
        border-radius: 2px;
        height: 6px;
        left: 9px;
        top: 13px;
        width: 3px
    }

    .search_animation1 .search-wrapper .input-holder .search-icon span:after {
        border: 2px solid #0f0cc7;
        border-radius: 16px;
        height: 10px;
        left: 5px;
        top: 3px;
        width: 10px
    }

    .search_animation1 .search-wrapper .close {
        cursor: pointer;
        height: 25px;
        position: absolute;
        right: 0;
        top: 1px;
        transform: rotate(-180deg);
        transition: all .3s cubic-bezier(.285, -.45, .935, .11);
        transition-delay: .2s;
        width: 25px;
        z-index: 1
    }

    .search_animation1 .search-wrapper.active .close {
        right: -20px;
        top: 4px;
        transform: rotate(45deg);
        transition: all .6s cubic-bezier(0, .105, .035, 1.57);
        transition-delay: .5s
    }

    .search_animation1 .search-wrapper .close:after,
    .search_animation1 .search-wrapper .close:before {
        background: #ef2c2c;
        border-radius: 2px;
        content: "";
        position: absolute
    }

    .search_animation1 .search-wrapper .close:before {
        height: 14px;
        left: 10px;
        top: 2px;
        width: 2px
    }

    .search_animation1 .search-wrapper .close:after {
        height: 2px;
        left: 4px;
        top: 8px;
        width: 14px
    }
}

@media (min-width:366px) {
    .search_animation1 {
        position: relative;
        right: 35px;
        top: 0
    }

    .search_animation1 .search-wrapper .input-holder {
        background: #0000;
        border-radius: 50%;
        height: 25px;
        overflow: hidden;
        position: relative;
        transition: all .3s ease-in-out;
        width: 25px
    }

    .search_animation1 .search-wrapper.active .input-holder {
        background: #0000;
        border-radius: 50px;
        height: 25px;
        position: relative;
        transition: all .5s cubic-bezier(0, .105, .035, 1.57);
        width: 200px
    }

    .search_animation1 .search-wrapper .input-holder .search-input {
        background: #dfeddb;
        border: none;
        border-radius: 13px;
        bottom: 0;
        box-sizing: border-box;
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        height: 25px;
        opacity: 0;
        outline: none;
        padding: 0 70px 0 20px;
        position: absolute;
        right: 0;
        top: -9px;
        transform: translateY(10px);
        transition: all .3s cubic-bezier(0, .105, .035, 1.57);
        transition-delay: .3s;
        width: 0
    }

    .search_animation1 .search-wrapper.active .input-holder .search-input {
        opacity: 1;
        transform: translateY(10px);
        width: 100%
    }

    .search_animation1 .search-wrapper .input-holder .search-icon {
        background: #fff;
        border: none;
        border-radius: 50%;
        cursor: pointer;
        float: right;
        line-height: 1;
        outline: none;
        padding: 0;
        position: relative;
        transition: all .3s ease-in-out;
        z-index: 2
    }

    .search_animation1 .search-wrapper .input-holder .search-icon,
    .search_animation1 .search-wrapper.active .input-holder .search-icon {
        border-radius: 30px;
        max-height: 21px;
        max-width: 21px;
        min-height: 21px;
        min-width: 21px;
        top: 2px
    }

    .search_animation1 .search-wrapper .input-holder .search-icon span {
        display: inline-block;
        max-height: 20px;
        max-width: 20px;
        min-height: 20px;
        min-width: 20px;
        position: relative;
        transform: rotate(45deg);
        transition: all .4s cubic-bezier(.65, -.6, .24, 1.65);
        vertical-align: middle
    }

    .search_animation1 .search-wrapper.active .input-holder .search-icon span {
        transform: rotate(-45deg)
    }

    .search_animation1 .search-wrapper .input-holder .search-icon span:after,
    .search_animation1 .search-wrapper .input-holder .search-icon span:before {
        content: "";
        position: absolute
    }

    .search_animation1 .search-wrapper .input-holder .search-icon span:before {
        background: #0f0cc7;
        border-radius: 2px;
        height: 6px;
        left: 9px;
        top: 13px;
        width: 3px
    }

    .search_animation1 .search-wrapper .input-holder .search-icon span:after {
        border: 2px solid #0f0cc7;
        border-radius: 16px;
        height: 10px;
        left: 5px;
        top: 3px;
        width: 10px
    }

    .search_animation1 .search-wrapper .close {
        cursor: pointer;
        height: 25px;
        position: absolute;
        right: 0;
        top: 1px;
        transform: rotate(-180deg);
        transition: all .3s cubic-bezier(.285, -.45, .935, .11);
        transition-delay: .2s;
        width: 25px;
        z-index: 1
    }

    .search_animation1 .search-wrapper.active .close {
        right: -20px;
        top: 4px;
        transform: rotate(45deg);
        transition: all .6s cubic-bezier(0, .105, .035, 1.57);
        transition-delay: .5s
    }

    .search_animation1 .search-wrapper .close:after,
    .search_animation1 .search-wrapper .close:before {
        background: #ef2c2c;
        border-radius: 2px;
        content: "";
        position: absolute
    }

    .search_animation1 .search-wrapper .close:before {
        height: 14px;
        left: 10px;
        top: 2px;
        width: 2px
    }

    .search_animation1 .search-wrapper .close:after {
        height: 2px;
        left: 4px;
        top: 8px;
        width: 14px
    }
}

.kp_hd_inner,
.kp_sec_4 .kp_martrehd h2,
.kp_sec_5 .kpinhd h2,
.kp_sec_6 .kpinhd h2,
.kp_sec_7 .kpinhd h2,
.kp_sec_8 .kpinhd h2 {
    font-family: Poppins
}

.kp_hdmenufrp button[aria-expanded=true] {
    filter: brightness(1)
}

.kp_hdmenufrp .dropdown-menu {
    width: 700px
}

.kp_hdmenufrp .dropdown-menu .vric1 .vric1in1 {
    height: 32px;
    margin-right: 5px;
    width: 32px
}

.kp_hdmenufrp .dropdown-menu .vric1 h1 {
    font-weight: 700;
    margin-bottom: 5px
}

.kp_hdmenufrp .dropdown-menu .vric1 p {
    color: #999;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0
}

@media (max-width:991px) {
    .kp_hdmenufrp .dropdown-menu {
        width: 100%
    }

    .connect-wallet-btn-nav-1 {
        margin-bottom: 5px;
        padding: 10px 20px !important
    }
}

.nd_crd_lo p {
    color: #5d5c5c
}

.nd_submenu a {
    color: #888 !important
}

.nd_submenu a.active {
    color: #000 !important
}

.topHeadingFunction {
    color: #fff !important
}

.jsonView {
    color: #5d5c5c !important
}

.hwbtn {
    background-color: initial;
    border: 2px solid #fd3636 !important
}

.hwbtn,
.hwbtn:hover {
    color: #000;
    transition: .5s ease-in-out
}

.hwbtn:hover {
    transform: scale(.9)
}

.imglig {
    display: initial
}

.imgdrk {
    display: none
}

.dark_theme .apicard.nd_crd_lo {
    background: #1a1717 !important
}

.dark_theme .apicard.nd_crd_lo p {
    cursor: pointer
}

.dark_theme .apicard.nd_crd_lo .topHeadingFunction {
    background: #1140ff
}

.dark_theme .nd_crd_lo menu p,
.dark_theme .nd_crd_lo p {
    color: #999
}

.dark_theme .nd_submenu a {
    color: #a29898 !important
}

.dark_theme .nd_submenu a.active,
.dark_theme .topHeadingFunction {
    color: #fff !important
}

.dark_theme .jsonView {
    color: #999 !important
}

.dark_theme .hwbtn,
.dark_theme .hwbtn:hover {
    color: #fff
}

.dark_theme .imglig {
    display: none
}

.dark_theme .imgdrk {
    display: initial
}

.kptoglecs .slider {
    height: 28px;
    top: 0;
    width: 57px
}

.kptoglecs .slider:before {
    bottom: 5px;
    content: url(kpmn.23c823d2c98a24ab51f1.webp);
    height: 18px;
    left: 4px;
    width: 18px
}

.kptoglecs input:checked+.slider:before {
    content: url(kpsn.c20996bf5144abdb4e78.webp)
}

.dark_theme .form-control:disabled,
.form-control[readonly] {
    background-color: #21212e;
    opacity: 1
}

.react-datepicker__navigation-icon {
    font-size: 0 !important
}

.MuiTablePagination-root {
    color: #000000de
}

.dark_theme .MuiTablePagination-root {
    color: #fff
}

.table-container {
    height: 300px;
    overflow-y: scroll;
    width: 100%
}

.table-container table {
    table-layout: fixed;
    width: 100%
}

.table-container thead th {
    background-color: #f8f8f8;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1
}

.table-container tbody {
    display: block;
    height: calc(100% - 30px);
    overflow-y: scroll
}

.table-container tbody::-webkit-scrollbar {
    width: 4px
}

.table-container tbody::-webkit-scrollbar-thumb {
    background-color: #0003;
    border-radius: 5px
}

.table-container tbody::-webkit-scrollbar-track {
    background-color: initial
}

.swal2-container.swal2-center>.swal2-popup {
    background: #fff8f8;
    color: #2f3030;
    max-width: 300px;
    padding: 10px
}

.dark_theme .swal2-container.swal2-center>.swal2-popup {
    background: #1e1e1e;
    color: #f0f8ff;
    max-width: 300px;
    padding: 10px
}

.swal2-styled.swal2-confirm {
    background: initial;
    border: 0;
    border-radius: .25em;
    color: #fff;
    font-size: 1em;
    padding: 15px
}

.corporate-p {
    color: #525252cc !important
}

.dark_theme .input-login-1 textarea {
    background-color: #21212e;
    border: 1px solid #454545;
    color: #ccc
}

.input-login-1 textarea {
    border: 1px solid #e0e2ee;
    border-radius: 6px;
    color: #5c5a5a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    resize: none
}

.status-wrapper {
    display: flex;
    justify-content: center
}

.fade-in-image {
    animation: fadeIn 5s
}

.daybox-stake {
    background: #1140ff33;
    border-radius: 10px;
    color: #1140ff;
    font-size: 14px;
    font-weight: 500;
    padding: 10px
}

.periods-stake {
    color: #000;
    font-size: 11px;
    font-weight: 400
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
    padding: 0
}

.tag-warn {
    background-color: #ffc107;
    border-left: 1px solid #ffc107;
    border-radius: 3px 4px 4px 3px;
    color: #000;
    display: inline-block;
    font-weight: 300;
    font-weight: 600;
    line-height: 38px;
    margin-left: 19px;
    padding: 0 5px;
    position: relative;
    width: auto
}

.tag-warn:before {
    border-bottom: 19px solid #0000;
    border-right: 19px solid #ffc107;
    border-top: 19px solid #0000;
    height: 0;
    left: -19px;
    width: 0
}

.tag-warn:after,
.tag-warn:before {
    content: "";
    display: block;
    position: absolute
}

.tag-warn:after {
    background-color: #fff;
    border-radius: 50%;
    height: 4px;
    left: -9px;
    top: 17px;
    width: 4px
}

.tag-success {
    background-color: #28a745;
    border-left: 1px solid #28a745;
    border-radius: 3px 4px 4px 3px;
    color: #000;
    display: inline-block;
    font-weight: 300;
    font-weight: 600;
    line-height: 38px;
    margin-left: 19px;
    padding: 0 5px;
    position: relative;
    width: auto
}

.tag-success:before {
    border-bottom: 19px solid #0000;
    border-right: 19px solid #28a745;
    border-top: 19px solid #0000;
    height: 0;
    left: -19px;
    width: 0
}

.tag-success:after,
.tag-success:before {
    content: "";
    display: block;
    position: absolute
}

.tag-success:after {
    background-color: #fff;
    border-radius: 50%;
    height: 4px;
    left: -9px;
    top: 17px;
    width: 4px
}

.tag-info {
    background-color: #17a2b8;
    border-left: 1px solid #17a2b8;
    border-radius: 3px 4px 4px 3px;
    color: #000;
    display: inline-block;
    font-weight: 300;
    font-weight: 600;
    line-height: 38px;
    margin-left: 19px;
    padding: 0 5px;
    position: relative;
    width: auto
}

.tag-info:before {
    border-bottom: 19px solid #0000;
    border-right: 19px solid #17a2b8;
    border-top: 19px solid #0000;
    height: 0;
    left: -19px;
    width: 0
}

.tag-info:after,
.tag-info:before {
    content: "";
    display: block;
    position: absolute
}

.tag-info:after {
    background-color: #fff;
    border-radius: 50%;
    height: 4px;
    left: -9px;
    top: 17px;
    width: 4px
}

.bold {
    font-weight: 500
}

.checkbox-button.shake {
    animation: shake .5s
}

.task_center_sec1 {
    margin-bottom: 20px
}

.tsk_hd {
    background: #f9fcff;
    background-image: url(bg1.b0462c2ef39354791a2d.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 0
}

.tsk_hd h2 {
    color: #2a2a2a;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 0
}

.tsk_hd h2 span {
    color: #1140ff
}

.tsk_hd h1 {
    color: #2a2a2a;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 0
}

.tsk_hd h1 span {
    color: #1140ff
}

.kpmt_task_hd li:first-child a {
    align-items: center;
    display: flex;
    height: 38px;
    justify-content: center;
    width: 79.88px
}

.kpmt_task_hd a {
    align-items: center;
    border: .840807px dashed #525252;
    border-radius: 42.0403px;
    color: #2a2a2a;
    display: flex;
    font-size: 14.4529px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 5px;
    margin-right: 10px;
    margin-top: 5px;
    min-height: 37px;
    padding: 4px 9px 4px 4px
}

.kpmt_task_hd a img {
    margin-right: 5px
}

.kpmt_task_hd a.active,
.kpmt_task_hd a:hover {
    border: .840807px dashed #06f;
    cursor: pointer
}

.kpmt_task_hd a.allachi {
    align-items: center;
    display: flex;
    height: 38px;
    justify-content: center;
    width: 79.88px
}

.kpmt_task_hd .inscldrp button {
    background-color: initial;
    border: .840807px dashed #525252;
    border-radius: 42.0403px;
    color: #2a2a2a;
    font-size: 12.4529px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 5px;
    margin-right: 10px;
    margin-top: 5px;
    padding: 4px 9px 4px 4px
}

.kpmt_task_hd .inscldrp button:focus,
.kpmt_task_hd .inscldrp button:hover {
    border: .840807px dashed #06f
}

.kpmt_task_hd .inscldrp button:after {
    display: none
}

.kpmt_task_hd .inscldrp .dropdown-menu {
    background-color: initial;
    border: none
}

.kpmt_task_hd .inscldrp .dropdown-menu a {
    background-color: #fff
}

.umki_drp button {
    background: #f4f5fa;
    color: #2a2a2a;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    min-height: 48px;
    min-width: 130px;
    text-align: center
}

.umki_drp button:after {
    display: none
}

.stsbn {
    position: relative
}

.stsbn .kij_ps {
    position: absolute;
    right: 0;
    top: 0
}

.time_bg {
    background-image: url(timeBg.9d20892a14e31ae358f0.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.tim_min {
    align-items: center;
    border-radius: 5px;
    color: #1140ff;
    display: flex;
    font-size: 8px;
    font-style: normal;
    font-weight: 400;
    height: 30px;
    margin: 5px;
    padding-top: 4px;
    text-align: center;
    width: 40px
}

.tim_min span {
    color: #fdfdfd;
    display: block;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 8px
}

@media (max-width:991px) {
    .stsbn {
        position: relative;
        text-align: center
    }

    .stsbn .kij_ps {
        bottom: unset;
        justify-content: center;
        position: relative;
        right: unset
    }

    .stsbn .kij_ps,
    .task_center_sec1 {
        margin-top: 10px
    }
}

.dark_theme .alprotntl1 {
    border-bottom: 1px solid #0c0c10 !important
}

.alprotntl {
    border-bottom: 1px solid #eaf0f5
}

.alprotntl h2 {
    color: #2a2a2a;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 14px
}

.alprotntl p {
    color: #848484;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 15px
}

.tpskp {
    align-items: center;
    display: flex;
    margin: 15px 0
}

.tpskp h2 {
    color: #848484;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 3px
}

.tpskp h3 {
    color: #2a2a2a;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 0
}

.tpskp h3.bls {
    color: #cfd9ff
}

.bxwnp {
    background: #fff;
    border: 1px solid #eaf0f5
}

.bxwnp,
.bxwnp1 {
    border-radius: 12px;
    padding: 20px
}

.bxwnp1 {
    background: #f4f5fa
}

.bxwnp1 h2 {
    color: #2a2a2a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.bxwnp1 h3 {
    color: #1140ff;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 0
}

.bxwnp1 .progress {
    background: #dee2f5;
    border-radius: 20px;
    height: 6px;
    margin-bottom: 9px
}

.bxwnp1 .progress .progress-bar {
    background: #1140ff;
    border-radius: 20px
}

.bxwnp1 h1 {
    font-size: 14px;
    font-weight: 400
}

.bxwnp1 h1,
.bxwnp1 h4 {
    color: #2a2a2a;
    font-style: normal
}

.bxwnp1 h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0
}

.stacdji {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 10px 0
}

.stacdji h2 {
    color: #848484;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-top: .5rem
}

.stacdji h2 span {
    color: #2a2a2a;
    font-size: 15px;
    font-style: normal;
    font-weight: 500
}

.lineok {
    border-bottom: 1px solid #eaf0f5;
    margin: 18px 0
}

.endthi {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 10px 0
}

.endthi h2 {
    color: #2a2a2a;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 0
}

.endthi .tim_min {
    align-items: center;
    border-radius: 5px;
    color: #1140ff;
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    margin: 5px;
    padding-top: 4px;
    text-align: center;
    width: 28px
}

.endthi .tim_min span {
    color: #1a16da;
    display: block;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px
}

.mklip {
    padding-top: 10px
}

.mklip button {
    background: #1140ff
}

.mklip .txt_grn,
.mklip button {
    align-items: center;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    justify-content: center;
    min-height: 46px;
    width: 100%
}

.mklip .txt_grn {
    background: green
}

.mklip .txt_dng {
    align-items: center;
    background: #f73838;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    justify-content: center;
    min-height: 46px;
    width: 100%
}

.modal.tms_rl .modal-dialog {
    height: 100%;
    margin: auto;
    position: fixed;
    right: 0;
    transform: translateZ(0);
    transition: .9s ease-in;
    width: 350px
}

.modal.tms_rl .modal-content {
    height: 100%;
    overflow-y: auto
}

.modal.tms_rl .modal-body {
    padding: 15px
}

.modal.tms_rl.fade .modal-dialog {
    right: -350px
}

.modal.tms_rl.fade.show .modal-dialog {
    right: 0
}

.modal.tms_rl.fade {
    transition: opacity .1s linear
}

.hdski h2 {
    color: #2a2a2a;
    font-size: 20px;
    font-weight: 600;
    margin-top: 14px
}

.hdski h2,
.hdski p {
    font-style: normal;
    margin-bottom: 20px
}

.hdski p {
    color: #848484;
    font-size: 14px;
    font-weight: 400
}

.hdski p ul {
    padding-left: 20px
}

.hdski button {
    align-items: center;
    background: #1140ff;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    justify-content: center;
    min-height: 40px;
    width: 100%
}

.mki_ds {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%
}

@media (max-width:360px) {
    .modal.tms_rl .modal-dialog {
        height: 100%;
        margin: auto;
        position: fixed;
        right: 0;
        transform: translateZ(0);
        transition: .9s ease-in;
        width: 100%
    }

    .modal.tms_rl.fade .modal-dialog {
        right: -100%
    }
}

.bastanhd {
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    box-shadow: 0 6px 14px #f0f0f0;
    display: inline-flex;
    justify-content: space-between;
    padding: 0 5px
}

.bastanhd a {
    background: #0000;
    border: none;
    color: #888889;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    margin: 5px;
    padding: 8px 18px
}

.bastanhd a.active,
.bastanhd a:hover {
    background: linear-gradient(180deg, #06f, #00d1ff);
    color: #fff;
    cursor: pointer
}

.elitcrit {
    background: #fff;
    border: 1px solid #eaf0f5;
    border-radius: 12px;
    padding: 20px
}

.elitcrit h1 {
    color: #2a2a2a;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 15px
}

.elitcritin1,
.elitcritin12 {
    background: #f4f5fa;
    border-radius: 12px;
    margin-bottom: 20px;
    padding: 20px
}

.elitcritin1:hover h2 {
    color: #1140ff
}

.elitcritin1 h2 {
    font-size: 18px;
    font-weight: 500
}

.elitcritin1 h2,
.elitcritin1 p {
    color: #2a2a2a;
    font-style: normal
}

.elitcritin1 p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    max-width: 396px
}

.elitcritin1 .radio-button-container {
    color: #000000bf;
    cursor: pointer;
    display: block;
    font-size: 18px;
    position: relative;
    -webkit-user-select: none;
    user-select: none
}

.elitcritin1 .radio-button-container input {
    cursor: pointer;
    height: 21px;
    opacity: 0;
    position: relative;
    width: 21px
}

.elitcritin1 .checkmark {
    background-color: #0000;
    border: 2px solid #00000040;
    border-radius: 50%;
    display: block;
    height: 21px;
    left: 0;
    position: absolute;
    top: 0;
    transition: all .3s;
    width: 21px
}

.elitcritin1 .radio-button-container:hover input~.checkmark {
    border-color: #00000080
}

.elitcritin1 .radio-button-container input:checked~.checkmark {
    background-color: #0000;
    border-color: #096bff
}

.elitcritin1 .checkmark:after {
    content: "";
    display: none;
    position: absolute
}

.elitcritin1 .radio-button-container input:checked~.checkmark:after {
    display: block
}

.elitcritin1 .radio-button-container .checkmark:after {
    background: #096bff;
    border-radius: 50%;
    height: 13px;
    left: 2px;
    top: 2px;
    width: 13px
}

.nd_tscen textarea {
    border: .8px solid #c9cacd;
    border-radius: 12px;
    color: #2a2a2a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 15px;
    resize: none
}

.nd_tscen textarea:focus {
    border: .8px solid #c9cacd;
    box-shadow: none;
    color: #2a2a2a;
    outline: none
}

.kyc_ki h2,
.nd_tscen textarea::placeholder {
    color: #848484
}

.kyc_ki h2 {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0
}

.kyc_ki button {
    align-items: center;
    background: #1140ff;
    border-radius: 3px;
    box-shadow: inset 0 0 68px #ffffff0d, inset 0 4px 4px #ffffff26;
    color: #fff;
    display: flex;
    font-size: 16px;
    height: 46px;
    justify-content: center;
    width: 100%
}

.chtrms h2,
.kyc_ki button {
    font-style: normal;
    font-weight: 600
}

.chtrms h2 {
    color: #2a2a2a;
    font-size: 24px
}

.chtrms_box {
    background: #fff;
    border: 1px solid #eaf0f5;
    border-radius: 12px;
    height: 464px
}

.chtrms_are {
    background: #f4f5fa;
    border-radius: 0 0 20px 20px;
    padding: 20px
}

.chtrms_are .input-group {
    background: #fff;
    border-radius: 50px
}

.chtrms_are input {
    background-color: initial;
    border: none;
    color: #7e8299;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    height: 53px
}

.chtrms_are input::placeholder {
    color: #7e8299
}

.chtrms_are input:focus {
    background-color: initial;
    border: none;
    box-shadow: none;
    color: #7e8299;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    height: 53px
}

.chtrms_are .input-group-text {
    background-color: initial;
    border: none;
    cursor: pointer
}

.chat-msg {
    height: calc(100% - 94px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px 20px;
    scrollbar-color: #008aff #bbb;
    scrollbar-width: thin
}

.chat-msg .days {
    margin-bottom: 25px;
    text-align: center
}

.chat-msg .days label {
    background: #f4f5fa;
    border-radius: 30px;
    color: #696971;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    padding: 2px 16px
}

.chat-msg .sent_msg .prf1 {
    align-items: center;
    background: #fff;
    border: 1px solid #ecf1f7;
    border-radius: 50%;
    display: flex;
    height: 42px;
    justify-content: center;
    margin-bottom: 5px;
    width: 42px
}

.chat-msg .sent_msg .prf1 img {
    border-radius: 50%;
    height: 36px;
    object-fit: cover;
    width: 36px
}

.chat-msg .sent_msg .lsen h1 {
    color: #969aa0;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .02em;
    text-align: right
}

.chat-msg .sent_msg .cnd {
    background: #06f;
    border-radius: 33.2598px 33.2598px 4.15748px 33.2598px;
    color: #fff;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 4px;
    padding: 8px;
    word-break: break-all
}

.chat-msg .sent_msg .naan h2 {
    color: #848484;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.chat-msg .res_msg .prf1 {
    align-items: center;
    background: #fff;
    border: 1px solid #ecf1f7;
    border-radius: 50%;
    display: flex;
    height: 42px;
    justify-content: center;
    margin-bottom: 5px;
    width: 42px
}

.chat-msg .res_msg .prf1 img {
    border-radius: 50%;
    height: 36px;
    object-fit: cover;
    width: 36px
}

.chat-msg .res_msg .naan h2 {
    color: #848484;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.chat-msg .res_msg .cnd {
    background: #eff1fb;
    border-radius: 33.2598px 33.2598px 33.2598px 4.15748px;
    color: #222;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 4px;
    padding: 8px
}

.chat-msg .res_msg .lsen h1 {
    color: #969aa0;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .02em;
    text-align: left
}

.chat-msg::-webkit-scrollbar {
    height: 10px;
    width: 4px
}

.chat-msg::-webkit-scrollbar-track {
    background-color: #eff1fb
}

.chat-msg::-webkit-scrollbar-thumb {
    background-color: #ccc
}

.chat-msg::-webkit-scrollbar-thumb,
.chat-msg::-webkit-scrollbar-track {
    border-radius: 0
}

.vrd-rew {
    align-items: center;
    background: #2a2a2a;
    border-radius: 29.4335px 29.4335px 3.67919px 29.4335px;
    display: inline-flex;
    margin-bottom: 10px;
    min-width: 290px;
    padding: 0 10px
}

.vrd-rew h2 {
    color: #fdd80d;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 0
}

.vrd-rew h2.red {
    color: #ff5728
}

.vrd-rew h2.grn {
    color: #23b13c
}

.vrd-rew h2.rgn {
    color: #ff6a50
}

.i_ki1 img {
    height: 38px;
    mix-blend-mode: lighten;
    object-fit: cover;
    width: 63px
}

.i_ki2 img {
    height: 50px;
    width: 50px
}

.vrd-rew_tl {
    display: flex;
    justify-content: end
}

.box_smt {
    background: #fff;
    border: 1px solid #eaf0f5;
    border-radius: 12px;
    padding: 20px
}

.box_smt h1 {
    color: #2a2a2a;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 14px
}

.in_ctl .input-group {
    border: .8px solid #c9cacd;
    border-radius: 6px
}

.in_ctl input {
    color: #302f2f;
    min-height: 50px
}

.in_ctl input,
.in_ctl input:focus {
    background-color: initial;
    border: none;
    font-size: 13px;
    font-style: normal;
    font-weight: 400
}

.in_ctl input:focus {
    box-shadow: none;
    color: #848484
}

.in_ctl .input-group-text {
    background-color: initial;
    border: none;
    cursor: pointer
}

.in_ctl textarea {
    color: #302f2f;
    resize: none
}

.in_ctl textarea,
.in_ctl textarea:focus {
    background-color: initial;
    border: none;
    font-size: 13px;
    font-style: normal;
    font-weight: 400
}

.in_ctl textarea:focus {
    box-shadow: none;
    color: #848484
}

.in_ctl .nd_ki {
    align-self: start
}

.upload-btn-wrapper {
    overflow: hidden;
    position: relative;
    width: 100%
}

.upload-btn-wrapper .FileBtn {
    background-color: #fff;
    border: 1px dashed #dddee2;
    border-radius: 6px;
    min-height: 108px;
    padding: 17px 20px 0;
    width: 100%
}

.upload-btn-wrapper .FileBtn p {
    color: #898989;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px
}

.upload-btn-wrapper input[type=file] {
    cursor: pointer;
    font-size: 100px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0
}

.upload_imghr {
    border: .8px dashed #dddee2;
    border-radius: 6px;
    min-height: 108px;
    position: relative;
    width: 100%
}

.upload_imghr img {
    min-height: 108px;
    object-fit: cover;
    width: 100%
}

.upload_imghr .tak_upd {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.upload_imghr .tak_upd .variants {
    align-items: center;
    display: flex;
    margin-left: 0 !important;
    margin-top: 0 !important
}

.upload_imghr .tak_upd .variants>div {
    margin-right: 5px
}

.upload_imghr .tak_upd .variants>div:last-of-type {
    margin-right: 0
}

.upload_imghr .tak_upd .file {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.upload_imghr .tak_upd .file>input[type=file] {
    display: none
}

.upload_imghr .tak_upd .file>label {
    align-items: center;
    background: #0569ff;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    justify-content: center;
    margin-bottom: 0;
    min-height: 40px;
    min-width: 120px;
    outline: 0;
    -webkit-user-select: none;
    user-select: none
}

.upload_imghr .setting-pro-2 .file>label:active {
    background-color: initial
}

.jpnki h2 {
    color: #969aa0;
    font-size: 13px;
    font-style: normal;
    font-weight: 400
}

.jpnki h2 span {
    color: #1140ff
}

@media (max-width:767px) {
    .alprotntl h2 {
        font-size: 20px
    }

    .aftdis {
        display: none
    }
}

.dark_theme .in_ctl .input-group {
    border: .8px solid #c9cacd;
    border-radius: 6px
}

.dark_theme .in_ctl input {
    color: #ddcece;
    min-height: 50px
}

.dark_theme .in_ctl input,
.dark_theme .in_ctl input:focus {
    background-color: initial;
    border: none;
    font-size: 13px;
    font-style: normal;
    font-weight: 400
}

.dark_theme .in_ctl input:focus {
    box-shadow: none;
    color: #848484
}

.dark_theme .in_ctl .input-group-text {
    background-color: initial;
    border: none;
    cursor: pointer
}

.dark_theme .in_ctl textarea {
    color: #ddcece;
    resize: none
}

.dark_theme .in_ctl textarea,
.dark_theme .in_ctl textarea:focus {
    background-color: initial;
    border: none;
    font-size: 13px;
    font-style: normal;
    font-weight: 400
}

.dark_theme .in_ctl textarea:focus {
    box-shadow: none;
    color: #848484
}

.dark_theme .in_ctl .nd_ki {
    align-self: start
}

.dark_theme .stkcdpth .kp_martrecd .kpmt_tab_hd li a.active,
.dark_theme .stkcdpth .kp_martrecd .kpmt_tab_hd li a:hover {
    color: #fff
}

.dark_theme .mwb {
    background: #0d0c0f;
    box-shadow: 0 7px 30px #000
}

.dark_theme .mwb .mwb1 h2,
.dark_theme .mwb .mwb3 h2 {
    color: #fff
}

.dark_theme .mwb .mwb1 button {
    background: #000;
    color: #fff
}

.dark_theme .mwb .mwb2 {
    background: #0d0c0f
}

.dark_theme .mwb .mwb2 h2 {
    color: #c1c1c1
}

.dark_theme .mwb .mwb2 h3 {
    color: #fff
}

.dark_theme .mwb .mwb2 h4 {
    color: #717073
}

.dark_theme .rrser1 {
    background: #0d0c0f;
    box-shadow: 0 7px 30px #000
}

.dark_theme .rrser1 .flloc {
    background: #000;
    box-shadow: none
}

.dark_theme .rrser1 .flloc a.active {
    box-shadow: none
}

.dark_theme .flchu .kpst_tbhd tr {
    background: #000
}

.dark_theme .flchu .kpst_tbbdy tr td,
.dark_theme .flchu .kpst_tbbdy tr td h1,
.dark_theme .flchu .kpst_tbhd tr th {
    color: #fff
}

.dark_theme .flchu .kpst_tbbdy tr td span {
    color: #b5b5b5
}

.dark_theme .stacd_ta {
    background: #0d0c0f;
    box-shadow: 0 7px 30px #000
}

.dark_theme .stacd_ta .staars h2 {
    color: #fff
}

.dark_theme .stacd_ta .kpst_tbhd tr {
    background: #000
}

.dark_theme .stacd_ta .kpst_tbhd tr th {
    color: #fff
}

.dark_theme .stacd_ta .staars .input-group input {
    background: #000;
    color: #fff
}

.dark_theme .stacd_ta .staars .input-group .input-group-text {
    background: #000
}

.dark_theme .stacd_ta .staars .input-group .input-group-text svg path {
    stroke: #fff
}

.dark_theme .stacd_ta .kpst_tbbdy tr td,
.dark_theme .stacd_ta .kpst_tbbdy tr td h1 {
    color: #fff
}

.dark_theme .stacd_ta .kpst_tbbdy tr td .kp_btnshd,
.dark_theme .stacd_ta .kpst_tbbdy tr td .kp_btnshdin {
    background: #000;
    color: #fff
}

.dark_theme .modal-dialog-stake .modal-content {
    background: #0c0c10
}

.dark_theme .modal-dialog-stake .modal-header h2 {
    color: #fff
}

.dark_theme .singup-close svg path {
    stroke: #fff
}

.dark_theme .modal-dialog-stake .sumcds h2 {
    color: #fffdfd
}

.dark_theme .modal-dialog-stake .sumcds h3 {
    color: #c3c3c3
}

.dark_theme .modal-dialog-stake .nb_c {
    background: #000
}

.dark_theme .modal-dialog-stake .nb_c .nb_c1 h2,
.dark_theme .modal-dialog-stake .nb_c .nb_c2 h2 {
    color: #fff
}

.dark_theme .modal-dialog-stake .nb_c .kp_btnshd,
.dark_theme .modal-dialog-stake .nb_c .kp_btnshdin {
    background: #0c0c10;
    color: #e2e2e2
}

.dark_theme .modal-dialog-stake .nb_c .nb_c3 h2 {
    color: #e2e2e2
}

.dark_theme .modal-dialog-stake .nb_c .nb_c3 h3 {
    color: #b4b2b2
}

.dark_theme .modal-dialog-stake .nb_c .nb_c3 .input-group .input-group-text,
.dark_theme .modal-dialog-stake .nb_c .nb_c3 .input-group input {
    background: #0c0c10;
    color: #e7e7e7
}

.dark_theme .modal-dialog-stake .nb_c .nb_c4 h2 {
    color: #fff
}

.dark_theme .modal-dialog-stake .nb_c .nb_c4 h2 span {
    color: #c8c8c8
}

.dark_theme .modal-dialog-stake .nb_c .nb_c5 h2 {
    color: #fff
}

.dark_theme .modal-dialog-stake2 .modal-content {
    background-color: #0c0c10
}

.dark_theme .modal-dialog-stake2 .modal-header h2,
.dark_theme .modal-dialog-stake2 .ssuse1 h2 {
    color: #fff
}

.dark_theme .modal-dialog-stake2 .ssuse2 h3 {
    color: #dadada
}

.dark_theme .modal-dialog-stake2 .ssuse2 h4,
.dark_theme .modal-dialog-stake2 .ssuse3 h2 {
    color: #fff
}

.dark_theme .modal-dialog-stake2 .ssuse3 h3 {
    color: #cbcbcb
}

.dark_theme .rmdtr {
    background: #0d0c0f;
    box-shadow: 0 7px 30px #000
}

.dark_theme .rmdtr h1 {
    color: #fff
}

.dark_theme .rmdtr .rmdtrin2 {
    background: #000
}

.dark_theme .rmdtr .rmdtrin2 h2 {
    color: #b3b3b3
}

.dark_theme .rmdtr .rmdtrin2 h3 {
    color: #fff
}

.dark_theme .rmdtr .rmdtrin2 h3 span {
    color: #ffff01
}

.dark_theme .rmdtr .rmdtrin3 h3 {
    color: #fff
}

.dark_theme .rmdtr .rmdtrin3 h4 {
    color: #e0e0e0
}

.dark_theme .stk_bannersec {
    background-image: url(sykbandrk.3a6f240f9a97f07f5db7.webp)
}

.dark_theme .stk_bannersec .stk_bannersec_cd .stk_bannersec_cd1 h2 span,
.dark_theme .stk_bannersec .stk_bannersec_cd .stk_bannersec_cd1 h3 {
    color: #fff
}

.dark_theme .stk_bannersec .stk_bannersec_cd .stk_bannersec_cd2 {
    background: linear-gradient(180deg, #00c2ff, #0066ff73)
}

.dark_theme .stk_bannersec .stk_bannersec_cd .stk_bannersec_cd2 h2,
.dark_theme .stk_bannersec .stk_bannersec_cd .stk_bannersec_cd2 h3 {
    color: #fff
}

.dark_theme .stk_bannersec_cd2 svg path {
    stroke: #fff
}

.dark_theme .periods-stake {
    color: #9d9999
}

.dark_theme .kpmt_task_hd a {
    align-items: center;
    border: .840807px dashed #525252;
    border-radius: 42.0403px;
    color: #fff1f1;
    display: flex;
    font-size: 14.4529px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 5px;
    margin-right: 10px;
    margin-top: 5px;
    min-height: 37px;
    padding: 4px 9px 4px 4px
}

.dark_theme .kpmt_task_hd a img {
    margin-right: 5px
}

.dark_theme .kpmt_task_hd a.active,
.dark_theme .kpmt_task_hd a:hover {
    border: .840807px dashed #06f;
    cursor: pointer
}

.dark_theme .kpmt_task_hd a.allachi {
    align-items: center;
    display: flex;
    height: 38px;
    justify-content: center;
    width: 79.88px
}

.dark_theme .allachi svg path {
    stroke: #fff
}

.dark_theme .kpmt_task_hd .inscldrp button {
    color: #fff
}

.dark_theme .arrcls svg path {
    stroke: #fff
}

.dark_theme .kpmt_task_hd .inscldrp .dropdown-menu a {
    background-color: #020103
}

.dark_theme .inscldrp .dropdown-menu {
    background-color: #000;
    padding: 10px
}

.dark_theme .alprotntl h2 {
    color: #fff
}

.dark_theme .tpskp h3 {
    color: #cbcbcb
}

.dark_theme .bxwnp {
    background: #0d0c0f;
    box-shadow: 0 7px 30px #000
}

.dark_theme .bxwnp,
.dark_theme .lineok {
    border: 1px solid #3e3e3e
}

.dark_theme .bxwnp1 {
    background: #0d0c0f
}

.dark_theme .bxwnp1 h1,
.dark_theme .bxwnp1 h2,
.dark_theme .bxwnp1 h4,
.dark_theme .endthi h2 {
    color: #fff
}

.dark_theme .stacdji h2 span {
    color: #cbcbcb
}

.dark_theme .hdski h2 {
    color: #fff
}

.dark_theme .bastanhd,
.dark_theme .elitcrit {
    background: #0d0c0f;
    border: 1px solid #353535;
    box-shadow: 0 7px 30px #000
}

.dark_theme .elitcrit h1 {
    color: #fff
}

.dark_theme .elitcritin1 {
    background: #030204
}

.dark_theme .elitcritin1 h2 {
    color: #fff
}

.dark_theme .elitcritin1 p {
    color: grey
}

.dark_theme .elitcritin1 .checkmark {
    background-color: #ff0;
    border: 2px solid #ff0
}

.dark_theme .nd_tscen textarea {
    background-color: #000;
    border: .8px solid #2a2a2a;
    color: #fff
}

.dark_theme .elitcritin1 .radio-button-container:hover input~.checkmark {
    background-color: #ff0;
    border: 2px solid #ff0
}

.dark_theme .chtrms h2 {
    color: #fff
}

.dark_theme .chtrms_box {
    background: #0d0c0f;
    border: 1px solid #353535;
    box-shadow: 0 7px 30px #000
}

.dark_theme .chtrms_are {
    background: #171616
}

.dark_theme .chat-msg {
    scrollbar-color: #008aff #bbb;
    scrollbar-width: thin
}

.dark_theme .chat-msg::-webkit-scrollbar-track {
    background-color: #030204
}

.dark_theme .chat-msg::-webkit-scrollbar-thumb {
    background-color: #06f
}

.dark_theme .chat-msg .res_msg .cnd {
    background: #010101;
    color: #fff
}

.dark_theme .chtrms_are .input-group {
    background: #000
}

.dark_theme .box_smt {
    background: #0d0c0f;
    box-shadow: 0 7px 30px #000
}

.dark_theme .box_smt h1 {
    color: #fff
}

.dark_theme .in_ctl .input-group {
    border: .8px solid #353535
}

.dark_theme .upload_imghr {
    border: .8px dashed #353535
}

.dark_theme .box_smt {
    border: 1px solid #353535
}

.dark_theme .upload-btn-wrapper .FileBtn {
    background-color: #0d0c0f;
    border: 1px dashed #353535
}

.dark_theme .tsk_hd {
    background-color: #1e1d1f;
    background-image: url(bg1drk.09128e4eb50af9051520.webp)
}

.dark_theme .tsk_hd h1,
.dark_theme .tsk_hd h2 {
    color: #fff
}

.dark_theme .alprotntl {
    border-bottom: 1px solid #3e3e3e
}

.dark_theme .bastanhd {
    border-radius: 6px;
    padding: 0 5px
}

.dark_theme .bastanhd a {
    margin: 5px;
    padding: 8px 18px
}

.dark_theme .sym {
    color: "aliceblue !important"
}

.trd_cnt {
    background-image: url(bg1.b0462c2ef39354791a2d.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 0
}

.trd_cnt h2 {
    color: #2a2a2a;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 0
}

.trd_cnt h2 span {
    color: #1140ff
}

.trd_cntsd h2 {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0
}

.trd_cntsd .jik_drp button.btn-secondary {
    background: #f4f5fa;
    color: #2a2a2a;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    height: 48px;
    padding: 10px
}

.trd_cntsd .jik_drp button.btn-secondary:after {
    display: none
}

.trd_cntsd .jik_drp .btn-secondary:not(:disabled):not(.disabled).active,
.trd_cntsd .jik_drp .btn-secondary:not(:disabled):not(.disabled):active,
.trd_cntsd .jik_drp .show>.btn-secondary.dropdown-toggle {
    background: #f4f5fa;
    border-color: #0000;
    box-shadow: none;
    color: #2a2a2a
}

.trdced {
    box-shadow: none
}

.lbrd h2 {
    color: #2a2a2a;
    font-size: 28px;
    font-style: normal;
    font-weight: 600
}

.lbrdcrd {
    background: #fff;
    border: .564815px solid #eaf0f5;
    margin: 10px
}

.lbrdcrd,
.lbrdcrd .lbrdcrdin {
    border-radius: 3.38889px;
    padding: 5px
}

.lbrdcrd .lbrdcrdin {
    align-items: center;
    background: #f4f5fa;
    display: grid;
    grid-template-columns: 8% 38% auto auto 19%;
    justify-content: space-between
}

.lbrdcrd .lbrdcrdin.lbrdcrdin1 {
    grid-template-columns: auto auto
}

.lbrdcrd .lbrdcrdin h1 {
    color: #2a2a2a;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 0
}

.lbrdcrd .lbrdcrdin h2 {
    color: #2a2a2a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.lbrdcrd .lbrdcrdin h3 {
    color: #2a2a2a;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    word-break: break-all
}

.lbrdcrd .lbrdcrdin button {
    align-items: center;
    background: #06f;
    border-radius: 5.56952px;
    color: #fff;
    display: flex;
    font-size: 17.1333px;
    font-style: normal;
    font-weight: 600;
    justify-content: center;
    padding: 5px;
    width: 108px
}

.lbrdcrd .lbrdcrdin .itm1,
.lbrdcrd .lbrdcrdin .itm2,
.lbrdcrd .lbrdcrdin .itm3,
.lbrdcrd .lbrdcrdin .itm4,
.lbrdcrd .lbrdcrdin .itm5 {
    padding: 0 5px
}

@media (max-width:767px) {
    .lbrdcrd .lbrdcrdin {
        display: block;
        text-align: center
    }

    .lbrdcrd .lbrdcrdin .itm1,
    .lbrdcrd .lbrdcrdin .itm2,
    .lbrdcrd .lbrdcrdin .itm3,
    .lbrdcrd .lbrdcrdin .itm4 {
        padding: 10px
    }

    .lbrdcrd .lbrdcrdin .itm5 button {
        margin: auto
    }
}

.navpgns .page-link {
    background-color: initial;
    border: none;
    color: #2a2a2a;
    font-size: 15.75px;
    font-style: normal;
    font-weight: 400
}

.navpgns .page-link:hover {
    background-color: initial;
    color: #1140ff
}

.navpgns .page-link:hover svg path {
    fill: #1140ff
}

.dark_theme .trd_cnt {
    background-image: url(bg1drk.09128e4eb50af9051520.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 0
}

.dark_theme .trd_cnt h2 {
    color: #fff
}

.dark_theme .alprotntl.alpline {
    border-bottom: none
}

.dark_theme .lbrd h2 {
    color: #fff
}

.dark_theme .lbrdcrd {
    background: #0d0c0f;
    border: .564815px solid #0d0c0f
}

.dark_theme .lbrdcrd .lbrdcrdin {
    background: #151515
}

.dark_theme .lbrdcrd .lbrdcrdin h1,
.dark_theme .lbrdcrd .lbrdcrdin h2,
.dark_theme .lbrdcrd .lbrdcrdin h3,
.dark_theme .navpgns .page-link {
    color: #fff
}

.dark_theme .navpgns .page-link:hover {
    color: #1140ff
}

.dark_theme .navpgns .page-link:hover svg path {
    fill: #1140ff
}

.dark_theme .navpgns .page-link svg path {
    fill: #fff
}

.ImageContest {
    height: 514px;
    width: 414px
}

.leaderImage {
    border-radius: 15px;
    height: 40px;
    width: 40px
}

.dark_theme .lbrdcrd .lbrdcrdin .itm1 {
    color: #fff
}

.ImageChange {
    width: 60%
}

.comment {
    color: #2a2a2a;
    font-size: 14px
}

.dark_theme .comment {
    color: #807871;
    font-size: 14px
}

.tim_min span {
    font-family: digital-7, cursive;
    font-weight: 400
}

.dark_theme .endthi .tim_min span {
    color: #fff;
    display: block;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px
}

.kp_hdmenu .btn-secondary {
    background-color: initial !important
}

.navhdtem {
    padding: 1px 5px
}

.kp_hdmenufrp1 button {
    filter: brightness(1)
}

.scroll-view-price {
    max-height: 600px;
    overflow: auto
}

.scroll-view-price-leader {
    max-height: 500px;
    overflow: auto
}

.sec_box {
    background-color: #efefef;
    border-radius: 10px;
    padding: 20px 10px
}

.sec_box h3 {
    color: #000;
    font-size: 12px;
    font-weight: 500
}

.sec_box p {
    color: #404040;
    font-size: 10px;
    font-weight: 400;
    margin-bottom: 5px
}

.sec_box .bnews {
    border-bottom: 1px solid #878585;
    padding-bottom: 4px;
    padding-top: 9px
}

.mrg_lds {
    margin-top: 100px
}

.mrg_lds h2 {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 32px
}

.mrg_lds h2.h2_mrd {
    padding: 0 16px
}

.mrg_lds .faqref .accordion .accordion__item .accordion__heading .accordion__button {
    line-height: 27px
}

.dark_theme .sec_box {
    background-color: #000
}

.dark_theme .mrg_lds h2,
.dark_theme .sec_box h3 {
    color: #fff
}

.dark_theme .sec_box p {
    color: #d5d5d5
}

.mt_vpy {
    border: 1px solid;
    margin: auto;
    padding: 6px 12px 5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.vte_hvr:hover {
    text-decoration: underline
}

.dark_theme .sli_cd h3 {
    color: #fff;
    font-size: 12px
}

.sli_cd h3 {
    color: #000;
    font-size: 12px
}

.css-1v5fht7 {
    border-radius: 8px;
    box-sizing: border-box;
    color: #eaecef;
    margin: 0;
    min-width: 0;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: all .2s linear
}

.dark_theme .close {
    color: azure
}

.pro_img_op1 {
    padding: 10px 15px
}

.pro_img_op1,
.pro_img_op1:hover {
    filter: grayscale(0)
}

.prf_cnts {
    word-break: break-all
}

.logokpno {
    width: 192px
}

.clik_fnc,
.logokpno a {
    align-items: center;
    display: flex
}

.ulliststy ul {
    padding-inline-start: 17px
}

.nwzbox_blog_1 {
    min-height: 100%
}

.cli_wh {
    white-space: nowrap
}

.ar_disnon {
    background-image: none
}

.ar_disnon,
.dark_theme .ar_disnon {
    appearance: none;
    -webkit-appearance: none;
    background-image: none !important
}

.numph {
    max-width: 128px
}

.dark_theme .css-1g66d9k-MuiSwitch-root .MuiSwitch-track {
    background-color: #4e4e4e
}

.dark_theme .vert_stepper .MuiStepper-vertical {
    background-color: #0d0c0f !important
}

.dark_theme .vert_stepper .MuiStepLabel-label {
    color: #848484 !important
}

.vert_stepper .MuiStepper-vertical {
    background-color: #f4f5fa !important
}

.alprotntl1 {
    border-bottom: 1px solid #f4f5fa !important
}

.label_card p {
    color: #717879 !important;
    font-size: 12px !important;
    margin: 0
}

.dark_theme .label_card p {
    color: #717879 !important;
    font-size: 14px !important
}

.back_scratch,
.back_scratch1 {
    background-image: url(reward_bg.747f120bc4be4e412726.webp)
}

.back_scratch1 {
    height: 226px !important;
    width: 320px !important
}

.card_in {
    border: 1px solid #fff !important;
    border-radius: 10px;
    height: 80px !important;
    margin: auto !important;
    width: 60% !important
}

.CircularProgressbar {
    height: 40px !important;
    width: 40px !important
}

.CircularProgressbar .CircularProgressbar-text {
    font-size: 28px !important;
    font-weight: 800 !important
}

.note_alrt {
    background: #f9c3c3;
    border: 1px solid #f9c3c3;
    padding: 10px
}

.note_alrt_suc {
    background: #abedab;
    border: 1px solid #abedab;
    padding: 10px
}

.note_alrt_suc p {
    font-weight: 600
}

.CircularProgressbar .CircularProgressbar-path {
    stroke: green !important
}

.CircularProgressbar .CircularProgressbar-text {
    fill: #dbe0e3
}

@media screen and (max-width:768px) {
    .med_qu {
        margin-top: 15px !important
    }

    .label_card {
        justify-content: unset !important
    }
}

.wrp_img {
    height: 60px;
    transform: rotate(175deg);
    width: 200px
}

.overlap_time {
    left: 10px;
    position: absolute;
    top: 8px
}

.camBanSts {
    background-color: gray
}

.camBanSts,
.camBanSts1 {
    border-bottom-left-radius: 1rem;
    color: #fff;
    padding: 5px 10px
}

.camBanSts1 {
    background-color: #ef3636
}

.dark_theme .camBanSts {
    background-color: gray;
    box-shadow: 0 0 7px 1px #000
}

.dark_theme .camBanSts,
.dark_theme .camBanSts1 {
    border-bottom-left-radius: 1rem;
    color: #fff;
    padding: 5px 10px
}

.dark_theme .camBanSts1 {
    background-color: #ef3636
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.hed_tag {
    color: #000;
    font-size: 14px;
    font-weight: 400
}

.touch_foot {
    color: #000;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px
}

.dark_theme .hed_tag {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 400 !important
}

.dark_theme .touch_foot {
    color: #fff;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px
}

.type_vari {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.type_vari:hover {
    background-color: #6bb4f1;
    border: 1px solid #6bb4f1;
    bottom: 0;
    cursor: pointer;
    opacity: .9;
    right: 0;
    transition: all 1s ease .2s
}

.type_vari1 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.type_vari1:hover {
    background-color: #4bc964;
    border: 1px solid #4bc964
}

.dark_theme .type_vari:hover,
.type_vari1:hover {
    bottom: 0;
    cursor: pointer;
    opacity: .9;
    right: 0;
    transition: all 1s ease .2s
}

.dark_theme .type_vari:hover {
    background-color: #6bb4f1;
    border: 1px solid #6bb4f1
}

.dark_theme .type_vari1:hover {
    background-color: #4bc964;
    border: 1px solid #4bc964;
    bottom: 0;
    cursor: pointer;
    opacity: .9;
    right: 0;
    transition: all 1s ease .2s
}

.date_blog {
    color: #000
}

.dark_theme .date_blog {
    color: #fff
}

.dark_theme .sec_recent {
    background-color: #efefef;
    border-radius: 10px;
    padding: 20px 10px
}

.dark_theme .sec_recent .recent_title p,
.dark_theme .sec_recent .recent_title span {
    color: #fff
}

.sec_recent {
    background-color: #efefef;
    border-radius: 10px;
    padding: 20px 10px
}

.sec_recent .recent_title p {
    color: #3e40ff
}

.sec_recent .recent_title span {
    color: #191919
}

.sec_recent .recent_subtitle {
    border-bottom: 5px solid;
    border-image: linear-gradient(90deg, #3e40ff 70%, gray 0);
    border-image-slice: 1
}

.nav_blog .nav_blog_title {
    display: flex
}

.nav_blog .nav_blog_title li {
    list-style: none;
    margin-right: 20px
}

.nav_blog .nav_blog_title li:last-child {
    margin-right: 0
}

.nav_blog .nav_blog_title li .right-border {
    border-right: 1px solid #000;
    margin-right: 0
}

.nav_blog .nav_blog_title li a {
    border-bottom: 2px solid #0000;
    color: #464749;
    font-size: 15px;
    font-weight: 400;
    padding: 10px;
    text-decoration: none;
    transition: border-bottom .3s ease
}

.nav_blog .nav_blog_title li a:hover {
    color: #3e40ff !important
}

.sec_sign_up {
    background-color: #efefef;
    border-radius: 10px;
    padding: 20px 10px
}

.title_blog button {
    align-items: center;
    background: #0000;
    border: none;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    line-height: 42px;
    min-height: 44px;
    perspective: 230px;
    position: relative;
    width: 120px;
    z-index: 1
}

.title_blog h3 {
    font-weight: 500
}

.title_blog h3,
.title_blog h3 span {
    color: #2a2a2a;
    font-size: 22px;
    line-height: 33px
}

.title_blog h3 span {
    font-weight: 300
}

.title_blog button span {
    background: #1140ff;
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
    height: 100%;
    margin: 0;
    position: absolute;
    text-align: center;
    transition: all .3s;
    width: 100%
}

.title_blog button span:nth-child(2) {
    transform: rotateX(0deg);
    transform-origin: 50% 50% -20px
}

.title_blog button span:first-child {
    transform: rotateX(90deg);
    transform-origin: 50% 50% -20px
}

.sm_link h3 {
    padding: 10px
}

.sm_link .list-of-links li {
    list-style: none;
    padding: 10px
}

.sm_link .list-of-links {
    display: flex
}

.sec_market {
    border-radius: 5px;
    box-shadow: 0 3px 10px #0000001f;
    padding: 20px 10px
}

.sec_market .market_amt h3 {
    font-size: 30px;
    font-weight: 700;
    padding: 5px
}

.sec_market .title_market {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.sec_market .title_market h3 {
    font-size: 20px;
    font-weight: 500;
    padding: 5px
}

.sec_market .title_market span {
    bottom: 0;
    color: #08ae04;
    font-size: 12px;
    padding: 5px;
    position: relative
}

.sec_info {
    background-color: #efefef;
    border-image: linear-gradient(180deg, #3e40ff 50%, gray 0);
    border-image-slice: 1;
    border-left: 5px solid;
    border-radius: 10px;
    padding: 20px 10px
}

.sec_info .info_blog h2 {
    color: #707a8a;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px
}

.sec_info .info_blog h3 {
    color: #0e0e0e;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px
}

.bloglis_title {
    background-color: #efefef;
    border-left: 5px solid #3e40ff;
    font-size: 20px;
    font-weight: 600;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    line-height: 30.5px;
    padding: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.dark_theme .sec_sign_up {
    background-color: #000
}

.dark_theme .sec_recent {
    background-color: #030204
}

.dark_theme .title_blog span {
    color: #aba6a6
}

.dark_theme .sec_market {
    background-color: #141417
}

.dark_theme .sec_info {
    background-color: #000
}

.dark_theme .sec_info .info_blog h3 {
    color: #514e4e
}

.dark_theme .nav_blog .nav_blog_title li a {
    color: #adadad
}

.dark_theme .bloglis_title {
    background-color: #4d4949
}

.horizontal-line {
    border-top: 1px solid #ccc;
    margin: 20px 0
}

.sec_bank_new {
    background-color: #efefef;
    border-radius: 10px;
    padding: 20px 10px
}

.bnk_upi1 {
    visibility: hidden
}

.new_bank_card {
    background: linear-gradient(102.63deg, #124bc5, #0950ec 50.97%, #16458b);
    border-radius: 10px;
    padding: 10px
}

.new_bank_card .horizontal-line {
    border-top: 1px solid #ccc;
    margin: 20px 0
}

.new_bank_card .bnk_img {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.new_bank_card .bnk_name {
    color: #fff !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-transform: capitalize
}

.new_bank_card .nme-tit {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    text-align: center
}

.new_bank_card .nme-tit,
.new_bank_card .usr_name {
    font-family: Roboto;
    font-style: normal;
    line-height: 24px
}

.new_bank_card .usr_name {
    color: #fff !important;
    font-size: 18px;
    font-weight: 500
}

.sec2_bnk {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.sec2_bnk h2 {
    color: #000;
    font-size: 16px
}

.sec2_bnk h2,
.sec2_bnk p {
    font-weight: 500;
    line-height: 24px;
    text-align: center
}

.sec2_bnk p {
    color: #fff;
    font-size: 18px
}

.sec3_bnk {
    display: flex;
    flex-direction: row;
    justify-content: space-around
}

.sec3_bnk h2 {
    color: #000;
    font-size: 16px
}

.sec3_bnk h2,
.sec3_bnk p {
    font-weight: 500;
    line-height: 24px;
    text-align: center
}

.sec3_bnk p {
    color: #fff;
    font-size: 18px
}

.sec3_bnk .bnk_acc {
    border-right: 1px solid #2a2a2a;
    flex: 1 1;
    height: 70px;
    padding: 10px
}

.sec3_bnk .bnk_acc:last-child {
    border-right: 0
}

.sec4_bnk .bnk_upi {
    justify-content: space-between;
    padding: 10px
}

.sec4_bnk .bnk_upi,
.upi_info {
    display: flex;
    flex-direction: row
}

.upi_info {
    align-items: center
}

.upi_info img {
    max-width: 100%
}

.dark_theme .sec_bank_new {
    background: #21212e
}

.dark_theme .upi_bg {
    background-color: #111821 !important;
    padding: 0 !important
}

.upi_bg {
    padding: 0 !important
}

.rej_btn .react-tooltip,
.upi_rej-reas .react-tooltip {
    background-color: #dc3545 !important
}

.bnk_details_usr span {
    text-transform: uppercase
}

.bnk_details_usr span,
.bnk_min_max span {
    font-size: 12px;
    font-weight: 500
}

.admn_bnk_new {
    border: 1px solid #454545;
    border-radius: 10px;
    padding: 10px
}

.admn_bnk_new .head_admn {
    color: gray !important
}

.admn_bnk_notes_new {
    background: #d9304026;
    border-radius: 10px;
    padding: 10px 25px
}

.dark_theme .bnk_pay_new .form-control:disabled,
.dark_theme .bnk_pay_new .form-control[readonly] {
    background-color: #21212e;
    opacity: 1
}

.dark_theme .bnk_pay_new .pay-title {
    background-color: #19181873 !important;
    padding: 10px
}

.dark_theme .sec-config-lab .head_config h3 {
    background: #f5f5f5;
    border-radius: 5px
}

.dark_theme .sec-config-lab .head_config h3,
.sec-config-lab .head_config h3 {
    color: #000 !important;
    padding: 5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.sec-config-lab .head_config h3 {
    background: #ebebeb
}

.dark_theme .stepper-box-config {
    background: #2a2a2a;
    border-radius: 10px;
    padding: 50px
}

.stepper-box-config {
    background: #ebebeb;
    border-radius: 10px;
    padding: 50px
}

.config-title p {
    background: #28a745;
    color: #fff !important;
    font-size: 14px;
    padding: 5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.config-title span {
    color: gray !important;
    font-size: 13px
}

.agree_text span {
    font-size: 12px
}

.note_dep {
    background: #d9304026;
    border-radius: 5px;
    padding: 10px 25px
}

.note_dep p {
    font-weight: 500
}

.min_max_fee span,
.note_dep p {
    font-size: 12px
}

.hed_summary {
    font-size: 18px !important;
    font-weight: 500
}

.dark_theme .dangerous_moderate ul li {
    color: #fff !important;
    font-size: 18px !important
}

.dark_theme .dangerous_moderate ol,
.dark_theme .dangerous_moderate ol li span,
.dark_theme .dangerous_moderate p span,
.dark_theme .dangerous_moderate ul li span {
    color: #fff !important
}

.dark_theme .dangerous_moderate h3 span {
    color: #fff !important;
    font-size: 18px
}

.dangerous_moderate a,
.dangerous_moderate a u {
    color: #1140ff
}

.dangerous_moderate ul {
    padding-left: 40px !important
}

.dangerous_moderate ul li {
    color: #000 !important;
    font-size: 18px !important;
    margin-left: 16px !important
}

.dangerous_moderate ol {
    padding-left: 40px !important
}

.dangerous_moderate ol li {
    font-size: 18px !important;
    margin-left: 16px !important
}

.dangerous_moderate ol,
.dangerous_moderate ol li span,
.dangerous_moderate p span {
    color: #3b3b3b !important
}

.dangerous_moderate h3 span {
    color: #000 !important;
    font-size: 18px
}

.wh-testimonal {
    height: 170px !important
}

.test-hed {
    font-size: 25px;
    font-weight: 500
}

.sec_market_table {
    background: #efefef;
    border-radius: 10px
}

.sec_market_table .box1 {
    background: linear-gradient(270deg, #3e40ff 2.98%, #3e40ff 102.52%);
    border-radius: 4px 4px 0 0;
    padding: 10px 20px
}

.dark_theme .sec_market_table {
    background: #141417
}

.dark_theme .table_hed_cont {
    padding: 10px 25px
}

.dark_theme .table_hed_cont ul li {
    list-style-type: none;
    margin-bottom: 10px;
    padding: 10px
}

.dark_theme .table_hed_cont ul li:hover {
    background-color: #3b3c3e;
    border-left: 2px solid #3e40ff
}

.dark_theme .table_hed_cont ul li a:hover {
    color: #3e40ff;
    font-weight: 500
}

.table_hed_cont {
    padding: 10px 25px
}

.table_hed_cont ul li {
    list-style-type: none;
    margin-bottom: 10px;
    padding: 10px
}

.table_hed_cont ul li:hover {
    background-color: #9ea0a3;
    border-left: 2px solid #3e40ff
}

.table_hed_cont ul li a:hover {
    color: #3e40ff;
    font-weight: 500
}

.announ_xmas .modal-body {
    padding: 0 !important
}

.announ_xmas h2 {
    font-size: 18px;
    font-weight: 700
}

.announ_xmas p {
    font-size: 13px;
    font-weight: 400
}

.announ_xmas .announ_btn button {
    background-color: #fcd535;
    border: 1px solid #fcd535
}

.event_hed {
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 10
}

.terms_Evenbt p ol {
    padding-left: 40px !important
}

.terms_Evenbt p ol li {
    color: #000 !important;
    margin-left: 16px !important
}

.xmasbansec {
    padding-bottom: 100px;
    padding-top: 100px
}

.xmassectwo .bgsnhji {
    top: -10rem
}

.snkd .shcdt h1 {
    font-size: 30px
}

.snkd .shcdt marquee {
    font-family: Metal, serif
}

.Neon {
    color: #494949;
    font-family: sans-serif;
    font-size: 14px;
    position: relative
}

.Neon * {
    box-sizing: border-box
}

.Neon-input-dragDrop {
    background: #fff;
    border: 2px dashed #c8cbce;
    color: #8d9499;
    color: #97a1a8;
    display: block;
    margin: 0 auto 25px;
    padding: 6px;
    text-align: center;
    transition: box-shadow .3s, border-color .3s;
    width: 50%
}

.Neon-input-dragDrop .Neon-input-icon {
    font-size: 48px;
    margin-top: -10px;
    transition: all .3s ease
}

.Neon-input-text h3 {
    font-size: 18px;
    margin: 0
}

.Neon-input-text span {
    font-size: 12px
}

.Neon-input-choose-btn.blue {
    border: 1px solid #008bff;
    color: #008bff
}

.Neon-input-choose-btn {
    background-color: #fff;
    border: 1px solid #c6c6c6;
    border-radius: 3px;
    box-shadow: 0 1px 5px #0000000d;
    color: #8d9496;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    outline: none;
    padding: 8px 14px;
    text-align: center;
    text-decoration: none;
    transition: all .2s;
    vertical-align: middle;
    white-space: nowrap
}

.payment-page .pay-title {
    background-color: #e8e8e8;
    padding: 10px;
    text-align: center
}

.pay-title h3 {
    margin-bottom: 0
}

.payment-page .pay-qr {
    padding: 3px 5px;
    text-align: center
}

.pay-qr div {
    background: #0000;
    color: #0e0b0b;
    display: block;
    font-size: .75rem
}

.new-pay-opt,
.pay-platform h4 {
    text-align: center
}

.new-pay-opt .new-pay {
    color: #008bff;
    font-size: 12px;
    font-weight: 700
}

.new-pay-opt .new-pay:hover {
    color: #157fd8;
    text-decoration: none
}

.dark_theme .new-pay-opt .new-pay:hover {
    color: #157fd8 !important
}

.dark_theme .payment-page {
    background-color: #21212e !important
}

.dark_theme .payment-page .pay-title {
    background-color: #19181873 !important
}

.dark_theme .pay-qr div,
.dark_theme .pay-title h3 {
    color: #fff !important
}

.dark_theme .pay-platform h4 {
    color: gray
}

.pay-title {
    background: #ebebeb;
    padding: 10px
}

.dark_theme .pay-title {
    background-color: #19181873 !important
}

.buy-trade-inner-1 .input-group input,
.buy-trade-inner-1 .input-group input:focus {
    height: 26px
}

.trade_total.afterlogin .trade_total_sec_2 .trade-chart .ChartCnt {
    height: 100%
}

.trade_total.afterlogin .trade_total_sec_3 {
    height: calc(100% - 230px)
}

.trade_total.afterlogin .trade_total_sec_4,
.trade_total.afterlogin .trade_total_sec_5,
.trade_total.afterlogin .trade_total_sec_6 {
    height: 230px
}

.dark_theme .payment-card-info .card,
.payment-card-info .card {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px
}

.highcharts-credits,
.highcharts-legend-item .highcharts-graph {
    display: none !important
}

.error-msg {
    font-size: 12px
}

.cursor-pointer {
    cursor: pointer
}

.aadhar {
    max-height: 108px
}

.note_content {
    color: #757575 !important;
    font-size: 12px !important
}

.a-for-get :hover {
    color: #1342ff
}

iframe#tradingview_0d72e {
    display: block;
    height: 50vh !important;
    width: 100% !important
}

.min-max {
    color: gray;
    font-size: 10px
}

.f-14 {
    color: grey;
    font-size: 14 !important
}

.th-hover:hover {
    background-color: #c8c8c8;
    color: #fff
}

.date-time {
    font-size: 11px
}

.new-with-det-btn {
    background-color: initial;
    border: 1.5px solid #e0e2ee;
    border-radius: 6px;
    color: #fff;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    min-height: 17px;
    min-width: 65px;
    padding: 4px
}

.new-with-det-btn:hover {
    background: #1140ff;
    border: 1.5px solid #1140ff;
    color: #fff
}

.with-det-btn {
    background-color: #1140ff;
    color: #fff
}

.progressbar-asks {
    background-color: #f6465d36
}

div[style*="--bg-length-asks"] {
    background: linear-gradient(to left, #ca102857 var(--bg-length-asks), #0000 var(--bg-length-asks))
}

.progressbar-bids {
    background-color: #1f372dc4
}

div[style*="--bg-length-bids"] {
    background: linear-gradient(to left, #2cbf826e var(--bg-length-bids), #0000 var(--bg-length-bids))
}

.loader {
    margin-top: 50%
}

.toolbar-2n2cwgp5- {
    font-size: 14px;
    height: 100%;
    padding: 0 !important;
    position: relative
}

.fav {
    color: #ffb300f2
}

.text-light {
    color: #111 !important
}

.MuiFormGroup-root p,
.dash-hd-1 .nd_inrf,
.new-with-det-btn {
    color: #111
}

.box_blog_1_ing h3,
.text-lgdr {
    color: #111 !important
}

.bnj_wh {
    color: #fff !important
}

.team-tap-2 .temp-li-a {
    color: #111
}

.kpinput input {
    background-color: initial !important;
    border: 1px solid #aeaeac
}

.sel_ji select {
    background-color: #fff0;
    border: 1px solid #aeaeac;
    border-radius: 6px;
    border-bottom-right-radius: 6px;
    border-right: none;
    border-top-right-radius: 6px;
    box-shadow: none;
    color: #707a8a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    min-height: 50px
}

.dark_theme div[style*="--bg-length-bids"] {
    background: linear-gradient(to left, rgba(31, 55, 45, .769) var(--bg-length-bids), #0000 var(--bg-length-bids))
}

.dark_theme div[style*="--bg-length-asks"] {
    background: linear-gradient(to left, #f6465d36 var(--bg-length-asks), #0000 var(--bg-length-asks))
}

.dark_theme .text-light {
    color: #fff !important
}

.dark_theme .MuiFormGroup-root p,
.dark_theme .dash-hd-1 .nd_inrf,
.dark_theme .new-with-det-btn {
    color: #fff
}

.dark_theme .box_blog_1_ing h3,
.dark_theme .text-lgdr {
    color: #fff !important
}

.dark_theme .status_card {
    background-color: #21212e
}

.dark_theme .status_card h6,
.dark_theme .status_card p {
    color: #fff
}

.dark_theme .kmca_cd h3 {
    color: #d1d1d1
}

.dark_theme .team-tap-2 .temp-li-a {
    color: #fff !important
}

.dark_theme .sel_ji select,
.dark_theme .sel_ji select:focus {
    background-color: initial;
    border: 1px solid #454545;
    border-right: 1px solid #454545 !important;
    color: #fff
}

.dark_theme .sel_ji select:focus {
    box-shadow: none
}

.dark_theme .sel_ji select option {
    background-color: #0c0c10
}

.dark_theme .sel_ji input,
.dark_theme .sel_ji input:focus {
    background-color: initial;
    border: 1px solid #454545;
    color: #fff
}

.dark_theme .sel_ji input:focus {
    box-shadow: none
}

.staking_sec {
    margin-bottom: 30px;
    min-height: calc(100vh - 400px)
}

.stk_bannersec {
    background-image: url(sykban.e09ba49e72e99b1b8254.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 35px 0
}

.stk_bannersec .stk_bannersec_cd .stk_bannersec_cd1 h2 {
    color: #06f;
    font-size: 42px;
    font-style: normal;
    font-weight: 700
}

.stk_bannersec .stk_bannersec_cd .stk_bannersec_cd1 h2 span {
    color: #2a2a2a
}

.stk_bannersec .stk_bannersec_cd .stk_bannersec_cd1 h1 {
    color: #06f;
    font-size: 42px;
    font-style: normal;
    font-weight: 700
}

.stk_bannersec .stk_bannersec_cd .stk_bannersec_cd1 h1 span {
    color: #2a2a2a
}

.stk_bannersec .stk_bannersec_cd .stk_bannersec_cd1 h3 {
    color: #2a2a2a;
    font-size: 13px;
    font-style: normal;
    font-weight: 300
}

.stk_bannersec .stk_bannersec_cd .stk_bannersec_cd2 {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: linear-gradient(180deg, #f5f5f5d4, #ffffff63);
    padding: 20px 20px 40px
}

.stk_bannersec .stk_bannersec_cd .stk_bannersec_cd2 h2 {
    color: #525252;
    font-size: 13px;
    font-style: normal;
    font-weight: 400
}

.stk_bannersec .stk_bannersec_cd .stk_bannersec_cd2 h3 {
    color: #525252;
    font-size: 15px;
    font-style: normal;
    font-weight: 500
}

.stkcdpth {
    padding-top: 40px
}

.stkcdpth .kp_martrecd .kpmt_tab_hd li {
    align-items: center;
    display: flex;
    justify-content: center
}

.stkcdpth .kp_martrecd .kpmt_tab_hd li.wh_1 {
    min-width: 100px
}

.stkcdpth .kp_martrecd .kpmt_tab_hd li.wh_2 {
    min-width: 70px
}

.stkcdpth .kp_martrecd .kpmt_tab_hd li a {
    color: #848484;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    padding: 4px 5px;
    position: relative;
    transition: transform .5s ease
}

.stkcdpth .kp_martrecd .kpmt_tab_hd li a.active,
.stkcdpth .kp_martrecd .kpmt_tab_hd li a:hover {
    color: #2a2a2a;
    font-size: 18px;
    font-style: normal;
    font-weight: 500
}

.stkcdpth .kp_martrecd .kpmt_tab_hd li a.active:before,
.stkcdpth .kp_martrecd .kpmt_tab_hd li a:hover:before {
    transform: scaleX(1) translateX(50%);
    transition: transform .5s ease
}

.stkcdpth .kp_martrecd .kpmt_tab_hd li a:before {
    background: linear-gradient(90.47deg, #06f -.27%, #00d1ff 113.91%);
    bottom: 0;
    content: "";
    height: 2px;
    position: absolute;
    right: 50%;
    transform: scalex(0) translateX(50%);
    transition: transform .5s ease;
    width: 40%
}

.stacd_ta {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 6px 54px #e2f0ff;
    padding: 30px
}

.stacd_ta .frachs,
.stacd_ta .staars {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.stacd_ta .staars {
    padding-bottom: 20px
}

.stacd_ta .staars h2 {
    color: #2a2a2a;
    font-size: 20px;
    font-style: normal;
    font-weight: 500
}

.stacd_ta .staars h3 {
    color: #7c7e7e;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.stacd_ta .staars .input-group {
    min-width: 271px
}

.stacd_ta .staars .input-group input {
    background: #f6f6f6;
    border: none;
    border-radius: 2px;
    color: #323232;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    min-height: 44px
}

.stacd_ta .staars .input-group input::placeholder {
    color: #939393
}

.stacd_ta .staars .input-group input:focus {
    box-shadow: none;
    color: #323232;
    min-height: 44px
}

.stacd_ta .staars .input-group .input-group-text {
    background: #f6f6f6;
    border: none;
    border-radius: 2px
}

.stacd_ta .kpst_tbhd tr {
    background: #f6f6f6
}

.stacd_ta .kpst_tbhd tr th {
    color: #525252;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    white-space: nowrap
}

.stacd_ta .kpst_tbbdy tr {
    vertical-align: middle
}

.stacd_ta .kpst_tbbdy tr td {
    color: #323232;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    vertical-align: middle;
    white-space: nowrap
}

.stacd_ta .kpst_tbbdy tr td h1 {
    color: #323232;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0
}

.stacd_ta .kpst_tbbdy tr td h2 {
    color: #888;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0
}

.stacd_ta .kpst_tbbdy tr td .kp_btnshd {
    height: 39px;
    width: 93px
}

.stacd_ta .kpst_tbbdy tr td .kp_btnshd,
.stacd_ta .kpst_tbbdy tr td .kp_btnshdin {
    align-items: center;
    background: #f6f6f6;
    border-radius: 2px;
    color: #323232;
    display: flex;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    justify-content: center;
    margin: 4px
}

.stacd_ta .kpst_tbbdy tr td .kp_btnshdin {
    min-height: 39px;
    min-width: 61px;
    position: relative
}

.stacd_ta .kpst_tbbdy tr td .kp_btnshdin.active:after,
.stacd_ta .kpst_tbbdy tr td .kp_btnshdin:hover:after {
    background-image: url(btnfram.c547e6ecae4ae3268957.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%
}

.stacd_ta .kpst_tbbdy tr td .stbtn {
    align-items: center;
    background: #06f;
    border-radius: 3px;
    color: #fff;
    display: flex;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    justify-content: center;
    min-height: 40px;
    min-width: 99px
}

@media (max-width:991px) {
    .stk_bannersec {
        margin-top: 0
    }
}

@media (min-width:991px) {
    .modal-dialog-stake {
        max-width: 890px
    }
}

.modal-dialog-stake .modal-content {
    background: #fff;
    border-radius: 4px
}

.modal-dialog-stake .modal-header {
    border-bottom: none
}

.modal-dialog-stake .modal-header h2 {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500
}

.modal-dialog-stake .nb_c {
    background: #f6f6f6;
    border-radius: 4px;
    padding: 20px
}

.modal-dialog-stake .nb_c .nb_c1 h2 {
    color: #2a2a2a;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0
}

.modal-dialog-stake .nb_c .nb_c1 h3 {
    color: #888;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0
}

.modal-dialog-stake .nb_c .nb_c2 {
    margin-top: 25px
}

.modal-dialog-stake .nb_c .nb_c2 h2 {
    color: #525252;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.modal-dialog-stake .nb_c .kp_btnshd {
    height: 39px;
    width: 93px
}

.modal-dialog-stake .nb_c .kp_btnshd,
.modal-dialog-stake .nb_c .kp_btnshdin {
    align-items: center;
    background: #fff;
    border-radius: 2px;
    color: #323232;
    display: flex;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    justify-content: center;
    margin: 4px
}

.modal-dialog-stake .nb_c .kp_btnshdin {
    min-height: 39px;
    min-width: 61px;
    position: relative
}

.modal-dialog-stake .nb_c .kp_btnshdin.active:after,
.modal-dialog-stake .nb_c .kp_btnshdin:hover:after {
    background-image: url(btnfram.c547e6ecae4ae3268957.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%
}

.modal-dialog-stake .nb_c .nb_c3 {
    margin-top: 25px
}

.modal-dialog-stake .nb_c .nb_c3 h2 {
    color: #595959;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.modal-dialog-stake .nb_c .nb_c3 h2 span {
    color: #ff003d
}

.modal-dialog-stake .nb_c .nb_c3 h3 {
    color: #838383;
    font-size: 12px;
    font-style: normal;
    font-weight: 400
}

.modal-dialog-stake .nb_c .nb_c3 .input-group {
    border-radius: 4px;
    margin-top: 7px
}

.modal-dialog-stake .nb_c .nb_c3 .input-group input {
    background: #fff;
    border: none;
    box-shadow: none;
    color: #8a8a8a;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 48px
}

.modal-dialog-stake .nb_c .nb_c3 .input-group input:focus {
    background: #0c0c10
}

.modal-dialog-stake .nb_c .nb_c3 .input-group .input-group-text {
    background: #fff;
    border: none;
    color: #727272;
    font-size: 12px;
    font-style: normal;
    font-weight: 500
}

.modal-dialog-stake .nb_c .nb_c3 .input-group .input-group-text a {
    color: #06f;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none
}

.modal-dialog-stake .nb_c .nb_c4 {
    margin: 15px 0
}

.modal-dialog-stake .nb_c .nb_c4 h2 {
    color: #838383;
    font-size: 12px;
    font-style: normal;
    font-weight: 400
}

.modal-dialog-stake .nb_c .nb_c4 h2 span {
    color: #525252
}

.modal-dialog-stake .nb_c .nb_c5 h2 {
    color: #8a8a8a;
    font-size: 12px;
    font-style: normal;
    font-weight: 400
}

.modal-dialog-stake .nb_c .nb_c5 h2 span {
    color: #06f
}

.modal-dialog-stake .nb_c .nb_c5 .check-con {
    cursor: pointer
}

.modal-dialog-stake .nb_c .nb_c5 .check-con input {
    cursor: pointer;
    height: 15px;
    opacity: 0;
    position: relative;
    width: 15px
}

.modal-dialog-stake .nb_c .nb_c5 .checkmark {
    background-color: initial;
    border: 1px solid #939393;
    border-radius: 3px;
    height: 15px;
    left: 0;
    position: absolute;
    top: 0;
    width: 15px
}

.modal-dialog-stake .nb_c .nb_c5 .checkmark-2 {
    left: 22px
}

.modal-dialog-stake .nb_c .nb_c5 .check-con input:checked~.checkmark {
    background: #06f;
    border: 1px solid #06f
}

.modal-dialog-stake .nb_c .nb_c5 .checkmark:after {
    content: "";
    display: none;
    position: absolute
}

.modal-dialog-stake .nb_c .nb_c5 .check-con input:checked~.checkmark:after {
    display: block
}

.modal-dialog-stake .nb_c .nb_c5 .check-con .checkmark:after {
    border: solid #fff;
    border-width: 0 1px 1px 0;
    height: 8px;
    left: 5px;
    top: 2px;
    transform: rotate(45deg);
    width: 4px
}

.modal-dialog-stake .nb_c .nb_c5 .check-box-1 {
    height: 19px;
    position: relative;
    width: 1 9px
}

.modal-dialog-stake .nb_c .nb_c6 button {
    align-items: center;
    background: #06f;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    justify-content: center;
    margin-top: 15px;
    min-height: 48px;
    width: 100%
}

.modal-dialog-stake .sumcds h2 {
    color: #2a2a2a;
    font-size: 15px;
    font-style: normal;
    font-weight: 500
}

.modal-dialog-stake .sumcds h3 {
    color: #525252;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.modal-dialog-stake .sumcds .sumcds_in {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

@media (min-width:560px) {
    .modal-dialog-stake2 {
        max-width: 340px
    }
}

.modal-dialog-stake2 .modal-content {
    background: #fff;
    border-radius: 4px
}

.modal-dialog-stake2 .modal-header {
    border-bottom: none;
    justify-content: center;
    padding-top: 35px;
    position: relative
}

.modal-dialog-stake2 .modal-header h2 {
    color: #2a2a2a;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    text-align: center
}

.modal-dialog-stake2 .modal-header .singup-close {
    position: absolute;
    right: 11px;
    top: 10px
}

.modal-dialog-stake2 .ssuseimg {
    max-height: 106px;
    max-width: 106px
}

.modal-dialog-stake2 .ssuse1 {
    align-items: center;
    display: flex;
    justify-content: center
}

.modal-dialog-stake2 .ssuse1 h2 {
    color: #2a2a2a;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0
}

.modal-dialog-stake2 .ssuse2 {
    margin-top: 10px
}

.modal-dialog-stake2 .ssuse2 h3 {
    color: #595959;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.modal-dialog-stake2 .ssuse2 h4 {
    color: #2a2a2a;
    font-size: 22px;
    font-style: normal;
    font-weight: 600
}

.modal-dialog-stake2 .ssuse3 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 2px 30px
}

.modal-dialog-stake2 .ssuse3 h2 {
    color: #838383;
    font-size: 12px;
    font-style: normal;
    font-weight: 400
}

.modal-dialog-stake2 .ssuse3 h3 {
    color: #525252;
    font-size: 12px;
    font-style: normal;
    font-weight: 400
}

@media (max-width:767px) {
    .modal-dialog-stake .sumcds .sumcds_in {
        flex-direction: column
    }
}

.mwb {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 6px 54px #e2f0ff;
    padding: 30px
}

.mwb .mwb1 {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.mwb .mwb1 h2 {
    color: #2a2a2a;
    font-size: 22px
}

.mwb .mwb1 button,
.mwb .mwb1 h2 {
    font-style: normal;
    font-weight: 500
}

.mwb .mwb1 button {
    background: #f6f6f6;
    border-radius: 4px;
    color: #000;
    font-size: 14px
}

.mwb .mwb2 {
    background: #0000;
    border-radius: 4px;
    padding: 3px 20px
}

.mwb .mwb2 h2 {
    color: #7c7e7e;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.mwb .mwb2 h3 {
    color: #2a2a2a;
    font-size: 22px
}

.mwb .mwb2 h3 span {
    font-weight: 400
}

.mwb .mwb3 {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.mwb .mwb3 h2 {
    color: #2a2a2a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.mwb .mwb3 h3 {
    color: #00c795;
    font-size: 18px;
    font-style: normal;
    font-weight: 600
}

.mwb .mwb3 h4 {
    color: #7a7a7a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

@media (max-width:767px) {
    .modal-dialog-stake .sumcds .sumcds_in {
        flex-direction: column
    }

    .mwb .mwb3 {
        display: initial
    }

    .mwb .mwb3 svg {
        display: none
    }
}

.rrser1 {
    box-shadow: 0 6px 54px #e2f0ff;
    margin-top: 30px;
    padding: 20px
}

.rrser1,
.rrser1 .flloc {
    background: #fff;
    border-radius: 4px
}

.rrser1 .flloc {
    box-shadow: 0 6px 14px #f0f0f0;
    display: inline-flex;
    padding: 5px
}

.rrser1 .flloc a {
    align-items: center;
    background: #0000;
    border: none;
    border-radius: 4px;
    box-shadow: none;
    color: #888889;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    margin: 5px;
    min-height: 36px;
    min-width: 88px;
    padding: 5px 10px
}

.rrser1 .flloc a.active {
    background: linear-gradient(180deg, #06f, #00d1ff);
    box-shadow: 0 6px 14px #f0f0f0;
    color: #fff
}

.flchu .kpst_tbhd tr {
    background: #f6f6f6
}

.flchu .kpst_tbhd tr th {
    color: #525252;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    white-space: nowrap
}

.flchu .kpst_tbbdy tr {
    vertical-align: middle
}

.flchu .kpst_tbbdy tr td {
    color: #2a2a2a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 20px 10px;
    vertical-align: middle;
    white-space: nowrap
}

.flchu .kpst_tbbdy tr td span {
    color: #7c7e7e
}

.flchu .kpst_tbbdy tr td h1 {
    color: #323232;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0
}

.flchu .kpst_tbbdy tr td h2 {
    color: #888;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0
}

.flchu .kpst_tbbdy tr td a {
    -webkit-text-fill-color: #0000;
    text-fill-color: #0000;
    background: linear-gradient(180deg, #06f, #00d1ff);
    -webkit-background-clip: text;
    background-clip: text
}

.rmdtr {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 6px 54px #e2f0ff;
    margin-top: 30px;
    padding: 30px
}

.rmdtr .rmdtrin3 h3,
.rmdtr h1 {
    color: #2a2a2a;
    font-size: 22px;
    font-style: normal;
    font-weight: 500
}

.rmdtr .rmdtrin3 h4 {
    color: #595959;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.rmdtr .rmdtrin4 {
    margin-top: 20px
}

.rmdtr .rmdtrin4 button {
    background: #06f;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    height: 48px;
    justify-content: center;
    margin: auto;
    width: 368px
}

.rmdtr .rmdtrin2,
.rmdtr .rmdtrin4 button {
    align-items: center;
    border-radius: 4px;
    display: flex
}

.rmdtr .rmdtrin2 {
    background: #f6f6f6;
    justify-content: space-between;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 15px
}

.rmdtr .rmdtrin2 h2 {
    color: #7c7e7e;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.rmdtr .rmdtrin2 h3 {
    color: #2a2a2a;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 0
}

.rmdtr .rmdtrin2 h3 span {
    color: #2a2a2a99
}

.rmdtr .rmdtrin1 {
    display: inline-block
}

.retls .rrser1 {
    display: block
}

.retls .rmdtr,
.retls.rdcont .rrser1 {
    display: none
}

.retls.rdcont .rmdtr {
    display: block
}

@media (max-width:590px) {
    .rmdtr .rmdtrin2 {
        display: block
    }

    .rmdtr .rmdtrin4 button {
        width: 100%
    }
}

.loading-btn-wrapper {
    display: inline-block;
    height: 40px;
    text-align: center
}

.loading-btn {
    background: #1140ff;
    border: 0;
    border-radius: 24px;
    cursor: pointer;
    display: inline-block;
    height: 100%;
    position: relative;
    transition: all .33s ease-in-out;
    width: 100%
}

.loading-btn:hover {
    background: #2196f3
}

.loading-btn,
.loading-btn:focus {
    outline: none
}

.loading-btn--fail,
.loading-btn--pending,
.loading-btn--success {
    cursor: default;
    pointer-events: none;
    width: 40px
}

.loading-btn--fail .loading-btn__text,
.loading-btn--pending .loading-btn__text,
.loading-btn--success .loading-btn__text {
    opacity: 0
}

.loading-btn--pending:before {
    animation: loading-btn--fade-in .33s ease, loading-btn--rotation .66s linear 0s infinite;
    border: 3px solid #ffffff54;
    border-radius: 50%;
    border-top-color: #fff;
    content: "";
    display: inline-block;
    height: 28px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 28px
}

.loading-btn--success,
.loading-btn--success:hover {
    background: #8bc34a
}

.loading-btn--success:after {
    animation: loading-btn--fade-in .6s ease;
    border-color: #fff;
    border-style: solid;
    border-width: 0 0 3px 3px;
    content: "";
    display: inline-block;
    height: 25%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -75%) rotate(-45deg);
    width: 50%
}

.loading-btn--fail,
.loading-btn--fail:hover {
    background: #ff5722
}

.loading-btn--fail:after {
    animation: loading-btn--fade-in .6s ease;
    background: linear-gradient(180deg, #0000 44%, #fff 0, #fff 56%, #0000 0), linear-gradient(90deg, #0000 44%, #fff 0, #fff 56%, #0000 0);
    content: "";
    display: inline-block;
    height: 65%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 65%
}

.loading-btn__text {
    color: #fff;
    font-size: 13px;
    left: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: inherit;
    white-space: nowrap
}

@keyframes loading-btn--fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes loading-btn--rotation {
    0% {
        transform: translate(-50%, -50%) rotate(0deg)
    }

    to {
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

.state-list {
    margin-bottom: 12px
}

.state-list .loading-btn-wrapper {
    background: repeating-linear-gradient(45deg, #fff, #fff 10px, #f0f0f0 0, #f0f0f0 20px)
}

.loading-btn-wrapper+.loading-btn-wrapper {
    margin-left: 8px
}

.img-submit-task {
    max-height: 108px;
    max-width: none
}

.show-more-less-clickable {
    color: #3e40ff;
    text-decoration: none !important
}

.kpln1 {
    background: #fff;
    padding-bottom: 40px
}

.dark_theme .kpln1 {
    background: #0000;
    padding-bottom: 40px
}

.mwb .mwb2 h3 {
    color: #00c795;
    font-style: normal;
    font-weight: 600
}

.dark_theme .mwb2 h3 {
    color: #00c795 !important;
    font-style: normal;
    font-weight: 600
}

.market-pair:hover {
    color: #06f
}

.v-none {
    visibility: hidden
}

.info2 {
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 4px
}

.info2,
.info3 {
    color: #a09d99;
    display: flex;
    justify-content: space-between
}

.info3 {
    margin-bottom: -17px
}

.colorChange {
    color: green !important
}

.colorChange,
.colorChange1 {
    background: "#d7d6d6" !important
}

.colorChange1 {
    color: blue !important
}

.dark_theme .colorChange {
    background: "#d7d6d6" !important;
    color: green !important
}

.dark_theme .colorChange1 {
    background: "#d7d6d6" !important;
    color: blue !important
}

.cqoKbQ {
    background-color: #f2f2f2;
    color: #575c5b;
    font-weight: 600
}

.cqoKbQ,
.dark_theme .cqoKbQ {
    align-items: stretch;
    border-bottom: 1px solid #0000001f;
    display: flex;
    min-height: 52px;
    width: 100%
}

.dark_theme .cqoKbQ {
    background-color: #2c2b2b;
    color: #f0f8ff
}

.dark_theme .css-ypiqx9-MuiDialogContent-root {
    background: #151515;
    color: #fbfbfb;
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 20px 24px
}

.css-ypiqx9-MuiDialogContent-root {
    -webkit-overflow-scrolling: touch;
    background: #f0f8ff;
    color: #0a0a0a;
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 20px 24px
}

.pyro>.after,
.pyro>.before {
    animation: bang 1s ease-out infinite backwards, position 5s linear infinite backwards;
    border-radius: 50%;
    box-shadow: -120px -218.66667px blue, 248px -16.66667px #00ff84, 190px 16.33333px #002bff, -113px -308.66667px #ff009d, -109px -287.66667px #ffb300, -50px -313.66667px #ff006e, 226px -31.66667px #ff4000, 180px -351.66667px #ff00d0, -12px -338.66667px #00f6ff, 220px -388.66667px #9f0, -69px -27.66667px #ff0400, -111px -339.66667px #6200ff, 155px -237.66667px #0df, -152px -380.66667px #00ffd0, -50px -37.66667px #0fd, -95px -175.66667px #a6ff00, -88px 10.33333px #0d00ff, 112px -309.66667px #005eff, 69px -415.66667px #ff00a6, 168px -100.66667px #ff004c, -244px 24.33333px #f60, 97px -325.66667px #f06, -211px -182.66667px #00ffa2, 236px -126.66667px #b700ff, 140px -196.66667px #9000ff, 125px -175.66667px #0bf, 118px -381.66667px #ff002f, 144px -111.66667px #ffae00, 36px -78.66667px #f600ff, -63px -196.66667px #c800ff, -218px -227.66667px #d4ff00, -134px -377.66667px #ea00ff, -36px -412.66667px #ff00d4, 209px -106.66667px #00fff2, 91px -278.66667px #000dff, -22px -191.66667px #9dff00, 139px -392.66667px #a6ff00, 56px -2.66667px #09f, -156px -276.66667px #ea00ff, -163px -233.66667px #00fffb, -238px -346.66667px #00ff73, 62px -363.66667px #08f, 244px -170.66667px #0062ff, 224px -142.66667px #b300ff, 141px -208.66667px #9000ff, 211px -285.66667px #f60, 181px -128.66667px #1e00ff, 90px -123.66667px #c800ff, 189px 70.33333px #00ffc8, -18px -383.66667px #0f3, 100px -6.66667px #ff008c;
    height: 5px;
    overflow-y: hidden;
    position: absolute;
    width: 5px
}

.pyro>.after {
    animation-delay: 1.25s, 1.25s, 1.25s;
    animation-duration: 1.25s, 1.25s, 6.25s
}

@keyframes bang {
    0% {
        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, 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
    }
}

@keyframes gravity {
    to {
        opacity: 0;
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px)
    }
}

@keyframes position {

    0%,
    19.9% {
        margin-left: 40%;
        margin-top: 10%
    }

    20%,
    39.9% {
        margin-left: 30%;
        margin-top: 40%
    }

    40%,
    59.9% {
        margin-left: 70%;
        margin-top: 20%
    }

    60%,
    79.9% {
        margin-left: 20%;
        margin-top: 30%
    }

    80%,
    99.9% {
        margin-left: 80%;
        margin-top: 30%
    }
}

.modal_p {
    color: #000 !important
}

.dark_theme .modal_p,
.modal_p {
    font-weight: 500;
    position: absolute;
    right: 10px;
    top: 5px
}

.dark_theme .modal_p {
    color: #fff !important
}

.css-16c50h-MuiInputBase-root-MuiTablePagination-select {
    margin-bottom: 12px
}

.dark_theme .input-group-text {
    background: #21212e;
    border-color: #393939;
    color: #fff
}

.dep_config .MuiStepLabel-labelContainer .Mui-active,
.dep_config .MuiStepLabel-labelContainer .MuiStepLabel-label {
    color: #000 !important
}

.dep_config .MuiStepContent-root .MuiTypography-root {
    color: grey
}

.dep_config .MuiStepLabel-iconContainer .MuiStepIcon-completed {
    fill: #6bc46b !important;
    font-size: 18px;
    margin-left: 4px
}

.dep_config .MuiStepLabel-iconContainer .Mui-error {
    fill: #f54444 !important;
    font-size: 18px;
    margin-left: 4px
}

.dark_theme .dep_config .MuiStepLabel-labelContainer .Mui-active,
.dark_theme .dep_config .MuiStepLabel-labelContainer .MuiStepLabel-label {
    color: #fff !important
}

.kp_hdbtn.kp_hdbtnf,
.kp_hdbtn.nd_hdsbtn,
.kp_hdbtn1.kp_hdbtnf,
.kp_hdbtn1.nd_hdsbtn1,
.kp_sec_1 .kpbnse button,
.kp_sec_1_p2p .kpbnse button,
.kp_sec_5 .kpinhd button,
.kp_sec_7 .kpinhd button,
.kpbtn_hm {
    align-items: center;
    background: #0000;
    border: none;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    justify-content: center;
    line-height: 42px;
    min-height: 44px;
    perspective: 230px;
    position: relative;
    z-index: 1
}

.kp_hdbtn.kp_hdbtnf span,
.kp_hdbtn.nd_hdsbtn span,
.kp_hdbtn1.kp_hdbtnf span,
.kp_hdbtn1.nd_hdsbtn1 span,
.kp_sec_1 .kpbnse button span,
.kp_sec_1_p2p .kpbnse button span,
.kp_sec_5 .kpinhd button span,
.kp_sec_7 .kpinhd button span,
.kpbtn_hm span {
    background: #1140ff;
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
    height: 100%;
    margin: 0;
    position: absolute;
    text-align: center;
    transition: all .3s;
    width: 100%
}

.kp_hdbtn.kp_hdbtnf span:first-child,
.kp_hdbtn.nd_hdsbtn span:first-child,
.kp_hdbtn1.kp_hdbtnf span:first-child,
.kp_hdbtn1.nd_hdsbtn1 span:first-child,
.kp_sec_1 .kpbnse button span:first-child,
.kp_sec_1_p2p .kpbnse button span:first-child,
.kp_sec_5 .kpinhd button span:first-child,
.kp_sec_7 .kpinhd button span:first-child,
.kpbtn_hm span:first-child {
    transform: rotateX(90deg);
    transform-origin: 50% 50% -20px
}

.kp_hdbtn.kp_hdbtnf span:nth-child(2),
.kp_hdbtn.nd_hdsbtn span:nth-child(2),
.kp_hdbtn1.kp_hdbtnf span:nth-child(2),
.kp_hdbtn1.nd_hdsbtn1 span:nth-child(2),
.kp_sec_1 .kpbnse button span:nth-child(2),
.kp_sec_1_p2p .kpbnse button span:nth-child(2),
.kp_sec_5 .kpinhd button span:nth-child(2),
.kp_sec_7 .kpinhd button span:nth-child(2),
.kpbtn_hm span:nth-child(2) {
    transform: rotateX(0deg);
    transform-origin: 50% 50% -20px
}

.kp_hdbtn.kp_hdbtnf:hover span:first-child,
.kp_hdbtn.nd_hdsbtn:hover span:first-child,
.kp_hdbtn1.kp_hdbtnf:hover span:first-child,
.kp_hdbtn1.nd_hdsbtn1:hover span:first-child,
.kp_sec_1 .kpbnse button:hover span:first-child,
.kp_sec_1_p2p .kpbnse button:hover span:first-child,
.kp_sec_5 .kpinhd button:hover span:first-child,
.kp_sec_7 .kpinhd button:hover span:first-child,
.kpbtn_hm:hover span:first-child {
    color: #fff;
    transform: rotateX(0deg)
}

.kp_hdbtn.kp_hdbtnf:hover span:nth-child(2),
.kp_hdbtn.nd_hdsbtn:hover span:nth-child(2),
.kp_hdbtn1.kp_hdbtnf:hover span:nth-child(2),
.kp_hdbtn1.nd_hdsbtn1:hover span:nth-child(2),
.kp_sec_1 .kpbnse button:hover span:nth-child(2),
.kp_sec_1_p2p .kpbnse button:hover span:nth-child(2),
.kp_sec_5 .kpinhd button:hover span:nth-child(2),
.kp_sec_7 .kpinhd button:hover span:nth-child(2),
.kpbtn_hm:hover span:nth-child(2) {
    color: #0000;
    transform: rotateX(-90deg)
}

.kp_hdmenu li a:hover:before {
    background: #3c5bff
}

.kp_hdmenu li a:hover:after {
    background: #0000
}

.kp_hdmenu li a.active:before {
    background: #3c5bff
}

.kp_sec_4 .kp_martrecd .kphm_tbbdy tr td .btn.kp_hdbtns span:first-child,
.kp_sec_4 .kp_martrecd .kphm_tbbdy tr td .btn.kp_hdbtns span:nth-child(2) {
    transform-origin: 50% 50% -20px
}

.kp_sec_4 .kp_martrecd .kphm_tbbdy tr td.text-redtb {
    color: #dd2949
}

.kp_sec_1 {
    padding-bottom: 30px;
    padding-top: 80px
}

.kp_sec_1 .kpbnse h1 {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 28px
}

.kp_sec_1 .bnik {
    top: -52px !important
}

.kp_sec_1_p2p .kpbnse h1,
.kp_sec_1_p2p .kpbnse h3 {
    color: #2a2a2a;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 28px
}

.kp_sec_1_p2p .kpbnse h2 {
    color: #2a2a2a;
    font-size: 72px;
    font-style: normal;
    font-weight: 700;
    line-height: 82px
}

.kp_sec_1_p2p .kpbnse h2 span {
    color: #1140ff
}

.kp_sec_1_p2p .kpbnse p {
    color: #2a2a2a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    max-width: 477px
}

.kp_sec_1_p2p .kpbnse p span {
    color: #1140ff
}

.kp_sec_1_p2p .kpbnse button {
    height: 40px;
    width: 120px
}

.kp_sec_1_p2p .kpbnse .ph_usekp {
    padding-top: 35px
}

.kp_sec_1_p2p .kpbnse .ph_usekp a {
    padding-right: 40px
}

.kp_sec_1_p2p .bnik {
    position: absolute;
    right: -29px;
    top: -52px !important
}

.kp_sec_7 .sycjn_kp {
    width: 100%
}

.kp_footer .kp_ftcd1 .kp_ftcd1in .fd_inpy .inmy {
    top: 0
}

@media (max-width:991px) {

    .kp_sec_1,
    .kp_sec_3 {
        padding-top: 20px
    }

    .kp_sec_4 .kp_martrecd {
        padding: 20px 30px
    }

    .kp_hd_inner,
    .kp_sec_4 .kp_martrehd h2,
    .kp_sec_5 .kpinhd h2,
    .kp_sec_6 .kpinhd h2,
    .kp_sec_7 .kpinhd h2,
    .kp_sec_8 .kpinhd h2 {
        font-size: 28px
    }

    .kp_sec_5 {
        padding-top: 20px
    }

    .kp_sec_6 {
        padding-bottom: 0;
        padding-top: 30px
    }

    .kp_sec_6 .kp_wckcd {
        margin-top: 10px;
        padding: 10px
    }

    .kp_sec_8 {
        padding-bottom: 20px;
        padding-top: 10px
    }

    .kp_sec_8 .kp_wfg .kp_wfgcd h1 {
        font-size: 28px
    }

    .index_hd .navbar {
        position: relative
    }
}

.kp_hdmenufrp .dropdown-menu {
    border: none;
    left: -38px !important;
    width: 600px
}

.kp_hdmenufrp .dropdown-menu .vric1 {
    padding: 15px 0
}

.index_hd .navbar-toggler {
    border-radius: 100px
}

.drpdnji .oooedu {
    background: #467cff;
    border: 1px solid #467cff;
    padding: 5px
}

.drpdnji .oooedu:focus,
.drpdnji .oooedu:hover {
    background-color: #4076e9
}

.dark_theme .kp_hdmenu li a {
    color: #fff !important
}

.dark_theme .kp_sec_4 .kp_martrecd .kphm_tbbdy tr td.text-redtb {
    color: #dd2949
}

.dark_theme .kp_hdmenufrp .dropdown-menu {
    left: -38px !important;
    width: 600px
}

.kp_hdmenufrp_cry .dropdown-menu {
    top: 20px
}

.kp_hdmenufrp_cry .dropdown-menu .vric1 {
    padding: 15px 0
}

.sectit .metapark-txt {
    color: #1228b2;
    font-size: 14px;
    font-weight: 500
}

.digi {
    color: #fff3 !important
}

@media screen and (min-width:768px) {
    .new_announce_pop .css-1aggeek {
        max-width: 375px
    }
}

.new_announce_pop .css-9taffg {
    width: 100%
}

.new_announce_pop .css-91xpz4 {
    font-family: inherit
}

.table_devstc .table_devstc_iner .ine_1 h1,
.table_devstc .table_devstc_iner .ine_2 h1,
.table_devstc .table_devstc_iner .ine_3 h1 {
    font-size: 11px
}

.index_countdownContainer__IwRFM {
    color: #929292
}

.kpeventbanner {
    background: url(kpeventbg.f9c5e4d1472c190beb5b.webp) no-repeat;
    background-size: 100% 100%;
    margin-bottom: 50px
}

.kpEvRw {
    min-height: 500px
}

.kpEvRw h2 {
    color: #fff;
    font-size: 80px;
    font-weight: 600;
    line-height: 80px
}

.kpEvRw p {
    color: #fff9;
    font-size: 13px;
    font-weight: 400;
    line-height: 28px;
    padding-bottom: 12px
}

.submitbtn {
    background: #456aff;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    min-width: 120px;
    padding: 10px 13px;
    text-align: center
}

.submitbtn:hover {
    color: #000;
    text-decoration: none
}

.kpeventbx {
    background: url(kpeventimg1.93d6968c09a59090a140.webp) no-repeat;
    background-size: 100% 100%
}

.kpeventcnt h6 {
    color: #111827;
    font-size: 23px;
    font-weight: 600;
    text-align: center
}

.kpeventcnt h3 {
    color: #11182799;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 20px;
    min-height: unset;
    text-align: center
}

.submitbtn.submitbtn1 {
    padding: 7px 22px
}

.kpeventcnt {
    padding: 40px 30px
}

.kpeventchain {
    min-height: unset
}

.eventiconmenu {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

.eventiconmenu li {
    list-style: none;
    margin-top: 15px;
    padding-right: 20px
}

.kpEvBx {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 6px 54px #e2f0ff
}

.kpEvBx h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 19px
}

.kpEvBx h6 {
    color: #11182799;
    font-size: 13px;
    font-weight: 400
}

.kpbksec {
    display: inline-grid;
    min-height: 200px
}

@media (max-width:1199px) {
    .kpbksec {
        min-height: unset
    }
}

.submitbtn.submitbtn2 {
    padding: 7px 40px
}

.kpEvDet {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 6px 54px #e2f0ff
}

.kpEvDEtail h2 {
    color: #111827;
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 20px
}

.kpEvDEtail h4 {
    color: #111827;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 13px
}

.kpEvDEtail h6 {
    color: #111827;
    font-size: 18px;
    font-weight: 275
}

.kpEvDEtail p {
    color: #70747d;
    font-size: 13px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 0;
    padding-bottom: 30px
}

@media (max-width:767px) {
    .kpEvDEtail p {
        padding-bottom: 10px
    }
}

.kpEvDEtail {
    padding: 40px
}

@media (max-width:991px) {
    .kpEvDEtail {
        padding: 15px
    }
}

.kpEvDEtail .pkmenu2 li::marker {
    color: #717276
}

@media (max-width:767px) {
    .kpEvRw h2 {
        font-size: 40px;
        line-height: 40px
    }
}

.kpblogcnt {
    padding: 20px 30px
}

.crd_gal {
    background-color: #e2f0ff;
    height: 150px;
    overflow: hidden;
    position: relative;
    transition: .5s ease-in-out
}

.crd_gal,
.crd_gal img {
    border-radius: 10px 10px
}

.crd_gal img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.crd_gal .hts_cds {
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    background-color: #ffffff4d;
    bottom: 0;
    left: 0;
    padding: 5px;
    position: absolute;
    right: 0;
    width: 100%
}

.crd_gal .hts_cds h2 {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-align: center
}

.crd_gal:hover {
    transform: scale(1.1);
    transition: .5s ease-in-out
}

.crd_gal:hover .hts_cds {
    display: none
}

.upcoming-event {
    background: #11e87454;
    border-radius: 20px;
    color: #000;
    padding: 10px 10px 1px;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.upcoming-event h2 {
    font-size: 14px;
    margin-bottom: 10px
}

.upcoming-event p {
    font-size: 1.2rem;
    margin-bottom: 30px
}

.upcoming-event button {
    background-color: #fff;
    border: none;
    border-radius: 5px;
    color: #3f9cfe;
    cursor: pointer;
    font-size: 1.2rem;
    padding: 10px 20px;
    transition: background-color .3s ease, color .3s ease
}

.upcoming-event button:hover {
    background-color: #3f9cfe;
    color: #fff
}

.custom-modal-style {
    margin: auto;
    width: 50% !important
}

.card-delete {
    color: #fefefe
}

.card-delete .card-del-warn {
    background-color: #ffe7d9;
    border-left: 4px solid #f47142;
    padding: 1rem .5rem .25rem
}

.card-delete .card-del-warn h6 {
    color: #7e1709;
    font-weight: 700
}

.card-delete .card-del-warn p {
    color: #f47445;
    font-size: .9rem
}

.card-delete .g-12px {
    gap: 12px
}

.div {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: column
}

.div_hed {
    font: 600 42px/54px Poppins, -apple-system, Roboto, Helvetica, sans-serif
}

.div-sub,
.div_hed {
    leading-trim: both;
    text-edge: cap;
    color: #2a2a2a;
    text-align: center
}

.div-sub {
    align-self: stretch;
    font: 300 16px/32px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    margin-top: 22px;
    z-index: 1
}

.div-2 {
    flex-direction: column;
    max-width: 1279px;
    padding: 0 20px;
    width: 100%
}

@media (max-width:991px) {
    .div-2 {
        max-width: 100%
    }
}

.div-3 {
    align-self: center;
    gap: 20px;
    justify-content: space-between;
    max-width: 1181px;
    width: 100%
}

@media (max-width:991px) {
    .div-3 {
        flex-wrap: wrap;
        max-width: 100%
    }
}

.div-4 {
    gap: 4px;
    justify-content: space-between
}

@media (max-width:991px) {
    .div-4 {
        flex-wrap: wrap;
        justify-content: center;
        max-width: 100%
    }
}

.img {
    aspect-ratio: 1.45;
    max-width: 100%;
    object-fit: contain;
    overflow: hidden;
    width: 94px
}

.img-2 {
    align-self: start;
    aspect-ratio: 2.98;
    margin-top: 14px;
    width: 152px
}

.div-5 {
    align-self: center;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin: auto 0
}

@media (max-width:991px) {
    .div-5 {
        justify-content: center
    }
}

.div-6 {
    color: #2a2a2a;
    font: 400 14px/28px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-6 {
        white-space: normal
    }
}

.div-7,
.div-8,
.div-9 {
    color: #2a2a2a;
    font: 400 14px/28px Poppins, -apple-system, Roboto, Helvetica, sans-serif
}

.div-9 {
    white-space: nowrap
}

@media (max-width:991px) {
    .div-9 {
        white-space: normal
    }
}

.div-10 {
    align-items: flex-start;
    align-self: start;
    gap: 10px;
    justify-content: space-between;
    margin-top: 19px
}

@media (max-width:991px) {
    .div-10 {
        justify-content: center
    }
}

.img-3 {
    align-self: center;
    margin: auto 0;
    width: 34px
}

.div-11 {
    align-self: stretch;
    background-color: #1140ff;
    border-radius: 4px;
    color: #fff;
    flex-grow: 1;
    font: 500 14px/28px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    justify-content: center;
    padding: 13px 35px 13px 19px;
    text-align: center;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-11 {
        padding-right: 20px;
        white-space: normal
    }
}

.div-12 {
    align-self: stretch;
    border: .8px solid #2a2a2a52;
    border-radius: 4px;
    color: #2a2a2a;
    flex-grow: 1;
    font: 500 14px/28px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    justify-content: center;
    padding: 13px 32px 13px 16px;
    text-align: center;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-12 {
        padding-right: 20px;
        white-space: normal
    }
}

.img-4 {
    align-self: stretch;
    aspect-ratio: .88;
    width: 35px
}

.div-13 {
    align-self: center;
    margin-top: 50px;
    max-width: 1159px;
    width: 100%;
    z-index: 1
}

@media (max-width:991px) {
    .div-13 {
        margin-top: 40px;
        max-width: 100%
    }
}

.div-14 {
    display: flex;
    gap: 20px
}

@media (max-width:991px) {
    .div-14 {
        align-items: stretch;
        flex-direction: column;
        gap: 0
    }
}

.column {
    width: 79%
}

.img-5 {
    aspect-ratio: 1.78;
    flex-grow: 1;
    mix-blend-mode: lighten;
    width: 100%
}

@media (max-width:991px) {
    .img-5 {
        max-width: 100%
    }
}

.column-2 {
    width: 21%
}

.img-6 {
    aspect-ratio: 1;
    margin-top: 179px;
    object-fit: contain;
    object-position: center;
    overflow: hidden;
    width: 100%
}

@media (max-width:991px) {
    .img-6 {
        margin-top: 40px
    }
}

.div-15 {
    disply: flex;
    fill: #f1f6f9;
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    min-height: 566px;
    overflow: hidden;
    padding: 50px 60px 0;
    position: relative;
    width: 100%
}

@media (max-width:991px) {
    .div-15 {
        max-width: 100%;
        padding: 0 20px
    }
}

.img-7 {
    height: 100%;
    inset: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    width: 100%
}

.div-16 {
    display: flex;
    flex-direction: column;
    margin: 50px 0 -18px;
    max-width: 100%;
    position: relative;
    width: 736px;
    z-index: 1
}

@media (max-width:991px) {
    .div-16 {
        margin: 40px 0 10px
    }
}

.chris_hed,
.div-17 {
    align-self: center;
    color: #2a2a2a;
    font: 600 42px/54px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    text-align: center
}

.div-17 {
    max-width: 414px
}

.div-18 {
    leading-trim: both;
    text-edge: cap;
    color: #2a2a2a;
    font: 300 16px/32px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    margin-top: 34px;
    text-align: center
}

@media (max-width:991px) {
    .div-18 {
        max-width: 100%
    }
}

.div-19 {
    align-self: center;
    background-color: #1140ff;
    border-radius: 4px;
    color: #fff;
    font: 600 14px/28px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    justify-content: center;
    margin-top: 56px;
    padding: 13px 35px;
    text-align: center;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-19 {
        margin-top: 40px;
        max-width: 100%;
        padding: 0 20px;
        white-space: normal
    }
}

.div-20 {
    align-self: start;
    color: #2a2a2a;
    font: 600 42px/54px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    margin: 50px 0 0 49px;
    max-width: 240px
}

@media (max-width:991px) {
    .div-20 {
        margin: 40px 0 0 10px
    }
}

.div-21 {
    leading-trim: both;
    text-edge: cap;
    color: #2a2a2a;
    font: 300 16px/32px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    margin-top: 32px
}

@media (max-width:991px) {
    .div-21 {
        max-width: 100%
    }
}

.div-22 {
    align-items: center;
    align-self: stretch;
    background-color: #fafafa;
    display: flex;
    flex-direction: column;
    margin-top: 108px;
    padding: 39px 60px 22px;
    width: 100%
}

@media (max-width:991px) {
    .div-22 {
        margin-top: 40px;
        max-width: 100%;
        padding: 0 20px
    }
}

.div-23 {
    display: flex;
    flex-direction: column;
    max-width: 1139px;
    width: 100%
}

@media (max-width:991px) {
    .div-23 {
        max-width: 100%
    }
}

.div-24 {
    align-self: stretch
}

@media (max-width:991px) {
    .div-24 {
        max-width: 100%;
        padding-right: 20px
    }
}

.div-25 {
    display: flex;
    gap: 20px
}

@media (max-width:991px) {
    .div-25 {
        align-items: stretch;
        flex-direction: column;
        gap: 0
    }
}

.column-3 {
    width: 29%
}

.img-8 {
    aspect-ratio: 3.92;
    margin: auto 0;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
    overflow: hidden;
    width: 208px
}

@media (max-width:991px) {
    .img-8 {
        margin-top: 40px
    }
}

.column-4 {
    width: 71%
}

.div-26 {
    background-color: #fff;
    box-shadow: 0 6px 14px 0 #f1f7ff;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 34px 47px 34px 39px;
    width: 100%
}

@media (max-width:991px) {
    .div-26 {
        margin-top: 40px;
        max-width: 100%;
        padding: 0 20px
    }
}

.div-27 {
    color: #000;
    font: 600 26px/28px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-27 {
        max-width: 100%;
        white-space: normal
    }
}

.div-28 {
    leading-trim: both;
    text-edge: cap;
    color: #2a2a2a;
    font: 300 16px/32px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    margin-top: 20px;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-28 {
        max-width: 100%;
        white-space: normal
    }
}

.div-29 {
    leading-trim: both;
    text-edge: cap;
    color: #2a2a2a99;
    font: 300 16px/32px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    margin-top: 23px;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-29 {
        max-width: 100%;
        white-space: normal
    }
}

.div-30 {
    background-color: #aeaeae;
    height: 1px;
    margin-top: 15px
}

@media (max-width:991px) {
    .div-30 {
        max-width: 100%
    }
}

.div-31 {
    align-self: stretch;
    margin-top: 41px
}

@media (max-width:991px) {
    .div-31 {
        margin-top: 40px;
        max-width: 100%
    }
}

.div-32 {
    display: flex;
    gap: 20px
}

@media (max-width:991px) {
    .div-32 {
        align-items: stretch;
        flex-direction: column;
        gap: 0
    }
}

.column-5 {
    display: flex;
    flex-direction: column;
    line-height: normal;
    margin-left: 0;
    width: 84%
}

@media (max-width:991px) {
    .column-5 {
        width: 100%
    }
}

.div-33 {
    flex-grow: 1
}

@media (max-width:991px) {
    .div-33 {
        margin-top: 40px;
        max-width: 100%
    }
}

.div-34 {
    display: flex;
    gap: 20px
}

@media (max-width:991px) {
    .div-34 {
        align-items: stretch;
        flex-direction: column;
        gap: 0
    }
}

.column-6 {
    display: flex;
    flex-direction: column;
    line-height: normal;
    margin-left: 0;
    width: 26%
}

@media (max-width:991px) {
    .column-6 {
        width: 100%
    }
}

.div-35 {
    display: flex;
    flex-direction: column
}

@media (max-width:991px) {
    .div-35 {
        margin-top: 40px
    }
}

.div-36 {
    color: #2a2a2a;
    font: 400 18px/28px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-36 {
        white-space: normal
    }
}

.div-37 {
    color: grey;
    font: 400 14px/28px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    margin-top: 22px;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-37 {
        white-space: normal
    }
}

.div-38 {
    color: grey;
    font: 400 14px/28px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    margin-top: 9px;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-38 {
        white-space: normal
    }
}

.div-39 {
    color: grey;
    font: 400 14px/28px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    margin-top: 9px;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-39 {
        white-space: normal
    }
}

.div-40 {
    color: grey;
    font: 400 14px/28px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    margin-top: 9px;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-40 {
        white-space: normal
    }
}

.column-7 {
    display: flex;
    flex-direction: column;
    line-height: normal;
    margin-left: 20px;
    width: 21%
}

@media (max-width:991px) {
    .column-7 {
        width: 100%
    }
}

.div-41 {
    display: flex;
    flex-direction: column
}

@media (max-width:991px) {
    .div-41 {
        margin-top: 40px
    }
}

.div-42 {
    color: #2a2a2a;
    font: 400 18px/28px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-42 {
        white-space: normal
    }
}

.div-43 {
    color: grey;
    font: 400 14px/28px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    margin-top: 19px;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-43 {
        white-space: normal
    }
}

.div-44 {
    color: grey;
    font: 400 14px/28px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    margin-top: 9px;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-44 {
        white-space: normal
    }
}

.div-45 {
    color: grey;
    font: 400 14px/28px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    margin-top: 9px;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-45 {
        white-space: normal
    }
}

.div-46 {
    color: grey;
    font: 400 14px/28px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    margin-top: 9px;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-46 {
        white-space: normal
    }
}

.div-47 {
    color: grey;
    font: 400 14px/28px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    margin-top: 9px;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-47 {
        white-space: normal
    }
}

.column-8 {
    display: flex;
    flex-direction: column;
    line-height: normal;
    margin-left: 20px;
    width: 22%
}

@media (max-width:991px) {
    .column-8 {
        width: 100%
    }
}

.div-48 {
    display: flex;
    flex-direction: column
}

@media (max-width:991px) {
    .div-48 {
        margin-top: 40px
    }
}

.div-49 {
    color: #2a2a2a;
    font: 400 18px/28px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-49 {
        white-space: normal
    }
}

.div-50 {
    color: grey;
    font: 400 14px/28px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    margin-top: 19px;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-50 {
        white-space: normal
    }
}

.div-51 {
    color: grey;
    font: 400 14px/28px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    margin-top: 9px;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-51 {
        white-space: normal
    }
}

.div-52 {
    color: grey;
    font: 400 14px/28px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    margin-top: 9px;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-52 {
        white-space: normal
    }
}

.div-53 {
    color: grey;
    font: 400 14px/28px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    margin-top: 9px;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-53 {
        white-space: normal
    }
}

.div-54 {
    color: grey;
    font: 400 14px/28px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    margin-top: 9px;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-54 {
        white-space: normal
    }
}

.column-9 {
    display: flex;
    flex-direction: column;
    line-height: normal;
    margin-left: 20px;
    width: 30%
}

@media (max-width:991px) {
    .column-9 {
        width: 100%
    }
}

.div-55 {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

@media (max-width:991px) {
    .div-55 {
        margin-top: 40px
    }
}

.div-56 {
    color: #2a2a2a;
    font: 400 18px/28px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-56 {
        white-space: normal
    }
}

.div-57 {
    color: grey;
    font: 400 14px/28px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    margin-top: 19px;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-57 {
        white-space: normal
    }
}

.div-58 {
    color: grey;
    font: 400 14px/28px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    margin-top: 9px;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-58 {
        white-space: normal
    }
}

.div-59 {
    color: grey;
    font: 400 14px/28px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    margin-top: 9px;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-59 {
        white-space: normal
    }
}

.div-60 {
    color: grey;
    font: 400 14px/28px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    margin-top: 9px;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-60 {
        white-space: normal
    }
}

.div-61 {
    color: grey;
    font: 400 14px/28px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    margin-top: 9px;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-61 {
        white-space: normal
    }
}

.div-62 {
    color: grey;
    font: 400 14px/28px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    margin-top: 9px;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-62 {
        white-space: normal
    }
}

.div-63 {
    color: grey;
    font: 400 14px/28px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    margin-top: 9px;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-63 {
        white-space: normal
    }
}

.column-10 {
    display: flex;
    flex-direction: column;
    line-height: normal;
    margin-left: 20px;
    width: 16%
}

@media (max-width:991px) {
    .column-10 {
        width: 100%
    }
}

.div-64 {
    display: flex;
    flex-direction: column
}

@media (max-width:991px) {
    .div-64 {
        margin-top: 40px
    }
}

.div-65 {
    color: #2a2a2a;
    font: 400 18px/28px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-65 {
        white-space: normal
    }
}

.div-66 {
    display: flex;
    gap: 11px;
    margin-top: 30px;
    padding: 0 1px
}

@media (max-width:991px) {
    .div-66 {
        justify-content: center
    }
}

.img-10,
.img-11,
.img-12,
.img-9 {
    aspect-ratio: 1;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
    overflow: hidden;
    width: 32px
}

.div-67 {
    display: flex;
    gap: 11px;
    margin-top: 14px;
    padding-right: 45px
}

@media (max-width:991px) {
    .div-67 {
        padding-right: 20px
    }
}

.img-13,
.img-14,
.img-15 {
    aspect-ratio: 1;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
    overflow: hidden;
    width: 32px
}

.div-68 {
    align-self: stretch;
    background-color: #e2e2e2;
    height: 1px;
    margin-top: 23px
}

@media (max-width:991px) {
    .div-68 {
        max-width: 100%
    }
}

.div-69 {
    leading-trim: both;
    text-edge: cap;
    align-self: center;
    color: #848e9c;
    font: 300 16px/32px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    margin-top: 22px;
    text-align: center;
    white-space: nowrap
}

@media (max-width:991px) {
    .div-69 {
        white-space: normal
    }
}

.card_sec_cris {
    background: linear-gradient(57deg, #bb1c2a, #7b131b);
    border-radius: 30px;
    box-shadow: 0 6px 54px 0 #777, inset 0 0 10px 4px #930713;
    display: flex;
    flex-direction: column;
    min-height: 257px;
    position: relative
}

.card_sec_cris .img-pos {
    height: 292px;
    position: absolute;
    right: 0;
    top: -100px;
    width: 218px
}

.card_sec_cris p {
    bottom: 0;
    color: #fff !important;
    font-family: Poppins;
    font-size: 23px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    padding: 0 35px;
    position: absolute
}

.card_sec_cris_bear {
    background: linear-gradient(56.74deg, #1e66cb, #0941bb);
    border-radius: 30px;
    box-shadow: inset 0 6px 54px 0 0 0 10px 4px #777 #0e45ad;
    display: flex;
    flex-direction: column;
    min-height: 257px;
    position: relative
}

.card_sec_cris_bear .img-pos {
    height: 270px;
    position: absolute;
    right: 0;
    top: -90px;
    width: 270px
}

.card_sec_cris_bear p {
    bottom: 0;
    color: #fff !important;
    font-family: Poppins;
    font-size: 23px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    padding: 0 35px;
    position: absolute
}

.card_sec_cris_xmas {
    background: linear-gradient(56.74deg, #31b51b, #166508);
    border-radius: 30px;
    box-shadow: inset 0 6px 54px 0 0 0 10px 4px #777 #196c0b;
    display: flex;
    flex-direction: column;
    min-height: 257px;
    position: relative
}

.card_sec_cris_xmas .img-pos {
    height: 270px;
    position: absolute;
    right: 0;
    top: -90px;
    width: 270px
}

.card_sec_cris_xmas p {
    bottom: 0;
    color: #fff !important;
    font-family: B;
    font-size: 23px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    padding: 0 35px;
    position: absolute
}

.ban_card {
    aspect-ratio: 1
}

.ban_card,
.hrse_card {
    object-fit: contain;
    object-position: center;
    overflow: hidden;
    width: 100%
}

.hrse_card {
    fill: #2b91e2;
    aspect-ratio: 2.14
}

.status_kp_banner {
    background: #0e34cf;
    color: #fff;
    padding: 7rem 0 4rem
}

.status_kp_bnnrtext {
    margin: 0 auto;
    width: 75%
}

.card-text {
    font-size: 14px;
    font-weight: 700
}

.network {
    font-size: 9px;
    margin-top: 3px
}

.font-color {
    color: #0e34cf
}

.ml-66 {
    margin-left: 54px !important
}

.ml-88 {
    margin-left: 88px !important
}

@media (max-width:479px) {
    .ml-66 {
        margin-left: 66px !important
    }
}

.kri_sec_six {
    margin-bottom: 20px;
    margin-top: 50px
}

.our-part h2 {
    font-size: 34px;
    font-style: normal;
    font-weight: 600
}

body {
    --background-color: #18181b;
    --text-color: #a1a1aa;
    --card-background-color: hsla(0, 0%, 100%, .015);
    --card-border-color: #ffffff1a;
    --card-box-shadow-1: #0000000d;
    --card-box-shadow-1-y: 3px;
    --card-box-shadow-1-blur: 6px;
    --card-box-shadow-2: #0000001a;
    --card-box-shadow-2-y: 8px;
    --card-box-shadow-2-blur: 15px;
    --card-label-color: #fff;
    --card-icon-color: #d4d4d8;
    --card-icon-background-color: #ffffff14;
    --card-icon-border-color: #ffffff1f;
    --card-shine-opacity: 0.1;
    --card-shine-gradient: conic-gradient(from 205deg at 50% 50%, #10b98100 0deg, #2c4cb1a1 25deg, #2c4cb1a1 295deg, #2c4cb1a1 360deg);
    --card-line-color: #2a2b2c;
    --card-tile-color: #10b9810d;
    --card-hover-border-color: #fff3;
    --card-hover-box-shadow-1: #0000000a;
    --card-hover-box-shadow-1-y: 5px;
    --card-hover-box-shadow-1-blur: 10px;
    --card-hover-box-shadow-2: #0000004d;
    --card-hover-box-shadow-2-y: 15px;
    --card-hover-box-shadow-2-blur: 25px;
    --card-hover-icon-color: #2c4cb1a1;
    --card-hover-icon-background-color: #34d3991a;
    --card-hover-icon-border-color: #34d39933;
    --blur-opacity: 0.01
}

body.light {
    --background-color: #fafafa;
    --text-color: #52525b;
    --card-background-color: #0000;
    --card-border-color: #18181b14;
    --card-box-shadow-1: #18181b05;
    --card-box-shadow-1-y: 3px;
    --card-box-shadow-1-blur: 6px;
    --card-box-shadow-2: #18181b0a;
    --card-box-shadow-2-y: 2px;
    --card-box-shadow-2-blur: 7px;
    --card-label-color: #18181b;
    --card-icon-color: #18181b;
    --card-icon-background-color: #18181b0a;
    --card-icon-border-color: #18181b1a;
    --card-shine-opacity: 0.3;
    --card-shine-gradient: conic-gradient(from 225deg at 50% 50%, #10b98100 0deg, #10b981 25deg, #edfaf6 285deg, #fff 345deg, #10b98100 360deg);
    --card-line-color: #e9e9e7;
    --card-tile-color: #10b98114;
    --card-hover-border-color: #18181b26;
    --card-hover-box-shadow-1: #18181b0d;
    --card-hover-box-shadow-1-y: 3px;
    --card-hover-box-shadow-1-blur: 6px;
    --card-hover-box-shadow-2: #18181b1a;
    --card-hover-box-shadow-2-y: 8px;
    --card-hover-box-shadow-2-blur: 15px;
    --card-hover-icon-color: #18181b;
    --card-hover-icon-background-color: #18181b0a;
    --card-hover-icon-border-color: #18181b57;
    --blur-opacity: 0.1
}

body.toggle .grid * {
    transition-duration: 0s !important
}

.dark_theme .card_payment {
    background-color: var(--background-color);
    border-radius: 15px;
    box-shadow: 0 var(--card-box-shadow-1-y) var(--card-box-shadow-1-blur) var(--card-box-shadow-1), 0 var(--card-box-shadow-2-y) var(--card-box-shadow-2-blur) var(--card-box-shadow-2), 0 0 0 1px var(--card-border-color);
    cursor: pointer;
    padding: 56px 16px 16px;
    position: relative;
    transition: box-shadow .25s
}

.dark_theme .card_payment:before {
    background-color: var(--card-background-color);
    border-radius: 15px;
    content: "";
    inset: 0;
    position: absolute
}

.dark_theme .card_payment .icon {
    display: table;
    padding: 8px;
    position: relative;
    z-index: 2
}

.dark_theme .card_payment .icon:after {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: var(--card-icon-background-color);
    border: 1px solid #0000 !important;
    border-radius: 50%;
    content: "";
    inset: 4.5px;
    position: absolute;
    transition: background-color .25s, border-color .25s
}

.dark_theme .card_payment .icon img {
    color: var(--card-icon-color);
    display: block;
    height: 24px;
    position: relative;
    transform: translateZ(0);
    transition: color .25s;
    width: 24px;
    z-index: 1
}

.dark_theme .card_payment h4 {
    color: var(--card-label-color);
    font-family: B;
    font-size: 14px;
    font-weight: 600;
    line-height: 2;
    margin: 12px 0 4px;
    position: relative;
    z-index: 2
}

.dark_theme .card_payment p {
    color: var(--text-color);
    font-size: 14px;
    line-height: 1.7;
    margin: 0;
    position: relative;
    z-index: 2
}

.dark_theme .card_payment .shine {
    border-radius: inherit;
    inset: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    transition: opacity .5s;
    z-index: 1
}

.dark_theme .card_payment .shine:before {
    background-image: var(--card-shine-gradient);
    border-radius: 50%;
    bottom: 55%;
    content: "";
    filter: blur(35px);
    left: 50%;
    opacity: var(--card-shine-opacity);
    padding-bottom: 150%;
    position: absolute;
    transform: translateX(-50%);
    width: 150%
}

.dark_theme .card_payment .background {
    border-radius: inherit;
    inset: 0;
    -webkit-mask-image: radial-gradient(circle at 60% 5%, #000 0, #000 15%, #0000 60%);
    mask-image: radial-gradient(circle at 60% 5%, #000 0, #000 15%, #0000 60%);
    overflow: hidden;
    position: absolute
}

.dark_theme .card_payment .background .tiles {
    opacity: 0;
    transition: opacity .25s
}

.dark_theme .card_payment .background .tiles .tile {
    animation-duration: 8s;
    animation-iteration-count: infinite;
    background-color: var(--card-tile-color);
    opacity: 0;
    position: absolute
}

.dark_theme .card_payment .background .tiles .tile.tile-10,
.dark_theme .card_payment .background .tiles .tile.tile-4,
.dark_theme .card_payment .background .tiles .tile.tile-6 {
    animation-delay: -2s
}

.dark_theme .card_payment .background .tiles .tile.tile-3,
.dark_theme .card_payment .background .tiles .tile.tile-5,
.dark_theme .card_payment .background .tiles .tile.tile-8 {
    animation-delay: -4s
}

.dark_theme .card_payment .background .tiles .tile.tile-2,
.dark_theme .card_payment .background .tiles .tile.tile-9 {
    animation-delay: -6s
}

.dark_theme .card_payment .background .tiles .tile.tile-1 {
    height: 10%;
    left: 0;
    top: 0;
    width: 22.5%
}

.dark_theme .card_payment .background .tiles .tile.tile-2 {
    height: 10%;
    left: 22.5%;
    top: 0;
    width: 27.5%
}

.dark_theme .card_payment .background .tiles .tile.tile-3 {
    height: 10%;
    left: 50%;
    top: 0;
    width: 27.5%
}

.dark_theme .card_payment .background .tiles .tile.tile-4 {
    height: 10%;
    left: 77.5%;
    top: 0;
    width: 22.5%
}

.dark_theme .card_payment .background .tiles .tile.tile-5 {
    height: 22.5%;
    left: 0;
    top: 10%;
    width: 22.5%
}

.dark_theme .card_payment .background .tiles .tile.tile-6 {
    height: 22.5%;
    left: 22.5%;
    top: 10%;
    width: 27.5%
}

.dark_theme .card_payment .background .tiles .tile.tile-7 {
    height: 22.5%;
    left: 50%;
    top: 10%;
    width: 27.5%
}

.dark_theme .card_payment .background .tiles .tile.tile-8 {
    height: 22.5%;
    left: 77.5%;
    top: 10%;
    width: 22.5%
}

.dark_theme .card_payment .background .tiles .tile.tile-9 {
    height: 22.5%;
    left: 50%;
    top: 32.5%;
    width: 27.5%
}

.dark_theme .card_payment .background .tiles .tile.tile-10 {
    height: 22.5%;
    left: 77.5%;
    top: 32.5%;
    width: 22.5%
}

.dark_theme .card_payment .background .line {
    inset: 0;
    opacity: 0;
    position: absolute;
    transition: opacity .35s
}

.dark_theme .card_payment .background .line:after,
.dark_theme .card_payment .background .line:before {
    background-color: var(--card-line-color);
    content: "";
    position: absolute;
    transition: transform .35s
}

.dark_theme .card_payment .background .line:before {
    height: 1px;
    left: 0;
    right: 0;
    transform: scaleX(0);
    transform-origin: 0 50%
}

.dark_theme .card_payment .background .line:after {
    bottom: 0;
    top: 0;
    transform: scaleY(0);
    transform-origin: 50% 0;
    width: 1px
}

.dark_theme .card_payment .background .line.line-1:before {
    top: 10%
}

.dark_theme .card_payment .background .line.line-1:after {
    left: 22.5%
}

.dark_theme .card_payment .background .line.line-1:after,
.dark_theme .card_payment .background .line.line-1:before {
    transition-delay: .3s
}

.dark_theme .card_payment .background .line.line-2:before {
    top: 32.5%
}

.dark_theme .card_payment .background .line.line-2:after {
    left: 50%
}

.dark_theme .card_payment .background .line.line-2:after,
.dark_theme .card_payment .background .line.line-2:before {
    transition-delay: .15s
}

.dark_theme .card_payment .background .line.line-3:before {
    top: 55%
}

.dark_theme .card_payment .background .line.line-3:after {
    right: 22.5%
}

.dark_theme .card_payment:hover {
    box-shadow: 0 3px 6px var(--card-hover-box-shadow-1), 0 var(--card-hover-box-shadow-2-y) var(--card-hover-box-shadow-2-blur) var(--card-hover-box-shadow-2), 0 0 0 1px var(--card-hover-border-color)
}

.dark_theme .card_payment:hover .icon:after {
    background-color: #4366ff;
    border-color: #2c4cb1a1
}

.dark_theme .card_payment:hover .icon img {
    color: #fff
}

.dark_theme .card_payment:hover .shine {
    opacity: 1;
    transition-delay: 0s;
    transition-duration: .5s
}

.dark_theme .card_payment:hover .background .tiles {
    opacity: 1;
    transition-delay: .25s
}

.dark_theme .card_payment:hover .background .tiles .tile {
    animation-name: tile
}

.dark_theme .card_payment:hover .background .line {
    opacity: 1;
    transition-duration: .15s
}

.dark_theme .card_payment:hover .background .line:before {
    transform: scaleX(1)
}

.dark_theme .card_payment:hover .background .line:after {
    transform: scaleY(1)
}

.dark_theme .card_payment:hover .background .line.line-1:after,
.dark_theme .card_payment:hover .background .line.line-1:before {
    transition-delay: 0s
}

.dark_theme .card_payment:hover .background .line.line-2:after,
.dark_theme .card_payment:hover .background .line.line-2:before {
    transition-delay: .15s
}

.dark_theme .card_payment:hover .background .line.line-3:after,
.dark_theme .card_payment:hover .background .line.line-3:before {
    transition-delay: .3s
}

.card_payment {
    background-color: #e7e7e9;
    border-radius: 15px;
    box-shadow: 0 var(--card-box-shadow-1-y) var(--card-box-shadow-1-blur) var(--card-box-shadow-1), 0 var(--card-box-shadow-2-y) var(--card-box-shadow-2-blur) var(--card-box-shadow-2), 0 0 0 1px var(--card-border-color);
    cursor: pointer;
    padding: 56px 16px 16px;
    position: relative;
    transition: box-shadow .25s
}

.card_payment:before {
    background-color: var(--card-background-color);
    border-radius: 15px;
    content: "";
    inset: 0;
    position: absolute
}

.card_payment .icon {
    display: table;
    padding: 8px;
    position: relative;
    z-index: 2
}

.card_payment .icon:after {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: #bcb5b5;
    border: 1px solid #0000 !important;
    border-radius: 50%;
    content: "";
    inset: 4.5px;
    position: absolute;
    transition: background-color .25s, border-color .25s
}

.card_payment .icon img {
    color: #000;
    display: block;
    height: 24px;
    position: relative;
    transform: translateZ(0);
    transition: color .25s;
    width: 24px;
    z-index: 1
}

.card_payment h4 {
    color: var(--card-label-color);
    font-family: B;
    font-weight: 600;
    line-height: 2;
    margin: 12px 0 4px
}

.card_payment h4,
.card_payment p {
    font-size: 14px;
    position: relative;
    z-index: 2
}

.card_payment p {
    color: var(--text-color);
    line-height: 1.7;
    margin: 0
}

.card_payment .shine {
    border-radius: inherit;
    inset: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    transition: opacity .5s;
    z-index: 1
}

.card_payment .shine:before {
    background-image: var(--card-shine-gradient);
    border-radius: 50%;
    bottom: 55%;
    content: "";
    filter: blur(35px);
    left: 50%;
    opacity: var(--card-shine-opacity);
    padding-bottom: 150%;
    position: absolute;
    transform: translateX(-50%);
    width: 150%
}

.card_payment .background {
    border-radius: inherit;
    inset: 0;
    -webkit-mask-image: radial-gradient(circle at 60% 5%, #000 0, #000 15%, #0000 60%);
    mask-image: radial-gradient(circle at 60% 5%, #000 0, #000 15%, #0000 60%);
    overflow: hidden;
    position: absolute
}

.card_payment .background .tiles {
    opacity: 0;
    transition: opacity .25s
}

.card_payment .background .tiles .tile {
    animation-duration: 8s;
    animation-iteration-count: infinite;
    background-color: var(--card-tile-color);
    opacity: 0;
    position: absolute
}

.card_payment .background .tiles .tile.tile-10,
.card_payment .background .tiles .tile.tile-4,
.card_payment .background .tiles .tile.tile-6 {
    animation-delay: -2s
}

.card_payment .background .tiles .tile.tile-3,
.card_payment .background .tiles .tile.tile-5,
.card_payment .background .tiles .tile.tile-8 {
    animation-delay: -4s
}

.card_payment .background .tiles .tile.tile-2,
.card_payment .background .tiles .tile.tile-9 {
    animation-delay: -6s
}

.card_payment .background .tiles .tile.tile-1 {
    height: 10%;
    left: 0;
    top: 0;
    width: 22.5%
}

.card_payment .background .tiles .tile.tile-2 {
    height: 10%;
    left: 22.5%;
    top: 0;
    width: 27.5%
}

.card_payment .background .tiles .tile.tile-3 {
    height: 10%;
    left: 50%;
    top: 0;
    width: 27.5%
}

.card_payment .background .tiles .tile.tile-4 {
    height: 10%;
    left: 77.5%;
    top: 0;
    width: 22.5%
}

.card_payment .background .tiles .tile.tile-5 {
    height: 22.5%;
    left: 0;
    top: 10%;
    width: 22.5%
}

.card_payment .background .tiles .tile.tile-6 {
    height: 22.5%;
    left: 22.5%;
    top: 10%;
    width: 27.5%
}

.card_payment .background .tiles .tile.tile-7 {
    height: 22.5%;
    left: 50%;
    top: 10%;
    width: 27.5%
}

.card_payment .background .tiles .tile.tile-8 {
    height: 22.5%;
    left: 77.5%;
    top: 10%;
    width: 22.5%
}

.card_payment .background .tiles .tile.tile-9 {
    height: 22.5%;
    left: 50%;
    top: 32.5%;
    width: 27.5%
}

.card_payment .background .tiles .tile.tile-10 {
    height: 22.5%;
    left: 77.5%;
    top: 32.5%;
    width: 22.5%
}

.card_payment .background .line {
    inset: 0;
    opacity: 0;
    position: absolute;
    transition: opacity .35s
}

.card_payment .background .line:after,
.card_payment .background .line:before {
    background-color: #d2cdcd;
    content: "";
    position: absolute;
    transition: transform .35s
}

.card_payment .background .line:before {
    height: 1px;
    left: 0;
    right: 0;
    transform: scaleX(0);
    transform-origin: 0 50%
}

.card_payment .background .line:after {
    bottom: 0;
    top: 0;
    transform: scaleY(0);
    transform-origin: 50% 0;
    width: 1px
}

.card_payment .background .line.line-1:before {
    top: 10%
}

.card_payment .background .line.line-1:after {
    left: 22.5%
}

.card_payment .background .line.line-1:after,
.card_payment .background .line.line-1:before {
    transition-delay: .3s
}

.card_payment .background .line.line-2:before {
    top: 32.5%
}

.card_payment .background .line.line-2:after {
    left: 50%
}

.card_payment .background .line.line-2:after,
.card_payment .background .line.line-2:before {
    transition-delay: .15s
}

.card_payment .background .line.line-3:before {
    top: 55%
}

.card_payment .background .line.line-3:after {
    right: 22.5%
}

.card_payment .dark_theme .background {
    border-radius: inherit;
    inset: 0;
    -webkit-mask-image: radial-gradient(circle at 60% 5%, #000 0, #000 15%, #0000 60%);
    mask-image: radial-gradient(circle at 60% 5%, #000 0, #000 15%, #0000 60%);
    overflow: hidden;
    position: absolute
}

.card_payment .dark_theme .background .tiles {
    opacity: 0;
    transition: opacity .25s
}

.card_payment .dark_theme .background .tiles .tile {
    animation-duration: 8s;
    animation-iteration-count: infinite;
    background-color: var(--card-tile-color);
    opacity: 0;
    position: absolute
}

.card_payment .dark_theme .background .tiles .tile.tile-10,
.card_payment .dark_theme .background .tiles .tile.tile-4,
.card_payment .dark_theme .background .tiles .tile.tile-6 {
    animation-delay: -2s
}

.card_payment .dark_theme .background .tiles .tile.tile-3,
.card_payment .dark_theme .background .tiles .tile.tile-5,
.card_payment .dark_theme .background .tiles .tile.tile-8 {
    animation-delay: -4s
}

.card_payment .dark_theme .background .tiles .tile.tile-2,
.card_payment .dark_theme .background .tiles .tile.tile-9 {
    animation-delay: -6s
}

.card_payment .dark_theme .background .tiles .tile.tile-1 {
    height: 10%;
    left: 0;
    top: 0;
    width: 22.5%
}

.card_payment .dark_theme .background .tiles .tile.tile-2 {
    height: 10%;
    left: 22.5%;
    top: 0;
    width: 27.5%
}

.card_payment .dark_theme .background .tiles .tile.tile-3 {
    height: 10%;
    left: 50%;
    top: 0;
    width: 27.5%
}

.card_payment .dark_theme .background .tiles .tile.tile-4 {
    height: 10%;
    left: 77.5%;
    top: 0;
    width: 22.5%
}

.card_payment .dark_theme .background .tiles .tile.tile-5 {
    height: 22.5%;
    left: 0;
    top: 10%;
    width: 22.5%
}

.card_payment .dark_theme .background .tiles .tile.tile-6 {
    height: 22.5%;
    left: 22.5%;
    top: 10%;
    width: 27.5%
}

.card_payment .dark_theme .background .tiles .tile.tile-7 {
    height: 22.5%;
    left: 50%;
    top: 10%;
    width: 27.5%
}

.card_payment .dark_theme .background .tiles .tile.tile-8 {
    height: 22.5%;
    left: 77.5%;
    top: 10%;
    width: 22.5%
}

.card_payment .dark_theme .background .tiles .tile.tile-9 {
    height: 22.5%;
    left: 50%;
    top: 32.5%;
    width: 27.5%
}

.card_payment .dark_theme .background .tiles .tile.tile-10 {
    height: 22.5%;
    left: 77.5%;
    top: 32.5%;
    width: 22.5%
}

@keyframes tile {

    0%,
    12.5%,
    to {
        opacity: 1
    }

    25%,
    82.5% {
        opacity: 0
    }
}

.card_payment .dark_theme .background .line {
    inset: 0;
    opacity: 0;
    position: absolute;
    transition: opacity .35s
}

.card_payment .dark_theme .background .line:after,
.card_payment .dark_theme .background .line:before {
    background-color: var(--card-line-color);
    content: "";
    position: absolute;
    transition: transform .35s
}

.card_payment .dark_theme .background .line:before {
    height: 1px;
    left: 0;
    right: 0;
    transform: scaleX(0);
    transform-origin: 0 50%
}

.card_payment .dark_theme .background .line:after {
    bottom: 0;
    top: 0;
    transform: scaleY(0);
    transform-origin: 50% 0;
    width: 1px
}

.card_payment .dark_theme .background .line.line-1:before {
    top: 10%
}

.card_payment .dark_theme .background .line.line-1:after {
    left: 22.5%
}

.card_payment .dark_theme .background .line.line-1:after,
.card_payment .dark_theme .background .line.line-1:before {
    transition-delay: .3s
}

.card_payment .dark_theme .background .line.line-2:before {
    top: 32.5%
}

.card_payment .dark_theme .background .line.line-2:after {
    left: 50%
}

.card_payment .dark_theme .background .line.line-2:after,
.card_payment .dark_theme .background .line.line-2:before {
    transition-delay: .15s
}

.card_payment .dark_theme .background .line.line-3:before {
    top: 55%
}

.card_payment .dark_theme .background .line.line-3:after {
    right: 22.5%
}

.card_payment:hover {
    box-shadow: 0 3px 6px var(--card-hover-box-shadow-1), 0 var(--card-hover-box-shadow-2-y) var(--card-hover-box-shadow-2-blur) var(--card-hover-box-shadow-2), 0 0 0 1px var(--card-hover-border-color)
}

.card_payment:hover .icon:after {
    background-color: #4366ff;
    border-color: #2c4cb1a1
}

.card_payment:hover .icon img {
    color: #fff
}

.card_payment:hover .shine {
    opacity: 1;
    transition-delay: 0s;
    transition-duration: .5s
}

.card_payment:hover .background .tiles {
    opacity: 1;
    transition-delay: .25s
}

.card_payment:hover .background .tiles .tile {
    animation-name: tile
}

.card_payment:hover .background .line {
    opacity: 1;
    transition-duration: .15s
}

.card_payment:hover .background .line:before {
    transform: scaleX(1)
}

.card_payment:hover .background .line:after {
    transform: scaleY(1)
}

.card_payment:hover .background .line.line-1:after,
.card_payment:hover .background .line.line-1:before {
    transition-delay: 0s
}

.card_payment:hover .background .line.line-2:after,
.card_payment:hover .background .line.line-2:before {
    transition-delay: .15s
}

.card_payment:hover .background .line.line-3:after,
.card_payment:hover .background .line.line-3:before {
    transition-delay: .3s
}

:root {
    --card-line-height: 1.2em;
    --card-padding: 1em;
    --card-radius: 0.5em;
    --color-green: #558309;
    --color-gray: #e2ebf6;
    --color-dark-gray: #c4d1e1;
    --radio-border-width: 2px;
    --radio-size: 1.5em
}

.radio {
    font-size: inherit;
    margin: 0;
    position: absolute;
    right: calc(var(--card-padding) + var(--radio-border-width));
    top: calc(var(--card-padding) + var(--radio-border-width))
}

.radio:checked~.plan-details {
    border-color: var(--color-green)
}

.radio:focus~.plan-details {
    box-shadow: 0 0 0 2px var(--color-dark-gray)
}

.radio:disabled~.plan-details {
    color: var(--color-dark-gray);
    cursor: default
}

.radio:disabled~.plan-details .plan-type {
    color: var(--color-dark-gray)
}

.card:hover .radio:disabled~.plan-details {
    border-color: var(--color-gray);
    box-shadow: none
}

.card:hover .radio:disabled {
    border-color: var(--color-gray)
}

@supports (-webkit-appearance:none) or (-moz-appearance:none) {
    .radio {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: #fff;
        border: var(--radio-border-width) solid var(--color-gray);
        border-radius: 50%;
        cursor: pointer;
        height: var(--radio-size);
        outline: none;
        transition: background .2s ease-out, border-color .2s ease-out;
        width: var(--radio-size)
    }

    .radio:after {
        border: var(--radio-border-width) solid #fff;
        border-left: 0;
        border-top: 0;
        content: "";
        display: block;
        height: .75rem;
        left: 25%;
        position: absolute;
        top: 50%;
        transform: rotate(45deg) translate(-50%, -50%);
        width: .375rem
    }

    .radio:checked {
        background: var(--color-green);
        border-color: var(--color-green)
    }

    .card:hover .radio {
        border-color: var(--color-dark-gray)
    }

    .card:hover .radio:checked {
        border-color: var(--color-green)
    }
}

.dark_theme .card_json {
    background: #1c1c1f;
    border-radius: 15px;
    padding: 20px
}

.card_json {
    background: #e7e7e9;
    border-radius: 15px;
    padding: 20px
}

.dark_theme .addUpi-modal .modal-body {
    background-color: #111821 !important
}

.radio-buttons {
    margin: 0 auto;
    text-align: center;
    width: 100%
}

.super-dep-method .custom-radio input {
    display: none
}

.radio-btn {
    border: 3px solid #0000;
    border-radius: 10px;
    box-shadow: 0 0 20px #c3c3c367;
    cursor: pointer;
    display: inline-block;
    height: 100px;
    margin: 10px;
    position: relative;
    text-align: center;
    width: 100px
}

.radio-btn>svg {
    background-color: #ffdae9;
    border-radius: 50px;
    color: #fff;
    font-size: 20px;
    left: 50%;
    opacity: 0;
    padding: 3px;
    pointer-events: none;
    position: absolute;
    top: -15px;
    transform: translateX(-50%) scale(2);
    transition: .5s
}

.radio-btn .hobbies-icon {
    height: 100px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100px
}

.radio-btn .hobbies-icon img {
    display: block;
    margin-bottom: 20px;
    width: 100%
}

.radio-btn .hobbies-icon svg {
    color: #ffdae9;
    font-size: 60px;
    line-height: 80px
}

.radio-btn .hobbies-icon h3 {
    color: #555;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase
}

.custom-radio input:checked+.radio-btn {
    border: 2px solid #ffdae9
}

.custom-radio input:checked+.radio-btn>svg {
    opacity: 1;
    transform: translateX(-50%) scale(1)
}

hr {
    border-bottom: 1px solid #d9d9d9
}

.super-dep-method input,
.super-dep-method label {
    cursor: pointer
}

.super-dep-method img {
    display: block;
    max-width: 100%
}

.super-dep-method h2,
.super-dep-method h3,
.super-dep-method h4,
.super-dep-method h5 {
    color: #1f2949;
    font-weight: 600;
    line-height: 1.3
}

.super-dep-method h2 {
    font-size: 24px
}

.super-dep-method h3 {
    font-size: 18px
}

.super-dep-method h4 {
    font-size: 14px
}

.super-dep-method h5 {
    font-size: 12px;
    font-weight: 400
}

.top-text-wrapper {
    margin: 20px 0 30px
}

.top-text-wrapper h4 {
    font-size: 24px;
    margin-bottom: 10px
}

.top-text-wrapper code {
    background: linear-gradient(90deg, #fce3ec, #ffe8cc);
    border-radius: .2rem;
    color: #f20;
    font-size: .85em;
    padding: .1rem .3rem .2rem
}

.tab-section-wrapper {
    padding: 30px 0
}

.grid-wrapper {
    grid-gap: 30px;
    display: grid;
    place-content: center;
    place-items: center
}

.grid-col-auto {
    grid-auto-flow: column;
    grid-template-rows: auto
}

label.radio-card {
    cursor: pointer
}

label.radio-card .card-content-wrapper {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 #dbd7d70a;
    display: grid;
    padding: 15px;
    transition: .2s linear
}

label.radio-card .check-icon {
    border: 2px solid #e3e3e3;
    border-radius: 50%;
    display: inline-block;
    height: 14px;
    left: 70px;
    position: relative;
    top: -10px;
    transition: .2s linear;
    width: 14px
}

label.radio-card .check-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.936 4.584a.523.523 0 0 1-.107-.162.6.6 0 0 1 0-.417.5.5 0 0 1 .107-.162l.753-.723a.469.469 0 0 1 .354-.162.494.494 0 0 1 .209.041c.065.03.123.07.173.121L4.699 5.4 9.58.517a.51.51 0 0 1 .571-.12.471.471 0 0 1 .16.12l.754.733a.499.499 0 0 1 .106.162.6.6 0 0 1 0 .417.52.52 0 0 1-.106.162l-6 5.97a.479.479 0 0 1-.162.122.546.546 0 0 1-.417 0 .479.479 0 0 1-.162-.123L.936 4.584Z' fill='%23fff'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 8px;
    content: "";
    inset: 0;
    opacity: 0;
    position: absolute;
    transform: scale(1.6);
    transition: .2s linear
}

label.radio-card input[type=radio] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

label.radio-card input[type=radio]:checked+.card-content-wrapper {
    box-shadow: 0 2px 4px 0 #dbd7d780, 0 0 0 2px #3057d5
}

label.radio-card input[type=radio]:checked+.card-content-wrapper .check-icon {
    background: #3057d5;
    border-color: #3057d5;
    transform: scale(1.2)
}

label.radio-card input[type=radio]:checked+.card-content-wrapper .check-icon:before {
    opacity: 1;
    transform: scale(1)
}

label.radio-card input[type=radio]:focus+.card-content-wrapper .check-icon {
    border-color: #3056d5;
    box-shadow: 0 0 0 4px #3056d533
}

label.radio-card .card-content h4 {
    color: #1f2949;
    font-size: 16px;
    letter-spacing: -.24px;
    margin-bottom: 10px;
    text-align: center
}

label.radio-card .card-content h5 {
    color: #686d73;
    font-size: 14px;
    line-height: 1.4;
    text-align: center
}

.dark_theme .payment-card-info .card {
    background-color: #21212e !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important
}

.dark_theme .payment-card-info .card-body {
    padding: 1rem !important
}

.dark_theme .payment-card-info .infos {
    color: #a09d99;
    display: flex;
    font-size: 13px;
    justify-content: space-between
}

.dark_theme .payment-card-info .infos .payment-user-info {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start
}

.payment-card-info .card {
    background-color: #f5f5f5 !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important
}

.payment-card-info .card-body {
    padding: 1rem !important
}

.payment-card-info .infos {
    color: #a09d99;
    display: flex;
    font-size: 13px;
    justify-content: space-between
}

.payment-card-info .infos .payment-user-info {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start
}

.payment-card-info .infos span {
    color: #43413e
}

.dark_theme .payment-card-info .infos span {
    color: #b5b3b0
}

.pay-method-container {
    column-gap: 2.5%
}

.pay-method-item {
    background-color: #fff;
    border-radius: 5px;
    flex: 20% 1;
    padding: .9rem 1.15rem;
    position: relative
}

.radio-btn-payment {
    position: absolute;
    right: 3px;
    top: 3px
}

@media screen and (max-width:600px) {
    .pay-method-item {
        padding: .75rem 1rem
    }
}

.card-body-sum .hed_summary {
    font-size: 15px !important;
    font-weight: 500 !important;
    text-align: left !important
}

.div {
    padding-top: 50px
}

@media (max-width:991px) {
    .div {
        padding-left: 20px
    }
}

.div-2 {
    display: flex;
    gap: 20px
}

@media (max-width:991px) {
    .div-2 {
        align-items: stretch;
        flex-direction: column;
        gap: 0
    }
}

.column {
    display: flex;
    flex-direction: column;
    line-height: normal;
    margin-left: 0;
    width: 38%
}

@media (max-width:991px) {
    .column {
        width: 100%
    }
}

.div-3 {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-top: 656px
}

@media (max-width:991px) {
    .div-3 {
        margin-top: 40px;
        max-width: 100%
    }
}

.div-4 {
    disply: flex;
    align-items: start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 500px;
    overflow: hidden;
    padding: 50px 60px 50px 30px;
    position: relative;
    width: 100%
}

@media (max-width:991px) {
    .div-4 {
        max-width: 100%;
        padding: 0 20px
    }
}

.img {
    height: 100%;
    inset: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    width: 100%
}

.div-5 {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(90deg, #be6c00 6.68%, #cd8e24 14.82%, #dfb650 25.94%, #ecd36f 35.95%, #f4e582 44.38%, #f7eb89 50.23%, #d6ae49 68.75%, #be811a 83.63%);
    background-clip: text;
    -webkit-background-clip: text;
    font: 400 30px Oleo Script, -apple-system, Roboto, Helvetica, sans-serif;
    margin: 108px 0 168px;
    max-width: 100%;
    position: relative;
    width: 254px
}

@media (max-width:991px) {
    .div-5 {
        margin: 40px 0
    }
}

.div-6 {
    align-self: start;
    color: #fff;
    font: 400 20px/24px Marck Script, -apple-system, Roboto, Helvetica, sans-serif;
    margin: -238px 0 0 40px;
    max-width: 280px;
    text-align: center;
    z-index: 1
}

@media (max-width:991px) {
    .div-6 {
        margin: -200px 0 0 10px
    }
}

.column-2 {
    display: flex;
    flex-direction: column;
    line-height: normal;
    margin-left: 20px;
    width: 62%
}

@media (max-width:991px) {
    .column-2 {
        width: 100%
    }
}

.div-7 {
    align-items: end;
    display: flex;
    flex-direction: column;
    margin: auto 0
}

@media (max-width:991px) {
    .div-7 {
        margin-top: 40px;
        max-width: 100%
    }
}

.img-2 {
    fill: #2b91e2;
    aspect-ratio: 2.14;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
    overflow: hidden;
    width: 621px
}

.div-8 {
    align-self: stretch;
    margin-top: 44px
}

@media (max-width:991px) {
    .div-8 {
        margin-top: 40px;
        max-width: 100%
    }
}

.div-9 {
    display: flex;
    gap: 20px
}

@media (max-width:991px) {
    .div-9 {
        align-items: stretch;
        flex-direction: column;
        gap: 0
    }
}

.column-3 {
    display: flex;
    flex-direction: column;
    line-height: normal;
    margin-left: 0;
    width: 41%
}

@media (max-width:991px) {
    .column-3 {
        width: 100%
    }
}

.div-10 {
    filter: blur(5px);
    padding: 5px 15px 15px 5px
}

.div-10,
.div-11 {
    disply: flex;
    aspect-ratio: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative
}

.div-11 {
    align-items: end;
    padding: 20px 55px 50px 80px
}

@media (max-width:991px) {
    .div-11 {
        padding: 0 20px
    }
}

.img-3,
.img-4 {
    fill: #1140ff;
    aspect-ratio: 1;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
    overflow: hidden;
    width: 30px
}

.img-4 {
    margin-top: 56px
}

@media (max-width:991px) {
    .img-4 {
        margin-top: 40px
    }
}

.img-5 {
    fill: #1140ff;
    aspect-ratio: 1;
    margin: 58px 0 43px;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
    overflow: hidden;
    width: 30px
}

@media (max-width:991px) {
    .img-5 {
        margin: 40px 0
    }
}

.column-4 {
    display: flex;
    flex-direction: column;
    line-height: normal;
    margin-left: 20px;
    width: 59%
}

@media (max-width:991px) {
    .column-4 {
        width: 100%
    }
}

.div-12 {
    display: flex;
    flex-direction: column;
    margin-top: 30px
}

@media (max-width:991px) {
    .div-12 {
        max-width: 100%
    }
}

.div-13 {
    leading-trim: both;
    text-edge: cap;
    color: #2a2a2a;
    font: 400 20px/34px Poppins, -apple-system, Roboto, Helvetica, sans-serif
}

@media (max-width:991px) {
    .div-13 {
        max-width: 100%
    }
}

.div-14 {
    leading-trim: both;
    text-edge: cap;
    color: #2a2a2a;
    font: 400 20px/34px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    margin-top: 33px
}

@media (max-width:991px) {
    .div-14 {
        max-width: 100%
    }
}

.div-15 {
    leading-trim: both;
    text-edge: cap;
    color: #2a2a2a;
    font: 400 20px/34px Poppins, -apple-system, Roboto, Helvetica, sans-serif;
    margin-top: 32px
}

@media (max-width:991px) {
    .div-15 {
        max-width: 100%
    }
}

.dark_theme .swal2-html-container {
    color: #fff !important
}

.swal2-html-container {
    color: #000 !important
}

.index_countdownBlock__Nko9j {
    background: #bbbaba;
    border-bottom-left-radius: 16px;
    border-top-right-radius: 0;
    padding: 6px 8px 6px 12px;
    position: absolute;
    right: 0;
    top: 0
}

.index_countdownContainer__IwRFM {
    align-items: center;
    color: #929292 !important;
    display: flex
}

.index_countdownContainer__IwRFM .index_statusText__u1DhW {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.card_ou {
    min-height: 100%
}

.dark_theme .card_ou {
    background-color: #0d0c0f;
    border: 1px solid #4c4b4c;
    border-radius: 4px;
    margin-bottom: 0;
    min-height: 100%;
    padding: 10px
}

.modal-trans .modal-content {
    background: #0000;
    border: none
}

.ndpl-200 {
    padding-left: 200px
}

.ndpr-200 {
    padding-right: 200px
}

.ndpt-200 {
    padding-top: 200px
}

.ndmt-200 {
    margin-top: 200px
}

.ndmb-200 {
    margin-bottom: 200px
}

.ndmr-200 {
    margin-right: 200px
}

.ndml-200 {
    margin-left: 200px
}

.ndpl-199 {
    padding-left: 199px
}

.ndpr-199 {
    padding-right: 199px
}

.ndpt-199 {
    padding-top: 199px
}

.ndmt-199 {
    margin-top: 199px
}

.ndmb-199 {
    margin-bottom: 199px
}

.ndmr-199 {
    margin-right: 199px
}

.ndml-199 {
    margin-left: 199px
}

.ndpl-198 {
    padding-left: 198px
}

.ndpr-198 {
    padding-right: 198px
}

.ndpt-198 {
    padding-top: 198px
}

.ndmt-198 {
    margin-top: 198px
}

.ndmb-198 {
    margin-bottom: 198px
}

.ndmr-198 {
    margin-right: 198px
}

.ndml-198 {
    margin-left: 198px
}

.ndpl-197 {
    padding-left: 197px
}

.ndpr-197 {
    padding-right: 197px
}

.ndpt-197 {
    padding-top: 197px
}

.ndmt-197 {
    margin-top: 197px
}

.ndmb-197 {
    margin-bottom: 197px
}

.ndmr-197 {
    margin-right: 197px
}

.ndml-197 {
    margin-left: 197px
}

.ndpl-196 {
    padding-left: 196px
}

.ndpr-196 {
    padding-right: 196px
}

.ndpt-196 {
    padding-top: 196px
}

.ndmt-196 {
    margin-top: 196px
}

.ndmb-196 {
    margin-bottom: 196px
}

.ndmr-196 {
    margin-right: 196px
}

.ndml-196 {
    margin-left: 196px
}

.ndpl-195 {
    padding-left: 195px
}

.ndpr-195 {
    padding-right: 195px
}

.ndpt-195 {
    padding-top: 195px
}

.ndmt-195 {
    margin-top: 195px
}

.ndmb-195 {
    margin-bottom: 195px
}

.ndmr-195 {
    margin-right: 195px
}

.ndml-195 {
    margin-left: 195px
}

.ndpl-194 {
    padding-left: 194px
}

.ndpr-194 {
    padding-right: 194px
}

.ndpt-194 {
    padding-top: 194px
}

.ndmt-194 {
    margin-top: 194px
}

.ndmb-194 {
    margin-bottom: 194px
}

.ndmr-194 {
    margin-right: 194px
}

.ndml-194 {
    margin-left: 194px
}

.ndpl-193 {
    padding-left: 193px
}

.ndpr-193 {
    padding-right: 193px
}

.ndpt-193 {
    padding-top: 193px
}

.ndmt-193 {
    margin-top: 193px
}

.ndmb-193 {
    margin-bottom: 193px
}

.ndmr-193 {
    margin-right: 193px
}

.ndml-193 {
    margin-left: 193px
}

.ndpl-192 {
    padding-left: 192px
}

.ndpr-192 {
    padding-right: 192px
}

.ndpt-192 {
    padding-top: 192px
}

.ndmt-192 {
    margin-top: 192px
}

.ndmb-192 {
    margin-bottom: 192px
}

.ndmr-192 {
    margin-right: 192px
}

.ndml-192 {
    margin-left: 192px
}

.ndpl-191 {
    padding-left: 191px
}

.ndpr-191 {
    padding-right: 191px
}

.ndpt-191 {
    padding-top: 191px
}

.ndmt-191 {
    margin-top: 191px
}

.ndmb-191 {
    margin-bottom: 191px
}

.ndmr-191 {
    margin-right: 191px
}

.ndml-191 {
    margin-left: 191px
}

.ndpl-190 {
    padding-left: 190px
}

.ndpr-190 {
    padding-right: 190px
}

.ndpt-190 {
    padding-top: 190px
}

.ndmt-190 {
    margin-top: 190px
}

.ndmb-190 {
    margin-bottom: 190px
}

.ndmr-190 {
    margin-right: 190px
}

.ndml-190 {
    margin-left: 190px
}

.ndpl-189 {
    padding-left: 189px
}

.ndpr-189 {
    padding-right: 189px
}

.ndpt-189 {
    padding-top: 189px
}

.ndmt-189 {
    margin-top: 189px
}

.ndmb-189 {
    margin-bottom: 189px
}

.ndmr-189 {
    margin-right: 189px
}

.ndml-189 {
    margin-left: 189px
}

.ndpl-188 {
    padding-left: 188px
}

.ndpr-188 {
    padding-right: 188px
}

.ndpt-188 {
    padding-top: 188px
}

.ndmt-188 {
    margin-top: 188px
}

.ndmb-188 {
    margin-bottom: 188px
}

.ndmr-188 {
    margin-right: 188px
}

.ndml-188 {
    margin-left: 188px
}

.ndpl-187 {
    padding-left: 187px
}

.ndpr-187 {
    padding-right: 187px
}

.ndpt-187 {
    padding-top: 187px
}

.ndmt-187 {
    margin-top: 187px
}

.ndmb-187 {
    margin-bottom: 187px
}

.ndmr-187 {
    margin-right: 187px
}

.ndml-187 {
    margin-left: 187px
}

.ndpl-186 {
    padding-left: 186px
}

.ndpr-186 {
    padding-right: 186px
}

.ndpt-186 {
    padding-top: 186px
}

.ndmt-186 {
    margin-top: 186px
}

.ndmb-186 {
    margin-bottom: 186px
}

.ndmr-186 {
    margin-right: 186px
}

.ndml-186 {
    margin-left: 186px
}

.ndpl-185 {
    padding-left: 185px
}

.ndpr-185 {
    padding-right: 185px
}

.ndpt-185 {
    padding-top: 185px
}

.ndmt-185 {
    margin-top: 185px
}

.ndmb-185 {
    margin-bottom: 185px
}

.ndmr-185 {
    margin-right: 185px
}

.ndml-185 {
    margin-left: 185px
}

.ndpl-184 {
    padding-left: 184px
}

.ndpr-184 {
    padding-right: 184px
}

.ndpt-184 {
    padding-top: 184px
}

.ndmt-184 {
    margin-top: 184px
}

.ndmb-184 {
    margin-bottom: 184px
}

.ndmr-184 {
    margin-right: 184px
}

.ndml-184 {
    margin-left: 184px
}

.ndpl-183 {
    padding-left: 183px
}

.ndpr-183 {
    padding-right: 183px
}

.ndpt-183 {
    padding-top: 183px
}

.ndmt-183 {
    margin-top: 183px
}

.ndmb-183 {
    margin-bottom: 183px
}

.ndmr-183 {
    margin-right: 183px
}

.ndml-183 {
    margin-left: 183px
}

.ndpl-182 {
    padding-left: 182px
}

.ndpr-182 {
    padding-right: 182px
}

.ndpt-182 {
    padding-top: 182px
}

.ndmt-182 {
    margin-top: 182px
}

.ndmb-182 {
    margin-bottom: 182px
}

.ndmr-182 {
    margin-right: 182px
}

.ndml-182 {
    margin-left: 182px
}

.ndpl-181 {
    padding-left: 181px
}

.ndpr-181 {
    padding-right: 181px
}

.ndpt-181 {
    padding-top: 181px
}

.ndmt-181 {
    margin-top: 181px
}

.ndmb-181 {
    margin-bottom: 181px
}

.ndmr-181 {
    margin-right: 181px
}

.ndml-181 {
    margin-left: 181px
}

.ndpl-180 {
    padding-left: 180px
}

.ndpr-180 {
    padding-right: 180px
}

.ndpt-180 {
    padding-top: 180px
}

.ndmt-180 {
    margin-top: 180px
}

.ndmb-180 {
    margin-bottom: 180px
}

.ndmr-180 {
    margin-right: 180px
}

.ndml-180 {
    margin-left: 180px
}

.ndpl-179 {
    padding-left: 179px
}

.ndpr-179 {
    padding-right: 179px
}

.ndpt-179 {
    padding-top: 179px
}

.ndmt-179 {
    margin-top: 179px
}

.ndmb-179 {
    margin-bottom: 179px
}

.ndmr-179 {
    margin-right: 179px
}

.ndml-179 {
    margin-left: 179px
}

.ndpl-178 {
    padding-left: 178px
}

.ndpr-178 {
    padding-right: 178px
}

.ndpt-178 {
    padding-top: 178px
}

.ndmt-178 {
    margin-top: 178px
}

.ndmb-178 {
    margin-bottom: 178px
}

.ndmr-178 {
    margin-right: 178px
}

.ndml-178 {
    margin-left: 178px
}

.ndpl-177 {
    padding-left: 177px
}

.ndpr-177 {
    padding-right: 177px
}

.ndpt-177 {
    padding-top: 177px
}

.ndmt-177 {
    margin-top: 177px
}

.ndmb-177 {
    margin-bottom: 177px
}

.ndmr-177 {
    margin-right: 177px
}

.ndml-177 {
    margin-left: 177px
}

.ndpl-176 {
    padding-left: 176px
}

.ndpr-176 {
    padding-right: 176px
}

.ndpt-176 {
    padding-top: 176px
}

.ndmt-176 {
    margin-top: 176px
}

.ndmb-176 {
    margin-bottom: 176px
}

.ndmr-176 {
    margin-right: 176px
}

.ndml-176 {
    margin-left: 176px
}

.ndpl-175 {
    padding-left: 175px
}

.ndpr-175 {
    padding-right: 175px
}

.ndpt-175 {
    padding-top: 175px
}

.ndmt-175 {
    margin-top: 175px
}

.ndmb-175 {
    margin-bottom: 175px
}

.ndmr-175 {
    margin-right: 175px
}

.ndml-175 {
    margin-left: 175px
}

.ndpl-174 {
    padding-left: 174px
}

.ndpr-174 {
    padding-right: 174px
}

.ndpt-174 {
    padding-top: 174px
}

.ndmt-174 {
    margin-top: 174px
}

.ndmb-174 {
    margin-bottom: 174px
}

.ndmr-174 {
    margin-right: 174px
}

.ndml-174 {
    margin-left: 174px
}

.ndpl-173 {
    padding-left: 173px
}

.ndpr-173 {
    padding-right: 173px
}

.ndpt-173 {
    padding-top: 173px
}

.ndmt-173 {
    margin-top: 173px
}

.ndmb-173 {
    margin-bottom: 173px
}

.ndmr-173 {
    margin-right: 173px
}

.ndml-173 {
    margin-left: 173px
}

.ndpl-172 {
    padding-left: 172px
}

.ndpr-172 {
    padding-right: 172px
}

.ndpt-172 {
    padding-top: 172px
}

.ndmt-172 {
    margin-top: 172px
}

.ndmb-172 {
    margin-bottom: 172px
}

.ndmr-172 {
    margin-right: 172px
}

.ndml-172 {
    margin-left: 172px
}

.ndpl-171 {
    padding-left: 171px
}

.ndpr-171 {
    padding-right: 171px
}

.ndpt-171 {
    padding-top: 171px
}

.ndmt-171 {
    margin-top: 171px
}

.ndmb-171 {
    margin-bottom: 171px
}

.ndmr-171 {
    margin-right: 171px
}

.ndml-171 {
    margin-left: 171px
}

.ndpl-170 {
    padding-left: 170px
}

.ndpr-170 {
    padding-right: 170px
}

.ndpt-170 {
    padding-top: 170px
}

.ndmt-170 {
    margin-top: 170px
}

.ndmb-170 {
    margin-bottom: 170px
}

.ndmr-170 {
    margin-right: 170px
}

.ndml-170 {
    margin-left: 170px
}

.ndpl-169 {
    padding-left: 169px
}

.ndpr-169 {
    padding-right: 169px
}

.ndpt-169 {
    padding-top: 169px
}

.ndmt-169 {
    margin-top: 169px
}

.ndmb-169 {
    margin-bottom: 169px
}

.ndmr-169 {
    margin-right: 169px
}

.ndml-169 {
    margin-left: 169px
}

.ndpl-168 {
    padding-left: 168px
}

.ndpr-168 {
    padding-right: 168px
}

.ndpt-168 {
    padding-top: 168px
}

.ndmt-168 {
    margin-top: 168px
}

.ndmb-168 {
    margin-bottom: 168px
}

.ndmr-168 {
    margin-right: 168px
}

.ndml-168 {
    margin-left: 168px
}

.ndpl-167 {
    padding-left: 167px
}

.ndpr-167 {
    padding-right: 167px
}

.ndpt-167 {
    padding-top: 167px
}

.ndmt-167 {
    margin-top: 167px
}

.ndmb-167 {
    margin-bottom: 167px
}

.ndmr-167 {
    margin-right: 167px
}

.ndml-167 {
    margin-left: 167px
}

.ndpl-166 {
    padding-left: 166px
}

.ndpr-166 {
    padding-right: 166px
}

.ndpt-166 {
    padding-top: 166px
}

.ndmt-166 {
    margin-top: 166px
}

.ndmb-166 {
    margin-bottom: 166px
}

.ndmr-166 {
    margin-right: 166px
}

.ndml-166 {
    margin-left: 166px
}

.ndpl-165 {
    padding-left: 165px
}

.ndpr-165 {
    padding-right: 165px
}

.ndpt-165 {
    padding-top: 165px
}

.ndmt-165 {
    margin-top: 165px
}

.ndmb-165 {
    margin-bottom: 165px
}

.ndmr-165 {
    margin-right: 165px
}

.ndml-165 {
    margin-left: 165px
}

.ndpl-164 {
    padding-left: 164px
}

.ndpr-164 {
    padding-right: 164px
}

.ndpt-164 {
    padding-top: 164px
}

.ndmt-164 {
    margin-top: 164px
}

.ndmb-164 {
    margin-bottom: 164px
}

.ndmr-164 {
    margin-right: 164px
}

.ndml-164 {
    margin-left: 164px
}

.ndpl-163 {
    padding-left: 163px
}

.ndpr-163 {
    padding-right: 163px
}

.ndpt-163 {
    padding-top: 163px
}

.ndmt-163 {
    margin-top: 163px
}

.ndmb-163 {
    margin-bottom: 163px
}

.ndmr-163 {
    margin-right: 163px
}

.ndml-163 {
    margin-left: 163px
}

.ndpl-162 {
    padding-left: 162px
}

.ndpr-162 {
    padding-right: 162px
}

.ndpt-162 {
    padding-top: 162px
}

.ndmt-162 {
    margin-top: 162px
}

.ndmb-162 {
    margin-bottom: 162px
}

.ndmr-162 {
    margin-right: 162px
}

.ndml-162 {
    margin-left: 162px
}

.ndpl-161 {
    padding-left: 161px
}

.ndpr-161 {
    padding-right: 161px
}

.ndpt-161 {
    padding-top: 161px
}

.ndmt-161 {
    margin-top: 161px
}

.ndmb-161 {
    margin-bottom: 161px
}

.ndmr-161 {
    margin-right: 161px
}

.ndml-161 {
    margin-left: 161px
}

.ndpl-160 {
    padding-left: 160px
}

.ndpr-160 {
    padding-right: 160px
}

.ndpt-160 {
    padding-top: 160px
}

.ndmt-160 {
    margin-top: 160px
}

.ndmb-160 {
    margin-bottom: 160px
}

.ndmr-160 {
    margin-right: 160px
}

.ndml-160 {
    margin-left: 160px
}

.ndpl-159 {
    padding-left: 159px
}

.ndpr-159 {
    padding-right: 159px
}

.ndpt-159 {
    padding-top: 159px
}

.ndmt-159 {
    margin-top: 159px
}

.ndmb-159 {
    margin-bottom: 159px
}

.ndmr-159 {
    margin-right: 159px
}

.ndml-159 {
    margin-left: 159px
}

.ndpl-158 {
    padding-left: 158px
}

.ndpr-158 {
    padding-right: 158px
}

.ndpt-158 {
    padding-top: 158px
}

.ndmt-158 {
    margin-top: 158px
}

.ndmb-158 {
    margin-bottom: 158px
}

.ndmr-158 {
    margin-right: 158px
}

.ndml-158 {
    margin-left: 158px
}

.ndpl-157 {
    padding-left: 157px
}

.ndpr-157 {
    padding-right: 157px
}

.ndpt-157 {
    padding-top: 157px
}

.ndmt-157 {
    margin-top: 157px
}

.ndmb-157 {
    margin-bottom: 157px
}

.ndmr-157 {
    margin-right: 157px
}

.ndml-157 {
    margin-left: 157px
}

.ndpl-156 {
    padding-left: 156px
}

.ndpr-156 {
    padding-right: 156px
}

.ndpt-156 {
    padding-top: 156px
}

.ndmt-156 {
    margin-top: 156px
}

.ndmb-156 {
    margin-bottom: 156px
}

.ndmr-156 {
    margin-right: 156px
}

.ndml-156 {
    margin-left: 156px
}

.ndpl-155 {
    padding-left: 155px
}

.ndpr-155 {
    padding-right: 155px
}

.ndpt-155 {
    padding-top: 155px
}

.ndmt-155 {
    margin-top: 155px
}

.ndmb-155 {
    margin-bottom: 155px
}

.ndmr-155 {
    margin-right: 155px
}

.ndml-155 {
    margin-left: 155px
}

.ndpl-154 {
    padding-left: 154px
}

.ndpr-154 {
    padding-right: 154px
}

.ndpt-154 {
    padding-top: 154px
}

.ndmt-154 {
    margin-top: 154px
}

.ndmb-154 {
    margin-bottom: 154px
}

.ndmr-154 {
    margin-right: 154px
}

.ndml-154 {
    margin-left: 154px
}

.ndpl-153 {
    padding-left: 153px
}

.ndpr-153 {
    padding-right: 153px
}

.ndpt-153 {
    padding-top: 153px
}

.ndmt-153 {
    margin-top: 153px
}

.ndmb-153 {
    margin-bottom: 153px
}

.ndmr-153 {
    margin-right: 153px
}

.ndml-153 {
    margin-left: 153px
}

.ndpl-152 {
    padding-left: 152px
}

.ndpr-152 {
    padding-right: 152px
}

.ndpt-152 {
    padding-top: 152px
}

.ndmt-152 {
    margin-top: 152px
}

.ndmb-152 {
    margin-bottom: 152px
}

.ndmr-152 {
    margin-right: 152px
}

.ndml-152 {
    margin-left: 152px
}

.ndpl-151 {
    padding-left: 151px
}

.ndpr-151 {
    padding-right: 151px
}

.ndpt-151 {
    padding-top: 151px
}

.ndmt-151 {
    margin-top: 151px
}

.ndmb-151 {
    margin-bottom: 151px
}

.ndmr-151 {
    margin-right: 151px
}

.ndml-151 {
    margin-left: 151px
}

.ndpl-150 {
    padding-left: 150px
}

.ndpr-150 {
    padding-right: 150px
}

.ndpt-150 {
    padding-top: 150px
}

.ndmt-150 {
    margin-top: 150px
}

.ndmb-150 {
    margin-bottom: 150px
}

.ndmr-150 {
    margin-right: 150px
}

.ndml-150 {
    margin-left: 150px
}

.ndpl-149 {
    padding-left: 149px
}

.ndpr-149 {
    padding-right: 149px
}

.ndpt-149 {
    padding-top: 149px
}

.ndmt-149 {
    margin-top: 149px
}

.ndmb-149 {
    margin-bottom: 149px
}

.ndmr-149 {
    margin-right: 149px
}

.ndml-149 {
    margin-left: 149px
}

.ndpl-148 {
    padding-left: 148px
}

.ndpr-148 {
    padding-right: 148px
}

.ndpt-148 {
    padding-top: 148px
}

.ndmt-148 {
    margin-top: 148px
}

.ndmb-148 {
    margin-bottom: 148px
}

.ndmr-148 {
    margin-right: 148px
}

.ndml-148 {
    margin-left: 148px
}

.ndpl-147 {
    padding-left: 147px
}

.ndpr-147 {
    padding-right: 147px
}

.ndpt-147 {
    padding-top: 147px
}

.ndmt-147 {
    margin-top: 147px
}

.ndmb-147 {
    margin-bottom: 147px
}

.ndmr-147 {
    margin-right: 147px
}

.ndml-147 {
    margin-left: 147px
}

.ndpl-146 {
    padding-left: 146px
}

.ndpr-146 {
    padding-right: 146px
}

.ndpt-146 {
    padding-top: 146px
}

.ndmt-146 {
    margin-top: 146px
}

.ndmb-146 {
    margin-bottom: 146px
}

.ndmr-146 {
    margin-right: 146px
}

.ndml-146 {
    margin-left: 146px
}

.ndpl-145 {
    padding-left: 145px
}

.ndpr-145 {
    padding-right: 145px
}

.ndpt-145 {
    padding-top: 145px
}

.ndmt-145 {
    margin-top: 145px
}

.ndmb-145 {
    margin-bottom: 145px
}

.ndmr-145 {
    margin-right: 145px
}

.ndml-145 {
    margin-left: 145px
}

.ndpl-144 {
    padding-left: 144px
}

.ndpr-144 {
    padding-right: 144px
}

.ndpt-144 {
    padding-top: 144px
}

.ndmt-144 {
    margin-top: 144px
}

.ndmb-144 {
    margin-bottom: 144px
}

.ndmr-144 {
    margin-right: 144px
}

.ndml-144 {
    margin-left: 144px
}

.ndpl-143 {
    padding-left: 143px
}

.ndpr-143 {
    padding-right: 143px
}

.ndpt-143 {
    padding-top: 143px
}

.ndmt-143 {
    margin-top: 143px
}

.ndmb-143 {
    margin-bottom: 143px
}

.ndmr-143 {
    margin-right: 143px
}

.ndml-143 {
    margin-left: 143px
}

.ndpl-142 {
    padding-left: 142px
}

.ndpr-142 {
    padding-right: 142px
}

.ndpt-142 {
    padding-top: 142px
}

.ndmt-142 {
    margin-top: 142px
}

.ndmb-142 {
    margin-bottom: 142px
}

.ndmr-142 {
    margin-right: 142px
}

.ndml-142 {
    margin-left: 142px
}

.ndpl-141 {
    padding-left: 141px
}

.ndpr-141 {
    padding-right: 141px
}

.ndpt-141 {
    padding-top: 141px
}

.ndmt-141 {
    margin-top: 141px
}

.ndmb-141 {
    margin-bottom: 141px
}

.ndmr-141 {
    margin-right: 141px
}

.ndml-141 {
    margin-left: 141px
}

.ndpl-140 {
    padding-left: 140px
}

.ndpr-140 {
    padding-right: 140px
}

.ndpt-140 {
    padding-top: 140px
}

.ndmt-140 {
    margin-top: 140px
}

.ndmb-140 {
    margin-bottom: 140px
}

.ndmr-140 {
    margin-right: 140px
}

.ndml-140 {
    margin-left: 140px
}

.ndpl-139 {
    padding-left: 139px
}

.ndpr-139 {
    padding-right: 139px
}

.ndpt-139 {
    padding-top: 139px
}

.ndmt-139 {
    margin-top: 139px
}

.ndmb-139 {
    margin-bottom: 139px
}

.ndmr-139 {
    margin-right: 139px
}

.ndml-139 {
    margin-left: 139px
}

.ndpl-138 {
    padding-left: 138px
}

.ndpr-138 {
    padding-right: 138px
}

.ndpt-138 {
    padding-top: 138px
}

.ndmt-138 {
    margin-top: 138px
}

.ndmb-138 {
    margin-bottom: 138px
}

.ndmr-138 {
    margin-right: 138px
}

.ndml-138 {
    margin-left: 138px
}

.ndpl-137 {
    padding-left: 137px
}

.ndpr-137 {
    padding-right: 137px
}

.ndpt-137 {
    padding-top: 137px
}

.ndmt-137 {
    margin-top: 137px
}

.ndmb-137 {
    margin-bottom: 137px
}

.ndmr-137 {
    margin-right: 137px
}

.ndml-137 {
    margin-left: 137px
}

.ndpl-136 {
    padding-left: 136px
}

.ndpr-136 {
    padding-right: 136px
}

.ndpt-136 {
    padding-top: 136px
}

.ndmt-136 {
    margin-top: 136px
}

.ndmb-136 {
    margin-bottom: 136px
}

.ndmr-136 {
    margin-right: 136px
}

.ndml-136 {
    margin-left: 136px
}

.ndpl-135 {
    padding-left: 135px
}

.ndpr-135 {
    padding-right: 135px
}

.ndpt-135 {
    padding-top: 135px
}

.ndmt-135 {
    margin-top: 135px
}

.ndmb-135 {
    margin-bottom: 135px
}

.ndmr-135 {
    margin-right: 135px
}

.ndml-135 {
    margin-left: 135px
}

.ndpl-134 {
    padding-left: 134px
}

.ndpr-134 {
    padding-right: 134px
}

.ndpt-134 {
    padding-top: 134px
}

.ndmt-134 {
    margin-top: 134px
}

.ndmb-134 {
    margin-bottom: 134px
}

.ndmr-134 {
    margin-right: 134px
}

.ndml-134 {
    margin-left: 134px
}

.ndpl-133 {
    padding-left: 133px
}

.ndpr-133 {
    padding-right: 133px
}

.ndpt-133 {
    padding-top: 133px
}

.ndmt-133 {
    margin-top: 133px
}

.ndmb-133 {
    margin-bottom: 133px
}

.ndmr-133 {
    margin-right: 133px
}

.ndml-133 {
    margin-left: 133px
}

.ndpl-132 {
    padding-left: 132px
}

.ndpr-132 {
    padding-right: 132px
}

.ndpt-132 {
    padding-top: 132px
}

.ndmt-132 {
    margin-top: 132px
}

.ndmb-132 {
    margin-bottom: 132px
}

.ndmr-132 {
    margin-right: 132px
}

.ndml-132 {
    margin-left: 132px
}

.ndpl-131 {
    padding-left: 131px
}

.ndpr-131 {
    padding-right: 131px
}

.ndpt-131 {
    padding-top: 131px
}

.ndmt-131 {
    margin-top: 131px
}

.ndmb-131 {
    margin-bottom: 131px
}

.ndmr-131 {
    margin-right: 131px
}

.ndml-131 {
    margin-left: 131px
}

.ndpl-130 {
    padding-left: 130px
}

.ndpr-130 {
    padding-right: 130px
}

.ndpt-130 {
    padding-top: 130px
}

.ndmt-130 {
    margin-top: 130px
}

.ndmb-130 {
    margin-bottom: 130px
}

.ndmr-130 {
    margin-right: 130px
}

.ndml-130 {
    margin-left: 130px
}

.ndpl-129 {
    padding-left: 129px
}

.ndpr-129 {
    padding-right: 129px
}

.ndpt-129 {
    padding-top: 129px
}

.ndmt-129 {
    margin-top: 129px
}

.ndmb-129 {
    margin-bottom: 129px
}

.ndmr-129 {
    margin-right: 129px
}

.ndml-129 {
    margin-left: 129px
}

.ndpl-128 {
    padding-left: 128px
}

.ndpr-128 {
    padding-right: 128px
}

.ndpt-128 {
    padding-top: 128px
}

.ndmt-128 {
    margin-top: 128px
}

.ndmb-128 {
    margin-bottom: 128px
}

.ndmr-128 {
    margin-right: 128px
}

.ndml-128 {
    margin-left: 128px
}

.ndpl-127 {
    padding-left: 127px
}

.ndpr-127 {
    padding-right: 127px
}

.ndpt-127 {
    padding-top: 127px
}

.ndmt-127 {
    margin-top: 127px
}

.ndmb-127 {
    margin-bottom: 127px
}

.ndmr-127 {
    margin-right: 127px
}

.ndml-127 {
    margin-left: 127px
}

.ndpl-126 {
    padding-left: 126px
}

.ndpr-126 {
    padding-right: 126px
}

.ndpt-126 {
    padding-top: 126px
}

.ndmt-126 {
    margin-top: 126px
}

.ndmb-126 {
    margin-bottom: 126px
}

.ndmr-126 {
    margin-right: 126px
}

.ndml-126 {
    margin-left: 126px
}

.ndpl-125 {
    padding-left: 125px
}

.ndpr-125 {
    padding-right: 125px
}

.ndpt-125 {
    padding-top: 125px
}

.ndmt-125 {
    margin-top: 125px
}

.ndmb-125 {
    margin-bottom: 125px
}

.ndmr-125 {
    margin-right: 125px
}

.ndml-125 {
    margin-left: 125px
}

.ndpl-124 {
    padding-left: 124px
}

.ndpr-124 {
    padding-right: 124px
}

.ndpt-124 {
    padding-top: 124px
}

.ndmt-124 {
    margin-top: 124px
}

.ndmb-124 {
    margin-bottom: 124px
}

.ndmr-124 {
    margin-right: 124px
}

.ndml-124 {
    margin-left: 124px
}

.ndpl-123 {
    padding-left: 123px
}

.ndpr-123 {
    padding-right: 123px
}

.ndpt-123 {
    padding-top: 123px
}

.ndmt-123 {
    margin-top: 123px
}

.ndmb-123 {
    margin-bottom: 123px
}

.ndmr-123 {
    margin-right: 123px
}

.ndml-123 {
    margin-left: 123px
}

.ndpl-122 {
    padding-left: 122px
}

.ndpr-122 {
    padding-right: 122px
}

.ndpt-122 {
    padding-top: 122px
}

.ndmt-122 {
    margin-top: 122px
}

.ndmb-122 {
    margin-bottom: 122px
}

.ndmr-122 {
    margin-right: 122px
}

.ndml-122 {
    margin-left: 122px
}

.ndpl-121 {
    padding-left: 121px
}

.ndpr-121 {
    padding-right: 121px
}

.ndpt-121 {
    padding-top: 121px
}

.ndmt-121 {
    margin-top: 121px
}

.ndmb-121 {
    margin-bottom: 121px
}

.ndmr-121 {
    margin-right: 121px
}

.ndml-121 {
    margin-left: 121px
}

.ndpl-120 {
    padding-left: 120px
}

.ndpr-120 {
    padding-right: 120px
}

.ndpt-120 {
    padding-top: 120px
}

.ndmt-120 {
    margin-top: 120px
}

.ndmb-120 {
    margin-bottom: 120px
}

.ndmr-120 {
    margin-right: 120px
}

.ndml-120 {
    margin-left: 120px
}

.ndpl-119 {
    padding-left: 119px
}

.ndpr-119 {
    padding-right: 119px
}

.ndpt-119 {
    padding-top: 119px
}

.ndmt-119 {
    margin-top: 119px
}

.ndmb-119 {
    margin-bottom: 119px
}

.ndmr-119 {
    margin-right: 119px
}

.ndml-119 {
    margin-left: 119px
}

.ndpl-118 {
    padding-left: 118px
}

.ndpr-118 {
    padding-right: 118px
}

.ndpt-118 {
    padding-top: 118px
}

.ndmt-118 {
    margin-top: 118px
}

.ndmb-118 {
    margin-bottom: 118px
}

.ndmr-118 {
    margin-right: 118px
}

.ndml-118 {
    margin-left: 118px
}

.ndpl-117 {
    padding-left: 117px
}

.ndpr-117 {
    padding-right: 117px
}

.ndpt-117 {
    padding-top: 117px
}

.ndmt-117 {
    margin-top: 117px
}

.ndmb-117 {
    margin-bottom: 117px
}

.ndmr-117 {
    margin-right: 117px
}

.ndml-117 {
    margin-left: 117px
}

.ndpl-116 {
    padding-left: 116px
}

.ndpr-116 {
    padding-right: 116px
}

.ndpt-116 {
    padding-top: 116px
}

.ndmt-116 {
    margin-top: 116px
}

.ndmb-116 {
    margin-bottom: 116px
}

.ndmr-116 {
    margin-right: 116px
}

.ndml-116 {
    margin-left: 116px
}

.ndpl-115 {
    padding-left: 115px
}

.ndpr-115 {
    padding-right: 115px
}

.ndpt-115 {
    padding-top: 115px
}

.ndmt-115 {
    margin-top: 115px
}

.ndmb-115 {
    margin-bottom: 115px
}

.ndmr-115 {
    margin-right: 115px
}

.ndml-115 {
    margin-left: 115px
}

.ndpl-114 {
    padding-left: 114px
}

.ndpr-114 {
    padding-right: 114px
}

.ndpt-114 {
    padding-top: 114px
}

.ndmt-114 {
    margin-top: 114px
}

.ndmb-114 {
    margin-bottom: 114px
}

.ndmr-114 {
    margin-right: 114px
}

.ndml-114 {
    margin-left: 114px
}

.ndpl-113 {
    padding-left: 113px
}

.ndpr-113 {
    padding-right: 113px
}

.ndpt-113 {
    padding-top: 113px
}

.ndmt-113 {
    margin-top: 113px
}

.ndmb-113 {
    margin-bottom: 113px
}

.ndmr-113 {
    margin-right: 113px
}

.ndml-113 {
    margin-left: 113px
}

.ndpl-112 {
    padding-left: 112px
}

.ndpr-112 {
    padding-right: 112px
}

.ndpt-112 {
    padding-top: 112px
}

.ndmt-112 {
    margin-top: 112px
}

.ndmb-112 {
    margin-bottom: 112px
}

.ndmr-112 {
    margin-right: 112px
}

.ndml-112 {
    margin-left: 112px
}

.ndpl-111 {
    padding-left: 111px
}

.ndpr-111 {
    padding-right: 111px
}

.ndpt-111 {
    padding-top: 111px
}

.ndmt-111 {
    margin-top: 111px
}

.ndmb-111 {
    margin-bottom: 111px
}

.ndmr-111 {
    margin-right: 111px
}

.ndml-111 {
    margin-left: 111px
}

.ndpl-110 {
    padding-left: 110px
}

.ndpr-110 {
    padding-right: 110px
}

.ndpt-110 {
    padding-top: 110px
}

.ndmt-110 {
    margin-top: 110px
}

.ndmb-110 {
    margin-bottom: 110px
}

.ndmr-110 {
    margin-right: 110px
}

.ndml-110 {
    margin-left: 110px
}

.ndpl-109 {
    padding-left: 109px
}

.ndpr-109 {
    padding-right: 109px
}

.ndpt-109 {
    padding-top: 109px
}

.ndmt-109 {
    margin-top: 109px
}

.ndmb-109 {
    margin-bottom: 109px
}

.ndmr-109 {
    margin-right: 109px
}

.ndml-109 {
    margin-left: 109px
}

.ndpl-108 {
    padding-left: 108px
}

.ndpr-108 {
    padding-right: 108px
}

.ndpt-108 {
    padding-top: 108px
}

.ndmt-108 {
    margin-top: 108px
}

.ndmb-108 {
    margin-bottom: 108px
}

.ndmr-108 {
    margin-right: 108px
}

.ndml-108 {
    margin-left: 108px
}

.ndpl-107 {
    padding-left: 107px
}

.ndpr-107 {
    padding-right: 107px
}

.ndpt-107 {
    padding-top: 107px
}

.ndmt-107 {
    margin-top: 107px
}

.ndmb-107 {
    margin-bottom: 107px
}

.ndmr-107 {
    margin-right: 107px
}

.ndml-107 {
    margin-left: 107px
}

.ndpl-106 {
    padding-left: 106px
}

.ndpr-106 {
    padding-right: 106px
}

.ndpt-106 {
    padding-top: 106px
}

.ndmt-106 {
    margin-top: 106px
}

.ndmb-106 {
    margin-bottom: 106px
}

.ndmr-106 {
    margin-right: 106px
}

.ndml-106 {
    margin-left: 106px
}

.ndpl-105 {
    padding-left: 105px
}

.ndpr-105 {
    padding-right: 105px
}

.ndpt-105 {
    padding-top: 105px
}

.ndmt-105 {
    margin-top: 105px
}

.ndmb-105 {
    margin-bottom: 105px
}

.ndmr-105 {
    margin-right: 105px
}

.ndml-105 {
    margin-left: 105px
}

.ndpl-104 {
    padding-left: 104px
}

.ndpr-104 {
    padding-right: 104px
}

.ndpt-104 {
    padding-top: 104px
}

.ndmt-104 {
    margin-top: 104px
}

.ndmb-104 {
    margin-bottom: 104px
}

.ndmr-104 {
    margin-right: 104px
}

.ndml-104 {
    margin-left: 104px
}

.ndpl-103 {
    padding-left: 103px
}

.ndpr-103 {
    padding-right: 103px
}

.ndpt-103 {
    padding-top: 103px
}

.ndmt-103 {
    margin-top: 103px
}

.ndmb-103 {
    margin-bottom: 103px
}

.ndmr-103 {
    margin-right: 103px
}

.ndml-103 {
    margin-left: 103px
}

.ndpl-102 {
    padding-left: 102px
}

.ndpr-102 {
    padding-right: 102px
}

.ndpt-102 {
    padding-top: 102px
}

.ndmt-102 {
    margin-top: 102px
}

.ndmb-102 {
    margin-bottom: 102px
}

.ndmr-102 {
    margin-right: 102px
}

.ndml-102 {
    margin-left: 102px
}

.ndpl-101 {
    padding-left: 101px
}

.ndpr-101 {
    padding-right: 101px
}

.ndpt-101 {
    padding-top: 101px
}

.ndmt-101 {
    margin-top: 101px
}

.ndmb-101 {
    margin-bottom: 101px
}

.ndmr-101 {
    margin-right: 101px
}

.ndml-101 {
    margin-left: 101px
}

.ndpl-100 {
    padding-left: 100px
}

.ndpr-100 {
    padding-right: 100px
}

.ndpt-100 {
    padding-top: 100px
}

.ndmt-100 {
    margin-top: 100px
}

.ndmb-100 {
    margin-bottom: 100px
}

.ndmr-100 {
    margin-right: 100px
}

.ndml-100 {
    margin-left: 100px
}

.ndpl-99 {
    padding-left: 99px
}

.ndpr-99 {
    padding-right: 99px
}

.ndpt-99 {
    padding-top: 99px
}

.ndmt-99 {
    margin-top: 99px
}

.ndmb-99 {
    margin-bottom: 99px
}

.ndmr-99 {
    margin-right: 99px
}

.ndml-99 {
    margin-left: 99px
}

.ndpl-98 {
    padding-left: 98px
}

.ndpr-98 {
    padding-right: 98px
}

.ndpt-98 {
    padding-top: 98px
}

.ndmt-98 {
    margin-top: 98px
}

.ndmb-98 {
    margin-bottom: 98px
}

.ndmr-98 {
    margin-right: 98px
}

.ndml-98 {
    margin-left: 98px
}

.ndpl-97 {
    padding-left: 97px
}

.ndpr-97 {
    padding-right: 97px
}

.ndpt-97 {
    padding-top: 97px
}

.ndmt-97 {
    margin-top: 97px
}

.ndmb-97 {
    margin-bottom: 97px
}

.ndmr-97 {
    margin-right: 97px
}

.ndml-97 {
    margin-left: 97px
}

.ndpl-96 {
    padding-left: 96px
}

.ndpr-96 {
    padding-right: 96px
}

.ndpt-96 {
    padding-top: 96px
}

.ndmt-96 {
    margin-top: 96px
}

.ndmb-96 {
    margin-bottom: 96px
}

.ndmr-96 {
    margin-right: 96px
}

.ndml-96 {
    margin-left: 96px
}

.ndpl-95 {
    padding-left: 95px
}

.ndpr-95 {
    padding-right: 95px
}

.ndpt-95 {
    padding-top: 95px
}

.ndmt-95 {
    margin-top: 95px
}

.ndmb-95 {
    margin-bottom: 95px
}

.ndmr-95 {
    margin-right: 95px
}

.ndml-95 {
    margin-left: 95px
}

.ndpl-94 {
    padding-left: 94px
}

.ndpr-94 {
    padding-right: 94px
}

.ndpt-94 {
    padding-top: 94px
}

.ndmt-94 {
    margin-top: 94px
}

.ndmb-94 {
    margin-bottom: 94px
}

.ndmr-94 {
    margin-right: 94px
}

.ndml-94 {
    margin-left: 94px
}

.ndpl-93 {
    padding-left: 93px
}

.ndpr-93 {
    padding-right: 93px
}

.ndpt-93 {
    padding-top: 93px
}

.ndmt-93 {
    margin-top: 93px
}

.ndmb-93 {
    margin-bottom: 93px
}

.ndmr-93 {
    margin-right: 93px
}

.ndml-93 {
    margin-left: 93px
}

.ndpl-92 {
    padding-left: 92px
}

.ndpr-92 {
    padding-right: 92px
}

.ndpt-92 {
    padding-top: 92px
}

.ndmt-92 {
    margin-top: 92px
}

.ndmb-92 {
    margin-bottom: 92px
}

.ndmr-92 {
    margin-right: 92px
}

.ndml-92 {
    margin-left: 92px
}

.ndpl-91 {
    padding-left: 91px
}

.ndpr-91 {
    padding-right: 91px
}

.ndpt-91 {
    padding-top: 91px
}

.ndmt-91 {
    margin-top: 91px
}

.ndmb-91 {
    margin-bottom: 91px
}

.ndmr-91 {
    margin-right: 91px
}

.ndml-91 {
    margin-left: 91px
}

.ndpl-90 {
    padding-left: 90px
}

.ndpr-90 {
    padding-right: 90px
}

.ndpt-90 {
    padding-top: 90px
}

.ndmt-90 {
    margin-top: 90px
}

.ndmb-90 {
    margin-bottom: 90px
}

.ndmr-90 {
    margin-right: 90px
}

.ndml-90 {
    margin-left: 90px
}

.ndpl-89 {
    padding-left: 89px
}

.ndpr-89 {
    padding-right: 89px
}

.ndpt-89 {
    padding-top: 89px
}

.ndmt-89 {
    margin-top: 89px
}

.ndmb-89 {
    margin-bottom: 89px
}

.ndmr-89 {
    margin-right: 89px
}

.ndml-89 {
    margin-left: 89px
}

.ndpl-88 {
    padding-left: 88px
}

.ndpr-88 {
    padding-right: 88px
}

.ndpt-88 {
    padding-top: 88px
}

.ndmt-88 {
    margin-top: 88px
}

.ndmb-88 {
    margin-bottom: 88px
}

.ndmr-88 {
    margin-right: 88px
}

.ndml-88 {
    margin-left: 88px
}

.ndpl-87 {
    padding-left: 87px
}

.ndpr-87 {
    padding-right: 87px
}

.ndpt-87 {
    padding-top: 87px
}

.ndmt-87 {
    margin-top: 87px
}

.ndmb-87 {
    margin-bottom: 87px
}

.ndmr-87 {
    margin-right: 87px
}

.ndml-87 {
    margin-left: 87px
}

.ndpl-86 {
    padding-left: 86px
}

.ndpr-86 {
    padding-right: 86px
}

.ndpt-86 {
    padding-top: 86px
}

.ndmt-86 {
    margin-top: 86px
}

.ndmb-86 {
    margin-bottom: 86px
}

.ndmr-86 {
    margin-right: 86px
}

.ndml-86 {
    margin-left: 86px
}

.ndpl-85 {
    padding-left: 85px
}

.ndpr-85 {
    padding-right: 85px
}

.ndpt-85 {
    padding-top: 85px
}

.ndmt-85 {
    margin-top: 85px
}

.ndmb-85 {
    margin-bottom: 85px
}

.ndmr-85 {
    margin-right: 85px
}

.ndml-85 {
    margin-left: 85px
}

.ndpl-84 {
    padding-left: 84px
}

.ndpr-84 {
    padding-right: 84px
}

.ndpt-84 {
    padding-top: 84px
}

.ndmt-84 {
    margin-top: 84px
}

.ndmb-84 {
    margin-bottom: 84px
}

.ndmr-84 {
    margin-right: 84px
}

.ndml-84 {
    margin-left: 84px
}

.ndpl-83 {
    padding-left: 83px
}

.ndpr-83 {
    padding-right: 83px
}

.ndpt-83 {
    padding-top: 83px
}

.ndmt-83 {
    margin-top: 83px
}

.ndmb-83 {
    margin-bottom: 83px
}

.ndmr-83 {
    margin-right: 83px
}

.ndml-83 {
    margin-left: 83px
}

.ndpl-82 {
    padding-left: 82px
}

.ndpr-82 {
    padding-right: 82px
}

.ndpt-82 {
    padding-top: 82px
}

.ndmt-82 {
    margin-top: 82px
}

.ndmb-82 {
    margin-bottom: 82px
}

.ndmr-82 {
    margin-right: 82px
}

.ndml-82 {
    margin-left: 82px
}

.ndpl-81 {
    padding-left: 81px
}

.ndpr-81 {
    padding-right: 81px
}

.ndpt-81 {
    padding-top: 81px
}

.ndmt-81 {
    margin-top: 81px
}

.ndmb-81 {
    margin-bottom: 81px
}

.ndmr-81 {
    margin-right: 81px
}

.ndml-81 {
    margin-left: 81px
}

.ndpl-80 {
    padding-left: 80px
}

.ndpr-80 {
    padding-right: 80px
}

.ndpt-80 {
    padding-top: 80px
}

.ndmt-80 {
    margin-top: 80px
}

.ndmb-80 {
    margin-bottom: 80px
}

.ndmr-80 {
    margin-right: 80px
}

.ndml-80 {
    margin-left: 80px
}

.ndpl-79 {
    padding-left: 79px
}

.ndpr-79 {
    padding-right: 79px
}

.ndpt-79 {
    padding-top: 79px
}

.ndmt-79 {
    margin-top: 79px
}

.ndmb-79 {
    margin-bottom: 79px
}

.ndmr-79 {
    margin-right: 79px
}

.ndml-79 {
    margin-left: 79px
}

.ndpl-78 {
    padding-left: 78px
}

.ndpr-78 {
    padding-right: 78px
}

.ndpt-78 {
    padding-top: 78px
}

.ndmt-78 {
    margin-top: 78px
}

.ndmb-78 {
    margin-bottom: 78px
}

.ndmr-78 {
    margin-right: 78px
}

.ndml-78 {
    margin-left: 78px
}

.ndpl-77 {
    padding-left: 77px
}

.ndpr-77 {
    padding-right: 77px
}

.ndpt-77 {
    padding-top: 77px
}

.ndmt-77 {
    margin-top: 77px
}

.ndmb-77 {
    margin-bottom: 77px
}

.ndmr-77 {
    margin-right: 77px
}

.ndml-77 {
    margin-left: 77px
}

.ndpl-76 {
    padding-left: 76px
}

.ndpr-76 {
    padding-right: 76px
}

.ndpt-76 {
    padding-top: 76px
}

.ndmt-76 {
    margin-top: 76px
}

.ndmb-76 {
    margin-bottom: 76px
}

.ndmr-76 {
    margin-right: 76px
}

.ndml-76 {
    margin-left: 76px
}

.ndpl-75 {
    padding-left: 75px
}

.ndpr-75 {
    padding-right: 75px
}

.ndpt-75 {
    padding-top: 75px
}

.ndmt-75 {
    margin-top: 75px
}

.ndmb-75 {
    margin-bottom: 75px
}

.ndmr-75 {
    margin-right: 75px
}

.ndml-75 {
    margin-left: 75px
}

.ndpl-74 {
    padding-left: 74px
}

.ndpr-74 {
    padding-right: 74px
}

.ndpt-74 {
    padding-top: 74px
}

.ndmt-74 {
    margin-top: 74px
}

.ndmb-74 {
    margin-bottom: 74px
}

.ndmr-74 {
    margin-right: 74px
}

.ndml-74 {
    margin-left: 74px
}

.ndpl-73 {
    padding-left: 73px
}

.ndpr-73 {
    padding-right: 73px
}

.ndpt-73 {
    padding-top: 73px
}

.ndmt-73 {
    margin-top: 73px
}

.ndmb-73 {
    margin-bottom: 73px
}

.ndmr-73 {
    margin-right: 73px
}

.ndml-73 {
    margin-left: 73px
}

.ndpl-72 {
    padding-left: 72px
}

.ndpr-72 {
    padding-right: 72px
}

.ndpt-72 {
    padding-top: 72px
}

.ndmt-72 {
    margin-top: 72px
}

.ndmb-72 {
    margin-bottom: 72px
}

.ndmr-72 {
    margin-right: 72px
}

.ndml-72 {
    margin-left: 72px
}

.ndpl-71 {
    padding-left: 71px
}

.ndpr-71 {
    padding-right: 71px
}

.ndpt-71 {
    padding-top: 71px
}

.ndmt-71 {
    margin-top: 71px
}

.ndmb-71 {
    margin-bottom: 71px
}

.ndmr-71 {
    margin-right: 71px
}

.ndml-71 {
    margin-left: 71px
}

.ndpl-70 {
    padding-left: 70px
}

.ndpr-70 {
    padding-right: 70px
}

.ndpt-70 {
    padding-top: 70px
}

.ndmt-70 {
    margin-top: 70px
}

.ndmb-70 {
    margin-bottom: 70px
}

.ndmr-70 {
    margin-right: 70px
}

.ndml-70 {
    margin-left: 70px
}

.ndpl-69 {
    padding-left: 69px
}

.ndpr-69 {
    padding-right: 69px
}

.ndpt-69 {
    padding-top: 69px
}

.ndmt-69 {
    margin-top: 69px
}

.ndmb-69 {
    margin-bottom: 69px
}

.ndmr-69 {
    margin-right: 69px
}

.ndml-69 {
    margin-left: 69px
}

.ndpl-68 {
    padding-left: 68px
}

.ndpr-68 {
    padding-right: 68px
}

.ndpt-68 {
    padding-top: 68px
}

.ndmt-68 {
    margin-top: 68px
}

.ndmb-68 {
    margin-bottom: 68px
}

.ndmr-68 {
    margin-right: 68px
}

.ndml-68 {
    margin-left: 68px
}

.ndpl-67 {
    padding-left: 67px
}

.ndpr-67 {
    padding-right: 67px
}

.ndpt-67 {
    padding-top: 67px
}

.ndmt-67 {
    margin-top: 67px
}

.ndmb-67 {
    margin-bottom: 67px
}

.ndmr-67 {
    margin-right: 67px
}

.ndml-67 {
    margin-left: 67px
}

.ndpl-66 {
    padding-left: 66px
}

.ndpr-66 {
    padding-right: 66px
}

.ndpt-66 {
    padding-top: 66px
}

.ndmt-66 {
    margin-top: 66px
}

.ndmb-66 {
    margin-bottom: 66px
}

.ndmr-66 {
    margin-right: 66px
}

.ndml-66 {
    margin-left: 66px
}

.ndpl-65 {
    padding-left: 65px
}

.ndpr-65 {
    padding-right: 65px
}

.ndpt-65 {
    padding-top: 65px
}

.ndmt-65 {
    margin-top: 65px
}

.ndmb-65 {
    margin-bottom: 65px
}

.ndmr-65 {
    margin-right: 65px
}

.ndml-65 {
    margin-left: 65px
}

.ndpl-64 {
    padding-left: 64px
}

.ndpr-64 {
    padding-right: 64px
}

.ndpt-64 {
    padding-top: 64px
}

.ndmt-64 {
    margin-top: 64px
}

.ndmb-64 {
    margin-bottom: 64px
}

.ndmr-64 {
    margin-right: 64px
}

.ndml-64 {
    margin-left: 64px
}

.ndpl-63 {
    padding-left: 63px
}

.ndpr-63 {
    padding-right: 63px
}

.ndpt-63 {
    padding-top: 63px
}

.ndmt-63 {
    margin-top: 63px
}

.ndmb-63 {
    margin-bottom: 63px
}

.ndmr-63 {
    margin-right: 63px
}

.ndml-63 {
    margin-left: 63px
}

.ndpl-62 {
    padding-left: 62px
}

.ndpr-62 {
    padding-right: 62px
}

.ndpt-62 {
    padding-top: 62px
}

.ndmt-62 {
    margin-top: 62px
}

.ndmb-62 {
    margin-bottom: 62px
}

.ndmr-62 {
    margin-right: 62px
}

.ndml-62 {
    margin-left: 62px
}

.ndpl-61 {
    padding-left: 61px
}

.ndpr-61 {
    padding-right: 61px
}

.ndpt-61 {
    padding-top: 61px
}

.ndmt-61 {
    margin-top: 61px
}

.ndmb-61 {
    margin-bottom: 61px
}

.ndmr-61 {
    margin-right: 61px
}

.ndml-61 {
    margin-left: 61px
}

.ndpl-60 {
    padding-left: 60px
}

.ndpr-60 {
    padding-right: 60px
}

.ndpt-60 {
    padding-top: 60px
}

.ndmt-60 {
    margin-top: 60px
}

.ndmb-60 {
    margin-bottom: 60px
}

.ndmr-60 {
    margin-right: 60px
}

.ndml-60 {
    margin-left: 60px
}

.ndpl-59 {
    padding-left: 59px
}

.ndpr-59 {
    padding-right: 59px
}

.ndpt-59 {
    padding-top: 59px
}

.ndmt-59 {
    margin-top: 59px
}

.ndmb-59 {
    margin-bottom: 59px
}

.ndmr-59 {
    margin-right: 59px
}

.ndml-59 {
    margin-left: 59px
}

.ndpl-58 {
    padding-left: 58px
}

.ndpr-58 {
    padding-right: 58px
}

.ndpt-58 {
    padding-top: 58px
}

.ndmt-58 {
    margin-top: 58px
}

.ndmb-58 {
    margin-bottom: 58px
}

.ndmr-58 {
    margin-right: 58px
}

.ndml-58 {
    margin-left: 58px
}

.ndpl-57 {
    padding-left: 57px
}

.ndpr-57 {
    padding-right: 57px
}

.ndpt-57 {
    padding-top: 57px
}

.ndmt-57 {
    margin-top: 57px
}

.ndmb-57 {
    margin-bottom: 57px
}

.ndmr-57 {
    margin-right: 57px
}

.ndml-57 {
    margin-left: 57px
}

.ndpl-56 {
    padding-left: 56px
}

.ndpr-56 {
    padding-right: 56px
}

.ndpt-56 {
    padding-top: 56px
}

.ndmt-56 {
    margin-top: 56px
}

.ndmb-56 {
    margin-bottom: 56px
}

.ndmr-56 {
    margin-right: 56px
}

.ndml-56 {
    margin-left: 56px
}

.ndpl-55 {
    padding-left: 55px
}

.ndpr-55 {
    padding-right: 55px
}

.ndpt-55 {
    padding-top: 55px
}

.ndmt-55 {
    margin-top: 55px
}

.ndmb-55 {
    margin-bottom: 55px
}

.ndmr-55 {
    margin-right: 55px
}

.ndml-55 {
    margin-left: 55px
}

.ndpl-54 {
    padding-left: 54px
}

.ndpr-54 {
    padding-right: 54px
}

.ndpt-54 {
    padding-top: 54px
}

.ndmt-54 {
    margin-top: 54px
}

.ndmb-54 {
    margin-bottom: 54px
}

.ndmr-54 {
    margin-right: 54px
}

.ndml-54 {
    margin-left: 54px
}

.ndpl-53 {
    padding-left: 53px
}

.ndpr-53 {
    padding-right: 53px
}

.ndpt-53 {
    padding-top: 53px
}

.ndmt-53 {
    margin-top: 53px
}

.ndmb-53 {
    margin-bottom: 53px
}

.ndmr-53 {
    margin-right: 53px
}

.ndml-53 {
    margin-left: 53px
}

.ndpl-52 {
    padding-left: 52px
}

.ndpr-52 {
    padding-right: 52px
}

.ndpt-52 {
    padding-top: 52px
}

.ndmt-52 {
    margin-top: 52px
}

.ndmb-52 {
    margin-bottom: 52px
}

.ndmr-52 {
    margin-right: 52px
}

.ndml-52 {
    margin-left: 52px
}

.ndpl-51 {
    padding-left: 51px
}

.ndpr-51 {
    padding-right: 51px
}

.ndpt-51 {
    padding-top: 51px
}

.ndmt-51 {
    margin-top: 51px
}

.ndmb-51 {
    margin-bottom: 51px
}

.ndmr-51 {
    margin-right: 51px
}

.ndml-51 {
    margin-left: 51px
}

.ndpl-50 {
    padding-left: 50px
}

.ndpr-50 {
    padding-right: 50px
}

.ndpt-50 {
    padding-top: 50px
}

.ndmt-50 {
    margin-top: 50px
}

.ndmb-50 {
    margin-bottom: 50px
}

.ndmr-50 {
    margin-right: 50px
}

.ndml-50 {
    margin-left: 50px
}

.ndpl-49 {
    padding-left: 49px
}

.ndpr-49 {
    padding-right: 49px
}

.ndpt-49 {
    padding-top: 49px
}

.ndmt-49 {
    margin-top: 49px
}

.ndmb-49 {
    margin-bottom: 49px
}

.ndmr-49 {
    margin-right: 49px
}

.ndml-49 {
    margin-left: 49px
}

.ndpl-48 {
    padding-left: 48px
}

.ndpr-48 {
    padding-right: 48px
}

.ndpt-48 {
    padding-top: 48px
}

.ndmt-48 {
    margin-top: 48px
}

.ndmb-48 {
    margin-bottom: 48px
}

.ndmr-48 {
    margin-right: 48px
}

.ndml-48 {
    margin-left: 48px
}

.ndpl-47 {
    padding-left: 47px
}

.ndpr-47 {
    padding-right: 47px
}

.ndpt-47 {
    padding-top: 47px
}

.ndmt-47 {
    margin-top: 47px
}

.ndmb-47 {
    margin-bottom: 47px
}

.ndmr-47 {
    margin-right: 47px
}

.ndml-47 {
    margin-left: 47px
}

.ndpl-46 {
    padding-left: 46px
}

.ndpr-46 {
    padding-right: 46px
}

.ndpt-46 {
    padding-top: 46px
}

.ndmt-46 {
    margin-top: 46px
}

.ndmb-46 {
    margin-bottom: 46px
}

.ndmr-46 {
    margin-right: 46px
}

.ndml-46 {
    margin-left: 46px
}

.ndpl-45 {
    padding-left: 45px
}

.ndpr-45 {
    padding-right: 45px
}

.ndpt-45 {
    padding-top: 45px
}

.ndmt-45 {
    margin-top: 45px
}

.ndmb-45 {
    margin-bottom: 45px
}

.ndmr-45 {
    margin-right: 45px
}

.ndml-45 {
    margin-left: 45px
}

.ndpl-44 {
    padding-left: 44px
}

.ndpr-44 {
    padding-right: 44px
}

.ndpt-44 {
    padding-top: 44px
}

.ndmt-44 {
    margin-top: 44px
}

.ndmb-44 {
    margin-bottom: 44px
}

.ndmr-44 {
    margin-right: 44px
}

.ndml-44 {
    margin-left: 44px
}

.ndpl-43 {
    padding-left: 43px
}

.ndpr-43 {
    padding-right: 43px
}

.ndpt-43 {
    padding-top: 43px
}

.ndmt-43 {
    margin-top: 43px
}

.ndmb-43 {
    margin-bottom: 43px
}

.ndmr-43 {
    margin-right: 43px
}

.ndml-43 {
    margin-left: 43px
}

.ndpl-42 {
    padding-left: 42px
}

.ndpr-42 {
    padding-right: 42px
}

.ndpt-42 {
    padding-top: 42px
}

.ndmt-42 {
    margin-top: 42px
}

.ndmb-42 {
    margin-bottom: 42px
}

.ndmr-42 {
    margin-right: 42px
}

.ndml-42 {
    margin-left: 42px
}

.ndpl-41 {
    padding-left: 41px
}

.ndpr-41 {
    padding-right: 41px
}

.ndpt-41 {
    padding-top: 41px
}

.ndmt-41 {
    margin-top: 41px
}

.ndmb-41 {
    margin-bottom: 41px
}

.ndmr-41 {
    margin-right: 41px
}

.ndml-41 {
    margin-left: 41px
}

.ndpl-40 {
    padding-left: 40px
}

.ndpr-40 {
    padding-right: 40px
}

.ndpt-40 {
    padding-top: 40px
}

.ndmt-40 {
    margin-top: 40px
}

.ndmb-40 {
    margin-bottom: 40px
}

.ndmr-40 {
    margin-right: 40px
}

.ndml-40 {
    margin-left: 40px
}

.ndpl-39 {
    padding-left: 39px
}

.ndpr-39 {
    padding-right: 39px
}

.ndpt-39 {
    padding-top: 39px
}

.ndmt-39 {
    margin-top: 39px
}

.ndmb-39 {
    margin-bottom: 39px
}

.ndmr-39 {
    margin-right: 39px
}

.ndml-39 {
    margin-left: 39px
}

.ndpl-38 {
    padding-left: 38px
}

.ndpr-38 {
    padding-right: 38px
}

.ndpt-38 {
    padding-top: 38px
}

.ndmt-38 {
    margin-top: 38px
}

.ndmb-38 {
    margin-bottom: 38px
}

.ndmr-38 {
    margin-right: 38px
}

.ndml-38 {
    margin-left: 38px
}

.ndpl-37 {
    padding-left: 37px
}

.ndpr-37 {
    padding-right: 37px
}

.ndpt-37 {
    padding-top: 37px
}

.ndmt-37 {
    margin-top: 37px
}

.ndmb-37 {
    margin-bottom: 37px
}

.ndmr-37 {
    margin-right: 37px
}

.ndml-37 {
    margin-left: 37px
}

.ndpl-36 {
    padding-left: 36px
}

.ndpr-36 {
    padding-right: 36px
}

.ndpt-36 {
    padding-top: 36px
}

.ndmt-36 {
    margin-top: 36px
}

.ndmb-36 {
    margin-bottom: 36px
}

.ndmr-36 {
    margin-right: 36px
}

.ndml-36 {
    margin-left: 36px
}

.ndpl-35 {
    padding-left: 35px
}

.ndpr-35 {
    padding-right: 35px
}

.ndpt-35 {
    padding-top: 35px
}

.ndmt-35 {
    margin-top: 35px
}

.ndmb-35 {
    margin-bottom: 35px
}

.ndmr-35 {
    margin-right: 35px
}

.ndml-35 {
    margin-left: 35px
}

.ndpl-34 {
    padding-left: 34px
}

.ndpr-34 {
    padding-right: 34px
}

.ndpt-34 {
    padding-top: 34px
}

.ndmt-34 {
    margin-top: 34px
}

.ndmb-34 {
    margin-bottom: 34px
}

.ndmr-34 {
    margin-right: 34px
}

.ndml-34 {
    margin-left: 34px
}

.ndpl-33 {
    padding-left: 33px
}

.ndpr-33 {
    padding-right: 33px
}

.ndpt-33 {
    padding-top: 33px
}

.ndmt-33 {
    margin-top: 33px
}

.ndmb-33 {
    margin-bottom: 33px
}

.ndmr-33 {
    margin-right: 33px
}

.ndml-33 {
    margin-left: 33px
}

.ndpl-32 {
    padding-left: 32px
}

.ndpr-32 {
    padding-right: 32px
}

.ndpt-32 {
    padding-top: 32px
}

.ndmt-32 {
    margin-top: 32px
}

.ndmb-32 {
    margin-bottom: 32px
}

.ndmr-32 {
    margin-right: 32px
}

.ndml-32 {
    margin-left: 32px
}

.ndpl-31 {
    padding-left: 31px
}

.ndpr-31 {
    padding-right: 31px
}

.ndpt-31 {
    padding-top: 31px
}

.ndmt-31 {
    margin-top: 31px
}

.ndmb-31 {
    margin-bottom: 31px
}

.ndmr-31 {
    margin-right: 31px
}

.ndml-31 {
    margin-left: 31px
}

.ndpl-30 {
    padding-left: 30px
}

.ndpr-30 {
    padding-right: 30px
}

.ndpt-30 {
    padding-top: 30px
}

.ndmt-30 {
    margin-top: 30px
}

.ndmb-30 {
    margin-bottom: 30px
}

.ndmr-30 {
    margin-right: 30px
}

.ndml-30 {
    margin-left: 30px
}

.ndpl-29 {
    padding-left: 29px
}

.ndpr-29 {
    padding-right: 29px
}

.ndpt-29 {
    padding-top: 29px
}

.ndmt-29 {
    margin-top: 29px
}

.ndmb-29 {
    margin-bottom: 29px
}

.ndmr-29 {
    margin-right: 29px
}

.ndml-29 {
    margin-left: 29px
}

.ndpl-28 {
    padding-left: 28px
}

.ndpr-28 {
    padding-right: 28px
}

.ndpt-28 {
    padding-top: 28px
}

.ndmt-28 {
    margin-top: 28px
}

.ndmb-28 {
    margin-bottom: 28px
}

.ndmr-28 {
    margin-right: 28px
}

.ndml-28 {
    margin-left: 28px
}

.ndpl-27 {
    padding-left: 27px
}

.ndpr-27 {
    padding-right: 27px
}

.ndpt-27 {
    padding-top: 27px
}

.ndmt-27 {
    margin-top: 27px
}

.ndmb-27 {
    margin-bottom: 27px
}

.ndmr-27 {
    margin-right: 27px
}

.ndml-27 {
    margin-left: 27px
}

.ndpl-26 {
    padding-left: 26px
}

.ndpr-26 {
    padding-right: 26px
}

.ndpt-26 {
    padding-top: 26px
}

.ndmt-26 {
    margin-top: 26px
}

.ndmb-26 {
    margin-bottom: 26px
}

.ndmr-26 {
    margin-right: 26px
}

.ndml-26 {
    margin-left: 26px
}

.ndpl-25 {
    padding-left: 25px
}

.ndpr-25 {
    padding-right: 25px
}

.ndpt-25 {
    padding-top: 25px
}

.ndmt-25 {
    margin-top: 25px
}

.ndmb-25 {
    margin-bottom: 25px
}

.ndmr-25 {
    margin-right: 25px
}

.ndml-25 {
    margin-left: 25px
}

.ndpl-24 {
    padding-left: 24px
}

.ndpr-24 {
    padding-right: 24px
}

.ndpt-24 {
    padding-top: 24px
}

.ndmt-24 {
    margin-top: 24px
}

.ndmb-24 {
    margin-bottom: 24px
}

.ndmr-24 {
    margin-right: 24px
}

.ndml-24 {
    margin-left: 24px
}

.ndpl-23 {
    padding-left: 23px
}

.ndpr-23 {
    padding-right: 23px
}

.ndpt-23 {
    padding-top: 23px
}

.ndmt-23 {
    margin-top: 23px
}

.ndmb-23 {
    margin-bottom: 23px
}

.ndmr-23 {
    margin-right: 23px
}

.ndml-23 {
    margin-left: 23px
}

.ndpl-22 {
    padding-left: 22px
}

.ndpr-22 {
    padding-right: 22px
}

.ndpt-22 {
    padding-top: 22px
}

.ndmt-22 {
    margin-top: 22px
}

.ndmb-22 {
    margin-bottom: 22px
}

.ndmr-22 {
    margin-right: 22px
}

.ndml-22 {
    margin-left: 22px
}

.ndpl-21 {
    padding-left: 21px
}

.ndpr-21 {
    padding-right: 21px
}

.ndpt-21 {
    padding-top: 21px
}

.ndmt-21 {
    margin-top: 21px
}

.ndmb-21 {
    margin-bottom: 21px
}

.ndmr-21 {
    margin-right: 21px
}

.ndml-21 {
    margin-left: 21px
}

.ndpl-20 {
    padding-left: 20px
}

.ndpr-20 {
    padding-right: 20px
}

.ndpt-20 {
    padding-top: 20px
}

.ndmt-20 {
    margin-top: 20px
}

.ndmb-20 {
    margin-bottom: 20px
}

.ndmr-20 {
    margin-right: 20px
}

.ndml-20 {
    margin-left: 20px
}

.ndpl-19 {
    padding-left: 19px
}

.ndpr-19 {
    padding-right: 19px
}

.ndpt-19 {
    padding-top: 19px
}

.ndmt-19 {
    margin-top: 19px
}

.ndmb-19 {
    margin-bottom: 19px
}

.ndmr-19 {
    margin-right: 19px
}

.ndml-19 {
    margin-left: 19px
}

.ndpl-18 {
    padding-left: 18px
}

.ndpr-18 {
    padding-right: 18px
}

.ndpt-18 {
    padding-top: 18px
}

.ndmt-18 {
    margin-top: 18px
}

.ndmb-18 {
    margin-bottom: 18px
}

.ndmr-18 {
    margin-right: 18px
}

.ndml-18 {
    margin-left: 18px
}

.ndpl-17 {
    padding-left: 17px
}

.ndpr-17 {
    padding-right: 17px
}

.ndpt-17 {
    padding-top: 17px
}

.ndmt-17 {
    margin-top: 17px
}

.ndmb-17 {
    margin-bottom: 17px
}

.ndmr-17 {
    margin-right: 17px
}

.ndml-17 {
    margin-left: 17px
}

.ndpl-16 {
    padding-left: 16px
}

.ndpr-16 {
    padding-right: 16px
}

.ndpt-16 {
    padding-top: 16px
}

.ndmt-16 {
    margin-top: 16px
}

.ndmb-16 {
    margin-bottom: 16px
}

.ndmr-16 {
    margin-right: 16px
}

.ndml-16 {
    margin-left: 16px
}

.ndpl-15 {
    padding-left: 15px
}

.ndpr-15 {
    padding-right: 15px
}

.ndpt-15 {
    padding-top: 15px
}

.ndmt-15 {
    margin-top: 15px
}

.ndmb-15 {
    margin-bottom: 15px
}

.ndmr-15 {
    margin-right: 15px
}

.ndml-15 {
    margin-left: 15px
}

.ndpl-14 {
    padding-left: 14px
}

.ndpr-14 {
    padding-right: 14px
}

.ndpt-14 {
    padding-top: 14px
}

.ndmt-14 {
    margin-top: 14px
}

.ndmb-14 {
    margin-bottom: 14px
}

.ndmr-14 {
    margin-right: 14px
}

.ndml-14 {
    margin-left: 14px
}

.ndpl-13 {
    padding-left: 13px
}

.ndpr-13 {
    padding-right: 13px
}

.ndpt-13 {
    padding-top: 13px
}

.ndmt-13 {
    margin-top: 13px
}

.ndmb-13 {
    margin-bottom: 13px
}

.ndmr-13 {
    margin-right: 13px
}

.ndml-13 {
    margin-left: 13px
}

.ndpl-12 {
    padding-left: 12px
}

.ndpr-12 {
    padding-right: 12px
}

.ndpt-12 {
    padding-top: 12px
}

.ndmt-12 {
    margin-top: 12px
}

.ndmb-12 {
    margin-bottom: 12px
}

.ndmr-12 {
    margin-right: 12px
}

.ndml-12 {
    margin-left: 12px
}

.ndpl-11 {
    padding-left: 11px
}

.ndpr-11 {
    padding-right: 11px
}

.ndpt-11 {
    padding-top: 11px
}

.ndmt-11 {
    margin-top: 11px
}

.ndmb-11 {
    margin-bottom: 11px
}

.ndmr-11 {
    margin-right: 11px
}

.ndml-11 {
    margin-left: 11px
}

.ndpl-10 {
    padding-left: 10px
}

.ndpr-10 {
    padding-right: 10px
}

.ndpt-10 {
    padding-top: 10px
}

.ndmt-10 {
    margin-top: 10px
}

.ndmb-10 {
    margin-bottom: 10px
}

.ndmr-10 {
    margin-right: 10px
}

.ndml-10 {
    margin-left: 10px
}

.ndpl-9 {
    padding-left: 9px
}

.ndpr-9 {
    padding-right: 9px
}

.ndpt-9 {
    padding-top: 9px
}

.ndmt-9 {
    margin-top: 9px
}

.ndmb-9 {
    margin-bottom: 9px
}

.ndmr-9 {
    margin-right: 9px
}

.ndml-9 {
    margin-left: 9px
}

.ndpl-8 {
    padding-left: 8px
}

.ndpr-8 {
    padding-right: 8px
}

.ndpt-8 {
    padding-top: 8px
}

.ndmt-8 {
    margin-top: 8px
}

.ndmb-8 {
    margin-bottom: 8px
}

.ndmr-8 {
    margin-right: 8px
}

.ndml-8 {
    margin-left: 8px
}

.ndpl-7 {
    padding-left: 7px
}

.ndpr-7 {
    padding-right: 7px
}

.ndpt-7 {
    padding-top: 7px
}

.ndmt-7 {
    margin-top: 7px
}

.ndmb-7 {
    margin-bottom: 7px
}

.ndmr-7 {
    margin-right: 7px
}

.ndml-7 {
    margin-left: 7px
}

.ndpl-6 {
    padding-left: 6px
}

.ndpr-6 {
    padding-right: 6px
}

.ndpt-6 {
    padding-top: 6px
}

.ndmt-6 {
    margin-top: 6px
}

.ndmb-6 {
    margin-bottom: 6px
}

.ndmr-6 {
    margin-right: 6px
}

.ndml-6 {
    margin-left: 6px
}

.ndpl-5 {
    padding-left: 5px
}

.ndpr-5 {
    padding-right: 5px
}

.ndpt-5 {
    padding-top: 5px
}

.ndmt-5 {
    margin-top: 5px
}

.ndmb-5 {
    margin-bottom: 5px
}

.ndmr-5 {
    margin-right: 5px
}

.ndml-5 {
    margin-left: 5px
}

.ndpl-4 {
    padding-left: 4px
}

.ndpr-4 {
    padding-right: 4px
}

.ndpt-4 {
    padding-top: 4px
}

.ndmt-4 {
    margin-top: 4px
}

.ndmb-4 {
    margin-bottom: 4px
}

.ndmr-4 {
    margin-right: 4px
}

.ndml-4 {
    margin-left: 4px
}

.ndpl-3 {
    padding-left: 3px
}

.ndpr-3 {
    padding-right: 3px
}

.ndpt-3 {
    padding-top: 3px
}

.ndmt-3 {
    margin-top: 3px
}

.ndmb-3 {
    margin-bottom: 3px
}

.ndmr-3 {
    margin-right: 3px
}

.ndml-3 {
    margin-left: 3px
}

.ndpl-2 {
    padding-left: 2px
}

.ndpr-2 {
    padding-right: 2px
}

.ndpt-2 {
    padding-top: 2px
}

.ndmt-2 {
    margin-top: 2px
}

.ndmb-2 {
    margin-bottom: 2px
}

.ndmr-2 {
    margin-right: 2px
}

.ndml-2 {
    margin-left: 2px
}

.ndpl-1 {
    padding-left: 1px
}

.ndpr-1 {
    padding-right: 1px
}

.ndpt-1 {
    padding-top: 1px
}

.ndmt-1 {
    margin-top: 1px
}

.ndmb-1 {
    margin-bottom: 1px
}

.ndmr-1 {
    margin-right: 1px
}

.ndml-1 {
    margin-left: 1px
}

.xmastltag {
    overflow: hidden
}

.xmashome {
    background-color: #fff;
    font-family: B;
    position: relative;
    scrollbar-color: #008aff #bbb;
    scrollbar-width: thin
}

.xmashome::-webkit-scrollbar {
    height: 10px;
    width: 10px
}

.xmashome::-webkit-scrollbar-track {
    background-color: initial
}

.xmashome::-webkit-scrollbar-thumb {
    background-color: #1140ff
}

.xmashome::-webkit-scrollbar-thumb,
.xmashome::-webkit-scrollbar-track {
    border-radius: 0
}

.xmasbansec {
    overflow: hidden;
    padding-bottom: 80px;
    padding-top: 170px
}

.xmasbtn_hm {
    align-items: center;
    background: #0000;
    border: none;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    justify-content: center;
    line-height: 42px;
    min-height: 44px;
    perspective: 230px;
    position: relative;
    z-index: 4
}

.xmasbtn_hm span {
    background-blend-mode: lighten;
    background-color: #1140ff;
    background-image: url(snow.e94a38c1eeb82320e07f.gif);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
    height: 100%;
    margin: 0;
    position: absolute;
    text-align: center;
    transition: all .3s;
    width: 100%
}

.xmasbtn_hm span:first-child {
    transform: rotateX(90deg);
    transform-origin: 50% 50% -20px
}

.xmasbtn_hm span:nth-child(2) {
    transform: rotateX(0deg);
    transform-origin: 50% 50% -20px
}

.xmasbtn_hm:hover span:first-child {
    color: #fff;
    transform: rotateX(0deg)
}

.xmasbtn_hm:hover span:nth-child(2) {
    color: #0000;
    transform: rotateX(-90deg)
}

.xmasbtn_hm:hover span:nth-child(2) img {
    opacity: 0
}

.xmasbtn_hm.wh-242-40 {
    height: 40px;
    width: 242px
}

.xmasbtn_hm.wh-130-40 {
    height: 40px;
    width: 130px
}

.xmasbtn_hm.wh-203-40 {
    height: 40px;
    width: 203px
}

.xmasbancd h1 {
    color: #000;
    font-size: 60px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 30px
}

.xmasbancd h1,
.xmasbancd p {
    font-style: normal;
    text-align: center
}

.xmasbancd p {
    color: #2a2a2a;
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 40px;
    max-width: 752px
}

.crdxms {
    border-radius: 30px;
    padding: 30px;
    position: relative
}

.crdxms.bgred {
    background: linear-gradient(57deg, #bb1c2a, #7b131b);
    box-shadow: 0 6px 54px 0 #777, inset 0 0 10px 4px #930713
}

.crdxms.bgred .imxmimg {
    margin-bottom: 21px;
    margin-top: -139px;
    text-align: right
}

.crdxms.bgblue {
    background: linear-gradient(57deg, #1e66cb, #0941bb);
    box-shadow: 0 6px 54px 0 #777, inset 0 0 10px 4px #0e45ad
}

.crdxms.bgblue .imxmimg {
    margin-bottom: 3px;
    margin-left: 30px;
    margin-top: -139px;
    text-align: right
}

.crdxms.bggreen {
    background: linear-gradient(57deg, #31b51b, #166508);
    box-shadow: 0 6px 54px 0 #777, inset 0 0 10px 4px #196c0b
}

.crdxms.bggreen .imxmimg {
    margin-bottom: 0;
    margin-top: -194px;
    text-align: right
}

.crdxms h2 {
    color: #fff;
    font-size: 26px;
    font-style: normal;
    font-weight: 600
}

.crdtlcnvr {
    padding-top: 170px
}

.snowflow-tl {
    position: relative
}

.snowflow-tl .snowgif {
    bottom: 0;
    height: 100%;
    left: 0;
    mix-blend-mode: lighten;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.cmscnhd h1 {
    color: #2a2a2a;
    font-size: 42px;
    font-style: normal;
    font-weight: 300;
    line-height: 54px;
    text-align: center
}

.cmscnhd h1 span {
    font-weight: 600
}

.cmscnhd p {
    font-size: 16px;
    font-weight: 300;
    margin: auto;
    max-width: 752px
}

.cmscnhd h2,
.cmscnhd p {
    color: #2a2a2a;
    font-style: normal;
    line-height: 32px;
    text-align: center
}

.cmscnhd h2 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px
}

.xmassectwo {
    padding-bottom: 30px;
    padding-top: 0;
    position: relative
}

.xmassectwo .bgsnhji {
    left: 0;
    object-fit: contain;
    position: absolute;
    right: 0;
    top: -8rem;
    width: 100%;
    z-index: -2
}

.udscnt {
    padding-left: 95px;
    padding-top: 20px
}

.udscnt ul {
    list-style-image: url(bullet.f8d5b1275e3ae97c446e.webp)
}

.udscnt ul li {
    margin-bottom: 40px
}

.udscnt ul li p {
    color: #2a2a2a;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
    position: relative;
    top: -7px
}

.snkd {
    padding-bottom: 20px;
    position: relative
}

.snkd .cnfhui {
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-name: ndhue;
    left: 0;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 0
}

.snkd .shcdt {
    height: 500px;
    overflow: hidden;
    padding: 12rem 14rem 2rem 5rem;
    position: relative;
    z-index: 2
}

.snkd .shcdt h1 {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(90deg, #be6c00 6.68%, #cd8e24 14.82%, #dfb650 25.94%, #ecd36f 35.95%, #f4e582 44.38%, #f7eb89 50.23%, #d6ae49 68.75%, #be811a 83.63%);
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 10px;
    position: relative;
    z-index: 2
}

.snkd .shcdt h1,
.snkd .shcdt marquee {
    font-family: B;
    font-style: normal;
    font-weight: 400
}

.snkd .shcdt marquee {
    color: #fff;
    font-size: 20px;
    height: 236px;
    line-height: 30px;
    padding-bottom: 20px;
    text-align: center
}

.revcard {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 6px 54px 0 #d0d9e3;
    min-height: 100%;
    padding: 20px
}

.revcard h1 {
    font-size: 20px;
    font-weight: 600;
    line-height: normal
}

.revcard h1,
.revcard p {
    color: #2a2a2a;
    font-style: normal;
    margin-bottom: 20px
}

.revcard p {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px
}

.togglerdnd {
    box-sizing: border-box;
    position: relative
}

.togglerdnd input[type=checkbox] {
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.togglerdnd label {
    box-sizing: border-box;
    height: 30px
}

.togglerdnd label,
.togglerdnd label:before {
    align-items: center;
    display: flex;
    position: relative
}

.togglerdnd label:before {
    background: silver;
    cursor: pointer;
    height: 20px;
    justify-content: center;
    width: 20px
}

.togglerdnd label:after,
.togglerdnd label:before {
    border-radius: 50%;
    content: "";
    transition: .2s ease-in
}

.togglerdnd label:after {
    background: #0001;
    box-sizing: border-box;
    height: 10px;
    left: 5px;
    position: absolute;
    top: 10px;
    width: 10px;
    z-index: 2
}

.togglerdnd input[type=checkbox]:checked+label:before {
    background: silver
}

.togglerdnd input[type=checkbox]:checked+label:after {
    background: #6d5dfc
}

.pagelap {
    border: .5px solid #000;
    border-radius: 4px;
    color: #2a2a2a;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    padding: 3px 8px
}

.kp_slktl_xcmh {
    padding-top: 40px
}

.snoemr {
    position: relative
}

.snoemr .star1 {
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-name: star;
    animation-timing-function: linear;
    left: -82px;
    position: absolute;
    top: -88px;
    z-index: 3
}

.snoemr .star2 {
    bottom: -49px;
    left: 28%
}

.snoemr .star2,
.snoemr .star3 {
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-name: star3;
    position: absolute;
    z-index: 3
}

.snoemr .star3 {
    right: -37px;
    top: 50%;
    transform: translateY(-50%)
}

@keyframes star {
    0% {
        left: -20px;
        transform: rotate(0deg)
    }

    25% {
        left: 100px;
        transform: rotate(150deg)
    }

    50% {
        left: 200px;
        transform: rotate(300deg)
    }

    75% {
        left: 100px;
        transform: rotate(150deg)
    }

    to {
        left: -20px;
        transform: rotate(0deg)
    }
}

@keyframes star3 {
    0% {
        opacity: .5;
        transition: .5 ease-in-out
    }

    25% {
        opacity: .9;
        transition: .5 ease-in-out
    }

    50% {
        opacity: 1;
        transition: .5 ease-in-out
    }

    to {
        opacity: .4;
        transition: 1 ease-in-out
    }
}

.sli_xmascrd {
    height: auto
}

.scracrd {
    background: linear-gradient(57deg, #b8d5ff, #427cf9);
    border-radius: 20px;
    padding: 20px
}

.scracrd.scracrdonthe {
    background: url(bgsn4.9192604c6f12f729c5b3.webp), linear-gradient(57deg, #b8d5ff, #427cf9);
    background-repeat: no-repeat;
    background-size: cover
}

.scracrd.bgblurcard {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: #00000080
}

.scracrd {
    min-height: 602px;
    position: relative
}

.scracrd h1 {
    color: #1140ff;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.scracrd h2 {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 18px;
    text-align: right
}

.scracrd .schcen {
    padding-bottom: 5rem;
    padding-top: 5rem
}

.scracrd .schcen img {
    display: unset
}

.scracrd .schcen2 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-height: 400px;
    min-height: 400px;
    padding-top: 20px
}

.scracrd .schcen2 img {
    display: unset
}

.scracrd h3 {
    bottom: 10px;
    color: #fff;
    font-family: B;
    font-size: 150px;
    font-style: normal;
    font-weight: 800;
    left: 20px;
    line-height: normal;
    line-height: 122px;
    position: absolute
}

@keyframes ndhue {
    0% {
        filter: hue-rotate(0deg)
    }

    50% {
        filter: hue-rotate(139deg)
    }

    to {
        filter: hue-rotate(0deg)
    }
}

.xmth {
    position: relative
}

.xmth .amz2 {
    bottom: -20px;
    position: absolute;
    right: -6.5rem
}

.xmth .amz1 {
    bottom: -1px;
    left: -10.5rem;
    position: absolute
}

.xmassecthree {
    padding-bottom: 50px;
    padding-top: 30px;
    position: relative
}

.xmassecthree .bgsnhji2 {
    left: 0;
    position: absolute;
    right: 0;
    top: 17rem;
    width: 100%;
    z-index: -1
}

.schcrd {
    animation: para 100s linear infinite;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #0019f866;
    background-image: url(flit.a14d0e6dfd259a0ec337.webp);
    background-position: 39px 0;
    background-repeat: repeat-y;
    background-size: 100% 100%;
    background-size: cover;
    border-radius: 20px;
    margin-top: 40px;
    max-width: 802px;
    padding: 30px;
    width: 100%
}

.schcrd h1 {
    color: #fff;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center
}

.schcrd .schimh {
    padding: 6rem 0 7rem;
    text-align: center
}

@keyframes para {
    to {
        background-position: 0 5000px
    }
}

.tmcbh {
    align-items: center;
    display: flex;
    justify-content: center
}

.tmcbh p {
    color: #2a2a2a;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 32px;
    max-width: 752px;
    text-align: center
}

.tmcbh p a {
    color: #1140ff;
    text-decoration: none
}

.schcrd2 {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 6px 54px 0 #e2f0ff;
    margin-top: 40px;
    padding: 10px 10px 50px;
    width: 100%
}

.schcrd2 .schcrd23 {
    padding: 50px
}

.ticlsec {
    background-image: url(bgsn3.8d99efc0267d3d2cda6a.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    min-height: 324px;
    padding: 106px 117px 36px;
    position: relative
}

.ticlsec h1 {
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 13px
}

.ticlsec h1,
.ticlsec h2 {
    color: #2a2a2a;
    font-style: normal;
    text-align: center
}

.ticlsec h2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.ticlsec h3 {
    color: #2a2a2a;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center
}

.ticlsec .tkbyh1 {
    bottom: -43px;
    left: -73px;
    position: absolute
}

.ticlsec .tkbyh2 {
    left: 23px;
    position: absolute;
    top: -42px
}

.ticlsec .tkbyh3 {
    position: absolute;
    right: -63px;
    top: -33px
}

.xmpo {
    position: relative
}

.xmpo .xmp3 {
    bottom: 20px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: calc(100% - 100px)
}

.xmpo .xmp1 {
    position: relative;
    z-index: 3
}

.xmasclaimsec {
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 50px;
    padding-top: 150px
}

@media (max-width:1199px) {
    .crdtlcnvr {
        justify-content: center
    }

    .crdxms.bggreen {
        margin-top: 179px
    }

    .udscnt {
        padding-left: 0
    }

    .udscnt,
    .xmassecthree {
        padding-top: 50px
    }
}

@media (max-width:991px) {
    .crdxms.bgblue {
        margin-top: 146px
    }

    .xmasbansec {
        padding-top: 0
    }

    .xmasbancd h1 {
        font-size: 40px;
        margin-bottom: 9px
    }

    .xmasbancd p {
        margin-bottom: 18px
    }

    .xmth .amz1 {
        bottom: -29px;
        left: -1.5rem
    }

    .xmth .amz1,
    .xmth .amz2 {
        position: absolute;
        width: 100px
    }

    .xmth .amz2 {
        bottom: -45px;
        right: -.5rem
    }

    .ndmt-60 {
        margin-top: 30px
    }

    .crdxms.bgblue .imxmimg {
        margin-left: -22px
    }

    .schcrd h1 {
        font-size: 35px
    }

    .ndpt-100 {
        padding-top: 45px
    }

    .schcrd .schimh {
        padding: 3rem 0
    }

    .bgsnhji2 {
        display: none
    }

    .xmassecthree {
        background-image: url(bgsn2.44772cef096c3e93b08f.webp);
        background-repeat: no-repeat;
        background-size: cover
    }

    .cmscnhd h1 {
        font-size: 36px
    }

    .ndmb-35 {
        margin-bottom: 15px
    }

    .cmscnhd h2 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 7px
    }

    .ticlsec .tkbyh1 {
        bottom: -22px;
        left: -26px;
        width: 97px
    }

    .ticlsec .tkbyh2 {
        left: 6px;
        top: -44px;
        width: 100px
    }

    .ticlsec .tkbyh3 {
        position: absolute;
        right: -11px;
        top: -13px;
        width: 100px
    }

    .ticlsec {
        padding: 51px 117px 36px
    }

    .xmasclaimsec {
        padding-top: 50px
    }
}

@media (max-width:767px) {
    .snkd .shcdt {
        height: 500px;
        overflow: hidden;
        padding: 12rem 10rem 2rem 2rem;
        position: relative;
        z-index: 2
    }

    .udscnt ul li {
        margin-bottom: 10px
    }

    .schcrd2 .schcrd23 {
        padding: 22px 11px
    }

    .ticlsec {
        padding: 51px 50px 36px
    }

    .xmpo .xmp1 {
        position: relative;
        width: 60px;
        z-index: 3
    }
}

@media (max-width:500px) {
    .snkd .shcdt {
        padding: 9rem 10rem 2rem 2rem
    }

    .snkd .shcdt h1 {
        font-size: 23px
    }

    .snkd .shcdt marquee {
        font-size: 16px
    }
}

.ScratchCard__Canvas,
.ScratchCard__Container {
    max-width: 100% !important;
    min-height: 100% !important;
    min-width: 100% !important;
    width: 100% !important
}

.ScratchCard__Canvas {
    height: 100% !important
}

.card_earn {
    background-color: #e6e6e6 !important
}

.dark_theme .card_earn {
    background-color: #141414 !important
}

.react-datepicker {
    margin-top: 3.75rem
}

.react-datepicker-popper {
    transform: none !important
}

.react-datepicker__triangle {
    left: 50px !important
}

@media (max-width:500px) {
    .flex-mobile-column-reverse {
        flex-direction: column-reverse !important
    }

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

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

.dangerous_moderate {
    font-family: B
}

.dangerous_moderate h2 {
    color: #000
}

.dangerous_moderate h3 {
    color: #000 !important;
    font-size: 18px !important
}

.dark_theme .dangerous_moderate {
    font-family: B
}

.dark_theme .dangerous_moderate h1 {
    font-size: 42px;
    font-weight: 700;
    line-height: 64px
}

.dark_theme .dangerous_moderate h2 {
    color: #fff
}

.dark_theme .dangerous_moderate h3 {
    color: #fff !important;
    font-size: 18px !important
}

.dark_theme .trade_contest_card {
    background: #1e1d1d
}

.trade_contest_card {
    background: #fff1f1
}

@media (max-width:767px) {
    .market-hd {
        font-size: 28px
    }

    .join-hd-1 {
        font-size: 25px
    }

    .navigation-1 {
        padding-right: 10px
    }

    .cry-py1 h2 {
        text-align: center
    }

    .back-logon-2 h2,
    .cry-py1 h2 {
        font-size: 30px
    }

    .bank-accound-nav-1 {
        font-size: 17px
    }

    .dash-hd-1 h4,
    .dash-hd-1 h5 {
        font-size: 18px
    }

    .back-bg-clr-1 {
        margin-top: 50px;
        padding: 20px 10px
    }

    .team-tap-2 {
        display: flex
    }

    .trade-3-inner-1 {
        padding: 15px 5px 9px
    }

    .mwb .mwb2 {
        padding: 3px 0
    }

    .resser {
        right: 29px;
        top: 0
    }

    .numph {
        max-width: 100%
    }
}

@media (max-width:578px) {
    .header-drop-2 {
        width: 100%
    }
}

@media (max-width:991px) {
    .navbar-bank-1 {
        z-index: 4
    }

    .sidenav {
        overflow: hidden;
        padding: 0;
        position: fixed;
        top: 0;
        transition: 1s;
        width: 0;
        z-index: 7
    }

    .brand-name-wrapper-1 {
        display: block;
        position: absolute;
        right: -23px;
        top: -26px
    }

    .sidenav.fliph {
        height: 100vh;
        overflow: hidden auto;
        transition: .2s;
        transition: 1s;
        width: 200px;
        z-index: 7
    }

    .navbarss,
    .navbarss.fliph,
    .rightcontent,
    .rightcontent.fliph {
        transition: 1s;
        width: 100%
    }

    .sidenav.fliph ul.nandhunav li a span.setting {
        display: block
    }

    .nav-brand-1 {
        align-items: center;
        display: inline-flex;
        max-width: 169px
    }

    .contact-one {
        margin-top: 0
    }

    .sidenav.fliph .navbar-brand .navlogo-1 {
        display: initial
    }

    .trade-1 {
        display: block
    }

    .hed_sh0_vl {
        display: none
    }
}

@media (min-width:1200px) {
    .padding-1 {
        padding-left: 10px
    }

    .padding-2 {
        padding-right: 5px
    }

    .padding-3 {
        padding-left: 5px
    }

    .padding-4 {
        padding-right: 10px
    }
}

@media (max-width:1199px) {
    .bammer-sec-1 h2 {
        font-size: 25px
    }

    .bammer-sec-1 p {
        font-size: 18px
    }

    .banner-inner-1 {
        border-right: none
    }

    .modal-dialog-ind {
        margin: 1.75rem auto
    }

    .rafiki-nf {
        position: relative;
        right: 0;
        top: 10px
    }

    .our-earh-total-meg-1 {
        margin-top: 3rem
    }
}

@media (max-width:570px) {
    .table-3 {
        min-width: 300px
    }
}

@media (max-width:970px) {
    .table-2 {
        min-width: 920px
    }
}

.react-datepicker-wrapper {
    display: inline !important
}

.footer-app-bg {
    background: #282c2f;
    border-radius: 10px
}

.footer-app-bg .qr-app {
    background: linear-gradient(180deg, #20d0ff, #030eff);
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    padding: 10px
}

.footer-app-bg .avail-app h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 23.44px;
    text-align: center
}

.dark_theme .touch_foot_new span,
.touch_foot_new span {
    background: linear-gradient(180deg, #1ec5ff 59.82%, #0415ff);
    -webkit-background-clip: text;
    color: #0000
}

.dark_theme .touch_foot_new {
    color: #fff
}

.dark_theme .touch_foot_new,
.touch_foot_new {
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 52.12px
}

.touch_foot_new {
    color: #000
}

.dark_theme .kp_ftcd1in1 .form-control {
    background-color: #282c2f;
    border: 1px solid #282c2f;
    border-radius: .25rem;
    color: #fff
}

.dark_theme .kp_ftcd1in1 .form-control,
.kp_ftcd1in1 .form-control {
    background-clip: padding-box;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    height: calc(1.5em + .75rem + 2px);
    line-height: 1.5;
    padding: .375rem .75rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%
}

.kp_ftcd1in1 .form-control {
    background-color: #c5d5e1;
    border: 1px solid #c5d5e1;
    border-radius: .25rem;
    color: #000
}

.card-withdraw {
    align-items: center !important;
    border: 1px solid #4366ff !important;
    border-radius: 8px !important;
    display: flex !important;
    height: 50px !important;
    overflow: hidden !important;
    width: 100% !important
}

.kptoglecs-switch-withdraw .slider {
    background-color: #fff !important;
    border-radius: 58px !important;
    bottom: 0 !important;
    cursor: pointer;
    height: 22px !important;
    left: 50% !important;
    position: absolute;
    right: 0 !important;
    top: 45px !important;
    transform: translate(-50%, -50%) !important;
    transition: .4s !important;
    width: 52px !important
}

.kptoglecs-switch-withdraw .switch {
    border: none !important;
    border-radius: 58px !important;
    display: inline-block !important;
    height: 28px !important;
    position: relative !important;
    width: 0 !important
}

.kptoglecs-switch-withdrawfiat .slider {
    background-color: #fff !important;
    border-radius: 58px !important;
    bottom: 0 !important;
    cursor: pointer !important;
    height: 22px !important;
    left: 50% !important;
    position: absolute !important;
    right: 0 !important;
    top: 90px !important;
    transform: translate(-50%, -50%) !important;
    transition: .4s !important;
    width: 52px !important
}

.kptoglecs-switch-withdrawfiat .switch {
    border: none !important;
    border: none;
    border-radius: 58px !important;
    border-radius: 58px;
    display: inline-block !important;
    display: inline-block;
    height: 28px !important;
    height: 28px;
    position: relative !important;
    position: relative;
    width: 0 !important
}

@media (max-width:767px) {

    .kptoglecs-switch-withdraw .slider,
    .kptoglecs-switch-withdrawfiat .slider {
        background-color: #fff;
        border-radius: 58px;
        bottom: 0;
        cursor: pointer;
        height: 22px;
        left: 50%;
        position: absolute;
        right: 0;
        top: 90px;
        transform: translate(-50%, -50%);
        transition: .4s;
        width: 52px
    }
}

.card-stkEarn {
    align-items: center;
    border: 1px solid #4366ff;
    border-radius: 8px;
    display: flex;
    height: 47px;
    overflow: hidden;
    width: 100%
}

.card-stkEarn .column {
    display: flex;
    flex-direction: column;
    line-height: normal;
    margin-left: 0;
    width: 79%
}

.left-column-change-padd,
.left-column-padd,
.right-column-change-padd,
.right-column-padd {
    padding: 13px !important
}

.kptoglecs-switch-stkEarn .switch {
    border: none;
    border-radius: 58px;
    display: inline-block;
    height: 28px;
    position: relative;
    width: 0 !important
}

.kptoglecs-switch-stkEarn {
    left: 50%;
    position: absolute;
    transform: translateY(-500%)
}

.kptoglecs-switch-stkEarn .slider {
    background-color: #fff;
    border-radius: 58px;
    bottom: 0;
    cursor: pointer;
    height: 22px;
    left: 50%;
    position: absolute;
    right: 0;
    top: 185px;
    transform: translate(-50%, -50%);
    transition: .4s;
    width: 52px
}

.kptoglecs-switch-stkEarn .slider:before {
    align-items: center;
    background-color: #06f;
    border-radius: 50%;
    bottom: 2px;
    content: url(Ellipse880.7549a4ecbbb5b4a1388d.webp);
    display: flex;
    height: 18px;
    justify-content: center;
    left: 2px;
    position: absolute;
    transition: .4s;
    width: 18px
}

.kptoglecs-switch-stkEarn input:checked+.slider {
    background-color: #ebebeb
}

.kptoglecs-switch-stkEarn input:checked+.slider:before {
    background-color: #06f;
    content: url(Ellipse880.7549a4ecbbb5b4a1388d.webp);
    transform: translateX(31px)
}

@media (max-width:767px) {
    .kptoglecs-switch-stkEarn .slider {
        background-color: #fff;
        border-radius: 58px;
        bottom: 0;
        cursor: pointer;
        height: 22px;
        left: 50%;
        position: absolute;
        right: 0;
        top: 185px !important;
        transform: translate(-50%, -50%);
        transition: .4s;
        width: 52px
    }
}

.modal-dialog-stake .nb_c .nb_c3 .input-group input:focus {
    background: #eaeaea;
    border: none;
    box-shadow: none
}

.dark_theme .modal-dialog-stake .nb_c .nb_c3 .input-group input:focus {
    background: #0c0c10;
    border: none;
    box-shadow: none
}

.dark_theme .earn_form .form-control {
    background-clip: padding-box !important;
    background-color: #21212e !important;
    border: 1px solid #393939 !important;
    color: #e5e7ea !important
}

.css-78c6dr-MuiToolbar-root-MuiTablePagination-toolbar .MuiTablePagination-actions {
    margin-top: -14px !important
}

.dark_theme .MuiSelect-icon {
    color: gray !important
}

.dark_theme .css-pqjvzy-MuiSvgIcon-root-MuiSelect-icon {
    fill: gray !important
}

.dark_theme .css-zylse7-MuiButtonBase-root-MuiIconButton-root.Mui-disabled {
    color: #d3d3d342 !important
}

.ph_verify {
    border-right: 1px solid #aeaeac !important
}

.dark_theme .ph_verify {
    border-right: 1px solid #454545 !important
}

.cur-not {
    cursor: not-allowed !important
}

.img-cir {
    border-radius: 50% !important
}

.card-stkEarn-sell {
    align-items: center;
    border: 1px solid #4366ff;
    border-radius: 8px;
    display: flex;
    height: 47px;
    justify-content: space-between;
    overflow: hidden;
    width: 100%
}

.card-stkEarn-sell .column {
    display: flex;
    flex-direction: column;
    line-height: normal;
    padding: 13px
}

.left-column-padd,
.right-column-change-padd {
    background-color: #4366ff
}

.kptoglecs-switch-stkEarn-sell {
    position: relative
}

.kptoglecs-switch-stkEarn-sell .slider {
    background-color: #fff;
    border-radius: 58px;
    cursor: pointer;
    height: 22px;
    left: -30px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: .4s;
    width: 52px
}

.kptoglecs-switch-stkEarn-sell .slider:before {
    align-items: center;
    background-color: #06f;
    border-radius: 50%;
    content: url(Ellipse880.7549a4ecbbb5b4a1388d.webp);
    display: flex;
    height: 18px;
    justify-content: center;
    left: 2px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: .4s;
    width: 18px
}

.kptoglecs-switch-stkEarn-sell input:checked+.slider:before {
    background-color: #06f;
    content: url(Ellipse880.7549a4ecbbb5b4a1388d.webp);
    transform: translateX(31px) translateY(-50%)
}

.kptoglecs-switch-stkEarn-sell input:checked+.slider {
    background-color: #ebebeb
}

@media (max-width:767px) {
    .card-stkEarn-sell .column {
        margin-bottom: 10px;
        width: 100%
    }

    .kptoglecs-switch-stkEarn-sell .slider {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%)
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-left: 0 !important;
        padding-right: .5rem
    }
}

.custom-modal-lbank-style {
    border: 0 !important;
    border-radius: 1.3rem !important;
    margin: auto;
    width: 75% !important
}

.custom-modal-lbank-style .modal-body {
    background: #11182100 !important;
    border-radius: 1.3rem !important;
    flex: 1 1 auto;
    padding: 1rem;
    position: relative
}

@media screen and (max-width:767px) {
    .scan-med {
        height: 197px;
        width: 510px
    }
}

@media screen and (min-width:767px) {
    .scan-med {
        height: 267px;
        width: 610px
    }
}

@media screen and (min-width:991px) {
    .scan-med {
        height: 98px;
        width: 255px
    }
}

@media screen and (max-width:500px) {
    .scan-med {
        height: 161px;
        width: 469px
    }
}

.inmy .footer_subs_btn button {
    font-weight: 500
}

.sing-btn-fo {
    background: #0e57c9
}

.pay-method-container-p2 {
    align-items: center;
    gap: 10px;
    justify-content: flex-start;
    padding: 10px
}

.dark_theme .pay-method-item-p2,
.pay-method-item-p2 {
    border-radius: 30px;
    position: relative
}

.pay-method-item-p2 input[type=checkbox] {
    -webkit-appearance: none;
    background: none;
    border: 1px solid #cdcdcd;
    border-radius: 10px;
    cursor: pointer;
    height: 15px;
    width: 15px
}

.pay-method-item-p2 input[type=checkbox]:hover {
    opacity: 1
}

.pay-method-item-p2 input[type=checkbox]:checked+label img {
    border: 2px solid green
}

.pay-method-item-p2 input[type=checkbox]:checked {
    background-color: #39b339;
    opacity: 1
}

.pay-method-item-p2 input[type=checkbox]:before {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    content: "";
    height: 10px;
    margin: -1px -1px 0;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: rotate(45deg) translate(-50%, -50%);
    width: 4px;
    z-index: 2
}

.radio-btn-payment-p2 {
    position: absolute;
    right: 0;
    top: 3px
}

.anti-modal {
    padding: 10px
}

.anti-modal .ant-badge {
    background: #ffc10742;
    font-size: 13px;
    font-weight: 500;
    padding: 10px
}

.anti-modal .anti-title h1 {
    font-size: 20px;
    font-weight: 500;
    text-align: center
}

.anti-modal .anti-ques p {
    color: #707a8a;
    font-size: 14px
}

.dark_theme .anti-modal .anti-ques p {
    color: #a7a7a7
}

.fs-13 {
    font-size: 13px;
    margin-top: 5px
}

.dark_theme .input-textarea textarea {
    background-color: #0c0c10 !important
}

.whiltelist-modal,
.whiltelist-modal .modal-content {
    border: 1px solid #0000 !important;
    border-radius: 10px !important
}

.whiltelist-modal .modal-body {
    border-radius: 10px !important
}

.whiltelist-modal .enable-white-info h2 {
    font-size: 20px;
    font-weight: 500
}

.whiltelist-modal .enable-white-info p {
    color: #707a8a;
    font-size: 14px
}

.dark_theme .whiltelist-modal .enable-white-info p {
    color: #b1b0ac
}

.whiltelist-modal .white-btn .enb-btn {
    background: #1140ff
}

.whiltelist-modal .white-btn .enb-btn,
.whiltelist-modal .white-btn .enb-can-btn {
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    padding: 3.5px 10px
}

.whiltelist-modal .white-btn .enb-can-btn {
    background: #b2b4bd
}

.enb-btn {
    background: #1140ff;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    padding: 5.5px 15px
}

.add-action {
    color: #707a8a
}

.add-action .dark_theme {
    color: "#848E9C"
}

.dark_theme .blog_cd_2 table p span,
.dark_theme .blog_cd_2 table span {
    color: #fff !important
}

.dark_theme .blog_cd_2 table tbody tr td,
.dark_theme .blog_cd_2 table thead tr td {
    border: 1px solid #ffffff82 !important
}

.blog_cd_2 p span {
    color: #3b3b3b !important
}

.blog_header_bg_1 .blog-hed-new-1 h2 {
    font-size: 34px !important
}

.blog_header_bg_1 .blog-hed-new-1 h2 span {
    color: #4076e8
}

.blog_header_bg_1 .blog-hed-new-1 p {
    color: #646667;
    font-size: clamp(14px, 2.78vw, 16px);
    line-height: 1.75;
    margin: 0 auto 1rem;
    max-width: 450px
}

.blog_header_bg_1 .blog-bg-back {
    margin-top: -15%;
    pointer-events: none;
    position: relative
}

@media only screen and (max-width:575px) {
    .blog_header_bg_1 p {
        color: #646667;
        font-size: clamp(14px, 2.78vw, 16px);
        line-height: 1.75;
        margin: 0 auto 1rem;
        max-width: 558px
    }

    .blog_header_bg_1 .blog-bg-back {
        display: none
    }
}

@media only screen and (max-width:991px) {
    .blog_header_bg_1 .blog-hed-new-1 h2 {
        font-size: 34px !important
    }

    .blog_header_bg_1 .blog-hed-new-1 h2 span {
        color: #4076e8
    }

    .blog_header_bg_1 .blog-hed-new-1 p {
        color: #646667;
        font-size: 12px;
        line-height: 1.75;
        margin: 0 auto 1rem;
        max-width: 280px
    }

    .blog_header_bg_1 .blog-bg-back {
        margin-top: -12%;
        pointer-events: none;
        position: relative
    }
}

@media only screen and (max-width:767px) {
    .blog_header_bg_1 .blog-hed-new-1 p {
        color: #646667;
        font-size: 12px;
        line-height: 1.75;
        margin: 0 auto 1rem;
        max-width: 250px
    }
}

@media only screen and (max-width:1200px) {
    .blog_header_bg_1 .blog-hed-new-1 h2 {
        font-size: 34px !important
    }

    .blog_header_bg_1 .blog-hed-new-1 h2 span {
        color: #4076e8
    }

    .blog_header_bg_1 .blog-hed-new-1 p {
        color: #646667;
        font-size: 12px;
        line-height: 1.75;
        margin: 0 auto 1rem;
        max-width: 280px
    }

    .blog_header_bg_1 .blog-bg-back {
        margin-top: -10%;
        pointer-events: none;
        position: relative
    }
}

.faq-main-head1 {
    font-size: 40px
}

.faq-main-head2,
.faq-main-head3 {
    font-size: 30px
}

.bg-clr1 {
    background: #151515;
    height: 130px
}

.faq-search-field {
    background: #2b313a;
    border-radius: 10px;
    width: 500px
}

.inmy .footer_subscr_btn button {
    font-weight: 500
}

.sing-btn-fo {
    background: #2d76e8;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    padding: 5.5px 15px
}

.sing-btn-fo:hover {
    background: #050508;
    color: #fff;
    transition: all .5s
}

.kp_ftcd2 h2 {
    font-size: 40px
}

.wrng-text {
    font-size: 20px
}

.bg-nav-clr {
    background: #2d76e8;
    border-radius: 50px 50px 0 0;
    height: 15px
}

.list-blts {
    list-style-type: none
}

.list-blts li {
    margin-bottom: 7px
}

.list-blts li a {
    color: #525455
}

.dark_theme .list-blts li a {
    color: #b9bdc0
}

.subscribe-bg {
    background-repeat: no-repeat;
    background-size: contain;
    max-height: 130px;
    position: relative
}

.subscribe-input {
    margin-top: 60px
}

@media (max-width:767px) {
    .subscribe-input .form-control {
        margin-left: 0;
        width: 100%
    }
}

@media (max-width:575px) {
    .foot-side-icons {
        justify-content: center
    }
}

@media (max-width:991px) {
    .foot-side-icons {
        justify-content: center
    }
}

.fee-title {
    font-size: 50px;
    text-align: center
}

.footer-head {
    font-weight: 500
}

.card-vip-badge {
    background: linear-gradient(180deg, #878889 -242.17%, #e6e6e6 61.15%);
    border-radius: 10px
}

.card-vip-badge-content {
    margin-top: 25px;
    text-align: center !important
}

.card-vip-badge-content .CircularProgressbar {
    height: 130px !important;
    width: 130px !important
}

.card-vip-badge-content .CircularProgressbar .CircularProgressbar-path {
    stroke: #f41b8b !important;
    stroke-linecap: square !important
}

.card-vip-badge-content .CircularProgressbar .CircularProgressbar-text {
    fill: #000;
    font-size: 18px !important;
    font-weight: 500 !important
}

.card-vip-badge-content .CircularProgressbar .CircularProgressbar-trail {
    stroke: #aaa;
    stroke-linecap: round;
    stroke-width: 1.29px !important
}

.card-vip-badge-content h2 {
    font-size: 18px
}

.card-vip-badge-content .badge-text {
    color: #969aa0 !important;
    font-size: 14px
}

.card-vip-badge-content .badge-btn {
    background: #0000;
    border-color: #a6a6c7 !important;
    border-radius: 5.15px;
    color: #000;
    height: 40px;
    width: 170px
}

.card-vip-badge-content .badge-btn:hover {
    background: #06f !important;
    border: none;
    color: #fff
}

.card-vip-badge-content2 {
    margin-top: 25px;
    text-align: center !important
}

.card-vip-badge-content2 .CircularProgressbar {
    height: 130px !important;
    width: 130px !important
}

.card-vip-badge-content2 .CircularProgressbar .CircularProgressbar-path {
    stroke: #1b60f4 !important;
    stroke-linecap: square !important
}

.card-vip-badge-content2 .CircularProgressbar .CircularProgressbar-text {
    fill: #000;
    font-size: 18px !important;
    font-weight: 500 !important
}

.card-vip-badge-content2 .CircularProgressbar .CircularProgressbar-trail {
    stroke: #aaa;
    stroke-linecap: round;
    stroke-width: 1.29px !important
}

.card-vip-badge-content2 h2 {
    font-size: 18px
}

.card-vip-badge-content2 .badge-text {
    color: #969aa0 !important;
    font-size: 14px
}

.card-vip-badge-content2 .badge-btn {
    background: #0000;
    border-color: #a6a6c7 !important;
    border-radius: 5.15px;
    color: #000;
    height: 40px;
    width: 170px
}

.card-vip-badge-content2 .badge-btn:hover {
    background: #06f !important;
    border: none;
    color: #fff
}

.card-vip-badge-content-centre {
    margin-top: 18%;
    text-align: center !important
}

.card-vip-badge-content-centre .CircularProgressbar {
    height: 60px !important;
    width: 60px !important
}

.card-vip-badge-content-centre .CircularProgressbar .CircularProgressbar-path {
    stroke: #aaa !important;
    stroke-linecap: square !important
}

.card-vip-badge-content-centre .CircularProgressbar .CircularProgressbar-text {
    fill: #000;
    font-size: 25px !important;
    font-weight: 500 !important
}

.card-vip-badge-content-centre .CircularProgressbar .CircularProgressbar-trail {
    stroke: #aaa;
    stroke-linecap: round
}

.dark_theme .card-vip-badge {
    background: linear-gradient(180deg, #1372ff -242.17%, #000 61.15%);
    border-radius: 10px
}

.dark_theme .card-vip-badge-content {
    margin-top: 25px;
    text-align: center !important
}

.dark_theme .card-vip-badge-content .CircularProgressbar {
    height: 130px !important;
    width: 130px !important
}

.dark_theme .card-vip-badge-content .CircularProgressbar .CircularProgressbar-path {
    stroke: #f41b8b !important;
    stroke-linecap: square !important
}

.dark_theme .card-vip-badge-content .CircularProgressbar .CircularProgressbar-text {
    fill: #fff;
    font-size: 18px !important;
    font-weight: 500 !important
}

.dark_theme .card-vip-badge-content .CircularProgressbar .CircularProgressbar-trail {
    stroke: #21212b;
    stroke-linecap: round;
    stroke-width: 1.29px !important
}

.dark_theme .card-vip-badge-content h2 {
    font-size: 18px
}

.dark_theme .card-vip-badge-content .badge-text {
    color: #969aa0 !important;
    font-size: 14px
}

.dark_theme .card-vip-badge-content .badge-btn {
    background: #0000;
    border-color: #a6a6c7 !important;
    border-radius: 5.15px;
    color: #fff;
    height: 40px;
    width: 170px
}

.dark_theme .card-vip-badge-content .badge-btn:hover {
    background: #06f !important;
    border: none
}

.dark_theme .card-vip-badge-content2 {
    margin-top: 25px;
    text-align: center !important
}

.dark_theme .card-vip-badge-content2 .CircularProgressbar {
    height: 130px !important;
    width: 130px !important
}

.dark_theme .card-vip-badge-content2 .CircularProgressbar .CircularProgressbar-path {
    stroke: #1b60f4 !important;
    stroke-linecap: square !important
}

.dark_theme .card-vip-badge-content2 .CircularProgressbar .CircularProgressbar-text {
    fill: #fff;
    font-size: 18px !important;
    font-weight: 500 !important
}

.dark_theme .card-vip-badge-content2 .CircularProgressbar .CircularProgressbar-trail {
    stroke: #21212b;
    stroke-linecap: round;
    stroke-width: 1.29px !important
}

.dark_theme .card-vip-badge-content2 h2 {
    font-size: 18px
}

.dark_theme .card-vip-badge-content2 .badge-text {
    color: #969aa0 !important;
    font-size: 14px
}

.dark_theme .card-vip-badge-content2 .badge-btn {
    background: #0000;
    border-color: #a6a6c7 !important;
    border-radius: 5.15px;
    color: #fff;
    height: 40px;
    width: 170px
}

.dark_theme .card-vip-badge-content2 .badge-btn:hover {
    background: #06f !important;
    border: none
}

@media (max-width:1440px) {
    .dark_theme .badge-btn {
        background: #0000;
        border-color: #a6a6c7 !important;
        border-radius: 5.15px;
        color: #fff;
        height: 40px;
        width: 170px
    }

    .dark_theme .badge-btn:hover {
        background: #06f !important;
        border: none
    }
}

.dark_theme .card-vip-badge-content-centre {
    margin-top: 18%;
    text-align: center !important
}

.dark_theme .card-vip-badge-content-centre .CircularProgressbar {
    height: 60px !important;
    width: 60px !important
}

.dark_theme .card-vip-badge-content-centre .CircularProgressbar .CircularProgressbar-path {
    stroke: #21212e !important;
    stroke-linecap: square !important
}

.dark_theme .card-vip-badge-content-centre .CircularProgressbar .CircularProgressbar-text {
    fill: #fff;
    font-size: 25px !important;
    font-weight: 500 !important
}

.dark_theme .card-vip-badge-content-centre .CircularProgressbar .CircularProgressbar-trail {
    stroke: #21212e;
    stroke-linecap: round
}

.pro-venue-new-batch .pro-batch h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 28.13px
}

.pro-venue-new-batch .pro-batch p {
    color: #999898;
    font-size: 14px;
    font-weight: 400;
    max-width: 400px
}

.pro-venue-new-batch .land-pro-img-batch {
    background-image: url(Ellipse%20812.bf0db3becfe8c1ea94f6.svg);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10%
}

.pro-venue-new-batch .pro-next-batch-ss .next-batch-pro .pp {
    color: #4366ff;
    font-size: 16px;
    font-weight: 500
}

.pro-venue-new-batch .pro-with p {
    color: #333;
    font-size: 14px;
    font-weight: 400
}

.dark_theme .pro-venue-new-batch .pro-with p {
    color: #fff;
    font-size: 14px;
    font-weight: 400
}

.css-z0s1le-placeholder {
    color: gray !important
}

.dark_theme .css-z0s1le-placeholder {
    color: #fff !important
}

.pos-cur-batch {
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%, 50%)
}

.dark_theme .cur-nxt-batch .current-p-batch .card {
    background: linear-gradient(180deg, #0c0c1000, #111117 24.5%)
}

.dark_theme .cur-nxt-batch .current-p-batch .card .cu-bg-card-change {
    background: linear-gradient(0deg, rgba(12, 12, 16, .051) 10%, #21212e 24.5%);
    border-radius: 10px;
    padding: 10px
}

.dark_theme .cur-nxt-batch .next-p-batch .card {
    background: radial-gradient(#0c0f17, #0000)
}

.dark_theme .cur-nxt-batch .next-p-batch .card .bg-card-change {
    background: linear-gradient(1turn, #0c0c1000, #142743 24.5%);
    border-radius: 10px;
    padding: 10px
}

.dark_theme .cur-nxt-batch .next-p-batch .card .pg-current {
    background-color: #00000008;
    margin-bottom: 0;
    padding: .75rem 1.25rem
}

.dark_theme .cur-nxt-batch .b-type {
    padding-left: 10px;
    padding-right: 10px
}

.cur-nxt-batch .current-p-batch .card {
    background: linear-gradient(180deg, #0c0c1000, #e6e6e6 24.5%)
}

.cur-nxt-batch .current-p-batch .card .cu-bg-card-change {
    background: linear-gradient(0deg, hsla(0, 0%, 84%, .169) 10%, hsla(240, 1%, 84%, .212) 24.5%);
    border-radius: 10px;
    padding: 10px
}

.cur-nxt-batch .next-p-batch .card {
    background: radial-gradient(#d4d4d4, rgba(0, 0, 0, .059))
}

.cur-nxt-batch .next-p-batch .card .bg-card-change {
    background: linear-gradient(1turn, #0c0c1000, #d5d5d5 24.5%);
    border-radius: 10px;
    padding: 10px
}

.cur-nxt-batch .next-p-batch .card .pg-current {
    background-color: #00000008;
    margin-bottom: 0;
    padding: .75rem 1.25rem
}

.cur-nxt-batch .b-type {
    padding-left: 10px;
    padding-right: 10px
}

.p-chart .chart-container-line .card {
    background: #0000 !important;
    box-shadow: none
}

@media only screen and (max-width:545px) {
    .cur-nxt-batch {
        gap: 10px;
        margin-top: 1rem;
        width: 100%
    }

    .cur-nxt-batch .current-p-batch h3,
    .cur-nxt-batch .next-p-batch h3 {
        margin-top: 1.3rem
    }

    .cur-nxt-batch .b-type {
        font-size: 12px
    }
}

.badge-vip-text {
    font-size: 23.2px;
    text-align: center
}

.freeze-s1 {
    background: #f6f6f6;
    border-radius: 4px;
    height: 90px;
    padding: 20px
}

.freeze-s1 .s1-left-logo {
    background: #e0e0e06b;
    border-radius: 25px;
    gap: 5px;
    height: 44px;
    padding: 10px;
    width: 83px
}

.freeze-s1 .s1-right-ctnt {
    float: right
}

@media (max-width:575px) {
    .freeze-s1 .s1-right-ctnt {
        margin-top: -45px
    }
}

.freeze-s1 .s1-right-ctnt .s1-right-text {
    color: #969aa0;
    font-size: 16px
}

.freeze-amnt-clr {
    color: #0569ff
}

.freezeModalInput {
    background: #f0f0f0;
    border: none;
    height: 54px
}

.freezeModalInput:focus {
    background-color: #f0f0f0;
    border: none;
    box-shadow: none;
    color: #848484;
    font-size: 13px;
    font-style: normal;
    font-weight: 400
}

.freeze-input-group-append {
    background: #f0f0f0;
    border: none;
    gap: 10px;
    padding: 10px
}

.freeze-s2 {
    background: #f6f6f6;
    border-radius: 4px;
    height: 175px;
    padding: 20px
}

.freeze-avl-bal {
    color: #a6a6c7
}

.freeze-duration-btn {
    align-items: center;
    background: #0000;
    border-radius: 2px;
    color: #000;
    display: flex;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    justify-content: center;
    margin: 4px;
    min-height: 39px;
    min-width: 61px;
    position: relative
}

.freeze-duration-btn.active,
.freeze-duration-btn:after {
    background-image: url(Group%201508000678.6d2837ee73eda8b6b3fc.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
    height: 100%;
    position: absolute;
    width: 135%
}

.freeze-s3-notes h2 {
    font-size: 12px
}

.freeze-s3-notes h2 .freeze-notes {
    color: #969aa0;
    font-size: 12px
}

.modal-header {
    border-bottom: none
}

@media (max-width:575px) {
    .freeze-crnt-badge {
        margin-top: -50px
    }

    .freeze-btn-duration {
        margin-top: -40px
    }
}

.s2-right-logo {
    background: #e0e0e06b;
    border-radius: 25px;
    height: 35px;
    padding: 1px;
    width: 83px
}

.s2-right-logo-text {
    gap: 5px
}

.dark_theme .modal-dialog-unfreeze .modal-header {
    background: #111821
}

.dark_theme .profile-batch-input {
    background: #000;
    border: none;
    color: #fff;
    height: 54.5px
}

.dark_theme .freeze-s1 {
    background: #21212e;
    border-radius: 4px;
    height: 90px;
    padding: 20px
}

.dark_theme .freeze-s1 .s1-left-logo {
    background: #343643;
    border-radius: 25px;
    gap: 5px;
    height: 44px;
    padding: 10px;
    width: 83px
}

.dark_theme .freeze-s1 .s1-right-ctnt {
    float: right
}

@media (max-width:575px) {
    .dark_theme .freeze-s1 .s1-right-ctnt {
        margin-top: -45px
    }
}

.dark_theme .freeze-s1 .s1-right-ctnt .s1-right-text {
    color: #969aa0;
    font-size: 16px
}

.dark_theme .freeze-amnt-clr {
    color: #0569ff
}

.dark_theme .freezeModalInput {
    background: #000;
    border: none;
    height: 54px
}

.dark_theme .freezeModalInput:focus {
    background-color: #000;
    border: none;
    box-shadow: none;
    color: #848484;
    font-size: 13px;
    font-style: normal;
    font-weight: 400
}

.dark_theme .freeze-input-group-append {
    background: #000;
    border: none;
    gap: 10px;
    padding: 10px
}

.dark_theme .freeze-s2 {
    background: #21212e;
    border-radius: 4px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 20px
}

.dark_theme .freeze-avl-bal {
    color: #a6a6c7
}

.dark_theme .freeze-duration-btn {
    align-items: center;
    background: #0000;
    border-radius: 2px;
    color: #fff;
    display: flex;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    justify-content: center;
    margin: 4px;
    min-height: 39px;
    min-width: 61px;
    position: relative
}

.dark_theme .freeze-duration-btn.active,
.dark_theme .freeze-duration-btn:after {
    background-image: url(Group%201508000678.6d2837ee73eda8b6b3fc.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
    height: 100%;
    position: absolute;
    width: 135%
}

.dark_theme .freeze-s3-notes h2 {
    font-size: 12px
}

.dark_theme .freeze-s3-notes h2 .freeze-notes {
    color: #969aa0;
    font-size: 12px
}

.dark_theme .freeze-s3-notes-un h2 {
    border: 1px dotted #969aa0;
    font-size: 18px;
    padding: 10px
}

.dark_theme .freeze-s3-notes-un h2 .freeze-notes {
    color: #467cff;
    font-size: 18px
}

.dark_theme .modal-header {
    border-bottom: none
}

@media (max-width:575px) {
    .dark_theme .freeze-crnt-badge {
        margin-top: -50px
    }

    .dark_theme .freeze-btn-duration {
        margin-top: -40px
    }
}

.dark_theme .s2-right-logo {
    background: #343643;
    border-radius: 25px;
    height: 35px;
    padding: 1px;
    width: 83px
}

.dark_theme .s2-right-logo-text {
    gap: 5px
}

.notify-text {
    max-width: 200px
}

.dark_theme .bg-dark-no {
    background: #1b1a1a;
    border-radius: 10px !important
}

.bg-dark-no {
    background: #f2f2f2;
    border-radius: 10px !important
}

.notify-close {
    background: #ababab
}

.dark_theme .notify-close,
.notify-close {
    border-radius: 50%;
    height: 10px;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(-5px, 5px);
    width: 10px
}

.dark_theme .notify-close {
    background: #343a40
}

.dark_theme .bor-notify {
    border: 1px solid #80808038;
    border-radius: 10px
}

.animate-enter {
    animation: slideIn .2s ease-out
}

.animate-leave {
    animation: slideOut .5s ease-out forwards
}

@keyframes slideIn {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes slideOut {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-100%)
    }
}

.lp-banner-name {
    color: #000;
    font-size: 44px;
    font-weight: 400;
    text-align: center
}

@media (min-width:768px) {
    .lp-banner-name {
        display: none
    }
}

.launchpad-text-clr {
    color: #646667
}

.launchpad-text-ts-clr {
    color: #01bc8d
}

.launch-pad-nav-tab {
    border: none;
    font-size: 18px
}

.launch-pad-nav-tab .nav-tabs .nav-link.active {
    background: #0000;
    color: #495057;
    color: #0076e8;
    font-size: 18px;
    font-weight: 600
}

.launch-pad-nav-tab .nav-tabs .nav-link.active,
.launch-pad-nav-tab .nav-tabs .nav-link:hover {
    border-color: #0000;
    border-bottom: 4px solid #0076e8
}

.launch-pad-nav-tab .launch-border {
    border: 1px solid #dcdcdc;
    width: 278px
}

.launch-pad-nav-tab .nav-tab-row {
    border: none;
    box-shadow: 0 4px 4px 0 #0000000d
}

.new-launch-c2-details {
    justify-content: space-around
}

.launch-pad-card .card {
    background: #f5f7fb;
    border-radius: 20px 0 0 20px;
    box-shadow: 4px 0 4px 0 #0000000d;
    min-height: 273px;
    min-width: 180px
}

.launch-pad-card .lp-card-left-c1 {
    margin-top: 30px;
    text-align: center
}

.launch-pad-card .new-launch-c1-btn {
    background: #b3ebdd;
    border-radius: 100px;
    color: #01bc8d;
    font-size: 13px;
    font-weight: 600;
    height: 30px;
    width: 92px
}

.launch-pad-card .card2 {
    background: #f5f7fb;
    border-radius: 0 20px 20px 0;
    min-height: 273px;
    min-width: 345px
}

.launch-pad-card .new-launch-c2-cntn-right {
    text-align: end
}

.launch-pad-card .lp-coin-name {
    color: #000
}

.new-launch-btn {
    background: #f5f7fb;
    border-radius: 3px;
    color: #0076e8;
    height: 34px;
    width: 87px
}

.lp-slider {
    justify-content: space-evenly
}

.mob-launch-pad-card .mob-card {
    background: #f5f7fb;
    border-radius: 20px;
    min-height: 340px;
    min-width: 267px
}

.mob-launch-pad-card .flex-image-text {
    justify-content: space-evenly
}

.mob-launch-pad-card .flex-text {
    flex-direction: column
}

.mob-launch-pad-card .mob-new-launch-c1-btn {
    background: #b3ebdd;
    border-radius: 100px;
    color: #01bc8d;
    font-size: 13px;
    font-weight: 600;
    height: 30px;
    width: 92px
}

.mob-launch-pad-card .mob-new-launch-c2-cntn-right {
    text-align: end
}

.dark_theme .lp-banner-name {
    color: #fff;
    font-size: 44px;
    font-weight: 400;
    text-align: center
}

@media (min-width:768px) {
    .dark_theme .lp-banner-name {
        display: none
    }
}

.dark_theme .launch-pad-card .card {
    background: #151515;
    border-radius: 20px 0 0 20px;
    box-shadow: 4px 0 4px 0 #0c0c10;
    min-height: 273px;
    min-width: 180px
}

.dark_theme .launch-pad-card .lp-card-left-c1 {
    margin-top: 30px;
    text-align: center
}

.dark_theme .launch-pad-card .new-launch-c1-btn {
    background: #b3ebdd;
    border-radius: 100px;
    color: #01bc8d;
    font-size: 13px;
    font-weight: 600;
    height: 30px;
    width: 92px
}

.dark_theme .launch-pad-card .card2 {
    background: #151515;
    border-radius: 0 20px 20px 0;
    min-height: 273px;
    min-width: 345px
}

.dark_theme .launch-pad-card .new-launch-c2-cntn-right {
    text-align: end
}

.dark_theme .launch-border {
    border: 1px solid #333;
    width: 278px
}

.dark_theme .lp-coin-name {
    color: #fff
}

.dark_theme .launch-pad-nav-tab {
    border: none;
    margin-top: 5px
}

.dark_theme .launch-pad-nav-tab .nav-tabs {
    box-shadow: 0 1px 0 0 #333;
    gap: 35px
}

.dark_theme .launch-pad-nav-tab .nav-tabs .nav-link.active {
    background: #0000;
    border-color: #0000;
    border-bottom: 4px solid #0076e8;
    color: #495057;
    color: #fff;
    font-size: 18px;
    font-weight: 600
}

.dark_theme .launch-pad-nav-tab .nav-tabs .nav-link:hover {
    border-color: #0000;
    border-bottom: 4px solid #0076e8
}

.dark_theme .launch-pad-nav-tab .nav-tab-row {
    border: none;
    box-shadow: 0 4px 4px 0 #0c0c10
}

.dark_theme .new-launch-btn {
    background: #151515;
    border-radius: 3px;
    color: #0076e8;
    height: 37px;
    width: 87px
}

.dark_theme .mob-launch-pad-card .mob-card {
    background: #151515;
    border-radius: 20px;
    min-height: 340px;
    min-width: 267px
}

.dark_theme .mob-launch-pad-card .flex-image-text {
    justify-content: space-evenly
}

.dark_theme .mob-launch-pad-card .flex-text {
    flex-direction: column
}

.dark_theme .mob-launch-pad-card .mob-new-launch-c1-btn {
    background: #b3ebdd;
    border-radius: 100px;
    color: #01bc8d;
    font-size: 13px;
    font-weight: 600;
    height: 30px;
    width: 92px
}

.dark_theme .mob-launch-pad-card .mob-new-launch-c2-cntn-right {
    text-align: end
}

.launchpad-text-clr-grey {
    color: #646667
}

.new-launch-textclr {
    color: #0076e8;
    text-align: center
}

@media (max-width:768px) {
    .lp-img-media-qurey {
        display: none
    }
}

@media (max-width:1199px) {
    .lp-media-card {
        flex-direction: column
    }
}

@media (min-width:768px) {
    .lp-banner-name2 {
        display: none
    }
}

.dark_theme .sec-new-listed h2 {
    color: #b9bdc0 !important
}

.sec-new-listed h2 {
    color: #525455 !important
}

.market-img-demo {
    left: 50%;
    opacity: .05;
    position: absolute;
    top: 56%;
    transform: translate(-50%, -50%)
}

.demo-markets-table .table-responsive {
    position: relative;
    z-index: 100000000000000000
}

.fixed-bottom-bar-demo {
    border-radius: 5px;
    bottom: 5px;
    position: fixed;
    z-index: 1000
}

.fixed-bottom-bar-demo .demo-navigator {
    align-items: center;
    animation-duration: .4s;
    animation-timing-function: ease-out;
    bottom: 18px;
    display: flex;
    justify-content: space-around;
    opacity: 1
}

.ditts {
    background-image: url(Demo.04fb5d145cf2ea9fb876.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: .05
}

.mydemodiv .demo-bg {
    background: url(AlterDemo.78e83a82d3ddfdd3cd0c.svg) 50% no-repeat
}

.dark_theme .mydemodiv .demo-bg,
.mydemodiv .demo-bg {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .04;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.dark_theme .mydemodiv .demo-bg {
    background: url(AlterDemodk.fe065f0fd2eb361edc5c.svg) 50% no-repeat
}

.mydemodiv .demo-bg-mob {
    background: url(noAlter.e609955d7cf24d7da350.svg) 50% no-repeat
}

.dark_theme .mydemodiv .demo-bg-mob,
.mydemodiv .demo-bg-mob {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .04;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.dark_theme .mydemodiv .demo-bg-mob {
    background: url(noAlterdk.5fce9c1460f2d0a42ff3.svg) 50% no-repeat
}

.recaptcha-container {
    display: flex;
    justify-content: center;
    width: 100%
}

.ai-pi-wh {
    background: #f2041b0d;
    border: 1px solid;
    border-radius: 10px;
    padding: 10px
}

.iaMfJy.loaded img {
    opacity: 1;
    transition: opacity .2s ease-in-out 0s
}

.iaMfJy img,
.iaMfJy.loaded img {
    height: auto !important;
    max-width: 100% !important
}

.iaMfJy img {
    opacity: 0;
    transition: opacity 0s ease-in-out 0s
}

.device-activy-btn .btn:hover {
    background: #dc3545 !important;
    border: 1.5px solid #dc3545 !important
}

.vriot-ops {
    height: 90%
}

.vriot-ops-emp {
    height: 100%
}

.hgtyu-ops {
    height: 96% !important
}

.vdert-ops {
    height: 100% !important
}

.demo-trade-btn-inner .btn-grad {
    background-image: linear-gradient(90deg, #d38312 0, #a83279 51%, #d38312);
    background-size: 200% auto;
    border-radius: 10px;
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: 700;
    padding: 4px;
    text-align: center;
    transition: .5s;
    width: 100%
}

.demo-trade-btn-inner .btn-grad:hover {
    background-position: 100%;
    color: #fff;
    text-decoration: none
}

.chartsize {
    opacity: .39;
    width: 60px
}

.blogfsdf {
    background: #fff;
    border: none;
    box-shadow: 0 3px 10px #0000001f
}

.dangerous_moderate_real ul li {
    margin-bottom: 1rem
}

.dangerous_moderate_real ol li strong,
.dangerous_moderate_real p strong,
.dangerous_moderate_real ul li strong {
    font-weight: 500
}

.dark_theme .blogfsdf {
    background: #151515;
    border: none;
    box-shadow: 0 3px 10px #0000001f
}

.dark_theme .dangerous_moderate_real ul li {
    margin-bottom: 1rem
}

.dark_theme .dangerous_moderate_real p strong,
.dark_theme .dangerous_moderate_real ul li strong {
    font-weight: 500
}

.App {
    text-align: center
}

.App-logo {
    height: 40vmin;
    pointer-events: none
}

@media (prefers-reduced-motion:no-preference) {
    .App-logo {
        animation: App-logo-spin 20s linear infinite
    }
}

@media (max-width:767px) {
    .team-tap-2 {
        display: none !important
    }
}

.App-header {
    align-items: center;
    background-color: #282c34;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: calc(10px + 2vmin);
    justify-content: center;
    min-height: 100vh
}

.App-link {
    color: #61dafb
}

@keyframes App-logo-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.img-wrapper {
    overflow: hidden
}

.img-op {
    min-height: 100%
}

.inner-img {
    transition: .3s
}

.inner-img:hover {
    transform: scale(1.1)
}

.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__navigation-icon:before,
.react-datepicker__year-read-view--down-arrow {
    border-color: #ccc;
    border-style: solid;
    border-width: 3px 3px 0 0;
    content: "";
    display: block;
    height: 9px;
    position: absolute;
    top: 6px;
    width: 9px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
    margin-left: -4px;
    position: absolute;
    width: 0
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
    border: 8px solid #0000;
    box-sizing: initial;
    content: "";
    height: 0;
    left: -8px;
    position: absolute;
    width: 1px;
    z-index: -1
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
    border-bottom-color: #aeaeae
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    margin-top: -8px;
    top: 0
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
    border-bottom-color: #f0f0f0;
    border-top: none
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after {
    top: 0
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
    border-bottom-color: #aeaeae;
    top: -1px
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
    bottom: 0;
    margin-bottom: -8px
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
    border-bottom: none;
    border-top-color: #fff
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after {
    bottom: 0
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
    border-top-color: #aeaeae;
    bottom: -1px
}

.react-datepicker-wrapper {
    border: 0;
    display: inline-block;
    padding: 0
}

.react-datepicker {
    background-color: #fff;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    color: #000;
    display: inline-block;
    font-family: Helvetica Neue, helvetica, arial, sans-serif;
    font-size: .8rem;
    position: relative
}

.react-datepicker--time-only .react-datepicker__triangle {
    left: 35px
}

.react-datepicker--time-only .react-datepicker__time-container {
    border-left: 0
}

.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.react-datepicker__triangle {
    left: 50px;
    position: absolute
}

.react-datepicker-popper {
    z-index: 1
}

.react-datepicker-popper[data-placement^=bottom] {
    padding-top: 10px
}

.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,
.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
    left: auto;
    right: 50px
}

.react-datepicker-popper[data-placement^=top] {
    padding-bottom: 10px
}

.react-datepicker-popper[data-placement^=right] {
    padding-left: 8px
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
    left: auto;
    right: 42px
}

.react-datepicker-popper[data-placement^=left] {
    padding-right: 8px
}

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
    left: 42px;
    right: auto
}

.react-datepicker__header {
    background-color: #f0f0f0;
    border-bottom: 1px solid #aeaeae;
    border-top-left-radius: .3rem;
    padding: 8px 0;
    position: relative;
    text-align: center
}

.react-datepicker__header--time {
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px
}

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
    border-top-left-radius: 0
}

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
    border-top-right-radius: .3rem
}

.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__year-dropdown-container--select {
    display: inline-block;
    margin: 0 15px
}

.react-datepicker-time__header,
.react-datepicker-year-header,
.react-datepicker__current-month {
    color: #000;
    font-size: .944rem;
    font-weight: 700;
    margin-top: 0
}

.react-datepicker-time__header {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.react-datepicker__navigation {
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    text-indent: -999em;
    top: 2px;
    width: 32px;
    z-index: 1
}

.react-datepicker__navigation--previous {
    left: 2px
}

.react-datepicker__navigation--next {
    right: 2px
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right: 85px
}

.react-datepicker__navigation--years {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.react-datepicker__navigation--years-previous {
    top: 4px
}

.react-datepicker__navigation--years-upcoming {
    top: -4px
}

.react-datepicker__navigation:hover :before {
    border-color: #a6a6a6
}

.react-datepicker__navigation-icon {
    font-size: 20px;
    position: relative;
    top: -1px;
    width: 0
}

.react-datepicker__navigation-icon--next {
    left: -2px
}

.react-datepicker__navigation-icon--next:before {
    left: -7px;
    transform: rotate(45deg)
}

.react-datepicker__navigation-icon--previous {
    right: -2px
}

.react-datepicker__navigation-icon--previous:before {
    right: -7px;
    transform: rotate(225deg)
}

.react-datepicker__month-container {
    float: left
}

.react-datepicker__year {
    margin: .4rem;
    text-align: center
}

.react-datepicker__year-wrapper {
    display: flex;
    flex-wrap: wrap;
    max-width: 180px
}

.react-datepicker__year .react-datepicker__year-text {
    display: inline-block;
    margin: 2px;
    width: 4rem
}

.react-datepicker__month {
    margin: .4rem;
    text-align: center
}

.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
    display: inline-block;
    margin: 2px;
    width: 4rem
}

.react-datepicker__input-time-container {
    clear: both;
    float: left;
    margin: 5px 0 10px 15px;
    text-align: left;
    width: 100%
}

.react-datepicker__input-time-container .react-datepicker-time__caption,
.react-datepicker__input-time-container .react-datepicker-time__input-container {
    display: inline-block
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
    display: inline-block;
    margin-left: 10px
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
    width: auto
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
    -moz-appearance: textfield
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
    display: inline-block;
    margin-left: 5px
}

.react-datepicker__time-container {
    border-left: 1px solid #aeaeae;
    float: right;
    width: 85px
}

.react-datepicker__time-container--with-today-button {
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    display: inline;
    position: absolute;
    right: -87px;
    top: 0
}

.react-datepicker__time-container .react-datepicker__time {
    background: #fff;
    border-bottom-right-radius: .3rem;
    position: relative
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
    border-bottom-right-radius: .3rem;
    margin: 0 auto;
    overflow-x: hidden;
    text-align: center;
    width: 85px
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
    box-sizing: initial;
    height: calc(195px + .85rem);
    list-style: none;
    margin: 0;
    overflow-y: scroll;
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
    height: 30px;
    padding: 5px 10px;
    white-space: nowrap
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
    background-color: #f0f0f0;
    cursor: pointer
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
    background-color: #216ba5;
    color: #fff;
    font-weight: 700
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
    background-color: #216ba5
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
    color: #ccc
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
    background-color: initial;
    cursor: default
}

.react-datepicker__week-number {
    color: #ccc;
    display: inline-block;
    line-height: 1.7rem;
    margin: .166rem;
    text-align: center;
    width: 1.7rem
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected, .react-datepicker__week-number--keyboard-selected):hover {
    background-color: #f0f0f0;
    border-radius: .3rem
}

.react-datepicker__week-number--selected {
    background-color: #216ba5;
    border-radius: .3rem;
    color: #fff
}

.react-datepicker__week-number--selected:hover {
    background-color: #1d5d90
}

.react-datepicker__week-number--keyboard-selected {
    background-color: #2a87d0;
    border-radius: .3rem;
    color: #fff
}

.react-datepicker__week-number--keyboard-selected:hover {
    background-color: #1d5d90
}

.react-datepicker__day-names {
    margin-bottom: -8px;
    white-space: nowrap
}

.react-datepicker__week {
    white-space: nowrap
}

.react-datepicker__day,
.react-datepicker__day-name,
.react-datepicker__time-name {
    color: #000;
    display: inline-block;
    line-height: 1.7rem;
    margin: .166rem;
    text-align: center;
    width: 1.7rem
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
    cursor: pointer
}

.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
    background-color: #f0f0f0;
    border-radius: .3rem
}

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
    font-weight: 700
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
    background-color: #3dcc4a;
    border-radius: .3rem;
    color: #fff
}

.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
    background-color: #32be3f
}

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
    color: #f0f
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
    color: green
}

.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
    background-color: #ff6803;
    border-radius: .3rem;
    color: #fff;
    position: relative
}

.react-datepicker__day--holidays .holiday-overlay,
.react-datepicker__month-text--holidays .holiday-overlay,
.react-datepicker__quarter-text--holidays .holiday-overlay,
.react-datepicker__year-text--holidays .holiday-overlay {
    background-color: #333;
    border-radius: 4px;
    bottom: 100%;
    color: #fff;
    left: 50%;
    opacity: 0;
    padding: 4px;
    position: absolute;
    transform: translateX(-50%);
    transition: visibility 0s, opacity .3s ease-in-out;
    visibility: hidden;
    white-space: nowrap
}

.react-datepicker__day--holidays:hover,
.react-datepicker__month-text--holidays:hover,
.react-datepicker__quarter-text--holidays:hover,
.react-datepicker__year-text--holidays:hover {
    background-color: #cf5300
}

.react-datepicker__day--holidays:hover .holiday-overlay,
.react-datepicker__month-text--holidays:hover .holiday-overlay,
.react-datepicker__quarter-text--holidays:hover .holiday-overlay,
.react-datepicker__year-text--holidays:hover .holiday-overlay {
    opacity: 1;
    visibility: visible
}

.react-datepicker__day--in-range,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--selected,
.react-datepicker__month-text--in-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--selected,
.react-datepicker__quarter-text--in-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__year-text--in-range,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--selected {
    background-color: #216ba5;
    border-radius: .3rem;
    color: #fff
}

.react-datepicker__day--in-range:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--selected:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__year-text--in-range:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--selected:hover {
    background-color: #1d5d90
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
    background-color: #bad9f1;
    border-radius: .3rem;
    color: #000
}

.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
    background-color: #1d5d90
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) {
    background-color: #216ba580
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) {
    background-color: #f0f0f0;
    color: #000
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
    color: #ccc;
    cursor: default
}

.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
    background-color: initial
}

.react-datepicker__input-container {
    display: inline-block;
    position: relative;
    width: 100%
}

.react-datepicker__input-container .react-datepicker__calendar-icon {
    box-sizing: initial;
    padding: .5rem;
    position: absolute
}

.react-datepicker__view-calendar-icon input {
    padding: 6px 10px 5px 25px
}

.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view,
.react-datepicker__year-read-view {
    border: 1px solid #0000;
    border-radius: .3rem;
    position: relative
}

.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover,
.react-datepicker__year-read-view:hover {
    cursor: pointer
}

.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
    border-top-color: #b3b3b3
}

.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
    right: -16px;
    top: 0;
    transform: rotate(135deg)
}

.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown,
.react-datepicker__year-dropdown {
    background-color: #f0f0f0;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    left: 25%;
    position: absolute;
    text-align: center;
    top: 30px;
    width: 50%;
    z-index: 1
}

.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover,
.react-datepicker__year-dropdown:hover {
    cursor: pointer
}

.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable,
.react-datepicker__year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll
}

.react-datepicker__month-option,
.react-datepicker__month-year-option,
.react-datepicker__year-option {
    display: block;
    line-height: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type,
.react-datepicker__year-option:first-of-type {
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type,
.react-datepicker__year-option:last-of-type {
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
    -webkit-user-select: none;
    user-select: none
}

.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover,
.react-datepicker__year-option:hover {
    background-color: #ccc
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
    border-bottom-color: #b3b3b3
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
    border-top-color: #b3b3b3
}

.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected,
.react-datepicker__year-option--selected {
    left: 15px;
    position: absolute
}

.react-datepicker__close-icon {
    background-color: initial;
    border: 0;
    cursor: pointer;
    display: table-cell;
    height: 100%;
    outline: 0;
    padding: 0 6px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle
}

.react-datepicker__close-icon:after {
    background-color: #216ba5;
    border-radius: 50%;
    color: #fff;
    content: "×";
    cursor: pointer;
    display: table-cell;
    font-size: 12px;
    height: 16px;
    line-height: 1;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
    width: 16px
}

.react-datepicker__close-icon--disabled {
    cursor: default
}

.react-datepicker__close-icon--disabled:after {
    background-color: #ccc;
    cursor: default
}

.react-datepicker__today-button {
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    clear: left;
    cursor: pointer;
    font-weight: 700;
    padding: 5px 0;
    text-align: center
}

.react-datepicker__portal {
    align-items: center;
    background-color: #000c;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 2147483647
}

.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__time-name {
    line-height: 3rem;
    width: 3rem
}

@media (max-height:550px),
(max-width:400px) {

    .react-datepicker__portal .react-datepicker__day,
    .react-datepicker__portal .react-datepicker__day-name,
    .react-datepicker__portal .react-datepicker__time-name {
        line-height: 2rem;
        width: 2rem
    }
}

.react-datepicker__portal .react-datepicker-time__header,
.react-datepicker__portal .react-datepicker__current-month {
    font-size: 1.44rem
}

.react-datepicker__children-container {
    height: auto;
    margin: .4rem;
    padding-left: .2rem;
    padding-right: .2rem;
    width: 13.8rem
}

.react-datepicker__aria-live {
    border: 0;
    -webkit-clip-path: circle(0);
    clip-path: circle(0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.react-datepicker__calendar-icon {
    height: 1em;
    vertical-align: -.125em;
    width: 1em
}

@font-face {
    font-family: Notification;
    font-style: normal;
    font-weight: 400;
    src: url(notification.3657084dc0419605a91c.eot);
    src: url(notification.3657084dc0419605a91c.eot?#iefixs3g3t9) format("embedded-opentype"), url(notification.c392cd33d9d9de730f9d.woff) format("woff"), url(notification.c5d9251ea82e42f75381.ttf) format("truetype"), url(notification.5d0158671dd860c714c4.svg#notification) format("svg")
}

.notification-container {
    box-sizing: border-box;
    max-height: calc(100% - 30px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 15px;
    position: fixed;
    right: 0;
    top: 0;
    width: 320px;
    z-index: 999999
}

.notification {
    background-color: #ccc;
    border-radius: 2px;
    box-shadow: 0 0 12px #999;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
    line-height: 1.2em;
    margin-top: 15px;
    opacity: .9;
    padding: 15px 15px 15px 58px;
    position: relative
}

.notification .title {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.2em;
    margin: 0 0 5px
}

.notification:focus,
.notification:hover {
    opacity: 1
}

.notification-enter {
    transform: translate3d(100%, 0, 0);
    visibility: hidden
}

.notification-enter.notification-enter-active {
    transform: translateZ(0);
    transition: all .4s;
    visibility: visible
}

.notification-exit {
    transform: translateZ(0);
    visibility: visible
}

.notification-exit.notification-exit-active {
    transform: translate3d(100%, 0, 0);
    transition: all .4s;
    visibility: hidden
}

.notification:before {
    display: block;
    font-family: Notification;
    font-size: 28px;
    height: 28px;
    left: 15px;
    line-height: 28px;
    margin-top: -14px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 28px
}

.notification-info {
    background-color: #2f96b4
}

.notification-info:before {
    content: ""
}

.notification-success {
    background-color: #51a351
}

.notification-success:before {
    content: ""
}

.notification-warning {
    background-color: #f89406
}

.notification-warning:before {
    content: ""
}

.notification-error {
    background-color: #bd362f
}

.notification-error:before {
    content: ""
}

:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: #ffffffb3;
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error)
}

.Toastify__toast-container {
    box-sizing: border-box;
    color: #fff;
    padding: 4px;
    position: fixed;
    -webkit-transform: translateZ(var(--toastify-z-index));
    width: var(--toastify-toast-width);
    z-index: var(--toastify-z-index)
}

.Toastify__toast-container--top-left {
    left: 1em;
    top: 1em
}

.Toastify__toast-container--top-center {
    left: 50%;
    top: 1em;
    transform: translateX(-50%)
}

.Toastify__toast-container--top-right {
    right: 1em;
    top: 1em
}

.Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em
}

.Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    transform: translateX(-50%)
}

.Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em
}

@media only screen and (max-width:480px) {
    .Toastify__toast-container {
        left: 0;
        margin: 0;
        padding: 0;
        width: 100vw
    }

    .Toastify__toast-container--top-center,
    .Toastify__toast-container--top-left,
    .Toastify__toast-container--top-right {
        top: 0;
        transform: translateX(0)
    }

    .Toastify__toast-container--bottom-center,
    .Toastify__toast-container--bottom-left,
    .Toastify__toast-container--bottom-right {
        bottom: 0;
        transform: translateX(0)
    }

    .Toastify__toast-container--rtl {
        left: auto;
        right: 0
    }
}

.Toastify__toast {
    border-radius: 4px;
    box-shadow: 0 1px 10px 0 #0000001a, 0 2px 15px 0 #0000000d;
    box-sizing: border-box;
    cursor: default;
    direction: ltr;
    display: flex;
    font-family: var(--toastify-font-family);
    justify-content: space-between;
    margin-bottom: 1rem;
    max-height: var(--toastify-toast-max-height);
    min-height: var(--toastify-toast-min-height);
    overflow: hidden;
    padding: 8px;
    position: relative;
    z-index: 0
}

.Toastify__toast--rtl {
    direction: rtl
}

.Toastify__toast--close-on-click {
    cursor: pointer
}

.Toastify__toast-body {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    margin: auto 0;
    padding: 6px
}

.Toastify__toast-body>div:last-child {
    flex: 1 1;
    word-break: break-word
}

.Toastify__toast-icon {
    display: flex;
    flex-shrink: 0;
    margin-inline-end: 10px;
    width: 20px
}

.Toastify--animate {
    animation-duration: .7s;
    animation-fill-mode: both
}

.Toastify--animate-icon {
    animation-duration: .3s;
    animation-fill-mode: both
}

@media only screen and (max-width:480px) {
    .Toastify__toast {
        border-radius: 0;
        margin-bottom: 0
    }
}

.Toastify__toast-theme--dark {
    background: var(--toastify-color-dark);
    color: var(--toastify-text-color-dark)
}

.Toastify__toast-theme--colored.Toastify__toast--default,
.Toastify__toast-theme--light {
    background: var(--toastify-color-light);
    color: var(--toastify-text-color-light)
}

.Toastify__toast-theme--colored.Toastify__toast--info {
    background: var(--toastify-color-info);
    color: var(--toastify-text-color-info)
}

.Toastify__toast-theme--colored.Toastify__toast--success {
    background: var(--toastify-color-success);
    color: var(--toastify-text-color-success)
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
    background: var(--toastify-color-warning);
    color: var(--toastify-text-color-warning)
}

.Toastify__toast-theme--colored.Toastify__toast--error {
    background: var(--toastify-color-error);
    color: var(--toastify-text-color-error)
}

.Toastify__progress-bar-theme--light {
    background: var(--toastify-color-progress-light)
}

.Toastify__progress-bar-theme--dark {
    background: var(--toastify-color-progress-dark)
}

.Toastify__progress-bar--info {
    background: var(--toastify-color-progress-info)
}

.Toastify__progress-bar--success {
    background: var(--toastify-color-progress-success)
}

.Toastify__progress-bar--warning {
    background: var(--toastify-color-progress-warning)
}

.Toastify__progress-bar--error {
    background: var(--toastify-color-progress-error)
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
    background: var(--toastify-color-transparent)
}

.Toastify__close-button {
    align-self: flex-start;
    background: #0000;
    border: none;
    color: #fff;
    cursor: pointer;
    opacity: .7;
    outline: none;
    padding: 0;
    transition: .3s ease
}

.Toastify__close-button--light {
    color: #000;
    opacity: .3
}

.Toastify__close-button>svg {
    fill: currentColor;
    height: 16px;
    width: 14px
}

.Toastify__close-button:focus,
.Toastify__close-button:hover {
    opacity: 1
}

@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

.Toastify__progress-bar {
    bottom: 0;
    height: 5px;
    left: 0;
    opacity: .7;
    position: absolute;
    transform-origin: left;
    width: 100%;
    z-index: var(--toastify-z-index)
}

.Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
    transition: transform .2s
}

.Toastify__progress-bar--rtl {
    left: auto;
    right: 0;
    transform-origin: right
}

.Toastify__spinner {
    animation: Toastify__spin .65s linear infinite;
    border: 2px solid;
    border-color: var(--toastify-spinner-color-empty-area);
    border-radius: 100%;
    border-right-color: var(--toastify-spinner-color);
    box-sizing: border-box;
    height: 20px;
    width: 20px
}

@keyframes Toastify__bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        transform: translate3d(10px, 0, 0)
    }

    90% {
        transform: translate3d(-5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes Toastify__bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        transform: translate3d(5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes Toastify__bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        transform: translate3d(0, 10px, 0)
    }

    90% {
        transform: translate3d(0, -5px, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes Toastify__bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        transform: translate3d(0, -10px, 0)
    }

    90% {
        transform: translate3d(0, 5px, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.Toastify__bounce-enter--bottom-left,
.Toastify__bounce-enter--top-left {
    animation-name: Toastify__bounceInLeft
}

.Toastify__bounce-enter--bottom-right,
.Toastify__bounce-enter--top-right {
    animation-name: Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    animation-name: Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    animation-name: Toastify__bounceInUp
}

.Toastify__bounce-exit--bottom-left,
.Toastify__bounce-exit--top-left {
    animation-name: Toastify__bounceOutLeft
}

.Toastify__bounce-exit--bottom-right,
.Toastify__bounce-exit--top-right {
    animation-name: Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    animation-name: Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    animation-name: Toastify__bounceOutDown
}

@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    animation-name: Toastify__zoomOut
}

@keyframes Toastify__flipIn {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes Toastify__flipOut {
    0% {
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        transform: perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }
}

.Toastify__flip-enter {
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    animation-name: Toastify__flipOut
}

@keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0, 110%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0, -110%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(110%, 0, 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(-110%, 0, 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0, 500px, 0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0, -500px, 0);
        visibility: hidden
    }
}

.Toastify__slide-enter--bottom-left,
.Toastify__slide-enter--top-left {
    animation-name: Toastify__slideInLeft
}

.Toastify__slide-enter--bottom-right,
.Toastify__slide-enter--top-right {
    animation-name: Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    animation-name: Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    animation-name: Toastify__slideInUp
}

.Toastify__slide-exit--bottom-left,
.Toastify__slide-exit--top-left {
    animation-name: Toastify__slideOutLeft
}

.Toastify__slide-exit--bottom-right,
.Toastify__slide-exit--top-right {
    animation-name: Toastify__slideOutRight
}

.Toastify__slide-exit--top-center {
    animation-name: Toastify__slideOutUp
}

.Toastify__slide-exit--bottom-center {
    animation-name: Toastify__slideOutDown
}

@keyframes Toastify__spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.column {
    flex: 1 1;
    text-align: center
}

.tour-container {
    transition: opacity .3s ease-in-out, transform .3s ease-in-out
}

.back-btn,
.next-btn {
    background: #fff;
    color: #467bff;
    font-size: 14px;
    font-weight: 500;
    height: 30px;
    padding: 0 10px
}

.bor-cir {
    background-color: #40b54a;
    border-radius: 50%;
    height: 40px;
    padding: 10px;
    position: relative;
    width: 50px
}

.bor-cir .prgs-name {
    color: #54b53f;
    font-size: 20px;
    font-weight: 700;
    left: 0;
    position: absolute;
    top: 50px;
    width: 50px
}

.wh-bg {
    background-color: #fff !important;
    border-radius: 50%;
    height: 40px;
    padding: 10px;
    position: relative;
    width: 50px
}

.wh-bg .prgs-name {
    color: #cde2ff;
    display: block;
    font-size: 20px;
    font-weight: 700;
    left: 5px;
    position: absolute;
    top: 50px;
    width: 50px
}

.active-cir {
    background-color: #40b54a;
    border-radius: 50%;
    height: 40px;
    padding: 10px;
    position: relative;
    width: 50px
}

.active-cir .prgs-name {
    color: #54b53f;
    display: block;
    font-size: 20px;
    font-weight: 700;
    left: 5px;
    position: absolute;
    top: 50px;
    width: 50px
}

.hhhh {
    width: 50%
}

.hhhh .progress-bar {
    background-color: #40b54a !important
}

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}

[data-aos=fade-up] {
    transform: translate3d(0, 100px, 0)
}

[data-aos=fade-down] {
    transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
    transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0, 100px, 0) scale(.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0, -100px, 0) scale(.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px, 0, 0) scale(.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px, 0, 0) scale(.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0)
}

[data-aos=slide-up] {
    transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
    transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
    transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

.ps {
    -ms-overflow-style: none;
    overflow: hidden !important;
    overflow-anchor: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x {
    bottom: 0;
    height: 15px
}

.ps__rail-x,
.ps__rail-y {
    display: none;
    opacity: 0;
    position: absolute;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear
}

.ps__rail-y {
    right: 0;
    width: 15px
}

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
    background-color: initial;
    display: block
}

.ps--focus>.ps__rail-x,
.ps--focus>.ps__rail-y,
.ps--scrolling-x>.ps__rail-x,
.ps--scrolling-y>.ps__rail-y,
.ps:hover>.ps__rail-x,
.ps:hover>.ps__rail-y {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-x:focus,
.ps .ps__rail-x:hover,
.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x {
    bottom: 2px;
    height: 6px;
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out
}

.ps__thumb-x,
.ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    position: absolute
}

.ps__thumb-y {
    right: 2px;
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px
}

.ps__rail-x.ps--clicking .ps__thumb-x,
.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x:hover>.ps__thumb-x {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y:hover>.ps__thumb-y {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .ps {
        overflow: auto !important
    }
}

.scrollbar-container {
    height: 100%;
    position: relative
}

.drop-when-ever-up {
    left: 0;
    pointer-events: none;
    position: absolute;
    top: -4px;
    transform: translate(50%, -50%)
}

.drop-when-ever-up-menu .div-over-hed h2 {
    font-size: 14px !important;
    font-weight: 700 !important
}

.dark_theme .kp_hdmenufrp a,
.kp_hdmenufrp a {
    font-size: 14px !important;
    font-style: normal;
    font-weight: 500 !important;
    position: relative;
    text-decoration: none
}

.dark_theme .kp_hdmenufrp a:hover {
    color: #0056b3
}

.kp_hdmenufrp_cry .drop-when-ever-up {
    left: 0;
    pointer-events: none;
    position: absolute;
    top: -4px;
    transform: translate(50%, -50%)
}

.dark_theme .kp_hdmenufrp_cry a,
.kp_hdmenufrp_cry a {
    font-size: 14px !important;
    font-style: normal;
    font-weight: 500 !important;
    position: relative;
    text-decoration: none
}

.dark_theme .kp_hdmenufrp_cry a:hover {
    color: #0056b3
}

.dark_theme .pos-abs {
    background: #0d0d0d;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    max-height: 257px;
    min-height: 258px;
    overflow: auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    position: absolute;
    right: 0;
    top: 70px;
    transform: translate(85%, -35%);
    z-index: 1
}

.dark_theme .pos-abs a {
    padding: 0 !important
}

.dark_theme .pos-abs .spot-nav-new {
    border-bottom: none !important
}

.dark_theme .pos-abs .nav-tabs .nav-link.active {
    background-color: initial;
    border-color: #0000;
    color: #4076e8
}

.dark_theme .pos-abs .nav-tabs .nav-link:hover {
    border-color: #0000 !important;
    color: #4076e8
}

.dark_theme .pos-abs .nav-tabs .nav-link :hover {
    background: #0000;
    border: none;
    border-color: #0000 !important;
    color: #4076e8
}

.dark_theme .pos-abs .mi-tabs__nav-scroll .mi-tabs__nav {
    align-items: center;
    color: #fff;
    display: flex;
    gap: 10px
}

.dark_theme .pos-abs .ser_rel .head_bg_al {
    background-color: initial !important
}

.pos-abs {
    background: #fff;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    max-height: 257px;
    min-height: 258px;
    overflow: auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    position: absolute;
    right: 0;
    top: 70px;
    transform: translate(85%, -35%);
    z-index: 1
}

.pos-abs a {
    padding: 0 !important
}

.pos-abs .spot-nav-new {
    border-bottom: none !important
}

.pos-abs .nav-tabs .nav-link.active {
    background-color: initial;
    border-color: #0000;
    color: #4076e8
}

.pos-abs .nav-tabs .nav-link:hover {
    border-color: #0000 !important;
    color: #4076e8
}

.pos-abs .nav-tabs .nav-link :hover {
    background: #0000;
    border: none;
    border-color: #0000 !important;
    color: #4076e8
}

.pos-abs .mi-tabs__nav-scroll .mi-tabs__nav {
    align-items: center;
    color: #000;
    display: flex;
    gap: 10px
}

.my-new-edit-nav {
    border-bottom: 1px solid #f8f8f8;
    box-shadow: 0 1px 1px #00000017
}

.dark_theme .my-new-edit-nav,
.my-new-edit-nav {
    margin-top: 0;
    padding-top: .1rem;
    position: fixed;
    top: 0;
    transition: all .3s linear;
    width: 100%;
    z-index: 1030
}

.dark_theme .my-new-edit-nav {
    border-bottom: 1px solid #131313;
    box-shadow: 0 1px 1px #00000080
}

.sidebar {
    background-color: #fff;
    height: 100vh;
    left: 100%;
    overflow: auto;
    position: fixed;
    top: 0;
    transition: left .3s ease;
    width: 100%
}

.dark_theme .sidebar {
    background-color: #030204
}

.sidebar.open {
    left: 0
}

.sidebar.close {
    display: none
}

.kp_hdmenufrp .dropdown-toggle:after,
.kp_hdmenufrp_cry .dropdown-toggle:after {
    display: none !important
}

.kp_hdmenu .nav-item a:hover {
    color: #4076e8 !important
}

.kp_hdmenu li a:before {
    background-color: #131313
}

@media screen and (min-width:1200px) {
    .sidebar {
        display: none
    }
}

.pad-lasthed .kp_hdmenufrp a,
.pad-lasthed .kp_hdmenufrp_cry a {
    padding: 0 !important
}

.kp_hdmenu .mar-list {
    padding: 10px
}

.kp_hdmenu .mar-list a {
    color: #000
}

.lknavhed-side .navicon a.active,
.lknavhed-side .navicon:hover a {
    background: #0000
}

.nav-demo-btn .btn-grad {
    background-image: linear-gradient(90deg, #1a2980 0, #26d0ce 51%, #1a2980);
    background-size: 200% auto;
    border-radius: 10px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 35px;
    text-align: center;
    transition: .5s
}

.nav-demo-btn .btn-grad:hover {
    background-position: 100%;
    color: #fff;
    height: 35px;
    text-decoration: none
}

.navicon .lk-span {
    color: #000
}

.custom-nav-menu {
    background-color: initial;
    border: none;
    cursor: pointer;
    display: flex;
    padding: 0
}

.line {
    stroke: #000000e6;
    stroke-width: 3
}

.dark_theme .line,
.line {
    fill: none;
    transition: stroke-dasharray .6s cubic-bezier(.4, 0, .2, 1), stroke-dashoffset .6s cubic-bezier(.4, 0, .2, 1)
}

.dark_theme .line {
    stroke: #ffffffe6;
    stroke-width: 3
}

.line1 {
    stroke-dasharray: 60 207
}

.line1,
.line2 {
    stroke-width: 3
}

.line2 {
    stroke-dasharray: 60 60
}

.line3 {
    stroke-dasharray: 60 207;
    stroke-width: 3
}

.opened .line1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 3
}

.opened .line2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
    stroke-width: 3
}

.opened .line3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 3
}

.ps_ne_notify {
    background: #ff00009c;
    border-radius: 50%;
    color: #fff;
    height: 9px;
    left: 10px;
    margin-left: 10px;
    padding-left: 5px;
    padding-right: 5px;
    position: absolute;
    top: -2px;
    width: 9px
}

.dark_theme .kp_hdmenufrp_notify .btn-notify-extra {
    background: #0000;
    border: 1px solid #4f4e50;
    border-radius: 5px;
    height: 30px;
    width: 30px
}

.dark_theme .kp_hdmenufrp_notify .btn-notify-extra svg {
    color: #4266fe
}

.dark_theme .kp_hdmenufrp_notify .dropdown-menu {
    background: #0d0d0d;
    border-radius: 5px;
    box-shadow: 0 -1px 48px #000;
    left: -265px !important;
    min-height: 220px;
    padding: 20px;
    top: 35px !important;
    width: 300px
}

.dark_theme .kp_hdmenufrp_notify .drop-when-ever-up {
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -4px;
    transform: translate(92%, -50%)
}

.dark_theme .kp_hdmenufrp_notify .drop-when-ever-up-menu .row:hover {
    background: #1d1c1c70;
    border-radius: 10px;
    cursor: pointer;
    padding-top: 10px
}

.dark_theme .kp_hdmenufrp_notify .dropdown-toggle:after {
    display: none
}

.kp_hdmenufrp_notify .btn-notify-extra {
    background: #0000;
    border: 1px solid #4f4e50;
    border-radius: 5px;
    height: 30px;
    width: 30px
}

.kp_hdmenufrp_notify .btn-notify-extra svg {
    color: #4266fe
}

.kp_hdmenufrp_notify .dropdown-menu {
    background: #fff;
    border: none;
    border-radius: 5px;
    box-shadow: 0 -1px 48px #e2f0ff;
    left: -265px !important;
    min-height: 220px;
    padding: 20px;
    top: 35px !important;
    width: 300px
}

.kp_hdmenufrp_notify .drop-when-ever-up {
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -4px;
    transform: translate(92%, -50%)
}

.kp_hdmenufrp_notify .drop-when-ever-up-menu .row:hover {
    background: #1d1c1c0f;
    border-radius: 10px;
    cursor: pointer;
    padding-top: 10px
}

.kp_hdmenufrp_notify .dropdown-toggle:after {
    display: none
}

.pad-lasthed .kp_hdmenufrp,
.pad-lasthed .kp_hdmenufrp_cry {
    align-items: center;
    display: flex;
    height: 60px;
    padding: 10px
}

.dark_theme li.kp_hdmenufrp.text-center.dropdown.nav-item:hover,
.dark_theme li.kp_hdmenufrp_cry.text-center.dropdown.nav-item:hover {
    background: #0d0d0d;
    padding: 10px
}

li.kp_hdmenufrp.text-center.dropdown.nav-item:hover,
li.kp_hdmenufrp_cry.text-center.dropdown.nav-item:hover {
    background: #fdfdfd;
    padding: 10px
}

.index_hd .navbar {
    align-items: center;
    display: flex;
    font-size: 1.2rem;
    height: 60px;
    justify-content: center
}

.nav-free-btn {
    background-image: url(fbg.a0e86f64ba899494a61b.webp);
    background-repeat: no-repeat;
    background-size: contain
}

.exMkOvPg {
    --font-tit: "B";
    --font-open: "B";
    font-family: var(--font-open)
}

.exMkOvPg .emoBnr {
    background-color: #f5f7fb;
    overflow: hidden;
    padding: clamp(40px, 5.83vw, 70px) 0 clamp(40px, 6.67vw, 80px);
    position: relative
}

.exMkOvPg .emoBnrTx {
    text-align: center
}

.exMkOvPg .emoBnrTx h1 {
    color: #000;
    font-family: var(--font-tit);
    font-size: clamp(32px, 3.67vw, 44px);
    font-weight: 400;
    line-height: 1.273;
    padding-bottom: 22px
}

@media only screen and (max-width:575px) {
    .exMkOvPg .emoBnrTx h1 {
        padding-bottom: 12px
    }
}

.exMkOvPg .emoBnrTx h1 span {
    color: #0076e8;
    font-weight: 600
}

.exMkOvPg .emoBnrTx p {
    color: #646667;
    line-height: 1.5;
    padding-bottom: 14px
}

.exMkOvPg .txBl {
    color: #0076e8
}

.exMkOvPg .txRd {
    color: #f66966
}

.exMkOvPg .txGr {
    color: #01bc8d
}

.exMkOvPg .emoBnrTx p span {
    font-weight: 700
}

.exMkOvPg .emoBnrSrh .input-group {
    align-items: center;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 4px #0000000d;
    margin: 0 auto;
    max-width: 412px
}

.exMkOvPg .emoBnrSrh .form-control {
    border: 0;
    box-shadow: none;
    color: #000;
    font-size: 14px
}

.exMkOvPg .emoBnrSrh .form-control::placeholder {
    color: #aaa
}

.exMkOvPg .emoBnrSrh .btn:focus {
    box-shadow: none
}

.exMkOvPg .emoBnrIg {
    bottom: -48%;
    position: absolute;
    text-align: center;
    width: 100%
}

.exMkOvPg .emoBnrInr {
    position: relative
}

.exMkOvPg .emoBnrStar1 {
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 10%
}

@media only screen and (max-width:1199px) {
    .exMkOvPg .emoBnrStar1 img {
        max-width: 143px
    }
}

@media only screen and (max-width:991px) {
    .exMkOvPg .emoBnrStar1 img {
        max-width: 113px
    }
}

@media only screen and (max-width:767px) {
    .exMkOvPg .emoBnrStar1 img {
        display: none
    }
}

.exMkOvPg .emoBnrStar2 {
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 20%
}

@media only screen and (max-width:1199px) {
    .exMkOvPg .emoBnrStar2 img {
        max-width: 143px
    }
}

@media only screen and (max-width:991px) {
    .exMkOvPg .emoBnrStar2 img {
        max-width: 113px
    }
}

@media only screen and (max-width:767px) {
    .exMkOvPg .emoBnrStar2 img {
        display: none
    }
}

.exMkOvPg .emoBd {
    margin-bottom: clamp(20px, 5vw, 60px);
    padding: 2.5rem 0
}

.exMkOvPg .emoTblHd {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 30px
}

@media only screen and (max-width:575px) {
    .exMkOvPg .emoTblHd {
        margin-bottom: 20px
    }
}

.exMkOvPg .emoTblHd h5 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    margin: 0
}

@media only screen and (max-width:575px) {
    .exMkOvPg .emoTblHd h5 {
        font-size: 18px
    }
}

.exMkOvPg .emotblStsIc {
    background-color: #f5f7fb;
    border: 1px solid #0076e8;
    border-radius: 50%;
    display: inline-block;
    height: 20px;
    width: 20px
}

@media only screen and (max-width:575px) {
    .exMkOvPg .emotblStsIc {
        height: 16px;
        width: 16px
    }
}

.exMkOvPg .emoTblSts {
    align-items: center;
    display: flex;
    gap: 14px
}

@media only screen and (max-width:575px) {
    .exMkOvPg .emoTblSts {
        gap: 7px
    }
}

.exMkOvPg .emotblStsTx {
    color: #646667;
    font-size: 16px;
    font-weight: 600
}

@media only screen and (max-width:575px) {
    .exMkOvPg .emotblStsTx {
        font-size: 14px
    }
}

@media only screen and (max-width:1199px) {
    .exMkOvPg .emoTbl {
        overflow: auto;
        white-space: nowrap
    }
}

.exMkOvPg .emoTbl table {
    width: 100%
}

.exMkOvPg .emoTbl table th {
    color: #646667;
    font-weight: 400;
    line-height: normal;
    padding: 10px 0
}

@media only screen and (max-width:575px) {
    .exMkOvPg .emoTbl table th {
        font-size: 14px
    }
}

.exMkOvPg .emoTbl table td {
    color: #000;
    font-size: 14px;
    padding: 20px 0
}

@media only screen and (max-width:575px) {
    .exMkOvPg .emoTbl table td {
        font-size: 14px
    }
}

@media only screen and (min-width:1200px) {

    .exMkOvPg .emoTbl table td:first-child,
    .exMkOvPg .emoTbl table th:first-child {
        padding-left: 10px
    }

    .exMkOvPg .emoTbl table td:last-child,
    .exMkOvPg .emoTbl table th:last-child {
        padding-right: 0
    }
}

.exMkOvPg .emoCnPr {
    align-items: center;
    display: flex;
    gap: 12px
}

.exMkOvPg .emoCnPrIc img {
    border-radius: 50%;
    height: 25px;
    min-width: 25px;
    object-fit: cover;
    width: 25px
}

.exMkOvPg .emoCnPrTxS {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 4px
}

@media only screen and (max-width:575px) {
    .exMkOvPg .emoCnPrTxS {
        font-size: 16px
    }
}

.exMkOvPg .emoCnPrTxP {
    color: #646667;
    font-size: 14px;
    line-height: normal
}

@media only screen and (max-width:575px) {
    .exMkOvPg .emoCnPrTxP {
        font-size: 14px
    }
}

.exMkOvPg .font-weight-600 {
    font-weight: 600
}

.exMkOvPg .btnBl {
    border: 1px solid #0076e8;
    border-radius: 6px;
    color: #0076e8;
    font-weight: 600
}

.exMkOvPg .btnBl:hover {
    background-color: #0076e8;
    color: #fff
}

.exMkOvPg .btn-8335 {
    font-size: 14px;
    min-width: 83px
}

.exMkOvPg .emoTblSts .custom-control-label:before {
    border-color: #0076e8;
    border-radius: 50%;
    height: 20px;
    left: -2rem;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.exMkOvPg .emoTblSts .custom-control-input:not(:checked)~.custom-control-label:before {
    background-color: #f5f7fb
}

.exMkOvPg .emoTblSts .custom-control-label:after {
    border-radius: 50%;
    height: 20px;
    left: -2rem;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.exMkOvPg .emoTblSts .custom-control-label {
    color: #646667;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600
}

@media only screen and (max-width:575px) {
    .exMkOvPg .emoTblSts .custom-control-label {
        font-size: 14px
    }
}

.exMkOvPg .emoTblSts .custom-control {
    padding-left: 2rem
}

.dark_theme .emoBnr {
    background-color: #0c0c10
}

.dark_theme .emoBnrTx h1,
.dark_theme .emoTblHd h5 {
    color: #fff
}

.dark_theme .emoTbl table thead {
    background: #171717
}

.dark_theme .emoTbl table td {
    color: #fff;
    font-size: 14px;
    padding: 20px 0;
    word-break: break-all
}

@media only screen and (max-width:575px) {
    .dark_theme .emoTbl table td {
        font-size: 14px
    }
}

.dark_theme .emoCnPrTxS {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 4px
}

@media only screen and (max-width:575px) {
    .dark_theme .emoCnPrTxS {
        font-size: 16px
    }
}

.dark_theme .exMkOvPg .emoBnrSrh .input-group {
    align-items: center;
    background-color: #171717;
    border-radius: 6px;
    box-shadow: 0 4px 4px #00000080;
    margin: 0 auto;
    max-width: 412px
}

.dark_theme .exMkOvPg .emoBnrSrh .form-control {
    background: #171717;
    border: 0;
    box-shadow: none;
    color: #fff;
    font-size: 14px
}

.explorewytr .card {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-image: linear-gradient(150deg, #ffffff80, #ffffff1a);
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    border-radius: 20px;
    box-shadow: 0 0 2rem #0002 !important;
    box-shadow: 0 1px 24px -1px #000;
    color: #f0f0f0b3;
    padding: .8rem 1rem;
    position: relative;
    width: 100%
}

.dark_theme .explorewytr .card {
    background-image: linear-gradient(150deg, #000, #000);
    border: 1.5px solid #ffffff14 !important;
    box-shadow: 0 1px 24px -1px #000;
    color: #13131a
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

.swiper {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: initial;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, #00000080, #0000)
}

.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid #0000;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    align-items: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    cursor: auto;
    opacity: 0;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    width: 100%
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none !important
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    left: auto;
    right: var(--swiper-navigation-sides-offset, 10px)
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity .3s;
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    left: 0;
    top: var(--swiper-pagination-top, auto);
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    display: inline-block;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px))
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    opacity: var(--swiper-pagination-bullet-opacity, 1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    left: var(--swiper-pagination-left, auto);
    right: var(--swiper-pagination-right, 8px);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, #00000040);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
    width: 100%
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: var(--swiper-pagination-progressbar-size, 4px)
}

.swiper-pagination-lock {
    display: none
}

@media only screen and (min-width:768px) {
    .anniversary_prsnMdl__rwTqJ {
        max-width: 752px !important
    }
}

.anniversary_prsnMdl__rwTqJ .modal-content {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: #2b2b2b52;
    border: 1px solid #2b2b2b0d;
    border-radius: 20px
}

@media only screen and (min-width:768px) {
    .anniversary_prsnMdl__rwTqJ .modal-content {
        padding: 29px
    }
}

@media only screen and (max-width:575px) {
    .anniversary_prsnMdl__rwTqJ .modal-content {
        border-radius: 10px
    }
}

.anniversary_prsnMdlBnrs1Ig1__jMVRp {
    margin-bottom: 1rem
}

.anniversary_prsnMdlBnrs1Ig2__QYS8x {
    text-align: right
}

@media only screen and (max-width:767px) {
    .anniversary_prsnMdlBnrs2__igEub {
        max-height: 50vh;
        overflow-y: auto
    }
}

.anniversary_prsnMdlBnrs2__igEub .row {
    gap: 2.5rem 0;
    justify-content: space-between
}

.anniversary_prsnMdlMyBx__nSvQr {
    margin: 0 auto;
    max-width: 444px;
    text-align: center
}

.anniversary_prsnMdlMyBx__nSvQr p {
    color: #b7b7b7;
    font-size: 16px;
    line-height: 1.75;
    text-align: center
}

.anniversary_prsnMdlMyBx__nSvQr .anniversary_myBxIg__UBYsJ {
    margin: -2rem 0 0
}

.anvPg {
    background-color: #f0f0f0;
    color: #000;
    overflow: hidden
}

.anvPg .banner {
    padding: 2.5rem 0;
    position: relative;
    z-index: 2
}

.anvPg .bnr {
    padding: 0 22px;
    position: relative
}

@media only screen and (max-width:575px) {
    .anvPg .bnr {
        padding: 0 12px
    }
}

.anvPg .bnrBg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.anvPg .bnrBg img {
    filter: blur(3px);
    height: 100%;
    object-fit: cover;
    width: 100%
}

.anvPg .bnrIgCt,
.anvPg .bnrIgLt,
.anvPg .bnrIgRt {
    margin: 22px 0;
    text-align: center
}

@media only screen and (max-width:575px) {

    .anvPg .bnrIgCt,
    .anvPg .bnrIgLt,
    .anvPg .bnrIgRt {
        margin: 12px 0
    }
}

.anvPg .turns {
    padding-bottom: clamp(35px, 5.83vw, 70px)
}

.anvPg .turns,
.anvPg .turns>.container {
    position: relative
}

@media only screen and (max-width:991px) {
    .anvPg .turns>.container .r2 {
        padding-top: 2.5rem
    }
}

.anvPg .turnsWm {
    pointer-events: none;
    position: absolute;
    right: 56%;
    top: 1%
}

@media only screen and (max-width:991px) {
    .anvPg .turnsWm {
        display: none
    }
}

.anvPg .turnTx {
    padding: 15px 0;
    position: relative;
    z-index: 2
}

@media only screen and (max-width:991px) {
    .anvPg .turnTx {
        text-align: center
    }
}

@media only screen and (min-width:992px) {
    .anvPg .turnTx.txRt {
        text-align: right
    }
}

.anvPg .turnTx .turnTxTl {
    color: #000;
    font-size: 80px;
    font-weight: 700;
    line-height: 1.25
}

.anvPg .turnTx .turnTxTl span {
    color: #2b6aff
}

@media only screen and (max-width:1199px) {
    .anvPg .turnTx .turnTxTl {
        font-size: 70px
    }
}

@media only screen and (max-width:991px) {
    .anvPg .turnTx .turnTxTl {
        font-size: 60px
    }
}

@media only screen and (max-width:767px) {
    .anvPg .turnTx .turnTxTl {
        font-size: 50px
    }
}

@media only screen and (max-width:575px) {
    .anvPg .turnTx .turnTxTl {
        font-size: 40px
    }
}

.anvPg .turnTx p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.625
}

@media only screen and (max-width:575px) {
    .anvPg .turnTx p {
        font-size: 14px
    }
}

.anvPg .turnIg {
    position: relative;
    z-index: 2
}

@media only screen and (max-width:991px) {
    .anvPg .turnIg {
        text-align: center
    }
}

.anvPg .turnsLn {
    pointer-events: none;
    position: absolute;
    right: -8%;
    top: 17%
}

@media only screen and (max-width:1199px) {
    .anvPg .turnsLn {
        right: -29%;
        top: 18%
    }

    .anvPg .turnsLn img {
        height: auto;
        max-width: 80%
    }
}

@media only screen and (max-width:991px) {
    .anvPg .turnsLn {
        display: none
    }
}

.anvPg .secTl {
    font-size: clamp(32px, 5vw, 60px);
    font-weight: 700;
    line-height: 1.25
}

.anvPg .secTl span {
    color: #2b6aff
}

.anvPg .inception {
    margin-bottom: clamp(35px, 5.83vw, 70px);
    padding: clamp(35px, 5.83vw, 70px) 0
}

.anvPg .iptHd {
    padding-bottom: 2rem;
    text-align: center
}

@media only screen and (max-width:575px) {
    .anvPg .iptHd {
        padding-bottom: 1rem
    }
}

.anvPg .iptBd {
    position: relative
}

@media only screen and (min-width:768px) {
    .anvPg .iptBd:before {
        background-image: url(down-trianglelig.72776eb7320611c322b7.webp), url(down-arrowlig.16303f78376ee7323299.webp), url(dash-strokelig.933b46443a95909206b6.webp);
        background-position: top, bottom, 0 -24px;
        background-repeat: no-repeat, no-repeat, repeat;
        content: "";
        height: 100%;
        left: 50%;
        position: absolute;
        top: 0;
        transform: translate(-50%);
        width: 15px
    }
}

.anvPg .iptBd .row {
    align-items: center;
    justify-content: center;
    padding: 30px 0
}

@media only screen and (max-width:767px) {
    .anvPg .iptBd .row {
        flex-direction: column-reverse
    }
}

@media only screen and (min-width:768px) {
    .anvPg .iptBd .row:nth-child(odd) .iptTx h3:after {
        right: -81px;
        text-align: right
    }
}

@media only screen and (min-width:992px) {
    .anvPg .iptBd .row:nth-child(odd) .iptTx h3:after {
        right: -101px
    }
}

@media only screen and (min-width:1200px) {
    .anvPg .iptBd .row:nth-child(odd) .iptTx h3:after {
        right: -116px
    }
}

@media only screen and (min-width:768px) {
    .anvPg .iptBd .row:nth-child(2n) {
        flex-direction: row-reverse
    }

    .anvPg .iptBd .row:nth-child(2n) .iptTx h3:after {
        left: -81px
    }
}

@media only screen and (min-width:992px) {
    .anvPg .iptBd .row:nth-child(2n) .iptTx h3:after {
        left: -101px
    }
}

@media only screen and (min-width:1200px) {
    .anvPg .iptBd .row:nth-child(2n) .iptTx h3:after {
        left: -116px
    }
}

.anvPg .iptTx h3 {
    font-size: 30px;
    font-weight: 400;
    line-height: 1.3;
    padding-bottom: 14px;
    position: relative
}

@media only screen and (max-width:767px) {
    .anvPg .iptTx h3 {
        font-size: 26px
    }
}

@media only screen and (max-width:575px) {
    .anvPg .iptTx h3 {
        font-size: 24px;
        padding-bottom: 5px
    }
}

@media only screen and (min-width:768px) {
    .anvPg .iptTx h3:after {
        background-color: #000;
        border-radius: 50%;
        content: "";
        height: 12px;
        position: absolute;
        top: 13px;
        width: 12px
    }
}

.anvPg .iptTx h3 span {
    color: #2b6aff;
    display: block;
    font-weight: 700
}

.anvPg .iptTx ul {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.625;
    padding-left: 20px
}

@media only screen and (max-width:575px) {
    .anvPg .iptTx ul {
        font-size: 14px
    }
}

.anvPg .iptTx ul li {
    padding: 1px 0
}

.anvPg .iptIg {
    text-align: center
}

@media only screen and (max-width:767px) {
    .anvPg .iptIg {
        margin-bottom: 1.25rem
    }
}

.anvPg .eco {
    background-color: #fff;
    margin-bottom: clamp(30px, 5vw, 60px);
    padding: 45px 0
}

@media only screen and (max-width:767px) {
    .anvPg .eco {
        padding: 25px 0
    }
}

.anvPg .ecoTx h2 {
    padding-bottom: 6px
}

@media only screen and (min-width:1199px) {
    .anvPg .ecoTx h2 {
        max-width: 90%
    }
}

.anvPg .ecoTx p {
    color: #000;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5
}

.anvPg .ecoTx ul {
    list-style: none;
    margin: 0;
    padding: 1rem 0 0
}

@media only screen and (max-width:575px) {
    .anvPg .ecoTx ul {
        padding-top: 0
    }
}

.anvPg .ecoTx ul li {
    font-size: 14px;
    line-height: 1.75;
    padding: 4px 0
}

.anvPg .ecoTx ul li span {
    color: #000;
    font-size: 16px;
    font-weight: 600
}

.anvPg .ecoTx ul li:before {
    background-color: #0076e8;
    -webkit-clip-path: polygon(51.857% -.009%, 64.86% 36.49%, 100% 49.996%, 64.86% 63.502%, 51.857% 100%, 38.854% 63.502%, 3.714% 49.996%, 38.854% 36.49%, 51.857% -.009%);
    clip-path: polygon(51.857% -.009%, 64.86% 36.49%, 100% 49.996%, 64.86% 63.502%, 51.857% 100%, 38.854% 63.502%, 3.714% 49.996%, 38.854% 36.49%, 51.857% -.009%);
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: 6px;
    transform: translateY(3px);
    width: 16px
}

.anvPg .ecoIg {
    position: relative;
    text-align: right
}

@media only screen and (max-width:991px) {
    .anvPg .ecoIg {
        display: none
    }
}

.anvPg .ecoIg:after {
    content: "";
    display: none
}

.anvPg .tokens {
    margin-bottom: 10px;
    padding: clamp(30px, 5vw, 60px) 0
}

.anvPg .tokensTx {
    text-align: center
}

.anvPg .tokensTx p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5
}

@media only screen and (min-width:992px) {
    .anvPg .tokensTx p {
        margin-bottom: 0
    }
}

.anvPg .tokensTx p span {
    font-size: 20px;
    font-weight: 600
}

@media only screen and (min-width:992px) {
    .anvPg .tnksIg {
        margin-right: calc(var(--pgWidth)/2*-1 - -453px)
    }
}

@media only screen and (min-width:1200px) {
    .anvPg .tnksIg {
        margin-right: calc(var(--pgWidth)/2*-1 - -555px)
    }
}

.anvPg .tnksIg img {
    width: 100%
}

@media only screen and (min-width:992px) {
    .anvPg .eventsSldr1 {
        margin-left: calc(var(--pgWidth)/2*-1 - -453px)
    }
}

@media only screen and (min-width:1200px) {
    .anvPg .eventsSldr1 {
        margin-left: calc(var(--pgWidth)/2*-1 - -555px)
    }
}

@media only screen and (min-width:992px) {
    .anvPg .eventsSldr2 {
        margin-right: calc(var(--pgWidth)/2*-1 - -453px)
    }
}

@media only screen and (min-width:1200px) {
    .anvPg .eventsSldr2 {
        margin-right: calc(var(--pgWidth)/2*-1 - -555px)
    }
}

.anvPg .eventIg {
    margin-bottom: 6px
}

.anvPg .eventIg img {
    border-radius: 10px
}

.anvPg .eventTx {
    color: #000;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5
}

.anvPg .eventTx span {
    font-weight: 500
}

.anvPg .events {
    padding: clamp(35px, 5.83vw, 70px) 0;
    position: relative
}

.anvPg .eveOlTx {
    color: #000;
    font-size: clamp(50px, 16.67vw, 200px);
    font-weight: 700;
    left: 50%;
    opacity: .05;
    pointer-events: none;
    position: absolute;
    top: 45%;
    transform: translate(-50%, -50%)
}

.anvPg .eventsSldr .swiper-slide {
    max-width: 364px
}

.anvPg .eventsSldr .swiper-scrollbar {
    margin: 30px 0;
    position: relative
}

.anvPg .eventsSldr .swiper-scrollbar:before {
    background-color: #0166ff;
    border-radius: 10px;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 100%
}

.anvPg .eventsSldr .swiper-scrollbar-drag {
    background-color: #000;
    border-radius: 10px;
    height: 10px;
    margin-top: -5px
}

.anvPg .eventsTx p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 0;
    padding-top: 8px
}

@media only screen and (max-width:991px) {
    .anvPg .eventsTx {
        margin-bottom: 1.5rem;
        text-align: center
    }

    .anvPg .eventsTx p {
        padding-top: 4px
    }
}

.anvPg .eventsSldrTp {
    padding-bottom: 50px
}

@media only screen and (max-width:991px) {
    .anvPg .eventsSldrTp .row {
        flex-direction: column-reverse
    }
}

@media only screen and (max-width:575px) {
    .anvPg .eventsSldrTp {
        padding-bottom: 25px
    }
}

.anvPg .prsn {
    padding: clamp(35px, 5.83vw, 70px) 0
}

.anvPg .prsnHd {
    padding-bottom: 1.75rem;
    text-align: center
}

@media only screen and (max-width:575px) {
    .anvPg .prsnHd {
        padding-bottom: .75rem
    }
}

.anvPg .prsnCd {
    background-color: #dfdfdf;
    border-radius: 20px;
    cursor: pointer;
    padding: 20px;
    text-align: center
}

@media only screen and (max-width:991px) {
    .anvPg .prsnCd {
        margin-top: 1.5rem
    }
}

@media only screen and (max-width:575px) {
    .anvPg .prsnCd {
        border-radius: 10px
    }
}

.anvPg .prsnCdIg {
    margin-bottom: 1.5rem
}

.anvPg .prsnCdIg img {
    border-radius: 20px
}

@media only screen and (max-width:575px) {
    .anvPg .prsnCdIg img {
        border-radius: 10px
    }
}

.anvPg .prsnCdTx {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.25
}

@media only screen and (max-width:575px) {
    .anvPg .prsnCdTx {
        font-size: 20px
    }
}

.anvPg .lncPd {
    padding: clamp(35px, 5.83vw, 70px) 0
}

.anvPg .lncPdTp {
    margin-bottom: clamp(40px, 7.5vw, 90px)
}

@media only screen and (max-width:991px) {
    .anvPg .lncPdTp .row {
        flex-direction: column-reverse
    }
}

.anvPg .lncTx ul {
    margin: 1rem 0 0;
    padding: 14px
}

.anvPg .lncTx ul li {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    padding: 4px 0
}

@media only screen and (max-width:991px) {
    .anvPg .lncTx h2 {
        text-align: center
    }
}

.anvPg .lncIg {
    text-align: center
}

@media only screen and (max-width:991px) {
    .anvPg .lncIg {
        margin-bottom: 1.5rem
    }
}

.anvPg .cmplns {
    padding: clamp(35px, 5.83vw, 70px) 0
}

.anvPg .cmplnsTx p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.625;
    margin: 0
}

@media only screen and (max-width:991px) {
    .anvPg .cmplnsIg {
        margin-top: 1.5rem
    }
}

.anvPg .cmplnsIg img {
    border-radius: 10px
}

.anvPg .actn {
    padding: clamp(35px, 5.83vw, 70px) 0
}

.anvPg .actnHd {
    padding-bottom: 2.5rem;
    text-align: center
}

@media only screen and (max-width:767px) {
    .anvPg .actnHd {
        padding-bottom: 1.5rem
    }
}

@media only screen and (max-width:575px) {
    .anvPg .actnHd {
        padding-bottom: .5rem
    }
}

.anvPg .actnBd .row {
    margin: 0 -12px
}

.anvPg .actnBd .row>div {
    padding: 12px
}

.anvPg .actnCd {
    background-color: #dfdfdf;
    border-radius: 10px;
    height: 100%;
    padding: 30px 20px 20px;
    text-align: center
}

.anvPg .actnIg {
    margin-bottom: 1.25rem
}

.anvPg .actnTx {
    font-size: 16px;
    font-weight: 300
}

.anvPg .ptnsp {
    padding: clamp(35px, 5.83vw, 70px) 0
}

.anvPg .ptnspHd {
    padding-bottom: 1.5rem;
    text-align: center
}

@media only screen and (max-width:575px) {
    .anvPg .ptnspHd {
        padding-bottom: .5rem
    }
}

.anvPg .ptnspIg {
    margin: 0 20px
}

.anvPg .cmty {
    padding: clamp(35px, 5.83vw, 70px) 0
}

.anvPg .cmtyIg {
    text-align: center
}

.anvPg .cmtyIg img {
    width: 100%
}

.anvPg .people {
    padding: clamp(35px, 5.83vw, 70px) 0
}

.anvPg .pplHd {
    padding-bottom: 44px;
    text-align: center
}

.anvPg .pplHd p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.75
}

.anvPg .pplBd {
    align-items: flex-end;
    display: flex;
    justify-content: center
}

@media only screen and (max-width:992px) {
    .anvPg .pplBd {
        flex-wrap: wrap
    }

    .anvPg .pplBd .pplSld {
        margin-bottom: 1.5rem;
        order: 1
    }

    .anvPg .pplBd .pplSldArw.lt {
        order: 2
    }

    .anvPg .pplBd .pplSldArw.rt {
        order: 3
    }
}

.anvPg .pplSld {
    max-width: 752px;
    width: 100%
}

@media only screen and (min-width:768px) {
    .anvPg .pplSldCd {
        align-items: flex-end;
        display: flex !important
    }
}

.anvPg .pplSldIg {
    flex: 0 0 194px;
    position: relative
}

.anvPg .pplSldIg:after {
    background-color: #0166ff;
    bottom: 0;
    content: "";
    height: 68px;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%
}

.anvPg .pplSldIg img {
    border-radius: 10px 10px 0 0;
    display: inline-block;
    width: 100%
}

.anvPg .pplSldCon {
    width: 100%
}

.anvPg .pplSldCmt {
    align-items: center;
    background-color: #dfdfdf;
    border-radius: 0 10px 0 0;
    display: flex;
    justify-content: center;
    padding: 50px 90px;
    position: relative
}

@media only screen and (max-width:1199px) {
    .anvPg .pplSldCmt {
        padding: 50px
    }
}

@media only screen and (max-width:992px) {
    .anvPg .pplSldCmt {
        padding: 50px 40px
    }
}

.anvPg .pplSldCmt p {
    margin: 0
}

.anvPg .pplSldCmt .quote1 {
    left: 50px;
    position: absolute;
    top: 0
}

@media only screen and (max-width:992px) {
    .anvPg .pplSldCmt .quote1 {
        left: 30px
    }
}

.anvPg .pplSldCmt .quote2 {
    bottom: 0;
    position: absolute;
    right: 50px;
    transform: rotate(.5turn)
}

@media only screen and (max-width:992px) {
    .anvPg .pplSldCmt .quote2 {
        right: 30px
    }
}

.anvPg .pplSldTx {
    padding: 24px 72px
}

@media only screen and (max-width:1199px) {
    .anvPg .pplSldTx {
        padding: 24px 52px
    }
}

@media only screen and (max-width:992px) {
    .anvPg .pplSldTx {
        padding: 24px 32px
    }
}

@media only screen and (max-width:768px) {
    .anvPg .pplSldTx {
        padding: 22px 0
    }
}

.anvPg .pplSldNm {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.125
}

@media only screen and (max-width:575px) {
    .anvPg .pplSldNm {
        font-size: 22px;
        margin-bottom: 2px
    }
}

.anvPg .pplSldDs {
    color: #9b95a6;
    font-weight: 400
}

.anvPg .pplSldCo {
    color: #b7b7b7;
    font-size: 14px
}

.anvPg .pplSldArw .btn {
    background-color: #dadada;
    box-shadow: none;
    padding: 12px
}

.anvPg .pplSldArw .btn svg path {
    stroke: #000
}

.anvPg .pplSldArw .btn:hover {
    background-color: #0166ff
}

.anvPg .pplSldArw.lt .btn {
    border-radius: 10px 0 0 10px
}

.anvPg .pplSldArw.rt .btn {
    border-radius: 0 10px 10px 0
}

.anvPg .future {
    background-image: url(future-bglig.bc76e200dc73286fe250.webp);
    background-position: 50%;
    background-size: cover;
    color: #fff;
    margin: clamp(35px, 5.83vw, 70px) 0;
    padding: clamp(30px, 8.33vw, 100px) 0
}

.anvPg .futrHd {
    display: flex;
    gap: 144px
}

.anvPg .futrHd .secTl {
    padding-top: 14px
}

@media only screen and (max-width:575px) {
    .anvPg .futrHd {
        gap: 64px
    }
}

.anvPg .futrCd {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: #20202080;
    border-radius: 20px;
    box-shadow: inset 0 0 12px 5px #00000040;
    padding: 30px
}

@media only screen and (max-width:575px) {
    .anvPg .futrCd {
        border-radius: 14px;
        padding: 24px
    }
}

@media only screen and (max-width:991px) {
    .anvPg .futrCd {
        margin-top: 1.5rem
    }
}

.anvPg .futrCd h3 {
    font-size: 30px;
    font-weight: 700;
    line-height: 38px;
    padding-bottom: 4px
}

@media only screen and (max-width:575px) {
    .anvPg .futrCd h3 {
        font-size: 24px;
        padding-bottom: 0
    }
}

.anvPg .futrCd ul {
    margin: 0;
    padding: 0 0 0 24px
}

.anvPg .futrCd ul li {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.625;
    padding: 6px 0
}

@media only screen and (min-width:992px) {
    .anvPg .futrBd {
        grid-gap: 26px;
        display: grid;
        gap: 26px;
        grid-template-columns: 421px 492px;
        margin-left: 4.5rem;
        max-width: 931px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .anvPg .futrBd {
        grid-template-columns: 381px 442px
    }
}

@media only screen and (min-width:992px) {
    .anvPg .futrCd1 {
        grid-column: 1/2;
        grid-row: 1/3
    }

    .anvPg .futrCd2 {
        grid-column: 1/2;
        grid-row: 3/5
    }

    .anvPg .futrCd3 {
        grid-column: 2/3;
        grid-row: 2/5
    }

    .anvPg .futrLogo {
        margin-bottom: -3rem
    }
}

.dark_theme .anvPg {
    background-color: #090909;
    color: #fff;
    overflow: hidden
}

.dark_theme .anvPg .banner {
    padding: 2.5rem 0;
    position: relative;
    z-index: 2
}

.dark_theme .anvPg .bnr {
    padding: 0 22px;
    position: relative
}

@media only screen and (max-width:575px) {
    .dark_theme .anvPg .bnr {
        padding: 0 12px
    }
}

.dark_theme .anvPg .bnrBg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.dark_theme .anvPg .bnrBg img {
    filter: blur(3px);
    height: 100%;
    object-fit: cover;
    width: 100%
}

.dark_theme .anvPg .bnrIgCt,
.dark_theme .anvPg .bnrIgLt,
.dark_theme .anvPg .bnrIgRt {
    margin: 22px 0;
    text-align: center
}

@media only screen and (max-width:575px) {

    .dark_theme .anvPg .bnrIgCt,
    .dark_theme .anvPg .bnrIgLt,
    .dark_theme .anvPg .bnrIgRt {
        margin: 12px 0
    }
}

.dark_theme .anvPg .turns {
    padding-bottom: clamp(35px, 5.83vw, 70px);
    position: relative
}

.dark_theme .anvPg .turns>.container {
    position: relative
}

@media only screen and (max-width:991px) {
    .dark_theme .anvPg .turns>.container .r2 {
        padding-top: 2.5rem
    }
}

.dark_theme .anvPg .turnsWm {
    pointer-events: none;
    position: absolute;
    right: 56%;
    top: 1%
}

@media only screen and (max-width:991px) {
    .dark_theme .anvPg .turnsWm {
        display: none
    }
}

.dark_theme .anvPg .turnTx {
    padding: 15px 0;
    position: relative;
    z-index: 2
}

@media only screen and (max-width:991px) {
    .dark_theme .anvPg .turnTx {
        text-align: center
    }
}

@media only screen and (min-width:992px) {
    .dark_theme .anvPg .turnTx.txRt {
        text-align: right
    }
}

.dark_theme .anvPg .turnTx .turnTxTl {
    color: #fff;
    font-size: 80px;
    font-weight: 700;
    line-height: 1.25
}

.dark_theme .anvPg .turnTx .turnTxTl span {
    color: #2b6aff
}

@media only screen and (max-width:1199px) {
    .dark_theme .anvPg .turnTx .turnTxTl {
        font-size: 70px
    }
}

@media only screen and (max-width:991px) {
    .dark_theme .anvPg .turnTx .turnTxTl {
        font-size: 60px
    }
}

@media only screen and (max-width:767px) {
    .dark_theme .anvPg .turnTx .turnTxTl {
        font-size: 50px
    }
}

@media only screen and (max-width:575px) {
    .dark_theme .anvPg .turnTx .turnTxTl {
        font-size: 40px
    }
}

.dark_theme .anvPg .turnTx p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.625
}

@media only screen and (max-width:575px) {
    .dark_theme .anvPg .turnTx p {
        font-size: 14px
    }
}

.dark_theme .anvPg .turnIg {
    position: relative;
    z-index: 2
}

@media only screen and (max-width:991px) {
    .dark_theme .anvPg .turnIg {
        text-align: center
    }
}

.dark_theme .anvPg .turnsLn {
    pointer-events: none;
    position: absolute;
    right: -8%;
    top: 17%
}

@media only screen and (max-width:1199px) {
    .dark_theme .anvPg .turnsLn {
        right: -29%;
        top: 18%
    }

    .dark_theme .anvPg .turnsLn img {
        height: auto;
        max-width: 80%
    }
}

@media only screen and (max-width:991px) {
    .dark_theme .anvPg .turnsLn {
        display: none
    }
}

.dark_theme .anvPg .secTl {
    font-size: clamp(32px, 5vw, 60px);
    font-weight: 700;
    line-height: 1.25
}

.dark_theme .anvPg .secTl span {
    color: #2b6aff
}

.dark_theme .anvPg .inception {
    margin-bottom: clamp(35px, 5.83vw, 70px);
    padding: clamp(35px, 5.83vw, 70px) 0
}

.dark_theme .anvPg .iptHd {
    padding-bottom: 2rem;
    text-align: center
}

@media only screen and (max-width:575px) {
    .dark_theme .anvPg .iptHd {
        padding-bottom: 1rem
    }
}

.dark_theme .anvPg .iptBd {
    position: relative
}

@media only screen and (min-width:768px) {
    .dark_theme .anvPg .iptBd:before {
        background-image: url(down-triangle.1d7d6ad2a207000df7d7.webp), url(down-arrow.8bddb39028bf70c263f7.webp), url(dash-stroke.ca744c8cecd8d1985ff0.webp);
        background-position: top, bottom, 0 -24px;
        background-repeat: no-repeat, no-repeat, repeat;
        content: "";
        height: 100%;
        left: 50%;
        position: absolute;
        top: 0;
        transform: translate(-50%);
        width: 15px
    }
}

.dark_theme .anvPg .iptBd .row {
    align-items: center;
    justify-content: center;
    padding: 30px 0
}

@media only screen and (max-width:767px) {
    .dark_theme .anvPg .iptBd .row {
        flex-direction: column-reverse
    }
}

@media only screen and (min-width:768px) {
    .dark_theme .anvPg .iptBd .row:nth-child(odd) .iptTx h3:after {
        right: -81px;
        text-align: right
    }
}

@media only screen and (min-width:992px) {
    .dark_theme .anvPg .iptBd .row:nth-child(odd) .iptTx h3:after {
        right: -101px
    }
}

@media only screen and (min-width:1200px) {
    .dark_theme .anvPg .iptBd .row:nth-child(odd) .iptTx h3:after {
        right: -116px
    }
}

@media only screen and (min-width:768px) {
    .dark_theme .anvPg .iptBd .row:nth-child(2n) {
        flex-direction: row-reverse
    }

    .dark_theme .anvPg .iptBd .row:nth-child(2n) .iptTx h3:after {
        left: -81px
    }
}

@media only screen and (min-width:992px) {
    .dark_theme .anvPg .iptBd .row:nth-child(2n) .iptTx h3:after {
        left: -101px
    }
}

@media only screen and (min-width:1200px) {
    .dark_theme .anvPg .iptBd .row:nth-child(2n) .iptTx h3:after {
        left: -116px
    }
}

.dark_theme .anvPg .iptTx h3 {
    font-size: 30px;
    font-weight: 400;
    line-height: 1.3;
    padding-bottom: 14px;
    position: relative
}

@media only screen and (max-width:767px) {
    .dark_theme .anvPg .iptTx h3 {
        font-size: 26px
    }
}

@media only screen and (max-width:575px) {
    .dark_theme .anvPg .iptTx h3 {
        font-size: 24px;
        padding-bottom: 5px
    }
}

@media only screen and (min-width:768px) {
    .dark_theme .anvPg .iptTx h3:after {
        background-color: #fff;
        border-radius: 50%;
        content: "";
        height: 12px;
        position: absolute;
        top: 13px;
        width: 12px
    }
}

.dark_theme .anvPg .iptTx h3 span {
    color: #2b6aff;
    display: block;
    font-weight: 700
}

.dark_theme .anvPg .iptTx ul {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.625;
    padding-left: 20px
}

@media only screen and (max-width:575px) {
    .dark_theme .anvPg .iptTx ul {
        font-size: 14px
    }
}

.dark_theme .anvPg .iptTx ul li {
    padding: 1px 0
}

.dark_theme .anvPg .iptIg {
    text-align: center
}

@media only screen and (max-width:767px) {
    .dark_theme .anvPg .iptIg {
        margin-bottom: 1.25rem
    }
}

.dark_theme .anvPg .eco {
    background-color: #000;
    margin-bottom: clamp(30px, 5vw, 60px);
    padding: 45px 0
}

@media only screen and (max-width:767px) {
    .dark_theme .anvPg .eco {
        padding: 25px 0
    }
}

.dark_theme .anvPg .ecoTx h2 {
    padding-bottom: 6px
}

@media only screen and (min-width:1199px) {
    .dark_theme .anvPg .ecoTx h2 {
        max-width: 90%
    }
}

.dark_theme .anvPg .ecoTx p {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5
}

.dark_theme .anvPg .ecoTx ul {
    list-style: none;
    margin: 0;
    padding: 1rem 0 0
}

@media only screen and (max-width:575px) {
    .dark_theme .anvPg .ecoTx ul {
        padding-top: 0
    }
}

.dark_theme .anvPg .ecoTx ul li {
    font-size: 14px;
    line-height: 1.75;
    padding: 4px 0
}

.dark_theme .anvPg .ecoTx ul li span {
    color: #fff;
    font-size: 16px;
    font-weight: 600
}

.dark_theme .anvPg .ecoTx ul li:before {
    background-color: #0076e8;
    -webkit-clip-path: polygon(51.857% -.009%, 64.86% 36.49%, 100% 49.996%, 64.86% 63.502%, 51.857% 100%, 38.854% 63.502%, 3.714% 49.996%, 38.854% 36.49%, 51.857% -.009%);
    clip-path: polygon(51.857% -.009%, 64.86% 36.49%, 100% 49.996%, 64.86% 63.502%, 51.857% 100%, 38.854% 63.502%, 3.714% 49.996%, 38.854% 36.49%, 51.857% -.009%);
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: 6px;
    transform: translateY(3px);
    width: 16px
}

.dark_theme .anvPg .ecoIg {
    position: relative;
    text-align: right
}

@media only screen and (max-width:991px) {
    .dark_theme .anvPg .ecoIg {
        display: none
    }
}

.dark_theme .anvPg .ecoIg:after {
    background: linear-gradient(270deg, #000, #0000);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 170px
}

.dark_theme .anvPg .tokens {
    margin-bottom: 10px;
    padding: clamp(30px, 5vw, 60px) 0
}

.dark_theme .anvPg .tokensTx {
    text-align: center
}

.dark_theme .anvPg .tokensTx p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5
}

@media only screen and (min-width:992px) {
    .dark_theme .anvPg .tokensTx p {
        margin-bottom: 0
    }
}

.dark_theme .anvPg .tokensTx p span {
    font-size: 20px;
    font-weight: 600
}

@media only screen and (min-width:992px) {
    .dark_theme .anvPg .tnksIg {
        margin-right: calc(var(--pgWidth)/2*-1 - -453px)
    }
}

@media only screen and (min-width:1200px) {
    .dark_theme .anvPg .tnksIg {
        margin-right: calc(var(--pgWidth)/2*-1 - -555px)
    }
}

.dark_theme .anvPg .tnksIg img {
    width: 100%
}

@media only screen and (min-width:992px) {
    .dark_theme .anvPg .eventsSldr1 {
        margin-left: calc(var(--pgWidth)/2*-1 - -453px)
    }
}

@media only screen and (min-width:1200px) {
    .dark_theme .anvPg .eventsSldr1 {
        margin-left: calc(var(--pgWidth)/2*-1 - -555px)
    }
}

@media only screen and (min-width:992px) {
    .dark_theme .anvPg .eventsSldr2 {
        margin-right: calc(var(--pgWidth)/2*-1 - -453px)
    }
}

@media only screen and (min-width:1200px) {
    .dark_theme .anvPg .eventsSldr2 {
        margin-right: calc(var(--pgWidth)/2*-1 - -555px)
    }
}

.dark_theme .anvPg .eventIg {
    margin-bottom: 6px
}

.dark_theme .anvPg .eventIg img {
    border-radius: 10px
}

.dark_theme .anvPg .eventTx {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5
}

.dark_theme .anvPg .eventTx span {
    font-weight: 500
}

.dark_theme .anvPg .events {
    padding: clamp(35px, 5.83vw, 70px) 0;
    position: relative
}

.dark_theme .anvPg .eveOlTx {
    color: #fff;
    font-size: clamp(50px, 16.67vw, 200px);
    font-weight: 700;
    left: 50%;
    opacity: .05;
    pointer-events: none;
    position: absolute;
    top: 45%;
    transform: translate(-50%, -50%)
}

.dark_theme .anvPg .eventsSldr .swiper-slide {
    max-width: 364px
}

.dark_theme .anvPg .eventsSldr .swiper-scrollbar {
    margin: 30px 0;
    position: relative
}

.dark_theme .anvPg .eventsSldr .swiper-scrollbar:before {
    background-color: #0166ff;
    border-radius: 10px;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 100%
}

.dark_theme .anvPg .eventsSldr .swiper-scrollbar-drag {
    background-color: #fff;
    border-radius: 10px;
    height: 10px;
    margin-top: -5px
}

.dark_theme .anvPg .eventsTx p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 0;
    padding-top: 8px
}

@media only screen and (max-width:991px) {
    .dark_theme .anvPg .eventsTx {
        margin-bottom: 1.5rem;
        text-align: center
    }

    .dark_theme .anvPg .eventsTx p {
        padding-top: 4px
    }
}

.dark_theme .anvPg .eventsSldrTp {
    padding-bottom: 50px
}

@media only screen and (max-width:991px) {
    .dark_theme .anvPg .eventsSldrTp .row {
        flex-direction: column-reverse
    }
}

@media only screen and (max-width:575px) {
    .dark_theme .anvPg .eventsSldrTp {
        padding-bottom: 25px
    }
}

.dark_theme .anvPg .prsn {
    padding: clamp(35px, 5.83vw, 70px) 0
}

.dark_theme .anvPg .prsnHd {
    padding-bottom: 1.75rem;
    text-align: center
}

@media only screen and (max-width:575px) {
    .dark_theme .anvPg .prsnHd {
        padding-bottom: .75rem
    }
}

.dark_theme .anvPg .prsnCd {
    background-color: #202020;
    border-radius: 20px;
    cursor: pointer;
    padding: 20px;
    text-align: center
}

@media only screen and (max-width:991px) {
    .dark_theme .anvPg .prsnCd {
        margin-top: 1.5rem
    }
}

@media only screen and (max-width:575px) {
    .dark_theme .anvPg .prsnCd {
        border-radius: 10px
    }
}

.dark_theme .anvPg .prsnCdIg {
    margin-bottom: 1.5rem
}

.dark_theme .anvPg .prsnCdIg img {
    border-radius: 20px
}

@media only screen and (max-width:575px) {
    .dark_theme .anvPg .prsnCdIg img {
        border-radius: 10px
    }
}

.dark_theme .anvPg .prsnCdTx {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.25
}

@media only screen and (max-width:575px) {
    .dark_theme .anvPg .prsnCdTx {
        font-size: 20px
    }
}

.dark_theme .anvPg .lncPd {
    padding: clamp(35px, 5.83vw, 70px) 0
}

.dark_theme .anvPg .lncPdTp {
    margin-bottom: clamp(40px, 7.5vw, 90px)
}

@media only screen and (max-width:991px) {
    .dark_theme .anvPg .lncPdTp .row {
        flex-direction: column-reverse
    }
}

.dark_theme .anvPg .lncTx ul {
    margin: 1rem 0 0
}

.dark_theme .anvPg .lncTx ul li {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    padding: 4px 0
}

@media only screen and (max-width:991px) {
    .dark_theme .anvPg .lncTx h2 {
        text-align: center
    }
}

.dark_theme .anvPg .lncIg {
    text-align: center
}

@media only screen and (max-width:991px) {
    .dark_theme .anvPg .lncIg {
        margin-bottom: 1.5rem
    }
}

.dark_theme .anvPg .cmplns {
    padding: clamp(35px, 5.83vw, 70px) 0
}

.dark_theme .anvPg .cmplnsTx p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.625;
    margin: 0
}

@media only screen and (max-width:991px) {
    .dark_theme .anvPg .cmplnsIg {
        margin-top: 1.5rem
    }
}

.dark_theme .anvPg .cmplnsIg img {
    border-radius: 10px
}

.dark_theme .anvPg .actn {
    padding: clamp(35px, 5.83vw, 70px) 0
}

.dark_theme .anvPg .actnHd {
    padding-bottom: 2.5rem;
    text-align: center
}

@media only screen and (max-width:767px) {
    .dark_theme .anvPg .actnHd {
        padding-bottom: 1.5rem
    }
}

@media only screen and (max-width:575px) {
    .dark_theme .anvPg .actnHd {
        padding-bottom: .5rem
    }
}

.dark_theme .anvPg .actnBd .row {
    margin: 0 -12px
}

.dark_theme .anvPg .actnBd .row>div {
    padding: 12px
}

.dark_theme .anvPg .actnCd {
    background-color: #202020;
    border-radius: 10px;
    height: 100%;
    padding: 30px 20px 20px;
    text-align: center
}

.dark_theme .anvPg .actnIg {
    margin-bottom: 1.25rem
}

.dark_theme .anvPg .actnTx {
    font-size: 16px;
    font-weight: 300
}

.dark_theme .anvPg .ptnsp {
    padding: clamp(35px, 5.83vw, 70px) 0
}

.dark_theme .anvPg .ptnspHd {
    padding-bottom: 1.5rem;
    text-align: center
}

@media only screen and (max-width:575px) {
    .dark_theme .anvPg .ptnspHd {
        padding-bottom: .5rem
    }
}

.dark_theme .anvPg .ptnspIg {
    margin: 0 20px
}

.dark_theme .anvPg .cmty {
    padding: clamp(35px, 5.83vw, 70px) 0
}

.dark_theme .anvPg .cmtyIg {
    text-align: center
}

.dark_theme .anvPg .cmtyIg img {
    width: 100%
}

.dark_theme .anvPg .people {
    padding: clamp(35px, 5.83vw, 70px) 0
}

.dark_theme .anvPg .pplHd {
    padding-bottom: 44px;
    text-align: center
}

.dark_theme .anvPg .pplHd p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.75
}

.dark_theme .anvPg .pplBd {
    align-items: flex-end;
    display: flex;
    justify-content: center
}

@media only screen and (max-width:992px) {
    .dark_theme .anvPg .pplBd {
        flex-wrap: wrap
    }

    .dark_theme .anvPg .pplBd .pplSld {
        margin-bottom: 1.5rem;
        order: 1
    }

    .dark_theme .anvPg .pplBd .pplSldArw.lt {
        order: 2
    }

    .dark_theme .anvPg .pplBd .pplSldArw.rt {
        order: 3
    }
}

.dark_theme .anvPg .pplSld {
    max-width: 752px;
    width: 100%
}

@media only screen and (min-width:768px) {
    .dark_theme .anvPg .pplSldCd {
        align-items: flex-end;
        display: flex !important
    }
}

.dark_theme .anvPg .pplSldIg {
    flex: 0 0 194px;
    position: relative
}

.dark_theme .anvPg .pplSldIg:after {
    background-color: #0166ff;
    bottom: 0;
    content: "";
    height: 68px;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%
}

.dark_theme .anvPg .pplSldIg img {
    border-radius: 10px 10px 0 0;
    display: inline-block;
    width: 100%
}

.dark_theme .anvPg .pplSldCon {
    width: 100%
}

.dark_theme .anvPg .pplSldCmt {
    align-items: center;
    background-color: #202020;
    border-radius: 0 10px 0 0;
    display: flex;
    justify-content: center;
    padding: 50px 90px;
    position: relative
}

@media only screen and (max-width:1199px) {
    .dark_theme .anvPg .pplSldCmt {
        padding: 50px
    }
}

@media only screen and (max-width:992px) {
    .dark_theme .anvPg .pplSldCmt {
        padding: 50px 40px
    }
}

.dark_theme .anvPg .pplSldCmt p {
    margin: 0
}

.dark_theme .anvPg .pplSldCmt .quote1 {
    left: 50px;
    position: absolute;
    top: 0
}

@media only screen and (max-width:992px) {
    .dark_theme .anvPg .pplSldCmt .quote1 {
        left: 30px
    }
}

.dark_theme .anvPg .pplSldCmt .quote2 {
    bottom: 0;
    position: absolute;
    right: 50px;
    transform: rotate(.5turn)
}

@media only screen and (max-width:992px) {
    .dark_theme .anvPg .pplSldCmt .quote2 {
        right: 30px
    }
}

.dark_theme .anvPg .pplSldTx {
    padding: 24px 72px
}

@media only screen and (max-width:1199px) {
    .dark_theme .anvPg .pplSldTx {
        padding: 24px 52px
    }
}

@media only screen and (max-width:992px) {
    .dark_theme .anvPg .pplSldTx {
        padding: 24px 32px
    }
}

@media only screen and (max-width:768px) {
    .dark_theme .anvPg .pplSldTx {
        padding: 22px 0
    }
}

.dark_theme .anvPg .pplSldNm {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.125
}

@media only screen and (max-width:575px) {
    .dark_theme .anvPg .pplSldNm {
        font-size: 22px;
        margin-bottom: 2px
    }
}

.dark_theme .anvPg .pplSldDs {
    color: #9b95a6;
    font-weight: 400
}

.dark_theme .anvPg .pplSldCo {
    color: #b7b7b7;
    font-size: 14px
}

.dark_theme .anvPg .pplSldArw .btn {
    background-color: #202020;
    box-shadow: none;
    padding: 12px
}

.dark_theme .anvPg .pplSldArw .btn:hover {
    background-color: #0166ff
}

.dark_theme .anvPg .pplSldArw.lt .btn {
    border-radius: 10px 0 0 10px
}

.dark_theme .anvPg .pplSldArw.rt .btn {
    border-radius: 0 10px 10px 0
}

.dark_theme .anvPg .future {
    background-image: url(future-bg.351d68a860c776541506.webp);
    background-position: 50%;
    background-size: cover;
    margin: clamp(35px, 5.83vw, 70px) 0;
    padding: clamp(30px, 8.33vw, 100px) 0
}

.dark_theme .anvPg .futrHd {
    display: flex;
    gap: 144px
}

.dark_theme .anvPg .futrHd .secTl {
    padding-top: 14px
}

@media only screen and (max-width:575px) {
    .dark_theme .anvPg .futrHd {
        gap: 64px
    }
}

.dark_theme .anvPg .futrCd {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: #20202080;
    border-radius: 20px;
    box-shadow: inset 0 0 12px 5px #00000040;
    padding: 30px
}

@media only screen and (max-width:575px) {
    .dark_theme .anvPg .futrCd {
        border-radius: 14px;
        padding: 24px
    }
}

@media only screen and (max-width:991px) {
    .dark_theme .anvPg .futrCd {
        margin-top: 1.5rem
    }
}

.dark_theme .anvPg .futrCd h3 {
    font-size: 30px;
    font-weight: 700;
    line-height: 38px;
    padding-bottom: 4px
}

@media only screen and (max-width:575px) {
    .dark_theme .anvPg .futrCd h3 {
        font-size: 24px;
        padding-bottom: 0
    }
}

.dark_theme .anvPg .futrCd ul {
    margin: 0;
    padding: 0 0 0 24px
}

.dark_theme .anvPg .futrCd ul li {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.625;
    padding: 6px 0
}

@media only screen and (min-width:992px) {
    .dark_theme .anvPg .futrBd {
        grid-gap: 26px;
        display: grid;
        gap: 26px;
        grid-template-columns: 421px 492px;
        margin-left: 4.5rem;
        max-width: 931px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .dark_theme .anvPg .futrBd {
        grid-template-columns: 381px 442px
    }
}

@media only screen and (min-width:992px) {
    .dark_theme .anvPg .futrCd1 {
        grid-column: 1/2;
        grid-row: 1/3
    }

    .dark_theme .anvPg .futrCd2 {
        grid-column: 1/2;
        grid-row: 3/5
    }

    .dark_theme .anvPg .futrCd3 {
        grid-column: 2/3;
        grid-row: 2/5
    }

    .dark_theme .anvPg .futrLogo {
        margin-bottom: -3rem
    }
}

.dark_theme .ansbanner {
    background-image: url(banner1.1dcf516caef1095f1cf3.webp)
}

.ansbanner,
.dark_theme .ansbanner {
    background-repeat: no-repeat;
    background-size: cover
}

.ansbanner {
    background-image: url(bannerlig.b5b9a107ae18053ebeb5.webp)
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none;
    -khtml-user-select: none
}

.slick-list,
.slick-slider {
    display: block;
    position: relative
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid #0000;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

.lycPg {
    --font-tit: "B";
    --font-open: "B";
    font-family: var(--font-open)
}

.lycPg h1,
.lycPg h2,
.lycPg h3,
.lycPg h4,
.lycPg h5,
.lycPg h6 {
    font-family: var(--font-tit)
}

body.dark_theme .lycPg {
    background-color: #000204;
    color: #fff
}

body.dark_theme .lycPg .showLight {
    display: none
}

body:not(.dark_theme) .lycPg {
    background-color: #f5f7fb;
    color: #000
}

body:not(.dark_theme) .lycPg .showDark {
    display: none
}

.lycPg .bnrLyc {
    padding: clamp(30px, 5.83vw, 70px) 0
}

.lycPg .bnrLycTx {
    text-align: center
}

.lycPg .bnrLycTx h2 {
    font-size: clamp(40px, 4.5vw, 54px);
    line-height: 1.375;
    padding-bottom: 8px
}

.lycPg .bnrLycTx h2 span {
    color: #0079ea;
    font-weight: 600
}

.lycPg .bnrLycTx p {
    color: #646667;
    font-size: clamp(14px, 2.78vw, 16px);
    line-height: 1.75;
    margin: 0 auto 1rem;
    max-width: 558px
}

body.dark_theme .lycPg .bnrLycTx p {
    color: #919496
}

.lycPg .btnBlue {
    background-color: #0076e8;
    border-color: #0076e8;
    color: #fff
}

.lycPg .btnBlue:hover {
    background-color: #1140ff;
    border-color: #1140ff;
    color: #fff
}

.lycPg .bnrLycLk {
    padding-top: clamp(4px, 1.67vw, 20px)
}

.lycPg .btn-17240 {
    border-radius: 6px;
    font-weight: 600;
    min-width: 172px;
    padding: 7px 22px
}

.lycPg .bnrLycIg {
    margin-top: -18%;
    pointer-events: none;
    position: relative
}

@media only screen and (max-width:575px) {
    .lycPg .bnrLycIg {
        display: none
    }
}

.lycPg .bnrLycIg:before {
    background: linear-gradient(90deg, #fff, #f5f7fb00);
    background: linear-gradient(90deg, #f5f7fb, #f5f7fb00);
    content: "";
    height: 100%;
    left: 0;
    max-width: 170px;
    position: absolute;
    top: 0;
    width: 16%
}

body.dark_theme .lycPg .bnrLycIg:before {
    background: linear-gradient(90deg, #000204, #00020400)
}

.lycPg .bnrLycIg:after {
    background: linear-gradient(270deg, #fff, #f5f7fb00);
    background: linear-gradient(270deg, #f5f7fb, #f5f7fb00);
    content: "";
    height: 100%;
    max-width: 170px;
    position: absolute;
    right: 0;
    top: 0;
    width: 16%
}

body.dark_theme .lycPg .bnrLycIg:after {
    background: linear-gradient(90deg, #00020400, #000204)
}

.lycPg .bnrLycIgOl {
    background: linear-gradient(180deg, #f5f7fb00, #fff);
    background: linear-gradient(180deg, #f5f7fb00, #f5f7fb);
    bottom: 0;
    height: 64.5%;
    left: 0;
    position: absolute;
    width: 100%
}

body.dark_theme .lycPg .bnrLycIgOl {
    background: linear-gradient(180deg, #00020400, #000204)
}

.lycPg .tknLst {
    padding: clamp(30px, 5.83vw, 70px) 0
}

.lycPg .lycStl {
    font-size: clamp(32px, 3.67vw, 44px);
    line-height: 1.275
}

.lycPg .lycStl span {
    color: #0076e8;
    font-weight: 600
}

.lycPg .lycStp {
    color: #646667;
    font-size: clamp(14px, 2.78vw, 16px);
    line-height: 1.75
}

body.dark_theme .lycPg .lycStp {
    color: #919496
}

@media only screen and (min-width:992px) {
    .lycPg .tknLstTx {
        max-width: 85%
    }
}

@media only screen and (min-width:576px) {
    .lycPg .tknLstTx h2 {
        padding-bottom: 8px
    }

    .lycPg .tknLstLk {
        padding-top: 8px
    }
}

@media only screen and (max-width:991px) {
    .lycPg .tknLst .row {
        flex-direction: column-reverse;
        gap: 1.5rem;
        text-align: center
    }
}

.lycPg .nwLs {
    background: #0076e81a;
    margin: clamp(30px, 5.83vw, 70px) 0;
    padding: clamp(30px, 5vw, 60px) 0
}

.lycPg .nwLsHd {
    padding-bottom: clamp(12px, 3.5vw, 42px)
}

.lycPg .nwLsHd h2 {
    text-align: center
}

.lycPg .bntfsAdCd {
    background-color: #fff;
    border-radius: 10px;
    padding: 15px 20px
}

body.dark_theme .lycPg .bntfsAdCd {
    background: #0b0b0b
}

.lycPg .bntfsAdCd:has(.show) {
    box-shadow: 0 4px 4px 0 #0000000d
}

body.dark_theme .lycPg .bntfsAdCd:has(.show) {
    box-shadow: 0 4px 4px 0 #1e2f390d
}

.lycPg .bntfsAdCd:not(:last-child) {
    margin-bottom: 1.5rem
}

.lycPg .bntfsAdCdHd {
    align-items: center;
    display: flex;
    gap: 12px
}

.lycPg .bAdCdIc {
    min-width: 40px
}

.lycPg .bAdCdArw {
    margin-left: auto
}

.lycPg .bAdCdArw img {
    transition: transform .3s
}

.lycPg .bntfsAdCd:has(.show, .collapsing) .bAdCdArw img {
    transform: rotate(.5turn)
}

.lycPg .bAdCdTx {
    font-size: 18px;
    font-weight: 600
}

@media only screen and (max-width:575px) {
    .lycPg .bAdCdTx {
        font-size: 16px
    }
}

.lycPg .bntfsAdCdBd {
    color: #646667;
    font-size: 14px;
    line-height: 1.75;
    padding: 10px 0 0 52px
}

body.dark_theme .lycPg .bntfsAdCdBd {
    color: #919496
}

@media only screen and (max-width:575px) {
    .lycPg .bntfsAdCdBd {
        padding: 14px 0 0
    }
}

.lycPg .bnfts {
    padding: clamp(30px, 5.83vw, 70px) 0
}

@media only screen and (max-width:991px) {

    .lycPg .bnftsIg,
    .lycPg .bnftsTx {
        text-align: center
    }
}

.lycPg .wych {
    padding: clamp(30px, 5.83vw, 70px) 0
}

.lycPg .wychHd {
    text-align: center
}

@media only screen and (min-width:576px) {
    .lycPg .wychHd {
        padding-bottom: 12px
    }
}

.lycPg .wychBd .row {
    justify-content: center
}

.lycPg .wychBd .row>div {
    padding-top: 30px
}

@media only screen and (max-width:575px) {
    .lycPg .wychBd .row>div {
        padding-top: 20px
    }
}

.lycPg .wychCd {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 4px 0 #0000000d;
    height: 100%;
    padding: 30px;
    text-align: center
}

body.dark_theme .lycPg .wychCd {
    background: #0b0b0b;
    box-shadow: 0 4px 4px 0 #1e2f390d
}

@media only screen and (max-width:575px) {
    .lycPg .wychCd {
        border-radius: 10px;
        padding: 20px
    }
}

.lycPg .wychCdIc {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
    min-height: 102px
}

.lycPg .wychCdTx h6 {
    font-family: var(--font-open);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    padding-bottom: 4px
}

.lycPg .wychCdTx p {
    color: #646667;
    font-size: 14px;
    line-height: 1.75;
    margin: 0
}

body.dark_theme .lycPg .wychCdTx p {
    color: #919496
}

.lycPg .int {
    padding: clamp(30px, 5.83vw, 70px) 0
}

.lycPg .intHd {
    padding-bottom: clamp(12px, 2.67vw, 32px)
}

.lycPg .intHd,
.lycPg .intIg {
    text-align: center
}

.lycPg .intIg svg {
    width: 100%
}

@media only screen and (max-width:575px) {
    .lycPg .intHd br {
        display: none
    }
}

.lycPg .pck {
    background: linear-gradient(340.95deg, #0076e8 29.34%, #0283ff 84.4%);
    margin: clamp(30px, 5.83vw, 70px) 0;
    padding: clamp(30px, 8.33vw, 100px) 0;
    position: relative
}

.lycPg .pckTx h2 {
    color: #fff;
    font-size: clamp(32px, 3.67vw, 44px);
    line-height: 1.275
}

@media only screen and (min-width:992px) {
    .lycPg .pckTx h2 {
        padding-bottom: 1.25rem
    }
}

.lycPg .pckTx h2 span {
    font-weight: 600
}

.lycPg .pckTx p {
    color: #fff;
    line-height: 1.75
}

.lycPg .pckFrm {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: #ffffff24;
    border-radius: clamp(10px, 3.48vw, 20px);
    box-shadow: 0 0 0 .5px #ffffff80;
    padding: clamp(24px, 3.33vw, 40px)
}

@media only screen and (max-width:991px) {
    .lycPg .pckFrm {
        margin-top: .5rem
    }
}

.lycPg .pckFrmG {
    margin-bottom: clamp(24px, 2.5vw, 30px)
}

.lycPg .pckFrmG .form-control {
    background: #f5f7fb;
    border-radius: 6px;
    box-shadow: 0 4px 4px 0 #0000000d;
    color: #000;
    font-weight: 500;
    height: auto;
    padding: 8.5px 20px
}

.lycPg .pckFrmG .form-control::placeholder {
    color: #aaa
}

.lycPg .pckSbm {
    text-align: center
}

.lycPg .btn-14040 {
    min-width: 140px
}

.lycPg .pckOl {
    bottom: 0;
    height: auto;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.lycPg .psStps {
    padding-bottom: 10px
}

.lycPg .psStpsR {
    display: flex;
    margin-bottom: 20px
}

.lycPg .psStpsCdG {
    flex-grow: 1;
    position: relative
}

.lycPg .psStpsCdG:not(:first-child):before {
    border-bottom: 2px dashed #b7d7f6;
    bottom: 15px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transform: scaleX(2);
    transform-origin: -8px center;
    width: 25%
}

@media only screen and (max-width:767px) {
    .lycPg .psStpsCdG:not(:first-child):before {
        display: none
    }
}

.lycPg .psStpsCdG:not(:last-child):after {
    border-bottom: 2px dashed #b7d7f6;
    bottom: 15px;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    transform: scaleX(2);
    transform-origin: right center;
    width: 25%
}

@media only screen and (max-width:767px) {
    .lycPg .psStpsCdG:not(:last-child):after {
        display: none
    }
}

.lycPg .psStpsCdG:has(.active):after,
.lycPg .psStpsCdG:has(.active):before {
    border-color: #0076e8
}

.lycPg .psStpsCdG:has(.active)+.psStpsCdG:before {
    border-color: #0076e8
}

@media only screen and (max-width:767px) {
    .lycPg .psStpsCdG:not(.active) {
        display: none
    }
}

.lycPg .psStpsCd {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

@media only screen and (max-width:767px) {
    .lycPg .psStpsCd {
        flex-direction: row-reverse;
        gap: 10px;
        justify-content: flex-end
    }
}

.lycPg .psStpsTy {
    color: #646667;
    font-size: 16px
}

@media only screen and (min-width:768px) {
    .lycPg .psStpsTy {
        margin-bottom: 10px
    }
}

.dark_theme .lycPg .psStpsTy {
    color: #a7a7a7
}

.lycPg .psStpsCt {
    align-items: center;
    background-color: #f0f8ff;
    border: 1px solid #a7b8ff;
    border-radius: 50%;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    position: relative;
    width: 30px;
    z-index: 1
}

.dark_theme .lycPg .psStpsCt {
    background-color: #121111;
    color: #fff
}

.lycPg .psStpsCd.active .psStpsTy {
    color: #0166ff
}

.lycPg .psStpsCd.active .psStpsCt {
    background-color: #0166ff;
    border-color: #0166ff;
    color: #fff
}

.lycPg .apl {
    padding: clamp(30px, 5.83vw, 70px) 0
}

.lycPg .aplHd {
    padding-bottom: clamp(26px, 4.33vw, 52px);
    text-align: center
}

.lycPg .aplBd {
    margin: 0 auto;
    max-width: 800px
}

.lycPg .aplStpsBx {
    border: 2px solid #0003;
    border-radius: clamp(20px, 3.91vw, 30px);
    margin-bottom: 20px;
    padding: clamp(20px, 3.91vw, 30px)
}

body.dark_theme .lycPg .aplStpsBx {
    border-color: #fff3
}

.lycPg .aplFrm {
    margin: 0 auto;
    max-width: 364px;
    padding: 20px 0 0
}

.lycPg .aplFrm .form-control {
    background: #fff;
    border: 0;
    border-radius: 6px;
    box-shadow: 0 4px 4px #0000000d;
    color: #000;
    height: auto;
    padding: 10px 20px
}

body.dark_theme .lycPg .aplFrm .form-control {
    background: #0b0b0b;
    box-shadow: 0 4px 4px #1e2f390d;
    color: #fff
}

.lycPg .aplFrm .form-control::placeholder {
    color: #aaa
}

.lycPg .aplFrmIpG {
    margin-bottom: 30px
}

.lycPg .aplFrmSbm {
    align-items: center;
    display: flex;
    padding: clamp(10px, 3.91vw, 30px) 5px 0 0
}

.lycPg .aplFrmDs {
    color: #646667;
    font-size: 12px
}

body.dark_theme .lycPg .aplFrmDs {
    color: #919496
}

.lycPg .lycFaq {
    padding: clamp(30px, 5.83vw, 70px) 0
}

.lycPg .lycFaqHd {
    padding-bottom: clamp(12px, 3.5vw, 42px);
    text-align: center
}

.lycPg .lycFaqCd {
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 1.5rem;
    padding: 20px
}

body.dark_theme .lycPg .lycFaqCd {
    background-color: #0b0b0b
}

.lycPg .lycFaqCd:has(.show) {
    box-shadow: 0 4px 4px #0000000d
}

body.dark_theme .lycPg .lycFaqCd:has(.show) {
    box-shadow: 0 4px 4px 0 #1e2f390d
}

.lycPg .lycFaqCdHd {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between
}

.lycPg .lycFaqTx {
    font-size: clamp(16px, 3.13vw, 18px);
    font-weight: 600
}

.lycPg .lycFaqCdBd {
    color: #646667;
    font-size: 14px;
    line-height: 1.75;
    padding: 20px 0 0
}

body.dark_theme .lycPg .lycFaqCdBd {
    color: #646667
}

.lycPg .lycFaqCdBd ul {
    padding: 10px
}

.lycPg .lycFaqCdBd p {
    margin: 0
}

.lycPg .lycFaqCdBd br {
    content: "";
    display: block;
    height: 1rem
}

.int path {
    fill: #0076e8;
    stroke: #fff
}

.int path:hover {
    fill: gray;
    cursor: pointer
}

.altCnCdt {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 6px 54px #e2f0ff;
    margin: clamp(30px, 4.17vw, 50px) 0 50px;
    padding: 30px
}

@media only screen and (max-width:575px) {
    .altCnCdt {
        padding: 20px
    }
}

.dark_theme .altCnCdt {
    background: #080709;
    border-radius: 4px;
    box-shadow: 0 6px 44px #000
}

.altCnCdHdt {
    gap: 10px;
    margin-bottom: 15px;
    padding-bottom: 20px;
    position: relative
}

.altCnNmt {
    font-family: var(--font-din);
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px
}

.altCnVlPct {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-between
}

.altCnCdTxt {
    flex-grow: 1
}

.altCnVlt {
    color: #666
}

.altCnPct,
.altCnVlt {
    font-size: 14px;
    font-weight: 700
}

.text-green {
    color: #21b466 !important
}

.text-red {
    color: #f32f2f !important
}

.altCnCdHdt:after {
    background-color: #000;
    bottom: 0;
    content: "";
    height: 1px;
    left: 50%;
    opacity: .2;
    position: absolute;
    transform: translate(-50%);
    width: calc(100% - 40px)
}

.altCnDtRt {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: space-between;
    padding: 5px 0
}

.altCnDtLbt {
    color: #000;
    font-size: 14px
}

.dark_theme .altCnDtLbt {
    color: #fff
}

.altCnDtVlt {
    color: #666;
    font-size: 14px;
    font-weight: 700
}

.altCnCdFtt {
    padding-top: 15px
}

.altCnCdFtt .btn {
    font-size: 14px;
    font-weight: 500;
    padding: 8px 12px 9px;
    width: 100%
}

.altCnt {
    padding: clamp(30px, 5.83vw, 70px) 0 clamp(10px, 2.5vw, 30px)
}

.altCnHdt {
    text-align: center
}

.altCnHdt h2 {
    margin: 0
}

.altCnBdt {
    margin: 0 -12px
}

.altCnCdPtt {
    padding: 0 12px
}

.hlvnPg .slick-slide img {
    display: inline !important
}

.hlvnPg .slick-next,
.hlvnPg .slick-prev {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 40px;
    width: 40px
}

.hlvnPg .slick-prev {
    background: url(arrow-square-left.15bc9dca5f0efd6db444.webp) !important;
    left: -50px
}

@media (min-width:992px) and (max-width:1199px) {
    .hlvnPg .slick-prev {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hlvnPg .slick-prev {
        display: none !important
    }
}

@media (max-width:767px) {
    .hlvnPg .slick-prev {
        display: none !important
    }
}

@media (max-width:360px) {
    .hlvnPg .slick-prev {
        display: none !important
    }
}

.hlvnPg .slick-prev:before {
    content: ""
}

.hlvnPg .slick-next {
    background-image: url(arrow-square-right.448955a87d24c031e709.webp) !important;
    right: -50px
}

@media (min-width:992px) and (max-width:1199px) {
    .hlvnPg .slick-next {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hlvnPg .slick-next {
        display: none !important
    }
}

@media (max-width:767px) {
    .hlvnPg .slick-next {
        display: none !important
    }
}

@media (max-width:360px) {
    .hlvnPg .slick-next {
        display: none !important
    }
}

.hlvnPg .slick-next:before {
    content: ""
}

.hlvnPg .list-card .card {
    background: linear-gradient(180deg, #fff 50%, #fff 0, #f3f3f3 0);
    border: none;
    border-radius: 20px;
    box-shadow: 0 3px 10px #0000000d;
    padding: 25px 25px 10px
}

.dark_theme .hlvnPg .list-card .card {
    background: #151515
}

.hlvnPg .list-card .card .weerwrt p {
    font-family: B;
    font-size: 18px;
    font-weight: 600;
    line-height: 24.51px;
    margin-bottom: 0;
    text-align: left
}

.hlvnPg .list-card .card .weerwrt span {
    color: #646667
}

.hlvnPg .list-card .card .info-list-crypto p:first-child,
.hlvnPg .list-card .card .weerwrt span {
    font-family: B;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.07px;
    text-align: left
}

.hlvnPg .list-card .card .info-list-crypto p:nth-child(2) {
    font-family: B;
    font-size: 18px;
    font-weight: 600;
    line-height: 24.51px;
    text-align: right
}

.hlvnPg .slider-container {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.hlvnPg .slick-slide {
    padding: 0 5px
}

.hlvnPg .list-card {
    box-sizing: border-box;
    margin: 0;
    width: 100%
}

.dark_theme .modal-bg-new {
    background-image: url(modalBg.96b7b4d9bf71a8e62270.webp) !important;
    background-position: 50% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border-radius: 15px
}

.dark_theme .modal-bg-new .card {
    word-wrap: break-word;
    background-clip: initial;
    background-color: #000204;
    border-radius: 1.25rem;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative
}

.dark_theme .modal-bg-new .lycPg1 {
    color: #fff !important
}

.dark_theme .modal-bg-new .lycPg1 .pckFrmG {
    margin-bottom: clamp(24px, 2.5vw, 30px)
}

.dark_theme .modal-bg-new .lycPg1 .pckFrmG .form-control {
    background-clip: padding-box;
    background-color: #fff;
    background: #0b0b0b;
    border: 1px solid #0b0b0b;
    border-radius: .25rem;
    color: #bec1c3;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    height: calc(1.5em + .75rem + 2px);
    line-height: 1.5;
    padding: .375rem .75rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%
}

.dark_theme .modal-bg-new .lycPg1 .bnrLyc1 {
    padding: clamp(10px, 1.83vw, 70px) 0
}

.dark_theme .modal-bg-new .lycPg1 .bnrLycTx1 {
    align-items: baseline;
    display: flex;
    justify-content: space-evenly;
    text-align: center
}

.dark_theme .modal-bg-new .lycPg1 .bnrLycTx1 h1 {
    font-size: 28px;
    line-height: 1.375;
    padding-bottom: 8px
}

.dark_theme .modal-bg-new .lycPg1 .bnrLycTx1 h1 span {
    color: #0079ea;
    font-weight: 600
}

.dark_theme .modal-bg-new .lycPg1 .bnrLycTx1 p {
    color: #646667;
    font-size: clamp(14px, 2.78vw, 16px);
    line-height: 1.75;
    margin: 0 auto 1rem;
    max-width: 558px
}

body.dark_theme .dark_theme .modal-bg-new .lycPg1 .bnrLycTx1 p {
    color: #919496
}

.dark_theme .modal-bg-new .lycPg1 .btnBlue1 {
    background-color: #0076e8;
    border-color: #0076e8;
    color: #fff
}

.dark_theme .modal-bg-new .lycPg1 .btnBlue1:hover {
    background-color: #1140ff;
    border-color: #1140ff;
    color: #fff
}

.dark_theme .modal-bg-new .lycPg1 .bnrLycLk1 {
    padding-top: clamp(4px, 1.67vw, 20px)
}

.dark_theme .modal-bg-new .mod-form {
    padding: 20px
}

.modal-bg-new {
    background-image: url(modalBg.96b7b4d9bf71a8e62270.webp) !important;
    background-position: 50% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border-radius: 15px
}

.modal-bg-new .card-mod {
    word-wrap: break-word;
    background-clip: initial;
    background-color: #e7e3e3a3;
    border-radius: 1.25rem;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative
}

.modal-bg-new .lycPg1 {
    color: #000 !important
}

.modal-bg-new .lycPg1 .pckFrmG {
    margin-bottom: clamp(24px, 2.5vw, 30px)
}

.modal-bg-new .lycPg1 .bnrLyc1 {
    padding: clamp(10px, 1.83vw, 70px) 0
}

.modal-bg-new .lycPg1 .bnrLycTx1 {
    align-items: baseline;
    display: flex;
    justify-content: space-evenly;
    text-align: center
}

.modal-bg-new .lycPg1 .bnrLycTx1 h1 {
    font-size: 28px;
    line-height: 1.375;
    padding-bottom: 8px
}

.modal-bg-new .lycPg1 .bnrLycTx1 h1 span {
    color: #0079ea;
    font-weight: 600
}

.modal-bg-new .lycPg1 .bnrLycTx1 p {
    color: #646667;
    font-size: clamp(14px, 2.78vw, 16px);
    line-height: 1.75;
    margin: 0 auto 1rem;
    max-width: 558px
}

body.dark_theme .modal-bg-new .lycPg1 .bnrLycTx1 p {
    color: #919496
}

.modal-bg-new .lycPg1 .btnBlue1 {
    background-color: #0076e8;
    border-color: #0076e8;
    color: #fff
}

.modal-bg-new .lycPg1 .btnBlue1:hover {
    background-color: #1140ff;
    border-color: #1140ff;
    color: #fff
}

.modal-bg-new .lycPg1 .bnrLycLk1 {
    padding-top: clamp(4px, 1.67vw, 20px)
}

.modal-bg-new .mod-form {
    padding: 20px
}

.modd-bor .modal-content {
    border: none !important;
    border-radius: 20px !important
}

.altCnCdPtTT .altCnCdHd:after {
    background-color: #000;
    bottom: 0;
    height: 1px;
    left: 50%;
    opacity: .2;
    position: absolute;
    transform: translate(-50%);
    width: calc(100% - 40px)
}

.listtknmarq p {
    color: #0076e8;
    font-family: B;
    font-size: 18px;
    font-weight: 600;
    line-height: 24.51px;
    text-align: start
}

.listtknmarq .slick-slider {
    width: 25% !important
}

.listtknmarq .slick-initialized {
    width: 30% !important
}

.listtknmarq .listtknslid span {
    font-family: B;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    text-align: center
}

@media only screen and (max-width:767px) {
    .listtknmarq {
        justify-content: center
    }
}

.anniversary_page {
    font-family: Work Sans, sans-serif
}

.bannersec_ans {
    background-image: url(anbg.abb1f300a084973cce4c.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    padding: 40px 0
}

.bannersec_ans h2 {
    color: #fff;
    font-size: 24px;
    font-weight: 600
}

.bannersec_ans h3 {
    color: #fff;
    font-family: Volkhov, serif;
    font-size: 80px;
    font-weight: 400;
    line-height: 100px
}

.bannersec_ans h3 span {
    color: #0694fa
}

.bannersec_ans label {
    background: #fff;
    border-radius: 100px;
    color: #000;
    font-size: 20px;
    font-weight: 600;
    padding: 5px 20px
}

.shebio {
    position: relative
}

.shebio .signoki {
    left: -20%;
    mix-blend-mode: color;
    position: absolute;
    top: -31%
}

.indfrnt {
    position: relative;
    z-index: 2
}

.sigcndmn {
    padding: 10px 30px
}

.sigcndmn .mndansv {
    min-height: 90px
}

.sigcndmn h2 {
    color: #fff;
    font-family: 24px;
    font-weight: 700
}

.sigcndmn p {
    color: #fff;
    font-size: 16px;
    font-weight: 300
}

.anssignsec {
    padding-bottom: 30px;
    padding-top: 70px
}

.arroright {
    position: relative
}

.arroright .arlmarld {
    position: absolute;
    right: -36px;
    top: 23px
}

.anssignsectwo {
    padding: 40px 0
}

.anssignsectwo .headingsec {
    margin-bottom: 30px
}

.anssignsectwo .headingsec h2 {
    color: #fff;
    font-family: Volkhov, serif;
    font-size: 50px;
    font-weight: 400
}

.anssignsectwo .headingsec p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin: auto;
    max-width: 558px
}

.cuscardgift {
    background-image: url(framend.04b351b368ce0f23f5d8.webp);
    background-size: 100% 100%;
    min-height: 169px;
    padding: 20px 12px;
    position: relative;
    width: 167px
}

.cuscardgift .crkcrd {
    align-items: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: #0003;
    border-radius: 20px;
    bottom: 0;
    display: flex;
    height: calc(100% - 9px);
    justify-content: center;
    left: 4px;
    position: absolute;
    right: 0;
    top: 4px;
    width: calc(100% - 9px)
}

.cuscardgift .crdimg {
    min-height: 90px
}

.cuscardgift h2 {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 0
}

.goldbtn {
    align-items: center;
    background: linear-gradient(90deg, #b57e10, #e5c35c 9.32%, #f9df7b 13.75%, #f9df7b 37.78%, #f5d974 39.02%, #d9b249 47.69%, #c5952a 55.49%, #b98417 62.08%, #b57e10 66.65%, #e5c35c 80.06%, #f9df7b 86.45%, #f6da76 88.73%, #eccd67 91.52%, #dcb64e 94.59%, #c6972b 97.83%, #b57e10);
    border: none;
    border-radius: 10px;
    display: flex;
    font-size: 26px;
    font-weight: 700;
    height: 60px;
    justify-content: center;
    line-height: 22px;
    min-width: 266px
}

@media (max-width:1199px) {
    .signoki {
        display: none
    }
}

@media (max-width:991px) {
    .bannersec_ans h3 {
        color: #fff;
        font-size: 62px;
        line-height: 79px
    }

    .arroright .arlmarld {
        display: none
    }

    .anssignsectwo {
        padding: 25px 0
    }

    .anssignsec {
        padding-top: 40px
    }

    .bannersec_ans label {
        font-size: 18px
    }
}

@media (max-width:767px) {
    .bannersec_ans h3 {
        font-size: 48px;
        line-height: 61px
    }
}

.slick-loading .slick-list {
    background: #fff url(data:image/gif;base64,R0lGODlhIAAgAPUAAP///wAAAPr6+sTExOjo6PDw8NDQ0H5+fpqamvb29ubm5vz8/JKSkoaGhuLi4ri4uKCgoOzs7K6urtzc3D4+PlZWVmBgYHx8fKioqO7u7kpKSmxsbAwMDAAAAM7OzsjIyNjY2CwsLF5eXh4eHkxMTLCwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAAKAAEALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQACgACACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAAKAAMALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQACgAEACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAAKAAUALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAAKAAYALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkEAAoABwAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkEAAoACAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQACgAJACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAAKAAoALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAAKAAsALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=) 50% no-repeat
}

@font-face {
    font-family: slick;
    font-style: normal;
    font-weight: 400;
    src: url(slick.a4e97f5a2a64f0ab1323.eot);
    src: url(slick.a4e97f5a2a64f0ab1323.eot?#iefix) format("embedded-opentype"), url(slick.295183786cd8a1389865.woff) format("woff"), url(slick.c94f7671dcc99dce43e2.ttf) format("truetype"), url(slick.2630a3e3eab21c607e21.svg#slick) format("svg")
}

.slick-next,
.slick-prev {
    border: none;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    background: #0000;
    color: #0000;
    outline: none
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    bottom: -25px;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.slick-dots li {
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    position: relative
}

.slick-dots li,
.slick-dots li button {
    cursor: pointer;
    height: 20px;
    width: 20px
}

.slick-dots li button {
    background: #0000;
    border: 0;
    color: #0000;
    display: block;
    font-size: 0;
    line-height: 0;
    outline: none;
    padding: 5px
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    content: "•";
    font-family: slick;
    font-size: 6px;
    height: 20px;
    left: 0;
    line-height: 20px;
    opacity: .25;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.buy {
    background-color: #7fff00
}

.ivu-modal-body {
    padding: 30px 0 20px
}

.invest-content-box h1 {
    align-items: center;
    color: #14171e;
    display: flex;
    font-display: swap;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 20px;
    font-weight: 500;
    justify-content: space-between;
    line-height: 28px;
    margin-bottom: 22px;
    padding: 0 30px
}

.mrk_tak {
    color: #a09d99
}

.buyColor {
    background-color: #36a62f
}

.sellColor {
    background-color: #f32c2c
}

.info {
    color: #000
}

.dark_theme .info,
.info {
    display: flex;
    font-size: 13px;
    justify-content: space-between;
    margin-bottom: 20px
}

.dark_theme .info {
    color: #a09d99
}

.ReactModal__Overlay {
    opacity: 0;
    transform: translateX(100%);
    transition: all .5s ease-in-out
}

.ReactModal__Overlay--after-open {
    opacity: 1;
    transform: translateX(0)
}

.ReactModal__Overlay--before-close {
    opacity: 0;
    transform: translateX(100%)
}

.ReactModal__Content {
    background: #fff;
    border-radius: 10px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    outline: none;
    overflow: auto;
    padding: 0;
    position: absolute
}

.ReactModal__Overlay {
    background-color: initial !important;
    display: inline-table;
    height: 100%;
    inset: 0;
    margin-left: auto;
    position: fixed;
    width: 100%
}

.ReactModal__Content {
    background: #f0f8ff;
    border-radius: 9px !important;
    inset: 0 !important;
    margin-bottom: 30px;
    margin-left: auto;
    margin-top: auto;
    outline: none !important;
    overflow: auto !important;
    padding: 0 !important;
    position: absolute !important;
    right: 0;
    width: 20%
}

.dark_theme .ReactModal__Content {
    background: #111821
}

.dialog-enter {
    right: -100%;
    transition: right .3s linear
}

.dialog-enter-active {
    right: 0
}

.dialog-exit {
    right: 0;
    transition: right .3s linear
}

.dialog-exit-active {
    right: -100%
}

@media (max-width:1199px) {
    .ReactModal__Content {
        width: 100%
    }
}

.dark_theme .modal-body {
    flex: 1 1 auto;
    padding: 1rem;
    position: relative
}

._loading_overlay_overlay {
    height: 100vh !important;
    text-align: initial !important
}

.loading-spinner {
    animation: spinning 1.5s ease-in-out infinite;
    background: url(loader.c235fadb52ab49568124.webp) 50% no-repeat;
    background-size: contain;
    height: 25px;
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%) translateZ(0);
    width: 25px;
    z-index: 1
}

.loading-spinner:after {
    animation: lds-eclipse 1s linear infinite;
    background-color: #0000;
    border-radius: 100%;
    box-shadow: 0 2px 0 0 #4366ff;
    content: "";
    height: 55px;
    margin: -15px;
    position: absolute;
    transition: all 1s linear;
    width: 55px
}

@keyframes spinning {
    0% {
        transform: translate(-50%, -50%) scale(1) translateZ(0)
    }

    50% {
        transform: translate(-50%, -50%) scale(1.1) translateZ(0)
    }

    to {
        transform: translate(-50%, -50%) scale(1) translateZ(0)
    }
}

@keyframes lds-eclipse {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(180deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.trade-table-body tr td {
    font-size: 10px
}

.dark_theme .trade-2-inner-1-1 h3,
.dark_theme .trade-table-body tr td {
    color: #707a8a
}

.trd_hd_cd .trade-value-wrapper h4 {
    font-size: 12px
}

.trd_hd_cd .trade-value-wrapper h5 {
    color: #707a89
}

.trd_hd_cd .trade-value-wrapper h5.gh_h5 {
    font-size: 12px
}

.trade_total.afterlogin .trade_total_sec_1 .table_ij_1 {
    height: calc(50% - 27.5px)
}

.table_devstc .table_devstc_iner .ine_1 h1,
.table_devstc .table_devstc_iner .ine_2 h1,
.table_devstc .table_devstc_iner .ine_3 h1 {
    font-size: 10px
}

.dark_theme .table_devstc_iner .ine_1 h1,
.dark_theme .table_devstc_iner .ine_2 h1,
.dark_theme .table_devstc_iner .ine_3 h1 {
    color: #707a8a
}

.hmTw-o {
    --font-web: "Titillium Web", sans-serif;
    --font-open: "Open Sans", sans-serif;
    background-color: #0c0c10;
    background-image: url(net-bottom.d686cd3e9d5556ade954.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    font-family: var(--font-web);
    min-height: 100vh
}

body.dark_theme .hmTw-o .showLight {
    display: none
}

body:not(.dark_theme) .hmTw-o {
    background-color: #f5f7fb;
    color: #000
}

body:not(.dark_theme) .hmTw-o .showDark {
    display: none
}

.hmTw-o .btnPrm {
    background-color: #0076e8;
    border-radius: 6px;
    color: #fff;
    font-family: var(--font-open)
}

.hmTw-o .btnPrm:hover {
    background-color: #066bc9;
    color: #fff
}

.hmTw-o .btnSnd {
    background-color: #0f1010;
    border-radius: 6px;
    color: #fff
}

.hmTw-o .btnSnd:hover {
    background-color: #000;
    color: #fff
}

body:not(.dark_theme) .hmTw-o .btnSnd {
    background-color: #eaecf0;
    color: #000
}

body:not(.dark_theme) .hmTw-o .btnSnd:hover {
    background-color: #cfcfcf
}

.hmTw-o .btn-12040 {
    min-width: 120px
}

.hmTw-o .btn-12040,
.hmTw-o .btn-18240 {
    font-size: 16px;
    font-weight: 600;
    padding: 7px 12px
}

.hmTw-o .btn-18240 {
    min-width: 182px
}

.hmTw-o .btn-14640 {
    min-width: 146px;
    padding: 7px 12px
}

.hmTw-o .bnr {
    margin-bottom: 2.5rem;
    padding: 90px 0 0;
    text-align: center
}

@media only screen and (max-width:991px) {
    .hmTw-o .bnr {
        margin-bottom: 1.25rem
    }
}

@media only screen and (max-width:767px) {
    .hmTw-o .bnr {
        padding: 70px 0 0
    }
}

@media only screen and (max-width:575px) {
    .hmTw-o .bnr {
        padding: 50px 0 0
    }
}

.hmTw-o .bnr .bnrTx {
    position: relative
}

.hmTw-o .bnr .bnrTx h1 {
    font-size: 54px;
    line-height: 1.5;
    padding-bottom: 22px
}

@media only screen and (max-width:1199px) {
    .hmTw-o .bnr .bnrTx h1 {
        font-size: 46px
    }
}

@media only screen and (max-width:991px) {
    .hmTw-o .bnr .bnrTx h1 {
        font-size: 36px
    }
}

@media only screen and (max-width:575px) {
    .hmTw-o .bnr .bnrTx h1 {
        font-size: 32px;
        padding-bottom: 12px
    }
}

.hmTw-o .bnr .bnrTx h1 .bd,
.hmTw-o .bnr .bnrTx h1 b {
    color: #0079ea;
    font-weight: 700;
    line-height: 1
}

.hmTw-o .bnr .bnrTx h1 b {
    font-size: 80px
}

@media only screen and (max-width:1199px) {
    .hmTw-o .bnr .bnrTx h1 b {
        font-size: 72px
    }
}

@media only screen and (max-width:991px) {
    .hmTw-o .bnr .bnrTx h1 b {
        font-size: 62px
    }
}

@media only screen and (max-width:575px) {
    .hmTw-o .bnr .bnrTx h1 b {
        font-size: 52px
    }
}

.hmTw-o .bnr .bnrTx h1 .lt {
    font-weight: 200
}

.hmTw-o .bnr .bnrTx p {
    color: #919496;
    font-family: var(--font-open);
    font-size: 16px;
    line-height: 1.75;
    margin: 0 auto 1rem;
    max-width: 610px
}

body:not(.dark_theme) .hmTw-o .bnr .bnrTx p {
    color: #646667
}

@media only screen and (max-width:575px) {
    .hmTw-o .bnr .bnrTx p {
        font-size: 14px
    }
}

.hmTw-o .bnr .bnrTx .bnrSrh {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    padding: 14px 0
}

.hmTw-o .bnr .bnrTx .bnrSrh .form-control-danger {
    background: #181818;
    border: 1px solid #dc3545;
    border-radius: 6px;
    box-shadow: 0 4px 4px #06090b80;
    color: #fff;
    font-family: var(--font-open);
    height: auto;
    max-width: 412px;
    padding: 8px 20px;
    width: 100%
}

.hmTw-o .bnr .bnrTx .bnrSrh .form-control-danger::placeholder {
    color: #aaa
}

body:not(.dark_theme) .hmTw-o .bnr .bnrTx .bnrSrh .form-control-danger {
    background: #fff;
    box-shadow: 0 4px 4px #0000000d;
    color: #000
}

.hmTw-o .bnr .bnrTx .bnrSrh .form-control {
    background: #181818;
    border: 0;
    border-radius: 6px;
    box-shadow: 0 4px 4px #06090b80;
    color: #fff;
    font-family: var(--font-open);
    height: auto;
    max-width: 412px;
    padding: 8px 20px
}

.hmTw-o .bnr .bnrTx .bnrSrh .form-control::placeholder {
    color: #aaa
}

body:not(.dark_theme) .hmTw-o .bnr .bnrTx .bnrSrh .form-control {
    background: #fff;
    box-shadow: 0 4px 4px #0000000d;
    color: #000
}

.hmTw-o .bnr .bnrIc {
    align-items: center;
    animation: bnrIc 2.5s linear 0s infinite alternate-reverse forwards;
    background-color: #0b0b0b;
    border-radius: 50%;
    box-shadow: 0 4px 4px #0000000d;
    display: inline-flex;
    height: 40px;
    justify-content: center;
    padding: 8px;
    position: absolute;
    width: 40px
}

@media only screen and (max-width:767px) {
    .hmTw-o .bnr .bnrIc {
        display: none
    }
}

.hmTw-o .bnr .bnrIc img {
    max-height: 100%
}

body:not(.dark_theme) .hmTw-o .bnr .bnrIc {
    background: #fff;
    box-shadow: 0 4px 4px #0000000d
}

.hmTw-o .bnr .bnrIc.i1 {
    left: 15%;
    top: 40%
}

.hmTw-o .bnr .bnrIc.i2 {
    animation-delay: .125s;
    right: 14%;
    top: 32%
}

.hmTw-o .bnr .bnrIc.i3 {
    animation-delay: .25s;
    bottom: -15%;
    left: -5%
}

@media only screen and (max-width:1300px) {
    .hmTw-o .bnr .bnrIc.i3 {
        left: 0
    }
}

.hmTw-o .bnr .bnrIc.i4 {
    animation-delay: .5s;
    bottom: -15%;
    right: -5%
}

@media only screen and (max-width:1300px) {
    .hmTw-o .bnr .bnrIc.i4 {
        right: 0
    }
}

@keyframes bnrIc {
    0% {
        transform: scale(.5)
    }

    to {
        transform: scale(1)
    }
}

.hmTw-o .bnr .kpSts {
    align-items: flex-end;
    display: grid
}

.hmTw-o .bnr .kpSts .kpStsCon {
    margin: 18px 0 0
}

.hmTw-o .bnr .kpSts .kpStsIg {
    grid-column: 1/2;
    grid-row: 1/2
}

.hmTw-o .bnr .kpSts .kpStsIg img {
    width: 100%
}

@media only screen and (max-width:767px) {
    .hmTw-o .bnr .kpSts .kpStsIg {
        height: 100%
    }

    .hmTw-o .bnr .kpSts .kpStsIg img {
        height: 100%;
        object-fit: cover
    }
}

.hmTw-o .bnr .kpSts .kpStsTx {
    background: linear-gradient(1turn, #000204, #00020400);
    grid-column: 1/2;
    grid-row: 1/2;
    padding: 4px 0 40px
}

body:not(.dark_theme) .hmTw-o .bnr .kpSts .kpStsTx {
    background: linear-gradient(1turn, #f5f7fb, #f5f7fb00)
}

.hmTw-o .bnr .kpSts .kpStsTx .row {
    justify-content: space-around
}

.hmTw-o .bnr .kpSts .kpStsTx .kpStsVl {
    color: #0079ea;
    font-size: 34px;
    font-weight: 700;
    line-height: normal
}

@media only screen and (max-width:1199px) {
    .hmTw-o .bnr .kpSts .kpStsTx .kpStsVl {
        font-size: 30px
    }
}

@media only screen and (max-width:991px) {
    .hmTw-o .bnr .kpSts .kpStsTx .kpStsVl {
        font-size: 26px
    }
}

@media only screen and (max-width:575px) {
    .hmTw-o .bnr .kpSts .kpStsTx .kpStsVl {
        font-size: 24px
    }
}

.hmTw-o .bnr .kpSts .kpStsTx .kpStsLb {
    color: #fff;
    font-size: 24px
}

body:not(.dark_theme) .hmTw-o .bnr .kpSts .kpStsTx .kpStsLb {
    color: #000
}

@media only screen and (max-width:1199px) {
    .hmTw-o .bnr .kpSts .kpStsTx .kpStsLb {
        font-size: 20px
    }
}

@media only screen and (max-width:991px) {
    .hmTw-o .bnr .kpSts .kpStsTx .kpStsLb {
        font-size: 18px
    }
}

@media only screen and (max-width:575px) {
    .hmTw-o .bnr .kpSts .kpStsTx .kpStsLb {
        font-size: 16px
    }
}

.hmTw-o .cardLks {
    padding: 2.5rem 0
}

@media only screen and (max-width:991px) {
    .hmTw-o .cardLks .row {
        gap: 1.5rem 0
    }
}

.hmTw-o .cardLksCd {
    text-align: center
}

.hmTw-o .cardLksCd>a {
    color: inherit;
    display: block;
    text-decoration: none
}

.hmTw-o .cardLksIg {
    margin-bottom: 1.125rem
}

.hmTw-o .cardLksIg img {
    border-radius: 10px;
    filter: drop-shadow(0 4px 4px rgba(30, 47, 57, .25))
}

body:not(.dark_theme) .hmTw-o .cardLksIg img {
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25))
}

.hmTw-o .cardLksTx {
    color: #fff;
    font-family: var(--font-open);
    font-size: 16px;
    font-weight: 600
}

body:not(.dark_theme) .hmTw-o .cardLksTx {
    color: #000
}

.hmTw-o .gbNx {
    padding: clamp(40px, 8.33vw, 100px) 0;
    position: relative
}

.hmTw-o .gbNx .container {
    position: relative;
    z-index: 2
}

.hmTw-o .gbNxRng {
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translate(-50%, -9%)
}

@media only screen and (max-width:1199px) {
    .hmTw-o .gbNxRng {
        display: none
    }

    .hmTw-o .gbNxTx {
        margin-bottom: 1.5rem
    }
}

.hmTw-o .gbNxTx h2 {
    font-size: 44px;
    font-weight: 400;
    line-height: 1.25;
    padding-bottom: 22px
}

@media only screen and (min-width:1200px) {
    .hmTw-o .gbNxTx h2 {
        max-width: 450px
    }
}

@media only screen and (max-width:1199px) {
    .hmTw-o .gbNxTx h2 {
        font-size: 40px;
        padding-bottom: 10px
    }
}

@media only screen and (max-width:767px) {
    .hmTw-o .gbNxTx h2 {
        font-size: 36px
    }
}

@media only screen and (max-width:575px) {
    .hmTw-o .gbNxTx h2 {
        font-size: 32px
    }
}

.hmTw-o .gbNxTx h2 span {
    color: #0076e8;
    font-weight: 600
}

.hmTw-o .gbNxTx p {
    color: #919496;
    font-family: var(--font-open);
    line-height: 1.75
}

.hmTw-o .gbNxLk {
    padding: 1rem 0 0
}

@media only screen and (max-width:1199px) {
    .hmTw-o .gbNxLk {
        padding-top: 10px
    }
}

.hmTw-o .gbNxTbCn .nav-tabs {
    border: 0;
    gap: 10px 40px
}

@media only screen and (max-width:575px) {
    .hmTw-o .gbNxTbCn .nav-tabs {
        gap: 10px 24px
    }
}

.hmTw-o .gbNxTbCn .nav-tabs .nav-link {
    background-color: initial;
    border: 0;
    color: #919496;
    cursor: pointer;
    font-family: var(--font-open);
    font-size: 16px;
    margin: 0 0 4px;
    padding: 4px 0;
    position: relative
}

.hmTw-o .gbNxTbCn .nav-tabs .nav-link:after {
    background-color: #0076e8;
    border-radius: 0 0 6px 6px;
    bottom: -4px;
    content: "";
    height: 4px;
    left: 0;
    opacity: 0;
    position: absolute;
    width: 100%
}

.hmTw-o .gbNxTbCn .nav-tabs .nav-link.active {
    color: #0076e8
}

.hmTw-o .gbNxTbCn .nav-tabs .nav-link.active:after {
    opacity: 1
}

.hmTw-o .gbNxTbCn .row {
    margin-left: -12px;
    margin-right: -12px
}

.hmTw-o .gbNxTbCn .row>div {
    margin-top: 1.5rem;
    padding: 0 12px
}

.hmTw-o .gbNxTbCn .gbNxTbCd {
    background-color: #0b0b0b;
    border-radius: 20px;
    box-shadow: 0 4px 4px #1e2f390d;
    font-family: var(--font-open);
    padding: 20px
}

body:not(.dark_theme) .hmTw-o .gbNxTbCn .gbNxTbCd {
    background: #fff;
    box-shadow: 0 4px 4px #0000000d
}

.hmTw-o .gbNxTbCn .gbNxTbCd .gbNxTbCdIc {
    margin-bottom: 10px
}

.hmTw-o .gbNxTbCn .gbNxTbCd .gbNxTbCdNm {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 4px
}

.hmTw-o .gbNxTbCn .gbNxTbCd .gbNxTbCdPc {
    color: #919496;
    margin-bottom: 10px
}

body:not(.dark_theme) .hmTw-o .gbNxTbCn .gbNxTbCd .gbNxTbCdPc {
    color: #646667
}

.hmTw-o .gbNxTbCn .gbNxTbCd .gbNxTbCdSt {
    align-items: center;
    display: flex;
    font-size: 20px;
    font-weight: 600;
    gap: 6px
}

.hmTw-o .gbNxTbCn .gbNxTbCd .gbNxTbCdSt.gr {
    color: #01bc8d
}

.hmTw-o .gbNxTbCn .gbNxTbCd .gbNxTbCdSt.rd {
    color: #f66966
}

.hmTw-o .smpMv {
    margin-bottom: clamp(35px, 5.83vw, 70px);
    padding: clamp(50px, 8.33vw, 100px) 0 80px;
    position: relative
}

.hmTw-o .smpMv,
body:not(.dark_theme) .hmTw-o .smpMv {
    background: #0076e81a
}

.hmTw-o .smpMv:before {
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: #0000001a;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

body:not(.dark_theme) .hmTw-o .smpMv:before {
    background: #ffffff1a
}

.hmTw-o .smpMvIg {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative
}

@media only screen and (max-width:991px) {
    .hmTw-o .smpMvIg {
        display: none
    }
}

.hmTw-o .smpMvIg .smpMvIgCh {
    position: relative
}

.hmTw-o .smpMvIg .smpMvIgCh:before {
    background: #0076e8;
    content: "";
    filter: blur(50px);
    height: 300px;
    left: 30%;
    opacity: .4;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 300px;
    z-index: 2
}

.hmTw-o .smpMvIg .smpMvIgCh:after {
    background: #fff;
    bottom: 7%;
    content: "";
    filter: blur(50px);
    height: 151.8px;
    left: -2%;
    opacity: .4;
    position: absolute;
    width: 151.8px;
    z-index: 2
}

body:not(.dark_theme) .hmTw-o .smpMvIg .smpMvIgCh:after {
    background-color: #000;
    opacity: .3
}

.hmTw-o .smpMvIg .smpMvIgCh.smpMv1:after {
    left: 10%
}

.hmTw-o .smpMvIg img {
    position: relative;
    z-index: 9
}

.hmTw-o .smpMvCon {
    position: relative;
    z-index: 4
}

.hmTw-o .smpMvCon h2 {
    font-size: 44px;
    font-weight: 400;
    line-height: 1.375;
    padding-bottom: 12px;
    padding-right: 40px
}

@media only screen and (max-width:1199px) {
    .hmTw-o .smpMvCon h2 {
        font-size: 40px;
        padding-right: 0
    }
}

@media only screen and (max-width:767px) {
    .hmTw-o .smpMvCon h2 {
        font-size: 36px
    }
}

@media only screen and (max-width:575px) {
    .hmTw-o .smpMvCon h2 {
        font-size: 32px
    }
}

.hmTw-o .smpMvCon h2 span {
    color: #0076e8;
    font-weight: 600
}

.hmTw-o .smpMvCon p {
    color: #919496;
    line-height: 1.75;
    max-width: 340px
}

body:not(.dark_theme) .hmTw-o .smpMvCon p {
    color: #646667
}

.hmTw-o .smpMvStps {
    display: flex;
    flex-wrap: wrap;
    gap: 60px 80px;
    justify-content: center;
    padding-top: 44px;
    position: relative
}

@media only screen and (max-width:1199px) {
    .hmTw-o .smpMvStps {
        gap: 50px 40px
    }
}

@media only screen and (max-width:575px) {
    .hmTw-o .smpMvStps {
        gap: 30px;
        padding-top: 24px
    }
}

.hmTw-o .smpMvStps .line1 {
    left: 41%;
    position: absolute;
    top: 30%
}

@media only screen and (max-width:575px) {
    .hmTw-o .smpMvStps .line1 {
        display: none
    }
}

.hmTw-o .smpMvStps .line2 {
    left: 50%;
    position: absolute;
    top: 46%
}

@media only screen and (max-width:575px) {
    .hmTw-o .smpMvStps .line2 {
        display: none
    }
}

.hmTw-o .smpMvStpsCd {
    background: #0b0b0b;
    border-radius: 20px;
    box-shadow: 0 4px 4px #1e2f390d;
    cursor: pointer;
    padding: 20px 30px 30px 20px;
    position: relative;
    transition: .3s;
    width: 204px
}

body:not(.dark_theme) .hmTw-o .smpMvStpsCd {
    background: #fff;
    box-shadow: 0 4px 4px #0000000d
}

@media only screen and (max-width:575px) {
    .hmTw-o .smpMvStpsCd {
        background: #0076e8;
        box-shadow: 6px 14px 30px 8px #1e2f3924;
        color: #fff;
        width: 100%
    }

    body:not(.dark_theme) .hmTw-o .smpMvStpsCd {
        color: #000
    }
}

.hmTw-o .smpMvStpsCd.active,
.hmTw-o .smpMvStpsCd:hover {
    background: #0076e8;
    box-shadow: 6px 14px 30px 8px #1e2f3924;
    color: #fff
}

body:not(.dark_theme) .hmTw-o .smpMvStpsCd.active,
body:not(.dark_theme) .hmTw-o .smpMvStpsCd:hover {
    background: #0076e8;
    box-shadow: 6px 14px 30px 8px #00000024;
    color: #fff
}

.hmTw-o .smpMvStpsCd.active .nb,
.hmTw-o .smpMvStpsCd:hover .nb,
body:not(.dark_theme) .hmTw-o .smpMvStpsCd.active .nb,
body:not(.dark_theme) .hmTw-o .smpMvStpsCd:hover .nb {
    background-color: #fff
}

.hmTw-o .smpMvStpsCd.active .smpMvStpsCdHd img,
.hmTw-o .smpMvStpsCd:hover .smpMvStpsCdHd img {
    opacity: 1
}

.hmTw-o .smpMvStpsCdHd {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.125rem
}

.hmTw-o .smpMvStpsCdHd .nb {
    align-items: center;
    background-color: #000;
    border-radius: 50%;
    color: #0076e8;
    display: inline-flex;
    font-family: var(--font-open);
    font-size: 24px;
    font-weight: 600;
    height: 40px;
    justify-content: center;
    width: 40px
}

@media only screen and (max-width:575px) {
    .hmTw-o .smpMvStpsCdHd .nb {
        background-color: #fff
    }
}

body:not(.dark_theme) .hmTw-o .smpMvStpsCdHd .nb {
    background-color: #e0edfa
}

@media only screen and (min-width:576px) {
    .hmTw-o .smpMvStpsCdHd img {
        opacity: 0
    }
}

.hmTw-o .smpMvStpsCdBd {
    font-family: var(--font-open);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.65;
    padding-left: 10px
}

.hmTw-o .smpMvTx {
    bottom: -2%;
    color: #0076e8;
    font-size: clamp(64px, 12vw, 144px);
    font-weight: 700;
    left: 50%;
    line-height: 1;
    opacity: .2;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%);
    z-index: 4
}

.hmTw-o .sfTr {
    padding: clamp(35px, 5.83vw, 70px) 0
}

.hmTw-o .sfTr .row>div {
    margin-top: 30px
}

.hmTw-o .sfTrHd {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    padding-bottom: 30px
}

@media only screen and (max-width:991px) {
    .hmTw-o .sfTrHd {
        padding-bottom: 10px
    }
}

.hmTw-o .sfTrHd h2 {
    font-size: 44px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0
}

@media only screen and (max-width:1199px) {
    .hmTw-o .sfTrHd h2 {
        font-size: 40px
    }
}

@media only screen and (max-width:991px) {
    .hmTw-o .sfTrHd h2 {
        font-size: 36px
    }
}

@media only screen and (max-width:575px) {
    .hmTw-o .sfTrHd h2 {
        font-size: 32px
    }
}

.hmTw-o .sfTrHd h2 span {
    color: #0076e8;
    font-weight: 600
}

.hmTw-o .sfTrCd {
    background: #0b0b0b;
    border-radius: 20px;
    box-shadow: 0 4px 4px #1e2f390d;
    padding: 30px
}

@media only screen and (min-width:576px) {
    .hmTw-o .sfTrCd {
        align-items: center;
        display: flex;
        gap: 20px
    }
}

body:not(.dark_theme) .hmTw-o .sfTrCd {
    background: #fff;
    box-shadow: 0 4px 4px #0000000d
}

.hmTw-o .sfTrIc {
    min-width: 104px;
    text-align: center
}

@media only screen and (max-width:575px) {
    .hmTw-o .sfTrIc {
        margin-bottom: 1rem
    }
}

.hmTw-o .sfTrTx h3 {
    font-family: var(--font-open);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5
}

.hmTw-o .sfTrTx p {
    color: #646667;
    font-family: var(--font-open);
    font-size: 15px;
    line-height: 1.75;
    margin: 0
}

.hmTw-o .pflo {
    margin: 70px 0 0;
    overflow: hidden;
    padding: 70px 0 86px;
    position: relative
}

@media only screen and (max-width:1399px) {
    .hmTw-o .pflo {
        margin: 50px 0 0;
        padding: 50px 0 52px
    }
}

@media only screen and (max-width:767px) {
    .hmTw-o .pflo {
        margin-top: 0
    }
}

.hmTw-o .pfloLt {
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 3
}

@media only screen and (max-width:1199px) {
    .hmTw-o .pfloLt {
        left: -70px
    }
}

@media only screen and (max-width:991px) {
    .hmTw-o .pfloLt {
        left: -170px
    }
}

@media only screen and (max-width:767px) {
    .hmTw-o .pfloLt {
        display: none
    }
}

.hmTw-o .pfloRt {
    bottom: 0;
    position: absolute;
    right: 0;
    z-index: 3
}

@media only screen and (max-width:1199px) {
    .hmTw-o .pfloRt {
        right: -70px
    }
}

@media only screen and (max-width:991px) {
    .hmTw-o .pfloRt {
        right: -170px
    }
}

@media only screen and (max-width:767px) {
    .hmTw-o .pfloRt {
        display: none
    }
}

.hmTw-o .pfloHd {
    padding-bottom: 40px;
    text-align: center
}

@media only screen and (max-width:575px) {
    .hmTw-o .pfloHd {
        padding-bottom: 20px
    }
}

.hmTw-o .pfloHd h2 {
    font-size: 44px;
    font-weight: 600;
    line-height: 1.5;
    margin: 0
}

@media only screen and (max-width:1199px) {
    .hmTw-o .pfloHd h2 {
        font-size: 40px
    }
}

@media only screen and (max-width:991px) {
    .hmTw-o .pfloHd h2 {
        font-size: 36px
    }
}

@media only screen and (max-width:575px) {
    .hmTw-o .pfloHd h2 {
        font-size: 32px
    }
}

.hmTw-o .cnIgTx {
    align-items: center;
    background-color: #0b0b0b;
    border-radius: 30px;
    color: #017ff9;
    display: inline-flex;
    font-size: 18px;
    gap: 8px;
    padding: 8px 16px 8px 8px
}

.hmTw-o .cnIgTx img {
    display: inline-block
}

body:not(.dark_theme) .hmTw-o .cnIgTx {
    background-color: #fff
}

.hmTw-o .pfloR {
    padding: 20px 0
}

.hmTw-o .pfloR .swiper-wrapper {
    transition-timing-function: linear
}

.hmTw-o .pfloR .swiper-slide {
    display: inline-block;
    width: auto
}

.hmTw-o .pfloR.v2 .cnIgTx {
    flex-direction: row-reverse
}

.hmTw-o .pfloFt {
    padding-top: 40px;
    text-align: center
}

@media only screen and (max-width:575px) {
    .hmTw-o .pfloFt {
        padding-top: 20px
    }
}

.hmTw-o .pfloBd {
    position: relative
}

.hmTw-o .pfloBd:before {
    background: linear-gradient(90deg, #000 62.2%, #0000), linear-gradient(90deg, #000001 62.2%, #0000);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 327px;
    z-index: 2
}

body:not(.dark_theme) .hmTw-o .pfloBd:before {
    background: linear-gradient(90deg, #f5f7fb 62.2%, #f5f7fb00), linear-gradient(90deg, #f5f7fb 62.2%, #f5f7fb00)
}

@media only screen and (max-width:1199px) {
    .hmTw-o .pfloBd:before {
        width: 227px
    }
}

@media only screen and (max-width:991px) {
    .hmTw-o .pfloBd:before {
        width: 127px
    }
}

@media only screen and (max-width:767px) {
    .hmTw-o .pfloBd:before {
        display: none
    }
}

.hmTw-o .pfloBd:after {
    background: linear-gradient(90deg, #000204 62.2%, #00020400), linear-gradient(90deg, #000204 62.2%, #00020400);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transform: matrix(-1, 0, 0, 1, 0, 0);
    width: 327px;
    z-index: 2
}

body:not(.dark_theme) .hmTw-o .pfloBd:after {
    background: linear-gradient(90deg, #f5f7fb 62.2%, #f5f7fb00), linear-gradient(90deg, #f5f7fb 62.2%, #f5f7fb00);
    transform: matrix(-1, 0, 0, 1, 0, 0)
}

@media only screen and (max-width:1199px) {
    .hmTw-o .pfloBd:after {
        width: 227px
    }
}

@media only screen and (max-width:991px) {
    .hmTw-o .pfloBd:after {
        width: 127px
    }
}

@media only screen and (max-width:767px) {
    .hmTw-o .pfloBd:after {
        display: none
    }
}

.hmTw-o .ttw {
    background-color: #0076e8;
    color: #fff;
    margin-bottom: 70px;
    padding-top: clamp(30px, 5vw, 60px);
    position: relative
}

.hmTw-o .ttwWvs {
    text-align: center
}

.hmTw-o .ttwWvs,
.hmTw-o .ttwWvs:before {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%
}

.hmTw-o .ttwWvs:before {
    background: linear-gradient(0deg, #0076e8 -14.95%, #0082ff 69.13%);
    content: "";
    height: 190px;
    opacity: .2
}

@media only screen and (max-width:1600px) {
    .hmTw-o .ttwWvs:before {
        height: 22.75%
    }
}

.hmTw-o .ttwCon {
    text-align: center
}

.hmTw-o .ttwCon h2 {
    font-size: 54px;
    font-weight: 600;
    padding-bottom: 8px
}

@media only screen and (max-width:1199px) {
    .hmTw-o .ttwCon h2 {
        font-size: 50px
    }
}

@media only screen and (max-width:991px) {
    .hmTw-o .ttwCon h2 {
        font-size: 46px
    }
}

@media only screen and (max-width:575px) {
    .hmTw-o .ttwCon h2 {
        font-size: 42px
    }
}

.hmTw-o .ttwCon p {
    font-family: var(--font-open);
    font-size: 15px;
    line-height: 1.75;
    margin: 0 auto 1rem;
    max-width: 600px
}

.hmTw-o .ttwAps {
    align-items: center;
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    padding: 1.5rem 0
}

.hmTw-o .ttwDvs {
    padding-top: clamp(36px, 8vw, 96px);
    position: relative;
    text-align: center
}

.hmTw-o .ttwQr {
    background: #0b0b0b;
    border-radius: 10px;
    box-shadow: 0 0 4px 1px #0076e8;
    display: inline-block;
    padding: 14px
}

body:not(.dark_theme) .hmTw-o .ttwQr {
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 4px 4px #0000000d
}

@media only screen and (min-width:992px) {
    .hmTw-o .ttwQr {
        bottom: -8%;
        left: 50%;
        position: absolute;
        transform: translate(-50%)
    }
}

@media only screen and (max-width:991px) {
    .hmTw-o .ttwQr {
        margin-bottom: 1.5rem
    }
}

@media only screen and (min-width:1200px) {
    .hmTw-o .ttwDvs>img {
        transform: translate(45px)
    }
}

.hmTw-o .ttwTpWv {
    bottom: 0;
    left: 0;
    opacity: .5;
    position: absolute;
    text-align: center;
    width: 100%
}

.hmTw-o .ardBlkHd h2 {
    font-size: 44px;
    font-weight: 500;
    line-height: 1.25
}

@media only screen and (max-width:1199px) {
    .hmTw-o .ardBlkHd h2 {
        font-size: 40px
    }
}

@media only screen and (max-width:991px) {
    .hmTw-o .ardBlkHd h2 {
        font-size: 36px
    }
}

@media only screen and (max-width:575px) {
    .hmTw-o .ardBlkHd h2 {
        font-size: 32px
    }
}

.hmTw-o .ardBlkHd h2 span {
    color: #0076e8;
    font-weight: 600
}

.hmTw-o .ardBlkHd {
    padding-bottom: 44px
}

@media only screen and (max-width:767px) {
    .hmTw-o .ardBlkHd {
        padding-bottom: 24px
    }
}

.hmTw-o .ardBlkHd p {
    color: #919496
}

body:not(.dark_theme) .hmTw-o .ardBlkHd p {
    color: #646667
}

@media only screen and (min-width:768px) {
    .hmTw-o .ardBlkBd {
        grid-gap: 24px;
        display: grid;
        gap: 24px;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr
    }
}

@media only screen and (max-width:767px) {
    .hmTw-o .ardBlkBd>div:not(:first-child) {
        margin-top: 24px
    }
}

.hmTw-o .ardBlkGd {
    background: #0b0b0b;
    border-radius: 20px;
    box-shadow: 0 4px 4px #1e2f390d;
    grid-column: 1/4;
    grid-row: 1/2;
    padding: 30px 30px 20px
}

body:not(.dark_theme) .hmTw-o .ardBlkGd {
    background: #fff;
    box-shadow: 0 4px 4px #0000000d
}

@media only screen and (max-width:991px) {
    .hmTw-o .ardBlkGd {
        grid-column: 1/7
    }
}

@media only screen and (max-width:767px) {
    .hmTw-o .ardBlkGd {
        text-align: center
    }
}

.hmTw-o .ardBlkChTx .aBamt {
    font-family: var(--font-open);
    font-size: 18px;
    line-height: 1.375
}

.hmTw-o .ardBlkChTx .aBPrc {
    align-items: center;
    color: #919496;
    display: inline-flex;
    font-size: 14px;
    gap: 6px
}

body:not(.dark_theme) .hmTw-o .ardBlkChTx .aBPrc {
    color: #646667
}

.hmTw-o .ardBlkChTx .aBPrc .prc {
    font-size: 16px;
    font-weight: 600
}

.hmTw-o .ardBlkChTx .aBPrc .gr {
    color: #01bc8d
}

.hmTw-o .fnchs {
    background: #000c17;
    border-radius: 20px;
    box-shadow: 0 4px 4px #0000000d;
    grid-column: 1/4;
    grid-row: 2/3;
    padding: 30px;
    position: relative
}

body:not(.dark_theme) .hmTw-o .fnchs {
    background: #e0edfa;
    box-shadow: 0 4px 4px #0000000d
}

@media only screen and (max-width:991px) {
    .hmTw-o .fnchs {
        grid-column: 1/7
    }
}

.hmTw-o .fnchs h3 {
    font-family: var(--font-open);
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 2px;
    text-transform: uppercase
}

.hmTw-o .fnchs p {
    font-family: var(--font-open);
    font-size: 14px;
    line-height: 1.75
}

.hmTw-o .fnchsIc {
    padding: 34px 0 0
}

.hmTw-o .fnchsIg {
    bottom: 0;
    position: absolute;
    right: 0
}

.hmTw-o .cryLs {
    background: #d5d9e7;
    border-radius: 20px;
    box-shadow: 0 4px 4px #1e2f390d;
    display: flex;
    flex-direction: column;
    grid-column: 4/8;
    grid-row: 1/3
}

body:not(.dark_theme) .hmTw-o .cryLs {
    background: #1c1d21;
    box-shadow: 0 4px 4px #0000000d
}

@media only screen and (max-width:991px) {
    .hmTw-o .cryLs {
        grid-column: 7/13
    }
}

.hmTw-o .cryLsTx {
    padding: 30px
}

.hmTw-o .cryLsIg {
    margin-top: auto
}

.hmTw-o .cryLsTx h3 {
    color: #000;
    font-family: var(--font-open);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.375;
    max-width: 220px;
    padding-bottom: 2px;
    text-transform: uppercase
}

body:not(.dark_theme) .hmTw-o .cryLsTx h3 {
    color: #fff
}

.hmTw-o .cryLsTx p {
    color: #646667;
    font-family: var(--font-open);
    font-size: 14px;
    line-height: 1.75;
    margin: 0
}

body:not(.dark_theme) .hmTw-o .cryLsTx p {
    color: #f5f7fb
}

.hmTw-o .clkNr {
    background: #0076e8;
    border-radius: 20px;
    box-shadow: 0 4px 4px #1e2f390d;
    grid-column: 8/12;
    grid-row: 1/2;
    margin-top: 68px;
    padding: 30px;
    position: relative
}

@media only screen and (max-width:1199px) {
    .hmTw-o .clkNr {
        grid-column: 8/13
    }
}

@media only screen and (max-width:991px) {
    .hmTw-o .clkNr {
        grid-column: 1/7;
        grid-row: 3/4;
        margin-top: 0
    }
}

.hmTw-o .clkNrIg {
    bottom: 0;
    position: absolute;
    right: 0
}

@media only screen and (max-width:767px) {
    .hmTw-o .clkNrIg {
        opacity: .25
    }
}

.hmTw-o .clkNr h3 {
    font-family: var(--font-open);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.375;
    padding-bottom: 2px
}

body:not(.dark_theme) .hmTw-o .clkNr h3 {
    color: #fff
}

.hmTw-o .clkNr p {
    color: #f5f7fb;
    font-family: var(--font-open);
    font-size: 14px;
    line-height: 1.75;
    margin: 0;
    max-width: 210px
}

.hmTw-o .jnCmt {
    background: #0b0b0b;
    border-radius: 20px;
    box-shadow: 0 4px 4px #1e2f390d;
    grid-column: 8/13;
    grid-row: 2/3;
    padding: 30px;
    position: relative
}

body:not(.dark_theme) .hmTw-o .jnCmt {
    background: #fff;
    box-shadow: 0 4px 4px #0000000d
}

@media only screen and (max-width:991px) {
    .hmTw-o .jnCmt {
        grid-column: 7/13;
        grid-row: 3/4
    }
}

.hmTw-o .jnCmtIg {
    bottom: 10px;
    position: absolute;
    right: 10px
}

.hmTw-o .jnCmt h3 {
    font-family: var(--font-open);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.375;
    padding-bottom: 2px;
    text-transform: uppercase
}

.hmTw-o .jnCmt p {
    color: #919496;
    font-family: var(--font-open);
    font-size: 14px;
    line-height: 1.75
}

body:not(.dark_theme) .hmTw-o .jnCmt p {
    color: #646667
}

.hmTw-o .jnCmtScl {
    display: flex;
    flex-wrap: wrap;
    gap: 26px;
    max-width: 300px;
    padding-top: 14px
}

.hmTw-o .ardBlk {
    margin-bottom: clamp(60px, 11.67vw, 140px);
    overflow: hidden;
    padding-top: clamp(0px, 8.33vw, 100px)
}

.hmTw-o .ardBlk,
.hmTw-o .ardBlk .container {
    position: relative
}

.hmTw-o .ardBlkWvs {
    pointer-events: none;
    position: absolute;
    right: 8%;
    top: 4%
}

@media only screen and (max-width:991px) {
    .hmTw-o .ardBlkWvs {
        display: none
    }
}

.hmTw-o .orgn {
    margin-bottom: clamp(50px, 8.33vw, 100px);
    padding: clamp(25px, 3.75vw, 45px) 0 clamp(15px, 4.58vw, 55px)
}

body:not(.dark_theme) .hmTw-o .orgn {
    background: #0076e814
}

.hmTw-o .orgnConHd h2 {
    font-size: 44px;
    font-weight: 400;
    line-height: 1.375;
    padding-bottom: 22px;
    padding-right: 40px
}

@media only screen and (max-width:1199px) {
    .hmTw-o .orgnConHd h2 {
        font-size: 40px;
        padding-right: 0
    }
}

@media only screen and (max-width:767px) {
    .hmTw-o .orgnConHd h2 {
        font-size: 36px
    }
}

@media only screen and (max-width:575px) {
    .hmTw-o .orgnConHd h2 {
        font-size: 32px
    }
}

.hmTw-o .orgnConHd h2 span {
    color: #0076e8;
    font-weight: 600
}

.hmTw-o .orgnConBd {
    font-family: var(--font-open);
    padding-bottom: 1.5rem
}

.hmTw-o .orgnConBd h3 {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 8px
}

.hmTw-o .orgnConBd p {
    color: #bcbcbc;
    font-size: 15px
}

body:not(.dark_theme) .hmTw-o .orgnConBd p {
    color: #646667
}

.hmTw-o .orgnConFt {
    font-family: var(--font-open)
}

.hmTw-o .orgnConFt h4 {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 20px
}

.hmTw-o .orgnConFt ul {
    list-style: none;
    padding: 0
}

.hmTw-o .orgnConFt ul li {
    align-items: flex-start;
    color: #bcbcbc;
    display: flex;
    font-size: 15px;
    gap: 10px;
    line-height: 1.75;
    padding: 10px 0
}

.hmTw-o .orgnConFt ul li img {
    margin-top: 6px
}

body:not(.dark_theme) .hmTw-o .orgnConFt ul li {
    color: #646667
}

.hmTw-o .orgnConFt ul li b {
    color: #fff;
    font-size: 16px;
    font-weight: 600
}

body:not(.dark_theme) .hmTw-o .orgnConFt ul li b {
    color: #000
}

@media only screen and (max-width:991px) {
    .hmTw-o .orgnIg {
        display: none
    }
}

.dark_theme .lbank-card {
    word-wrap: break-word;
    background-clip: initial;
    background-color: #111821;
    border-radius: .25rem;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative
}

.dark_theme .lbank-card .logo-img-des img {
    display: block;
    margin: 0 auto;
    width: 116px
}

.dark_theme .lbank-card .result_text1__ISwmi {
    color: #01bc8d;
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px;
    text-align: center
}

.dark_theme .lbank-card .result_text1__ISwmii {
    color: #e0314f;
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px;
    text-align: center
}

.dark_theme .lbank-card .logo-txt p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.lbank-card {
    word-wrap: break-word;
    background-clip: initial;
    background-color: #fff;
    border-radius: .25rem;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative
}

.lbank-card .logo-img-des img {
    display: block;
    margin: 0 auto;
    width: 116px
}

.lbank-card .result_text1__ISwmii {
    color: #e0314f;
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px;
    text-align: center
}

.lbank-card .result_text1__ISwmi {
    color: #01bc8d;
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px;
    text-align: center
}

.lbank-card .logo-txt p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.bsPymPg {
    --font-pop: "Poppins", sans-serif;
    --font-rob: "Roboto", sans-serif;
    --font-din: "DIN";
    font-family: var(--font-rob);
    padding: clamp(40px, 8.33vw, 100px) 0 40px
}

.bsPymPg .text_blue {
    color: #1140ff
}

.bsPymPg .text_red {
    color: #e51536
}

.bsPymPg .bsPymFrmCd {
    margin-bottom: 2.5rem
}

.bsPymPg .bsPymFrmCd:last-child {
    margin-bottom: 0
}

.bsPymPg .bsPymFrmHd {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 14px;
    position: relative
}

.bsPymPg .bsPymFrmHd:after {
    background-color: #0003;
    bottom: 0;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 84%
}

.dark_theme .bsPymPg .bsPymFrmHd:after {
    background-color: #fff3
}

@media only screen and (max-width:767px) {
    .bsPymPg .bsPymFrmHd:after {
        width: 100%
    }
}

.bsPymPg .bsPymFrmHd h6 {
    color: #737e8d;
    font-size: 18px;
    line-height: 1.334;
    margin: 0
}

.dark_theme .bsPymPg .bsPymFrmHd h6 {
    color: #fff
}

.bsPymPg .bsOrdHs {
    color: grey;
    font-size: 14px
}

.dark_theme .bsPymPg .bsOrdHs {
    color: grey
}

.bsPymPg .bsOrdDtR {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.bsPymPg .bsOrdDtL.v1 {
    color: #000;
    font-size: 16px;
    margin-bottom: 1rem
}

.dark_theme .bsPymPg .bsOrdDtL.v1 {
    color: #fff
}

.bsPymPg .bsOrdDtV.v2 {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 1rem
}

.dark_theme .bsPymPg .bsOrdDtV.v2 {
    color: #fff
}

.bsPymPg .bsOrdDtV.v2 span {
    font-size: 16px
}

.bsPymPg .bsOrdDtL.v3 {
    color: grey;
    font-size: 14px;
    margin-bottom: .5rem
}

.bsPymPg .bsPymChkR {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 1rem
}

.bsPymPg .bsPymChkR:last-child {
    margin-bottom: 0
}

.bsPymPg .bsPymChkB .custom-control-label {
    align-items: center;
    color: #737e8d;
    cursor: pointer;
    display: inline-flex;
    gap: 8px;
    padding: 0 0 0 12px
}

.bsPymPg .bsPymChkB.v2 .custom-control-label {
    padding-left: 0
}

.bsPymPg .bsPymChkB .custom-control-label:before {
    border-color: grey;
    border-radius: 0;
    height: 20px;
    width: 20px
}

.dark_theme .bsPymPg .bsPymChkB .custom-control-label:before {
    background-color: initial
}

.bsPymPg .bsPymChkB.v2 .custom-control-label:before {
    display: none
}

.bsPymPg .bsPymChkB .custom-control-label:after {
    height: 20px;
    width: 20px
}

.bsPymPg .bsPymChkB .custom-control-input:checked~.custom-control-label:before {
    background-color: #1fe5a8;
    border-color: #1fe5a8
}

.bsPymPg .bsPymChkB .custom-control-input:focus:checked~.custom-control-label:before,
.bsPymPg .bsPymChkB .custom-control-input:focus:not(:checked)~.custom-control-label:before {
    border-color: #1fe5a8;
    box-shadow: 0 0 0 .2rem #1fe5a840
}

.bsPymPg .bsPymChkB.v2 .custom-control {
    padding-left: 0
}

.bsPymPg .bsPymChkN {
    color: #000;
    font-size: 16px;
    font-weight: 500
}

.dark_theme .bsPymPg .bsPymChkN {
    color: #fff
}

.bsPymPg .bsPymFrmBd p {
    color: grey;
    font-size: 14px;
    line-height: 1.715
}

.dark_theme .bsPymPg .bsPymFrmBd p {
    color: #a1a1a1
}

.bsPymPg .pymTmr {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 1rem
}

.dark_theme .bsPymPg .pymTmr {
    color: #fff
}

.bsPymPg .mkPdBn .btn {
    background-color: #1140ff;
    color: #fff
}

.bsPymPg .mkPdBn .btn,
.bsPymPg .mkPdBn .btnW {
    border-radius: 4px;
    font-family: var(--font-pop);
    font-size: 16px;
    font-weight: 500;
    padding: 12px;
    width: 100%
}

.bsPymPg .mkPdBn .btnW {
    background-color: #f7d45d;
    color: #000
}

.bsPymPg .mkPdBn .btnD {
    background-color: #dc3545
}

.bsPymPg .mkPdBn .btnD,
.bsPymPg .mkPdBn .btnS {
    border-radius: 4px;
    color: #fff;
    font-family: var(--font-pop);
    font-size: 16px;
    font-weight: 500;
    padding: 12px;
    width: 100%
}

.bsPymPg .mkPdBn .btnS {
    background-color: #44c55d
}

.bsPymPg .mkPdBn .btnS:hover {
    background-color: #44c55d !important
}

.bsPymPg .mkPdBn .btnD:hover {
    background-color: #dc3545 !important
}

.bsPymPg .mkPdBn .btnW:hover {
    background-color: #f7d45d !important
}

.bsPymPg .mkPdBn .btn:hover {
    background-color: #0029cd
}

.bsPymPg .mkPdBn {
    margin-bottom: 10px
}

.bsPymPg .cnOrd .btn {
    color: #1140ff;
    font-family: var(--font-pop);
    padding: 6px 0
}

.bsPymPg .cnOrd .btn:hover {
    text-decoration: underline
}

.bsPymPg .cnOrd .btn:focus {
    box-shadow: none
}

.bsPymPg .pymChtBx {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 6px 54px #e2f0ff;
    display: flex;
    flex-direction: column;
    height: 70vh
}

@media only screen and (max-width:991px) {
    .bsPymPg .pymChtBx {
        margin-top: 1.5rem
    }
}

.dark_theme .bsPymPg .pymChtBx {
    background-color: #080709;
    box-shadow: 0 6px 44px #000
}

.bsPymPg .pymChtBxFt {
    padding: 20px
}

.bsPymPg .chtBxIps {
    align-items: center;
    display: flex;
    gap: 8px
}

.bsPymPg .chtBxIps .input-group {
    align-items: center;
    background-color: #f4f4f4;
    border-radius: 3px;
    padding: 3px 0
}

.dark_theme .bsPymPg .chtBxIps .input-group {
    background-color: #121111
}

.bsPymPg .chtBxIps .form-control {
    -webkit-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    box-shadow: none;
    color: #000;
    font-size: 14px;
    height: auto;
    resize: none
}

.dark_theme .bsPymPg .chtBxIps .form-control {
    color: #fff
}

.bsPymPg .chtBxIps .form-control::placeholder {
    color: #737e8d
}

.bsPymPg .chtBxIps .input-group .btn:focus {
    box-shadow: none
}

.bsPymPg .chtBxIps .input-group .input-group-append {
    align-self: flex-end
}

.bsPymPg .chtLk .btn {
    min-width: 22px;
    padding: 6px 0
}

.dark_theme .bsPymPg .chtLk .btn img {
    filter: invert(1) brightness(20)
}

.bsPymPg .chtLk .btn:focus {
    box-shadow: none
}

.bsPymPg .chtAdo .btn {
    align-items: center;
    background: #e51536;
    border-radius: 4px;
    display: inline-flex;
    height: 44px;
    justify-content: center;
    padding: 6px;
    width: 44px
}

.bsPymPg .chtAdo .btn:focus {
    box-shadow: none
}

.bsPymPg .pymChtBxBd {
    height: calc(100% - 84px);
    overflow: auto;
    padding: 30px 10px
}

@media only screen and (min-width:992px) {
    .bsPymPg .pymChtBxBd::-webkit-scrollbar {
        width: 10px
    }

    .bsPymPg .pymChtBxBd::-webkit-scrollbar-track {
        background: #0000
    }

    .bsPymPg .pymChtBxBd::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 10px
    }

    .bsPymPg .pymChtBxBd::-webkit-scrollbar-thumb:hover {
        background: #555
    }
}

.bsPymPg .pymChtLs {
    padding: 0 10px
}

.bsPymPg .pymChtCd {
    align-items: center;
    display: flex;
    gap: 6px;
    margin-bottom: 1rem
}

.bsPymPg .pymChtCd.rv {
    flex-direction: row-reverse
}

.bsPymPg .pymChtCdUsr {
    min-width: 20px
}

.bsPymPg .pymChtCdTx {
    background-color: #f4f9ff;
    color: grey;
    font-size: 14px;
    padding: 10px 18px;
    position: relative;
    word-break: break-word
}

.dark_theme .bsPymPg .pymChtCdTx {
    background-color: #121111
}

.bsPymPg .pymChtCdTx:before {
    background-color: #ccc;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.dark_theme .bsPymPg .pymChtCdTx:before {
    background-color: #333
}

.dark_theme .buy-inmp {
    background: #0b0b0b;
    border: 1px solid #0b0b0b;
    color: #d3d3d3
}

.p2pPg .bsLsFlt {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding: 20px 0 30px
}

@media only screen and (max-width:991px) {
    .p2pPg .bsLsFlt {
        gap: 20px
    }
}

@media only screen and (max-width:575px) {
    .p2pPg .bsLsFlt {
        gap: 15px
    }
}

@media only screen and (max-width:767px) {
    .p2pPg .amtFlt {
        width: 100%
    }
}

.p2pPg .amtFlt .input-group {
    align-items: center;
    background-color: #f4f4f4;
    border-radius: 6px;
    padding: 4px 12px
}

.dark_theme .p2pPg .amtFlt .input-group {
    background-color: #121111
}

.p2pPg .amtFlt .input-group .form-control {
    background-color: initial;
    border: 0;
    box-shadow: none;
    color: #000;
    font-family: var(--font-rob);
    height: auto
}

.dark_theme .p2pPg .amtFlt .input-group .form-control {
    color: #fff
}

.p2pPg .amtFlt .input-group .form-control::placeholder {
    color: #737e8d
}

.p2pPg .amtFlt .input-group-append {
    margin: 0
}

.p2pPg .amtFlt .btn {
    align-items: center;
    box-shadow: none;
    color: #1c1b1f;
    display: inline-flex;
    font-family: var(--font-rob);
    font-size: 14px;
    font-weight: 500;
    gap: 6px
}

.dark_theme .p2pPg .amtFlt .btn {
    color: #fff
}

.p2pPg .amtFlt .btn img {
    max-width: 20px
}

.p2pPg .bsLsFlt .dropdown-menu {
    background-color: #f4f4f4;
    font-family: var(--font-rob);
    min-width: auto
}

.dark_theme .p2pPg .bsLsFlt .dropdown-menu {
    background-color: #121111
}

.p2pPg .bsLsFlt .dropdown-item {
    align-items: center;
    color: #000;
    display: inline-flex;
    gap: 10px;
    padding: 4px 16px
}

.dark_theme .p2pPg .bsLsFlt .dropdown-item {
    color: #fff
}

.dark_theme .p2pPg .bsLsFlt .dropdown-item:hover {
    background-color: #000
}

.p2pPg .bsLsFlt .dropdown-item:active {
    background-color: #1140ff;
    color: #fff
}

.dark_theme .p2pPg .bsLsFlt .dropdown-item:active {
    background-color: #000
}

.p2pPg .ddIc {
    display: inline-block;
    min-width: 30px
}

.p2pPg .pyMtd {
    font-family: var(--font-rob)
}

.p2pPg .curFlt .btn,
.p2pPg .pyMtd .btn {
    align-items: center;
    background-color: #f4f4f4;
    border-radius: 6px;
    box-shadow: none;
    display: inline-flex;
    gap: 6px;
    padding: 9px 12px
}

.dark_theme .p2pPg .curFlt .btn,
.dark_theme .p2pPg .pyMtd .btn {
    background-color: #121111;
    color: #fff
}

.p2pPg .pyMtd .btn:after {
    margin: 0 0 0 20px
}

.p2pPg .pyMtd .dropdown-item .ddIc {
    min-width: 50px;
    text-align: center
}

.p2pPg .fltIc {
    margin-left: auto
}

.p2pPg .fltIc .btn {
    box-shadow: none
}

.dark_theme .p2pPg .fltIc .btn img {
    filter: invert(1) brightness(20)
}

.p2pPg .curFlt .btn img {
    max-width: 20px
}

.p2pPg .bsLsTbl {
    font-family: var(--font-rob);
    position: relative
}

@media only screen and (max-width:991px) {
    .p2pPg .bsLsTbl {
        overflow: auto;
        white-space: nowrap
    }
}

.p2pPg .bsLsTbl table {
    width: 100%
}

.p2pPg .bsLsTbl th {
    color: #aeaeae;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 20px
}

.p2pPg .bsLsTbl th span {
    color: #1140ff
}

.p2pPg .bsLsTbl tbody tr {
    border-bottom: 1px solid #0003
}

.p2pPg .bsLsTbl tbody tr.active {
    border-color: #0000
}

.dark_theme .p2pPg .bsLsTbl tbody tr {
    border-color: #fff3
}

.dark_theme .p2pPg .bsLsTbl tbody tr.active {
    border-color: #0000
}

.p2pPg .bsLsTbl td {
    padding: 20px;
    vertical-align: top
}

.p2pPg .bsLsTbl td:first-child {
    width: 38%
}

.p2pPg .bsLsTbl td:nth-child(2) {
    width: 12%
}

.p2pPg .bsTblUsr {
    display: flex;
    gap: 10px
}

.p2pPg .bsTblUsrIg {
    min-width: 41px
}

.p2pPg .bsTblUsrNmVr {
    display: inline-block;
    min-width: 25px;
    vertical-align: middle
}

.p2pPg .bsTblUsrNm {
    align-items: center;
    display: inline-flex;
    gap: 6px;
    margin-bottom: 4px
}

.p2pPg .bsTblUsrNm span {
    color: #000;
    font-size: 16px;
    font-weight: 500
}

.dark_theme .p2pPg .bsTblUsrNm span {
    color: #fff
}

.p2pPg .bsTblUsrOd {
    color: grey;
    font-size: 14px;
    margin-bottom: 4px
}

.p2pPg .bsTblUsrBd {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 6px
}

.p2pPg .bsTblPrc {
    color: grey;
    font-size: 14px
}

.p2pPg .bsTblPrc span {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    margin-right: 2px
}

.dark_theme .p2pPg .bsTblPrc span {
    color: #fff
}

.p2pPg .bsTblPyms {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    max-width: 114px
}

.p2pPg .btnGr {
    background-color: #21b466;
    color: #fff;
    font-family: var(--font-pop)
}

.p2pPg .btnGr:focus {
    box-shadow: none
}

.p2pPg .btnGr:hover {
    background-color: #077c3e;
    color: #fff
}

.p2pPg .btnRd {
    background-color: #f32f2f;
    color: #fff
}

.p2pPg .btnRd:focus {
    box-shadow: none
}

.p2pPg .btnRd:hover {
    background-color: #cc1919;
    color: #fff
}

.p2pPg .btn-8740 {
    font-size: 14px;
    font-weight: 500;
    min-width: 87px;
    padding: 8.5px 12px
}

.p2pPg .bsTblRrMk {
    max-width: 363px
}

.p2pPg .bsTblRrMk h6 {
    color: #000;
    font-size: 16px
}

.dark_theme .p2pPg .bsTblRrMk h6 {
    color: #fff
}

.p2pPg .bsTblRrMk p {
    line-height: 1.75;
    white-space: normal
}

.p2pPg .bsTblFrmLb,
.p2pPg .bsTblRrMk p {
    color: grey;
    font-size: 14px
}

.p2pPg .bsTblFrmLb span {
    color: #000;
    font-size: 16px
}

.dark_theme .p2pPg .bsTblFrmLb span {
    color: #fff
}

.p2pPg .bsTblFrm .input-group {
    align-items: center;
    background-color: #f4f4f4;
    border-radius: 6px;
    padding: 5.5px 10px
}

.dark_theme .p2pPg .bsTblFrm .input-group {
    background-color: #121111
}

.p2pPg .bsTblFrm .input-group .form-control {
    background-color: initial;
    border: 0;
    border-right: 2px solid #0003;
    box-shadow: none;
    color: #000;
    font-size: 14px;
    height: auto
}

.dark_theme .p2pPg .bsTblFrm .input-group .form-control {
    border-color: #fff3;
    color: #fff
}

.p2pPg .bsTblFrm .input-group .form-control::placeholder {
    color: #737e8d
}

.p2pPg .bsTblFrm>:not(:last-child) {
    margin-bottom: 20px
}

.p2pPg .bsTblFrm .input-group-prepend {
    margin: 0
}

.p2pPg .bsTblFrm .input-group-text {
    background-color: initial;
    border: 0;
    color: grey;
    font-size: 14px;
    justify-content: center;
    min-width: 80px
}

.p2pPg td.bsTblSbmTd {
    vertical-align: middle
}

.p2pPg .bsTblSbm {
    text-align: center
}

.p2pPg .btn-16940 {
    min-width: 169px;
    padding: 7px 12px
}

.p2pPg .bsLsTblAr {
    padding-bottom: 2.5rem
}

.p2pPg .bsTblAc:focus {
    box-shadow: none
}

.p2pPg .bsTblAcAr {
    min-width: 115px
}

.p2pPg .bsTblSlLb {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 1.25rem
}

.p2pPg .bsTblSlIps {
    align-items: center;
    display: flex;
    gap: 20px;
    max-width: 364px
}

.p2pPg .bsTblSlIps .form-control {
    background-color: #f4f4f4;
    border: 0;
    border-radius: 6px;
    color: #000;
    font-family: var(--font-rob);
    height: 44px;
    line-height: 1;
    text-align: center;
    width: 44px
}

.dark_theme .p2pPg .bsTblSlIps .form-control {
    background-color: #121111;
    color: #fff
}

.p2pPg .bsTblSlIps .form-control::placeholder {
    color: #737e8d;
    transform: translateY(4px)
}

.p2pPg .bsTblSlIps .form-control:focus {
    box-shadow: none
}

.p2pPg .bsTblSlCr {
    padding-bottom: 1.5rem
}

.argmtBxPt {
    position: relative
}

.argmtBx {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: #fffc;
    font-family: var(--font-rob);
    padding: clamp(30px, 5vw, 60px) 0;
    width: 100%;
    z-index: 9
}

.dark_theme .argmtBx {
    background: #000c
}

.argmtTxTp h4 {
    color: #000;
    padding-bottom: 2px
}

.dark_theme .argmtTxTp h4 {
    color: #fff
}

.argmtTxTp p {
    color: grey;
    font-size: 14px;
    line-height: 1.75
}

.argmtLk .btn {
    align-items: center;
    color: #1140ff;
    display: inline-flex;
    font-size: 14px;
    gap: 10px;
    padding: 0
}

.argmtLk .btn:focus {
    box-shadow: none
}

.argmtTx {
    display: flex;
    flex-direction: column;
    height: 100%
}

@media only screen and (max-width:991px) {
    .argmtTx {
        padding-bottom: 1.5rem
    }
}

.argmtTxBm {
    margin-top: auto
}

@media only screen and (max-width:991px) {
    .argmtTxBm {
        margin-top: 1.5rem
    }
}

.argmtTxBm .btn {
    background-color: #1140ff;
    color: #fff;
    font-family: var(--font-pop);
    font-size: 14px;
    padding: 8.5px 12px;
    width: 100%
}

.argmtTxBm .btn:hover {
    background-color: #0d35d7;
    color: #fff
}

.argmtFlUp {
    position: relative
}

.argmtFlUp input {
    opacity: 0;
    position: absolute;
    width: 100%
}

.argmtFlUp label {
    border: 2px dashed #1140ff;
    border-radius: 20px;
    cursor: pointer;
    margin: 0;
    padding: clamp(30px, 5vw, 60px);
    text-align: center;
    width: 100%
}

@media only screen and (max-width:575px) {
    .argmtFlUp label {
        border-radius: 15px
    }
}

.argmtFlIc {
    margin-bottom: 12px
}

.dark_theme .argmtFlIc img {
    filter: invert(1) brightness(20)
}

.argmtFlTx {
    color: #000;
    font-size: 16px;
    margin-bottom: 1.5rem
}

.dark_theme .argmtFlTx {
    color: #fff
}

.argmtFlBtn .btn {
    font-size: 14px;
    font-weight: 500;
    min-width: 220px;
    padding: 8.5px 12px
}

.argmtFlBtn {
    margin-bottom: 18px;
    pointer-events: none
}

.armtFlTy {
    color: grey;
    font-size: 14px
}

.swiper-free-mode>.swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}

.p2pPg .bnr {
    padding: 60px 0
}

@media only screen and (max-width:767px) {
    .p2pPg .bnr {
        padding: 50px 0
    }
}

@media only screen and (max-width:575px) {
    .p2pPg .bnr {
        padding: 40px 0
    }
}

@media only screen and (min-width:992px) {
    .p2pPg .bnrTxSwp .swiper {
        display: flex
    }

    .p2pPg .bnrTxSwp .swiper-wrapper {
        max-width: calc(100% - 10px)
    }
}

.p2pPg .bnrTxSwp .swiper-pagination {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    position: relative
}

.dark_theme .p2pPg .bnrTxSwp .swiper-pagination {
    background-color: initial
}

@media only screen and (max-width:991px) {
    .p2pPg .bnrTxSwp .swiper-pagination {
        flex-direction: row;
        margin-bottom: 1.5rem
    }
}

.p2pPg .bnrTxSwp .swiper-pagination-bullet {
    --swiper-pagination-bullet-horizontal-gap: 0px;
    background-color: #b3b3b3;
    border-radius: 0;
    font-size: 0;
    height: 30px;
    opacity: 1;
    width: 4px
}

@media only screen and (max-width:991px) {
    .p2pPg .bnrTxSwp .swiper-pagination-bullet {
        height: 4px;
        width: 30px
    }
}

.p2pPg .bnrTxSwp .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #1140ff
}

.p2pPg .bnrIg img {
    border-radius: 10px
}

@media only screen and (max-width:575px) {
    .p2pPg .bnrIg img {
        border-radius: 5px
    }
}

@media only screen and (max-width:991px) {
    .p2pPg .bnrTx {
        margin-bottom: 1.5rem;
        text-align: center
    }
}

.p2pPg .bnrTx p {
    color: #2a2a2a;
    font-family: var(--font-rob);
    font-size: 15px;
    line-height: 1.75;
    margin: 0
}

@media only screen and (max-width:575px) {
    .p2pPg .bnrTx p {
        font-size: 15px
    }
}

.dark_theme .p2pPg .bnrTx p {
    color: #a1a1a1
}

.p2pPg .bnrTx h1 {
    color: #171717;
    font-family: var(--font-din);
    font-size: 28px;
    font-weight: 700;
    padding-bottom: 4px
}

@media only screen and (min-width:992px) {
    .p2pPg .bnrTx h1 {
        max-width: 280px
    }
}

.p2pPg .bnrTx h1 span {
    font-weight: 700
}

.dark_theme .p2pPg .bnrTx h1 {
    color: #fff
}

@media only screen and (max-width:991px) {
    .p2pPg .bnrIg {
        text-align: center
    }
}

.demo-btn-p2p {
    align-items: center;
    background: #0000;
    border: none;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    justify-content: center;
    line-height: 42px;
    min-height: 44px;
    perspective: 230px;
    position: relative;
    z-index: 1
}

.demo-btn-p2p span {
    background: #1140ff;
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
    height: 100%;
    margin: 0;
    position: absolute;
    text-align: center;
    transition: all .3s;
    width: 100%
}

.demo-btn-p2p span:first-child {
    transform: rotateX(90deg);
    transform-origin: 50% 50% -20px
}

.demo-btn-p2p span:nth-child(2) {
    transform: rotateX(0deg);
    transform-origin: 50% 50% -20px
}

.demo-btn-p2p:hover span:first-child {
    color: #fff;
    transform: rotateX(0deg)
}

.demo-btn-p2p:hover span:nth-child(2) {
    color: #0000;
    transform: rotateX(-90deg)
}

.p2pPg .faqHd {
    padding-bottom: clamp(22px, 4.24vw, 42px);
    text-align: center
}

.p2pPg .faqHd h2 {
    color: #171717;
    font-family: var(--font-din);
    font-size: clamp(26px, 4.24vw, 42px);
    font-weight: 700
}

.dark_theme .p2pPg .faqHd h2 {
    color: #fff
}

.p2pPg .faqAr {
    margin-bottom: 1.5rem;
    padding: clamp(40px, 7.06vw, 70px) 0
}

.p2pPg .faqCd {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 6px 54px #e2f0ff;
    display: flex;
    flex-direction: column-reverse;
    font-family: var(--font-rob);
    margin-bottom: 20px;
    padding: 14px 20px
}

.p2pPg .faqCd .collapse.show+.faqCdHd .btn img,
.p2pPg .faqCd .collapsing+.faqCdHd .btn img {
    transform: rotate(.5turn)
}

.dark_theme .p2pPg .faqCd {
    background: #080709;
    border-radius: 3px;
    box-shadow: 0 6px 44px #000
}

.p2pPg .faqCdHd {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

.p2pPg .faqCdHd .btn img {
    transition: transform .3s
}

.p2pPg .faqBd {
    margin: 0 auto;
    max-width: 752px
}

.p2pPg .faqCdHd h6 {
    color: #2a2a2a;
    font-size: 16px;
    line-height: 1.75;
    margin: 0;
    max-width: 90%
}

.dark_theme .p2pPg .faqCdHd h6 {
    color: #fff
}

.p2pPg .faqCdHd button {
    margin-top: 0;
    padding: 0
}

.dark_theme .p2pPg .faqCdHd button img {
    filter: invert(1) brightness(20)
}

.p2pPg .faqCdHd button:focus {
    box-shadow: none
}

.p2pPg .faqCdBd {
    padding-top: 10px
}

.p2pPg .faqCdBd p {
    color: grey;
    font-size: 14px;
    line-height: 1.75
}

.dark_theme .p2pPg .faqCdBd p {
    color: #a1a1a1
}

.p2pPg .faqCdBd p:last-child {
    margin: 0
}

.p2pPg .bsHow {
    margin-bottom: clamp(30px, 6.67vw, 80px);
    padding: clamp(30px, 5vw, 60px) 0
}

.p2pPg .bsHowBx {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 6px 54px #e2f0ff;
    font-family: var(--font-rob);
    padding-top: 52px
}

@media only screen and (max-width:1199px) {
    .p2pPg .bsHowBx {
        padding-top: 42px
    }
}

@media only screen and (max-width:991px) {
    .p2pPg .bsHowBx {
        padding: 32px
    }
}

@media only screen and (max-width:575px) {
    .p2pPg .bsHowBx {
        padding: 22px
    }
}

.dark_theme .p2pPg .bsHowBx {
    background-color: #080709;
    border-radius: 3px;
    box-shadow: 0 6px 44px #000
}

.p2pPg .bsHowHd h2 {
    font-family: var(--font-din);
    font-size: clamp(26px, 4.24vw, 42px);
    font-weight: 400;
    padding-bottom: 4px
}

.p2pPg .bsHowHd h2 span {
    font-weight: 700
}

@media only screen and (min-width:992px) {
    .p2pPg .bsHowHd {
        max-width: 352px;
        padding-left: 72px
    }
}

@media only screen and (max-width:991px) {

    .p2pPg .bsHowHd,
    .p2pPg .bsHowIg {
        text-align: center
    }

    .p2pPg .bsHowIg {
        margin-bottom: 1.5rem
    }
}

.p2pPg .bsHowTx p {
    color: grey;
    font-size: 14px;
    line-height: 1.75
}

.p2pPg .bsHowTb .nav-tabs {
    background-color: #f0f8ff;
    border: 0;
    border-radius: 3px;
    display: inline-flex;
    margin: 14px 0
}

.dark_theme .p2pPg .bsHowTb .nav-tabs {
    background-color: #000
}

.p2pPg .bsHowTb .nav-tabs .nav-link {
    border: 0;
    color: #111;
    cursor: pointer;
    font-family: var(--font-pop);
    font-size: 18px;
    font-weight: 500;
    margin: 0
}

.dark_theme .p2pPg .bsHowTb .nav-tabs .nav-link {
    color: #d2d2d2;
    padding: .5rem 1rem !important
}

.p2pPg .bsHowTb .nav-tabs .nav-link.active {
    background-color: #1140ff33;
    border-radius: 3px;
    color: #1140ff
}

.dark_theme .p2pPg .bsHowTb .nav-tabs .nav-link.active {
    background-color: #1140ff33;
    outline: 1px solid #1140ff33
}

.p2pPg .bsHowTbStep {
    display: flex;
    gap: 12px;
    padding-bottom: 14px;
    position: relative
}

.p2pPg .bsHowTbStep:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAMCAYAAACji9dXAAAAIUlEQVQImWNYuv1/AhMTI8N8JgYGBgYsxAEQAxMwMDAAANNMBCrvWyVdAAAAAElFTkSuQmCC);
    content: "";
    height: 100%;
    left: 15px;
    position: absolute;
    top: 2px;
    width: 1px
}

.p2pPg .bsHowTbStep .ndPn {
    align-items: center;
    background-color: #f0f8ff;
    border: 1px solid #a7b8ff;
    border-radius: 50%;
    color: #000;
    display: flex;
    font-size: 18px;
    font-weight: 500;
    height: 30px;
    justify-content: center;
    min-width: 30px;
    position: relative
}

.dark_theme .p2pPg .bsHowTbStep .ndPn {
    background-color: #080709;
    border-color: #a7b8ff;
    color: #fff
}

.p2pPg .bsHowTbStep .ndTx {
    font-family: var(--font-rob)
}

.p2pPg .bsHowTbStep .ndTx h6 {
    color: #000;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 4px
}

.dark_theme .p2pPg .bsHowTbStep .ndTx h6 {
    color: #fff
}

.p2pPg .bsHowTbStep .ndTx p {
    color: grey;
    font-size: 14px
}

.dark_theme .p2pPg .bsHowTbStep .ndTx p {
    color: #a1a1a1
}

.p2pPg .bsHowTbStep:last-child:before {
    display: none
}

.p2pPg .bsHowTbStep:last-child {
    padding-bottom: 0
}

.p2pPg .bsHowTbStepG {
    padding: 14px 0
}

.p2pPg .bsHowTx {
    padding-bottom: 20px;
    padding-right: 80px
}

@media only screen and (max-width:1199px) {
    .p2pPg .bsHowTx {
        padding-right: 40px
    }
}

@media only screen and (max-width:991px) {
    .p2pPg .bsHowTx {
        padding-bottom: 0;
        padding-right: 0
    }
}

.p2p-usdt-hed {
    font-family: var(--font-din);
    font-size: clamp(26px, 4.24vw, 42px);
    font-weight: 400;
    padding-bottom: 4px
}

.p2p-usdt-hed span {
    color: #3e40ff
}

.p2pPg .mnuBar {
    align-items: center;
    background: #fff;
    box-shadow: 0 6px 54px #e2f0ff;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
    margin-bottom: 30px;
    padding: 18px 30px
}

.dark_theme .p2pPg .mnuBar {
    background: #080709;
    border-radius: 3px;
    box-shadow: 0 6px 44px #000
}

.p2pPg .mnuBarLt ul {
    align-items: center;
    display: flex;
    gap: 30px;
    list-style: none;
    margin: 0;
    padding: 0
}

.p2pPg .mnuBarLt ul a {
    color: #111;
    display: inline-block;
    font-family: var(--font-rob);
    font-size: 18px;
    font-weight: 600;
    position: relative;
    text-decoration: none
}

.dark_theme .p2pPg .mnuBarLt ul a {
    color: #fff;
    font-weight: 400
}

.p2pPg .mnuBarLt ul .active a,
.p2pPg .mnuBarLt ul a:hover {
    color: #1140ff
}

.p2pPg .mnuBarLt ul .active a:before,
.p2pPg .mnuBarLt ul a:hover:before {
    transform: scaleX(1);
    transform-origin: left center
}

.p2pPg .mnuBarLt ul a:before {
    background-color: #1140ff;
    bottom: -4px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform .3s;
    width: 100%
}

.p2pPg .mnuBarRt {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 30px
}

.p2pPg .mnuBarRtL {
    margin-left: auto;
    position: relative
}

@media only screen and (min-width:992px) {
    .p2pPg .mnuBarRtL {
        padding: 0 30px
    }
}

@media only screen and (max-width:575px) {
    .p2pPg .mnuBarRtL {
        overflow: auto;
        width: 100%
    }
}

@media only screen and (min-width:992px) {
    .p2pPg .mnuBarRtL:after {
        background-color: #000;
        content: "";
        height: 30px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 2px
    }

    .dark_theme .p2pPg .mnuBarRtL:after {
        background-color: #fff
    }
}

.p2pPg .mnuBarRtL ul {
    display: flex;
    gap: 40px;
    list-style: none;
    margin: 0;
    padding: 0
}

@media only screen and (max-width:575px) {
    .p2pPg .mnuBarRtL ul {
        gap: 20px
    }
}

.p2pPg .mnuBarRtL ul li a {
    color: #5a5c60;
    font-family: var(--font-rob);
    font-size: 14px;
    text-decoration: none
}

.dark_theme .p2pPg .mnuBarRtL ul li a {
    color: #a1a1a1
}

.p2pPg .mnuBarRtL ul li a:hover,
.p2pPg .mnuBarRtL ul li.active a {
    color: #1140ff
}

@media only screen and (max-width:991px) {
    .p2pPg .mnuBarRtR {
        width: 100%
    }
}

.p2pPg .mnuBarRtR ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    list-style: none;
    margin: 0;
    padding: 0
}

@media only screen and (max-width:991px) {
    .p2pPg .mnuBarRtR ul {
        justify-content: space-between;
        width: 100%
    }
}

.p2pPg .mnuBarRtR ul li a {
    color: #111;
    font-family: var(--font-pop);
    font-size: 16px;
    text-decoration: none
}

.dark_theme .p2pPg .mnuBarRtR ul li a {
    color: #fff
}

.dark_theme .p2pPg .mnuBarRtR ul li a img {
    filter: invert(1) brightness(20)
}

.p2pPg .mnuBarRtR ul li a:hover,
.p2pPg .mnuBarRtR ul li.active a {
    color: #1140ff
}

.myOrdTbl {
    margin-bottom: 20px;
    overflow: auto;
    padding-bottom: 10px;
    position: relative
}

.myOrdTbl:after {
    background-color: #0003;
    bottom: 0;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 84%
}

@media only screen and (max-width:991px) {
    .myOrdTbl:after {
        display: none
    }
}

.dark_theme .myOrdTbl:after {
    background-color: #fff3
}

.myOrdTbl table {
    width: 100%
}

@media only screen and (max-width:991px) {
    .myOrdTbl table {
        white-space: nowrap
    }
}

.myOrdTbl th {
    color: #aeaeae;
    font-size: 14px;
    font-weight: 400;
    padding: 0 20px 10px
}

.myordPg {
    font-family: var(--font-rob)
}

.myOrdTbl td {
    color: #000;
    font-size: 14px;
    padding: 10px 20px
}

.dark_theme .myOrdTbl td {
    color: #fff
}

.txt-gr {
    color: #19982e
}

.txt-or {
    color: #ffa000
}

.txt-rd {
    color: #fe1b1b
}

.myOrdRsPg {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 1rem
}

.myOrdRs {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 1rem
}

@media only screen and (max-width:575px) {
    .myOrdRs {
        text-align: center;
        width: 100%
    }
}

.dark_theme .myOrdRs {
    color: #fff
}

@media only screen and (max-width:575px) {
    .myOrdPg {
        width: 100%
    }
}

.myOrdPg .pagination {
    align-items: center;
    border: 0
}

@media only screen and (max-width:575px) {
    .myOrdPg .pagination {
        justify-content: center
    }
}

.myOrdPg .pagination .page-link {
    border: 0;
    color: #000
}

.myOrdPg .pagination .page-link:focus {
    box-shadow: none
}

.dark_theme .myOrdPg .pagination .page-link {
    background-color: initial;
    color: #fff
}

.myOrdPg .pagination .page-item.active .page-link,
.myOrdPg .pagination .page-link:hover {
    background-color: initial;
    color: #1140ff
}

.myOrdPg .pagination .page-item.disabled svg path {
    fill: #b2b3b5
}

.dark_theme .myOrdPg .pagination .page-item svg path {
    fill: #fff
}

.dark_theme .myOrdPg .pagination .page-item.disabled svg path {
    fill: #888
}

.dark_theme .selectoption .form-control {
    background-clip: padding-box;
    background-color: #181819;
    border: 1px solid #181819;
    border-radius: .25rem;
    color: #fff;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    height: calc(1.5em + .75rem + 2px);
    line-height: 1.5;
    padding: .375rem .75rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%
}

.myPosTbl {
    margin-bottom: 1.5rem;
    overflow: auto
}

.myPosTbl table {
    width: 100%
}

@media only screen and (max-width:1199px) {
    .myPosTbl table {
        white-space: nowrap
    }
}

.myPosTbl th:first-child {
    min-width: 40px;
    text-align: center
}

.myPosTbl table th {
    color: #aeaeae;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 20px
}

.myPosPg {
    font-family: var(--font-rob)
}

.myPosTbl table tbody tr {
    border-bottom: 1px solid #0003
}

.dark_theme .myPosTbl table tbody tr {
    border-color: #fff3
}

.myPosTbl td {
    padding: 20px
}

.myPosPyms {
    align-items: center;
    display: inline-flex;
    gap: 8px
}

.myPosPyms span {
    display: inline-block
}

.myPosAcs .btn:focus {
    box-shadow: none
}

.prfPcNmJn {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 20px
}

@media only screen and (max-width:575px) {
    .prfPcNmJn {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center
    }
}

.prfPc img {
    border-radius: 50%;
    height: 80px;
    object-fit: cover;
    width: 80px
}

.prfNmJnTx {
    align-items: center;
    color: #000;
    display: inline-flex;
    font-size: 20px;
    font-weight: 500;
    gap: 4px;
    line-height: 1.25;
    margin-bottom: 4px
}

.dark_theme .prfNmJnTx {
    color: #fff
}

.prfNmJnDt {
    color: grey;
    font-size: 14px;
    margin-bottom: 6px
}

.prfNmJnBg {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px
}

@media only screen and (max-width:575px) {
    .prfNmJnBg {
        justify-content: center
    }
}

.prfCrSts {
    align-items: center;
    background-color: #fff;
    box-shadow: 0 6px 14px #f1f7ff;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 0;
    padding: 20px
}

@media only screen and (max-width:1199px) {
    .prfCrSts {
        margin-bottom: 1.25rem
    }
}

.dark_theme .prfCrSts {
    background: #080709;
    box-shadow: 0 6px 44px #000
}

.prfCrStsC {
    flex: 0 0 50%;
    max-width: 50%
}

.prfCrStsC:nth-child(2n) {
    text-align: right
}

.prfCrStsLb {
    color: grey;
    font-size: 14px
}

.prfCrStsVl {
    color: #000;
    font-size: 16px
}

.dark_theme .prfCrStsVl {
    color: #fff
}

.prfCrStsVl .gr {
    color: #32d993
}

.prfCrStsVl .rd {
    color: #ff707e
}

.prfCrStsVl.v2 {
    font-size: 14px;
    font-weight: 600
}

.prfBgBx {
    background: #fff;
    box-shadow: 0 6px 14px 0 #f1f7ff;
    padding: 20px
}

.dark_theme .prfBgBx {
    background: #080709;
    box-shadow: 0 6px 44px #000
}

.prfBgR {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

.prfBgCd {
    align-items: center;
    background-color: #eff6ff;
    display: flex;
    flex-grow: 1;
    gap: 12px;
    max-width: calc(33.33333% - 13.33333px);
    padding: 12px 20px;
    position: relative
}

.dark_theme .prfBgCd {
    background-color: #000
}

.prfBgCd[disabled] {
    pointer-events: none
}

.prfBgCd[disabled]:after {
    background-color: #eff6ff;
    content: "";
    height: 100%;
    left: 0;
    opacity: .8;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.dark_theme .prfBgCd[disabled]:after {
    background-color: #000
}

@media only screen and (max-width:991px) {
    .prfBgCd {
        max-width: calc(50% - 10px)
    }
}

@media only screen and (max-width:575px) {
    .prfBgCd {
        max-width: 100%
    }
}

.prfBgCdB {
    align-items: center;
    background-color: #eff6ff;
    display: flex;
    flex-grow: 1;
    gap: 12px;
    padding: 12px 20px;
    position: relative
}

.dark_theme .prfBgCdB {
    background-color: #000
}

.prfBgCdB[disabled] {
    pointer-events: none
}

.prfBgCdB[disabled]:after {
    background-color: #eff6ff;
    content: "";
    height: 100%;
    left: 0;
    opacity: .8;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.dark_theme .prfBgCdB[disabled]:after {
    background-color: #000
}

@media only screen and (max-width:991px) {
    .prfBgCdB {
        max-width: calc(50% - 10px)
    }
}

@media only screen and (max-width:575px) {
    .prfBgCdB {
        max-width: 100%
    }
}

.prfBgCdIc {
    min-width: 30px
}

.prfBgCdTx {
    color: #000;
    font-size: 16px
}

.dark_theme .prfBgCdTx {
    color: #fff
}

.myPrfPg {
    font-family: var(--font-rob);
    padding-bottom: 2.5rem
}

.prfBgSbm .btn {
    background-color: #1140ff;
    border-radius: 4px;
    color: #fff;
    font-family: var(--font-pop);
    font-size: 14px;
    font-weight: 500;
    min-width: 174px;
    padding: 8.5px 12px
}

.prfBgSbm .btn:hover {
    background-color: #0d35d7;
    color: #fff
}

.prfBgSbm {
    align-self: end;
    margin-left: auto;
    text-align: right
}

.p2pPsPg {
    --font-pop: "Poppins", sans-serif;
    --font-rob: "Roboto", sans-serif;
    --font-din: "DIN";
    --border-stroke: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAABCAYAAADq6085AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuMTY0NzUzLCAyMDIxLzAyLzE1LTExOjUyOjEzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTAzLTA1VDE3OjU5OjQ3KzA1OjMwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wMy0wNVQxODoyMTozNCswNTozMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wMy0wNVQxODoyMTozNCswNTozMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphOTA2YzE0Ny0yYjVlLWQwNDAtYTgzZi0yMDEzZDY3MWE3MTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6YTkwNmMxNDctMmI1ZS1kMDQwLWE4M2YtMjAxM2Q2NzFhNzEwIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YTkwNmMxNDctMmI1ZS1kMDQwLWE4M2YtMjAxM2Q2NzFhNzEwIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDphOTA2YzE0Ny0yYjVlLWQwNDAtYTgzZi0yMDEzZDY3MWE3MTAiIHN0RXZ0OndoZW49IjIwMjQtMDMtMDVUMTc6NTk6NDcrMDU6MzAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi4zIChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7ZNNlnAAAAHUlEQVQImWP8//8/AzpYsZNhPwMDgwO6+L//DIkA0fUHvduXa5wAAAAASUVORK5CYII=);
    font-family: var(--font-rob);
    padding: clamp(30px, 5vw, 60px) 0
}

.p2pPsPg .psStpsR {
    display: flex;
    margin-bottom: 20px
}

.p2pPsPg .psStpsCdG {
    flex-grow: 1;
    position: relative
}

.p2pPsPg .psStpsCdG:not(:first-child):before {
    background-image: var(--border-stroke);
    bottom: 15px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 50%
}

@media only screen and (max-width:767px) {
    .p2pPsPg .psStpsCdG:not(:first-child):before {
        display: none
    }
}

.p2pPsPg .psStpsCdG:not(:last-child):after {
    background-image: var(--border-stroke);
    bottom: 15px;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    width: 50%
}

@media only screen and (max-width:767px) {

    .p2pPsPg .psStpsCdG:not(.active),
    .p2pPsPg .psStpsCdG:not(:last-child):after {
        display: none
    }
}

.p2pPsPg .psStpsCd {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

@media only screen and (max-width:767px) {
    .p2pPsPg .psStpsCd {
        flex-direction: row-reverse;
        gap: 10px;
        justify-content: flex-end
    }
}

.p2pPsPg .psStpsTy {
    color: #2a2a2a;
    font-size: 16px
}

@media only screen and (min-width:768px) {
    .p2pPsPg .psStpsTy {
        margin-bottom: 10px
    }
}

.dark_theme .p2pPsPg .psStpsTy {
    color: #a7a7a7
}

.p2pPsPg .psStpsCt {
    align-items: center;
    background-color: #f0f8ff;
    border: 1px solid #a7b8ff;
    border-radius: 50%;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    position: relative;
    width: 30px;
    z-index: 1
}

.dark_theme .p2pPsPg .psStpsCt {
    background-color: #121111;
    color: #fff
}

.p2pPsPg .psStpsCd.active .psStpsTy {
    color: #1140ff
}

.p2pPsPg .psStpsCd.active .psStpsCt {
    background-color: #1140ff;
    border-color: #1140ff;
    color: #fff
}

.p2pPsPg .psStpsBx {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 6px 54px #e2f0ff;
    padding: 2.5rem
}

@media only screen and (max-width:767px) {
    .p2pPsPg .psStpsBx {
        padding: 1.5rem
    }
}

.dark_theme .p2pPsPg .psStpsBx {
    background-color: #080709;
    box-shadow: 0 6px 44px #000
}

.p2pPsPg .psStpsCon:not(.show) {
    display: none
}

.p2pPsPg .psStps_n_hd {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.p2pPsPg .psStpsStg .btn {
    padding: 0
}

.p2pPsPg .psStpsStg .btn:focus {
    box-shadow: none
}

.dark_theme .p2pPsPg .psStpsStg .btn img {
    filter: invert(1) brightness(20)
}

.p2pPsPg .psStps_n_hd .nav-tabs {
    border: 0;
    font-family: var(--font-pop);
    gap: 30px
}

@media only screen and (max-width:575px) {
    .p2pPsPg .psStps_n_hd .nav-tabs {
        gap: 15px
    }
}

.p2pPsPg .psStps_n_hd .nav-link {
    border: 0;
    color: #111;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    padding: 2px 0;
    position: relative
}

@media only screen and (max-width:575px) {
    .p2pPsPg .psStps_n_hd .nav-link {
        font-size: 16px
    }
}

.dark_theme .p2pPsPg .psStps_n_hd .nav-link {
    background-color: initial;
    color: #a7a7a7;
    font-weight: 500
}

.p2pPsPg .psStps_n_hd .nav-link:after {
    background-color: #1140ff;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform .3s;
    width: 100%
}

.p2pPsPg .psStps_n_hd .nav-tabs .nav-link.active,
.p2pPsPg .psStps_n_hd .nav-tabs .nav-link:hover {
    color: #1140ff
}

.p2pPsPg .psStps_n_hd .nav-link.active:after,
.p2pPsPg .psStps_n_hd .nav-link:hover:after {
    transform: scaleX(1);
    transform-origin: left center
}

.p2pPsPg .ptByAsFt {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 50px;
    padding: 30px 0
}

@media only screen and (max-width:575px) {
    .p2pPsPg .ptByAsFt {
        gap: 10px
    }
}

.p2pPsPg .psStIpG {
    align-items: center;
    background-color: #f4f4f4;
    border-radius: 6px;
    padding: 4px 12px
}

.dark_theme .p2pPsPg .psStIpG {
    background-color: #121111
}

.p2pPsPg .psStIpG .form-control {
    background-color: initial;
    border: 0;
    box-shadow: none;
    color: #000;
    font-family: var(--font-rob);
    height: auto
}

.dark_theme .p2pPsPg .psStIpG .form-control {
    color: #fff
}

.p2pPsPg .psStIpG .form-control::placeholder {
    color: #737e8d
}

.p2pPsPg .psStIpG .input-group-append {
    margin: 0
}

.p2pPsPg .psStIpG .btn {
    align-items: center;
    box-shadow: none;
    color: #1c1b1f;
    display: inline-flex;
    font-family: var(--font-rob);
    font-size: 14px;
    font-weight: 500;
    gap: 6px
}

.dark_theme .p2pPsPg .psStIpG .btn {
    color: #fff
}

.p2pPsPg .psStIpG .btn img {
    max-width: 20px
}

.p2pPsPg .psStIpG .dropdown-menu {
    background-color: #f4f4f4;
    font-family: var(--font-rob);
    min-width: auto
}

.dark_theme .p2pPsPg .psStIpG .dropdown-menu {
    background-color: #121111
}

.p2pPsPg .psStIpG .dropdown-item {
    align-items: center;
    color: #000;
    display: inline-flex;
    gap: 10px;
    padding: 4px 16px
}

.dark_theme .p2pPsPg .psStIpG .dropdown-item {
    color: #fff
}

.dark_theme .p2pPsPg .psStIpG .dropdown-item:hover {
    background-color: #000
}

.p2pPsPg .psStIpG .dropdown-item:active {
    background-color: #1140ff;
    color: #fff
}

.p2pPsPg .ddIc {
    display: inline-block;
    min-width: 30px
}

.p2pPsPg .psStIpG .input-group-text {
    background-color: initial;
    border: 0;
    color: #1c1b1f
}

.dark_theme .p2pPsPg .psStIpG .input-group-text {
    color: #fff
}

.p2pPsPg .psStpsBx label {
    color: #aeaeae;
    font-size: 16px
}

.p2pPsPg .ptByAsFtCh {
    align-items: center;
    display: inline-flex;
    height: 44px
}

.p2pPsPg .yrPcLwPc {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    padding: 10px 0 30px
}

@media only screen and (min-width:768px) {
    .p2pPsPg .yrPcLwPcG {
        min-width: 250px
    }
}

.p2pPsPg .yrPcLwPcLb {
    color: #aeaeae;
    font-size: 16px;
    margin-bottom: 4px
}

.p2pPsPg .yrPcLwPcVl {
    color: #000;
    font-weight: 500
}

.dark_theme .p2pPsPg .yrPcLwPcVl {
    color: #fff
}

.p2pPsPg .prcTy {
    padding: 10px 0 30px
}

@media only screen and (max-width:575px) {
    .p2pPsPg .prcTy {
        padding-bottom: 20px
    }
}

.p2pPsPg .prcTyG>:not(:first-child) {
    padding-top: 12px
}

.p2pPsPg .psStpsBx .custom-radio {
    --csRdLt: 1.75rem;
    padding-left: var(--csRdLt)
}

.p2pPsPg .psStpsBx .custom-control-label {
    color: #000;
    cursor: pointer
}

.dark_theme .p2pPsPg .psStpsBx .custom-control-label {
    color: #fff
}

.p2pPsPg .psStpsBx .custom-control-label:before {
    background-color: #d9d9d9;
    border-color: #d9d9d9;
    height: 20px;
    left: calc(var(--csRdLt)*-1);
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.p2pPsPg .psStpsBx .custom-control-label:after {
    height: 12px;
    left: calc(var(--csRdLt)*-1);
    top: 50%;
    transform: translate(4px, -50%);
    width: 12px
}

.p2pPsPg .psStpsBx .custom-control-input:checked~.custom-control-label:before {
    background-color: initial;
    border-color: #1140ff
}

.p2pPsPg .psStpsBx .custom-radio .custom-control-input:checked~.custom-control-label:after {
    background-color: #1140ff;
    background-image: none;
    border-radius: 50%
}

.p2pPsPg .prcTyG .custom-control {
    min-width: 230px
}

.p2pPsPg .prcInDc {
    padding: 10px 0 20px
}

.p2pPsPg .prcInDcG {
    align-items: center;
    background: #f4f4f4;
    border-radius: 6px;
    display: inline-flex;
    padding: 2.5px 9px
}

.dark_theme .p2pPsPg .prcInDcG {
    background-color: #121111
}

.dark_theme .p2pPsPg .prcInDcG .btn img {
    filter: invert(1) brightness(20)
}

.p2pPsPg .prcInDcG .form-control {
    background-color: initial;
    border: 0;
    max-width: 130px;
    text-align: center;
    width: auto
}

.dark_theme .p2pPsPg .prcInDcG .form-control {
    color: #fff
}

.p2pPsPg .prcInDcG .btn:focus,
.p2pPsPg .prcInDcG .form-control:focus {
    box-shadow: none
}

.p2pPsPg .psStpsAc {
    display: flex;
    gap: 1rem;
    padding: 12px 0 0
}

.p2pPsPg .btnBlu {
    background-color: #1140ff;
    color: #fff
}

.p2pPsPg .btnBlu:hover {
    background-color: #072fd5;
    color: #fff
}

.p2pPsPg .psStpsAc .btn {
    border-radius: 4px;
    font-family: var(--font-pop);
    font-size: 16px;
    font-weight: 500;
    max-width: 364px;
    padding: 12px;
    width: 100%
}

@media only screen and (max-width:991px) {
    .p2pPsPg .ptByAsFt>* {
        width: 100%
    }

    .p2pPsPg .ptByAsFtCh {
        justify-content: center
    }
}

.p2pPsPg .tlAmtAvBlCr {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 14px;
    gap: 10px;
    justify-content: space-between;
    margin-top: 10px
}

.dark_theme .p2pPsPg .tlAmtAvBlCr {
    color: #fff
}

.p2pPsPg .psStpFrmTtAm {
    margin-bottom: 2.5rem
}

.p2pPsPg .orLmt {
    padding-bottom: 1.5rem
}

.p2pPsPg .pymMtdAd {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 2.5rem
}

.p2pPsPg .selUpT {
    color: #000;
    font-size: 14px
}

.dark_theme .p2pPsPg .selUpT {
    color: #fff
}

.p2pPsPg .pymMtdAdRt .btn {
    align-items: center;
    background-color: #1140ff;
    border-radius: 4px;
    color: #fff;
    display: inline-flex;
    font-family: var(--font-pop);
    font-size: 14px;
    font-weight: 500;
    gap: 6px
}

.p2pPsPg .pymMtdAdRt .btn:hover {
    background-color: #072fd5
}

.p2pPsPg .psStpsBx .custom-select {
    background-color: #f4f4f4;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.523 5.082.898 1.457a.47.47 0 0 1-.15-.35c0-.133.046-.25.137-.35.092-.1.213-.15.363-.15h7.6c.15 0 .27.05.362.15.092.1.138.217.138.35 0 .034-.05.15-.15.35L5.573 5.082a.762.762 0 0 1-.25.175.734.734 0 0 1-.275.05.734.734 0 0 1-.275-.05.762.762 0 0 1-.25-.175Z' fill='%231C1B1F'/%3E%3C/svg%3E");
    border-color: #f4f4f4;
    border-radius: 6px;
    color: #737e8d;
    cursor: pointer
}

.dark_theme .p2pPsPg .psStpsBx .custom-select {
    background-color: #121111;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.523 5.082.898 1.457a.47.47 0 0 1-.15-.35c0-.133.046-.25.137-.35.092-.1.213-.15.363-.15h7.6c.15 0 .27.05.362.15.092.1.138.217.138.35 0 .034-.05.15-.15.35L5.573 5.082a.762.762 0 0 1-.25.175.734.734 0 0 1-.275.05.734.734 0 0 1-.275-.05.762.762 0 0 1-.25-.175Z' fill='%23fff'/%3E%3C/svg%3E");
    border-color: #121111;
    color: #fff
}

.p2pPsPg .psStpsBx .custom-select:focus {
    box-shadow: none
}

.p2pPsPg .pymTmrSt .custom-select {
    min-width: 169px;
    width: auto
}

.p2pPsPg .pymTmrSt {
    margin-bottom: 20px
}

.p2pPsPg .btnOlGr {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #737e8d
}

.dark_theme .p2pPsPg .btnOlGr {
    border-color: #545454;
    color: #e3e3e3
}

.p2pPsPg .btnOlGr:hover {
    background-color: #737e8d;
    color: #fff
}

.dark_theme .p2pPsPg .btnOlGr:hover {
    background-color: #545454;
    color: #e3e3e3
}

.p2pPsPg .btnOlGr:focus {
    box-shadow: none
}

.p2pPsPg .psStpRmAr {
    margin-bottom: 1rem
}

.p2pPsPg .psStpRmAr textarea.form-control {
    background-color: #f4f4f4;
    border-color: #f4f4f4;
    color: #000;
    padding: 12px
}

.dark_theme .p2pPsPg .psStpRmAr textarea.form-control {
    background-color: #121111;
    border-color: #121111;
    color: #fff
}

.p2pPsPg .psStpRmAr textarea.form-control:focus {
    box-shadow: none
}

.p2pPsPg .psStpRmAr textarea.form-control::placeholder {
    color: #737e8d
}

.p2pPsPg .yrChc {
    margin: 30px 0 2.5rem
}

.p2pPsPg .yrChcG {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    padding-top: 10px
}

.buyPaymentInfo {
    align-items: baseline;
    flex-direction: row;
    justify-content: space-between
}

.buyInfocard {
    word-wrap: break-word;
    background: #f4f5fa;
    background-clip: initial;
    border: 1px solid #f4f5fa;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 10px;
    position: relative
}

.exchangeDropdown button {
    font-size: 12px !important
}

.dark_theme .buyInfocard {
    word-wrap: break-word;
    background: #111821;
    background-clip: initial;
    border: 1px solid #111821;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 10px;
    position: relative
}

.dark_theme .elitcritin12 {
    background: #121111;
    border-radius: 12px;
    color: #f0f8ff;
    margin-bottom: 20px;
    padding: 20px
}

.p2pPg .mthdsHd {
    padding-bottom: 1rem
}

.p2pPg .mthdsHd h2 {
    color: #171717;
    font-family: var(--font-din);
    font-size: clamp(26px, 4.24vw, 42px);
    font-weight: 400;
    line-height: 1.25;
    margin: 0 auto;
    max-width: 558px;
    text-align: center
}

.dark_theme .p2pPg .mthdsHd h2 {
    color: #fff
}

.p2pPg .mthdsHd h2 span {
    font-weight: 700
}

@media only screen and (max-width:767px) {
    .p2pPg .mthdsBd {
        overflow: auto
    }
}

.p2pPg .mthdsBd .row {
    align-items: center;
    justify-content: space-between
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .p2pPg .mthdsBd .row {
        justify-content: center
    }
}

@media only screen and (max-width:767px) {
    .p2pPg .mthdsBd .row {
        flex-wrap: nowrap
    }
}

.p2pPg .mthdsIg {
    margin-top: 1rem
}

.p2pPg .mthds {
    padding-bottom: clamp(40px, 7.06vw, 70px)
}

@media only screen and (max-width:767px) {
    .mob-pay-none {
        display: none
    }
}

@media only screen and (min-width:767px) {
    .web-pay-none {
        display: none
    }
}

.p2pPg {
    --font-pop: "Poppins", sans-serif;
    --font-rob: "Roboto", sans-serif;
    --font-din: "DIN";
    padding-top: 40px
}

@media only screen and (max-width:575px) {
    .p2pPg {
        padding-top: 20px
    }
}

.dark_theme .p2pPg {
    color: #fff
}

.dark_theme {
    background: #0c0c10
}

.react-pdf__Page__canvas {
    height: 100% !important;
    width: 100% !important
}

.tvchartcontainer__pane-technical .chart-grid-horizontal,
.tvchartcontainer__pane-technical .chart-grid-vertical,
.tvchartcontainer__pane-technical .pane-legend,
.tvchartcontainer__pane-technical .pane-legend-list,
.tvchartcontainer__pane-technical .pane-legend-list-item,
.tvchartcontainer__pane-technical .pane-legend-list-item-input,
.tvchartcontainer__pane-technical .pane-legend-list-item-name,
.tvchartcontainer__pane-technical .pane-legend-list-item-remove,
.tvchartcontainer__pane-technical .pane-legend-list-item-slider,
.tvchartcontainer__pane-technical .pane-legend-title,
.tvchartcontainer__pane-technical .pane-legend-wrap {
    display: none !important
}

.hide-grid-lines .chart-grid {
    stroke: #0000 !important
}

.my-widget-container .tv-branding-logo {
    display: none !important
}

.menuWrap-1gEtmoET- {
    background-color: red !important
}

body {
    background-color: #000;
    font-family: B;
    margin: 0;
    padding: 0
}

#myChart,
body {
    height: 20% !important;
    width: 100%
}

.zc-ref {
    display: none
}

.dark_theme #container {
    background-color: #1f2227
}

#container {
    background-color: #fff
}

.dark_theme .highcharts-container {
    background: #111821
}

.highcharts-root {
    height: 95%
}

.highcharts-background {
    fill: #fff
}

.dark_theme .highcharts-background {
    fill: #111821
}

.highcharts-axis-title,
.highcharts-title {
    display: none
}

.highcharts-root text {
    stroke-width: 0;
    fill: #707a8a !important;
    color: #707a8a !important
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

html {
    scroll-behavior: smooth
}

.trade-body {
    font-display: swap;
    font-family: B
}

.trade-1 {
    background: #eaeaea;
    box-shadow: 0 4px 9px #ffffff05;
    padding: 5px
}

.dark_theme .trade-1 {
    background: #111821;
    box-shadow: 0 4px 9px #00000005
}

.exc-drop-down-1:after {
    top: 9px
}

.trade-1-inner-1 h2 {
    color: #0da62f;
    font-size: 14px;
    font-weight: 400
}

.trade-1-inner-1 h3 {
    color: #061121;
    font-size: 12px;
    font-weight: 300
}

.trade-1-inner-2 h2 {
    color: #061121;
    font-size: 12px;
    font-weight: 400
}

.trade-1-inner-2 h3 {
    color: #061121;
    font-size: 12px;
    font-weight: 500
}

.trade-2-inner-1-total {
    box-shadow: 0 4px 9px #00000005
}

.trade-tab-1box-1 {
    background-color: initial;
    border-radius: 6px;
    padding: 1px 6.5px
}

.active.trade-tab-1box-1 {
    background-color: #f3f3fb
}

.trade-drp-1 {
    border: none
}

.trade-table-head tr th {
    font-size: 10px;
    padding: .35rem
}

.trade-table-body tr td,
.trade-table-head tr th {
    color: #061121;
    font-style: normal;
    font-weight: 400;
    white-space: nowrap
}

.trade-table-body tr td {
    font-size: 12px;
    line-height: 1;
    padding: .15rem .35rem
}

.trade-table-body tr,
.trade-table-head tr {
    display: table;
    table-layout: fixed;
    width: 100%
}

.trade-table-body .mCSB_inside>.mCSB_container {
    margin-right: 0
}

.trade-2-inner-1-1 {
    background: #eaeaea;
    padding: 3px 10px
}

.trade-2-inner-1-1 h2 {
    color: #0da62f;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0
}

.trade-2-inner-1-1 h3 {
    color: #061121;
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 0
}

.trade-table-body-2 {
    display: inline-block;
    height: 666px
}

.trade-2-inner-2-total {
    box-shadow: 0 4px 9px #00000005;
    padding: 7px
}

.chart-1img-ert {
    height: 367px
}

.buy-trade {
    box-shadow: 0 4px 9px #00000005;
    padding: 0
}

.trade-tab-2 {
    border-bottom: none
}

.trade-tab-2 .nav-item a {
    color: #061121;
    padding: 0 5px !important
}

.trade-tab-2 .nav-item a,
.trade-tab-2 .nav-item a.active {
    border: none;
    font-size: 11px;
    font-style: normal;
    font-weight: 400
}

.trade-tab-2 .nav-item a.active,
.trade-tab-2 .nav-item a:hover {
    background-color: initial;
    color: #1140ff
}

.trade-tab-2 .nav-item a:hover {
    border: none;
    cursor: pointer;
    font-size: 13px;
    font-style: normal;
    font-weight: 500
}

.buy-trade-inner-1 h1 {
    color: #061121;
    font-size: 16px;
    font-weight: 500
}

.buy-trade-inner-1 h2 {
    color: #061121;
    font-size: 13px;
    font-weight: 400;
    text-align: right
}

.buy-trade-inner-1 .input-group input {
    background-color: #eaeaea;
    border: 1px solid #eaeaea;
    border-radius: 6px;
    color: #061121;
    font-size: 10px;
    font-weight: 300;
    height: 22px
}

.buy-trade-inner-1 .input-group input::placeholder {
    color: #061121
}

.buy-trade-inner-1 .input-group input:focus {
    background-color: #eaeaea;
    border: 1px solid #eaeaea;
    border-radius: 6px;
    box-shadow: none;
    color: #061121;
    font-size: 10px;
    font-weight: 300;
    height: 22px
}

.buy-trade-inner-1 .input-group .input-group-text {
    background-color: #eaeaea;
    border: 1px solid #eaeaea;
    border-radius: 0 6px 6px 0;
    color: #061121;
    font-size: 8px;
    font-weight: 300;
    height: 22px
}

.buy-trade-inner-1 .input-group .input-group-text:focus {
    background-color: #eaeaea;
    border: 1px solid #eaeaea;
    border-radius: 6px;
    box-shadow: none;
    color: #061121;
    font-size: 14px;
    font-weight: 300
}

.range-bar-cd input[type=range] {
    --thumb-height: 13px;
    --track-height: 0.125em;
    --track-color: #0003;
    --brightness-hover: 180%;
    --brightness-down: 80%;
    --clip-edges: 0.125em;
    background: #fff0;
    color: #1140ff;
    font-size: 1rem;
    overflow: hidden;
    position: relative;
    width: 100%
}

.range-bar-cd input[type=range]:active {
    cursor: grabbing
}

.range-bar-cd input[type=range]:disabled {
    cursor: not-allowed;
    filter: grayscale(1);
    opacity: .3
}

.range-bar-cd input[type=range],
.range-bar-cd input[type=range]::-webkit-slider-runnable-track,
.range-bar-cd input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: var(--thumb-height);
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.range-bar-cd input[type=range]::-webkit-slider-runnable-track,
.range-bar-cd input[type=range]::-webkit-slider-thumb {
    position: relative
}

.range-bar-cd input[type=range]::-webkit-slider-thumb {
    --thumb-radius: calc(var(--thumb-height)*0.5 - 1px);
    --clip-top: calc((var(--thumb-height) - var(--track-height))*0.5 - 0.5px);
    --clip-bottom: calc(var(--thumb-height) - var(--clip-top));
    --clip-further: calc(100% + 1px);
    --box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0 100vmax currentColor;
    background: linear-gradient(currentColor 0 0) scroll no-repeat 0/50% calc(var(--track-height) + 1px);
    background-color: currentColor;
    border-radius: var(--thumb-width, var(--thumb-height));
    box-shadow: var(--box-fill);
    -webkit-clip-path: polygon(100% -1px, var(--clip-edges) -1px, 0 var(--clip-top), -100vmax var(--clip-top), -100vmax var(--clip-bottom), 0 var(--clip-bottom), var(--clip-edges) 100%, var(--clip-further) var(--clip-further));
    clip-path: polygon(100% -1px, var(--clip-edges) -1px, 0 var(--clip-top), -100vmax var(--clip-top), -100vmax var(--clip-bottom), 0 var(--clip-bottom), var(--clip-edges) 100%, var(--clip-further) var(--clip-further));
    filter: brightness(100%);
    width: var(--thumb-width, var(--thumb-height))
}

.range-bar-cd input[type=range]:hover::-webkit-slider-thumb {
    cursor: grab;
    filter: brightness(var(--brightness-hover))
}

.range-bar-cd input[type=range]:active::-webkit-slider-thumb {
    cursor: grabbing;
    filter: brightness(var(--brightness-down))
}

.range-bar-cd input[type=range]::-webkit-slider-runnable-track {
    background: linear-gradient(var(--track-color) 0 0) scroll no-repeat 50%/100% calc(var(--track-height) + 1px)
}

.range-bar-cd input[type=range]:disabled::-webkit-slider-thumb {
    cursor: not-allowed
}

.range-bar-cd input[type=range],
.range-bar-cd input[type=range]::-moz-range-thumb,
.range-bar-cd input[type=range]::-moz-range-track {
    appearance: none;
    height: var(--thumb-height);
    -moz-transition: all .1s ease;
    transition: all .1s ease
}

.range-bar-cd input[type=range]::-moz-range-progress,
.range-bar-cd input[type=range]::-moz-range-thumb,
.range-bar-cd input[type=range]::-moz-range-track {
    background: #fff0
}

.range-bar-cd input[type=range]::-moz-range-thumb {
    background: currentColor;
    border: 0;
    border-radius: var(--thumb-width, var(--thumb-height));
    cursor: grab;
    width: var(--thumb-width, var(--thumb-height))
}

.range-bar-cd input[type=range]:active::-moz-range-thumb {
    cursor: grabbing
}

.range-bar-cd input[type=range]::-moz-range-track {
    background: var(--track-color);
    width: 100%
}

.range-bar-cd input[type=range]::-moz-range-progress {
    appearance: none;
    background: currentColor;
    transition-delay: 30ms
}

.range-bar-cd input[type=range]::-moz-range-progress,
.range-bar-cd input[type=range]::-moz-range-track {
    border-radius: var(--track-height);
    height: calc(var(--track-height) + 1px)
}

.range-bar-cd input[type=range]::-moz-range-progress,
.range-bar-cd input[type=range]::-moz-range-thumb {
    filter: brightness(100%)
}

.range-bar-cd input[type=range]:hover::-moz-range-progress,
.range-bar-cd input[type=range]:hover::-moz-range-thumb {
    filter: brightness(var(--brightness-hover))
}

.range-bar-cd input[type=range]:active::-moz-range-progress,
.range-bar-cd input[type=range]:active::-moz-range-thumb {
    filter: brightness(var(--brightness-down))
}

.range-bar-cd input[type=range]:disabled::-moz-range-thumb {
    cursor: not-allowed
}

.but-sell-btn-1 {
    background: #0da62f;
    border-radius: 6px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    min-height: 26px;
    padding: 4px 10px
}

.but-sell-btn-2 {
    background: #ef2c2c
}

.trade-3-inner-1 {
    box-shadow: 0 4px 9px #00000005;
    padding: 15px 15px 9px
}

.trade-table-body-3 {
    height: 280px
}

.table-1 {
    margin: 5px
}

.trade-3-inner-2 {
    box-shadow: 0 4px 9px #00000005;
    height: 100%
}

.trade-table-body-4 {
    height: 211px
}

.dark_theme .exc-1-text h2,
.dark_theme .lottery-rs-nav {
    color: #fff
}

.dark_theme .trade-1-inner-1 h3,
.dark_theme .trade-1-inner-2 h2 {
    color: #707a8a
}

.dark_theme .trade-1-inner-2 h3 {
    color: #fff
}

.dark_theme .active.trade-tab-1box-1 {
    background-color: #0f223f
}

.dark_theme .dropdown-dash,
.dark_theme .trade-table-head tr th {
    color: #707a8a
}

.dark_theme .trade-table-body tr td {
    color: #d3d6dc
}

.dark_theme .trade-2-inner-1-1 {
    background: #21212e
}

.dark_theme .trade-2-inner-1-1 h3 {
    color: #b9babbfc
}

.dark_theme .buy-trade-inner-1 .input-group input,
.dark_theme .buy-trade-inner-1 .input-group input:focus {
    background-color: #21212e;
    border: 1px solid #21212e;
    border-right: none;
    color: #707a8a
}

.dark_theme .buy-trade-inner-1 .input-group input:focus {
    height: 22px
}

.dark_theme .buy-trade-inner-1 .input-group input::placeholder {
    color: #707a8a
}

.dark_theme .buy-trade-inner-1 .input-group .input-group-text {
    background-color: #21212e;
    border: 1px solid #21212e;
    border-left: none;
    color: #707a8a;
    height: 22px
}

.dark_theme .trade-tab-2 .nav-item a.active {
    background-color: initial;
    color: #4b95ff
}

.dark_theme .buy-trade-inner-1 h1,
.dark_theme .trade-tab-2 .nav-item a {
    color: #fff
}

.dark_theme .buy-trade-inner-1 h2 {
    color: #707a8a
}

.dark_theme .light-logo {
    display: none
}

.dark_theme .dark-logo,
.light-logo {
    display: initial
}

.dark-logo {
    display: none
}

.table-4 {
    margin-bottom: 12px
}

.table-5 {
    margin-bottom: 13px
}

.trade-body {
    background-color: #0c0c10
}

.trd_hd_cd .trade-value-wrapper h4 {
    color: #0f0f0f;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 0
}

.trd_hd_cd .trade-value-wrapper h4.gh_hg {
    margin-bottom: 5px
}

.trd_hd_cd .trade-value-wrapper h4.green {
    color: #0da52e
}

.trd_hd_cd .trade-value-wrapper h5 {
    color: #4a4c4efc;
    font-size: 9px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 5px
}

.dark_theme .trd_hd_cd .trade-value-wrapper h5 {
    color: hsla(210, 1%, 73%, .988)
}

.trd_hd_cd .trade-value-wrapper h5.gh_h5 {
    color: #000;
    font-size: 10px;
    font-weight: 700;
    margin-bottom: 0
}

.dark_theme .trd_hd_cd .trade-value-wrapper h5.gh_h5 {
    color: #fff
}

.trade_hd {
    background: #111821;
    padding: 9px 3px
}

.trade_hd .pro_trd a {
    padding: 0
}

.trade_hd .pro_trd a img {
    border-radius: 100%;
    height: 30px;
    object-fit: cover;
    width: 30px
}

.trade_hd .pro_trd_ic a {
    padding: 0;
    position: relative
}

.trade_hd .pro_trd_ic a img {
    width: 20px
}

.trade_hd .pro_trd_ic a:after {
    left: -100%;
    opacity: 0
}

.trade_hd .pro_trd_ic a:after,
.trade_hd .pro_trd_ic a:hover:after {
    background-color: #1140ff;
    bottom: -9px;
    content: "";
    height: 2px;
    position: absolute;
    transition: .3s ease-in-out;
    width: 100%
}

.trade_hd .pro_trd_ic a:hover:after {
    left: 0;
    opacity: 1
}

.red {
    color: #ef2a2a
}

.login_trade_lo {
    background-color: initial;
    color: #0da62f;
    font-size: 14px;
    font-weight: 500
}

.login_trade_lo:focus {
    box-shadow: none
}

.trade_hd .navbar-togglers1 .navbar-toggler-icon {
    color: #1140ff
}

.trade_hd .navbar-togglers1:focus {
    outline: none
}

.ser_rel {
    position: relative
}

.nd_ser {
    min-height: 25px
}

.search_animation {
    position: absolute;
    right: 19px;
    top: 0
}

.search_animation .search-wrapper .input-holder {
    background: #0000;
    border-radius: 50%;
    height: 25px;
    overflow: hidden;
    position: relative;
    transition: all .3s ease-in-out;
    width: 25px
}

.search_animation .search-wrapper.active .input-holder {
    background: #0000;
    border-radius: 50px;
    height: 25px;
    position: relative;
    transition: all .5s cubic-bezier(0, .105, .035, 1.57);
    width: 200px
}

.search_animation .search-wrapper .input-holder .search-input {
    background: #dfeddb;
    border: none;
    border-radius: 13px;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    height: 25px;
    opacity: 0;
    outline: none;
    padding: 0 70px 0 20px;
    position: absolute;
    right: 0;
    top: -9px;
    transform: translateY(10px);
    transition: all .3s cubic-bezier(0, .105, .035, 1.57);
    transition-delay: .3s;
    width: 0
}

.search_animation .search-wrapper.active .input-holder .search-input {
    opacity: 1;
    transform: translateY(10px);
    width: 100%
}

.search_animation .search-wrapper .input-holder .search-icon {
    background: #fff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    float: right;
    line-height: 1;
    outline: none;
    padding: 0;
    position: relative;
    transition: all .3s ease-in-out;
    z-index: 2
}

.search_animation .search-wrapper .input-holder .search-icon,
.search_animation .search-wrapper.active .input-holder .search-icon {
    border-radius: 30px;
    max-height: 21px;
    max-width: 21px;
    min-height: 21px;
    min-width: 21px;
    top: 2px
}

.search_animation .search-wrapper .input-holder .search-icon span {
    display: inline-block;
    max-height: 20px;
    max-width: 20px;
    min-height: 20px;
    min-width: 20px;
    position: relative;
    transform: rotate(45deg);
    transition: all .4s cubic-bezier(.65, -.6, .24, 1.65);
    vertical-align: middle
}

.search_animation .search-wrapper.active .input-holder .search-icon span {
    transform: rotate(-45deg)
}

.search_animation .search-wrapper .input-holder .search-icon span:after,
.search_animation .search-wrapper .input-holder .search-icon span:before {
    content: "";
    position: absolute
}

.search_animation .search-wrapper .input-holder .search-icon span:before {
    background: #0f0cc7;
    border-radius: 2px;
    height: 6px;
    left: 9px;
    top: 13px;
    width: 3px
}

.search_animation .search-wrapper .input-holder .search-icon span:after {
    border: 2px solid #0f0cc7;
    border-radius: 16px;
    height: 10px;
    left: 5px;
    top: 3px;
    width: 10px
}

.search_animation .search-wrapper .close {
    cursor: pointer;
    height: 25px;
    position: absolute;
    right: 0;
    top: 1px;
    transform: rotate(-180deg);
    transition: all .3s cubic-bezier(.285, -.45, .935, .11);
    transition-delay: .2s;
    width: 25px;
    z-index: 1
}

.search_animation .search-wrapper.active .close {
    right: -20px;
    top: 4px;
    transform: rotate(45deg);
    transition: all .6s cubic-bezier(0, .105, .035, 1.57);
    transition-delay: .5s
}

.search_animation .search-wrapper .close:after,
.search_animation .search-wrapper .close:before {
    background: #ef2c2c;
    border-radius: 2px;
    content: "";
    position: absolute
}

.search_animation .search-wrapper .close:before {
    height: 14px;
    left: 10px;
    top: 2px;
    width: 2px
}

.search_animation .search-wrapper .close:after {
    height: 2px;
    left: 4px;
    top: 8px;
    width: 14px
}

.trade_total.beforelogin {
    height: calc(100vh - 78px);
    position: relative
}

.trade_total.beforelogin .trade_total_sec_1 {
    background: #fff;
    border-right: .5px solid #e6e6e6;
    height: 50%;
    height: calc(100% - 230px);
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 20%
}

.trade_total.beforelogin .trade_total_sec_1 .table_ij {
    height: 25px;
    margin-right: 0;
    max-height: 25px
}

.trade_total.beforelogin .trade_total_sec_1 .table_ij_1 {
    height: calc(50% - 27.5px);
    position: relative
}

.trade_total.beforelogin .trade_total_sec_1 .table_ij_1 table {
    height: 100%;
    margin-bottom: 0;
    position: relative
}

.trade_total.beforelogin .trade_total_sec_1 .table_ij_1 table .trade-table-body-1 {
    height: 100%;
    overflow: auto;
    position: relative
}

.trade_total.beforelogin .trade_total_sec_1 .table_ij_1 table .trade-table-body-1 tr td:nth-child(2) {
    text-align: center
}

.trade_total.beforelogin .trade_total_sec_1 .table_ij_1 table .trade-table-body-1 tr td:nth-child(3) {
    text-align: right
}

.trade_total.beforelogin .trade_total_sec_1 .table_ij_1.tbody-scroll .mCSB_container {
    margin-right: 0
}

.trade_total.beforelogin .trade_total_sec_2 {
    background: #fff;
    border-right: .5px solid #e6e6e6;
    height: calc(100% - 230px);
    left: 20%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 60%
}

.trade_total.beforelogin .trade_total_sec_2 .hd_trd {
    height: 100%
}

.trade_total.beforelogin .trade_total_sec_2 .hd_trd h2 {
    align-items: center;
    color: #000;
    display: inline-flex;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    height: 25px;
    margin-bottom: 0;
    padding: 4.41px 0
}

.trade_total.beforelogin .trade_total_sec_2 .trade-chart {
    height: calc(100% - 25px);
    width: 100%
}

.trade_total.beforelogin .trade_total_sec_2 .trade-chart .tab-content,
.trade_total.beforelogin .trade_total_sec_2 .trade-chart .tab-content .tab-pane {
    height: 100%
}

.trade_total.beforelogin .trade_total_sec_2 .trade-chart .ChartCnt,
.trade_total.beforelogin .trade_total_sec_2 .trade-chart .ChartCnt .trdInnercnt,
.trade_total.beforelogin .trade_total_sec_2 .trade-chart .ChartCnt .trdInnercnt iframe {
    height: 100%;
    width: 100%
}

.trade_total.beforelogin .trade_total_sec_2 .toolbar-2n2cwgp5- {
    padding: 0
}

.trade_total.beforelogin .trade_total_sec_3 {
    background: #fff;
    height: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 20%
}

.trade_total.beforelogin .trade_total_sec_3 .transction-his-total {
    height: 100%
}

.trade_total.beforelogin .trade_total_sec_3 .table_ji {
    margin-right: 5px
}

.trade_total.beforelogin .trade_total_sec_3 .table_ji table {
    height: 27px
}

.trade_total.beforelogin .trade_total_sec_3 .table_ji table tr th:nth-child(2),
.trade_total.beforelogin .trade_total_sec_3 .table_ji table tr th:nth-child(3) {
    text-align: right
}

.trade_total.beforelogin .trade_total_sec_3 .table_ji_2 {
    height: calc(100% - 27px)
}

.trade_total.beforelogin .trade_total_sec_3 .table_ji_2 table tr td:nth-child(2),
.trade_total.beforelogin .trade_total_sec_3 .table_ji_2 table tr td:nth-child(3),
.trade_total.beforelogin .trade_total_sec_3 .table_ji_2 table tr th:nth-child(2),
.trade_total.beforelogin .trade_total_sec_3 .table_ji_2 table tr th:nth-child(3) {
    text-align: right
}

.trade_total.beforelogin .trade_total_sec_3 .table_ji_2 .mCSB_container {
    margin-right: 5px
}

.trade_total.beforelogin .trade_total_sec_3 .tab-content {
    height: calc(100% - 25px)
}

.trade_total.beforelogin .trade_total_sec_3 .tab-content .tab-pane {
    height: 100%
}

.trade_total.beforelogin .trade_total_sec_4,
.trade_total.beforelogin .trade_total_sec_5 {
    display: none
}

.trade_total.beforelogin .trade_total_sec_6 {
    background: #fff;
    border-right: .5px solid #e6e6e6;
    bottom: 0;
    height: 230px;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 20%
}

.trade_total.beforelogin .trade_total_sec_6 .hd_trd h2 {
    align-items: center;
    color: #000;
    display: inline-flex;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0;
    max-height: 25px;
    min-height: 25px;
    padding: 2.5px 0 2.5px .35rem
}

.trade_total.beforelogin .trade_total_sec_6 .table_ji {
    margin-right: 5px
}

.trade_total.beforelogin .trade_total_sec_6 .table_ji table tr th:nth-child(2) {
    text-align: center
}

.trade_total.beforelogin .trade_total_sec_6 .table_ji table tr th:nth-child(3) {
    text-align: right
}

.trade_total.beforelogin .trade_total_sec_6 .table_ji_2 {
    height: calc(100% - 51px)
}

.trade_total.beforelogin .trade_total_sec_6 .table_ji_2 .mCSB_container {
    margin-right: 3px
}

.trade_total.beforelogin .trade_total_sec_6 .table_ji_2 table tr td:nth-child(2) {
    text-align: center
}

.trade_total.beforelogin .trade_total_sec_6 .table_ji_2 table tr td:nth-child(3) {
    text-align: right
}

.trade_total.beforelogin .trade_total_sec_7 {
    background: #fff;
    border-right: .5px solid #e6e6e6;
    bottom: 0;
    height: 230px;
    left: 20%;
    overflow: hidden;
    position: absolute;
    width: 60%
}

.trade_total.beforelogin .trade_total_sec_7 .hd_trd h2 {
    align-items: center;
    color: #000;
    display: inline-flex;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0;
    max-height: 25px;
    min-height: 25px;
    padding: 2.5px 0 2.5px .35rem
}

.trade_total.beforelogin .trade_total_sec_7 .trade-chart {
    height: calc(100% - 25px);
    width: 100%
}

.trade_total.beforelogin .trade_total_sec_7 .trade-chart .tab-content,
.trade_total.beforelogin .trade_total_sec_7 .trade-chart .tab-content .tab-pane {
    height: 100%
}

.trade_total.beforelogin .trade_total_sec_7 .trade-chart .ChartCnt,
.trade_total.beforelogin .trade_total_sec_7 .trade-chart .ChartCnt .trdInnercnt,
.trade_total.beforelogin .trade_total_sec_7 .trade-chart .ChartCnt .trdInnercnt iframe {
    height: 100%;
    width: 100%
}

.trade_total.afterlogin {
    height: calc(100vh - 78px);
    position: relative
}

.trade_total.afterlogin .trade_total_sec_1 {
    background: #fff;
    border-right: .5px solid #e6e6e6;
    height: 50%;
    height: calc(100% - 230px);
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 20%
}

.trade_total.afterlogin .trade_total_sec_1 .table_ij {
    height: 25px;
    max-height: 25px
}

.trade_total.afterlogin .trade_total_sec_1 .table_ij_1 {
    height: calc(50% - 39.5px);
    position: relative
}

.trade_total.afterlogin .trade_total_sec_1 .table_ij_1 table {
    height: 100%;
    margin-bottom: 0;
    position: relative
}

.trade_total.afterlogin .trade_total_sec_1 .table_ij_1 table .trade-table-body-1 {
    height: 100%;
    overflow: auto;
    position: relative
}

.trade_total.afterlogin .trade_total_sec_1 .table_ij_1 table .trade-table-body-1 tr td:nth-child(2) {
    text-align: center
}

.trade_total.afterlogin .trade_total_sec_1 .table_ij_1 table .trade-table-body-1 tr td:nth-child(3) {
    text-align: right
}

.trade_total.afterlogin .trade_total_sec_1 .table_ij_1.tbody-scroll .mCSB_container {
    margin-right: 0
}

.trade_total.afterlogin .trade_total_sec_2 {
    background: #fff;
    border-right: .5px solid #e6e6e6;
    height: calc(100% - 230px);
    left: 20%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 60%
}

.trade_total.afterlogin .trade_total_sec_2 .hd_trd {
    height: 100%
}

.trade_total.afterlogin .trade_total_sec_2 .hd_trd h2 {
    align-items: center;
    color: #000;
    display: inline-flex;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    height: 25px;
    margin-bottom: 0;
    padding: 4.41px 0
}

.trade_total.afterlogin .trade_total_sec_2 .trade-chart {
    height: calc(100% - 25px);
    width: 100%
}

.trade_total.afterlogin .trade_total_sec_2 .trade-chart .tab-content,
.trade_total.afterlogin .trade_total_sec_2 .trade-chart .tab-content .tab-pane {
    height: 100%
}

.trade_total.afterlogin .trade_total_sec_2 .trade-chart .ChartCnt {
    height: 95%;
    width: 100%
}

.trade_total.afterlogin .trade_total_sec_2 .trade-chart .ChartCnt .trdInnercnt,
.trade_total.afterlogin .trade_total_sec_2 .trade-chart .ChartCnt .trdInnercnt iframe {
    height: 100%;
    width: 100%
}

.trade_total.afterlogin .trade_total_sec_2 .toolbar-2n2cwgp5- {
    padding: 0
}

.trade_total.afterlogin .trade_total_sec_3 {
    background: #fff;
    height: calc(100% - 240px);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 20%
}

.trade_total.afterlogin .trade_total_sec_3 .transction-his-total {
    height: 100%
}

.trade_total.afterlogin .trade_total_sec_3 .table_ji {
    margin-right: 5px
}

.trade_total.afterlogin .trade_total_sec_3 .table_ji table {
    height: 27px
}

.trade_total.afterlogin .trade_total_sec_3 .table_ji table tr th:nth-child(2),
.trade_total.afterlogin .trade_total_sec_3 .table_ji table tr th:nth-child(3) {
    text-align: right
}

.trade_total.afterlogin .trade_total_sec_3 .table_ji_2 {
    height: calc(100% - 27px)
}

.trade_total.afterlogin .trade_total_sec_3 .table_ji_2 table tr td:nth-child(2),
.trade_total.afterlogin .trade_total_sec_3 .table_ji_2 table tr td:nth-child(3),
.trade_total.afterlogin .trade_total_sec_3 .table_ji_2 table tr th:nth-child(2),
.trade_total.afterlogin .trade_total_sec_3 .table_ji_2 table tr th:nth-child(3) {
    text-align: right
}

.trade_total.afterlogin .trade_total_sec_3 .table_ji_2 .mCSB_container {
    margin-right: 5px
}

.trade_total.afterlogin .trade_total_sec_3 .tab-content {
    height: calc(100% - 25px)
}

.trade_total.afterlogin .trade_total_sec_3 .tab-content .tab-pane {
    height: 100%
}

.trade_total.afterlogin .trade_total_sec_4 {
    background: #fff;
    bottom: 0;
    height: 255px;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 20%
}

.trade_total.afterlogin .trade_total_sec_4 .buy-trade,
.trade_total.afterlogin .trade_total_sec_4 .transction-his-total {
    height: 100%
}

.trade_total.afterlogin .trade_total_sec_4 .che_bal h2 {
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    margin-bottom: 0;
    padding-top: 8px
}

.trade_total.afterlogin .trade_total_sec_4 .lim_iu a {
    color: #4b95ff;
    font-size: 13px;
    font-style: normal;
    font-weight: 600
}

.trade_total.afterlogin .trade_total_sec_5 {
    background: #fff;
    border-right: .5px solid #e6e6e6;
    bottom: 0;
    height: 255px;
    left: 20%;
    overflow: hidden;
    position: absolute;
    width: 60%
}

.trade_total.afterlogin .trade_total_sec_5 .transction-his-total {
    height: 100%
}

.trade_total.afterlogin .trade_total_sec_5 .trade-3-inner-2 {
    padding-top: 0
}

.trade_total.afterlogin .trade_total_sec_5 .table_ji {
    margin-right: 5px
}

.trade_total.afterlogin .trade_total_sec_5 .table_ji_2 {
    height: calc(100% - 27px)
}

.trade_total.afterlogin .trade_total_sec_5 .table_ji_2 .mCSB_container {
    margin-right: 5px
}

.trade_total.afterlogin .trade_total_sec_5 .tab-content {
    height: calc(100% - 25px)
}

.trade_total.afterlogin .trade_total_sec_5 .tab-content .op_wd,
.trade_total.afterlogin .trade_total_sec_5 .tab-content .tab-pane {
    height: 100%
}

.trade_total.afterlogin .trade_total_sec_6 {
    background: #fff;
    border-right: .5px solid #e6e6e6;
    bottom: 0;
    height: 255px;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 20%
}

.trade_total.afterlogin .trade_total_sec_6 .hd_trd h2 {
    align-items: center;
    color: #000;
    display: inline-flex;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0;
    max-height: 25px;
    min-height: 25px;
    padding: 2.5px 0 2.5px .35rem
}

.trade_total.afterlogin .trade_total_sec_6 .table_ji {
    margin-right: 5px
}

.trade_total.afterlogin .trade_total_sec_6 .table_ji table tr th:nth-child(2) {
    text-align: center
}

.trade_total.afterlogin .trade_total_sec_6 .table_ji table tr th:nth-child(3) {
    text-align: right
}

.trade_total.afterlogin .trade_total_sec_6 .table_ji_2 {
    height: calc(100% - 51px)
}

.trade_total.afterlogin .trade_total_sec_6 .table_ji_2 .mCSB_container {
    margin-right: 3px
}

.trade_total.afterlogin .trade_total_sec_6 .table_ji_2 table tr td:nth-child(2) {
    text-align: center
}

.trade_total.afterlogin .trade_total_sec_6 .table_ji_2 table tr td:nth-child(3) {
    text-align: right
}

.trade_total.afterlogin .trade_total_sec_7 {
    display: none
}

@media (max-width:1199px) {
    .trade_total.beforelogin {
        display: flex;
        flex-direction: column;
        height: auto
    }

    .trade_total.beforelogin .trade_total_sec_1 {
        height: 300px;
        left: 0;
        order: 4;
        position: relative;
        width: 100%
    }

    .trade_total.beforelogin .trade_total_sec_2 {
        height: 300px;
        left: 0;
        order: 1;
        padding: 0;
        position: relative;
        width: 100%
    }

    .trade_total.beforelogin .trade_total_sec_3 {
        height: 300px;
        left: 0;
        order: 5;
        position: relative;
        width: 100%
    }

    .trade_total.beforelogin .trade_total_sec_4,
    .trade_total.beforelogin .trade_total_sec_5 {
        display: none
    }

    .trade_total.beforelogin .trade_total_sec_6 {
        height: 300px;
        left: 0;
        order: 6;
        position: relative;
        width: 100%
    }

    .trade_total.beforelogin .trade_total_sec_7 {
        background: #111821;
        bottom: 0;
        height: 300px;
        left: 0;
        order: 2;
        overflow: hidden;
        padding: 0 .35rem;
        position: relative;
        width: 100%
    }
}

@media (min-width:1199px) {
    .trade_value_cd {
        display: none
    }

    .trade_hd {
        height: 35px
    }
}

@media (max-width:1199px) {
    .trd_hd_cd {
        display: none
    }

    .pro_trd,
    .pro_trd_ic {
        padding: 10px
    }

    .trade_total.afterlogin {
        display: flex;
        flex-direction: column;
        height: auto
    }

    .trade_total.afterlogin .trade_total_sec_1 {
        height: 300px;
        left: 0;
        order: 3;
        position: relative;
        width: 100%
    }

    .trade_total.afterlogin .trade_total_sec_2 {
        height: 300px;
        left: 0;
        order: 1;
        padding: 0;
        position: relative;
        width: 100%
    }

    .trade_total.afterlogin .trade_total_sec_3 {
        height: 300px;
        left: 0;
        order: 4;
        position: relative;
        width: 100%
    }

    .trade_total.afterlogin .trade_total_sec_4 {
        height: 300px;
        left: 0;
        order: 2;
        position: relative;
        width: 100%
    }

    .trade_total.afterlogin .trade_total_sec_5 {
        height: 300px;
        left: 0;
        order: 6;
        position: relative;
        width: 100%
    }

    .trade_total.afterlogin .trade_total_sec_5 .op_wd {
        overflow: auto
    }

    .trade_total.afterlogin .trade_total_sec_5 .table_ji_2,
    .trade_total.afterlogin .trade_total_sec_5 table {
        min-width: 800px
    }

    .trade_total.afterlogin .trade_total_sec_6 {
        height: 300px;
        left: 0;
        order: 5;
        position: relative;
        width: 100%
    }

    .trade_total.afterlogin .trade_total_sec_7 {
        display: none
    }
}

.tbody-scroll .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.tbody-scroll .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.tbody-scroll .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: initial
}

.head_bg_al {
    background-color: #eaeaea
}

.min_hg_25 {
    height: 25px
}

.pad_cus {
    padding: 0 10px 0 5px
}

.pad_cus_2 {
    padding: 0 10px
}

.end_srl_1 {
    background-color: #fafafa;
    border-top: 1px solid #e6e6e6;
    height: 28px;
    overflow: hidden;
    padding: 9px 40px 5px
}

.end_srl_1 .Snver_io_2 {
    line-height: .5
}

.imsli_cd {
    align-items: center;
    display: flex;
    padding: 0 10px
}

.imsli_cd h2 {
    color: #1b1b1b;
    font-size: 11px
}

.imsli_cd h2,
.imsli_cd h3 {
    font-weight: 500;
    margin-bottom: 0;
    padding: 0 1px
}

.imsli_cd h3 {
    color: #0da62f;
    font-size: 10px
}

.imsli_cd h4 {
    color: #000;
    font-size: 10px;
    font-weight: 400;
    margin-bottom: 0;
    padding: 0 1px
}

.ryournd-class .slick-next {
    filter: brightness(.1);
    height: 20px;
    left: -40px;
    right: auto;
    rotate: 90deg;
    top: -5px;
    width: 20px
}

.ryournd-class .slick-next:before {
    display: none
}

.ryournd-class .slick-prev {
    filter: brightness(.1);
    height: 20px;
    left: auto;
    right: -40px;
    rotate: 270deg;
    top: -5px;
    width: 20px
}

.ryournd-class .slick-prev:before {
    display: none
}

.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-x:focus,
.ps .ps__rail-x:hover,
.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover,
.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y:hover>.ps__thumb-y,
.ps__thumb-y {
    background-color: initial
}

.trade_hd {
    background: #fff
}

.drkimg {
    display: none
}

.lgimg {
    display: initial
}

.dark_theme .trade_hd {
    background: #111821
}

.dark_theme .trd_hd_cd .trade-value-wrapper h4 {
    color: #fff
}

.dark_theme .head_bg_al {
    background-color: #21212e
}

.dark_theme .trade_total.afterlogin .trade_total_sec_6 .hd_trd h2 {
    color: #fff
}

.dark_theme .end_srl_1 {
    background-color: #111821;
    border-top: 1px solid #1e2a3c;
    height: 28px;
    overflow: hidden;
    padding: 9px 40px 5px
}

.dark_theme .imsli_cd h2 {
    color: #f8f8f9
}

.dark_theme .imsli_cd h3 {
    color: #0da62f
}

.dark_theme .imsli_cd h4 {
    color: #b7b7b7
}

.dark_theme .ryournd-class .slick-next,
.dark_theme .ryournd-class .slick-prev {
    filter: brightness(1)
}

.dark_theme .range_bar_1 .rud_q {
    background-color: #fff
}

.dark_theme .trade_total.afterlogin .trade_total_sec_1,
.dark_theme .trade_total.afterlogin .trade_total_sec_2,
.dark_theme .trade_total.afterlogin .trade_total_sec_3,
.dark_theme .trade_total.afterlogin .trade_total_sec_4,
.dark_theme .trade_total.afterlogin .trade_total_sec_5,
.dark_theme .trade_total.afterlogin .trade_total_sec_6,
.dark_theme .trade_total.beforelogin .trade_total_sec_1,
.dark_theme .trade_total.beforelogin .trade_total_sec_2,
.dark_theme .trade_total.beforelogin .trade_total_sec_3,
.dark_theme .trade_total.beforelogin .trade_total_sec_4,
.dark_theme .trade_total.beforelogin .trade_total_sec_5,
.dark_theme .trade_total.beforelogin .trade_total_sec_6,
.dark_theme .trade_total.beforelogin .trade_total_sec_7 {
    background: #111821;
    border-right: .5px solid #2d2f33
}

.dark_theme .trade_total.beforelogin .trade_total_sec_6 .hd_trd h2,
.dark_theme .trade_total.beforelogin .trade_total_sec_7 .hd_trd h2 {
    color: #fff
}

.dark_theme .drkimg {
    display: initial
}

.dark_theme .lgimg {
    display: none
}

.table_ij_1 {
    height: calc(50% - 27.5px);
    position: relative
}

.table_ij_1 table {
    height: 100%;
    margin-bottom: 0;
    position: relative
}

.table_ij_1 table .trade-table-body-1 {
    height: 100%;
    overflow: auto;
    position: relative
}

.table_ij_1 table .trade-table-body-1 tr td:nth-child(2) {
    text-align: center
}

.table_ij_1 table .trade-table-body-1 tr td:nth-child(3) {
    text-align: right
}

.table_ij_1.tbody-scroll .mCSB_container {
    margin-right: 0
}

.table_ij_1 {
    display: flex;
    flex-direction: column;
    justify-content: end
}

.table_ij_1.table_devstcsel {
    justify-content: start
}

.table_devstc {
    overflow: auto
}

.table_devstc::-webkit-scrollbar {
    display: none
}

.table_devstc .mCSB_container {
    margin-right: 0
}

.table_devstc .table_devstc_iner {
    align-items: center;
    display: flex
}

.table_devstc .table_devstc_iner .ine_1 {
    padding: .15rem .35rem;
    width: 33.33%
}

.table_devstc .table_devstc_iner .ine_1 h1 {
    color: #061121;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0
}

.table_devstc .table_devstc_iner .ine_2 {
    padding: .15rem .35rem;
    text-align: center;
    width: 33.33%
}

.table_devstc .table_devstc_iner .ine_2 h1 {
    color: #061121;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0
}

.table_devstc .table_devstc_iner .ine_3 {
    padding: .15rem .35rem;
    text-align: right;
    width: 33.33%
}

.table_devstc .table_devstc_iner .ine_3 h1 {
    color: #061121;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0
}

.dark_theme .table_devstc_iner .ine_2 h1,
.dark_theme .table_devstc_iner .ine_3 h1 {
    color: #d3d6dc !important
}

.dark_theme .table_devstc_iner .ine_1 h1 {
    color: #d3d6dc
}

.btn_sts {
    background-color: #3c25ff !important;
    border-color: #3c25ff !important;
    color: #fff
}

.menuBox-20sJGjtG- .item-2xPVYue0-:nth-child(4) {
    display: none !important
}

.card-row-trade {
    align-items: center;
    border: 1px solid #4366ff;
    border-radius: 8px;
    display: flex;
    height: 30px;
    overflow: hidden;
    width: 100%
}

.left-column,
.left-column-change {
    padding: 10px 10px 7px
}

.left-column h2,
.left-column-change h2 {
    text-align: left !important
}

.right-column,
.right-column-change {
    padding: 10px 10px 7px;
    width: 100%
}

.right-column h2,
.right-column-change h2 {
    text-align: right !important
}

.left-column {
    background-color: #4366ff;
    width: 100%
}

.left-column h2 {
    color: #fff !important
}

.left-column-change {
    background-color: #b7bfc4;
    width: 100%
}

.left-column-change h2 {
    color: #061121 !important
}

.right-column {
    background-color: #b7bfc4;
    width: 100%
}

.right-column h2 {
    color: #061121 !important
}

.right-column-change {
    background-color: #4366ff
}

.right-column-change h2 {
    color: #fff !important
}

.kptoglecs-switch {
    align-items: center;
    cursor: pointer;
    display: flex;
    left: 50%;
    position: absolute;
    top: 14px;
    transform: translateX(-50%)
}

.kptoglecs-switch .slider {
    background-color: #fff;
    border-radius: 58px;
    bottom: 0;
    cursor: pointer;
    height: 22px;
    left: 50%;
    position: absolute;
    right: 0;
    top: 159px;
    transform: translate(-50%, -50%);
    transition: .4s;
    width: 52px
}

.kptoglecs-switch .slider:before {
    align-items: center;
    background-color: #06f;
    border-radius: 50%;
    bottom: 2px;
    content: url(Ellipse880.7549a4ecbbb5b4a1388d.webp);
    display: flex;
    height: 18px;
    justify-content: center;
    left: 2px;
    position: absolute;
    transition: .4s;
    width: 18px
}

.kptoglecs-switch input:checked+.slider {
    background-color: #ebebeb
}

.kptoglecs-switch input:checked+.slider:before {
    background-color: #06f;
    content: url(Ellipse880.7549a4ecbbb5b4a1388d.webp);
    transform: translateX(31px)
}

.demo-trade-btn .btn-grad {
    background-image: linear-gradient(90deg, #d38312 0, #a83279 51%, #d38312);
    background-size: 200% auto;
    border-radius: 10px;
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: 700;
    padding: 0;
    text-align: center;
    transition: .5s;
    width: 100%
}

.demo-trade-btn .btn-grad:hover {
    background-position: 100%;
    color: #fff;
    text-decoration: none
}

.demo-trade-livebtn .btn-grad {
    background-image: linear-gradient(90deg, #36a62f 0, rgba(242, 169, 0, .443) 51%, #36a62f);
    background-size: 200% auto;
    border-radius: 10px;
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: 700;
    padding: 0;
    text-align: center;
    transition: .5s;
    width: 150px
}

.demo-trade-livebtn .btn-grad:hover {
    background-position: 100%;
    color: #fff;
    text-decoration: none
}

.jUWkwP {
    --reactour-accent: #007aff;
    background-color: #467bff !important;
    border-radius: 0;
    border-radius: 10px !important;
    box-shadow: 0 .5em 3em #0000004d;
    color: #fff !important;
    left: 0;
    max-width: 331px;
    min-width: 150px;
    padding: 24px 30px;
    position: fixed;
    top: 0;
    transform: translate(274px, 10px);
    transition: transform .3s ease 0s;
    z-index: 1000000
}

.section-two-buy-bitcoin .why-htb h2 {
    font-size: 36px
}

[data-rmiz-ghost] {
    pointer-events: none;
    position: absolute
}

[data-rmiz-btn-unzoom],
[data-rmiz-btn-zoom] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #000000b3;
    border: none;
    border-radius: 50%;
    box-shadow: 0 0 1px #ffffff80;
    color: #fff;
    height: 40px;
    margin: 0;
    outline-offset: 2px;
    padding: 9px;
    touch-action: manipulation;
    width: 40px
}

[data-rmiz-btn-zoom]:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

[data-rmiz-btn-zoom] {
    cursor: zoom-in;
    inset: 10px 10px auto auto;
    position: absolute
}

[data-rmiz-btn-unzoom] {
    cursor: zoom-out;
    inset: 20px 20px auto auto;
    position: absolute;
    z-index: 1
}

[data-rmiz-content=found] [data-zoom],
[data-rmiz-content=found] [role=img],
[data-rmiz-content=found] img,
[data-rmiz-content=found] svg {
    cursor: zoom-in
}

[data-rmiz-modal]::backdrop {
    display: none
}

[data-rmiz-modal][open] {
    background: #0000;
    border: 0;
    height: 100vh;
    height: 100dvh;
    margin: 0;
    max-height: none;
    max-width: none;
    overflow: hidden;
    padding: 0;
    position: fixed;
    width: 100vw;
    width: 100dvw
}

[data-rmiz-modal-overlay] {
    inset: 0;
    position: absolute;
    transition: background-color .3s
}

[data-rmiz-modal-overlay=hidden] {
    background-color: #fff0
}

[data-rmiz-modal-overlay=visible] {
    background-color: #fff
}

[data-rmiz-modal-content] {
    height: 100%;
    position: relative;
    width: 100%
}

[data-rmiz-modal-img] {
    cursor: zoom-out;
    image-rendering: high-quality;
    position: absolute;
    transform-origin: top left;
    transition: transform .3s
}

@media (prefers-reduced-motion:reduce) {

    [data-rmiz-modal-img],
    [data-rmiz-modal-overlay] {
        transition-duration: .01ms !important
    }
}

.over-faq h1 {
    font-size: 45px;
    font-weight: 600
}

.over-faq h2 {
    font-size: 26px
}

.faq-home .faq-lis {
    color: #003b73;
    font-size: 1.2em;
    font-weight: 700;
    letter-spacing: 1px;
    list-style-type: none;
    margin: 15px 0
}

.faq-home a {
    color: #3e40ff;
    font-weight: 700
}

.breadCrumps {
    align-items: flex-start;
    display: flex;
    gap: 15px;
    justify-content: start
}

[data-rmiz-modal-overlay=visible] {
    background: #000 !important;
    opacity: .7 !important
}

.back-bg-gradient-blog,
.real-blog-index .back-bg-gradient-blog {
    background: linear-gradient(180deg, #0076e8 -173.89%, #0076e800);
    min-height: 100px
}

.real-blog-index .blog-hed-N-1 h2 {
    font-family: B;
    font-size: 42px;
    font-weight: 700;
    line-height: 56px;
    text-align: center
}

.real-blog-index .blog-hed-N-1 h2 span {
    color: #4076e8
}

.real-blog-index .blog-hed-N-1 p {
    color: #646667;
    font-size: clamp(14px, 2.78vw, 16px);
    line-height: 24px;
    margin: 0 auto 1rem
}

.real-blog-index .blog-N-card-hover .sec_recent .recent_title p {
    color: #467cff !important;
    font-weight: 600
}

.real-blog-index .blog-N-card-hover .card {
    background-color: #ddebf9;
    border-radius: 20px;
    transition: .5s;
    width: 600px
}

.dark_theme .real-blog-index .blog-N-card-hover .card {
    background: #000e1b
}

.real-blog-index .blog-N-card-hover .card .first-recent-img .venu-p {
    color: #0076e8 !important;
    font-size: 16px;
    font-weight: 700
}

.real-blog-index .blog-N-card-hover .vert-card {
    position: relative
}

.real-blog-index .blog-N-card-hover .vert-card h3 {
    bottom: 70px;
    color: #fff;
    font-size: 40px;
    font-weight: 800;
    left: 50px;
    line-height: 56px;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    transform: rotate(269deg) translate(-50%, -50%);
    white-space: nowrap
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.real-blog-index .blog-N-card-hover .card {
    animation: fadeIn .5s ease-out
}

.real-blog-index-2 {
    background-color: #ddebf9
}

.dark_theme .real-blog-index-2 {
    background-color: #0d0f11
}

.real-blog-index-2 .head h3 {
    font-family: B;
    font-size: 44px;
    font-weight: 500;
    line-height: 60px;
    text-align: left
}

.real-blog-index-2 .head h3 span {
    color: #0076e8;
    font-family: B;
    font-size: 44px;
    font-weight: 500;
    line-height: 56px;
    text-align: left
}

.real-blog-index-2 .head .link-to-read h2 {
    font-family: B;
    font-size: 20px;
    font-weight: 600;
    line-height: 27.24px;
    text-align: left
}

.real-blog-index-2 .head .link-to-read p {
    font-family: B;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left
}

.real-blog-index-2 .border-four .card {
    border-radius: 5px
}

.real-blog-index-2 .border-four .card p {
    font-size: 14px;
    margin-bottom: 0;
    white-space: normal;
    word-break: break-all
}

.real-blog-index-3 .three-head h3 {
    font-family: B;
    font-size: 44px;
    font-weight: 500;
    line-height: 56px;
    text-align: center
}

.real-blog-index-3 .three-head p {
    font-family: B;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    text-align: center
}

.real-blog-index-3 .card {
    background-color: #ebebeb;
    border-radius: 10px;
    padding: 20px
}

.dark_theme .real-blog-index-3 .card {
    background-color: #0c0c10
}

.real-blog-index-3 .card img {
    object-fit: contain
}

.real-blog-index-3 .card:hover {
    background-color: #ddebf9
}

.dark_theme .real-blog-index-3 .card:hover {
    background: #000e1b
}

.real-blog-card .box_blog_1_ing {
    padding: 15px 15px 10px
}

.real-blog-card .box_blog_1_ing .subs-real-blog {
    background: #0076e8;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 600;
    padding: 3px 10px
}

button {
    background: #0000;
    border: 0;
    cursor: pointer;
    display: inline-block;
    font-family: B;
    font-size: 12px;
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-decoration: none;
    vertical-align: middle
}

button.learn-more {
    height: 3rem;
    transition: width .45s cubic-bezier(.65, 0, .076, 1)
}

button.learn-more .circle {
    background: #000;
    border-radius: 1.625rem;
    display: block;
    height: 2rem;
    margin: 0;
    position: relative;
    transition: all .45s cubic-bezier(.65, 0, .076, 1);
    transition: width .45s cubic-bezier(.65, 0, .076, 1);
    width: 2rem
}

button.learn-more .circle .icon {
    background: #fff;
    bottom: 0;
    margin: auto;
    position: absolute;
    top: 0;
    transition: all .45s cubic-bezier(.65, 0, .076, 1)
}

button.learn-more .circle .icon.arrow {
    background: none;
    height: .125rem;
    left: .225rem;
    transform: translateX(0);
    transition: all .45s cubic-bezier(.65, 0, .076, 1);
    width: 1.125rem
}

button.learn-more .circle .icon.arrow:before {
    border-right: .125rem solid #fff;
    border-top: .125rem solid #fff;
    content: "";
    height: .525rem;
    position: absolute;
    right: .0625rem;
    top: -.23rem;
    transform: rotate(45deg);
    width: .525rem
}

button.learn-more .button-text {
    bottom: 0;
    color: #000;
    font-weight: 600;
    left: 0;
    line-height: 1.6;
    margin: 0 0 0 1.85rem;
    opacity: 0;
    padding: .75rem 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: capitalize;
    top: 0;
    transition: all .45s cubic-bezier(.65, 0, .076, 1);
    visibility: hidden;
    white-space: nowrap
}

button:hover .circle {
    width: 8rem
}

button:hover .circle .icon.arrow {
    background: #fff;
    transform: translateX(1rem)
}

button:hover .button-text {
    color: #fff;
    opacity: 1;
    visibility: visible
}

.top-picks-blog .card {
    border-radius: 5px !important;
    padding: 15px
}

.top-picks-blog .top-picks-head {
    font-family: B;
    font-size: 24px;
    font-weight: 700;
    justify-content: center;
    line-height: 22px
}

.top-picks-blog .top-picks-body .info-picks-container {
    align-items: center;
    display: flex;
    overflow: hidden;
    position: relative
}

.top-picks-blog .top-picks-body .info-picks {
    align-items: center;
    display: flex;
    padding: 4px;
    position: relative
}

.top-picks-blog .top-picks-body img {
    border-radius: 4px;
    transition: opacity .3s ease
}

.top-picks-blog .top-picks-body span {
    cursor: pointer;
    font-family: B;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-left: .5rem;
    overflow: hidden;
    position: relative;
    text-align: left;
    z-index: 1
}

.top-picks-blog .top-picks-body .info-picks-container:before {
    background-color: #0076e8;
    content: "";
    height: 100%;
    left: -100%;
    position: absolute;
    top: 0;
    transition: left .3s ease;
    width: 100%;
    z-index: 0
}

.top-picks-blog .top-picks-body .info-picks-container:hover:before {
    left: 0
}

.top-picks-blog .top-picks-body .info-picks-container:hover img {
    opacity: .8
}

.top-picks-blog .top-picks-body .info-picks-container:hover span {
    color: #fff
}

.top-rated-cur-blog .card {
    border-radius: 5px !important;
    padding: 15px
}

.top-rated-cur-blog .top-rated-cur-head {
    font-family: B;
    font-size: 22px;
    font-weight: 700;
    line-height: 24px;
    text-align: center
}

.top-rated-cur-blog .radetd-body-cur-flex {
    align-items: center;
    justify-content: space-between
}

.top-rated-cur-blog .radetd-body-cur-flex .info-rated-cur {
    align-items: center;
    display: flex;
    gap: 10px
}

.dangerous_moderate_real h2 {
    background-color: #ddebf9;
    color: #000 !important;
    padding: 10px
}

.dark_theme .dangerous_moderate_real h2 {
    background-color: #0c0c10;
    color: #fff !important
}

.dangerous_moderate_real ul li,
.dark_theme .dangerous_moderate_real ul li {
    font-size: 16px !important;
    font-weight: 300 !important
}

.dangerous_moderate_real ol {
    padding-left: 40px !important
}

.dangerous_moderate_real ol li {
    color: #000;
    font-size: 16px !important;
    font-weight: 300 !important;
    margin-bottom: 1rem
}

.dark_theme .dangerous_moderate_real ol li {
    color: #fff;
    font-size: 16px !important;
    font-weight: 300 !important
}

.dangerous_moderate_real blockquote {
    background: #f5f7fb;
    border-left: 5px solid #0076e8;
    padding: 1px 5px 1px 30px
}

.dark_theme .dangerous_moderate_real blockquote {
    background: #0000;
    color: #000
}

.dangerous_moderate_real table thead tr th {
    color: #000
}

.dark_theme .dangerous_moderate_real table thead tr th {
    border: 1px solid #878789 !important;
    color: #fff
}

.dangerous_moderate_real table tbody tr td {
    color: #000
}

.dark_theme .dangerous_moderate_real table tbody tr td {
    color: #fff
}

.dangerous_moderate_real img {
    width: 100%
}

.nav-blog-tabs .swap-tap-hd1 a.active {
    background: none !important
}

.nav-blog-tabs .blog-nav-tab {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0
}

.nav-blog-tabs .blog-nav-tab .spotli {
    margin: 0
}

.nav-blog-tabs .blog-nav-tab .spotli .nav-link {
    align-items: center;
    background-image: url(tab_bg.8f0f4875223e83cfb044.webp) !important;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover !important;
    border: none !important;
    color: #000 !important;
    display: flex;
    font-weight: 600;
    height: 20px;
    justify-content: center;
    text-align: center;
    width: 140px
}

.nav-blog-tabs .blog-nav-tab .spotli .nav-link.active,
.nav-blog-tabs .blog-nav-tab .spotli .nav-link:hover {
    background-image: url(tab_bg_active.462fa83ca6c3ae76ca0e.webp) !important
}

.blog-N-card-view .card-blog-view {
    background: #fff;
    border: none;
    border-radius: 5px !important;
    box-shadow: 0 3px 10px #0000000d
}

.dark_theme .blog-N-card-view .card-blog-view {
    background: #151515
}

.blog-N-card-view .card-blog-view .toc-n-head {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-align: left
}

.blog-N-card-view .card-blog-view .table_hed_cont {
    max-height: 170px;
    overflow: auto;
    padding: 0 !important
}

.blog-N-card-view .card-blog-view .table_hed_cont ul li {
    list-style-type: none;
    margin-bottom: 0 !important;
    padding-left: 20px
}

.blog-N-card-view .card-blog-view .table_hed_cont ul li .toc-title {
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    text-align: left
}

.dot {
    display: flex;
    gap: 5px
}

.dot p:first-of-type {
    background: #90ee90
}

.dot p:first-of-type,
.dot p:nth-of-type(2) {
    border-radius: 50%;
    height: 8px;
    margin-bottom: 0;
    width: 8px
}

.dot p:nth-of-type(2) {
    background: #ffffe0
}

.dot p:nth-of-type(3) {
    background: #f08080;
    border-radius: 50%;
    height: 8px;
    margin-bottom: 0;
    width: 8px
}

.Blog-subscribe-modal .modal-content {
    background-color: #efefef;
    border: none;
    border-radius: 20px
}

.dark_theme .Blog-subscribe-modal .modal-content {
    background-color: #0c0c10bf
}

.modal-backdrop.show {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: #1434b324;
    opacity: 1
}

.real-blog-card {
    display: flex;
    flex-direction: column;
    height: 100%
}

.real-blog-card-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between
}

.real-blog-card-body .date_blog {
    margin-top: auto
}

.blogs-pagination .MuiTablePagination-actions button[disabled] {
    background: #2c34d5 !important;
    border-radius: 10px !important;
    color: #fff !important;
    height: 30px !important;
    margin-right: 10px;
    opacity: .65;
    width: 30px !important
}

.blogs-pagination .notallowed-btn {
    cursor: not-allowed
}

.blogs-pagination [type=button]:not(:disabled),
.blogs-pagination [type=reset]:not(:disabled),
.blogs-pagination [type=submit]:not(:disabled),
.blogs-pagination button:not(:disabled) {
    background: #2c34d5 !important;
    border-radius: 10px !important;
    color: #fff !important;
    cursor: pointer;
    height: 30px !important;
    margin-right: 10px;
    width: 30px !important
}

.parnt-of-stick .position_card {
    position: -webkit-sticky;
    position: sticky;
    top: 65px
}

.hot-img-rott {
    transform: rotate(30deg) !important
}

.lycFaq {
    padding: clamp(30px, 5.83vw, 70px) 0
}

body.dark_theme .lycFaq {
    color: #fff
}

.lycFaqHd {
    padding-bottom: clamp(12px, 3.5vw, 42px);
    text-align: center
}

.lycStl {
    font-size: 30px
}

.lycFaqCd {
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 1.5rem;
    padding: 20px
}

body.dark_theme .lycFaqCd {
    background-color: #030204;
    color: #fff
}

.lycFaqCd:has(.show) {
    box-shadow: 0 4px 4px #0000000d
}

body.dark_theme .lycFaqCd:has(.show) {
    box-shadow: 0 4px 4px 0 #1e2f390d
}

.lycFaqCdHd {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between
}

.lycFaqTx {
    font-size: clamp(16px, 3.13vw, 18px);
    font-weight: 600
}

.lycFaqCdBd {
    font-size: 14px;
    line-height: 1.75;
    padding: 20px 0 0
}

.lycFaqCdBd,
body.dark_theme .lycFaqCdBd {
    color: #646667
}

.lycFaqCdBd ul {
    padding: 10px
}

.lycFaqCdBd p {
    margin: 0
}

.lycFaqCdBd br {
    content: "";
    display: block;
    height: 1rem
}

.llop {
    background-image: url(crl-bg.eeeeb98a0816621b5093.webp);
    background-position: auto;
    background-repeat: no-repeat;
    background-size: cover
}

.llop h1 {
    padding: 12px
}

.drop-down-head-eco {
    background-color: #f5f5f5;
    color: #fff;
    font-weight: 700;
    padding: 10px
}

.dark_theme .drop-down-head-eco {
    background-color: #1b1b1b
}

.fw-200 {
    font-weight: 200
}

.gift_xmas {
    animation: bounce .53s infinite
}

@keyframes shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0)
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0)
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0)
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0)
    }
}

.ps_live {
    height: 20px
}

.ansfiest {
    margin-right: 3px;
    position: relative;
    top: 4px;
    width: 130px
}

.ansbtn {
    align-items: center;
    animation: MoveBackgroundPosition 1s ease-in-out infinite;
    background: linear-gradient(90deg, #b57e10, #e5c35c 9.32%, #f9df7b 13.75%, #f9df7b 37.78%, #f5d974 39.02%, #d9b249 47.69%, #c5952a 55.49%, #b98417 62.08%, #b57e10 66.65%, #e5c35c 80.06%, #f9df7b 86.45%, #f6da76 88.73%, #eccd67 91.52%, #dcb64e 94.59%, #c6972b 97.83%, #b57e10);
    border: none;
    border-radius: 5px;
    color: #000;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    justify-content: center;
    position: relative;
    z-index: 4
}

.ansbtn:after,
.ansbtn:hover:after {
    display: none
}

.crakerseffecttotal,
.navpos {
    position: relative
}

.crakerseffecttotal .crakereffectimgs {
    left: -20px;
    top: -11px
}

.crakerseffecttotal .crakereffectimgs,
.crakerseffecttotal .crakereffectimgs2 {
    filter: drop-shadow(2px 4px 6px black) hue-rotate(333deg) sepia(1);
    height: 45px;
    mix-blend-mode: difference;
    position: absolute;
    width: 49px !important
}

.crakerseffecttotal .crakereffectimgs2 {
    right: -10px;
    top: 6px
}

.dark_theme .crakerseffecttotal {
    position: relative
}

.dark_theme .crakerseffecttotal .crakereffectimgs {
    filter: drop-shadow(2px 4px 6px black) hue-rotate(333deg) sepia(1);
    height: 45px;
    left: -20px;
    mix-blend-mode: normal;
    position: absolute;
    top: -11px;
    width: 49px !important
}

.indias-crypto {
    bottom: 13px;
    font-size: 11px;
    left: 0;
    position: absolute
}

.index-education .sec-one-education .sec-lead-content {
    margin-top: 150px
}

.index-education .sec-one-education .sec-lead-content h1 {
    font-size: 70px;
    font-weight: 500;
    line-height: 80px;
    text-align: left
}

.index-education .sec-one-education .sec-lead-content p {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: left
}

.index-education .sec-one-education .sec-lead-bg .sec-edcard-bg {
    left: 50px;
    position: absolute;
    top: 10px;
    transform: translate(-20%, 70%)
}

.index-education .sec-one-education .sec-lead-bg .sec-edcard-bg .card {
    border-left: 0;
    border-radius: 10px;
    border-right: 0;
    border-top: 20px solid #000;
    height: 300px;
    padding-top: 15px;
    width: 400px
}

.index-education .sec-one-education .sec-lead-bg .sec-edcard-bg .card .dot p:first-of-type {
    background: #fff;
    border-radius: 50%;
    height: 8px;
    left: 5px;
    position: absolute;
    top: -10px;
    transform: translate(50%, -50%);
    width: 8px
}

.index-education .sec-one-education .sec-lead-bg .sec-edcard-bg .card .dot p:nth-of-type(2) {
    background: #fff;
    border-radius: 50%;
    height: 8px;
    left: 16px;
    position: absolute;
    top: -10px;
    transform: translate(50%, -50%);
    width: 8px
}

.index-education .sec-one-education .sec-lead-bg .sec-edcard-bg .card .dot p:nth-of-type(3) {
    background: #fff;
    border-radius: 50%;
    height: 8px;
    left: 27px;
    position: absolute;
    top: -10px;
    transform: translate(50%, -50%);
    width: 8px
}

.index-education .sec-one-education .sec-lead-bg .sec-edcard-bg .card .edcard-pd {
    padding-left: 25px;
    padding-right: 25px
}

.index-education .sec-one-education .sec-lead-bg .sec-edcard-bg .card .edcard-pd h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 27.24px
}

.index-education .sec-one-education .sec-lead-bg .sec-edcard-bg .card .edcard-pd .input-form input {
    background-color: initial;
    border: 1px solid #e0e2ee;
    border-radius: 6px;
    box-shadow: none;
    color: #111;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    min-height: 45px
}

.index-education .sec-two-education .ONSDHET h2 {
    font-size: 50px;
    font-weight: 500
}

.index-education .sec-two-education .ONSDHET p {
    font-size: 18px;
    font-weight: 600
}

.index-education .sec-three-education .edu-sec-2-txt {
    margin-top: 155px
}

.index-education .sec-three-education .edu-sec-2-txt h2 {
    font-size: 50px;
    font-weight: 500
}

.index-education .sec-three-education .edu-sec-2-txt p {
    font-size: 16px;
    font-weight: 400
}

.index-education .sec-four-education h2 {
    font-size: 50px;
    font-weight: 500
}

.index-education .sec-four-education .sec-four-card {
    border-radius: 10px;
    box-shadow: 0 0 20px 2px #5151510d;
    min-height: 133px;
    padding: 20px
}

.index-education .sec-four-education .sec-four-card h2 {
    font-size: 16px;
    font-weight: 600
}

.index-education .sec-five-education h2 {
    font-size: 50px;
    font-weight: 500
}

.index-education .sec-five-education .lycFaq-htb {
    padding: clamp(20px, 5.83vw, 30px) 0
}

.index-education .sec-five-education .lycFaqHd-htb {
    padding-bottom: clamp(12px, 3.5vw, 42px);
    text-align: center
}

.index-education .sec-five-education .lycFaqCd-htb {
    background-color: initial;
    border: 1px solid #666;
    border-radius: 10px;
    margin-bottom: 1.5rem;
    min-height: 90px;
    padding: 20px
}

.index-education .sec-five-education .lycFaqCd-htb:has(.show) {
    box-shadow: 0 4px 4px #0000000d
}

body.dark_theme .index-education .sec-five-education .lycFaqCd-htb:has(.show) {
    box-shadow: 0 4px 4px 0 #1e2f390d
}

.index-education .sec-five-education .lycFaqCdHd-htb {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between
}

.index-education .sec-five-education .lycFaqTx-htb {
    font-size: 16px;
    font-weight: 400
}

.index-education .sec-five-education .lycFaqCdBd-htb {
    color: #646667;
    font-size: 14px;
    line-height: 1.75;
    padding: 20px 0 0
}

body.dark_theme .index-education .sec-five-education .lycFaqCdBd-htb {
    color: #fff
}

.index-education .sec-five-education .lycFaqCdBd-htb ul {
    padding: 10px
}

.index-education .sec-five-education .lycFaqCdBd-htb p {
    margin: 0
}

.index-education .sec-five-education .lycFaqCdBd-htb br {
    content: "";
    display: block;
    height: 1rem
}

.index-education .sec-five-education .lycStl-htb {
    font-size: clamp(32px, 3.67vw, 44px);
    line-height: 1.275
}

.index-education .sec-five-education .lycStl-htb span {
    color: #0076e8;
    font-weight: 600
}

.index-education .sec-seven-education-foot .edu-ftmenus h2 {
    font-size: 16px;
    font-weight: 600
}

.index-education .sec-seven-education-foot .edu-ftmenus li,
.index-education .sec-seven-education-foot .edu-ftmenus p {
    font-size: 14px;
    font-weight: 400
}

.index-education .sec-seven-education-foot .edu-foot-cpr h2 {
    color: #666;
    font-size: 12px;
    font-weight: 400
}

.index-education .sec-six-education .section-edu-6 .bg-sec-6 {
    background-color: #0076e8;
    border-radius: 10px;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1
}

.index-education .sec-six-education .section-edu-6 .bg-sec-6 .pos-iphone-edu {
    left: 10px;
    position: absolute;
    top: 20px;
    transform: translate(50%, -50%)
}

.index-education .sec-six-education .section-edu-6 .bg-sec-6 .pos-edu-learn {
    bottom: 0;
    left: 13%;
    position: absolute;
    transform: translate(50%, -25%);
    z-index: 1030
}

.index-education .sec-six-education .section-edu-6 .bg-sec-6 h2 {
    font-size: 50px;
    font-weight: 500;
    line-height: 46.92px;
    text-align: center
}

.index-education .sec-six-education .section-edu-6 .bg-sec-6 p {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: center
}

.index-education .sec-six-education .section-edu-6 .bg-sec-6 .edu-6-btn button {
    background-color: #fff;
    box-shadow: 0 4px 4px 0 #ffffff0d;
    color: #0076e8;
    font-weight: 500
}

@media screen and (max-width:1199px) {
    .sec-six-education .section-edu-6 .bg-sec-6 .pos-iphone-edu {
        left: 0 !important;
        position: absolute;
        top: 20px;
        transform: translate(35%, -50%) !important
    }

    .sec-six-education .section-edu-6 .bg-sec-6 .pos-edu-learn {
        bottom: 0;
        left: 20px !important;
        position: absolute;
        transform: translate(50%, -10%) !important
    }
}

@media screen and (max-width:991px) {
    .sec-one-education .sec-lead-content {
        margin-top: 0 !important;
        padding-left: 0 !important
    }

    .index-education .sec-one-education .sec-lead-content .eduction-btn,
    .index-education .sec-one-education .sec-lead-content h1,
    .index-education .sec-one-education .sec-lead-content p {
        text-align: center !important
    }

    .sec-one-education .sec-lead-bg,
    .sec-six-education .section-edu-6 .bg-sec-6 .pos-iphone-edu {
        display: none
    }

    .sec-six-education .section-edu-6 .bg-sec-6 .pos-edu-learn {
        bottom: 0;
        left: 0 !important;
        position: absolute;
        transform: translate(30%, -25%) !important
    }
}

@media screen and (max-width:767px) {
    .sec-six-education {
        display: none
    }
}

.frnsec-one .frnbannertxt {
    margin-top: 150px
}

.frnsec-one .frnbannertxt h2 {
    color: #0079ea;
    font-size: 57px;
    font-weight: 600
}

.frnsec-one .frnbannertxt h2 span {
    color: #000;
    font-size: 44px;
    font-weight: 400;
    line-height: 60px
}

.frnsec-one .frnbannertxt h2 .frnbannertxtspan {
    color: #000;
    font-size: 44px;
    font-weight: 600;
    line-height: 60px
}

.frnsec-one .frnbannertxt p {
    color: #000
}

.frnsec-one .frnbannertxt .frnbanner-btn {
    background: #0076e8;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    padding: 7px 20px
}

.frnsec-one .frnbannertxt .frnbanner-btn:hover {
    background: #111;
    color: #fff;
    transition: all .5s
}

.frnsec-one .frnbanner-count h2 {
    color: #0079ea;
    font-size: 30px;
    font-weight: 700
}

.frnsec-one .frnbanner-count h4 {
    font-size: 14px
}

.frnbannertxt2 {
    color: #898a8b;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: center
}

.frnsec-three h2 {
    font-size: 44px;
    font-weight: 400;
    line-height: 60px
}

.frnsec-three span {
    color: #0076e8;
    font-size: 44px;
    font-weight: 600;
    line-height: 60px
}

.frnsec-three .frnsecthr-fleximgtxt h2 {
    font-size: 18px;
    font-weight: 600
}

.frnsec-three .frnsecthree-fleximg {
    height: 37px !important;
    margin-top: 13px !important
}

.frnsec-three .frnsecthrp {
    color: #898a8b;
    font-size: 16px
}

.frnsec-four .frnsecfour-header h2 {
    color: #000;
    font-size: 44px;
    font-weight: 400;
    line-height: 60px
}

.frnsec-four .frnsecfour-header p {
    color: #898a8b;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.frnsec-four .frnsecfour-header .frnsecfour-btn {
    background: #0076e8;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    padding: 7px 20px
}

.frnsec-four .frnsecfour-header .frnsecfour-btn:hover {
    background: #111;
    color: #fff;
    transition: all .5s
}

.frnsec-four .frnsecfour-headertxt1 {
    color: #0076e8;
    font-size: 44px;
    font-weight: 600;
    line-height: 60px
}

.frnsec-four .frnsecfour-headertxt2 {
    color: #000;
    font-size: 44px;
    font-weight: 400;
    line-height: 60px
}

.frnsec-two .frnsec-two-head h2 {
    font-size: 44px;
    font-weight: 400;
    line-height: 56px
}

.frnsec-two .frnsec-two-head span {
    color: #0076e8;
    font-size: 44px;
    font-weight: 600;
    line-height: 56px
}

.frnsec-two .frnsec-two-head p {
    color: #898a8b;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.card-ve-rth {
    background: linear-gradient(217.89deg, #fff 51.9%, #ededed)
}

.card-ve-rth,
.dark_theme .card-ve-rth {
    box-shadow: 0 10px 10px 0 #0000000d;
    padding: 15px
}

.dark_theme .card-ve-rth {
    background: linear-gradient(217.89deg, rgba(0, 0, 0, .051) 51.9%, #4c4c4c);
    border-radius: 10px
}

.dark_theme .card-ve-rth h2 {
    color: #fff
}

.frnsec-five h2 {
    font-size: 44px;
    font-weight: 400;
    line-height: 56px
}

.frnsec-five h2 span {
    color: #0076e8;
    font-size: 44px;
    font-weight: 600;
    line-height: 56px
}

.frnsec-five .card-ve-rth {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 10px 0 #0000000d;
    padding: 15px
}

.frnsec-five .card-ve-rth h2 {
    color: #fff
}

.frnsec-five .card-ve-rth .frnfiv-per .frn-5-img .ljeryhg {
    color: #0076e8;
    font-size: 44px;
    font-weight: 700
}

.frnsec-five .card-ve-rth .frb-5-usr p,
.frnsec-five .card-ve-rth .frb-5-usr p span {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: left
}

.frnsec-five .card-ve-rth .frb-5-usr p span {
    color: #0076e8
}

.dark_theme .frnsec-five h2 {
    font-size: 44px;
    font-weight: 400;
    line-height: 56px
}

.dark_theme .frnsec-five h2 span {
    color: #0076e8;
    font-size: 44px;
    font-weight: 600;
    line-height: 56px
}

.dark_theme .frnsec-five .card-ve-rth {
    background: #151515;
    border-radius: 10px;
    box-shadow: 0 10px 10px 0 #0000000d;
    padding: 15px
}

.dark_theme .frnsec-five .card-ve-rth h2 {
    color: #fff
}

.dark_theme .frnsec-five .card-ve-rth .frnfiv-per .frn-5-img .ljeryhg {
    color: #0076e8;
    font-size: 44px;
    font-weight: 700
}

.dark_theme .frnsec-five .card-ve-rth .frb-5-usr p,
.dark_theme .frnsec-five .card-ve-rth .frb-5-usr p span {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: left
}

.dark_theme .frnsec-five .card-ve-rth .frb-5-usr p span {
    color: #0076e8
}

.frnsec-one {
    background: #01c6fd
}

@media screen and (max-width:991px) {
    .frnsec-one .frnbannertxt {
        margin-top: 0
    }

    .frnsec-one .frnd-img {
        display: none
    }

    .frnsec-two .fr-r-col-sec .xdret0 img {
        visibility: hidden
    }
}

.dark_theme .frnsec-cmsn .card-ve-rth {
    background: #151515
}

.dark_theme .frnsec-cmsn .card-ve-rth h2 {
    font-size: 19px;
    font-weight: 600
}

.dark_theme .frnsec-cmsn .card-ve-rth p {
    color: #898a8b;
    font-size: 17px;
    font-weight: 700
}

.frnsec-cmsn .card-ve-rth {
    background: #fff
}

.frnsec-cmsn .card-ve-rth h2 {
    font-size: 19px;
    font-weight: 600
}

.frnsec-cmsn .card-ve-rth p {
    color: #898a8b;
    font-size: 17px;
    font-weight: 700
}

.parentof-commison .frnsec-cmsn-head h2 {
    font-size: 30px;
    font-weight: 600
}

.parentof-commison .frnsec-cmsn-head p {
    color: #898a8b;
    font-size: 16px;
    font-weight: 400;
    padding-left: 50px;
    padding-right: 50px
}

.parentof-commison .frnsec-cmsn-head p span {
    color: #0076e8;
    font-size: 18px;
    font-weight: 600
}

.frnsec-revrat .frnsec-revrat-head h2 {
    font-size: 44px;
    font-weight: 400
}

.frnsec-revrat h4 {
    font-size: 18px;
    font-weight: 600
}

.dark_theme .frnsec-require .eightcard,
.frnsec-require .eightcard {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    min-height: 200px
}

.dark_theme .frnsec-require .card-ve-rth {
    background: #151515
}

.dark_theme .frnsec-require .card-ve-rth p {
    color: #898a8b;
    font-size: 14px;
    font-weight: 400
}

.dark_theme .frnsec-require .card-ve-rth .d-flex {
    justify-content: space-evenly
}

.dark_theme .frnsec-require .card-ve-rth .d-flex p {
    color: #898a8b;
    padding-left: 30px;
    padding-right: 30px
}

.dark_theme .frnsec-require .card-header {
    background: #0076e8;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.dark_theme .frnsec-require .card-header h2 {
    font-size: 18px;
    font-weight: 600
}

.frnsec-require .card-ve-rth {
    background: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.frnsec-require .card-ve-rth p {
    color: #898a8b;
    font-size: 14px;
    font-weight: 400
}

.frnsec-require .card-ve-rth .d-flex {
    justify-content: space-evenly
}

.frnsec-require .card-ve-rth .d-flex p {
    color: #898a8b;
    padding-left: 30px;
    padding-right: 30px
}

.frnsec-require .card-header {
    background: #0076e8;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.frnsec-require .card-header h2 {
    font-size: 18px;
    font-weight: 600
}

.franchisee-commision-sec-img {
    background-color: #fff;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 15px;
    border-top-right-radius: 0;
    box-shadow: none
}

.dark_theme .franchisee-commision-sec-img {
    background-color: #151515
}

.franchisee-commision-sec-img .card-franchisee-commision-sec {
    border-bottom-right-radius: 0;
    border-right: 2px dotted #c1c1c1;
    border-top-right-radius: 0;
    box-shadow: none
}

.dark_theme .franchisee-commision-sec-img .card-franchisee-commision-sec {
    border-right: 2px dotted #353333
}

.franchisee-commision-sec {
    background-color: #fff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 0;
    border-top-right-radius: 15px;
    box-shadow: none
}

.franchisee-commision-sec .card-ve-rth {
    box-shadow: none
}

.dark_theme .franchisee-commision-sec {
    background-color: #151515
}

.franchisee-commision-sec .card-franchisee-commision-sec {
    border-bottom-right-radius: 0;
    border-right: 2px dotted #c1c1c1;
    border-top-right-radius: 0;
    box-shadow: none
}

.dark_theme .franchisee-commision-sec .card-franchisee-commision-sec {
    border-right: 2px dotted #353333
}

.frnsec-infr-req .card-ve-rth {
    background: #fff;
    border-radius: 10px;
    min-height: 100%
}

.frnsec-infr-req .frnsec-infr-req-header h2 {
    font-size: 44px;
    font-weight: 400
}

.frnsec-infr-req .frnsec-infr-req-header h2 span {
    color: #0076e8;
    font-size: 44px;
    font-weight: 600
}

.frnsec-infr-req .frnsec-infr-req-tc h2 {
    font-size: 20px;
    font-weight: 700
}

.frnsec-infr-req .frnsec-infr-req-tc li {
    color: #898a8b;
    font-size: 12px;
    font-weight: 400;
    padding: 5px
}

.ofc-frn-p {
    color: #898a8b
}

.dark_theme .frnsec-infr-req .card-ve-rth {
    background: #151515;
    border-radius: 10px;
    min-height: 100%
}

.dark_theme .frnsec-infr-req .frnsec-infr-req-header h2 {
    font-size: 44px;
    font-weight: 400
}

.dark_theme .frnsec-infr-req .frnsec-infr-req-header h2 span {
    color: #0076e8;
    font-size: 44px;
    font-weight: 600
}

.dark_theme .frnsec-infr-req .frnsec-infr-req-tc h2 {
    font-size: 20px;
    font-weight: 700
}

.dark_theme .frnsec-infr-req .frnsec-infr-req-tc li {
    color: #898a8b;
    font-size: 12px;
    font-weight: 400
}

@media (max-width:767px) {
    .dark_theme .frnsec-infr-req .mtop {
        margin-top: 1.5rem !important
    }
}

@media screen and (max-width:991px) {
    .d-xs-none-dot {
        display: none
    }
}

.btn {
    box-shadow: none
}

.navhdtem {
    background-color: #fff
}

.kp_hd_inner,
.kp_sec_4 .kp_martrehd h2,
.kp_sec_5 .kpinhd h2,
.kp_sec_6 .kpinhd h2,
.kp_sec_7 .kpinhd h2,
.kp_sec_8 .kpinhd h2 {
    color: #2a2a2a;
    font-family: B;
    font-size: 42px;
    font-style: normal;
    font-weight: 600
}

.kp_hd_inner span,
.kp_sec_4 .kp_martrehd h2 span,
.kp_sec_5 .kpinhd h2 span,
.kp_sec_6 .kpinhd h2 span,
.kp_sec_7 .kpinhd h2 span,
.kp_sec_8 .kpinhd h2 span {
    font-weight: 200
}

.indexnewkp-body {
    background-color: #fff;
    font-family: B;
    font-weight: 500;
    position: relative;
    scrollbar-color: #008aff #bbb;
    scrollbar-width: thin;
    z-index: 11
}

.indexnewkp-body::-webkit-scrollbar {
    height: 10px;
    width: 10px
}

.indexnewkp-body::-webkit-scrollbar-track {
    background-color: initial
}

.indexnewkp-body::-webkit-scrollbar-thumb {
    background-color: #1140ff
}

.indexnewkp-body::-webkit-scrollbar-thumb,
.indexnewkp-body::-webkit-scrollbar-track {
    border-radius: 0
}

.index_hd .navbar {
    min-height: 55px
}

.index_hd .navbar.navbarbg {
    background: #fff
}

.kp_hdbtn.kp_hdbtnf,
.kp_hdbtn.nd_hdsbtn,
.kp_hdbtn1.kp_hdbtnf,
.kp_hdbtn1.nd_hdsbtn1,
.kp_sec_1 .kpbnse button,
.kp_sec_5 .kpinhd button,
.kp_sec_7 .kpinhd button,
.kpbtn_hm {
    align-items: center;
    background: #0000;
    border: none;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    justify-content: center;
    line-height: 42px;
    min-height: 44px;
    perspective: 230px;
    position: relative;
    z-index: 1
}

.kp_hdbtn.kp_hdbtnf span,
.kp_hdbtn.nd_hdsbtn span,
.kp_hdbtn1.kp_hdbtnf span,
.kp_hdbtn1.nd_hdsbtn1 span,
.kp_sec_1 .kpbnse button span,
.kp_sec_5 .kpinhd button span,
.kp_sec_7 .kpinhd button span,
.kpbtn_hm span {
    background: #1140ff;
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
    height: 100%;
    margin: 0;
    position: absolute;
    text-align: center;
    transition: all .3s;
    width: 100%
}

.kp_hdbtn.kp_hdbtnf span:first-child,
.kp_hdbtn.nd_hdsbtn span:first-child,
.kp_hdbtn1.kp_hdbtnf span:first-child,
.kp_hdbtn1.nd_hdsbtn1 span:first-child,
.kp_sec_1 .kpbnse button span:first-child,
.kp_sec_5 .kpinhd button span:first-child,
.kp_sec_7 .kpinhd button span:first-child,
.kpbtn_hm span:first-child {
    transform: rotateX(90deg);
    transform-origin: 50% 50% -20px
}

.kp_hdbtn.kp_hdbtnf span:nth-child(2),
.kp_hdbtn.nd_hdsbtn span:nth-child(2),
.kp_hdbtn1.kp_hdbtnf span:nth-child(2),
.kp_hdbtn1.nd_hdsbtn1 span:nth-child(2),
.kp_sec_1 .kpbnse button span:nth-child(2),
.kp_sec_5 .kpinhd button span:nth-child(2),
.kp_sec_7 .kpinhd button span:nth-child(2),
.kpbtn_hm span:nth-child(2) {
    transform: rotateX(0deg);
    transform-origin: 50% 50% -20px
}

.kp_hdbtn.kp_hdbtnf:hover span:first-child,
.kp_hdbtn.nd_hdsbtn:hover span:first-child,
.kp_hdbtn1.kp_hdbtnf:hover span:first-child,
.kp_hdbtn1.nd_hdsbtn1:hover span:first-child,
.kp_sec_1 .kpbnse button:hover span:first-child,
.kp_sec_5 .kpinhd button:hover span:first-child,
.kp_sec_7 .kpinhd button:hover span:first-child,
.kpbtn_hm:hover span:first-child {
    color: #fff;
    transform: rotateX(0deg)
}

.kp_hdbtn.kp_hdbtnf:hover span:nth-child(2),
.kp_hdbtn.nd_hdsbtn:hover span:nth-child(2),
.kp_hdbtn1.kp_hdbtnf:hover span:nth-child(2),
.kp_hdbtn1.nd_hdsbtn1:hover span:nth-child(2),
.kp_sec_1 .kpbnse button:hover span:nth-child(2),
.kp_sec_5 .kpinhd button:hover span:nth-child(2),
.kp_sec_7 .kpinhd button:hover span:nth-child(2),
.kpbtn_hm:hover span:nth-child(2) {
    color: #0000;
    transform: rotateX(-90deg)
}

.kp_hdmenu li a {
    color: #2a2a2a;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    padding: 0 !important;
    position: relative;
    text-decoration: none
}

.kp_hdmenu li a:before {
    left: 0
}

.kp_hdmenu li a:after {
    background: #3c5bff;
    right: 0;
    transition: width .8s cubic-bezier(.22, .61, .36, 1)
}

.kp_hdmenu li a:hover:before {
    color: #3c5bff;
    transition: width .5s cubic-bezier(.22, .61, .36, 1);
    width: 100%
}

.kp_hdmenu li a:hover:after {
    color: #0000;
    transition: 0s;
    width: 100%
}

.kp_hdmenu li a.active:before {
    color: #3c5bff;
    transition: width .5s cubic-bezier(.22, .61, .36, 1);
    width: 100%
}

.kp_hdmenu li a.active:after {
    background: #0000;
    transition: 0s;
    width: 100%
}

.kp_hdmenu1 li a {
    color: #2a2a2a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    position: relative;
    text-decoration: none
}

.kp_hdmenu1 li a:after,
.kp_hdmenu1 li a:before {
    background: #3c5bff;
    bottom: -1px;
    content: "";
    height: 2px;
    position: absolute;
    width: 0
}

.kp_hdmenu1 li a:before {
    left: 0
}

.kp_hdmenu1 li a:after {
    background: #3c5bff;
    right: 0;
    transition: width .8s cubic-bezier(.22, .61, .36, 1)
}

.kp_hdmenu1 li a:hover:before {
    background: #3c5bff;
    transition: width .5s cubic-bezier(.22, .61, .36, 1);
    width: 100%
}

.kp_hdmenu1 li a:hover:after {
    background: #0000;
    transition: 0s;
    width: 100%
}

.kp_hdmenu1 li a.active:before {
    background: #3c5bff;
    transition: width .5s cubic-bezier(.22, .61, .36, 1);
    width: 100%
}

.kp_hdmenu1 li a.active:after {
    background: #0000;
    transition: 0s;
    width: 100%
}

.kp_hdbtn {
    border-radius: 4px;
    min-height: 40px;
    min-width: 100px
}

.kp_hdbtn.kp_hdbtns {
    align-items: center;
    background: #0000;
    border: none;
    border-radius: 4px;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    justify-content: center;
    line-height: 42px;
    min-height: 44px;
    perspective: 230px;
    position: relative;
    z-index: 1
}

.kp_hdbtn.kp_hdbtns span {
    background: #0000;
    border: 1px solid #2a2a2a52;
    border-radius: 5px;
    box-sizing: border-box;
    color: #2a2a2a;
    display: block;
    height: 100%;
    margin: 0;
    position: absolute;
    text-align: center;
    transition: all .3s;
    width: 100%
}

.kp_hdbtn.kp_hdbtns span:first-child {
    color: #0000;
    transform: rotateX(90deg);
    transform-origin: 50% 50% -20px
}

.kp_hdbtn.kp_hdbtns span:nth-child(2) {
    transform: rotateX(0deg);
    transform-origin: 50% 50% -20px
}

.kp_hdbtn.kp_hdbtns:hover span:first-child {
    color: #2a2a2a;
    transform: rotateX(0deg)
}

.kp_hdbtn.kp_hdbtns:hover span:nth-child(2) {
    color: #0000 !important;
    transform: rotateX(-90deg)
}

.kp_hdbtn.nd_hdsbtn2 {
    align-items: center;
    background: #0000;
    border: none;
    border-radius: 4px;
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    justify-content: center;
    line-height: 27px;
    min-height: 30px;
    min-width: 85px;
    perspective: 230px;
    position: relative;
    z-index: 1
}

.kp_hdbtn.nd_hdsbtn2 span {
    background: #0000;
    border: 1px solid #2a2a2a52;
    border-radius: 5px;
    box-sizing: border-box;
    color: #2a2a2a;
    display: block;
    height: 100%;
    margin: 0;
    position: absolute;
    text-align: center;
    transition: all .3s;
    width: 100%
}

.kp_hdbtn.nd_hdsbtn2 span:first-child {
    border: #0000;
    color: #0000;
    transform: rotateX(90deg);
    transform-origin: 50% 50% -20px
}

.kp_hdbtn.nd_hdsbtn2 span:nth-child(2) {
    transform: rotateX(0deg);
    transform-origin: 50% 50% -20px
}

.kp_hdbtn.nd_hdsbtn2:hover span:first-child {
    border: 1px solid #2a2a2a52;
    color: #2a2a2a;
    transform: rotateX(0deg)
}

.kp_hdbtn.nd_hdsbtn2:hover span:nth-child(2) {
    border: #0000;
    color: #0000;
    transform: rotateX(-90deg)
}

.kp_hdbtn.nd_hdsbtn {
    font-size: 12px;
    line-height: 27px;
    min-height: 30px;
    min-width: 85px
}

.kp_hdbtn.nd_hdsbtn span {
    box-sizing: border-box;
    transition: all .4s
}

.kp_hdbtn.nd_hdsbtn span:first-child {
    transform: rotateX(90deg);
    transform-origin: 64% 64% -15px
}

.kp_hdbtn.nd_hdsbtn span:nth-child(2) {
    transform: rotateX(0deg);
    transform-origin: 55% 56% -12px
}

.kp_hdbtn.nd_hdsbtn:hover span:first-child {
    color: #fff;
    transform: rotateX(0deg)
}

.kp_hdbtn.nd_hdsbtn:hover span:nth-child(2) {
    color: #0000;
    transform: rotateX(-90deg)
}

.kp_hddrp {
    cursor: pointer
}

.kp_hddrp img {
    height: 34px;
    width: 34px
}

.kp_sec_3 {
    padding-top: 40px
}

.kp_sec_3 .Snver_io_2 .kp_slktl_1 {
    height: 188px;
    position: relative
}

.kp_sec_3 .Snver_io_2 .kp_slktl_1 .slick-dots li,
.kp_sec_3 .Snver_io_2 .kp_slktl_1 .slick-dots li button {
    background-color: #d6d6d6;
    border: none;
    border-radius: 50%;
    height: 7px;
    width: 7px
}

.kp_sec_3 .Snver_io_2 .kp_slktl_1 .slick-dots li button {
    padding: 0
}

.kp_sec_3 .Snver_io_2 .kp_slktl_1 .slick-dots li button:before {
    display: none
}

.kp_sec_3 .Snver_io_2 .kp_slktl_1 .slick-dots li.slick-active button {
    background-color: #1140ff
}

.kp_sec_3 .Snver_io_2 .kp_slktl_1 .slick-prev {
    align-items: center;
    background: #191e2966;
    border-radius: 50%;
    color: #fff;
    display: flex;
    height: 32px;
    justify-content: center;
    left: 2px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    z-index: 11111
}

.kp_sec_3 .Snver_io_2 .kp_slktl_1 .slick-prev img {
    transform: rotate(90deg)
}

.kp_sec_3 .Snver_io_2 .kp_slktl_1 .slick-prev:before {
    display: none
}

.kp_sec_3 .Snver_io_2 .kp_slktl_1 .slick-next {
    align-items: center;
    background: #191e2966;
    border-radius: 50%;
    color: #fff;
    display: flex;
    height: 32px;
    justify-content: center;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    z-index: 11111
}

.kp_sec_3 .Snver_io_2 .kp_slktl_1 .slick-next img {
    transform: rotate(270deg)
}

.kp_sec_3 .Snver_io_2 .kp_slktl_1 .slick-next:before {
    display: none
}

.kp_sec_3 .Snver_io_2 .kp_slktl_1 .sli_cd {
    overflow: hidden;
    padding: 0 20px
}

.kp_sec_3 .Snver_io_2 .kp_slktl_1 .sli_cd img {
    border-radius: 10px
}

@media (max-width:1200px) {

    .kp_sec_3 .kp_slktl_1:hover:after,
    .kp_sec_3 .kp_slktl_1:hover:before {
        display: none
    }

    .kp_sec_3 .Snver_io_2 .kp_slktl_1 .sli_cd img {
        padding: 5px
    }

    .kp_sec_3 .Snver_io_2 .kp_slktl_1 .slick-prev {
        left: 0
    }

    .kp_sec_3 .Snver_io_2 .kp_slktl_1 .slick-next {
        right: 0
    }

    .kp_sec_3 .Snver_io_2 .kp_slktl_1:hover .slick-prev {
        background: #191e2966
    }

    .kp_sec_3 .Snver_io_2 .kp_slktl_1:hover .slick-prev img {
        filter: brightness(1)
    }

    .kp_sec_3 .Snver_io_2 .kp_slktl_1:hover .slick-next {
        background: #191e2966
    }

    .kp_sec_3 .Snver_io_2 .kp_slktl_1:hover .slick-next img {
        filter: brightness(1)
    }
}

.kp_sec_4 {
    padding-bottom: 20px;
    padding-top: 50px
}

.kp_sec_4 .kp_martrehd h2 {
    text-align: center
}

.kp_sec_4 .kp_martrehd .kp_martrehd_in {
    margin-top: 10px;
    padding: 5px 10px;
    text-align: center
}

.kp_sec_4 .kp_martrehd .kp_martrehd_in img {
    padding: 5px
}

.kp_sec_4 .kp_martrecd {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 6px 78px #e2f0ff;
    margin-top: 40px;
    padding: 40px 50px
}

.kp_sec_4 .kp_martrecd .kpmt_tab_hd {
    border-bottom: 0
}

.kp_sec_4 .kp_martrecd .kpmt_tab_hd li {
    align-items: center;
    display: flex;
    justify-content: center
}

.kp_sec_4 .kp_martrecd .kpmt_tab_hd li.wh_1 {
    min-width: 100px
}

.kp_sec_4 .kp_martrecd .kpmt_tab_hd li.wh_2 {
    min-width: 130px
}

.kp_sec_4 .kp_martrecd .kpmt_tab_hd li.wh_3 {
    min-width: 110px
}

.kp_sec_4 .kp_martrecd .kpmt_tab_hd li a {
    color: #848484;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    padding: 4px 5px;
    position: relative;
    transition: transform .5s ease
}

.kp_sec_4 .kp_martrecd .kpmt_tab_hd li a.active,
.kp_sec_4 .kp_martrecd .kpmt_tab_hd li a:hover {
    background: #0000;
    border: none;
    color: #2a2a2a;
    font-size: 18px;
    font-style: normal;
    font-weight: 500
}

.kp_sec_4 .kp_martrecd .kpmt_tab_hd li a.active:before,
.kp_sec_4 .kp_martrecd .kpmt_tab_hd li a:hover:before {
    transform: scaleX(1) translateX(50%);
    transition: transform .5s ease
}

.kp_sec_4 .kp_martrecd .kpmt_tab_hd li a:before {
    background: #335bff;
    bottom: 0;
    content: "";
    height: 2px;
    position: absolute;
    right: 50%;
    transform: scalex(0) translateX(50%);
    transition: transform .5s ease;
    width: 40%
}

.kp_sec_4 .kp_martrecd .kphm_tbhd tr th {
    color: #2a2a2a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    white-space: nowrap
}

.kp_sec_4 .kp_martrecd .kphm_tbbdy tr td {
    color: #595959;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    vertical-align: middle;
    white-space: nowrap
}

.kp_sec_4 .kp_martrecd .kphm_tbbdy tr td .btn {
    min-height: 34px;
    min-width: 77px
}

.kp_sec_4 .kp_martrecd .kphm_tbbdy tr td .btn:hover {
    color: #06f;
    transition: .2s ease-in-out
}

.kp_sec_4 .kp_martrecd .kphm_tbbdy tr td .btn.kp_hdbtns {
    align-items: center;
    background: #0000;
    border: none;
    border-radius: 4px;
    color: #595959;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    line-height: 33px;
    perspective: 230px;
    position: relative;
    z-index: 1
}

.kp_sec_4 .kp_martrecd .kphm_tbbdy tr td .btn.kp_hdbtns span {
    background: #0000;
    border: 1px solid #747474;
    border-radius: 3px;
    box-sizing: border-box;
    color: #595959;
    display: block;
    height: 100%;
    margin: 0;
    position: absolute;
    text-align: center;
    transition: all .3s;
    width: 100%
}

.kp_sec_4 .kp_martrecd .kphm_tbbdy tr td .btn.kp_hdbtns span:first-child {
    border: 1px solid #0000;
    color: #0000;
    transform: rotateX(90deg);
    transform-origin: 50% 50% -18px
}

.kp_sec_4 .kp_martrecd .kphm_tbbdy tr td .btn.kp_hdbtns span:nth-child(2) {
    transform: rotateX(0deg);
    transform-origin: 50% 50% -18px
}

.kp_sec_4 .kp_martrecd .kphm_tbbdy tr td .btn.kp_hdbtns:hover span:first-child {
    border: 1px solid #747474;
    color: #1140ff;
    transform: rotateX(0deg)
}

.kp_sec_4 .kp_martrecd .kphm_tbbdy tr td .btn.kp_hdbtns:hover span:nth-child(2) {
    border: 1px solid #0000;
    color: #0000;
    transform: rotateX(-90deg)
}

.kp_sec_4 .kp_martrecd .kphm_tbbdy tr td.text-greentb {
    color: #1fc594
}

.kp_sec_4 .kp_martrecd .kphm_tbbdy tr td.text-redtb {
    color: #f6465d
}

.kp_sec_4 .kp_martrecd .vm_btn button {
    margin: 10px auto auto;
    min-height: 40px;
    min-width: 120px
}

.kp_sec_1 {
    overflow: hidden;
    padding-bottom: 100px;
    padding-top: 100px;
    position: relative;
    z-index: 11
}

.kp_sec_1 .kpbnse h1 {
    color: #2a2a2a;
    font-size: 72px;
    font-style: normal;
    font-weight: 700;
    line-height: 82px
}

.kp_sec_1 .kpbnse h1 span {
    color: #1140ff
}

.kp_sec_1 .kpbnse h3 {
    color: #2a2a2a;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 28px
}

.kp_sec_1 .kpbnse h2 {
    color: #2a2a2a;
    font-size: 72px;
    font-style: normal;
    font-weight: 700;
    line-height: 82px
}

.kp_sec_1 .kpbnse h2 span {
    color: #1140ff
}

.kp_sec_1 .kpbnse p {
    color: #2a2a2a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    max-width: 477px
}

.kp_sec_1 .kpbnse p span {
    color: #1140ff
}

.kp_sec_1 .kpbnse button {
    height: 40px;
    width: 120px
}

.kp_sec_1 .kpbnse .ph_usekp {
    padding-top: 35px
}

.kp_sec_1 .kpbnse .ph_usekp a {
    padding-right: 40px
}

.kp_sec_1 .bnik {
    position: absolute;
    right: -29px;
    top: 5px
}

@media (max-width:1199px) {
    .kp_sec_1 .bnik {
        margin-top: 20px;
        position: relative;
        right: auto;
        text-align: center;
        top: auto
    }

    .kp_sec_1 .bnik img {
        max-width: 100%
    }
}

@media (max-width:991px) {
    .kp_sec_1 .kpbnse h2 {
        font-size: 60px;
        line-height: 72px
    }
}

@media (max-width:767px) {
    .kp_sec_1 .kpbnse h2 {
        font-size: 35px;
        line-height: 45px
    }
}

.dark_theme .kpbnse h3 {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 28px
}

.kp_sec_5 {
    padding-top: 90px;
    position: relative;
    z-index: 22
}

.kp_sec_5 .banrd_2 {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: -1
}

.kp_sec_5 .kpinhd button {
    height: 40px;
    margin-bottom: 10px;
    margin-left: auto;
    width: 120px
}

.kp_sec_5 .kpinhd p {
    color: #2a2a2a;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    margin-left: auto;
    max-width: 355px;
    text-align: right
}

.kp_sec_5 .kpinhd p span {
    font-weight: 300
}

.kp_sec_5 .kpinhd p span.bluecr {
    color: #06f
}

.kp_sec_5 .kprft {
    padding-top: 40px
}

.kp_sec_5 .kprft .kprft_1 {
    background: #fff2e3;
    border-radius: 4px;
    box-shadow: 0 6px 54px #fef4e8;
    min-height: 550px;
    overflow: hidden;
    padding: 20px
}

.kp_sec_5 .kprft .kprft_1 h2 {
    color: #2a2a2a;
    font-size: 32px;
    font-style: normal;
    font-weight: 600
}

.kp_sec_5 .kprft .kprft_1 h3 {
    color: #2a2a2a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

.kp_sec_5 .kprft .kprft_1 h4 {
    color: #d78e22;
    font-size: 16px;
    font-style: normal;
    font-weight: 300
}

.kp_sec_5 .kprft .kprft_1 a {
    text-decoration: none
}

.kp_sec_5 .kprft .kprft_1 .kprft_1in {
    padding: 10px 0 30px
}

.kp_sec_5 .kprft .kprft_1 .rfdj1 {
    margin-top: -30px;
    text-align: right
}

.kp_sec_5 .kprft .kprft_2 {
    background: #f4eeff;
    border-radius: 4px;
    box-shadow: 0 6px 54px #f4eeff;
    min-height: 305px;
    overflow: hidden;
    padding: 20px;
    position: relative
}

.kp_sec_5 .kprft .kprft_2 h2 {
    color: #2a2a2a;
    font-size: 32px;
    font-style: normal;
    font-weight: 600
}

.kp_sec_5 .kprft .kprft_2 h3 {
    color: #2a2a2a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    max-width: 463px
}

.kp_sec_5 .kprft .kprft_2 .kprft_1in {
    padding: 10px 0
}

.kp_sec_5 .kprft .kprft_2 .rfdj2 {
    position: absolute;
    right: 40px;
    top: 50px
}

.kp_sec_5 .kprft .kprft_3 {
    background: #fee;
    border-radius: 4px;
    box-shadow: 0 6px 54px #fee;
    margin-top: 21px;
    min-height: 226px;
    overflow: hidden;
    padding: 20px;
    position: relative
}

.kp_sec_5 .kprft .kprft_3 h2 {
    color: #2a2a2a;
    font-size: 32px;
    font-style: normal;
    font-weight: 600
}

.kp_sec_5 .kprft .kprft_3 h3 {
    color: #2a2a2a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    max-width: 463px
}

.kp_sec_5 .kprft .kprft_3 .kprft_1in {
    padding: 10px 0
}

.kp_sec_5 .kprft .kprft_3 .rfdj3 {
    position: absolute;
    right: 40px;
    top: 50px
}

@media (max-width:1200px) {

    .kp_sec_5 .kprft .kprft_2 .rfdj2,
    .kp_sec_5 .kprft .kprft_3 .rfdj3 {
        position: relative;
        text-align: right
    }

    .kp_sec_5 .kprft .kprft_1 .rfdj1 {
        margin-top: 0
    }

    .kprft_1 {
        margin-bottom: 21px
    }

    .kp_sec_5 .kpinhd p {
        margin-left: 0;
        text-align: left
    }

    .kp_sec_5 .kpinhd button {
        margin-left: 0
    }
}

.kp_sec_6 {
    overflow: hidden;
    padding-bottom: 30px;
    padding-top: 100px;
    position: relative
}

.kp_sec_6 .banrd_3 {
    bottom: 0;
    position: absolute;
    right: 0;
    z-index: -1
}

.kp_sec_6 .kpinhd .kp_wck {
    padding: 20px 10px;
    position: relative
}

.kp_sec_6 .kpinhd .kp_wck h2 {
    color: #2a2a2a;
    font-size: 32px;
    font-style: normal;
    font-weight: 700
}

.kp_sec_6 .kpinhd .kp_wck h2 span {
    color: #06f;
    font-size: 32px;
    font-style: normal;
    font-weight: 700
}

.kp_sec_6 .kpinhd .kp_wck h3 {
    color: #2a2a2a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0
}

.kp_sec_6 .kpinhd .kp_wck:before {
    background-image: url(bgwck.129e03a4fd96094daf59.webp);
    background-size: 100% 100%;
    content: "";
    height: 100%;
    position: absolute;
    right: -83%;
    top: 0;
    width: 194%;
    z-index: -1
}

.kp_sec_6 .kp_wckcd {
    margin-top: 40px
}

.kp_sec_6 .kp_wckcd .brd_1 {
    border-right: 1px dashed #a9a9a9
}

.kp_sec_6 .kp_wckcd .brd_1,
.kp_sec_6 .kp_wckcd .brd_2 {
    border-bottom: 1px dashed #a9a9a9
}

.kp_sec_6 .kp_wckcd .brd_3 {
    border-right: 1px dashed #a9a9a9
}

.kp_sec_6 .kp_wckcd .icwkp {
    align-items: center;
    background: #f6f6f6;
    border-radius: 50%;
    display: flex;
    height: 52px;
    justify-content: center;
    width: 52px
}

.kp_sec_6 .kp_wckcd h1 {
    color: #2a2a2a33;
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0
}

.kp_sec_6 .kp_wckcd h2 {
    color: #2a2a2a;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 54px
}

.kp_sec_6 .kp_wckcd p {
    color: #2a2a2a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 0
}

.kp_sec_6 .kp_wckcd .kp_wckcdin1 {
    padding: 20px 10px
}

@media (min-width:992px) and (max-width:1199px) {
    .kp_sec_6 .kpinhd .kp_wck {
        padding: 20px 10px 20px 97px
    }

    .kp_sec_6 .kpinhd .kp_wck:before {
        right: -92%
    }
}

@media (max-width:992px) {
    .kp_wck {
        flex-direction: column
    }

    .kp_sec_6 .kpinhd .kp_wck:before {
        display: none
    }

    .kp_sec_6 .kpinhd h2 {
        text-align: center
    }

    .kp_sec_6 .kp_wckcd .brd_1,
    .kp_sec_6 .kp_wckcd .brd_2,
    .kp_sec_6 .kp_wckcd .brd_3,
    .kp_sec_6 .kp_wckcd .brd_4 {
        border: 1px dashed #a9a9a9;
        margin-bottom: 10px
    }

    .dp_none {
        display: none
    }
}

.kp_sec_7 {
    overflow: hidden;
    padding: 174px 0
}

.kp_sec_7,
.kp_sec_7 .container {
    position: relative;
    z-index: 11
}

.kp_sec_7 .kpinhd p {
    color: #2a2a2a;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 32px
}

.kp_sec_7 .kpinhd p span {
    font-weight: 500
}

.kp_sec_7 .kpinhd button {
    height: 40px;
    margin-bottom: 10px;
    width: 120px
}

.kp_sec_7 .sycjn_kp {
    left: -3px;
    position: absolute;
    top: 0;
    width: 1336px;
    z-index: 1
}

.kp_sec_7 .sycjn_kp img {
    height: 569px;
    width: 100%
}

.kp_sec_7 .sycjn_kp_2 {
    bottom: 27px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

@media (min-width:1200px) {
    .ds_cmf {
        display: none
    }
}

@media (max-width:1199px) {

    .sycjn_kp,
    .sycjn_kp_2 {
        display: none
    }

    .ds_cmf {
        display: initial
    }

    .kp_sec_7 {
        padding: 20px 0
    }
}

.kp_sec_8 {
    padding-bottom: 43px;
    padding-top: 40px
}

.kp_sec_8 .kpinhd h2 {
    text-align: center
}

.kp_sec_8 .kpinhd p {
    color: #2a2a2a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    padding-top: 10px;
    text-align: center
}

.kp_sec_8 .kp_wfg {
    background-color: #131313;
    background-image: url(wftbg.3e1b23c8afefa5ea2a62.webp);
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 80px;
    padding: 25px
}

.kp_sec_8 .kp_wfg .scnphkp {
    margin-top: -123px;
    position: relative
}

.kp_sec_8 .kp_wfg .scnphkp .scimg {
    bottom: 22%;
    height: 135px;
    position: absolute;
    right: 16%;
    width: 135px
}

.kp_sec_8 .kp_wfg .kp_wfgcd h1 {
    color: #fff;
    font-size: 32px;
    font-style: normal;
    font-weight: 275;
    line-height: 38px
}

.kp_sec_8 .kp_wfg .kp_wfgcd h1 span {
    color: #06f;
    font-weight: 500
}

.kp_sec_8 .kp_wfg .kp_wfgcd h2,
.kp_sec_8 .kp_wfg .kp_wfgcd h3 {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 32px
}

.kp_sec_8 .kp_wfg .kp_wfgcd h3 span {
    font-weight: 500
}

.kp_sec_8 .kp_wfg .kp_wfgcd .pjij {
    align-items: center;
    display: flex;
    justify-content: end;
    padding-top: 20px
}

.kp_sec_8 .kp_wfg .kp_wfgcd .pjij a {
    padding: 0 15px
}

@media (min-width:992px) and (max-width:1199px) {
    .kp_sec_8 .kp_wfg .scnphkp .scimg {
        right: 9%
    }
}

@media (max-width:991px) {
    .kp_wfgcd {
        padding-top: 20px;
        text-align: center
    }

    .kp_sec_8 .kp_wfg .kp_wfgcd .pjij {
        justify-content: center
    }

    .kp_sec_8 .kp_wfg .scnphkp .scimg {
        right: 23%
    }
}

@media (min-width:768px) {
    .phres {
        display: none
    }
}

@media (max-width:767px) {
    .scnphkp {
        text-align: center
    }

    .scnphkp .phres {
        display: initial
    }

    .scnphkp .scimg,
    .scnphkp .winres {
        display: none
    }
}

.kp_footer {
    background-color: #fafafa;
    border-radius: 10px;
    border-top: 10px solid #2d76e8;
    padding-top: 30px
}

.kp_footer .kp_ftcd1 .kp_ftcd1in {
    background: #fff;
    box-shadow: 0 6px 14px #f1f7ff;
    padding: 20px
}

.kp_footer .kp_ftcd1 .kp_ftcd1in h1 {
    color: #000;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px
}

.kp_footer .kp_ftcd1 .kp_ftcd1in h2 {
    color: #2a2a2a;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 32px
}

.kp_footer .kp_ftcd1 .kp_ftcd1in h2 span {
    font-weight: 500
}

.kp_footer .kp_ftcd1 .kp_ftcd1in .fd_inpy {
    border-bottom: 1px solid #aeaeae;
    position: relative
}

.kp_footer .kp_ftcd1 .kp_ftcd1in .fd_inpy input {
    background-color: initial;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: #2a2a2a;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    height: 50px;
    padding-left: 0;
    padding-right: 40px;
    position: relative
}

.kp_footer .kp_ftcd1 .kp_ftcd1in .fd_inpy input:focus {
    border-bottom: 1px solid #06f !important
}

.kp_footer .kp_ftcd1 .kp_ftcd1in .fd_inpy input::placeholder {
    color: #2a2a2a99
}

.kp_footer .kp_ftcd1 .kp_ftcd1in .fd_inpy:hover:before {
    width: 100%
}

.kp_footer .kp_ftcd1 .kp_ftcd1in .fd_inpy:before,
.kp_footer .kp_ftcd1 .kp_ftcd1in .fd_inpy:hover:before {
    background-color: #06f;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transition: .5s ease-in-out
}

.kp_footer .kp_ftcd1 .kp_ftcd1in .fd_inpy:before {
    width: 0
}

.kp_footer .kp_ftcd1 .kp_ftcd1in .fd_inpy .inmy {
    bottom: 0;
    position: absolute;
    right: 0;
    top: 40px
}

.kp_footer .kp_ftcd1 .kp_ftcd1in .fd_inpy .inmy button {
    background-color: initial;
    height: 50px;
    padding: 0
}

.kp_footer .kp_ftcd2 h4 {
    color: #fff
}

.kp_footer .kp_ftcd2 h5 {
    color: #2a2a2a;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 23px
}

.kp_footer .kp_ftcd2 ul {
    padding-inline-start: 0
}

.kp_footer .kp_ftcd2 ul li {
    list-style: none;
    margin-bottom: 20px
}

.kp_footer .kp_ftcd2 ul li a {
    color: #414141;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    position: relative;
    text-decoration: none
}

.kp_footer .kp_ftcd2 ul li a:hover {
    color: #1140ff
}

.kp_footer .kp_ftcd2 .ftmenus {
    justify-content: space-between
}

.kp_footer .kp_ftcd2 .fsich {
    align-items: center;
    display: flex
}

.kp_footer .kp_ftcd2 .fsich .fsichin1 {
    align-items: center;
    background: #737e8d;
    border-radius: 50%;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 32px
}

.kp_footer .kp_ftcd2 .fsich a {
    padding-right: 10px
}

.kp_footer .kp_ftcd3 {
    border-top: 1px solid #e2e2e2;
    padding: 20px 0
}

.kp_footer .kp_ftcd3 h2 {
    color: #2a2a2a;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 0;
    text-align: center
}

.kp_footer .kp_ftcd2 h3,
.kp_footer .kp_ftcd2 h4 {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 23px
}

.dark_theme .kp_footer .kp_ftcd2 h3,
.dark_theme .kp_footer .kp_ftcd2 h4 {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 23px
}

@media (max-width:991px) {
    .ftmenus {
        flex-direction: column
    }

    .kp_ftcd1in {
        padding-top: 20px
    }
}

.banrd_1 {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.SclIconSec:hover>div a {
    opacity: .4;
    transition: all .3s ease-in-out
}

.SclIconSec>div a:hover {
    opacity: 1;
    transform: scale(1.1)
}

.SclIconSec div a,
.SclIconSec>div a:hover {
    transition: all .3s ease-in-out
}

@media (max-width:1199px) {

    .banrd_1,
    .banrd_2,
    .banrd_3 {
        display: none
    }
}

@media (max-width:991px) {

    .kp_sec_1,
    .kp_sec_3 {
        padding-top: 20px
    }

    .kp_sec_4 .kp_martrecd {
        padding: 20px 30px
    }

    .kp_hd_inner,
    .kp_sec_4 .kp_martrehd h2,
    .kp_sec_5 .kpinhd h2,
    .kp_sec_6 .kpinhd h2,
    .kp_sec_7 .kpinhd h2,
    .kp_sec_8 .kpinhd h2 {
        font-size: 28px
    }

    .kp_sec_5 {
        padding-top: 20px
    }

    .kp_sec_6 {
        padding-bottom: 0;
        padding-top: 30px
    }

    .kp_sec_6 .kp_wckcd {
        margin-top: 10px;
        padding: 10px
    }

    .kp_sec_8 {
        padding-bottom: 20px;
        padding-top: 10px
    }

    .kp_sec_8 .kp_wfg .kp_wfgcd h1 {
        font-size: 28px
    }
}

.kp_hdmenufrp button {
    background-color: initial;
    border: 0;
    filter: brightness(.2);
    font-weight: 500
}

.kp_hdmenufrp button:after {
    border-top: .3em solid #a7a7a7
}

.kp_hdmenufrp button:hover {
    background-color: initial;
    filter: brightness(1)
}

.kp_hdmenufrp button:active,
.kp_hdmenufrp button:focus {
    background-color: initial !important
}

.kp_hdmenufrp button.btn-secondary {
    color: #000 !important
}

.kp_hdmenufrp button.show>.btn-secondary.dropdown-toggle {
    color: #000
}

.kp_hdmenufrp .btn-secondary {
    background-color: initial;
    box-shadow: none
}

.kp_hdmenufrp .btn-secondary:focus {
    box-shadow: none
}

.kp_hdmenufrp .btn-secondary.dropdown-toggle:focus {
    box-shadow: none !important
}

.kp_hdmenufrp .dropdown-menu {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 -1px 48px #e2f0ff;
    left: 0 !important;
    min-height: 220px;
    padding: 20px;
    top: 58px !important;
    width: 350px
}

.kp_hdmenufrp .dropdown-menu .vric1 {
    display: flex;
    padding: 15px 0 !important;
    text-decoration: none
}

.kp_hdmenufrp .dropdown-menu .vric1:after,
.kp_hdmenufrp .dropdown-menu .vric1:before {
    display: none
}

.kp_hdmenufrp .dropdown-menu .vric1 .vric1in1 {
    align-items: center;
    background-color: #f4f4f4;
    border-radius: 5px;
    color: #fff;
    display: flex;
    justify-content: center;
    margin-right: 13px;
    min-height: 32px;
    min-width: 32px
}

.kp_hdmenufrp .dropdown-menu .vric1 h1 {
    color: #2a2a2a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0
}

@media (min-width:991px) and (max-width:1199px) {

    .dark_theme .kp_hdmenufrp .dropdown-menu,
    .kp_hdmenufrp .dropdown-menu {
        height: 400px;
        left: 0 !important;
        overflow: auto;
        width: 500px !important
    }
}

.kp_hdmenufrp1 button {
    background-color: initial;
    border: 0
}

.kp_hdmenufrp1 button:after {
    border-top: .3em solid #a7a7a7
}

.kp_hdmenufrp1 button[aria-expanded=true] {
    filter: brightness(1)
}

.kp_hdmenufrp1 button:hover {
    background-color: initial;
    filter: brightness(1)
}

.kp_hdmenufrp1 button:active,
.kp_hdmenufrp1 button:focus {
    background-color: initial !important
}

.kp_hdmenufrp1 .btn-secondary {
    background-color: initial;
    box-shadow: none
}

.kp_hdmenufrp1 .btn-secondary:focus {
    box-shadow: none
}

.kp_hdmenufrp1 .btn-secondary.dropdown-toggle:focus {
    box-shadow: none !important
}

.kp_hdmenufrp1 .dropdown-menu {
    background: #fff;
    border: none;
    box-shadow: 0 -1px 48px #e2f0ff;
    padding: 20px;
    width: 210px
}

.kp_hdmenufrp1 .dropdown-menu .vric1 {
    align-items: center;
    display: flex;
    padding: 15px 0;
    text-decoration: none
}

.kp_hdmenufrp1 .dropdown-menu .vric1:after,
.kp_hdmenufrp1 .dropdown-menu .vric1:before {
    display: none
}

.kp_hdmenufrp1 .dropdown-menu .vric1 .vric1in1 {
    align-items: center;
    background-color: #f4f4f4;
    border-radius: 5px;
    color: #747474;
    display: flex;
    justify-content: center;
    margin-right: 13px;
    min-height: 32px;
    min-width: 32px
}

.kp_hdmenufrp1 .dropdown-menu .vric1 h1 {
    color: #2a2a2a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0
}

@media (max-width:991px) {
    .kp_hdmenufrp1 .dropdown-menu {
        width: 100%
    }

    .dark_theme .kp_hdmenufrp1 .dropdown-menu {
        width: 100% !important
    }
}

:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

@keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.05, 1.05, 1.05) rotate(3deg)
    }

    40%,
    60%,
    80% {
        transform: scale3d(1.05, 1.05, 1.05) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

.hrfef:hover .animate__tada {
    animation-name: tada
}

.animate__animated.animate__infinite {
    animation-iteration-count: infinite
}

.animate__animated.animate__slow {
    animation-duration: 2s;
    animation-duration: calc(var(--animate-duration)*2)
}

.animate__animated {
    animation-duration: 1s;
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

.index_hd .navbar-icon {
    border-radius: 2px;
    display: block;
    height: 3px;
    margin: 10px;
    transition: all .5s;
    width: 40px
}

.index_hd .navbar-icon:first-child {
    background: linear-gradient(95.74deg, #0a40ff 29.7%, #0a40ff 53.62%, #0a40ff 76.95%, #0a40ff 109.84%);
    width: 16px
}

.index_hd .navbar-icon:nth-last-child(2) {
    background: linear-gradient(95.74deg, #0a40ff 29.7%, #0a40ff 53.62%, #1dc2ff 76.95%, #1dc2ff 109.84%)
}

.index_hd .navbar-icon:last-child {
    background: linear-gradient(95.74deg, #0a40ff 29.7%, #1dc2ff 53.62%, #1dc2ff 76.95%, #1dc2ff 109.84%);
    width: 28px
}

.index_hd .navbar-toggler[aria-expanded=true] .navbar-icon:first-child {
    transform: rotate(45deg) translateY(1px) translateX(5px)
}

.index_hd .navbar-toggler[aria-expanded=true] .navbar-icon:nth-child(2) {
    transform: rotate(-45deg)
}

.index_hd .navbar-toggler[aria-expanded=true] .navbar-icon:last-child {
    transform: rotate(45deg) translateY(-13px) translateX(2px)
}

.index_hd .navbar-toggler {
    background-color: initial;
    border: 0;
    border-radius: 0;
    height: 55px;
    padding: 0;
    width: 55px
}

.index_hd .navbar-toggler:focus {
    box-shadow: none
}

.kptoglecs .switch {
    border: none;
    border-radius: 58px;
    display: inline-block;
    height: 28px;
    position: relative;
    width: 57px
}

.kptoglecs .switch input {
    height: 0;
    opacity: 0;
    width: 0
}

.kptoglecs .slider {
    background-color: #2a2a2a;
    border-radius: 58px;
    bottom: 0;
    cursor: pointer;
    height: 20px;
    left: 0;
    position: absolute;
    right: 0;
    top: 4px;
    transition: .4s;
    width: 52px
}

.kptoglecs .slider:before {
    align-items: center;
    background-color: #06f;
    border-radius: 50%;
    bottom: 2px;
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIzLTA1LTAyVDEzOjA2OjMzKzA1OjMwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMy0wNS0wMlQxMzoxNToxMiswNTozMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMy0wNS0wMlQxMzoxNToxMiswNTozMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpkMTExZWU5ZC1jYjgzLWY3NDYtYjFiMS1kMGNiNzUyYThmMzkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ZDExMWVlOWQtY2I4My1mNzQ2LWIxYjEtZDBjYjc1MmE4ZjM5IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ZDExMWVlOWQtY2I4My1mNzQ2LWIxYjEtZDBjYjc1MmE4ZjM5Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpkMTExZWU5ZC1jYjgzLWY3NDYtYjFiMS1kMGNiNzUyYThmMzkiIHN0RXZ0OndoZW49IjIwMjMtMDUtMDJUMTM6MDY6MzMrMDU6MzAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4IN0hPAAABLElEQVQokV2STSvEURTGfzPMgkhRFkZNXoalLGyZovABLCcfwsJO8RGwtBNbFt5KIlITSytMppFQ8jJlZ/GzcP/1d0/dbrfnOc95zrknoxJFCRgBCsAaUIsJqMkpqBdqXX1RG2p/wFbU5oSbJAyqb+qmOqweqHMB2/YvrtUBlSyQA9aBClAO7yKwBzQBd8AnsAs8J/ZKalXtCsrloJq2Phvu1qTSDHALvIc2n4BOoD3V+mFw8QCMZoEO4D5FuAJegKVoZg3gEvhBXVZ3Ijtj6qu6qGYiDNRx9Uvti8Bp9VGtqKvqhnqs5lFz6rl6FCuq3eqkuhDGfqq2JGBR/VD31Z4osVfdUmuBRya1RkPhvwpANaxPHhgHboB5oA78S0piCpgA2oBv4AQ4SxN+AVSDUCF0AclXAAAAAElFTkSuQmCC);
    display: flex;
    height: 17px;
    justify-content: center;
    left: 3px;
    padding: 3px 2px 2px 3px;
    position: absolute;
    transition: .4s;
    width: 17px
}

.kptoglecs input:checked+.slider {
    background-color: #ebebeb
}

.kptoglecs input:checked+.slider:before {
    background-color: #fff;
    content: url(kpsn.0d7a4428a6c58655427e.webp);
    padding: 8px 3px 2px;
    transform: translateX(31px)
}

.drpdnji button {
    border: none;
    padding: 0
}

.drpdnji button,
.drpdnji button:focus,
.drpdnji button:hover {
    background-color: initial
}

.drpdnji button:after {
    display: none
}

.drpdnji .dropdown-menu {
    background: #fff;
    border: none;
    border-radius: 4px;
    box-shadow: 0 -1px 48px #e2f0ffb0;
    min-width: 240px;
    padding: 20px
}

.drpdnji .dropdown-menu .scq_ji {
    text-align: center
}

.drpdnji .dropdown-menu .scq_ji h2 {
    color: #2a2a2a;
    font-size: 12px;
    font-style: normal;
    font-weight: 500
}

.drpdnji .dropdown-menu .scq_ji h2 span {
    color: #06f
}

.lithe {
    display: initial
}

.drthe {
    display: none
}

.dark_theme .index_hd .navbarbg,
.dark_theme .indexnewkp-body {
    background: #030204
}

.dark_theme .lithe {
    display: none
}

.dark_theme .drthe {
    display: initial
}

.dark_theme .kp_hdmenu li a {
    color: #fff
}

.dark_theme .kp_hdbtn.kp_hdbtns span {
    border: .8px solid #ffffff52
}

.dark_theme .kp_hdmenufrp button.btn-secondary {
    color: #fff !important
}

.dark_theme .kp_hdbtn.kp_hdbtns span {
    color: #fff
}

.dark_theme .kp_hdbtn.kp_hdbtns span:first-child {
    border: .8px solid #0000;
    color: #0000
}

.dark_theme .kp_hdbtn.kp_hdbtns:hover span:first-child {
    border: .8px solid #ffffff52;
    color: #fff
}

.dark_theme .kp_sec_1 .kpbnse h1,
.dark_theme .kp_sec_1 .kpbnse h2 {
    color: #fff
}

.dark_theme .kp_sec_1 .kpbnse p {
    color: #d3d3d3
}

.dark_theme .kp_hd_inner,
.dark_theme .kp_sec_4 .kp_martrehd h2,
.dark_theme .kp_sec_5 .kpinhd h2,
.dark_theme .kp_sec_6 .kpinhd h2,
.dark_theme .kp_sec_7 .kpinhd h2,
.dark_theme .kp_sec_8 .kpinhd h2,
.kp_sec_4 .kp_martrehd .dark_theme h2,
.kp_sec_5 .kpinhd .dark_theme h2,
.kp_sec_6 .kpinhd .dark_theme h2,
.kp_sec_7 .kpinhd .dark_theme h2,
.kp_sec_8 .kpinhd .dark_theme h2 {
    color: #fff
}

.dark_theme .kp_sec_4 .kp_martrecd {
    background: #151515;
    box-shadow: 0 6px 44px #000
}

.dark_theme .kp_sec_4 .kp_martrecd .kpmt_tab_hd li a {
    color: #848484
}

.dark_theme .kp_sec_4 .kp_martrecd .kphm_tbhd tr th,
.dark_theme .kp_sec_4 .kp_martrecd .kpmt_tab_hd li a.active,
.dark_theme .kp_sec_4 .kp_martrecd .kpmt_tab_hd li a:hover {
    color: #fff
}

.dark_theme .kp_sec_4 .kp_martrecd .kphm_tbbdy tr td {
    color: #848484
}

.dark_theme .kp_sec_4 .kp_martrecd .kphm_tbbdy tr td.text-greentb {
    color: #1fc594
}

.dark_theme .kp_sec_4 .kp_martrecd .kphm_tbbdy tr td.text-redtb {
    color: #f6465d
}

.dark_theme .kp_sec_5 .kpinhd p {
    color: #fff
}

.dark_theme .kp_sec_5 .kprft .kprft_1 {
    background: #151515;
    box-shadow: 0 7px 30px #000
}

.dark_theme .kp_sec_5 .kprft .kprft_1 h2 {
    color: #fff
}

.dark_theme .kp_sec_5 .kprft .kprft_1 h3 {
    color: #a1a1a1
}

.dark_theme .kp_sec_5 .kprft .kprft_2 {
    background: #151515;
    box-shadow: 0 7px 30px #000
}

.dark_theme .kp_sec_5 .kprft .kprft_2 h2 {
    color: #fff
}

.dark_theme .kp_sec_5 .kprft .kprft_2 h3 {
    color: #a1a1a1
}

.dark_theme .kp_sec_5 .kprft .kprft_3 {
    background: #151515;
    box-shadow: 0 7px 30px #000
}

.dark_theme .kp_sec_5 .kprft .kprft_3 h2 {
    color: #fff
}

.dark_theme .kp_sec_5 .kprft .kprft_3 h3 {
    color: #a1a1a1
}

.dark_theme .kp_sec_6 .kp_wckcd h2 {
    color: #fff
}

.dark_theme .kp_sec_6 .kp_wckcd h1 {
    color: #fff3
}

.dark_theme .kp_sec_6 .kp_wckcd p {
    color: #a2a2a2
}

.dark_theme .kp_sec_6 .kp_wckcd .icwkp {
    background: #1b1b1b
}

.dark_theme .kp_sec_6 .kpinhd .kp_wck:before {
    background-image: url(bgwckdk.118978cdf77731034a18.webp)
}

.dark_theme .kp_sec_6 .kpinhd .kp_wck h3 {
    color: #a2a2a2
}

.dark_theme .kp_hdmenufrp button,
.dark_theme .kp_hdmenufrp1 button {
    filter: brightness(1)
}

.dark_theme .kp_sec_7 .kpinhd p,
.dark_theme .kp_sec_8 .kpinhd p {
    color: #fff
}

.dark_theme .kp_footer {
    background-color: #131313
}

.dark_theme .kp_footer .kp_ftcd1 .kp_ftcd1in {
    background: #070507;
    box-shadow: 0 4px 30px #0000007d
}

.dark_theme .kp_footer .kp_ftcd1 .kp_ftcd1in h1 {
    color: #fff
}

.dark_theme .kp_footer .kp_ftcd1 .kp_ftcd1in h2 {
    color: #ffffff7d
}

.dark_theme .kp_footer .kp_ftcd1 .kp_ftcd1in .fd_inpy input,
.dark_theme .kp_footer .kp_ftcd1 .kp_ftcd1in .fd_inpy input::placeholder,
.dark_theme .kp_footer .kp_ftcd1 .kp_ftcd1in .fd_inpy input:focus {
    color: #fff9
}

.dark_theme .kp_footer .kp_ftcd1 .kp_ftcd1in .fd_inpy {
    border-bottom: .5px solid #aeaeae
}

.dark_theme .kp_footer .kp_ftcd1 .kp_ftcd1in .fd_inpy:hover:before {
    bottom: -1px
}

.dark_theme .kp_footer .kp_ftcd2 h5 {
    color: #fff
}

.dark_theme .kp_footer .kp_ftcd2 ul li a {
    color: #8d98a7
}

.dark_theme .kp_footer .kp_ftcd2 ul li a:hover {
    color: #06f
}

.dark_theme .kp_footer .kp_ftcd2 .fsich .fsichin1 {
    background: #070507
}

.dark_theme .kp_footer .kp_ftcd3 {
    border-top: 1px solid #e2e2e22e
}

.dark_theme .kp_footer .kp_ftcd3 h2 {
    color: #848e9c
}

.dark_theme .kp_hdmenufrp .dropdown-menu {
    background: #0d0d0d;
    border-radius: 5px;
    box-shadow: 0 -1px 48px #000;
    left: 0 !important;
    min-height: 220px;
    padding: 20px;
    top: 55px !important;
    width: 350px
}

.dark_theme .kp_hdmenufrp .dropdown-menu .vric1 h1 {
    color: #fff
}

.dark_theme .kp_hdmenufrp .dropdown-menu .vric1 .vric1in1 {
    background: #030204;
    margin-right: 13px
}

.dark_theme .kp_hdmenufrp1 .dropdown-menu {
    background: #0d0d0d;
    box-shadow: 0 -1px 48px #000;
    width: 210px
}

.dark_theme .kp_hdmenufrp1 .dropdown-menu .vric1 h1 {
    color: #fff
}

.dark_theme .kp_hdmenufrp1 .dropdown-menu .vric1 .vric1in1 {
    background: #030204
}

.dark_theme .drpdnji .dropdown-menu {
    background: #0d0d0d;
    box-shadow: 0 -1px 48px #000
}

.dark_theme .drpdnji .dropdown-menu .scq_ji h2 {
    color: #fff
}

.dark_theme .navhdtem {
    background-color: #030204
}

.kp_hdmenufrp_cry .dropdown-menu {
    background: #0d0d0d;
    box-shadow: 0 -1px 48px #000;
    top: 58px
}

.widDrop .dropdown-menu {
    background: #0d0d0d;
    box-shadow: 0 -1px 48px #000;
    top: 20px;
    width: 415px !important
}

.kp_hdmenufrp_cry .dropdown-menu .vric1 h1 {
    color: #fff
}

.kp_hdmenufrp_cry .dropdown-menu .vric1 .vric1in1 {
    background: #030204
}

.kp_hdmenufrp_cry button.btn-secondary {
    color: #2a2a2a;
    font-weight: 500
}

.kp_hdmenu .btn-secondary:not(:disabled):not(.disabled).active,
.kp_hdmenu .btn-secondary:not(:disabled):not(.disabled):active,
.kp_hdmenu .show>.btn-secondary.dropdown-toggle {
    color: #2a2a2a
}

.kp_hdmenufrp_cry button {
    background-color: initial;
    border: 0;
    color: #2a2a2a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 0
}

.kp_hdmenufrp_cry button:after {
    border-top: .3em solid #a7a7a7
}

.kp_hdmenufrp_cry button[aria-expanded=true] {
    filter: brightness(1)
}

.kp_hdmenufrp_cry button:hover {
    background-color: initial;
    filter: brightness(1)
}

.kp_hdmenufrp_cry button:active,
.kp_hdmenufrp_cry button:focus {
    background-color: initial !important
}

.kp_hdmenufrp_cry .btn-secondary {
    background-color: initial;
    box-shadow: none
}

.kp_hdmenufrp_cry .btn-secondary:focus {
    box-shadow: none
}

.kp_hdmenufrp_cry .btn-secondary.dropdown-toggle:focus {
    box-shadow: none !important
}

.kp_hdmenufrp_cry .dropdown-menu {
    background: #fff;
    border: none;
    box-shadow: 0 -1px 48px #e2f0ff;
    padding: 20px;
    width: 515px
}

.kp_hdmenufrp_cry .dropdown-menu .vric1 {
    align-items: start;
    display: flex;
    padding: 15px 0 !important;
    text-decoration: none
}

.kp_hdmenufrp_cry .dropdown-menu .vric1:after,
.kp_hdmenufrp_cry .dropdown-menu .vric1:before {
    display: none
}

.kp_hdmenufrp_cry .dropdown-menu .vric1 .vric1in1 {
    align-items: center;
    background-color: #f4f4f4;
    border-radius: 5px;
    color: #fff;
    display: flex;
    justify-content: center;
    margin-right: 13px;
    min-height: 32px;
    min-width: 32px
}

.kp_hdmenufrp_cry .dropdown-menu .vric1 h1 {
    color: #2a2a2a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0
}

.kp_hdmenufrp_cry .dropdown-menu .vric1 p {
    color: #6b6b6b;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0
}

.dark_theme .kp_hdmenufrp_cry button.btn-secondary {
    color: #fff
}

.dark_theme .kp_hdmenufrp_cry .dropdown-menu {
    background: #0d0d0d;
    box-shadow: 0 -1px 48px #000
}

.dark_theme .kp_hdmenufrp_cry .dropdown-menu .vric1 h1 {
    color: #fff
}

.dark_theme .kp_hdmenufrp_cry .dropdown-menu .vric1 .vric1in1 {
    background: #030204;
    margin-right: 13px
}

.dark_theme .kp_hdmenu .btn-secondary:not(:disabled):not(.disabled).active,
.dark_theme .kp_hdmenu .btn-secondary:not(:disabled):not(.disabled):active,
.dark_theme .kp_hdmenu .show>.btn-secondary.dropdown-toggle {
    color: #fff
}

.kp_hdbtn1 {
    border-radius: 4px;
    min-height: 40px;
    min-width: 100px
}

.kp_hdbtn1.kp_hdbtns {
    align-items: center;
    background: #0000;
    border: none;
    border-radius: 4px;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    justify-content: center;
    line-height: 42px;
    min-height: 44px;
    perspective: 230px;
    position: relative;
    z-index: 1
}

.kp_hdbtn1.kp_hdbtns span {
    background: #0000;
    border: 1px solid #2a2a2a52;
    border-radius: 5px;
    box-sizing: border-box;
    color: #2a2a2a;
    display: block;
    height: 100%;
    margin: 0;
    position: absolute;
    text-align: center;
    transition: all .3s;
    width: 100%
}

.kp_hdbtn1.kp_hdbtns span:first-child {
    color: #0000;
    transform: rotateX(90deg);
    transform-origin: 50% 50% -20px
}

.kp_hdbtn1.kp_hdbtns span:nth-child(2) {
    transform: rotateX(0deg);
    transform-origin: 50% 50% -20px
}

.kp_hdbtn1.kp_hdbtns:hover span:first-child {
    color: #2a2a2a;
    transform: rotateX(0deg)
}

.kp_hdbtn1.kp_hdbtns:hover span:nth-child(2) {
    color: #0000 !important;
    transform: rotateX(-90deg)
}

.kp_hdbtn1.nd_hdsbtn2 {
    align-items: center;
    background: #0000;
    border: none;
    border-radius: 4px;
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    justify-content: center;
    line-height: 27px;
    min-height: 30px;
    min-width: 85px;
    perspective: 230px;
    position: relative;
    z-index: 1
}

.kp_hdbtn1.nd_hdsbtn2 span {
    background: #0000;
    border: 1px solid #2a2a2a52;
    border-radius: 5px;
    box-sizing: border-box;
    color: #2a2a2a;
    display: block;
    height: 100%;
    margin: 0;
    position: absolute;
    text-align: center;
    transition: all .3s;
    width: 100%
}

.kp_hdbtn1.nd_hdsbtn2 span:first-child {
    border: #0000;
    color: #0000;
    transform: rotateX(90deg);
    transform-origin: 50% 50% -20px
}

.kp_hdbtn1.nd_hdsbtn2 span:nth-child(2) {
    transform: rotateX(0deg);
    transform-origin: 50% 50% -20px
}

.kp_hdbtn1.nd_hdsbtn2:hover span:first-child {
    border: 1px solid #2a2a2a52;
    color: #2a2a2a;
    transform: rotateX(0deg)
}

.kp_hdbtn1.nd_hdsbtn2:hover span:nth-child(2) {
    border: #0000;
    color: #0000;
    transform: rotateX(-90deg)
}

.kp_hdbtn1.nd_hdsbtn1 {
    font-size: 11px;
    line-height: 22px;
    min-height: 24px;
    min-width: 80px
}

.kp_hdbtn1.nd_hdsbtn1 span {
    box-sizing: border-box;
    transition: all .4s
}

.kp_hdbtn1.nd_hdsbtn1 span:first-child {
    transform: rotateX(90deg);
    transform-origin: 64% 64% -15px
}

.kp_hdbtn1.nd_hdsbtn1 span:nth-child(2) {
    transform: rotateX(0deg);
    transform-origin: 50% 50% -6px
}

.kp_hdbtn1.nd_hdsbtn1:hover span:first-child {
    color: #fff;
    transform: rotateX(0deg)
}

.kp_hdbtn1.nd_hdsbtn1:hover span:nth-child(2) {
    color: #0000;
    transform: rotateX(-90deg)
}

.sectit .metapark-txt {
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 4.2px;
    line-height: normal
}

.sectit .sec-mainName {
    color: #131313;
    font-size: 36px;
    font-style: normal;
    font-weight: 400
}

.dark_theme .sectit .sec-mainName {
    color: #fff;
    font-size: 36px;
    font-style: normal;
    font-weight: 400
}

.mod_btn {
    background: #000;
    border: 1px solid #000;
    border-radius: 20px;
    bottom: 20px;
    color: #f5c533;
    font-weight: 700;
    left: 50%;
    letter-spacing: 1px;
    transform: translateX(-50%)
}

.mod_btn:hover {
    background-color: #f5bd2f !important;
    border-color: #a28521 !important;
    color: #1c1c1c !important
}

.digi {
    font-size: 44px !important
}

.digiD {
    color: #fff;
    font-size: 32px !important
}

.kp_wfgcd span {
    color: #06f !important;
    font-weight: 500 !important
}

.css-vqmh20 {
    background-color: #2b3139;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    min-height: 56px;
    padding-bottom: 16px;
    padding-top: 16px
}

.css-15tjdvs,
.css-vqmh20 {
    box-sizing: border-box;
    min-width: 0
}

.css-15tjdvs {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    max-width: 1240px;
    padding-left: 16px;
    padding-right: 16px
}

.css-1uoge8i {
    box-sizing: border-box;
    margin: 0 16px 0 0;
    min-width: 0
}

.css-naq453 {
    color: #c99400
}

.css-naq453,
.css-rc447c {
    box-sizing: border-box;
    margin: 0;
    min-width: 0
}

.css-rc447c {
    color: #fff
}

.css-uwm9lp {
    background-color: #474d57;
    border-radius: 4px;
    box-sizing: border-box;
    color: #e6e8ea;
    cursor: pointer;
    flex: 0 0 auto;
    font-size: 12px;
    margin: 0;
    min-width: 0;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (max-width:767px) {
    .mod_btn {
        bottom: 10px;
        font-size: 12px;
        height: 30px
    }
}

@media (max-width:768px) {
    .mod_btn {
        display: block;
        margin: 0 auto;
        position: static
    }
}

@media (max-width:991px) {

    .dark_theme .kp_hdmenufrp_cry .dropdown-menu,
    .kp_hdmenufrp_cry .dropdown-menu {
        left: 50% !important;
        max-height: 300px;
        overflow: auto;
        top: -10px !important;
        transform: translate(-50%, 34px) !important;
        width: 320px !important
    }

    .dark_theme .kp_hdmenufrp .dropdown-menu,
    .kp_hdmenufrp .dropdown-menu {
        height: 400px;
        left: 50% !important;
        overflow: auto;
        transform: translate(-50%, 34px) !important;
        width: 320px !important
    }

    .menulist_resp {
        width: 100%
    }

    .menulist_resp .kp_hdmenufrp {
        text-align: center;
        width: 100%
    }
}

@media (max-width:767px) {
    .kpmt_tab_hd {
        justify-content: center
    }
}

.fixed-bottom-bar {
    background-color: #fff;
    border-radius: 5px;
    bottom: 5px;
    max-width: 100% !important;
    padding: 10px;
    position: fixed;
    z-index: 1000
}

.label_ment {
    align-items: center;
    flex-direction: row;
    justify-content: space-evenly !important
}

.clos_dwn {
    font-weight: 800;
    position: absolute;
    right: 5px;
    top: 0
}

.sing-btn_dwn {
    background: #1140ff;
    border-radius: 6px;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    padding: 7.5px 13px
}

.kpinhd1 button {
    align-items: center;
    background: #0000;
    border: none;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    line-height: 42px;
    margin-bottom: 10px;
    min-height: 44px;
    perspective: 230px;
    position: relative;
    width: 120px;
    z-index: 1
}

.kpinhd1 button span {
    background: #1140ff;
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
    height: 100%;
    margin: 0;
    position: absolute;
    text-align: center;
    transition: all .3s;
    width: 100%
}

.new_announce_pop .css-1t2core {
    align-items: center;
    background-color: #00000080;
    box-sizing: border-box;
    display: flex;
    flex-direction: unset;
    inset: 0;
    justify-content: center;
    margin: 0;
    min-width: 0;
    position: fixed;
    width: 100%;
    z-index: 1000
}

.new_announce_pop .css-dr29xv {
    animation: animation-1wqz9z0 .3s ease-in-out 0s 1 normal none running;
    z-index: 1000
}

.new_announce_pop .css-1aggeek,
.new_announce_pop .css-dr29xv {
    background-color: #1e2329;
    border-radius: 6px;
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    position: relative
}

.new_announce_pop .css-1aggeek {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    padding: 0
}

@media screen and (min-width:768px) {
    .new_announce_pop .css-1aggeek {
        max-width: 300px
    }

    .new_announce_pop .css-yh7eaw {
        height: 180px;
        width: 375px
    }
}

@media only screen and (min-width:768px) {

    .new_announce_pop .theme-root,
    .new_announce_pop .theme-root * {
        --scroll-pad: 2px;
        --scroll-size: 10px
    }
}

.new_announce_pop .css-yh7eaw {
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    height: auto;
    margin: 0;
    min-width: 0;
    position: relative;
    width: 100%
}

.new_announce_pop .css-bxm2bf {
    fill: currentcolor;
    box-sizing: border-box;
    color: #848e9c;
    cursor: pointer;
    font-size: 24px;
    height: 1em;
    margin: 0;
    min-width: 0;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 1em
}

.new_announce_pop .css-9taffg {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-sizing: border-box;
    height: auto;
    margin: 0;
    max-width: 100%;
    min-width: 0
}

.new_announce_pop .css-u3z1os {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 0;
    min-width: 0;
    padding: 24px 24px 32px
}

.new_announce_pop .css-11wkpx4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px
}

.new_announce_pop .css-11wkpx4,
.new_announce_pop .css-1y8w3e1 {
    box-sizing: border-box;
    color: #eaecef;
    margin: 0;
    min-width: 0;
    text-align: center
}

.new_announce_pop .css-1y8w3e1 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding-bottom: 24px;
    padding-top: 16px
}

.new_announce_pop .css-91xpz4 {
    align-items: center;
    -webkit-appearance: none;
    appearance: none;
    background-color: #1140ff !important;
    background-image: none !important;
    border: none;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fefeff !important;
    cursor: pointer;
    display: inline-flex;
    font-family: B;
    font-size: 16px;
    font-weight: 700;
    justify-content: center;
    line-height: 20px;
    margin: 0;
    min-height: 24px;
    min-width: 52px;
    outline: none;
    overflow: hidden;
    padding: 12px !important;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    word-break: keep-all
}

.new_announce_pop .css-10rzidz {
    fill: currentcolor;
    box-sizing: border-box;
    color: currentcolor;
    font-size: 24px;
    height: 1em;
    margin: 0 4px 0 0;
    min-width: 0;
    width: 1em
}

.new_announce_pop .css-11wkpx555 {
    box-sizing: border-box;
    color: #eaecef;
    font-size: 15px;
    font-weight: 600;
    line-height: 28px;
    margin: 0;
    min-width: 0;
    text-align: center
}

.banner-slider_img {
    border-radius: 10px
}

.crypto-count {
    font-weight: 700
}

.mediaWidth {
    font-size: 40px !important;
    font-weight: 800 !important;
    line-height: 64px !important
}

@media screen and (max-width:436px) {
    .mediaWidth {
        font-size: 34px !important;
        line-height: 52px !important
    }
}

.dark_theme .demo-btn .btn-demo {
    border: .8px solid #ffffff80 !important;
    color: #fff
}

.demo-btn .btn-demo {
    border: 1px solid #bababa !important;
    color: #000
}

.hbc-header-text {
    font-size: 46px;
    font-weight: 500;
    line-height: 70px
}

.hbc-header-text span {
    color: #0079ea;
    font-size: 47px;
    font-weight: 600;
    line-height: 70px
}

.htb-card .card {
    border: none !important;
    box-shadow: 0 4px 4px 0 #0000000d
}

.hbc-text {
    color: #646667
}

.hbc-text a {
    color: #2d76e8
}

.hbtcbtn {
    background: #2d76e8
}

.hbtc-img {
    height: 55px
}

.section-two-buy-bitcoin .bticoin-summary h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 32.68px
}

.section-two-buy-bitcoin .bitcoin-reason-buy .card {
    border-bottom: none !important;
    border-left: 10px solid #0076e8;
    border-radius: 10px;
    border-right: none !important;
    border-top: none !important;
    box-shadow: 0 4px 4px 0 #0000000d
}

.section-two-buy-bitcoin .bitcoin-reason-buy .bticoin-reason {
    line-height: 34px;
    padding: 20px 30px 5px
}

.section-two-buy-bitcoin .bitcoin-reason-buy .bticoin-reason-bites p {
    font-size: 18px;
    font-weight: 500
}

.section-two-buy-bitcoin .bitcoin-reason-buy .bticoin-reason-bites span {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.section-two-buy-bitcoin .bitcoin-top-currency {
    display: flex;
    justify-content: space-between
}

.section-two-buy-bitcoin .bitcoin-top-currency .bit-currecny {
    align-items: center;
    display: flex;
    justify-content: center
}

.section-two-buy-bitcoin .why-htb h2 {
    font-size: 39px;
    font-weight: 400;
    line-height: 56px
}

.section-two-buy-bitcoin .why-htb span {
    color: #0076e8;
    font-size: 38px;
    font-weight: 600;
    line-height: 56px
}

.section-two-buy-bitcoin .why-htb .htb-offers {
    padding: 20px
}

.section-two-buy-bitcoin .why-htb .htb-offers-list p {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: center
}

.hbtc-steps {
    font-weight: 400
}

.hbtc-steps,
.hbtc-steps span {
    font-size: 44px;
    line-height: 56px;
    text-align: left
}

.hbtc-steps span {
    color: #0076e8;
    font-weight: 600
}

.btc-steps-head {
    color: #0076e8;
    font-size: 20px;
    font-weight: 700;
    line-height: 27.24px
}

.h1-bg {
    background: #f5f7fb;
    border-radius: 50%;
    text-align: center;
    width: 30px
}

.h1-span1,
.h1-span2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 32.68px;
    text-align: left
}

.h1-span2 {
    color: #0076e8
}

.card {
    border: none;
    box-shadow: 0 3px 10px #0000000d
}

.card .buy-btc-steps {
    padding: 10px
}

.btc-steps-btn {
    text-align: center
}

.btc-steps-img {
    left: 18%;
    top: 20%;
    transform: translate(50%, -50%)
}

.img-position {
    position: relative;
    top: 5%
}

.lycStl-htb span {
    color: #0076e8;
    font-weight: 600
}

.htb-why-bit .card {
    border: none !important;
    border-radius: 15px;
    box-shadow: 0 3px 10px #0000000d
}

.htb-why-bit .card .why-htb {
    padding: 35px
}

hr {
    border: none;
    border-bottom: 1px solid #dcdcdc;
    margin: 20px 0
}

.dark_theme .htb-card .card {
    background: #131313;
    border: none !important;
    box-shadow: 0 4px 4px 0 #0000000d
}

.dark_theme .section-two-buy-bitcoin .bitcoin-reason-buy .card {
    background: #131313;
    border-bottom: none !important;
    border-left: 10px solid #0076e8;
    border-radius: 10px;
    border-right: none !important;
    border-top: none !important;
    box-shadow: 0 4px 4px 0 #0000000d
}

.dark_theme hr {
    border: none;
    border-bottom: 1px solid #2b2b2b;
    margin: 20px 0
}

.dark_theme .htb-why-bit .card {
    background: #131313;
    border: none !important;
    border-radius: 15px;
    border-radius: 20px;
    box-shadow: 0 3px 10px #0000000d
}

.dark_theme .lycFaqCd-htb {
    background-color: #0b0b0b
}

.dark_theme .card {
    background: #151515;
    border: none;
    border-radius: 20px;
    box-shadow: 0 3px 10px #0000000d
}

.dark_theme .card .buy-btc-steps {
    padding: 10px
}

.dark_theme .h1-bg {
    background: #262525;
    border-radius: 50%;
    text-align: center;
    width: 30px
}

.dark_theme .hbc-text {
    color: #fff
}

.dark_theme .hbc-text a {
    color: #2d76e8
}

.cal-htb {
    left: 60%;
    position: absolute;
    transform: translate(50%, -20%);
    z-index: 1
}

.card-body.custom-border {
    border: 1px solid #e9e9e9
}

.dark_theme .card-body.custom-border {
    border: 1px solid #292727
}

.nhfits {
    background-color: #fff;
    color: #fff;
    min-height: 100vh
}

.dark_theme .nhfits {
    background-color: #000204
}

body.dark_theme .nhfits .showLight {
    display: none
}

.index-body {
    background: linear-gradient(180deg, #fff, #f4f5fa)
}

.btn:focus {
    box-shadow: none
}

.index-body {
    font-family: B
}

.lottery-rs-nav {
    color: #111;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

.lottery-rs-nav:hover {
    color: #1140ff;
    transition: all .5s
}

.connect-wallet-btn-nav {
    background-color: initial
}

.connect-wallet-btn-nav:hover {
    background: #1140ff;
    color: #fff;
    transition: all .5s
}

.connect-wallet-btn-nav-1 {
    background: #1140ff;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

.connect-wallet-btn-nav-1:hover {
    background: #111;
    color: #fff;
    transition: all .5s
}

.navbar-index {
    padding: 0
}

.bammer-sec-1 h2 {
    color: #111;
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 1rem;
    margin-top: 0
}

.bammer-sec-1 h2 span {
    color: #1140ff
}

.bammer-sec-1 p {
    color: #707a8a;
    font-size: 20px;
    font-style: normal;
    font-weight: 300
}

.bammer-sec-1 h3 {
    color: #111;
    font-size: 24px;
    font-style: normal;
    font-weight: 500
}

.bammer-sec-1 h4 {
    color: #707a8a;
    font-size: 15px;
    font-style: normal;
    font-weight: 300
}

.banner-inner-1 {
    position: relative
}

.banner-inner-1 button {
    align-items: center;
    display: flex;
    gap: 5px;
    justify-content: center
}

.banner-inner-2 {
    padding: 0 30px;
    position: relative
}

.banner-inner-2:after {
    background-color: #e0e2ee;
    content: "";
    height: 90%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.btn-hd-sec-1 {
    background: #0076e8;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    padding: 7px 20px
}

.btn-hd-sec-1:hover {
    background: #111;
    color: #fff;
    transition: all .5s
}

.bit-sec-2 h2 {
    color: #111;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

.bit-sec-2 h3 {
    color: #707a8a;
    font-size: 14px;
    font-weight: 400
}

.bit-sec-2 h4 {
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

.text-green {
    color: #0da62f !important
}

.text-red {
    color: #f91717 !important
}

.text-blue {
    color: #1140ff !important
}

.owl-car-banner .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #1140ff
}

.owl-car-banner button:focus {
    outline: none
}

.market-hd {
    color: #111;
    font-size: 36px;
    font-style: normal;
    font-weight: 500
}

.body-table-home-page tr td h2 {
    color: #111;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0
}

.body-table-home-page tr td h3 {
    color: #707a8a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0
}

.head-table-home-page tr th {
    color: #707a8a;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    white-space: nowrap
}

.head-table-home-page tr {
    background: #f8f8f9;
    border: 0;
    border-radius: 6px
}

.body-table-home-page tr {
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 15px;
    padding-top: 15px
}

.body-table-home-page tr:last-child {
    border-bottom: none
}

.body-table-home-page tr td {
    vertical-align: middle;
    white-space: nowrap
}

.body-table-home-page .btn,
.body-table-home-page tr td {
    color: #111;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.body-table-home-page .btn {
    background-color: initial;
    border: 1.5px solid #e0e2ee;
    border-radius: 6px;
    min-height: 40px;
    min-width: 90px
}

.body-table-home-page .btn:hover {
    background: #1140ff;
    border: 1.5px solid #1140ff;
    color: #fff
}

.view-btn {
    background-color: initial !important;
    border: 1.5px solid #e0e2ee !important;
    border-radius: 6px;
    color: #111 !important;
    font-size: 15px;
    font-weight: 400;
    min-height: 19px;
    min-width: 74px
}

.view-btn:hover {
    background: #1140ff !important;
    border: 1.5px solid #1140ff !important;
    color: #fff !important
}

.table-total-cd-1 {
    background: #fff;
    border: 1px solid #fafafa;
    border-radius: 6px;
    padding: 10px 30px
}

.build-ur-ul ul {
    list-style-image: url(check-circle.e9b387a4b4550b3c51fc.webp)
}

.build-ur-ul ul li p {
    color: #707a8a;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    padding-left: 20px
}

.build-ur-ul ul li p span {
    color: #111
}

.build-ur-ul ul li {
    padding-top: 25px
}

.card-inx-six h2 {
    color: #111;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 39px
}

.card-inx-six p {
    color: #707a8a;
    font-size: 15px;
    font-style: normal;
    font-weight: 300
}

.card-inx-six-1 {
    background: #fff;
    border-radius: 20px;
    padding: 20px
}

.card-inx-six-1-img {
    min-height: 50px
}

.card-inx-six-1 h2 {
    color: #111;
    font-size: 20px;
    font-style: normal;
    font-weight: 500
}

.card-inx-six-1 p {
    color: #707a8a;
    font-size: 15px;
    font-style: normal;
    font-weight: 300
}

.index-six {
    background-color: #f8f9fc
}

.market-hd-p {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 0
}

@media (max-width:767px) {
    .ios-ph {
        margin-bottom: 25px
    }
}

.ios-ph h2 {
    color: #707a8a
}

.ios-ph h2,
.ios-ph h3 {
    font-size: 16px;
    font-style: normal;
    font-weight: 300
}

.ios-ph h3 {
    color: #111
}

.join-hd-1 {
    color: #fff;
    font-size: 34px;
    font-style: normal;
    font-weight: 500
}

.navigation-1 p {
    color: #707a8a;
    font-size: 15px;
    font-style: normal;
    font-weight: 300
}

.navigation-2 h5 {
    color: #111;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0
}

.navigation-2 ul li {
    list-style: none;
    padding-top: 10px
}

.navigation-2 ul li,
.navigation-2 ul li a {
    color: #707a8a;
    font-size: 15px;
    font-style: normal;
    font-weight: 300
}

.navigation-2 ul li a {
    text-decoration: none
}

.navigation-2 ul li a:hover {
    color: #1140ff;
    transition: all .5s
}

.navigation-2 ul {
    padding-inline-start: 0
}

.navigation-1 {
    padding-right: 50px
}

.index-footer {
    background-color: #fff
}

@media (max-width:767px) {
    .index-footer {
        padding-top: 25px
    }
}

.theend h2 {
    color: #707a8a;
    font-size: 14px;
    font-style: normal;
    font-weight: 300
}

.theend {
    background: #f8f8f9;
    border-radius: 6px;
    padding: 10px 0
}

.theendtop {
    padding: 20px 0
}

@media (max-width:767px) {
    .theendtop {
        padding: 0 0 20px
    }
}

.theendtop .soclst {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

@media (max-width:767px) {
    .theendtop .soclst {
        justify-content: flex-start
    }
}

.icon-end-soc a {
    color: #707a8a;
    font-size: 24px;
    margin-right: 25px
}

@media (max-width:575px) {
    .icon-end-soc a {
        margin-right: 15px
    }
}

.icon-end-soc a:hover {
    color: #1140ff
}

.login-left {
    background-color: #040345;
    min-height: 100%
}

.logo-one {
    min-height: 100vh
}

.logo-one-1 {
    min-height: 100%
}

.cry-py1 {
    min-height: calc(100vh - 354px);
    padding-bottom: 20px;
    padding-top: 20px
}

@media (max-width:767px) {
    .cry-py1 {
        min-height: calc(100% - 354px)
    }
}

.sel-buy-cry_logo_1 {
    width: 289px
}

.cry-py1 h2 {
    color: #fff;
    font-size: 50px;
    font-style: normal;
    font-weight: 600
}

.sel-buy-cry {
    max-width: 289px
}

.back-logon-1 a {
    color: #111;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none
}

.back-logon-2 h2 {
    color: #111;
    font-size: 36px;
    font-style: normal;
    font-weight: 500
}

.rem-h2 h4 {
    color: #111
}

.a-for-get,
.rem-h2 h4 {
    font-size: 15px;
    font-style: normal;
    font-weight: 400
}

.a-for-get {
    color: #1140ff;
    text-decoration: none
}

.a-for-get:hover {
    color: #111;
    text-decoration: none;
    transition: all .5s
}

.sing-btn {
    background: #1140ff;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    padding: 11.5px 15px
}

.sing-btn:hover {
    background: #111;
    color: #fff;
    transition: all .5s
}

.login-con-total {
    align-items: center;
    display: grid;
    min-height: 100%
}

.h4-word-sp {
    line-height: 24px;
    text-align: justify
}

.p-forget-1 {
    color: #707a8a;
    font-size: 15px;
    font-style: normal;
    font-weight: 300
}

.bank-accound-nav-1 {
    color: #0c0d21;
    font-family: Rubik, sans-serif;
    font-size: 20px;
    font-weight: 600
}

.navicon span {
    color: #9c9c9f;
    font-size: 16px;
    font-style: normal;
    font-weight: 500
}

.navicon:hover .side-img-1 {
    filter: none
}

.navicon:hover .setting {
    color: #1140ff
}

.navicon a.active .side-img-1 {
    filter: none
}

.navicon a.active .setting {
    color: #1140ff
}

.side-nav-2.fliph {
    justify-content: center
}

.bank-accound-nav-1 {
    color: #111;
    font-size: 22px;
    font-style: normal;
    font-weight: 500
}

.navbar-togglers1:focus {
    border: none;
    outline: none
}

.menu-top-icon {
    color: #1140ff;
    font-size: 24px;
    padding-top: 6px
}

.end-dash {
    color: #707a8a;
    font-size: 13px;
    font-style: normal;
    font-weight: 300
}

.side-hihmmm {
    min-height: calc(100% - 34px)
}

.icon-top-1 {
    color: #707a8a;
    font-size: 24px
}

.dot-green {
    background-color: #0da62f;
    border-radius: 50%;
    display: block;
    height: 10px;
    position: absolute;
    right: 0;
    top: -2px;
    width: 10px
}

.dot-green-ret {
    position: relative
}

.dash-hd-1 h2 {
    color: #111;
    font-size: 18px;
    font-style: normal;
    font-weight: 500
}

.dash-hd-1 h3 {
    color: #707a8a;
    font-size: 14px;
    font-weight: 400
}

.dash-hd-1 h4 {
    font-size: 24px
}

.dash-hd-1 h4,
.dash-hd-1 h5 {
    color: #111;
    font-style: normal;
    font-weight: 500
}

.dash-hd-1 h5 {
    font-size: 16px
}

.dropdown-dash {
    background-color: initial;
    border: 1px solid #e0e2ee;
    border-radius: 6px;
    color: #111;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    min-height: 35px;
    min-width: 73px
}

.dropdown-dash:after {
    border: none;
    content: url(arrow-down.7af9c3ec9f6b5b26aa50.webp);
    display: initial;
    position: relative;
    top: 2px
}

.with-det-btn {
    background-color: initial;
    border: 1.5px solid #e0e2ee;
    border-radius: 6px;
    color: #111;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    min-height: 35px;
    min-width: 90px
}

.with-det-btn:hover {
    background: #1140ff;
    border: 1.5px solid #1140ff;
    color: #fff
}

.dash-hd-2 h2 {
    color: #707a8a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.dash-hd-2 h3 {
    font-weight: 500
}

.dash-hd-2 h3,
.prf-dash-1 h1 {
    font-size: 16px;
    font-style: normal
}

.prf-dash-1 h1 {
    color: #111;
    font-weight: 700
}

.prf-dash-1 h2 {
    color: #707a8a;
    font-weight: 500;
    line-height: 18px
}

.prf-dash-1 h2,
.prf-dash-1 h3 {
    font-size: 14px;
    font-style: normal
}

.prf-dash-1 h3 {
    color: #0da62f;
    font-weight: 400
}

.prf-dash-1 {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 14px #00000008;
    padding: 23px 20px
}

.rightcontent {
    background-color: #f8f8fc
}

.back-bg-clr-1 {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 14px #00000008;
    padding: 20px
}

.head-table-dash-tabal tr th {
    font-size: 14px
}

.body-table-dash-tabal tr td,
.body-table-dash-tabal tr td h2,
.body-table-dash-tabal tr td h3 {
    font-size: 14px;
    font-weight: 500
}

.side-hihmmm-2 {
    height: 100%
}

.faq-head .faq-tap-hd h2 {
    border: none;
    color: #707a8a;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    outline: none
}

.faq-head .faq-tap-hd.active h2,
.faq-head .faq-tap-hd:hover h2 {
    border: none;
    color: #111;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    outline: none
}

.faq-head .faq-tap-hd {
    border: none;
    color: #707a8a;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    outline: none
}

.faq-head .faq-tap-hd.active,
.faq-head .faq-tap-hd:hover {
    border: none;
    color: #111;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    outline: none
}

.faq-head .faq-tap-hd:focus-visible {
    border: none;
    color: #111;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    outline: none
}

.depsp-tap {
    border-bottom: none
}

.depsp-tap .nav-item {
    border: none;
    margin-bottom: 2px
}

.round {
    background-color: #f8f8fc;
    border: 2.5px solid #e8eaf4;
    border-radius: 50%;
    min-height: 25px;
    min-width: 25px;
    position: relative;
    z-index: 3
}

.faq-tap-hd.active .round,
.faq-tap-hd.another-active .round {
    border: 2.5px solid #1140ff
}

.depsp-tap {
    position: relative
}

.depsp-tap:before {
    background-color: #e8eaf4;
    content: "";
    height: 69%;
    left: 27px;
    position: absolute;
    top: 53px;
    width: 2.5px;
    z-index: 1
}

.dep-tap-h2-nd h2 {
    color: #111;
    font-size: 18px;
    font-style: normal;
    font-weight: 500
}

.radio-button-2 {
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-bottom: 12px;
    padding-left: 8px;
    position: relative;
    -webkit-user-select: none;
    user-select: none
}

.radio-button-2 .checkmark {
    background-color: initial;
    border: 1px solid #1140ff;
    border-radius: 50%;
    height: 15px;
    left: 0;
    position: absolute;
    top: 0;
    width: 15px
}

.radio-button-2 .checkmark:after {
    background: #1140ff;
    border-radius: 50%;
    content: "";
    display: none;
    height: 5px;
    left: 4px;
    position: absolute;
    top: 4px;
    width: 5px
}

.dep-tap-h2-nd h3 {
    color: #111;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    padding-top: 3px
}

.border-top-1 {
    border-top: 1px solid #e8eaf4;
    padding-top: 15px
}

.depsp-tap-1.depsp-tap:before {
    height: 74%
}

.p-fiat-sec {
    color: #707a8a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.sucess-dep {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 14px #00000008;
    padding: 40px
}

.sucess-dep img {
    width: 150px
}

.sucess-dep h2 {
    color: #111;
    font-size: 18px;
    font-style: normal;
    font-weight: 500
}

.sucess-dep p {
    color: #707a8a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.span-withdr {
    color: #111
}

.depsp-tap-3.depsp-tap:before {
    height: 55%
}

.dep-tap-h2-nd h4 {
    color: #111;
    font-size: 16px;
    font-style: normal;
    font-weight: 500
}

.rightcontent-3 {
    background-color: #fafafd
}

.swap-tap-hd1 .spotli a {
    background-color: initial;
    border: 1px solid #e0e2ee;
    border-radius: 6px;
    color: #111;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    min-height: 35px;
    min-width: 90px
}

.swap-tap-hd1 .spotli a.active,
.swap-tap-hd1 .spotli a:hover {
    background: #1140ff;
    border: 1px solid #e0e2ee;
    color: #fff
}

.swap-tap-hd1 .spotli a.active {
    border-radius: 6px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    min-height: 35px;
    min-width: 90px
}

.swap-tap-hd1 {
    border-bottom: none
}

.pagination-tb-1 .page-link,
.pagination-tb-1 h2,
.tran-table-show h2 {
    color: #111;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.pagination-tb-1 .page-link {
    border: none
}

.pagination-tb-1 .page-link:hover {
    background-color: initial;
    color: #1140ff
}

.body-table-dash-tabal-1 tr td h3 {
    min-width: 50px
}

.profile-set-1 {
    padding-bottom: 20px;
    padding-top: 20px
}

.border-bottom-1 {
    border-bottom: 1px solid #e8eaf4
}

.profile-set-1 h1 {
    color: #111;
    font-size: 22px;
    font-style: normal;
    font-weight: 500
}

.profile-set-1 p {
    color: #707a8a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.setting-pro-2 .variants {
    align-items: center;
    display: flex
}

.setting-pro-2 .variants>div {
    margin-right: 5px
}

.setting-pro-2 .variants>div:last-of-type {
    margin-right: 0
}

.setting-pro-2 .file {
    position: relative
}

.setting-pro-2 .file,
.setting-pro-2 .file>label {
    align-items: center;
    display: flex;
    justify-content: center
}

.setting-pro-2 .file>label {
    background: #0000;
    border: none;
    color: #1140ff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    outline: 0;
    -webkit-user-select: none;
    user-select: none
}

.setting-pro-2 .file>label:active {
    background-color: initial
}

.profile-set-1 h2,
.profile-set-1 h3 {
    color: #111;
    font-size: 18px;
    font-style: normal;
    font-weight: 500
}

.profile-set-edit-1 h2 {
    color: #707a8a;
    font-size: 15px;
    font-style: normal;
    font-weight: 500
}

.profile-set-1 h4 {
    color: #111;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.with-det-btn-security {
    min-height: 35px;
    min-width: 122px
}

.profile-set-1 h5 {
    color: #111;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.dropdown-dash-sec-num {
    min-height: 45px
}

.pandcard-img-cen {
    background: #f8f8f9;
    border: 1px dashed #e0e2ee;
    border-radius: 6px
}

.pandcard-img-cen h2 {
    color: #707a8a;
    font-size: 14px;
    font-weight: 400;
    word-break: break-all
}

.pandcard-img-cen {
    justify-content: center;
    min-height: 145px;
    padding: 10px
}

.pandcard-img-cen,
.setting-pro-3 .variants {
    align-items: center;
    display: flex
}

.setting-pro-3 .variants>div {
    margin-right: 5px
}

.setting-pro-3 .variants>div:last-of-type {
    margin-right: 0
}

.setting-pro-3 .file {
    position: relative
}

.setting-pro-3 .file,
.setting-pro-3 .file>label {
    align-items: center;
    display: flex;
    justify-content: center
}

.setting-pro-3 .file>label {
    background: #1140ff;
    border: none;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    min-height: 37px;
    min-width: 127px;
    outline: 0;
    -webkit-user-select: none;
    user-select: none
}

.setting-pro-3 .file>label:active {
    background: #1140ff
}

.dot-iden {
    background-color: #707a8a;
    border-radius: 50%;
    height: 4px;
    width: 4px
}

.modal-dialog-ind {
    margin-left: auto !important;
    margin: 1.75rem
}

.singup-close {
    cursor: pointer
}

.metamask-pop-up-con-hd {
    border-bottom: none
}

.head-pop-ticket h2 {
    color: #111;
    font-size: 16px;
    font-style: normal;
    font-weight: 500
}

.head-pop-ticket {
    border-bottom: 1px solid #e8eaf4;
    padding-bottom: 6px
}

.head-pop-ticket-1 {
    height: calc(100% - 297px)
}

.modal-dialog-ind {
    height: 100%
}

.add-ticket {
    min-height: 100%
}

.head-pop-ticket-1 {
    height: calc(92vh - 197px);
    overflow-y: auto
}

.head-pop-ticket-1 h2 {
    color: #111;
    font-size: 14px;
    font-weight: 500
}

.head-pop-ticket-1 h3,
.head-pop-ticket-1 p {
    color: #707a8a;
    font-size: 14px;
    font-style: normal;
    font-weight: 300
}

.head-pop-ticket-2 {
    background: #f8f8f9;
    border-radius: 10px;
    padding: 20px 30px
}

.exc-1-text h2 {
    color: #111
}

.exc-1-text h2,
.exc-1-text h3 {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    text-align: left
}

.exc-1-text h3 {
    color: #707a8a
}

.exc-drop-down {
    border: none;
    min-width: 135px;
    position: relative
}

.exc-drop-down:after {
    position: absolute;
    right: 0;
    top: 14px
}

.exc-connent-one h4 {
    color: #111;
    font-size: 15px;
    font-weight: 500
}

.exc-connent-one {
    background: #f8f8f9;
    border-radius: 6px;
    padding: 10px 20px
}

.ex-img-center img {
    margin-bottom: -12px;
    margin-top: -15px
}

.exc-connent-3 h2 {
    color: #111;
    font-size: 14px;
    font-weight: 400
}

.exc-connent-total {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 14px #00000008;
    padding: 20px
}

.exc-connent-total-2 {
    background: #cfe2ff;
    border: 1px solid #b6d4fe;
    border-radius: 10px;
    padding: 20px
}

.exc-connent-total-2 h2 {
    color: #084298;
    font-size: 14px;
    font-weight: 400
}

.exc-connent-total-2-inner {
    border-top: 1px solid #b6d4fe;
    margin-top: 10px;
    padding-top: 10px
}

.team-tap-2 {
    border-bottom: none;
    display: block
}

.team-tap-2 ul.nav__inner {
    padding: 0
}

.team-tap-2 ul.nav__inner li.nav__item--active {
    border-right: 3px solid #1140ff;
    color: #1140ff;
    margin-right: 0 !important
}

.team-tap-2 ul.nav__inner li.nav__item--active a {
    color: #1140ff
}

.team-tap-2 ul.nav__inner li {
    list-style: none;
    margin-bottom: 1rem
}

.team-tap-2 .temp-li-a {
    border: none;
    color: #707a8a;
    font-size: 14px;
    font-weight: 400;
    padding: .25rem;
    text-transform: uppercase
}

.team-tap-2 .temp-li-a:hover {
    text-decoration: none
}

.team-tap-2 .active.temp-li-a {
    border: none;
    color: #1140ff;
    font-size: 16px;
    font-weight: 400
}

.team-tap-2 .temp-li-a:hover {
    color: #1140ff
}

.tems-hd-1 {
    color: #111;
    font-size: 22px;
    font-weight: 500
}

.team-contantent-1-trhee h2 {
    color: #111;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px
}

.team-contantent-1-trhee p {
    color: #707a8a;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 12px
}

.staking-redeem-1 h2 {
    color: #111;
    font-size: 22px;
    font-style: normal;
    font-weight: 500
}

.staking-redeem-1 h3 {
    color: #111;
    font-size: 16px;
    font-weight: 400
}

.staking-redeem-1 p {
    color: #707a8a;
    font-size: 14px;
    font-weight: 400
}

.staking-redeem-1 h4 {
    color: #111;
    font-size: 20px;
    font-style: normal;
    font-weight: 500
}

.staking-redeem-1 h5 {
    color: #707a8a;
    font-size: 14px;
    font-weight: 400
}

.header-drop-1 {
    background-color: initial
}

.header-drop-1:after {
    display: none
}

.header-drop-2 {
    background: #fff;
    border: 1px solid #fbf2f2;
    border-radius: 10px;
    box-shadow: 0 4px 14px #00000008;
    padding: 10px;
    width: 392px
}

.drop-heading-1 h2 {
    color: #111;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.drop-heading-1 h2 span {
    color: #0da62f
}

.drop-heading-1 h3 {
    color: #1140ff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.drop-heading-2 h2 {
    color: #111;
    font-size: 14px;
    font-weight: 400
}

.drop-heading-2 p {
    color: #707a8a;
    font-size: 13px;
    font-weight: 300
}

.drop-heading-2 {
    border-bottom: 1px solid #e8eaf4;
    padding-top: 10px
}

.drop-heading-3 {
    padding-left: 10px;
    padding-right: 10px
}

.log-out-1 {
    background: #f9191921;
    border: 1px solid #f9195c;
    color: #f91919;
    font-weight: 400
}

.email-btn-ertr,
.log-out-1 {
    border-radius: 10px;
    font-size: 14px
}

.email-btn-ertr {
    background: #f8f8f9;
    color: #111;
    font-weight: 300
}

.a-for-get-st {
    padding-left: 24px
}

.tems-hd-1-p {
    color: #707a8a;
    font-size: 14px;
    font-style: normal;
    font-weight: 300
}

.launchpad-total {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 14px #00000008;
    padding: 15px
}

.launchpad-1-card button {
    background: #0da62f2e;
    border: 1px solid #0da62f3d;
    border-radius: 5px;
    color: #0da62f;
    font-size: 15px;
    font-weight: 400
}

.launchpad-1-card h1 {
    color: #111;
    font-size: 18px;
    font-style: normal;
    font-weight: 500
}

.launchpad-1-card p {
    font-weight: 300
}

.launchpad-1-card h2,
.launchpad-1-card p {
    color: #707a8a;
    font-size: 14px;
    font-style: normal
}

.launchpad-1-card h2 {
    font-weight: 400
}

.launchpad-1-card h3 {
    color: #111;
    font-size: 14px;
    font-weight: 500
}

.times label {
    align-items: center;
    background: #f5f6fa;
    border: 1px solid #e9ebf2;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    min-height: 38px;
    min-width: 38px
}

.launchpad-1-card h4 {
    color: #707a8a;
    font-size: 14px;
    font-style: italic;
    font-weight: 400
}

.launchpad-1-card .fin-btn-4 {
    background: #f5f6fa;
    border: 1px solid #e9ebf2;
    border-radius: 5px;
    color: #111;
    font-size: 14px;
    font-weight: 400
}

.hol-card-1 {
    background: #0da62f2e;
    border: 1px solid #0da62f3d;
    border-radius: 5px;
    padding: 10px 13px
}

.hol-card-1 h2 {
    color: #0da62f
}

.hol-card-1 h2,
.hol-card-1 h3 {
    font-size: 14px;
    font-weight: 400
}

.hol-card-1 h3 {
    color: #111
}

.launchpad-total-tab-inner p {
    color: #707a8a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.launchpad-total-tab-inner p span {
    color: #111;
    font-size: 14px;
    font-style: normal;
    font-weight: 500
}

.launchpad-total-tab-inner-1 h2 {
    color: #707a8a;
    font-size: 14px;
    font-weight: 400
}

.launchpad-total-tab-inner-1 h3 {
    color: #111;
    font-size: 14px;
    font-weight: 400
}

.sraking-det-1 h2 {
    color: #111;
    font-size: 16px;
    font-style: normal;
    font-weight: 500
}

.sraking-det-2 h2 {
    color: #111;
    font-size: 15px;
    font-style: normal;
    font-weight: 400
}

.sraking-det-2 label {
    align-items: center;
    background-color: initial;
    border: 1px solid #e0e2ee;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    min-height: 50px;
    min-width: 94px;
    padding: 13px
}

.sraking-det-2 label.active {
    border: 1px solid #1140ff
}

.sraking-det-2 h3 {
    color: #707a8a;
    font-size: 14px;
    font-weight: 400
}

.sraking-det-2 h4 {
    color: #111;
    font-size: 14px;
    font-weight: 400
}

.lutc_hd h5 {
    color: #111;
    font-size: 26px;
    font-style: normal;
    font-weight: 500
}

.lutc_box {
    background: #fff;
    border: 1px solid #f4f4f4;
    border-radius: 20px;
    padding: 30px 40px
}

.olus_bytn_lo {
    align-items: center;
    background: #dde3fb;
    border: 1.5px solid #1140ff;
    border-radius: 9px;
    display: flex;
    height: 38px;
    justify-content: center;
    margin-bottom: 1rem;
    padding: 0;
    width: 39.69px
}

.sumbit_lutc button {
    background: #1140ff;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    min-height: 40px;
    min-width: 136px
}

.sumbit_lutc button:hover {
    background: #111;
    color: #fff;
    transition: all .5s
}

@media (max-width:768px) {
    .lutc_box {
        padding: 30px 5px
    }
}

.blog_cd_2 h2 {
    color: #111;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px
}

.blog_cd_2 h3 {
    color: #707a8a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.blog_cd_2 p {
    font-weight: 300;
    margin-bottom: 28px
}

.blog_cd_2 p,
.nee_blog .swap-tap-hd1 a {
    color: #111;
    font-size: 16px;
    font-style: normal
}

.nee_blog .swap-tap-hd1 a {
    background-color: initial;
    border: none;
    cursor: pointer;
    font-weight: 400
}

.nee_blog .swap-tap-hd1 a.active,
.nee_blog .swap-tap-hd1 a:hover {
    background-color: initial;
    border: none;
    color: #1140ff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

.blog_header_bg {
    background: #f9f9f9
}

.blog_header_bg_1 h2 {
    color: #111;
    font-size: 26px;
    font-style: normal;
    font-weight: 500
}

.blog_header_bg_1 p {
    color: #707a8a;
    font-size: 15px;
    font-style: normal;
    font-weight: 400
}

.box_blog_1 {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 9px 24px #0000000d
}

.box_blog_1_ing {
    padding: 20px
}

.box_blog_1_ing h2 {
    color: #707a8a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px
}

.box_blog_1_ing h3 {
    color: #111;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px
}

.box_blog_1_ing p {
    color: #111;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px
}

.nee_blog .swap-tap-hd1 .spotli a.active {
    background-color: initial;
    border: none;
    color: #1140ff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

@media (max-width:1199px) {
    .nee_blog {
        overflow: auto
    }

    .nee_blog .swap-tap-hd1 {
        min-width: 1008px
    }
}

.blog_header_bg_2 {
    background: #f9f9f9;
    margin-top: 10px
}

.team-contantent-1-trhee h2 {
    margin-bottom: 20px
}

.team-contantent-1-trhee h3 {
    color: #111;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px
}

.team-contantent-1-trhee p {
    line-height: 26px;
    margin-bottom: 18px
}

.team-contantent-1-trhee p span {
    color: #111;
    font-weight: 500
}

.team-contantent-1-ulli li {
    color: #707a8a
}

.guidelines_sec_1 {
    background-color: #1140ff;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 30px 0
}

.guidelines_cd_1 h2 {
    color: #fff;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 38px
}

.guidelines_cd_1 p {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px
}

.guidelines_cd_2 p {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.guidelines_cd_3 h2 {
    color: #111;
    font-size: 22px;
    font-style: normal;
    font-weight: 500
}

.in_box_gd {
    align-items: center;
    background: #fff;
    border: 1.5px solid #1140ff;
    border-radius: 15px;
    display: flex;
    height: 59px;
    justify-content: center;
    width: 59px
}

.guidelines_cd_4 h2 {
    color: #111;
    font-size: 20px;
    font-style: normal;
    font-weight: 500
}

.guidelines_cd_4 p {
    color: #707a8a;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 25px
}

.guidelines_cd_4 {
    background: #f9f9f9;
    border-radius: 20px;
    min-height: 300px;
    padding: 30px
}

@media (max-width:991px) {
    .guidelines_sec_1 {
        background-image: none
    }

    .guidelines_cd_4 {
        min-height: auto;
        padding: 20px
    }
}

.hd_markers h2 {
    color: #111;
    font-size: 22px;
    font-style: normal;
    font-weight: 500
}

.markers_cd_total {
    background: #f9f9f9;
    border-radius: 10px;
    padding: 30px
}

.markers_cd_total h2 {
    color: #111;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 22px
}

.markers_cd_total p {
    color: #707a8a;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    margin-bottom: 22px
}

.markers_cd_total ul {
    padding-inline-start: 18px
}

.markers_cd_total ul li {
    color: #707a8a;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    margin-bottom: 9px
}

@media (max-width:991px) {
    .markers_cd_total {
        background: #f9f9f9;
        border-radius: 10px;
        padding: 20px
    }
}

.open-sec {
    margin-bottom: 40px;
    margin-top: 40px
}

.wrk-img1 {
    text-align: right
}

.wrk-numb {
    align-items: center;
    background: #dde3fb;
    border: 1.5px solid #1140ff;
    border-radius: 15px;
    color: #1140ff;
    display: flex;
    font-size: 20px;
    font-weight: 500;
    height: 36px;
    justify-content: center;
    min-width: 36px
}

.wrk-cnt-fnt h4 {
    color: #111;
    font-size: 22px;
    font-weight: 500;
    line-height: 30px
}

.wrk-cnt-fnt span {
    color: #111;
    font-size: 15px;
    font-weight: 600
}

.wrk-vrfy-cnt h3 {
    color: #111;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px
}

.wrk-vrfy-cnt p {
    color: #707a8a;
    font-size: 15px;
    font-weight: 400
}

.add-mny-sec {
    padding-bottom: 40px;
    padding-top: 40px
}

.add-cnt-fnt h3 {
    color: #111;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px
}

.add-cnt-fnt p {
    color: #707a8a;
    font-size: 16px;
    font-weight: 300
}

.icon-box {
    align-items: center;
    background: #fff;
    border: 1.5px solid #e7eefa;
    border-radius: 15px;
    display: flex;
    height: 59px;
    justify-content: center;
    margin-right: 25px;
    min-width: 59px
}

.icon-line {
    position: relative
}

.icon-line:after {
    background: #dbe5f8;
    content: "";
    height: calc(100% - 69px);
    left: 30px;
    position: absolute;
    top: 63px;
    width: 2px
}

.who-cnt {
    background: #f9f9f9;
    overflow: hidden;
    position: relative
}

.who-cnt h2 {
    color: #111;
    font-size: 26px;
    font-weight: 500
}

.who-cnt p {
    color: #707a8a;
    font-size: 16px;
    font-weight: 400
}

.who-img img {
    position: relative;
    transform: translateX(calc(50vw - 555px))
}

@media only screen and (max-width:1199px) {
    .who-img img {
        position: relative;
        transform: translateX(calc(50vw - 465px))
    }
}

@media only screen and (max-width:991px) {
    .who-img img {
        transform: unset
    }

    .wrk-img1,
    .wrk-img2 {
        text-align: center
    }
}

@media only screen and (max-width:420px) {
    .icon-box {
        height: 45px;
        margin-right: 15px;
        min-width: 45px
    }

    .icon-line:after {
        background: #dbe5f8;
        content: "";
        height: calc(100% - 57px);
        left: 22px;
        position: absolute;
        top: 50px;
        width: 2px
    }
}

.dark_theme .index-one {
    background: #030204 !important
}

.index-three .slick-dots li button:before {
    color: #d6d6d6;
    font-size: 13px;
    opacity: 1
}

.index-three .slick-dots li.slick-active button:before {
    color: #1140ff;
    opacity: 1
}

.index-three .slick-slide img {
    width: 100%
}

@media (max-width:767px) {
    .index-three .slick-dots {
        display: none !important
    }
}

.market-hd span {
    font-size: 15px;
    font-weight: 400;
    margin-left: 40px;
    padding: 6px 14px
}

.bammer-sec-1 span.tit,
.market-hd span {
    background: #1140ff1f;
    border-radius: 6px;
    color: #1140ff
}

.bammer-sec-1 span.tit {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .12em;
    padding: 6px 15px
}

.build-ur-ul .crptdet {
    align-items: center;
    display: flex;
    margin-bottom: 2.5rem
}

.build-ur-ul .crptdet .crptimg {
    align-items: center;
    background: #fff;
    border: 1.5px solid #e7eefa;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    min-height: 59px;
    min-width: 59px;
    position: relative
}

.build-ur-ul .crptdet .crptimg:after {
    background: #e7eefa;
    content: "";
    height: 60%;
    position: absolute;
    top: 60px;
    width: 2px
}

.build-ur-ul .crptdet .lstchld:after {
    display: none
}

.build-ur-ul .crptdet .crptwd {
    margin-left: 1rem
}

.build-ur-ul .crptdet .crptwd h6 {
    color: #111;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 6px
}

.build-ur-ul .crptdet .crptwd p {
    color: #707a8a;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0
}

.gtstrt {
    margin-left: 75px
}

@media (max-width:767px) {
    .gtstrt {
        margin-bottom: 1.5rem
    }
}

.whychskoin {
    background: #fff;
    border-radius: 20px;
    padding: 1.5rem 1.5rem 3rem
}

@media (max-width:767px) {
    .whychskoin {
        padding: 1.5rem 0
    }
}

.whychskoin h2 {
    color: #111;
    font-size: 34px;
    font-weight: 500;
    line-height: 39px;
    margin-bottom: 2rem;
    text-align: center
}

.whychskoin .whychskoindet {
    background: #0000;
    border-radius: 20px;
    cursor: pointer;
    margin-bottom: 2rem;
    min-height: 275px
}

@media (max-width:767px) {
    .whychskoin .whychskoindet {
        margin-bottom: 0
    }
}

.whychskoin .whychskoindet:hover {
    background: #f9fafc;
    transition: all .5s
}

.whychskoin .whychskoindet:hover .whychsimg {
    border: 1.5px solid #1140ff
}

.whychskoin .whychskoindet .whychsimg {
    align-items: center;
    background: #fff;
    border: 1.5px solid #e7eefa;
    border-radius: 15px;
    display: flex;
    height: 59px;
    justify-content: center;
    width: 59px
}

.whychskoin .whychskoindet h3 {
    color: #111;
    font-size: 20px;
    font-weight: 500;
    margin: 1rem 0
}

.whychskoin .whychskoindet p {
    color: #707a8a;
    font-size: 15px;
    font-weight: 300;
    line-height: 25px
}

.whychskoin .slick-arrow {
    background: #fff;
    border: 1.5px solid #e7eefa;
    border-radius: 75px;
    height: 39px;
    width: 39px
}

.whychskoin .slick-prev {
    left: 46%;
    top: 100%
}

@media (min-width:992px) and (max-width:1199px) {
    .whychskoin .slick-prev {
        left: 45%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .whychskoin .slick-prev {
        left: 43%
    }
}

@media (max-width:767px) {
    .whychskoin .slick-prev {
        display: none !important
    }
}

.whychskoin .slick-prev:before {
    background: url(arrow-left.4704eb905aab76ce329e.webp);
    content: "";
    height: 16px;
    left: 15px;
    position: absolute;
    top: 10px;
    width: 8px
}

.whychskoin .slick-next {
    right: 46%;
    top: 100%
}

@media (min-width:992px) and (max-width:1199px) {
    .whychskoin .slick-next {
        right: 45%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .whychskoin .slick-next {
        right: 43%
    }
}

@media (max-width:767px) {
    .whychskoin .slick-next {
        display: none !important
    }
}

.whychskoin .slick-next:before {
    background: url(arrow-right.ab2fff1f757d7af40534.webp);
    content: "";
    height: 16px;
    left: 15px;
    position: absolute;
    top: 10px;
    width: 9px
}

.index-eight {
    background: #1140ff;
    padding: 29px 0
}

.bitzilla-1owl-1 {
    padding: 0 5px
}

.ddsndv {
    align-items: center;
    background: #fff;
    border: 1px solid #f5f5f7;
    border-radius: 6px;
    display: flex;
    height: 41px;
    justify-content: center;
    width: 41px
}

.ddsndvdiv .dropdown-menu {
    border: 0;
    top: 20px !important
}

.ddsndvdiv .btn-secondary,
.ddsndvdiv .btn-secondary:not(:disabled):not(.disabled).active,
.ddsndvdiv .btn-secondary:not(:disabled):not(.disabled):active,
.ddsndvdiv .show>.btn-secondary.dropdown-toggle {
    background: #0000;
    border: 0;
    box-shadow: none
}

.ddsndvdiv .dropdown-item {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 14px #00000008;
    text-align: center
}

.ddsndvdiv .dropdown-item p {
    background: #f8f8f9;
    border-radius: 10px;
    color: #111;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    padding: 14px;
    text-align: center
}

.faq-head {
    height: 100%;
    position: relative
}

.faq-head .MuiStepper-alternativeLabel {
    left: -130px;
    padding: 0 !important;
    position: absolute;
    top: 110px;
    transform: rotate(90deg);
    width: 300px
}

@media (max-width:991px) {
    .faq-head .MuiStepper-alternativeLabel {
        position: relative
    }
}

.faq-head .MuiStepper-alternativeLabel .MuiStepConnector-line:after {
    background: #1140ff;
    border-radius: 2px;
    height: 1px;
    left: 0;
    top: 3px;
    width: 100%
}

.faq-head .MuiStepper-alternativeLabel .MuiStep-horizontal {
    padding-left: 15px;
    padding-right: 15px
}

.faq-head .MuiStepLabel-labelContainer {
    position: absolute;
    top: -95px;
    transform: rotate(-90deg);
    width: 100%
}

.faq-head .Mui-disabled .MuiStepLabel-iconContainer.MuiStepLabel-alternativeLabel {
    border: 1px solid #ced9d9
}

.faq-head .MuiStepConnector-alternativeLabel.Mui-disabled .MuiStepConnector-line:after {
    background: #ced9d9
}

.faq-head .MuiStepLabel-iconContainer.MuiStepLabel-alternativeLabel {
    background: #fff;
    border: 1px solid #1140ff;
    border-radius: 50%;
    padding: 4px;
    transform: rotate(-90deg)
}

.faq-head .MuiStepLabel-iconContainer.MuiStepLabel-alternativeLabel svg {
    height: 21px;
    width: 21px
}

.faq-head .MuiStepLabel-iconContainer.MuiStepLabel-alternativeLabel svg text {
    fill: #f3ffff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 11px
}

.faq-head .MuiStepLabel-iconContainer.MuiStepLabel-alternativeLabel .MuiStepIcon-root {
    color: #0000
}

.faq-head .MuiStepLabel-iconContainer.MuiStepLabel-alternativeLabel .MuiStepIcon-root text {
    fill: #1140ff
}

.faq-head .MuiStepIcon-active text {
    fill: #f3ffff !important
}

.faq-head .MuiStepLabel-label.MuiStepLabel-alternativeLabel {
    color: #707a8a;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .2px;
    line-height: 19px;
    margin-top: 0;
    text-align: left;
    white-space: nowrap
}

.faq-head .MuiStepLabel-label.MuiStepLabel-active {
    color: #1140ff
}

.faq-head .MuiPaper-root {
    background-color: initial !important
}

.faq-head .MuiStepper-alternativeLabel {
    justify-content: center;
    padding: 15px 0
}

.faq-head .MuiStepper-alternativeLabel .MuiStep-horizontal {
    padding-left: 8px;
    padding-right: 0
}

.faq-head .MuiStepper-alternativeLabel .MuiStep-alternativeLabel {
    flex: 1 1
}

.faq-head .MuiStepper-alternativeLabel .MuiStep-alternativeLabel .MuiStepLabel-iconContainer.MuiStepLabel-alternativeLabel {
    background: #e8f0f0;
    border-radius: 50%;
    box-shadow: 0 4px 54px #3588812e;
    padding: 5px
}

.faq-head .MuiStepper-alternativeLabel .MuiStep-alternativeLabel .MuiStepLabel-iconContainer.MuiStepLabel-alternativeLabel .MuiStepIcon-root.MuiStepIcon-active,
.faq-head .MuiStepper-alternativeLabel .MuiStep-alternativeLabel .MuiStepLabel-iconContainer.MuiStepLabel-alternativeLabel .MuiStepIcon-root.MuiStepIcon-completed {
    color: #1140ff
}

.faq-head .MuiStepper-alternativeLabel .MuiStep-alternativeLabel .MuiStepLabel-iconContainer.MuiStepLabel-alternativeLabel .MuiStepIcon-root {
    color: #e8eaf4
}

.faq-head .MuiStepper-alternativeLabel .MuiStepConnector-line {
    border: none;
    position: relative
}

.faq-head .MuiStepper-alternativeLabel .MuiStepConnector-line:after {
    box-shadow: 0 4px 54px #3588812e;
    content: "";
    height: 2px;
    position: absolute;
    width: 134%
}

.faq-tap-inner-total-1 {
    margin-bottom: 1rem
}

@media (max-width:767px) {
    .faq-tap-inner-total-1 {
        margin-top: 220px
    }
}

.mh-100 {
    min-height: 100vh
}

.deptselbtn {
    -webkit-appearance: none;
    background-color: initial;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAYAAAD37n+BAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABGSURBVHgBhYxRDQAgCAVfBCMYwUZENQJRjKDPjQ/GQN3uQ7gDADpZRFA/MWfcTyNKdhGJ7dQPq8jLLV6K0VPOoq8co5nJByH3FbWNGT6HAAAAAElFTkSuQmCC);
    background-position: 89% 50%;
    background-repeat: no-repeat;
    border: 1px solid #e0e2ee;
    border-radius: 6px;
    box-shadow: none;
    color: #111;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    min-height: 39px;
    min-width: 75px
}

.wdfaqheadud .MuiStepLabel-labelContainer {
    top: -75px
}

.sli_pt .slick-slider {
    padding-top: 10px
}

.tens p {
    color: #111;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 0
}

.swap-tap-hd1 .spotli a {
    margin-right: .25rem;
    margin-top: .5rem;
    text-align: center
}

.login .dropdown-toggle {
    border: none
}

.login .dropdown-toggle:active,
.login .dropdown-toggle:focus,
.login .dropdown-toggle:hover {
    background-color: initial;
    border: none;
    box-shadow: none !important
}

.trade-2 .nav-tabs {
    border-bottom: 0
}

.trade-2 .nav-tabs .nav-link {
    background-color: initial;
    border-radius: 6px;
    padding: 1px 6.5px
}

.trade-2 .nav-tabs .nav-link.active {
    background-color: #f3f3fb;
    border: none
}

.tradeCnt header .container {
    max-width: 100%
}

.sli_pt .bammer-sec-1 .subsc .enjsahuytreb {
    align-items: center;
    display: flex;
    gap: 15px;
    justify-content: start
}

.sli_pt .bammer-sec-1 .subsc .enjsahuytreb .hander-btn:hover {
    background: #0076e8
}

.sli_pt .bammer-sec-1 .available-on {
    align-items: center;
    display: flex;
    gap: 15px
}

.dark_theme .sli_pt .bammer-sec-1 .subsc .enjsahuytreb {
    align-items: center;
    display: flex;
    gap: 15px;
    justify-content: start
}

.dark_theme .sli_pt .bammer-sec-1 .subsc .enjsahuytreb .form-control {
    background-clip: padding-box;
    background-color: #0b0b0b;
    border: 1px solid #0b0b0b;
    border-radius: .25rem;
    color: #fff;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    height: calc(1.5em + .75rem + 2px);
    line-height: 1.5;
    padding: .375rem .75rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.dark_theme .sli_pt .bammer-sec-1 .available-on {
    align-items: center;
    display: flex;
    gap: 15px
}

.ONSDHET h2 {
    color: #0079ea;
    font-size: 30px;
    font-weight: 700
}

.sfTrCd-do {
    background: #0b0b0b;
    border-radius: 20px;
    box-shadow: 0 4px 4px #1e2f390d;
    min-height: 250px;
    padding: 30px
}

body:not(.dark_theme) .sfTrCd-do {
    background: #fff;
    box-shadow: 0 4px 4px #0000001a
}

.sfTrCd-do .sfTrIc {
    align-items: end;
    display: flex
}

.sfTrCd-do h2 {
    font-size: 24px;
    font-weight: 600
}

.sfTrCd {
    background: #0b0b0b;
    border-radius: 20px;
    box-shadow: 0 4px 4px #1e2f390d;
    min-height: 210px;
    padding: 30px
}

@media only screen and (min-width:576px) {
    .sfTrCd {
        align-items: center;
        display: flex;
        gap: 20px;
        min-height: 250px
    }
}

body:not(.dark_theme) .sfTrCd {
    background: #fff;
    box-shadow: 0 4px 4px #0000000d
}

.pfloHd h2 {
    font-size: 40px;
    font-weight: 500
}

.pfloHd h2 span {
    color: #0076e8;
    font-size: 40px;
    font-weight: 700
}

.sfTrBd .sfTrTx h3 {
    font-size: 24px;
    font-weight: 600
}

.sfTrBd .sfTrTx p {
    color: #646667
}

.ardBlk {
    padding-top: clamp(0px, 8.33vw, 100px)
}

.ardBlkHd h2 {
    font-size: 44px;
    font-weight: 500;
    line-height: 1.25
}

@media only screen and (max-width:1199px) {
    .ardBlkHd h2 {
        font-size: 40px
    }
}

@media only screen and (max-width:991px) {
    .ardBlkHd h2 {
        font-size: 36px
    }
}

@media only screen and (max-width:575px) {
    .ardBlkHd h2 {
        font-size: 32px
    }
}

.ardBlkHd h2 span {
    color: #0076e8;
    font-weight: 600
}

.ardBlkHd {
    padding-bottom: 44px
}

@media only screen and (max-width:767px) {
    .ardBlkHd {
        padding-bottom: 24px
    }
}

.ardBlkHd p {
    color: #919496
}

body:not(.dark_theme) .ardBlkHd p {
    color: #646667
}

@media only screen and (min-width:768px) {
    .ardBlkBd {
        grid-gap: 24px;
        display: grid;
        gap: 24px;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr
    }
}

@media only screen and (max-width:767px) {
    .ardBlkBd>div:not(:first-child) {
        margin-top: 24px
    }
}

.ardBlkGd {
    background: #0b0b0b;
    border-radius: 20px;
    box-shadow: 0 4px 4px #1e2f390d;
    grid-column: 1/4;
    grid-row: 1/2;
    padding: 30px 30px 20px
}

body:not(.dark_theme) .ardBlkGd {
    background: #fff;
    box-shadow: 0 4px 4px #0000000d
}

@media only screen and (max-width:991px) {
    .ardBlkGd {
        grid-column: 1/7
    }
}

@media only screen and (max-width:767px) {
    .ardBlkGd {
        text-align: center
    }
}

.ardBlkChTx .aBamt {
    color: #fff;
    font-family: var(--font-open);
    font-size: 18px;
    line-height: 1.375
}

.ardBlkChTx .aBPrc {
    align-items: center;
    color: #919496;
    display: inline-flex;
    font-size: 14px;
    gap: 6px
}

body:not(.dark_theme) .ardBlkChTx .aBPrc {
    color: #646667
}

.ardBlkChTx .aBPrc .prc {
    font-size: 16px;
    font-weight: 600
}

.ardBlkChTx .aBPrc .gr {
    color: #01bc8d
}

.fnchs {
    background: #000c17;
    border-radius: 20px;
    box-shadow: 0 4px 4px #0000000d;
    grid-column: 1/4;
    grid-row: 2/3;
    padding: 30px;
    position: relative
}

body:not(.dark_theme) .fnchs {
    background: #e0edfa;
    box-shadow: 0 4px 4px #0000000d
}

@media only screen and (max-width:991px) {
    .fnchs {
        grid-column: 1/7
    }
}

.fnchs h3 {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 2px;
    text-transform: uppercase
}

.fnchs h3,
.fnchs p {
    font-family: var(--font-open)
}

.fnchs p {
    font-size: 14px;
    line-height: 1.75
}

.fnchsIc {
    padding: 34px 0 0
}

.fnchsIg {
    bottom: 0;
    position: absolute;
    right: 0
}

.cryLs {
    background: #d5d9e7;
    border-radius: 20px;
    box-shadow: 0 4px 4px #1e2f390d;
    display: flex;
    flex-direction: column;
    grid-column: 4/8;
    grid-row: 1/3
}

body:not(.dark_theme) .cryLs {
    background: #1c1d21;
    box-shadow: 0 4px 4px #0000000d
}

@media only screen and (max-width:991px) {
    .cryLs {
        grid-column: 7/13
    }
}

.cryLsTx {
    padding: 30px
}

.cryLsIg {
    margin-top: auto
}

.cryLsTx h3 {
    color: #000;
    font-family: var(--font-open);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.375;
    max-width: 220px;
    padding-bottom: 2px;
    text-transform: uppercase
}

body:not(.dark_theme) .cryLsTx h3 {
    color: #fff
}

.cryLsTx p {
    color: #646667;
    font-family: var(--font-open);
    font-size: 14px;
    line-height: 1.75;
    margin: 0
}

body:not(.dark_theme) .cryLsTx p {
    color: #f5f7fb
}

.cryLsTx .home-sec-tokenbtn {
    border: 1px solid #0076e8;
    border-radius: 6px;
    color: #fff
}

.dark_theme .cryLsTx .home-sec-tokenbtn {
    color: #000
}

.clkNr {
    background: #0076e8;
    border-radius: 20px;
    box-shadow: 0 4px 4px #1e2f390d;
    grid-column: 8/12;
    grid-row: 1/2;
    margin-top: 68px;
    padding: 30px;
    position: relative
}

@media only screen and (max-width:1199px) {
    .clkNr {
        grid-column: 8/13
    }
}

@media only screen and (max-width:991px) {
    .clkNr {
        grid-column: 1/7;
        grid-row: 3/4;
        margin-top: 0
    }
}

.clkNrIg {
    bottom: 0;
    position: absolute;
    right: 0
}

@media only screen and (max-width:767px) {
    .clkNrIg {
        opacity: .25
    }
}

.clkNr h3 {
    font-family: var(--font-open);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.375;
    padding-bottom: 2px
}

body:not(.dark_theme) .clkNr h3 {
    color: #fff
}

.clkNr p {
    color: #f5f7fb;
    font-family: var(--font-open);
    font-size: 14px;
    line-height: 1.75;
    margin: 0;
    max-width: 210px
}

.jnCmt {
    background: #0b0b0b;
    border-radius: 20px;
    box-shadow: 0 4px 4px #1e2f390d;
    grid-column: 8/13;
    grid-row: 2/3;
    padding: 30px;
    position: relative
}

body:not(.dark_theme) .jnCmt {
    background: #fff;
    box-shadow: 0 4px 4px #0000000d
}

@media only screen and (max-width:991px) {
    .jnCmt {
        grid-column: 7/13;
        grid-row: 3/4
    }
}

.jnCmtIg {
    bottom: 10px;
    position: absolute;
    right: 10px
}

.jnCmt h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.375;
    padding-bottom: 2px;
    text-transform: uppercase
}

.jnCmt h3,
.jnCmt p {
    font-family: var(--font-open)
}

.jnCmt p {
    color: #919496;
    font-size: 14px;
    line-height: 1.75
}

body:not(.dark_theme) .jnCmt p {
    color: #646667
}

.jnCmtScl {
    display: flex;
    flex-wrap: wrap;
    gap: 26px;
    max-width: 300px;
    padding-top: 14px
}

.ardBlk {
    margin-bottom: clamp(60px, 11.67vw, 140px);
    overflow: hidden;
    padding-top: clamp(0px, 8.33vw, 0px)
}

.ardBlk,
.ardBlk .container {
    position: relative
}

.ardBlkWvs {
    pointer-events: none;
    position: absolute;
    right: 8%;
    top: 4%
}

@media only screen and (max-width:1700px) {
    .ardBlkWvs {
        right: 0
    }
}

@media only screen and (max-width:991px) {
    .ardBlkWvs {
        display: none
    }
}

.infertx-fourop .gcrycu {
    background-color: #0076e8;
    color: #fff;
    margin-bottom: 70px;
    padding-top: clamp(30px, 5vw, 60px);
    position: relative
}

.infertx-fourop .gcrycu .psrelgen {
    bottom: 0;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.infertx-fourop .gcrycu .inner-content-fourp {
    text-align: center
}

.infertx-fourop .gcrycu .inner-content-fourp h2 {
    color: #fff;
    font-size: 43px;
    font-weight: 600;
    padding-bottom: 8px
}

.infertx-fourop .gcrycu .inner-content-fourp p {
    font-family: var(--font-open);
    font-size: 15px;
    line-height: 1.75;
    margin: 0 auto 1rem;
    max-width: 600px
}

.infertx-fourop .gcrycu .inner-content-fourp .ttwAps-fourp {
    align-items: center;
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    padding: 1.5rem 0
}

.infertx-fourop .gcrycu .inner-content-fourp .ttwAps-fourp button {
    background: #fff;
    color: #4076e8;
    cursor: pointer;
    text-decoration: none
}

.orgn {
    background: #000100;
    margin-bottom: clamp(50px, 8.33vw, 100px);
    padding: clamp(25px, 3.75vw, 45px) 0 clamp(15px, 4.58vw, 55px)
}

body:not(.dark_theme) .orgn {
    background: #fff
}

.orgnConHd h2 {
    font-size: 44px;
    font-weight: 400;
    line-height: 1.375;
    padding-bottom: 22px;
    padding-right: 40px
}

@media only screen and (max-width:1199px) {
    .orgnConHd h2 {
        font-size: 40px;
        padding-right: 0
    }
}

@media only screen and (max-width:767px) {
    .orgnConHd h2 {
        font-size: 36px
    }
}

@media only screen and (max-width:575px) {
    .orgnConHd h2 {
        font-size: 32px
    }
}

.orgnConHd h2 span {
    color: #0076e8;
    font-weight: 600
}

.orgnConBd {
    font-family: var(--font-open);
    padding-bottom: 1.5rem
}

.orgnConBd h3 {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 8px
}

.orgnConBd p {
    color: #bcbcbc;
    font-size: 15px
}

body:not(.dark_theme) .orgnConBd p {
    color: #646667
}

.orgnConFt {
    font-family: var(--font-open)
}

.orgnConFt h4 {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 20px
}

.orgnConFt ul {
    list-style: none;
    padding: 0
}

.orgnConFt ul li {
    align-items: flex-start;
    color: #bcbcbc;
    display: flex;
    font-size: 15px;
    gap: 10px;
    line-height: 1.75;
    padding: 10px 0
}

.orgnConFt ul li img {
    margin-top: 6px
}

body:not(.dark_theme) .orgnConFt ul li {
    color: #646667
}

.orgnConFt ul li b {
    color: #fff;
    font-size: 16px;
    font-weight: 600
}

body:not(.dark_theme) .orgnConFt ul li b {
    color: #000
}

@media only screen and (max-width:991px) {
    .orgnIg {
        display: none
    }
}

.whatever-bg {
    background-color: #00060d
}

.whatever-bg .ever-inner-content-fourp h2 {
    color: #fff;
    font-size: 41px;
    font-weight: 600
}

.whatever-bg .ever-inner-content-fourp h2 span {
    color: #0076e8;
    font-size: 44px;
    font-weight: 600
}

.whatever-bg .ever-inner-content-fourp p {
    color: #b7b7b7
}

.home-sec-two .main-hed {
    font-size: 44px;
    font-weight: 600
}

.home-sec-two .main-hed span {
    color: #0076e8
}

.home-sec-two .hot-list-card {
    border-radius: 6px;
    box-shadow: 0 6px 10px #eee;
    padding: 0;
    position: relative;
    z-index: 1
}

.home-sec-two .hot-list-card h2 {
    background-color: #fff;
    border-radius: 6px;
    font-size: 20px;
    font-weight: 700;
    padding: 10px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 999999999
}

.home-sec-two .hot-list-card h2 .hot-list-lb {
    border-left: 5px solid #0076e8
}

.home-sec-two .top-gainers-card {
    -ms-overflow-style: none;
    border-radius: 6px;
    box-shadow: 0 6px 10px #eee;
    max-height: 255px;
    overflow-y: scroll;
    padding: 0;
    position: relative;
    scrollbar-width: none;
    z-index: 1
}

.home-sec-two .top-gainers-card .table-responsive {
    overflow-x: hidden
}

.home-sec-two .top-gainers-card h2 {
    background-color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding: 10px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 999999999
}

.home-sec-two .top-gainers-card h2 .hot-list-lb {
    border-left: 5px solid #0076e8
}

.home-sec-two .top-gainers-card table tbody tr td {
    font-size: 13px !important
}

.home-sec-two .top-gainers-card table tbody tr td .price-class {
    padding-top: 20px
}

.home-sec-two .home-sec-two-tbtn {
    border: 1px solid #0076e8;
    border-radius: 6px;
    color: #0076e8;
    height: 30px;
    padding: 0 10px
}

.dark_theme .home-sec-two .hot-list-card {
    background: #0b0b0b;
    border-radius: 6px;
    box-shadow: 0 6px 10px #000;
    padding: 0;
    position: relative;
    z-index: 1
}

.dark_theme .home-sec-two .hot-list-card h2 {
    background-color: #0b0b0b;
    border-radius: 6px;
    font-size: 20px;
    font-weight: 700;
    padding: 10px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 999999999
}

.dark_theme .home-sec-two .hot-list-card h2 .hot-list-lb {
    border-left: 5px solid #0076e8
}

.dark_theme .home-sec-two .top-gainers-card {
    -ms-overflow-style: none;
    background: #0b0b0b;
    border-radius: 6px;
    box-shadow: 0 6px 10px #000;
    padding: 0;
    position: relative;
    scrollbar-width: none;
    z-index: 1
}

.dark_theme .home-sec-two .top-gainers-card .table-responsive {
    overflow-x: hidden
}

.dark_theme .home-sec-two .top-gainers-card h2 {
    background-color: #0b0b0b;
    font-size: 20px;
    font-weight: 700;
    padding: 12px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 999999999
}

.dark_theme .home-sec-two .top-gainers-card h2 .hot-list-lb {
    border-left: 5px solid #0076e8
}

.dark_theme .home-sec-two .home-sec-two-tbtn {
    border: 1px solid #0076e8;
    border-radius: 6px;
    color: #0076e8;
    height: 30px;
    padding: 0 10px
}

.dark_theme .home-sec-two .home-sec-two-thead {
    color: #646667
}

.dark_theme .home-sec-two .home-sec-two-tdata {
    color: #fff
}

.dark_theme .home-sec-two .home-sec-two-tdata .vis-non-hov {
    display: none
}

.dark_theme .home-sec-three .sec-rows-num {
    background: #06090b;
    border-radius: 46px;
    color: #0076e8;
    height: 60px;
    width: 60px
}

.dark_theme .home-sec-three .sec-rows-num:hover {
    background: #0076e8;
    border-radius: 46px;
    color: #fff;
    height: 60px;
    transition: all .5s;
    width: 60px
}

.home-sec-three h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
    text-align: center
}

.home-sec-three h2 span {
    color: #0076e8;
    font-weight: 600
}

.home-sec-three .sec-rows {
    min-height: 72%;
    text-align: center
}

.home-sec-three .sec-rows p {
    font-size: 20px
}

.home-sec-three .sec-rows .sec-rows-para {
    color: #646667;
    font-size: 15px;
    padding-left: 60px;
    padding-right: 60px
}

.home-sec-three .sec-rows-btn {
    text-align: center
}

.home-sec-three .home-sec-three-btn {
    background: #0076e8;
    color: #fff;
    font-weight: 600
}

.home-sec-three .sec-rows-num {
    background: #e8e8e86e;
    border-radius: 46px;
    color: #0076e8;
    height: 60px;
    width: 60px
}

.home-sec-three .sec-rows-num:hover {
    background: #0076e8;
    border-radius: 46px;
    color: #fff;
    height: 60px;
    transition: all .5s;
    width: 60px
}

.home-sec-three .sec-line {
    gap: 65px;
    justify-content: center
}

@media (max-width:991px) {
    .home-sec-three .sec-line {
        display: none
    }

    .home-sec-three .sec-rows {
        text-align: center
    }

    .home-sec-three .sec-rows p {
        font-size: 20px;
        margin-top: 13px
    }

    .home-sec-three .sec-rows .sec-rows-para {
        color: #b7b7b7;
        font-size: 15px;
        min-height: 75px;
        padding-left: 60px;
        padding-right: 60px
    }
}

.home-sec-btn-col {
    text-align: center
}

.home-sec-btn-col .home-sec-two-btn {
    background: #0076e8;
    color: #fff;
    font-weight: 600
}

.home-sec-two .home-sec-two-tdata .vis-non-hov {
    display: none
}

.home-sec-two .home-sec-two-tdata tr:hover .vis-non-hov {
    display: contents
}

.home-sec-two .home-sec-two-tdata tr:hover .vis-non-hov .wrapper {
    display: flex;
    justify-content: center
}

.home-sec-two .home-sec-two-tdata tr:hover .vis-non-hov .cta {
    align-items: center;
    background: #3e40ff;
    box-shadow: 6px 6px 0 #000;
    color: #fff;
    display: flex;
    font-family: B;
    font-size: 13px;
    font-weight: 500;
    gap: 5px;
    height: 30px;
    padding: 6px;
    text-decoration: none;
    transform: skewX(-15deg);
    width: 65px
}

.home-sec-two .home-sec-two-tdata tr:hover .vis-non-hov .cta:focus {
    outline: none
}

.home-sec-two .home-sec-two-tdata tr:hover .vis-non-hov .cta:hover {
    box-shadow: 3px 3px 0 #fbc638
}

.home-sec-two .home-sec-two-tdata tr:hover .vis-non-hov .cta span:nth-child(2) {
    margin-right: 0
}

.home-sec-two .home-sec-two-tdata tr:hover .vis-non-hov span {
    transform: skewX(15deg)
}

.home-sec-two .home-sec-two-tdata tr:hover .vis-non-hov span:nth-child(2) {
    position: relative;
    top: 12%;
    width: 20px
}

.home-sec-two .home-sec-two-tdata tr:hover .vis-non-hov path.one {
    transform: translateX(-60%);
    transition: .4s
}

.home-sec-two .home-sec-two-tdata tr:hover .vis-non-hov path.two {
    transform: translateX(-30%);
    transition: .5s
}

.home-sec-two .home-sec-two-tdata tr:hover .vis-non-hov .cta:hover path.three {
    animation: color_anim 1s .2s infinite
}

.home-sec-two .home-sec-two-tdata tr:hover .vis-non-hov .cta:hover path.one {
    animation: color_anim 1s .6s infinite;
    transform: translateX(0)
}

.home-sec-two .home-sec-two-tdata tr:hover .vis-non-hov .cta:hover path.two {
    animation: color_anim 1s .4s infinite;
    transform: translateX(0)
}

@keyframes color_anim {
    0% {
        fill: #fff
    }

    50% {
        fill: #fbc638
    }

    to {
        fill: #fff
    }
}

.home-sec-two .home-sec-two-tdata tr:hover {
    box-shadow: 0 0 10px 10px #0000001f;
    cursor: pointer
}

.dark_theme .home-sec-two .home-sec-two-tdata tr:hover {
    box-shadow: 0 0 10px 10px #000c;
    cursor: pointer
}

.home-sec-two .home-sec-two-tdata tr:hover .home-sec-two-tbtn {
    background-color: #0076e8;
    color: #fff
}

.clm-btc-hmimg {
    position: relative;
    z-index: 0
}

.clm-btc-hmo {
    bottom: 50px;
    left: 10px;
    position: absolute;
    transform: translate(80%, -88%)
}

@media screen and (max-width:991px) {
    .nhfits .mob_resp_dn {
        display: none
    }
}

.clbtn-inj {
    background: #fec195;
    border: 3px solid #fec195;
    border-radius: 8px;
    box-shadow: 0 0 0 #fec1958c;
    color: #181818;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    overflow: unset;
    padding: 17px 35px;
    position: relative;
    transition: all .3s ease-in-out
}

.clbtn-inj:hover {
    background: #0000;
    box-shadow: 0 0 25px #fec1958c;
    color: #fec195
}

.clbtn-inj:hover .star-1 {
    left: -30%;
    top: -80%;
    width: 25px
}

.clbtn-inj:hover .star-1,
.clbtn-inj:hover .star-2 {
    filter: drop-shadow(0 0 10px #fffdef);
    height: auto;
    position: absolute;
    z-index: 2
}

.clbtn-inj:hover .star-2 {
    left: 10%;
    top: -25%;
    width: 15px
}

.clbtn-inj:hover .star-3 {
    left: 25%;
    top: 55%;
    width: 5px
}

.clbtn-inj:hover .star-3,
.clbtn-inj:hover .star-4 {
    filter: drop-shadow(0 0 10px #fffdef);
    height: auto;
    position: absolute;
    z-index: 2
}

.clbtn-inj:hover .star-4 {
    left: 80%;
    top: 30%;
    width: 8px
}

.clbtn-inj:hover .star-5 {
    left: 115%;
    top: 25%;
    width: 15px
}

.clbtn-inj:hover .star-5,
.clbtn-inj:hover .star-6 {
    filter: drop-shadow(0 0 10px #fffdef);
    height: auto;
    position: absolute;
    z-index: 2
}

.clbtn-inj:hover .star-6 {
    left: 60%;
    top: 5%;
    width: 5px
}

.fil0 {
    fill: #fffdef
}

.clbtn-inj-Hom {
    background: #fec195;
    border: 3px solid #fec195;
    border-radius: 8px;
    box-shadow: 0 0 0 #fec1958c;
    color: #181818;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    overflow: unset;
    padding: 17px 35px;
    position: relative;
    transition: all .3s ease-in-out
}

.clbtn-inj-Hom:hover {
    background: #fec195;
    box-shadow: 0 0 25px #fec1958c;
    color: #000
}

.clbtn-inj-Hom:hover .star-1 {
    left: -30%;
    top: -80%;
    width: 25px
}

.clbtn-inj-Hom:hover .star-1,
.clbtn-inj-Hom:hover .star-2 {
    filter: drop-shadow(0 0 10px #fffdef);
    height: auto;
    position: absolute;
    z-index: 2
}

.clbtn-inj-Hom:hover .star-2 {
    left: 10%;
    top: -25%;
    width: 15px
}

.clbtn-inj-Hom:hover .star-3 {
    left: 25%;
    top: 55%;
    width: 5px
}

.clbtn-inj-Hom:hover .star-3,
.clbtn-inj-Hom:hover .star-4 {
    filter: drop-shadow(0 0 10px #fffdef);
    height: auto;
    position: absolute;
    z-index: 2
}

.clbtn-inj-Hom:hover .star-4 {
    left: 80%;
    top: 30%;
    width: 8px
}

.clbtn-inj-Hom:hover .star-5 {
    left: 115%;
    top: 25%;
    width: 15px
}

.clbtn-inj-Hom:hover .star-5,
.clbtn-inj-Hom:hover .star-6 {
    filter: drop-shadow(0 0 10px #fffdef);
    height: auto;
    position: absolute;
    z-index: 2
}

.clbtn-inj-Hom:hover .star-6 {
    left: 60%;
    top: 5%;
    width: 5px
}

.fil0-Hom {
    fill: #e63c6e;
    filter: contrast(1.5)
}

:root {
    --rpv-attachment__item--hover-background-color: #0000001a;
    --rpv-attachment__item-color: #000
}

.rpv-core__viewer--dark {
    --rpv-attachment__item--hover-background-color: #2566e8;
    --rpv-attachment__item-color: #fff
}

.rpv-attachment__empty {
    height: 100%;
    overflow: auto;
    padding: .5rem 0;
    text-align: center;
    width: 100%
}

.rpv-attachment__empty--rtl {
    direction: rtl
}

.rpv-attachment__list {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto;
    padding: .5rem 0;
    width: 100%
}

.rpv-attachment__list--rtl {
    direction: rtl
}

.rpv-attachment__item {
    align-items: center;
    background-color: #0000;
    border: none;
    color: var(--rpv-attachment__item-color);
    cursor: pointer;
    display: flex;
    padding: .5rem;
    text-align: left;
    width: 100%
}

.rpv-attachment__item:focus {
    outline: 0
}

.rpv-attachment__item:focus,
.rpv-attachment__item:hover {
    background-color: var(--rpv-attachment__item--hover-background-color)
}

.rpv-attachment__loader {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

:root {
    --rpv-bookmark__item--hover-background-color: #0000001a;
    --rpv-bookmark__item-color: #000
}

.rpv-core__viewer--dark {
    --rpv-bookmark__item--hover-background-color: #2566e8;
    --rpv-bookmark__item-color: #fff
}

.rpv-bookmark__item {
    align-items: center;
    color: var(--rpv-bookmark__item-color);
    cursor: pointer;
    display: flex;
    padding-bottom: .25rem;
    padding-right: .25rem;
    padding-top: .25rem
}

.rpv-bookmark__item:focus {
    outline: 0
}

.rpv-bookmark__item:focus,
.rpv-bookmark__item:hover {
    background-color: var(--rpv-bookmark__item--hover-background-color)
}

.rpv-bookmark__toggle {
    align-items: center;
    display: flex;
    height: 1rem;
    margin-right: .25rem;
    width: 1rem
}

.rpv-bookmark__title {
    flex-grow: 1;
    flex-shrink: 1;
    text-decoration: none
}

.rpv-bookmark__list {
    list-style-type: none;
    margin: 0;
    overflow: auto;
    padding: 0
}

.rpv-bookmark__loader {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.rpv-bookmark__empty {
    height: 100%;
    overflow: auto;
    padding: .5rem 0;
    text-align: center;
    width: 100%
}

.rpv-bookmark__empty--rtl {
    direction: rtl
}

.rpv-bookmark__container {
    height: 100%;
    overflow: auto;
    padding: .5rem 0;
    width: 100%
}

.rpv-bookmark__container--rtl {
    direction: rtl
}

:root {
    --rpv-core__annotation--link-hover-background-color: #ff03;
    --rpv-core__annotation-popup-wrapper-background-color: #faf089;
    --rpv-core__annotation-popup-wrapper-box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;
    --rpv-core__annotation-popup-content-border-top-color: #1a202c;
    --rpv-core__arrow-border-color: #0000004d;
    --rpv-core__asking-password-color: #000;
    --rpv-core__asking-password-wrapper-background-color: #fff;
    --rpv-core__asking-password-wrapper-border-color: #0000004d;
    --rpv-core__button-background-color: #0000004d;
    --rpv-core__button-color: #000;
    --rpv-core__doc-error-background-color: #fff;
    --rpv-core__doc-error-text-background-color: #c02424;
    --rpv-core__doc-error-text-color: #fff;
    --rpv-core__doc-loading-background-color: #fff;
    --rpv-core__full-screen-target-background-color: #fff;
    --rpv-core__inner-page-background-color: #fff;
    --rpv-core__menu-divider-border-bottom-color: #0000004d;
    --rpv-core__menu-item-color: #000;
    --rpv-core__menu-item--hover-background-color: #0000001a;
    --rpv-core__menu-item--disabled-color: #0000004d;
    --rpv-core__minimal-button-color: #000;
    --rpv-core__minimal-button--hover-background-color: #0000001a;
    --rpv-core__minimal-button--disabled-color: #0000004d;
    --rpv-core__minimal-button--selected-background-color: #0000001a;
    --rpv-core__modal-body-background-color: #fff;
    --rpv-core__modal-body-border-color: #0000004d;
    --rpv-core__modal-overlay-background-color: #00000080;
    --rpv-core__page-layer-box-shadow: 2px 2px 8px 0 #0003;
    --rpv-core__popover-body-background-color: #fff;
    --rpv-core__popover-body-border-color: #0000004d;
    --rpv-core__popover-body-color: #000;
    --rpv-core__primary-button-background-color: #2566e8;
    --rpv-core__primary-button-color: #fff;
    --rpv-core__progress-bar-background-color: #0000001a;
    --rpv-core__progress-bar-progress-background-color: #2566e8;
    --rpv-core__progress-bar-progress-color: #fff;
    --rpv-core__separator-border-bottom-color: #0000004d;
    --rpv-core__spinner-border-color: #0006;
    --rpv-core__spinner-border-transparent-color: #0000;
    --rpv-core__splitter-background-color: #0000;
    --rpv-core__splitter--hover-background-color: #0003;
    --rpv-core__text-layer-text--selection-background-color: #00f;
    --rpv-core__text-layer-text--selection-color: #0000;
    --rpv-core__textbox-background-color: #fff;
    --rpv-core__textbox-border-color: #0003;
    --rpv-core__textbox-color: #000;
    --rpv-core__tooltip-body-background-color: #000;
    --rpv-core__tooltip-body-color: #fff
}

.rpv-core__viewer--dark {
    --rpv-core__asking-password-background-color: #363636;
    --rpv-core__asking-password-color: #fff;
    --rpv-core__asking-password-wrapper-border-color: #191919;
    --rpv-core__asking-password-wrapper-background-color: #191919;
    --rpv-core__button-background-color: #171717;
    --rpv-core__button-color: #fff;
    --rpv-core__doc-error-background-color: #191919;
    --rpv-core__doc-error-text-background-color: #c02323;
    --rpv-core__doc-error-text-color: #fff;
    --rpv-core__doc-loading-background-color: #191919;
    --rpv-core__full-screen-target-background-color: #1a1a1a;
    --rpv-core__inner-page-background-color: #1a1a1a;
    --rpv-core__menu-divider-border-bottom-color: #000;
    --rpv-core__menu-item-color: #fff;
    --rpv-core__menu-item--hover-background-color: #2566e8;
    --rpv-core__menu-item--disabled-color: #5e5e5e;
    --rpv-core__minimal-button-color: #fff;
    --rpv-core__minimal-button--disabled-color: #5e5e5e;
    --rpv-core__minimal-button--hover-background-color: #191919;
    --rpv-core__minimal-button--selected-background-color: #1657bb;
    --rpv-core__modal-body-background-color: #363636;
    --rpv-core__primary-button-background-color: #2566e8;
    --rpv-core__popover-body-background-color: #363636;
    --rpv-core__popover-body-color: #fff;
    --rpv-core__progress-bar-background-color: #000;
    --rpv-core__separator-border-bottom-color: #000;
    --rpv-core__spinner-border-color: #fff;
    --rpv-core__splitter-background-color: #1a1a1a;
    --rpv-core__splitter--hover-background-color: #2566e8;
    --rpv-core__textbox-background-color: #121212;
    --rpv-core__textbox-border-color: #121212;
    --rpv-core__textbox-color: #fff;
    --rpv-core__tooltip-body-background-color: #414141;
    --rpv-core__tooltip-body-color: #fff
}

.rpv-core__annotation {
    position: absolute
}

.rpv-core__annotation-layer {
    z-index: 1
}

.rpv-core__arrow {
    border-bottom: 1px solid var(--rpv-core__arrow-border-color);
    border-left-color: var(--rpv-core__arrow-border-color);
    border-right: 1px solid var(--rpv-core__arrow-border-color);
    border-top-color: var(--rpv-core__arrow-border-color);
    height: 10px;
    position: absolute;
    width: 10px;
    z-index: 0
}

.rpv-core__arrow--tl {
    bottom: 0;
    left: 0;
    transform: translate(50%, 50%) rotate(45deg)
}

.rpv-core__arrow--tc {
    left: 50%
}

.rpv-core__arrow--tc,
.rpv-core__arrow--tr {
    bottom: 0;
    transform: translate(-50%, 50%) rotate(45deg)
}

.rpv-core__arrow--tr {
    right: 0
}

.rpv-core__arrow--rt {
    left: 0;
    top: 0;
    transform: translate(-50%, 50%) rotate(135deg)
}

.rpv-core__arrow--rc {
    top: 50%
}

.rpv-core__arrow--rb,
.rpv-core__arrow--rc {
    left: 0;
    transform: translate(-50%, -50%) rotate(135deg)
}

.rpv-core__arrow--rb {
    bottom: 0
}

.rpv-core__arrow--bl {
    left: 0;
    top: 0;
    transform: translate(50%, -50%) rotate(225deg)
}

.rpv-core__arrow--bc {
    left: 50%
}

.rpv-core__arrow--bc,
.rpv-core__arrow--br {
    top: 0;
    transform: translate(-50%, -50%) rotate(225deg)
}

.rpv-core__arrow--br {
    right: 0
}

.rpv-core__arrow--lt {
    right: 0;
    top: 0;
    transform: translate(50%, 50%) rotate(315deg)
}

.rpv-core__arrow--lc {
    top: 50%
}

.rpv-core__arrow--lb,
.rpv-core__arrow--lc {
    right: 0;
    transform: translate(50%, -50%) rotate(315deg)
}

.rpv-core__arrow--lb {
    bottom: 0
}

.rpv-core__asking-password {
    background-color: var(--rpv-core__asking-password-background-color);
    border-radius: .25rem;
    color: var(--rpv-core__asking-password-color);
    padding: 2rem
}

.rpv-core__asking-password--rtl {
    direction: rtl
}

.rpv-core__asking-password-wrapper {
    align-items: center;
    background-color: var(--rpv-core__asking-password-wrapper-background-color);
    border: 1px solid var(--rpv-core__asking-password-wrapper-border-color);
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.rpv-core__asking-password-message {
    margin: .5rem 0
}

.rpv-core__asking-password-body {
    align-items: center;
    display: flex;
    justify-content: center
}

.rpv-core__asking-password-input {
    width: 15rem
}

.rpv-core__asking-password-input--ltr {
    margin-right: .5rem
}

.rpv-core__asking-password-input--rtl {
    margin-left: .5rem
}

.rpv-core__button {
    background-color: var(--rpv-core__button-background-color);
    border: none;
    border-radius: .25rem;
    color: var(--rpv-core__button-color);
    cursor: pointer;
    height: 2rem;
    padding: 0 1rem
}

.rpv-core__button--rtl {
    direction: rtl
}

.rpv-core__canvas-layer {
    direction: ltr;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0
}

.rpv-core__doc-error {
    align-items: center;
    background-color: var(--rpv-core__doc-error-background-color);
    display: flex;
    height: 100%;
    justify-content: center
}

.rpv-core__doc-error--rtl {
    direction: rtl
}

.rpv-core__doc-error-text {
    background-color: var(--rpv-core__doc-error-text-background-color);
    border-radius: .25rem;
    color: var(--rpv-core__doc-error-text-color);
    line-height: 1.5;
    max-width: 50%;
    padding: .5rem
}

.rpv-core__doc-loading {
    align-items: center;
    background-color: var(--rpv-core__doc-loading-background-color);
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: inherit;
    width: 100%
}

.rpv-core__doc-loading--rtl {
    direction: rtl
}

.rpv-core__icon {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1;
    text-align: center
}

.rpv-core__icon--rtl {
    transform: scaleX(-1)
}

.rpv-core__inner-container {
    min-height: inherit
}

.rpv-core__inner-pages {
    overflow: auto
}

.rpv-core__inner-pages--rtl {
    direction: rtl
}

.rpv-core__inner-pages--single {
    overflow: hidden
}

.rpv-core__inner-page-container--single {
    overflow: auto
}

.rpv-core__inner-page {
    background-color: var(--rpv-core__inner-page-background-color)
}

.rpv-core__inner-page--single {
    align-items: center;
    display: flex;
    justify-content: center
}

.rpv-core__inner-page--dual-even {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.rpv-core__inner-page--dual-odd {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.rpv-core__inner-page--dual-cover {
    align-items: center;
    display: flex;
    justify-content: center
}

.rpv-core__inner-page--dual-cover-odd {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.rpv-core__inner-page--dual-cover-even {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.rpv-core__annotation--link a {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.rpv-core__annotation--link a:hover {
    background-color: var(--rpv-core__annotation--link-hover-background-color)
}

.rpv-core__menu {
    display: flex;
    flex-direction: column
}

.rpv-core__menu--rtl {
    direction: rtl;
    text-align: right
}

.rpv-core__menu-divider {
    border-bottom: 1px solid var(--rpv-core__menu-divider-border-bottom-color);
    margin: .25rem 0
}

.rpv-core__menu-item {
    align-items: center;
    background-color: #0000;
    border: none;
    color: var(--rpv-core__menu-item-color);
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: .25rem 0;
    width: 100%
}

.rpv-core__menu-item:focus {
    outline: 0
}

.rpv-core__menu-item:focus,
.rpv-core__menu-item:hover {
    background-color: var(--rpv-core__menu-item--hover-background-color)
}

.rpv-core__menu-item-icon {
    align-items: center;
    display: flex
}

.rpv-core__menu-item-icon--ltr {
    padding-left: 1rem;
    padding-right: .5rem
}

.rpv-core__menu-item-icon--rtl {
    padding-left: .5rem;
    padding-right: 1rem
}

.rpv-core__menu-item-label {
    flex-grow: 1;
    flex-shrink: 1;
    white-space: nowrap
}

.rpv-core__menu-item-label--ltr {
    padding-right: 2rem
}

.rpv-core__menu-item-label--rtl {
    padding-left: 2rem
}

.rpv-core__menu-item-check--ltr {
    padding-right: 1rem
}

.rpv-core__menu-item-check--rtl {
    padding-left: 1rem
}

.rpv-core__menu-item--disabled {
    color: var(--rpv-core__menu-item--disabled-color)
}

.rpv-core__menu-item--disabled:hover {
    background-color: #0000
}

.rpv-core__menu-item--ltr {
    text-align: left
}

.rpv-core__menu-item--rtl {
    direction: rtl;
    text-align: right
}

.rpv-core__minimal-button {
    background-color: #0000;
    border: none;
    border-radius: .25rem;
    color: var(--rpv-core__minimal-button-color);
    cursor: pointer;
    height: 2rem;
    padding: 0 .5rem
}

.rpv-core__minimal-button:hover {
    background-color: var(--rpv-core__minimal-button--hover-background-color)
}

.rpv-core__minimal-button--disabled {
    color: var(--rpv-core__minimal-button--disabled-color)
}

.rpv-core__minimal-button--rtl {
    direction: rtl
}

.rpv-core__minimal-button--selected {
    background-color: var(--rpv-core__minimal-button--selected-background-color)
}

.rpv-core__modal-body {
    background-color: var(--rpv-core__modal-body-background-color);
    border: 1px solid var(--rpv-core__modal-body-border-color);
    border-radius: .25rem;
    margin: 1rem;
    max-width: 32rem;
    overflow: auto
}

.rpv-core__modal-body--rtl {
    direction: rtl
}

.rpv-core__modal-overlay {
    background-color: var(--rpv-core__modal-overlay-background-color);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999
}

.rpv-core__modal-overlay,
.rpv-core__page-layer {
    align-items: center;
    display: flex;
    justify-content: center
}

.rpv-core__page-layer {
    overflow: visible;
    position: relative
}

.rpv-core__page-layer:after {
    bottom: .25rem;
    box-shadow: var(--rpv-core__page-layer-box-shadow);
    content: "";
    left: .25rem;
    position: absolute;
    right: .25rem;
    top: .25rem
}

.rpv-core__page-layer--single {
    margin: 0 auto
}

.rpv-core__page-size-calculator {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.rpv-core__popover-body {
    border: 1px solid var(--rpv-core__popover-body-border-color);
    border-radius: .25rem;
    color: var(--rpv-core__popover-body-color);
    left: 0;
    padding: .5rem 0;
    position: absolute;
    top: -9999px;
    z-index: 9999
}

.rpv-core__popover-body,
.rpv-core__popover-body-arrow {
    background-color: var(--rpv-core__popover-body-background-color)
}

.rpv-core__popover-body--rtl {
    direction: rtl
}

.rpv-core__popover-overlay {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.rpv-core__annotation-popup-wrapper {
    background-color: var(--rpv-core__annotation-popup-wrapper-background-color);
    box-shadow: var(--rpv-core__annotation-popup-wrapper-box-shadow);
    font-size: .75rem;
    padding: .25rem;
    word-break: break-word
}

.rpv-core__annotation-popup-wrapper--rtl {
    direction: rtl
}

.rpv-core__annotation-popup-title {
    font-weight: 600;
    margin-bottom: .25rem
}

.rpv-core__annotation-popup-date {
    font-size: .5rem
}

.rpv-core__annotation-popup-content {
    border-top: 1px solid var(--rpv-core__annotation-popup-content-border-top-color);
    max-height: 16rem;
    overflow: auto;
    padding: .25rem
}

.rpv-core__primary-button {
    background-color: var(--rpv-core__primary-button-background-color);
    border: none;
    border-radius: .25rem;
    color: var(--rpv-core__primary-button-color);
    cursor: pointer;
    height: 2rem;
    padding: 0 1rem
}

.rpv-core__primary-button--rtl {
    direction: rtl
}

.rpv-core__progress-bar {
    background-color: var(--rpv-core__progress-bar-background-color);
    border-radius: 9999px;
    padding: .125rem
}

.rpv-core__progress-bar--rtl {
    direction: rtl
}

.rpv-core__progress-bar-progress {
    align-items: center;
    background-color: var(--rpv-core__progress-bar-progress-background-color);
    border-radius: 9999px;
    color: var(--rpv-core__progress-bar-progress-color);
    display: flex;
    font-size: .75rem;
    height: .75rem;
    justify-content: center
}

.rpv-core__separator {
    border-bottom: 1px solid var(--rpv-core__separator-border-bottom-color)
}

.rpv-core__spinner {
    border-bottom: 2px solid var(--rpv-core__spinner-border-transparent-color);
    border-left: 2px solid var(--rpv-core__spinner-border-transparent-color);
    border-radius: 9999px;
    border-right: 2px solid var(--rpv-core__spinner-border-color);
    border-top: 2px solid var(--rpv-core__spinner-border-color)
}

.rpv-core__spinner--animating {
    animation-duration: .4s;
    animation-iteration-count: infinite;
    animation-name: rpv-core__spinner-transform;
    animation-timing-function: linear
}

@keyframes rpv-core__spinner-transform {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.rpv-core__splitter {
    background-color: var(--rpv-core__splitter-background-color);
    cursor: ew-resize;
    height: 100%;
    width: .25rem
}

.rpv-core__splitter--resizing,
.rpv-core__splitter:hover {
    background-color: var(--rpv-core__splitter--hover-background-color);
    cursor: col-resize
}

.rpv-core__splitter-body--resizing {
    cursor: col-resize
}

.rpv-core__splitter-sibling--resizing {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

.rpv-core__textbox {
    background-color: var(--rpv-core__textbox-background-color);
    border: 1px solid var(--rpv-core__textbox-border-color);
    border-radius: .25rem;
    box-sizing: border-box;
    color: var(--rpv-core__textbox-color);
    height: 2rem;
    padding: 0 .5rem;
    width: 100%
}

.rpv-core__textbox--rtl {
    direction: rtl
}

.rpv-core__text-layer {
    height: 100%;
    left: 0;
    line-height: 1;
    opacity: .2;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.rpv-core__text-layer span::selection {
    background-color: var(--rpv-core__text-layer-text--selection-background-color);
    color: var(--rpv-core__text-layer-text--selection-color)
}

.rpv-core__text-layer br::selection {
    color: #0000
}

.rpv-core__text-layer-text {
    color: #0000;
    cursor: text;
    position: absolute;
    transform-origin: 0 0;
    white-space: pre
}

.rpv-core__tooltip-body {
    background-color: var(--rpv-core__tooltip-body-background-color);
    border-radius: .25rem;
    color: var(--rpv-core__tooltip-body-color);
    left: 0;
    max-width: 20rem;
    position: absolute;
    text-align: center;
    top: -9999px;
    z-index: 9999
}

.rpv-core__tooltip-body--rtl {
    direction: rtl
}

.rpv-core__tooltip-body-arrow {
    background-color: var(--rpv-core__tooltip-body-background-color)
}

.rpv-core__tooltip-body-content {
    padding: .5rem
}

.rpv-core__display--block {
    display: block
}

.rpv-core__display--hidden {
    display: none
}

@media(min-width:640px) {
    .rpv-core__display--hidden-small {
        display: none
    }

    .rpv-core__display--block-small {
        display: block
    }
}

@media(min-width:768px) {
    .rpv-core__display--hidden-medium {
        display: none
    }

    .rpv-core__display--block-medium {
        display: block
    }
}

@media(min-width:1024px) {
    .rpv-core__display--hidden-large {
        display: none
    }

    .rpv-core__display--block-large {
        display: block
    }
}

.rpv-core__viewer {
    min-height: inherit
}

:root {
    --rpv-thumbnail__container-background-color: #fff;
    --rpv-thumbnail__container-box-shadow: #0003 2px 2px 8px 0px;
    --rpv-thumbnail__item--selected-background-color: #0000004d
}

.rpv-core__viewer--dark {
    --rpv-thumbnail__item--selected-background-color: #2566e8
}

.rpv-thumbnail__cover,
.rpv-thumbnail__cover-inner {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: inherit;
    width: 100%
}

.rpv-thumbnail__cover-image {
    max-height: 100%;
    max-width: 100%
}

.rpv-thumbnail__cover-loader {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.rpv-thumbnail__container {
    align-items: center;
    background: var(--rpv-thumbnail__container-background-color);
    box-shadow: var(--rpv-thumbnail__container-box-shadow);
    display: flex;
    justify-content: center;
    margin: 0 auto;
    position: relative
}

.rpv-thumbnail__item {
    cursor: pointer
}

.rpv-thumbnail__item--dual-cover,
.rpv-thumbnail__item--single {
    padding: .5rem
}

.rpv-thumbnail__item--dual-cover-odd,
.rpv-thumbnail__item--dual-even {
    padding: .5rem 0 .5rem .5rem
}

.rpv-thumbnail__item--dual-cover-even,
.rpv-thumbnail__item--dual-odd {
    padding: .5rem .5rem .5rem 0
}

.rpv-thumbnail__item--dual-cover:hover,
.rpv-thumbnail__item--single:hover,
.rpv-thumbnail__items--dual-cover:hover .rpv-thumbnail__item,
.rpv-thumbnail__items--dual:hover .rpv-thumbnail__item {
    background-color: var(--rpv-thumbnail__item--selected-background-color)
}

.rpv-thumbnail__item:focus {
    outline: 0
}

.rpv-thumbnail__label {
    font-size: .75em;
    padding: .25rem;
    text-align: center
}

.rpv-thumbnail__list {
    overflow: auto;
    padding: .5rem
}

.rpv-thumbnail__list--rtl {
    direction: rtl
}

.rpv-thumbnail__list--horizontal {
    align-items: center;
    display: flex;
    flex-direction: row;
    width: 100%
}

.rpv-thumbnail__list--vertical {
    height: 100%
}

.rpv-thumbnail__items {
    align-items: center;
    display: flex;
    justify-content: center
}

.rpv-thumbnail__items--selected .rpv-thumbnail__item {
    background-color: var(--rpv-thumbnail__item--selected-background-color)
}

.rpv-thumbnail__list-container {
    height: 100%;
    width: 100%
}

.rpv-thumbnail__loader {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

:root {
    --rpv-drop__area-background-color: #fff;
    --rpv-drop__area-body-border-color: #0000004d;
    --rpv-drop__area-body-color: #000
}

.rpv-core__viewer--dark {
    --rpv-drop__area-background-color: #191919;
    --rpv-drop__area-body-border-color: #fff;
    --rpv-drop__area-body-color: #fff
}

.rpv-drop__area {
    background-color: var(--rpv-drop__area-background-color);
    bottom: 0;
    left: 0;
    padding: .5rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999
}

.rpv-drop__area-body {
    align-items: center;
    border: 2px dashed var(--rpv-drop__area-body-border-color);
    color: var(--rpv-drop__area-body-color);
    display: flex;
    font-size: 1.5rem;
    height: 100%;
    justify-content: center
}

.rpv-drop__area-body--rtl {
    direction: rtl
}

:root {
    --rpv-full-screen__overlay-background-color: #fff
}

.rpv-core__viewer--dark {
    --rpv-full-screen__overlay-background-color: #1a1a1a
}

.rpv-full-screen__exit-button {
    bottom: 0;
    padding: .5rem;
    position: fixed;
    z-index: 2
}

.rpv-full-screen__exit-button--ltr {
    right: 0
}

.rpv-full-screen__exit-button--rtl {
    left: 0
}

.rpv-full-screen__overlay {
    align-items: center;
    background-color: var(--rpv-full-screen__overlay-background-color);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}

.rpv-open__input-wrapper {
    position: relative
}

.rpv-open__input {
    bottom: 0;
    cursor: pointer;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.rpv-open__input::-webkit-file-upload-button {
    width: 0
}

.rpv-page-navigation__current-page-input {
    margin: 0 .25rem;
    text-align: right;
    width: 3rem
}

:root {
    --rpv-print__progress-body-background-color: #fff;
    --rpv-print__progress-body-border-color: #0000004d;
    --rpv-print__progress-body-color: #000
}

.rpv-core__viewer--dark {
    --rpv-print__progress-body-background-color: #363636;
    --rpv-print__progress-body-border-color: #0000;
    --rpv-print__progress-body-color: #fff
}

.rpv-print__permission-body {
    padding: 1rem
}

.rpv-print__permission-footer {
    display: flex;
    justify-content: center;
    padding: 0 1rem 1rem 0
}

.rpv-print__progress {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999
}

.rpv-print__progress-body {
    background-color: var(--rpv-print__progress-body-background-color);
    border: 1px solid var(--rpv-print__progress-body-border-color);
    border-radius: .25rem;
    color: var(--rpv-print__progress-body-color);
    padding: 1.5rem;
    text-align: center;
    width: 15rem
}

.rpv-print__progress-body--rtl {
    direction: rtl
}

.rpv-print__progress-bar {
    margin-bottom: 1rem
}

.rpv-print__progress-message {
    margin-bottom: .5rem
}

.rpv-print__zone {
    display: none
}

@media print {
    @page {
        margin: 0
    }

    .rpv-print__html-printing {
        height: 100%
    }

    .rpv-print__body-printing {
        height: 100%;
        margin: 0
    }

    .rpv-print__body-printing * {
        display: none
    }

    .rpv-print__zone {
        display: block;
        height: 100%
    }

    .rpv-print__page {
        align-items: center;
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: center;
        page-break-after: always;
        page-break-inside: avoid;
        width: 100%
    }

    .rpv-print__page img {
        display: block;
        max-height: 100%;
        max-width: 100%
    }
}

.rpv-properties__loader {
    text-align: center
}

.rpv-properties__modal {
    min-height: 20rem;
    padding: .5rem 0
}

.rpv-properties__modal-section {
    padding: 0 .5rem
}

.rpv-properties__modal-footer {
    display: flex;
    justify-content: center;
    margin-top: .5rem
}

.rpv-properties__item {
    align-items: flex-start;
    display: flex;
    margin: .5rem 0
}

.rpv-properties__item--rtl {
    direction: rtl
}

.rpv-properties__item-label {
    padding-right: .5rem;
    width: 25%
}

.rpv-properties__item-value {
    flex: 1 1
}

.rpv-search__highlights {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.rpv-search__highlight {
    background-color: var(--rpv-search__highlight-background-color);
    border-radius: .25rem;
    position: absolute;
    z-index: 1
}

.rpv-search__highlight--current {
    background-color: var(--rpv-search__highlight--current-background-color)
}

.rpv-search__popover {
    padding: 0 .5rem
}

.rpv-search__popover-input-counter {
    align-items: center;
    display: flex;
    margin-bottom: .5rem;
    position: relative;
    width: 12rem
}

.rpv-search__popover-counter {
    align-items: center;
    bottom: 0;
    display: flex;
    position: absolute;
    top: 0
}

.rpv-search__popover-counter--ltr {
    padding-right: .25rem;
    right: 0
}

.rpv-search__popover-counter--rtl {
    left: 0;
    padding-left: .25rem
}

.rpv-search__popover-label {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin-bottom: .5rem
}

.rpv-search__popover-label-checkbox {
    cursor: pointer;
    margin-right: .25rem
}

.rpv-search__popover-footer {
    align-items: center;
    display: flex
}

.rpv-search__popover-footer-item {
    padding: 0 .25rem
}

.rpv-search__popover-footer-button--ltr {
    margin-left: auto
}

.rpv-search__popover-footer-button--rtl {
    margin-right: auto
}

:root {
    --rpv-search__highlight-background-color: #ff06;
    --rpv-search__highlight--current-background-color: #00800066
}

.rpv-selection-mode__grab {
    cursor: grab
}

.rpv-selection-mode__grab :not(input),
.rpv-selection-mode__grab :not(select),
.rpv-selection-mode__grab :not(textarea) {
    cursor: grab !important
}

.rpv-selection-mode__grabbing {
    cursor: grabbing
}

.rpv-selection-mode__grabbing :not(input),
.rpv-selection-mode__grabbing :not(select),
.rpv-selection-mode__grabbing :not(textarea) {
    cursor: grabbing !important
}

:root {
    --rpv-zoom__popover-target-arrow-border-color: #0009
}

.rpv-core__viewer--dark {
    --rpv-zoom__popover-target-arrow-border-color: #fff
}

.rpv-zoom__popover-target {
    align-items: center;
    color: var(--rpv-zoom__popover-target-color);
    display: flex
}

.rpv-zoom__popover-target-scale--ltr {
    margin-right: .25rem
}

.rpv-zoom__popover-target-scale--rtl {
    margin-left: .25rem
}

.rpv-zoom__popover-target-arrow {
    border-color: var(--rpv-zoom__popover-target-arrow-border-color) #0000 #0000;
    border-style: solid;
    border-width: .5rem .25rem 0;
    height: 0;
    width: 0
}

:root {
    --rpv-toolbar__label--color: #000
}

.rpv-core__viewer--dark {
    --rpv-toolbar__label--color: #fff
}

.rpv-toolbar {
    align-items: center;
    display: flex;
    width: 100%
}

.rpv-toolbar--rtl {
    direction: rtl
}

.rpv-toolbar__center,
.rpv-toolbar__left {
    align-items: center;
    display: flex
}

.rpv-toolbar__center {
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: center
}

.rpv-toolbar__right {
    align-items: center;
    display: flex;
    margin-left: auto
}

.rpv-toolbar__item {
    align-items: center;
    display: flex;
    padding: 0 .125rem
}

.rpv-toolbar__label {
    color: var(--rpv-toolbar__label--color)
}

:root {
    --rpv-default-layout__body-background-color: #fff;
    --rpv-default-layout__container-border-color: #0000004d;
    --rpv-default-layout__toolbar-background-color: #eee;
    --rpv-default-layout__toolbar-border-bottom-color: #0000001a;
    --rpv-default-layout__sidebar-border-color: #0003;
    --rpv-default-layout__sidebar--opened-background-color: #fff;
    --rpv-default-layout__sidebar-headers-background-color: #eee;
    --rpv-default-layout__sidebar-content--opened-background-color: #fff;
    --rpv-default-layout__sidebar-content--opened-border-color: #0003;
    --rpv-default-layout__sidebar-content--opened-color: #000
}

.rpv-core__viewer--dark {
    --rpv-default-layout__body-background-color: #1a1a1a;
    --rpv-default-layout__container-border-color: #454647;
    --rpv-default-layout__toolbar-background-color: #292929;
    --rpv-default-layout__toolbar-border-bottom-color: #000;
    --rpv-default-layout__sidebar-border-color: #000;
    --rpv-default-layout__sidebar--opened-background-color: #fff;
    --rpv-default-layout__sidebar-headers-background-color: #292929;
    --rpv-default-layout__sidebar-content--opened-background-color: #1a1a1a;
    --rpv-default-layout__sidebar-content--opened-border-color: #292929;
    --rpv-default-layout__sidebar-content--opened-color: #fff
}

.rpv-default-layout__container {
    border: 1px solid var(--rpv-default-layout__container-border-color);
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.rpv-default-layout__toolbar {
    align-items: center;
    background-color: var(--rpv-default-layout__toolbar-background-color);
    border-bottom: 1px solid var(--rpv-default-layout__toolbar-border-bottom-color);
    display: flex;
    height: 2.5rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.rpv-default-layout__sidebar {
    display: flex;
    padding-top: 2.5rem
}

.rpv-default-layout__sidebar--opened {
    background-color: var(--rpv-default-layout__sidebar--opened-background-color);
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 12rem;
    z-index: 1
}

.rpv-default-layout__sidebar--ltr {
    border-right: 1px solid var(--rpv-default-layout__sidebar-border-color)
}

.rpv-default-layout__sidebar--rtl {
    border-left: 1px solid var(--rpv-default-layout__sidebar-border-color)
}

.rpv-default-layout__main {
    display: flex;
    height: 100%;
    position: relative
}

.rpv-default-layout__main--rtl {
    direction: rtl
}

.rpv-default-layout__body {
    background-color: var(--rpv-default-layout__body-background-color);
    flex: 1 1;
    overflow: auto;
    padding-top: 2.5rem
}

@media(min-width:768px) {
    .rpv-default-layout__sidebar--opened {
        width: 16rem
    }
}

@media(min-width:1024px) {
    .rpv-default-layout__sidebar--opened {
        background: inherit;
        position: inherit;
        width: 20rem;
        z-index: inherit
    }
}

.rpv-default-layout__sidebar-tabs {
    display: flex;
    height: 100%;
    width: 100%
}

.rpv-default-layout__sidebar-headers {
    background-color: var(--rpv-default-layout__sidebar-headers-background-color);
    padding: .25rem
}

.rpv-default-layout__sidebar-header {
    padding: .125rem
}

.rpv-default-layout__sidebar-content {
    display: none;
    flex-grow: 1;
    flex-shrink: 1
}

.rpv-default-layout__sidebar-content--opened {
    background-color: var(--rpv-default-layout__sidebar-content--opened-background-color);
    color: var(--rpv-default-layout__sidebar-content--opened-color);
    display: flex;
    overflow: hidden
}

.rpv-default-layout__sidebar-content--ltr {
    border-left: 1px solid var(--rpv-default-layout__sidebar-content--opened-border-color)
}

.rpv-default-layout__sidebar-content--rtl {
    border-right: 1px solid var(--rpv-default-layout__sidebar-content--opened-border-color)
}

.whitepaper-pdf-head h2 {
    color: #fff;
    font-size: 16px;
    left: 18%;
    position: absolute;
    transform: translate(50%, 10px);
    z-index: 999999999
}

.whitepaper-pdf-head .rpv-core__sidebar {
    display: block !important
}

.whitepaper-pdf-head .rpv-default-layout__sidebar {
    display: flex;
    overflow: hidden
}

.whitepaper-pdf-head [data-testid=open__button],
.whitepaper-pdf-head [data-testid=theme__switch-button],
.whitepaper-pdf-head [data-testid=toolbar__more-actions-popover-target] {
    display: none
}

.am-paper-pdf-head .rpv-default-layout__toolbar {
    align-items: center;
    background-color: var(--rpv-default-layout__toolbar-background-color);
    border-bottom: 1px solid var(--rpv-default-layout__toolbar-border-bottom-color);
    display: flex;
    height: 2.5rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.am-paper-pdf-head h2 {
    color: #fff;
    font-size: 16px;
    left: 18%;
    position: absolute;
    transform: translate(50%, 10px);
    z-index: 999999999
}

.am-paper-pdf-head .rpv-core__sidebar {
    display: block !important
}

.am-paper-pdf-head .rpv-default-layout__sidebar {
    display: flex;
    overflow: hidden
}

.am-paper-pdf-head [data-testid=open__button],
.am-paper-pdf-head [data-testid=theme__switch-button],
.am-paper-pdf-head [data-testid=toolbar__more-actions-popover-target] {
    display: none
}

.event_claim_main {
    background: #010c2c;
    margin-top: 3rem;
    min-height: 70px;
    padding-bottom: 50px;
    padding-top: 50px
}

.event_claim_main .container {
    position: relative;
    z-index: 1
}

.event_claim_main .event_claim_head h2 {
    color: #fff;
    font-family: B;
    font-size: 67px;
    font-weight: 500;
    line-height: 80px;
    text-align: left
}

.event_claim_main .event_claim_head p {
    color: #fff;
    font-family: B;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    max-width: 70%;
    text-align: left
}

.event_claim_main .event_claim_head .event_claim_input .reft-code {
    background-color: #e6f0ff;
    border: 1px dashed #06f;
    justify-content: space-between;
    padding: 8px;
    width: 60%
}

.event_claim_main .event_claim_head .event_claim_input .reft-code p {
    font-family: B;
    font-size: 18px;
    font-weight: 500;
    line-height: 20.4px;
    margin-bottom: 0;
    text-align: left
}

.event_claim_main .event_claim_head .event_claim_input .input-group {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 60%
}

.event_claim_main .event_claim_head .event_claim_input .input-group .input-group-append .input-group-text {
    background-color: #d1e7ff !important;
    border-left-color: #f5f5f5;
    border-left-width: 2px
}

.dark_theme .event_claim_main .event_claim_head .event_claim_input .input-group .input-group-append .input-group-text {
    align-items: center;
    background-color: #d1e7ff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    color: #495057;
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0;
    padding: .375rem .75rem;
    text-align: center;
    white-space: nowrap
}

.event_claim_main .event_claim_head .event_claim_input .input-group .form-control {
    background-clip: padding-box;
    background-color: #d1e7ff;
    border: 1px solid #ced4da;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-radius: .25rem;
    color: #0076e8;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    height: calc(1.5em + .75rem + 2px);
    line-height: 1.5;
    min-width: 80%;
    padding: .375rem .75rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.event_claim_main .event_claim_img_2 {
    filter: opacity(.5);
    height: 335px;
    mix-blend-mode: lighten;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(7%, -11%);
    width: 600px
}

.dark_theme .event_claim_main .event_main_sec_2 .card {
    background-color: #000
}

.event_claim_main .event_main_sec_2 .card_eent_pd {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-image: url(star.d9cea73fe5d3721114cd.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    box-shadow: 0 0 2px 0;
    left: 0;
    padding: 20px;
    position: absolute;
    top: 0;
    transform: translate(0);
    width: 100%
}

.dark_theme .event_claim_main .event_main_sec_2 .card_eent_pd {
    background-image: url(stardk.f588ac9dfc90b6563500.webp)
}

.event_claim_main .event_main_sec_2 .dot-im {
    border-left: 4px dashed #06f;
    height: 100%;
    position: absolute;
    right: 130px;
    top: 0
}

.event_claim_main .event_main_sec_2 .card_event_main_cnt {
    align-items: flex-start;
    display: flex;
    gap: 15px
}

.event_claim_main .event_main_sec_2 .card_event_main_cnt .min_card_hd {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.event_claim_main .event_main_sec_2 .card_event_main_cnt .min_card_hd .txt_rs {
    font-family: B;
    font-size: 30px;
    font-weight: 800;
    line-height: 35.16px;
    text-align: left
}

.event_claim_main .event_main_sec_2 .card_event_main_cnt .min_card_hd .txt_rs_inr {
    font-family: B;
    font-size: 16px;
    font-weight: 800;
    line-height: 35.16px;
    text-align: left
}

.event_claim_main .event_main_sec_2 .card_event_main_cnt .min_card_hd .ttt {
    font-family: B;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.41px;
    text-align: left
}

.event_claim_main .event_main_sec_2 .card_event_main_cnt .min_card_hd p {
    font-family: B;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.41px;
    margin-bottom: 0;
    text-align: left
}

.event_claim_main .event_main_sec_2 .card_event_main_cnt .min_card_hd .reward_btc_h2 {
    color: #000;
    font-size: 40px;
    font-weight: 600;
    line-height: 46.88px
}

.event_claim_main .event_main_sec_2 .card_event_main_cnt .min_card_hd .reward_btc_span {
    color: #6fd361;
    font-size: 40px;
    font-weight: 600;
    line-height: 46.88px
}

.event_claim_main .event_main_sec_2 .event_main_view button {
    background: #0000 !important;
    border-radius: 10px;
    color: #06f !important
}

.claim_reward_sec .claim_reward_head {
    font-size: 30px;
    font-weight: 500;
    line-height: 24px
}

.dark_theme .claim_reward_sec .claim_reward_head {
    color: #fff
}

.claim_reward_sec .claim_reward_card {
    background-image: url(Clip%20path%20group.04232a1cdea4e13fe304.webp), linear-gradient(180deg, #0068cd, #000b82);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    display: flex;
    filter: drop-shadow(2px 4px 6px black);
    justify-content: space-between;
    padding: 26px
}

.claim_reward_sec .claim_reward_card .claim_reward_title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 29.23px
}

.claim_reward_sec .claim_reward_card .claim_reward_para {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 25.85px
}

.claim_reward_sec .claim_reward_card .claim_eventbtnposi {
    padding-top: 25px
}

.claim_reward_sec .claim_reward_card .claim_eventbtn {
    background: #fff;
    color: #000
}

.claim_reward_sec .claim_reward_card .form_control_claim_event {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    color: #495057;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    height: calc(1.5em + .75rem + 2px);
    line-height: 1.5;
    padding: .375rem .75rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%
}

.claim_reward_sec .claim_reward_card .claimrwd-right-cntn {
    max-width: 60%
}

.claim_reward_sec .claim_reward_card_tsk2 {
    background-image: url(Clip%20path%20group.04232a1cdea4e13fe304.webp), linear-gradient(180deg, #0068cd, #000b82);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    padding: 26px
}

.claim_reward_sec .claim_reward_card_tsk2 .claim_reward_title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 29.23px
}

.claim_reward_sec .claim_reward_card_tsk2 .claim_reward_para {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 25.85px
}

.claim_reward_sec .claim_reward_card_tsk2 .claim_eventbtnposi {
    padding-top: 0
}

.claim_reward_sec .claim_reward_card_tsk2 .claim_eventbtn {
    background: #fff;
    color: #000
}

.claim_reward_sec .claim_reward_card_tsk2 .input-group {
    max-width: 60%
}

.claim_reward_sec .claim_reward_card_tsk2 .form_control_claim_event {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    color: #495057;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    height: calc(1.5em + .75rem + 2px);
    line-height: 1.5;
    max-width: 60%;
    padding: .375rem .75rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%
}

.claim_reward_sec .claim_reward_card_tsk2 .claimrwd-right-cntn {
    max-width: 60%
}

.claim_reward_sec .claim_reward_card_tsk2_blur {
    background-image: url(Clip%20path%20group.04232a1cdea4e13fe304.webp), linear-gradient(180deg, #0068cd, #000b82);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    filter: blur(6px);
    padding: 26px
}

.claim_reward_sec .claim_reward_card_tsk2_blur .claim_reward_title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 29.23px
}

.claim_reward_sec .claim_reward_card_tsk2_blur .claim_reward_para {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 25.85px
}

.claim_reward_sec .claim_reward_card_tsk2_blur .claim_eventbtnposi {
    padding-top: 0
}

.claim_reward_sec .claim_reward_card_tsk2_blur .claim_eventbtn {
    background: #fff;
    color: #000
}

.claim_reward_sec .claim_reward_card_tsk2_blur .form_control_claim_event {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    color: #495057;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    height: calc(1.5em + .75rem + 2px);
    line-height: 1.5;
    max-width: 60%;
    padding: .375rem .75rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%
}

.claim_reward_sec .claim_reward_card_tsk2_blur .claimrwd-right-cntn {
    max-width: 60%
}

.claim_reward_sec .claim_reward_card_blur {
    background-image: url(Clip%20path%20group.04232a1cdea4e13fe304.webp), linear-gradient(180deg, #0068cd, #000b82);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    display: flex;
    filter: blur(6px);
    justify-content: space-between;
    padding: 23px
}

.claim_reward_sec .claim_reward_card_blur .claim_reward_title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 29.23px
}

.claim_reward_sec .claim_reward_card_blur .claim_reward_para {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 25.85px
}

.claim_reward_sec .claim_reward_card_blur .claim_eventbtnposi {
    padding-top: 25px
}

.claim_reward_sec .claim_reward_card_blur .claim_eventbtn {
    background: #fff;
    color: #000
}

.claim_reward_sec .claim_reward_card_blur .claimrwd-right-cntn {
    max-width: 60%
}

.lycFaq-htb {
    padding: clamp(30px, 5.83vw, 70px) 0
}

.lycFaqHd-htb {
    padding-bottom: clamp(12px, 3.5vw, 42px);
    text-align: center
}

.lycFaqCd-htb {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 4px #0000000d;
    margin-bottom: 1.5rem;
    padding: 20px
}

.lycFaqCd-htb:has(.show) {
    box-shadow: 0 4px 4px #0000000d
}

body.dark_theme .lycFaqCd-htb:has(.show) {
    box-shadow: 0 4px 4px 0 #1e2f390d
}

.lycFaqCdHd-htb {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between
}

.lycFaqTx-htb {
    font-size: clamp(16px, 3.13vw, 18px);
    font-weight: 600
}

.lycFaqCdBd-htb {
    color: #646667;
    font-size: 14px;
    line-height: 1.75;
    padding: 20px 0 0
}

body.dark_theme .lycFaqCdBd-htb {
    color: #fff
}

.lycFaqCdBd-htb ul {
    padding: 10px
}

.lycFaqCdBd-htb p {
    margin: 0
}

.lycFaqCdBd-htb br {
    content: "";
    display: block;
    height: 1rem
}

.lycStl-htb {
    font-size: clamp(32px, 3.67vw, 44px);
    line-height: 1.275
}

.dark_theme .lycFaqCd-htb {
    background-color: #000
}

.event_referal_sec_2 .rd_card {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 8px 16px 0 #0003;
    padding: 35px
}

.event_referal_sec_2 .rd_card .ref_sec2_resp {
    position: absolute;
    right: 0;
    top: -40px
}

.event_referal_sec_2 .event_referal_sec_2_head {
    font-family: B;
    font-size: 40px;
    font-weight: 500;
    line-height: 50px;
    text-align: left
}

.event_referal_sec_2 .event_referal_sec_2_head p {
    font-family: B;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    text-align: left
}

.event_referal_sec_2 .random_card-evt-ref {
    position: relative;
    z-index: 1
}

.event_referal_sec_2 .random_card-evt-ref .rd-info {
    background: #14a7bb;
    border-radius: 6px
}

.event_referal_sec_2 .random_card-evt-ref .rd-info h2 {
    color: #000;
    font-family: B;
    font-size: 18px;
    font-weight: 700;
    line-height: 30.05px;
    padding: 15px
}

.event_referal_sec_2 .random_card-evt-ref .rd-info h2 span {
    color: #000;
    font-family: B;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.49px
}

.event_referal_sec_2 .random_card-evt-ref .rd-info h2 span span {
    color: #000;
    font-family: B;
    font-size: 20px;
    font-weight: 600;
    line-height: 24.36px
}

.event_referal_sec_3 .event_referal_sec_3_head {
    font-family: B;
    font-size: 30px;
    font-weight: 500;
    line-height: 24px;
    text-align: left
}

.event_referal_sec_3 .event_referal_sec_3_head2 {
    font-family: B;
    font-size: 20px;
    font-weight: 500;
    line-height: 24.82px;
    text-align: center
}

.event_referal_sec_3 .event_referal_sec_3_card {
    background: linear-gradient(180deg, #0068cd, #000b82);
    border-radius: 20px
}

.event_referal_sec_3 .event_referal_sec_3_card .event_referal_sec_3_head3 {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    line-height: 43.85px;
    padding: 15px;
    text-align: left
}

.event_referal_sec_3 .event_referal_sec_3_card .event_referal_sec_3_para {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    padding: 15px;
    text-align: left
}

.event_referal_sec_3 .event_referal_sec_3_card .ref_inner_card_padding {
    padding: 40px
}

.event_referal_sec_3 .event_referal_sec_3_card .ref_inner_card_padding .ref_inner_card_table_bg {
    background: #fff;
    border-radius: 6px
}

.event_referal_sec_3 .event_referal_sec_3_card .ref_inner_card_padding .referal-nav-tabs {
    justify-content: space-around
}

.event_referal_sec_3 .event_referal_sec_3_card .ref_inner_card_padding .nav-tabs .nav-link {
    background-color: initial;
    border: 1px solid #0000;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #939393;
    font-size: 20px;
    font-weight: 600;
    line-height: 27.24px;
    margin-bottom: -1px
}

.event_referal_sec_3 .event_referal_sec_3_card .ref_inner_card_padding .nav-tabs .nav-link.active {
    background: #d1e7ff;
    border-radius: 6px;
    color: #0076e8
}

.event_referal_sec_3 .event_referal_sec_3_card .lvl_clm_btn {
    background: #c2fe95;
    color: #000;
    cursor: auto;
    font-size: 17px;
    font-weight: 500;
    line-height: 19.92px
}

.event_referal_sec_3 .referal-evnt-tal .cell-header,
.event_referal_sec_3 .referal-evnt-tal .tbl-hr {
    display: none
}

.dark_theme .event_referal_sec_2 .rd_card {
    background: #151515;
    border-radius: 20px;
    box-shadow: 0 6px 10px #000;
    padding: 35px
}

.dark_theme .event_referal_sec_2 .event_referal_sec_2_head {
    color: #fff;
    font-family: B;
    font-size: 40px;
    font-weight: 500;
    line-height: 50px;
    text-align: left
}

.dark_theme .event_referal_sec_2 .event_referal_sec_2_head p {
    color: #fff;
    font-family: B;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    text-align: left
}

.dark_theme .event_referal_sec_2 .random_card-evt-ref .rd-info {
    background: #14a7bb;
    border-radius: 6px
}

.dark_theme .event_referal_sec_2 .random_card-evt-ref .rd-info h2 {
    color: #000;
    font-family: B;
    font-size: 18px;
    font-weight: 700;
    line-height: 30.05px;
    padding: 15px
}

.dark_theme .event_referal_sec_2 .random_card-evt-ref .rd-info h2 span {
    color: #000;
    font-family: B;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.49px
}

.dark_theme .event_referal_sec_2 .random_card-evt-ref .rd-info h2 span span {
    color: #000;
    font-family: B;
    font-size: 20px;
    font-weight: 600;
    line-height: 24.36px
}

.dark_theme .event_referal_sec_3 .event_referal_sec_3_head {
    font-family: B;
    font-size: 30px;
    font-weight: 500;
    line-height: 24px;
    text-align: left
}

.dark_theme .event_referal_sec_3 .event_referal_sec_3_head2 {
    color: #fff;
    font-family: B;
    font-size: 20px;
    font-weight: 500;
    line-height: 24.82px;
    text-align: center
}

.dark_theme .event_referal_sec_3 .event_referal_sec_3_card {
    background: linear-gradient(180deg, #0068cd, #000b82);
    border-radius: 20px
}

.dark_theme .event_referal_sec_3 .event_referal_sec_3_card .event_referal_sec_3_head3 {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    line-height: 43.85px;
    padding: 15px;
    text-align: left
}

.dark_theme .event_referal_sec_3 .event_referal_sec_3_card .event_referal_sec_3_para {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    padding: 15px;
    text-align: left
}

.dark_theme .event_referal_sec_3 .event_referal_sec_3_card .ref_inner_card_padding {
    padding: 40px
}

.dark_theme .event_referal_sec_3 .event_referal_sec_3_card .ref_inner_card_padding .ref_inner_card_table_bg {
    background: #151515;
    border-radius: 6px
}

.dark_theme .event_referal_sec_3 .event_referal_sec_3_card .ref_inner_card_padding .ref_inner_card_table_bg .referal-evnt-tal thead th {
    border: 0;
    color: #fff;
    text-align: center
}

.dark_theme .event_referal_sec_3 .event_referal_sec_3_card .ref_inner_card_padding .ref_inner_card_table_bg .referal-evnt-tal tbody td {
    color: #fff;
    text-align: center
}

.dark_theme .event_referal_sec_3 .event_referal_sec_3_card .ref_inner_card_padding .referal-nav-tabs {
    justify-content: space-around
}

.dark_theme .event_referal_sec_3 .event_referal_sec_3_card .ref_inner_card_padding .nav-tabs .nav-link {
    background-color: initial;
    border: 1px solid #0000;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #939393;
    font-size: 20px;
    font-weight: 600;
    line-height: 27.24px;
    margin-bottom: -1px
}

.dark_theme .event_referal_sec_3 .event_referal_sec_3_card .ref_inner_card_padding .nav-tabs .nav-link.active {
    background: #46454557;
    border-radius: 6px;
    color: #0076e8;
    padding: 5px
}

.dark_theme .event_referal_sec_3 .event_referal_sec_3_card .lvl_clm_btn {
    background: #c2fe95;
    color: #000;
    font-size: 17px;
    font-weight: 500;
    line-height: 19.92px
}

.referal_pgbar .RSPBprogressBar {
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    height: 10px;
    justify-content: space-between;
    line-height: 1;
    position: relative;
    z-index: 0
}

.referal_pgbar .RSPBprogressBar .RSPBstep {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    position: absolute;
    top: -10px;
    transform: translateX(-50%);
    transition-property: all;
    transition-timing-function: ease;
    width: 100px;
    z-index: 0
}

.tc-crtast {
    line-height: 30px
}

@media screen and (max-width:767px) {
    .claim_reward_sec .claim_reward_card {
        background-image: url(Clip%20path%20group.04232a1cdea4e13fe304.webp), linear-gradient(180deg, #0068cd, #000b82);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 23px
    }

    .claim_reward_sec .claim_reward_card .claim_reward_title {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        line-height: 29.23px
    }

    .claim_reward_sec .claim_reward_card .claim_reward_para {
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        line-height: 25.85px
    }

    .claim_reward_sec .claim_reward_card .form_control_claim_event {
        background-clip: padding-box;
        background-color: #fff;
        border: 1px solid #ced4da;
        border-radius: .25rem;
        color: #495057;
        display: block;
        font-size: 1rem;
        font-weight: 400;
        height: calc(1.5em + .75rem + 2px);
        line-height: 1.5;
        padding: .375rem .75rem;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        width: 100%
    }

    .claim_reward_sec .claim_reward_card .claim_eventbtnposi {
        padding-top: 7px;
        text-align: center
    }

    .claim_reward_sec .claim_reward_card .claimrwd-right-cntn {
        max-width: 100%
    }

    .claim_reward_sec .claim_reward_card_blur {
        background-image: url(Clip%20path%20group.04232a1cdea4e13fe304.webp), linear-gradient(180deg, #0068cd, #000b82);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 10px;
        display: flex;
        filter: blur(6px);
        flex-direction: column;
        justify-content: space-between;
        padding: 23px
    }

    .claim_reward_sec .claim_reward_card_blur .claim_reward_title {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        line-height: 29.23px
    }

    .claim_reward_sec .claim_reward_card_blur .claim_reward_para {
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        line-height: 25.85px
    }

    .claim_reward_sec .claim_reward_card_blur .claim_eventbtnposi {
        padding-top: 7px;
        text-align: center
    }

    .claim_reward_sec .claim_reward_card_blur .claim_reward_card_tsk2 .claimrwd-right-cntn,
    .claim_reward_sec .claim_reward_card_blur .claimrwd-right-cntn,
    .claim_reward_sec .claim_reward_card_tsk2 .claimrwd-right-cntn {
        max-width: 100%
    }
}

@media screen and (max-width:991px) {
    .event_claim_main {
        margin-top: 0 !important;
        min-height: 300px !important;
        padding-top: 0 !important
    }

    .dark_theme .event_claim_main {
        padding-top: 50px !important
    }

    .event_claim_head h2 {
        font-family: B;
        font-size: 42px !important;
        font-weight: 500;
        line-height: 55px !important;
        text-align: left
    }

    .event_claim_head p {
        max-width: 100% !important
    }

    .event_claim_img,
    .event_claim_img_2 {
        display: none
    }

    .event_main_sec_2 .card_eent_pd {
        left: 0;
        top: 0 !important;
        transform: translate(0) !important
    }
}

.modal_share_socialicon {
    display: flex;
    flex-wrap: wrap;
    gap: 26px
}

@media screen and (max-width:767px) {
    .event_claim_input {
        margin-bottom: 2rem !important
    }

    .event_main_sec_2 .card_eent_pd {
        left: 0;
        top: 0 !important;
        transform: translate(0) !important
    }
}

@media screen and (max-width:575px) {
    .claim_reward_sec .claim_reward_head {
        font-size: 26px;
        font-weight: 500;
        line-height: 24px
    }

    .event_main_sec_2 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media screen and (min-width:991px) {
    .event_claim_img_2 {
        height: 335px;
        transform: translate(7%, -11%);
        width: 600px
    }
}

@media screen and (max-width:400px) {
    .event_claim_main .event_main_sec_2 .card_event_main_cnt .min_card_hd .reward_btc_h2 {
        color: #000;
        font-size: 27px;
        font-weight: 600;
        line-height: 37.88px
    }

    .event_claim_main .event_main_sec_2 .card_event_main_cnt .min_card_hd .reward_btc_span {
        color: #6fd361;
        font-size: 27px;
        font-weight: 600;
        line-height: 37.88px
    }
}

@media screen and (max-width:1199px) {
    .event_referal_sec_2 .rd_card .ref_sec2_resp {
        display: none
    }
}

@media screen and (max-width:565px) {
    .event_referal_sec_2 .event_referal_sec_2_head {
        font-family: B;
        font-size: 34px;
        font-weight: 500;
        line-height: 44px;
        text-align: left
    }

    .event_referal_sec_3 .event_referal_sec_3_head {
        font-family: B;
        font-size: 30px;
        font-weight: 500;
        line-height: 44px;
        text-align: left
    }
}

@media screen and (max-width:600px) {
    .referal-evnt-tal th {
        display: none
    }

    .referal-evnt-tal .cell-header {
        display: block !important;
        font-weight: 700
    }

    .referal-evnt-tal td {
        display: flex;
        justify-content: space-between
    }

    .referal-evnt-tal .tbl-hr {
        display: block !important
    }

    .referal-evnt-tal .no_rec_mobresp {
        display: block
    }

    .claim_reward_card_tsk2 .input-group {
        max-width: 100% !important
    }

    .claim_reward_card_tsk2 .mob-rrere {
        flex-direction: column;
        gap: 20px
    }
}

@media screen and (max-width:483px) {
    .event_claim_main .event_claim_head .event_claim_input .input-group .form-control {
        background-clip: padding-box;
        background-color: #d1e7ff;
        border: 1px solid #ced4da;
        border-radius: .25rem;
        color: #0076e8;
        display: block;
        font-size: 1rem;
        font-weight: 700;
        height: calc(1.5em + .75rem + 2px);
        line-height: 1.5;
        min-width: 30%;
        padding: .375rem .75rem;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
    }
}

@media screen and (max-width:767px) {
    .event_claim_input .input-group {
        align-items: stretch;
        display: flex;
        flex-wrap: wrap;
        position: relative;
        width: 100% !important
    }

    .modal-backdrop.show {
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
        background: #1434b324;
        opacity: 1;
        z-index: 1
    }

    .fixed-bottom-bar {
        background-color: #fff;
        border-top-left-radius: 35px;
        border-top-right-radius: 35px;
        bottom: 5px;
        max-width: 100% !important;
        min-height: 180px;
        padding: 30px;
        position: fixed;
        text-align: center;
        z-index: 1000
    }

    .fixed-bottom-bar .clos_dwn {
        color: #000;
        font-weight: 800;
        position: absolute;
        right: 25px;
        top: 8px
    }

    .dark_theme .fixed-bottom-bar .clos_dwn {
        color: #fff
    }

    .dark_theme .fixed-bottom-bar {
        background-color: #030204
    }

    .fixed-bottom-bar .modal_share_socialicon {
        display: flex;
        flex-wrap: wrap;
        gap: 26px;
        justify-content: center
    }
}

.event-landing-s1 {
    padding-top: 100px
}

.event-landing-s1 .event-landing .event-landing-s1-h2 {
    color: #0076e8;
    font-size: 80px;
    font-weight: 900;
    line-height: 100.8px
}

.event-landing-s1 .event-landing .event-landing-s1-p {
    font-size: 30px;
    font-weight: 500;
    line-height: 37.23px
}

.event-landing-s1 .event-landing .event-landing-s1-desc {
    color: #646667;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.event-landing-s1 .event-landing .event-landing-duration {
    font-size: 20px;
    font-weight: 500;
    line-height: 24.82px
}

.event-landing-s2 .event-landing-s2-h2 {
    font-size: 44px;
    font-weight: 700;
    line-height: 50px
}

.event-landing-s2 .event-land-card1 {
    background-image: url(referal.383aaec47c4c766e9def.webp), linear-gradient(245.84deg, #f761b7 34.51%, #ff2ea6 77.45%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    height: 150px;
    position: relative
}

.event-landing-s2 .event-land-card1 .three-rwd-sec {
    bottom: 0;
    left: 0;
    position: absolute;
    transform: translate(50%, 50%)
}

.event-landing-s2 .event-land-card1 .event-land-card1-posi {
    position: absolute;
    transform: translate(79%, -98%);
    z-index: 1
}

.event-landing-s2 .event-land-card1 .event-land-card1-h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 34px;
    padding: 18px 35px 35px
}

.event-landing-s2 .event-land-card2 {
    background-image: url(singin.2d9cb6f97a3a94a21900.webp), linear-gradient(180deg, #67adff, #0075ff);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    height: 150px;
    position: relative
}

.event-landing-s2 .event-land-card2 .three-rwd-sec {
    bottom: 0;
    left: 0;
    position: absolute;
    transform: translate(50%, 50%)
}

.event-landing-s2 .event-land-card2 .event-land-card2-posi {
    position: absolute;
    transform: translate(65%, -85%);
    z-index: 1
}

.event-landing-s2 .event-land-card2 .event-land-card2-h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 34px;
    padding: 18px 35px 35px
}

.event-landing-s2 .card-padding {
    padding-top: 50px
}

.event-landing-s2 .event-land-card3 {
    background-image: url(scratch.e94fd69bea297cfdb099.webp), linear-gradient(180deg, #ffe767, #dfbc04);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    height: 150px;
    position: relative
}

.event-landing-s2 .event-land-card3 .three-rwd-sec {
    bottom: 0;
    left: 0;
    position: absolute;
    transform: translate(50%, 50%)
}

.event-landing-s2 .event-land-card3 .event-land-card3-posi {
    position: absolute;
    transform: translate(50%, -98%);
    z-index: 1
}

.event-landing-s2 .event-land-card3 .event-land-card3-h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 34px;
    padding: 18px 35px 35px
}

.event-landing-s3 .event-landing-faq-h2 {
    font-size: 44px;
    font-weight: 700;
    line-height: 50px
}

.event-landing-s3 .event-landing-faq-p {
    color: #919496;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.event-landing-s3 .event-landing-faq-sprt {
    font-size: 20px;
    font-weight: 600;
    line-height: 27.24px
}

.event-landing-s3 .lycFaq-htb {
    padding: clamp(30px, 5.83vw, 70px) 0
}

.event-landing-s3 .lycFaqHd-htb {
    padding-bottom: clamp(12px, 3.5vw, 42px);
    text-align: center
}

.event-landing-s3 .lycFaqCd-htb {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 4px #0000000d;
    margin-bottom: 1.5rem;
    padding: 20px
}

.dark_theme .event-landing-s3 .lycFaqCd-htb {
    background-color: #000
}

.event-landing-s3 .lycFaqCd-htb:has(.show) {
    box-shadow: 0 4px 4px #0000000d
}

body.dark_theme .event-landing-s3 .lycFaqCd-htb:has(.show) {
    box-shadow: 0 4px 4px 0 #1e2f390d
}

.event-landing-s3 .lycFaqCdHd-htb {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between
}

.event-landing-s3 .lycFaqTx-htb {
    font-size: clamp(16px, 3.13vw, 18px);
    font-weight: 600
}

.event-landing-s3 .lycFaqCdBd-htb {
    color: #646667;
    font-size: 14px;
    line-height: 1.75;
    padding: 20px 0 0
}

body.dark_theme .event-landing-s3 .lycFaqCdBd-htb {
    color: #fff
}

.event-landing-s3 .lycFaqCdBd-htb ul {
    padding: 10px
}

.event-landing-s3 .lycFaqCdBd-htb p {
    margin: 0
}

.event-landing-s3 .lycFaqCdBd-htb br {
    content: "";
    display: block;
    height: 1rem
}

.event-landing-s3 .lycStl-htb {
    font-size: clamp(32px, 3.67vw, 44px);
    line-height: 1.275
}

.event-landing-s3 .dark_theme .lycFaqCd-htb {
    background-color: #000
}

.ev-mod-win h2 {
    font-size: 30px;
    font-weight: 500;
    line-height: 37.23px
}

.ev-mod-win h2,
.ev-mod-win p {
    font-family: B;
    text-align: center
}

.ev-mod-win p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.evnt_Scratch .modal-content {
    background-clip: padding-box;
    background-color: #fff;
    border: none;
    border-radius: 1.3rem;
    box-shadow: 0 0 4px 4px #0000001a;
    display: flex;
    flex-direction: column;
    outline: 0;
    pointer-events: auto;
    position: relative;
    width: 100%
}

@media screen and (max-width:767px) {
    .event-landing-s1 .event-landing .event-landing-s1-h2 {
        font-size: 50px
    }
}

@media screen and (max-width:991px) {
    .event-landing-s1 {
        padding-top: 0 !important
    }

    .dark_theme .event-landing-s1 {
        padding-top: 50px !important
    }

    .event-landing-s2 .event-landing-s2-h2 {
        font-size: 34px;
        font-weight: 700;
        line-height: 44px
    }

    .event-land-card2-h2 {
        font-size: 28px;
        font-weight: 600;
        line-height: 32px;
        padding: 35px
    }

    .event-landing-s3 .event-landing-faq-h2 {
        font-size: 34px;
        font-weight: 700;
        line-height: 44px;
        text-align: center
    }

    .event-landing-s3 .dis-n,
    .event-landing-s3 .event-landing-faq-p,
    .event-landing-s3 .event-landing-faq-sprt {
        display: none
    }

    .event-landing-s2 .event-land-card1 .event-land-card1-h2 {
        font-size: 30px !important;
        text-align: center
    }

    .event-landing-s2 .event-land-card1 .event-land-card1-posi {
        right: 0 !important;
        transform: translateY(-98%) !important
    }

    .event-landing-s2 .event-land-card2 .event-land-card2-h2 {
        font-size: 30px !important;
        text-align: center
    }

    .event-landing-s2 .event-land-card2 .event-land-card2-posi {
        right: 0 !important;
        transform: translateY(-98%) !important
    }

    .event-landing-s2 .event-land-card3 .event-land-card3-h2 {
        font-size: 30px !important;
        text-align: center
    }

    .event-landing-s2 .event-land-card3 .event-land-card3-posi {
        right: 0 !important;
        transform: translateY(-98%) !important
    }
}

@media screen and (max-width:1199px) {

    .event-landing-s2 .event-land-card1 .event-land-card1-h2,
    .event-landing-s2 .event-land-card2 .event-land-card2-h2,
    .event-landing-s2 .event-land-card3 .event-land-card3-h2 {
        font-size: 24px !important
    }
}

.clbtn-inj-btc {
    border-radius: 8px;
    box-shadow: 0 0 0 #fec1958c;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    overflow: unset;
    padding: 17px 35px;
    position: relative;
    transition: all .3s ease-in-out
}

.clbtn-inj-btc,
.dark_theme .clbtn-inj-btc {
    background: #fec195;
    border: 3px solid #fec195;
    color: #181818
}

.clbtn-inj-btc:hover {
    background: #0000;
    box-shadow: 0 0 25px #4076e8;
    color: #000
}

.dark_theme .clbtn-inj-btc:hover {
    background: #0000;
    box-shadow: 0 0 25px #4076e8;
    color: #fff
}

.clbtn-inj-btc:hover .star-1 {
    left: -30%;
    top: -80%;
    width: 25px
}

.clbtn-inj-btc:hover .star-1,
.clbtn-inj-btc:hover .star-2 {
    filter: drop-shadow(0 0 10px #fffdef);
    height: auto;
    position: absolute;
    z-index: 2
}

.clbtn-inj-btc:hover .star-2 {
    left: 10%;
    top: -25%;
    width: 15px
}

.clbtn-inj-btc:hover .star-3 {
    left: 25%;
    top: 55%;
    width: 5px
}

.clbtn-inj-btc:hover .star-3,
.clbtn-inj-btc:hover .star-4 {
    filter: drop-shadow(0 0 10px #fffdef);
    height: auto;
    position: absolute;
    z-index: 2
}

.clbtn-inj-btc:hover .star-4 {
    left: 80%;
    top: 30%;
    width: 8px
}

.clbtn-inj-btc:hover .star-5 {
    left: 115%;
    top: 25%;
    width: 15px
}

.clbtn-inj-btc:hover .star-5,
.clbtn-inj-btc:hover .star-6 {
    filter: drop-shadow(0 0 10px #fffdef);
    height: auto;
    position: absolute;
    z-index: 2
}

.clbtn-inj-btc:hover .star-6 {
    left: 60%;
    top: 5%;
    width: 5px
}

.fil0-btc {
    fill: #e7973d
}

.dark_theme .fil0-btc {
    fill: #fffdef
}

.clbtn-inj-btc-thre {
    border-radius: 8px;
    box-shadow: 0 0 0 #fec1958c;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    overflow: unset;
    padding: 17px 35px;
    position: relative;
    transition: all .3s ease-in-out
}

.clbtn-inj-btc-thre,
.dark_theme .clbtn-inj-btc-thre {
    background: #fec195;
    border: 3px solid #fec195;
    color: #181818
}

.clbtn-inj-btc-thre .star-1-thre {
    filter: drop-shadow(0 0 0 #fffdef);
    height: auto;
    left: 20%;
    position: absolute;
    top: 20%;
    transition: all 1s cubic-bezier(.05, .83, .43, .96);
    width: 25px;
    z-index: -5
}

.clbtn-inj-btc-thre .star-2-thre {
    left: 45%;
    top: 45%;
    width: 15px
}

.clbtn-inj-btc-thre .star-2-thre,
.clbtn-inj-btc-thre .star-3-thre {
    filter: drop-shadow(0 0 0 #fffdef);
    height: auto;
    position: absolute;
    transition: all 1s cubic-bezier(0, .4, 0, 1.01);
    z-index: -5
}

.clbtn-inj-btc-thre .star-3-thre {
    left: 40%;
    top: 40%;
    width: 5px
}

.clbtn-inj-btc-thre .star-4-thre {
    left: 40%;
    top: 20%;
    transition: all .8s cubic-bezier(0, .4, 0, 1.01);
    width: 8px
}

.clbtn-inj-btc-thre .star-4-thre,
.clbtn-inj-btc-thre .star-5-thre {
    filter: drop-shadow(0 0 0 #fffdef);
    height: auto;
    position: absolute;
    z-index: -5
}

.clbtn-inj-btc-thre .star-5-thre {
    left: 45%;
    top: 25%;
    transition: all .6s cubic-bezier(0, .4, 0, 1.01);
    width: 15px
}

.clbtn-inj-btc-thre .star-6-thre {
    filter: drop-shadow(0 0 0 #fffdef);
    height: auto;
    left: 50%;
    position: absolute;
    top: 5%;
    transition: all .8s ease;
    width: 5px;
    z-index: -5
}

.clbtn-inj-btc-thre:hover,
.dark_theme .clbtn-inj-btc-thre:hover {
    background: #f6c095;
    box-shadow: 0 0 25px #4076e8;
    color: #000
}

.clbtn-inj-btc-thre:hover .star-1-thre {
    filter: drop-shadow(0 0 10px #fffdef);
    height: auto;
    left: -30%;
    position: absolute;
    top: -80%;
    width: 25px;
    z-index: 2
}

.clbtn-inj-btc-thre:hover .star-2-thre {
    filter: drop-shadow(0 0 10px #fffdef);
    height: auto;
    left: 10%;
    position: absolute;
    top: -25%;
    width: 15px;
    z-index: 2
}

.clbtn-inj-btc-thre:hover .star-3-thre {
    filter: drop-shadow(0 0 10px #fffdef);
    height: auto;
    left: 25%;
    position: absolute;
    top: 55%;
    width: 5px;
    z-index: 2
}

.clbtn-inj-btc-thre:hover .star-4-thre {
    filter: drop-shadow(0 0 10px #fffdef);
    height: auto;
    left: 80%;
    position: absolute;
    top: 30%;
    width: 8px;
    z-index: 2
}

.clbtn-inj-btc-thre:hover .star-5-thre {
    filter: drop-shadow(0 0 10px #fffdef);
    height: auto;
    left: 115%;
    position: absolute;
    top: 25%;
    width: 15px;
    z-index: 2
}

.clbtn-inj-btc-thre:hover .star-6-thre {
    filter: drop-shadow(0 0 10px #fffdef);
    height: auto;
    left: 60%;
    position: absolute;
    top: 5%;
    width: 5px;
    z-index: 2
}

.fil0-btc-thre {
    fill: #e7973d
}

.dark_theme .fil0-btc-thre {
    fill: #fffdef
}

.clbtn-inj-ref {
    border-radius: 8px;
    box-shadow: 0 0 0 #fec1958c;
    color: #181818;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    overflow: unset;
    padding: 17px 35px;
    position: relative;
    transition: all .3s ease-in-out
}

.clbtn-inj-ref,
.dark_theme .clbtn-inj-ref {
    background: #fec195;
    border: 3px solid #fec195
}

.dark_theme .clbtn-inj-ref {
    color: #000
}

.star-1 {
    filter: drop-shadow(0 0 0 #fffdef);
    height: auto;
    left: 20%;
    position: absolute;
    top: 20%;
    transition: all 1s cubic-bezier(.05, .83, .43, .96);
    width: 25px;
    z-index: -5
}

.star-2 {
    left: 45%;
    top: 45%;
    width: 15px
}

.star-2,
.star-3 {
    filter: drop-shadow(0 0 0 #fffdef);
    height: auto;
    position: absolute;
    transition: all 1s cubic-bezier(0, .4, 0, 1.01);
    z-index: -5
}

.star-3 {
    left: 40%;
    top: 40%;
    width: 5px
}

.star-4 {
    left: 40%;
    top: 20%;
    transition: all .8s cubic-bezier(0, .4, 0, 1.01);
    width: 8px
}

.star-4,
.star-5 {
    filter: drop-shadow(0 0 0 #fffdef);
    height: auto;
    position: absolute;
    z-index: -5
}

.star-5 {
    left: 45%;
    top: 25%;
    transition: all .6s cubic-bezier(0, .4, 0, 1.01);
    width: 15px
}

.star-6 {
    filter: drop-shadow(0 0 0 #fffdef);
    height: auto;
    left: 50%;
    position: absolute;
    top: 5%;
    transition: all .8s ease;
    width: 5px;
    z-index: -5
}

.clbtn-inj-ref:hover {
    background: #0000;
    box-shadow: 0 0 25px #fec1958c;
    color: #000
}

.dark_theme .clbtn-inj-ref:hover {
    background: #0000;
    box-shadow: 0 0 25px #fec1958c;
    color: #fff
}

.clbtn-inj-ref:hover .star-1 {
    left: -30%;
    top: -80%;
    width: 25px
}

.clbtn-inj-ref:hover .star-1,
.clbtn-inj-ref:hover .star-2 {
    filter: drop-shadow(0 0 10px #fffdef);
    height: auto;
    position: absolute;
    z-index: 2
}

.clbtn-inj-ref:hover .star-2 {
    left: 10%;
    top: -25%;
    width: 15px
}

.clbtn-inj-ref:hover .star-3 {
    left: 25%;
    top: 55%;
    width: 5px
}

.clbtn-inj-ref:hover .star-3,
.clbtn-inj-ref:hover .star-4 {
    filter: drop-shadow(0 0 10px #fffdef);
    height: auto;
    position: absolute;
    z-index: 2
}

.clbtn-inj-ref:hover .star-4 {
    left: 80%;
    top: 30%;
    width: 8px
}

.clbtn-inj-ref:hover .star-5 {
    left: 115%;
    top: 25%;
    width: 15px
}

.clbtn-inj-ref:hover .star-5,
.clbtn-inj-ref:hover .star-6 {
    filter: drop-shadow(0 0 10px #fffdef);
    height: auto;
    position: absolute;
    z-index: 2
}

.clbtn-inj-ref:hover .star-6 {
    left: 60%;
    top: 5%;
    width: 5px
}

.fil0-ref {
    fill: #e7973d
}

.dark_theme .fil0-ref {
    fill: #fffdef
}

.clbtn-inj-ref.disabled,
.clbtn-inj-ref:disabled {
    background-color: #f6c095a6;
    border-color: #f6c095a6;
    color: #0006
}

.RSPBprogressBar {
    align-items: center;
    background-color: #d3d3d399;
    border-radius: 10px;
    display: flex;
    height: 10px;
    justify-content: space-between;
    line-height: 1;
    position: relative;
    z-index: 0
}

.RSPBprogressBar .RSPBstep {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    position: absolute;
    transform: translateX(-50%);
    transition-property: all;
    transition-timing-function: ease;
    z-index: 0
}

.RSPBprogressBar .RSPBprogressBarText {
    color: #fff;
    font-size: 10px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.RSPBprogressBar .RSPBprogression {
    background: #0074d9cc;
    border-radius: 10px;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    transition: width .3s ease;
    z-index: -1
}

.PhotoView-Portal {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    touch-action: none;
    width: 100%;
    z-index: 2000
}

@keyframes PhotoView__rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes PhotoView__delayIn {

    0%,
    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.PhotoView__Spinner {
    animation: PhotoView__delayIn .4s linear both
}

.PhotoView__Spinner svg {
    animation: PhotoView__rotate .6s linear infinite
}

.PhotoView__Photo {
    cursor: grab;
    max-width: none
}

.PhotoView__Photo:active {
    cursor: grabbing
}

.PhotoView__icon {
    display: inline-block;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%)
}

.PhotoView__PhotoBox,
.PhotoView__PhotoWrap {
    bottom: 0;
    direction: ltr;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    touch-action: none;
    width: 100%
}

.PhotoView__PhotoWrap {
    overflow: hidden;
    z-index: 10
}

.PhotoView__PhotoBox {
    transform-origin: left top
}

@keyframes PhotoView__fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.PhotoView-Slider__clean .PhotoView-Slider__ArrowLeft,
.PhotoView-Slider__clean .PhotoView-Slider__ArrowRight,
.PhotoView-Slider__clean .PhotoView-Slider__BannerWrap,
.PhotoView-Slider__clean .PhotoView-Slider__Overlay,
.PhotoView-Slider__willClose .PhotoView-Slider__BannerWrap:hover {
    opacity: 0
}

.PhotoView-Slider__Backdrop {
    background: #000;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition-property: background-color;
    width: 100%;
    z-index: -1
}

.PhotoView-Slider__fadeIn {
    animation: PhotoView__fade linear both;
    opacity: 0
}

.PhotoView-Slider__fadeOut {
    animation: PhotoView__fade linear reverse both;
    opacity: 0
}

.PhotoView-Slider__BannerWrap {
    align-items: center;
    background-color: #00000080;
    color: #fff;
    display: flex;
    height: 44px;
    justify-content: space-between;
    left: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s ease-out;
    width: 100%;
    z-index: 20
}

.PhotoView-Slider__BannerWrap:hover {
    opacity: 1
}

.PhotoView-Slider__Counter {
    font-size: 14px;
    opacity: .75;
    padding: 0 10px
}

.PhotoView-Slider__BannerRight {
    align-items: center;
    display: flex;
    height: 100%
}

.PhotoView-Slider__toolbarIcon {
    fill: #fff;
    box-sizing: border-box;
    cursor: pointer;
    opacity: .75;
    padding: 10px;
    transition: opacity .2s linear
}

.PhotoView-Slider__toolbarIcon:hover {
    opacity: 1
}

.PhotoView-Slider__ArrowLeft,
.PhotoView-Slider__ArrowRight {
    align-items: center;
    bottom: 0;
    cursor: pointer;
    display: flex;
    height: 100px;
    justify-content: center;
    margin: auto;
    opacity: .75;
    position: absolute;
    top: 0;
    transition: opacity .2s linear;
    -webkit-user-select: none;
    user-select: none;
    width: 70px;
    z-index: 20
}

.PhotoView-Slider__ArrowLeft:hover,
.PhotoView-Slider__ArrowRight:hover {
    opacity: 1
}

.PhotoView-Slider__ArrowLeft svg,
.PhotoView-Slider__ArrowRight svg {
    fill: #fff;
    background: #0000004d;
    box-sizing: initial;
    height: 24px;
    padding: 10px;
    width: 24px
}

.PhotoView-Slider__ArrowLeft {
    left: 0
}

.PhotoView-Slider__ArrowRight {
    right: 0
}