@charset "UTF-8";.language-list li[data-v-b98f550c] {
    list-style: none
}

.btn-disabled[data-v-b9fab08e] {
    pointer-events: none;
    opacity: .5
}

.border-danger[data-v-d67614c7] {
    border: 2px solid #ff0000!important
}

.text-danger .error-msg[data-v-d67614c7] {
    color: red!important
}

.password-field-rel[data-v-d67614c7] {
    position: relative
}

.score-hide-show[data-v-d67614c7] {
    position: absolute;
    top: 50%;
    right: 13px;
    transform: translateY(-50%)
}

.score-hide-show img[data-v-d67614c7] {
    max-width: 15px
}

.margin-bottom-12[data-v-fe0cc8cf] {
    margin-bottom: 12%
}

.btn-disabled[data-v-fe0cc8cf] {
    pointer-events: none;
    opacity: .5
}

.form-bank-wrapper .nav.nav-pills {
    flex-wrap: nowrap;
    overflow-x: auto;
    width: 100%;
    white-space: nowrap;
    overflow-y: hidden
}

.bank-details-tabs-content .tab-content .upi-card-list .upi-payment-content {
    max-height: inherit!important;
    overflow: hidden!important
}

.qr-img {
    height: 200px;
    overflow: hidden;
    max-width: 230px
}

.code-list .team-list-sec {
    padding: 0
}

@media screen and (max-width: 1450px) {
    .form-bank-wrapper {
        width:initial
    }
}

.qr-icons {
    position: relative;
    height: 130px
}

.qr-icons button {
    border: 0;
    background: 0;
    right: 0;
    position: initial;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 5px 5px #00000080!important;
    padding: 1px 9px 6px 8px;
    height: 33px;
    margin-top: 10px
}

.qr-icons .click-qr-icons img {
    width: auto;
    max-height: 30px
}

.click-qr-preview-img {
    position: absolute;
    right: 0;
    top: -6px;
    z-index: 9;
    width: 34px
}

.qr-icons .online-payment-bank button {
    position: initial
}

.qr-img.qr-icons {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    padding: 5px 0
}

.qr-screenshot .qr-img img {
    height: 100%
}

@media(max-width: 479px) {
    .qr-icons .click-qr-icons img {
        width:auto;
        max-height: 14px
    }

    .qr-icons button {
        padding: 0 5px 5px;
        height: 26px;
        margin-top: 5px
    }

    .depo-lft-container .acc-tab-list .nav.nav-pills {
        margin-bottom: 10px
    }
}

button.click-qr-icons[data-v-ce309c6d] {
    position: relative!important
}

.not-found[data-v-c45308ee] {
    text-align: center
}

.found-img img[data-v-c45308ee] {
    max-width: 250px
}

.found-img[data-v-c45308ee],.found-heading[data-v-c45308ee] {
    text-align: center
}

.not-found-wrapper[data-v-c45308ee] {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%
}

.found-heading h1[data-v-c45308ee] {
    color: #000;
    font-size: 80px;
    font-weight: 800;
    line-height: 72px
}

.found-heading p[data-v-c45308ee] {
    color: #707070;
    font-size: 40px;
    font-weight: 400
}

.found-heading .btn_submit_cl[data-v-c45308ee] {
    margin-top: 10px;
    display: inline-block;
    width: fit-content;
    background: var(--primary-gradient-color);
    color: #000;
    padding: 10px 25px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 500
}

.owl-carousel,.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3,1.3);
    transform: scale(1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-dots,.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 10px
}

.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom:1}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13,110,253;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 25,135,84;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 255,193,7;
    --bs-danger-rgb: 220,53,69;
    --bs-light-rgb: 248,249,250;
    --bs-dark-rgb: 33,37,41;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-body-color-rgb: 33,37,41;
    --bs-body-bg-rgb: 255,255,255;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff
}

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

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

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

hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: .25
}

hr:not([size]) {
    height: 1px
}

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

.h1,h1 {
    font-size: calc(1.375rem + 1.5vw)
}

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

.h2,h2 {
    font-size: calc(1.325rem + .9vw)
}

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

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

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

.h4,h4 {
    font-size: calc(1.275rem + .3vw)
}

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

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

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

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

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

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

ol,ul {
    padding-left: 2rem
}

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

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

dt {
    font-weight: 700
}

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

blockquote {
    margin: 0 0 1rem
}

b,strong {
    font-weight: bolder
}

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

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

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #0d6efd;
    text-decoration: underline
}

a:hover {
    color: #0a58ca
}

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

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

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

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

code {
    font-size: .875em;
    color: #d63384;
    word-wrap: break-word
}

a>code {
    color: inherit
}

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

kbd kbd {
    padding: 0;
    font-size: 1em;
    font-weight: 700
}

figure {
    margin: 0 0 1rem
}

img,svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

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

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

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

label {
    display: inline-block
}

button {
    border-radius: 0
}

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

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

button,select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]::-webkit-calendar-picker-indicator {
    display: none
}

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

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

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

textarea {
    resize: vertical
}

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

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

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

legend+* {
    clear: left
}

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

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

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

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

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

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

::file-selector-button {
    font: inherit
}

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

output {
    display: inline-block
}

iframe {
    border: 0
}

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

progress {
    vertical-align: baseline
}

[hidden] {
    display: none!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.blockquote-footer:before {
    content: "— "
}

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

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

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

.figure-caption {
    font-size: .875em;
    color: #6c757d
}

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

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

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

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

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

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

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

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

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

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

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

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

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

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

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

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

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

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

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

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0, 0, 0, .05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, .1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, .075);
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: #dee2e6
}

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

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

.table>:not(:first-child) {
    border-top: 2px solid currentColor
}

.caption-top {
    caption-side: top
}

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

.table-bordered>:not(caption)>* {
    border-width: 1px 0
}

.table-bordered>:not(caption)>*>* {
    border-width: 0 1px
}

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

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

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: #6c757d
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

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

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

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

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em
}

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

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

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

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end:.75rem;color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width:1px;border-radius: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

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

    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3
}

.form-control::-webkit-file-upload-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end:.75rem;color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width:1px;border-radius: 0;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

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

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #dde0e3
}

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

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

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

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

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

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

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

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

textarea.form-control {
    min-height: calc(1.5em + .75rem + 2px)
}

textarea.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px)
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px)
}

.form-control-color {
    width: 3rem;
    height: auto;
    padding: .375rem
}

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

.form-control-color::-moz-color-swatch {
    height: 1.5em;
    border-radius: .25rem
}

.form-control-color::-webkit-color-swatch {
    height: 1.5em;
    border-radius: .25rem
}

.form-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

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

.form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

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

.form-select:disabled {
    background-color: #e9ecef
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #212529
}

.form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

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

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

.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact
}

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

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

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

.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

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

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
}

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

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

.form-switch .form-check-input {
    width: 2em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: 2em;
    transition: background-position .15s ease-in-out
}

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

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.btn-check:disabled+.btn,.btn-check[disabled]+.btn {
    pointer-events: none;
    filter: none;
    opacity: .65
}

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

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem #0d6efd40
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem #0d6efd40
}

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

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

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

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

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

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

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

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

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

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

.form-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.form-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.form-floating {
    position: relative
}

.form-floating>.form-control,.form-floating>.form-select {
    height: calc(3.5rem + 2px);
    line-height: 1.25
}

.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem .75rem;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out
}

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

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

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

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

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

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

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

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

.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translate(.15rem)
}

.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translate(.15rem)
}

.form-floating>.form-control:-webkit-autofill~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translate(.15rem)
}

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

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

.input-group>.form-control:focus,.input-group>.form-select:focus {
    z-index: 3
}

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

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

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

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

.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

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

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

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: #198754e6;
    border-radius: .25rem
}

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

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

.form-control.is-valid:focus,.was-validated .form-control:valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem #19875440
}

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

.form-select.is-valid,.was-validated .form-select:valid {
    border-color: #198754
}

.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-position: right .75rem center,center right 2.25rem;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-valid:focus,.was-validated .form-select:valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem #19875440
}

.form-check-input.is-valid,.was-validated .form-check-input:valid {
    border-color: #198754
}

.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked {
    background-color: #198754
}

.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 .25rem #19875440
}

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

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

.input-group .form-control.is-valid,.input-group .form-select.is-valid,.was-validated .input-group .form-control:valid,.was-validated .input-group .form-select:valid {
    z-index: 1
}

.input-group .form-control.is-valid:focus,.input-group .form-select.is-valid:focus,.was-validated .input-group .form-control:valid:focus,.was-validated .input-group .form-select:valid:focus {
    z-index: 3
}

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

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

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

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

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

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

.form-select.is-invalid,.was-validated .form-select:invalid {
    border-color: #dc3545
}

.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%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 .75rem center,center right 2.25rem;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
}

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

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

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

.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus {
    box-shadow: 0 0 0 .25rem #dc354540
}

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

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

.input-group .form-control.is-invalid,.input-group .form-select.is-invalid,.was-validated .input-group .form-control:invalid,.was-validated .input-group .form-select:invalid {
    z-index: 2
}

.input-group .form-control.is-invalid:focus,.input-group .form-select.is-invalid:focus,.was-validated .input-group .form-control:invalid:focus,.was-validated .input-group .form-select:invalid:focus {
    z-index: 3
}

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

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

.btn:hover {
    color: #212529
}

.btn-check:focus+.btn,.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

.btn.disabled,.btn:disabled,fieldset:disabled .btn {
    pointer-events: none;
    opacity: .65
}

.btn-primary {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-primary:hover {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca
}

.btn-check:focus+.btn-primary,.btn-primary:focus {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
    box-shadow: 0 0 0 .25rem #3184fd80
}

.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0a58ca;
    border-color: #0a53be
}

.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem #3184fd80
}

.btn-primary.disabled,.btn-primary:disabled {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

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

.btn-secondary:hover {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64
}

.btn-check:focus+.btn-secondary,.btn-secondary:focus {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64;
    box-shadow: 0 0 0 .25rem #828a9180
}

.btn-check:active+.btn-secondary,.btn-check:checked+.btn-secondary,.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #565e64;
    border-color: #51585e
}

.btn-check:active+.btn-secondary:focus,.btn-check:checked+.btn-secondary:focus,.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem #828a9180
}

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

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

.btn-success:hover {
    color: #fff;
    background-color: #157347;
    border-color: #146c43
}

.btn-check:focus+.btn-success,.btn-success:focus {
    color: #fff;
    background-color: #157347;
    border-color: #146c43;
    box-shadow: 0 0 0 .25rem #3c996e80
}

.btn-check:active+.btn-success,.btn-check:checked+.btn-success,.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #146c43;
    border-color: #13653f
}

.btn-check:active+.btn-success:focus,.btn-check:checked+.btn-success:focus,.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem #3c996e80
}

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

.btn-info {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-info:hover {
    color: #000;
    background-color: #31d2f2;
    border-color: #25cff2
}

.btn-check:focus+.btn-info,.btn-info:focus {
    color: #000;
    background-color: #31d2f2;
    border-color: #25cff2;
    box-shadow: 0 0 0 .25rem #0baccc80
}

.btn-check:active+.btn-info,.btn-check:checked+.btn-info,.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle {
    color: #000;
    background-color: #3dd5f3;
    border-color: #25cff2
}

.btn-check:active+.btn-info:focus,.btn-check:checked+.btn-info:focus,.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem #0baccc80
}

.btn-info.disabled,.btn-info:disabled {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

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

.btn-warning:hover {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720
}

.btn-check:focus+.btn-warning,.btn-warning:focus {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720;
    box-shadow: 0 0 0 .25rem #d9a40680
}

.btn-check:active+.btn-warning,.btn-check:checked+.btn-warning,.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle {
    color: #000;
    background-color: #ffcd39;
    border-color: #ffc720
}

.btn-check:active+.btn-warning:focus,.btn-check:checked+.btn-warning:focus,.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem #d9a40680
}

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

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

.btn-danger:hover {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37
}

.btn-check:focus+.btn-danger,.btn-danger:focus {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37;
    box-shadow: 0 0 0 .25rem #e1536180
}

.btn-check:active+.btn-danger,.btn-check:checked+.btn-danger,.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #b02a37;
    border-color: #a52834
}

.btn-check:active+.btn-danger:focus,.btn-check:checked+.btn-danger:focus,.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem #e1536180
}

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

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

.btn-light:hover {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb
}

.btn-check:focus+.btn-light,.btn-light:focus {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb;
    box-shadow: 0 0 0 .25rem #d3d4d580
}

.btn-check:active+.btn-light,.btn-check:checked+.btn-light,.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb
}

.btn-check:active+.btn-light:focus,.btn-check:checked+.btn-light:focus,.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem #d3d4d580
}

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

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

.btn-dark:hover {
    color: #fff;
    background-color: #1c1f23;
    border-color: #1a1e21
}

.btn-check:focus+.btn-dark,.btn-dark:focus {
    color: #fff;
    background-color: #1c1f23;
    border-color: #1a1e21;
    box-shadow: 0 0 0 .25rem #42464980
}

.btn-check:active+.btn-dark,.btn-check:checked+.btn-dark,.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1a1e21;
    border-color: #191c1f
}

.btn-check:active+.btn-dark:focus,.btn-check:checked+.btn-dark:focus,.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem #42464980
}

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

.btn-outline-primary {
    color: #0d6efd;
    border-color: #0d6efd
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-check:focus+.btn-outline-primary,.btn-outline-primary:focus {
    box-shadow: 0 0 0 .25rem #0d6efd80
}

.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-check:active+.btn-outline-primary:focus,.btn-check:checked+.btn-outline-primary:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus {
    box-shadow: 0 0 0 .25rem #0d6efd80
}

.btn-outline-primary.disabled,.btn-outline-primary:disabled {
    color: #0d6efd;
    background-color: transparent
}

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

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

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

.btn-check:active+.btn-outline-secondary,.btn-check:checked+.btn-outline-secondary,.btn-outline-secondary.active,.btn-outline-secondary.dropdown-toggle.show,.btn-outline-secondary:active {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-check:active+.btn-outline-secondary:focus,.btn-check:checked+.btn-outline-secondary:focus,.btn-outline-secondary.active:focus,.btn-outline-secondary.dropdown-toggle.show:focus,.btn-outline-secondary:active:focus {
    box-shadow: 0 0 0 .25rem #6c757d80
}

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

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

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

.btn-check:focus+.btn-outline-success,.btn-outline-success:focus {
    box-shadow: 0 0 0 .25rem #19875480
}

.btn-check:active+.btn-outline-success,.btn-check:checked+.btn-outline-success,.btn-outline-success.active,.btn-outline-success.dropdown-toggle.show,.btn-outline-success:active {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-check:active+.btn-outline-success:focus,.btn-check:checked+.btn-outline-success:focus,.btn-outline-success.active:focus,.btn-outline-success.dropdown-toggle.show:focus,.btn-outline-success:active:focus {
    box-shadow: 0 0 0 .25rem #19875480
}

.btn-outline-success.disabled,.btn-outline-success:disabled {
    color: #198754;
    background-color: transparent
}

.btn-outline-info {
    color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-outline-info:hover {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-check:focus+.btn-outline-info,.btn-outline-info:focus {
    box-shadow: 0 0 0 .25rem #0dcaf080
}

.btn-check:active+.btn-outline-info,.btn-check:checked+.btn-outline-info,.btn-outline-info.active,.btn-outline-info.dropdown-toggle.show,.btn-outline-info:active {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-check:active+.btn-outline-info:focus,.btn-check:checked+.btn-outline-info:focus,.btn-outline-info.active:focus,.btn-outline-info.dropdown-toggle.show:focus,.btn-outline-info:active:focus {
    box-shadow: 0 0 0 .25rem #0dcaf080
}

.btn-outline-info.disabled,.btn-outline-info:disabled {
    color: #0dcaf0;
    background-color: transparent
}

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

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

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

.btn-check:active+.btn-outline-warning,.btn-check:checked+.btn-outline-warning,.btn-outline-warning.active,.btn-outline-warning.dropdown-toggle.show,.btn-outline-warning:active {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-check:active+.btn-outline-warning:focus,.btn-check:checked+.btn-outline-warning:focus,.btn-outline-warning.active:focus,.btn-outline-warning.dropdown-toggle.show:focus,.btn-outline-warning:active:focus {
    box-shadow: 0 0 0 .25rem #ffc10780
}

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

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

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

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

.btn-check:active+.btn-outline-danger,.btn-check:checked+.btn-outline-danger,.btn-outline-danger.active,.btn-outline-danger.dropdown-toggle.show,.btn-outline-danger:active {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-check:active+.btn-outline-danger:focus,.btn-check:checked+.btn-outline-danger:focus,.btn-outline-danger.active:focus,.btn-outline-danger.dropdown-toggle.show:focus,.btn-outline-danger:active:focus {
    box-shadow: 0 0 0 .25rem #dc354580
}

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

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

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

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

.btn-check:active+.btn-outline-light,.btn-check:checked+.btn-outline-light,.btn-outline-light.active,.btn-outline-light.dropdown-toggle.show,.btn-outline-light:active {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-check:active+.btn-outline-light:focus,.btn-check:checked+.btn-outline-light:focus,.btn-outline-light.active:focus,.btn-outline-light.dropdown-toggle.show:focus,.btn-outline-light:active:focus {
    box-shadow: 0 0 0 .25rem #f8f9fa80
}

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

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

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

.btn-check:focus+.btn-outline-dark,.btn-outline-dark:focus {
    box-shadow: 0 0 0 .25rem #21252980
}

.btn-check:active+.btn-outline-dark,.btn-check:checked+.btn-outline-dark,.btn-outline-dark.active,.btn-outline-dark.dropdown-toggle.show,.btn-outline-dark:active {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-check:active+.btn-outline-dark:focus,.btn-check:checked+.btn-outline-dark:focus,.btn-outline-dark.active:focus,.btn-outline-dark.dropdown-toggle.show:focus,.btn-outline-dark:active:focus {
    box-shadow: 0 0 0 .25rem #21252980
}

.btn-outline-dark.disabled,.btn-outline-dark:disabled {
    color: #212529;
    background-color: transparent
}

.btn-link {
    font-weight: 400;
    color: #0d6efd;
    text-decoration: underline
}

.btn-link:hover {
    color: #0a58ca
}

.btn-link.disabled,.btn-link:disabled {
    color: #6c757d
}

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

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

.fade {
    transition: opacity .15s linear
}

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

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

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

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

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

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

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

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

.dropdown-toggle {
    white-space: nowrap
}

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

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

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: .125rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

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

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

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

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

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

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

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

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

.dropstart .dropdown-toggle:after {
    display: none
}

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

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

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

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid rgba(0,0,0,.15)
}

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

.dropdown-item:focus,.dropdown-item:hover {
    color: #1e2125;
    background-color: #e9ecef
}

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

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

.dropdown-menu.show {
    display: block
}

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

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

.dropdown-menu-dark {
    color: #dee2e6;
    background-color: #343a40;
    border-color: #00000026
}

.dropdown-menu-dark .dropdown-item {
    color: #dee2e6
}

.dropdown-menu-dark .dropdown-item:focus,.dropdown-menu-dark .dropdown-item:hover {
    color: #fff;
    background-color: #ffffff26
}

.dropdown-menu-dark .dropdown-item.active,.dropdown-menu-dark .dropdown-item:active {
    color: #fff;
    background-color: #0d6efd
}

.dropdown-menu-dark .dropdown-item.disabled,.dropdown-menu-dark .dropdown-item:disabled {
    color: #adb5bd
}

.dropdown-menu-dark .dropdown-divider {
    border-color: #00000026
}

.dropdown-menu-dark .dropdown-item-text {
    color: #dee2e6
}

.dropdown-menu-dark .dropdown-header {
    color: #adb5bd
}

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

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

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

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

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

.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

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

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

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

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

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

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

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

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

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

.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

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

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

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

.nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #0d6efd;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}

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

.nav-link:focus,.nav-link:hover {
    color: #0a58ca
}

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

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background: 0 0;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

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

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

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

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

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

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

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

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

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

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

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

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: .5rem;
    padding-bottom: .5rem
}

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

.navbar-brand {
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    text-decoration: none;
    white-space: nowrap
}

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

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

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

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

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

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
    transition: box-shadow .15s ease-in-out
}

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

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

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

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

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

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

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

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

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

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

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

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

    .navbar-expand-sm .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible!important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-sm .offcanvas-bottom,.navbar-expand-sm .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

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

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

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

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

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

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

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

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

    .navbar-expand-md .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible!important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-md .offcanvas-bottom,.navbar-expand-md .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

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

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

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

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

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

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

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

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

    .navbar-expand-lg .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible!important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-lg .offcanvas-bottom,.navbar-expand-lg .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

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

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

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

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

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

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

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

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

    .navbar-expand-xl .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible!important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-xl .offcanvas-bottom,.navbar-expand-xl .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

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

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

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

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

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

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

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

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

    .navbar-expand-xxl .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible!important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-xxl .offcanvas-bottom,.navbar-expand-xxl .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

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

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

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

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

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

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

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

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

.navbar-expand .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible!important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none
}

.navbar-expand .offcanvas-bottom,.navbar-expand .offcanvas-top {
    height: auto;
    border-top: 0;
    border-bottom: 0
}

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

.navbar-light .navbar-brand {
    color: #000000e6
}

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

.navbar-light .navbar-nav .nav-link {
    color: #0000008c
}

.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 .nav-link.active,.navbar-light .navbar-nav .show>.nav-link {
    color: #000000e6
}

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

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: #0000008c
}

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

.navbar-dark .navbar-brand {
    color: #fff
}

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

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

.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 .nav-link.active,.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: #ffffff8c;
    border-color: #ffffff1a
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

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

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

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

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

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

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

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

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

.card-body {
    flex: 1 1 auto;
    padding: 1rem
}

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

.card-subtitle {
    margin-top: -.25rem;
    margin-bottom: 0
}

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

.card-link+.card-link {
    margin-left: 1rem
}

.card-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    background-color: #00000008;
    border-bottom: 1px solid rgba(0,0,0,.125)
}

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

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

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

.card-header-tabs {
    margin-right: -.5rem;
    margin-bottom: -.5rem;
    margin-left: -.5rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.5rem;
    margin-left: -.5rem
}

.card-img-overlay {
    position: absolute;
    inset: 0;
    padding: 1rem;
    border-radius: calc(.25rem - 1px)
}

.card-img,.card-img-bottom,.card-img-top {
    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-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-group>.card {
    margin-bottom: .75rem
}

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

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

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

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

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

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

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

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

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

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease
}

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

.accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px #00000020
}

.accordion-button:not(.collapsed):after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg)
}

.accordion-button:after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out
}

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

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

.accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125)
}

.accordion-item:first-of-type {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

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

.accordion-item:last-of-type {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.accordion-body {
    padding: 1rem 1.25rem
}

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

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

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

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

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

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 1rem;
    list-style: none
}

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

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

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

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    color: #0d6efd;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

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

.page-link:hover {
    z-index: 2;
    color: #0a58ca;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    color: #0a58ca;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px
}

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

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

.page-link {
    padding: .375rem .75rem
}

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

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

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

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

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

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

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

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

.badge {
    display: inline-block;
    padding: .35em .65em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.badge:empty {
    display: none
}

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

.alert {
    position: relative;
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

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

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

.alert-primary {
    color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe
}

.alert-primary .alert-link {
    color: #06357a
}

.alert-secondary {
    color: #41464b;
    background-color: #e2e3e5;
    border-color: #d3d6d8
}

.alert-secondary .alert-link {
    color: #34383c
}

.alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc
}

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

.alert-info {
    color: #055160;
    background-color: #cff4fc;
    border-color: #b6effb
}

.alert-info .alert-link {
    color: #04414d
}

.alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5
}

.alert-warning .alert-link {
    color: #523e02
}

.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7
}

.alert-danger .alert-link {
    color: #6a1a21
}

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

.alert-light .alert-link {
    color: #4f5050
}

.alert-dark {
    color: #141619;
    background-color: #d3d3d4;
    border-color: #bcbebf
}

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

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

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

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

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

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

.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem
}

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

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

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

.list-group-numbered {
    list-style-type: none;
    counter-reset: section
}

.list-group-numbered>li:before {
    content: counters(section,".") ". ";
    counter-increment: section
}

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

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

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

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

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

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

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

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

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

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 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-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

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

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

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 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-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

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

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

    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 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-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

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

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

    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 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-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

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

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

    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 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-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

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

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

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

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

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

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

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

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

    .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 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 {
    color: #084298;
    background-color: #cfe2ff
}

.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover {
    color: #084298;
    background-color: #bacbe6
}

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

.list-group-item-secondary {
    color: #41464b;
    background-color: #e2e3e5
}

.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover {
    color: #41464b;
    background-color: #cbccce
}

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

.list-group-item-success {
    color: #0f5132;
    background-color: #d1e7dd
}

.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover {
    color: #0f5132;
    background-color: #bcd0c7
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #0f5132;
    border-color: #0f5132
}

.list-group-item-info {
    color: #055160;
    background-color: #cff4fc
}

.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover {
    color: #055160;
    background-color: #badce3
}

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

.list-group-item-warning {
    color: #664d03;
    background-color: #fff3cd
}

.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover {
    color: #664d03;
    background-color: #e6dbb9
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #664d03;
    border-color: #664d03
}

.list-group-item-danger {
    color: #842029;
    background-color: #f8d7da
}

.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover {
    color: #842029;
    background-color: #dfc2c4
}

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

.list-group-item-light {
    color: #636464;
    background-color: #fefefe
}

.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover {
    color: #636464;
    background-color: #e5e5e5
}

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

.list-group-item-dark {
    color: #141619;
    background-color: #d3d3d4
}

.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover {
    color: #141619;
    background-color: #bebebf
}

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

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: .5
}

.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40;
    opacity: 1
}

.btn-close.disabled,.btn-close:disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: .25
}

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%)
}

.toast {
    width: 350px;
    max-width: 100%;
    font-size: .875rem;
    pointer-events: auto;
    background-color: #ffffffd9;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 .5rem 1rem #00000026;
    border-radius: .25rem
}

.toast.showing {
    opacity: 0
}

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

.toast-container {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

.toast-container>:not(:last-child) {
    margin-bottom: .75rem
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .5rem .75rem;
    color: #6c757d;
    background-color: #ffffffd9;
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0,0,0,.05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.toast-header .btn-close {
    margin-right: -.375rem;
    margin-left: .75rem
}

.toast-body {
    padding: .75rem;
    word-wrap: break-word
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-50px)
}

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

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .btn-close {
    padding: .5rem;
    margin: -.5rem -.5rem -.5rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

@media(min-width: 576px) {
    .modal-dialog {
        max-width:500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-sm {
        max-width: 300px
    }
}

@media(min-width: 992px) {
    .modal-lg,.modal-xl {
        max-width:800px
    }
}

@media(min-width: 1200px) {
    .modal-xl {
        max-width:1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-header {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

.modal-fullscreen .modal-footer {
    border-radius: 0
}

@media(max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0
    }
}

@media(max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0
    }
}

@media(max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0
    }
}

@media(max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0
    }
}

@media(max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0
    }
}

.tooltip {
    position: absolute;
    z-index: 1080;
    display: block;
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .tooltip-arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .tooltip-arrow:before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[data-popper-placement^=top],.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow {
    bottom: 0
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,.bs-tooltip-top .tooltip-arrow:before {
    top: -1px;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[data-popper-placement^=right],.bs-tooltip-end {
    padding: 0 .4rem
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before,.bs-tooltip-end .tooltip-arrow:before {
    right: -1px;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[data-popper-placement^=bottom],.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow {
    top: 0
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before,.bs-tooltip-bottom .tooltip-arrow:before {
    bottom: -1px;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[data-popper-placement^=left],.bs-tooltip-start {
    padding: 0 .4rem
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before,.bs-tooltip-start .tooltip-arrow:before {
    left: -1px;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1070;
    display: block;
    max-width: 276px;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem
}

.popover .popover-arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem
}

.popover .popover-arrow:after,.popover .popover-arrow:before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,.bs-popover-top>.popover-arrow:before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: #00000040
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,.bs-popover-top>.popover-arrow:after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,.bs-popover-end>.popover-arrow:before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #00000040
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,.bs-popover-end>.popover-arrow:after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.bs-popover-bottom>.popover-arrow:before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #00000040
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,.bs-popover-bottom>.popover-arrow:after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before,.bs-popover-bottom .popover-header:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f0f0f0
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,.bs-popover-start>.popover-arrow:before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #00000040
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,.bs-popover-start>.popover-arrow:after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f0f0f0;
    border-bottom: 1px solid rgba(0,0,0,.2);
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: 1rem;
    color: #212529
}
 
@-webkit-keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: .75s linear infinite spinner-border;
    animation: .75s linear infinite spinner-border
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@-webkit-keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: .75s linear infinite spinner-grow;
    animation: .75s linear infinite spinner-grow
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

@media(prefers-reduced-motion:reduce) {
    .spinner-border,.spinner-grow {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
}

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

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.offcanvas-backdrop.fade {
    opacity: 0
}

.offcanvas-backdrop.show {
    opacity: .5
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem
}

.offcanvas-header .btn-close {
    padding: .5rem;
    margin-top: -.5rem;
    margin-right: -.5rem;
    margin-bottom: -.5rem
}

.offcanvas-title {
    margin-bottom: 0;
    line-height: 1.5
}

.offcanvas-body {
    flex-grow: 1;
    padding: 1rem;
    overflow-y: auto
}

.offcanvas-start {
    top: 0;
    left: 0;
    width: 400px;
    border-right: 1px solid rgba(0,0,0,.2);
    transform: translate(-100%)
}

.offcanvas-end {
    top: 0;
    right: 0;
    width: 400px;
    border-left: 1px solid rgba(0,0,0,.2);
    transform: translate(100%)
}

.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-bottom: 1px solid rgba(0,0,0,.2);
    transform: translateY(-100%)
}

.offcanvas-bottom {
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-top: 1px solid rgba(0,0,0,.2);
    transform: translateY(100%)
}

.offcanvas.show {
    transform: none
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentColor;
    opacity: .5
}

.placeholder.btn:before {
    display: inline-block;
    content: ""
}

.placeholder-xs {
    min-height: .6em
}

.placeholder-sm {
    min-height: .8em
}

.placeholder-lg {
    min-height: 1.2em
}

.placeholder-glow .placeholder {
    -webkit-animation: placeholder-glow 2s ease-in-out infinite;
    animation: placeholder-glow 2s ease-in-out infinite
}

@-webkit-keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

.placeholder-wave {
    -webkit-mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);
    mask-image: linear-gradient(130deg,#000 55%,#000c,#000 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    -webkit-animation: placeholder-wave 2s linear infinite;
    animation: placeholder-wave 2s linear infinite
}

@-webkit-keyframes placeholder-wave {
    to {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%
    }
}

@keyframes placeholder-wave {
    to {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%
    }
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.link-primary {
    color: #0d6efd
}

.link-primary:focus,.link-primary:hover {
    color: #0a58ca
}

.link-secondary {
    color: #6c757d
}

.link-secondary:focus,.link-secondary:hover {
    color: #565e64
}

.link-success {
    color: #198754
}

.link-success:focus,.link-success:hover {
    color: #146c43
}

.link-info {
    color: #0dcaf0
}

.link-info:focus,.link-info:hover {
    color: #3dd5f3
}

.link-warning {
    color: #ffc107
}

.link-warning:focus,.link-warning:hover {
    color: #ffcd39
}

.link-danger {
    color: #dc3545
}

.link-danger:focus,.link-danger:hover {
    color: #b02a37
}

.link-light {
    color: #f8f9fa
}

.link-light:focus,.link-light:hover {
    color: #f9fafb
}

.link-dark {
    color: #212529
}

.link-dark:focus,.link-dark:hover {
    color: #1a1e21
}

.ratio {
    position: relative;
    width: 100%
}

.ratio:before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
}

.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
}

@media(min-width: 576px) {
    .sticky-sm-top {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media(min-width: 768px) {
    .sticky-md-top {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media(min-width: 992px) {
    .sticky-lg-top {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media(min-width: 1200px) {
    .sticky-xl-top {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media(min-width: 1400px) {
    .sticky-xxl-top {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch
}

.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important
}

.stretched-link:after {
    position: absolute;
    inset: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentColor;
    opacity: .25
}

.align-baseline {
    vertical-align: baseline!important
}

.align-top {
    vertical-align: top!important
}

.align-middle {
    vertical-align: middle!important
}

.align-bottom {
    vertical-align: bottom!important
}

.align-text-bottom {
    vertical-align: text-bottom!important
}

.align-text-top {
    vertical-align: text-top!important
}

.float-start {
    float: left!important
}

.float-end {
    float: right!important
}

.float-none {
    float: none!important
}

.opacity-0 {
    opacity: 0!important
}

.opacity-25 {
    opacity: .25!important
}

.opacity-50 {
    opacity: .5!important
}

.opacity-75 {
    opacity: .75!important
}

.opacity-100 {
    opacity: 1!important
}

.overflow-auto {
    overflow: auto!important
}

.overflow-hidden {
    overflow: hidden!important
}

.overflow-visible {
    overflow: visible!important
}

.overflow-scroll {
    overflow: scroll!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-grid {
    display: grid!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: flex!important
}

.d-inline-flex {
    display: inline-flex!important
}

.d-none {
    display: none!important
}

.shadow {
    box-shadow: 0 .5rem 1rem #00000026!important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem #00000013!important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem #0000002d!important
}

.shadow-none {
    box-shadow: none!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
}

.top-0 {
    top: 0!important
}

.top-50 {
    top: 50%!important
}

.top-100 {
    top: 100%!important
}

.bottom-0 {
    bottom: 0!important
}

.bottom-50 {
    bottom: 50%!important
}

.bottom-100 {
    bottom: 100%!important
}

.start-0 {
    left: 0!important
}

.start-50 {
    left: 50%!important
}

.start-100 {
    left: 100%!important
}

.end-0 {
    right: 0!important
}

.end-50 {
    right: 50%!important
}

.end-100 {
    right: 100%!important
}

.translate-middle {
    transform: translate(-50%,-50%)!important
}

.translate-middle-x {
    transform: translate(-50%)!important
}

.translate-middle-y {
    transform: translateY(-50%)!important
}

.border {
    border: 1px solid #dee2e6!important
}

.border-0 {
    border: 0!important
}

.border-top {
    border-top: 1px solid #dee2e6!important
}

.border-top-0 {
    border-top: 0!important
}

.border-end {
    border-right: 1px solid #dee2e6!important
}

.border-end-0 {
    border-right: 0!important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-start {
    border-left: 1px solid #dee2e6!important
}

.border-start-0 {
    border-left: 0!important
}

.border-primary {
    border-color: #0d6efd!important
}

.border-secondary {
    border-color: #6c757d!important
}

.border-success {
    border-color: #198754!important
}

.border-info {
    border-color: #0dcaf0!important
}

.border-warning {
    border-color: #ffc107!important
}

.border-danger {
    border-color: #dc3545!important
}

.border-light {
    border-color: #f8f9fa!important
}

.border-dark {
    border-color: #212529!important
}

.border-white {
    border-color: #fff!important
}

.border-1 {
    border-width: 1px!important
}

.border-2 {
    border-width: 2px!important
}

.border-3 {
    border-width: 3px!important
}

.border-4 {
    border-width: 4px!important
}

.border-5 {
    border-width: 5px!important
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.w-auto {
    width: auto!important
}

.mw-100 {
    max-width: 100%!important
}

.vw-100 {
    width: 100vw!important
}

.min-vw-100 {
    min-width: 100vw!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.h-auto {
    height: auto!important
}

.mh-100 {
    max-height: 100%!important
}

.vh-100 {
    height: 100vh!important
}

.min-vh-100 {
    min-height: 100vh!important
}

.flex-fill {
    flex: 1 1 auto!important
}

.flex-row {
    flex-direction: row!important
}

.flex-column {
    flex-direction: column!important
}

.flex-row-reverse {
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    flex-direction: column-reverse!important
}

.flex-grow-0 {
    flex-grow: 0!important
}

.flex-grow-1 {
    flex-grow: 1!important
}

.flex-shrink-0 {
    flex-shrink: 0!important
}

.flex-shrink-1 {
    flex-shrink: 1!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

.flex-nowrap {
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse!important
}

.gap-0 {
    gap: 0!important
}

.gap-1 {
    gap: .25rem!important
}

.gap-2 {
    gap: .5rem!important
}

.gap-3 {
    gap: 1rem!important
}

.gap-4 {
    gap: 1.5rem!important
}

.gap-5 {
    gap: 3rem!important
}

.justify-content-start {
    justify-content: flex-start!important
}

.justify-content-end {
    justify-content: flex-end!important
}

.justify-content-center {
    justify-content: center!important
}

.justify-content-between {
    justify-content: space-between!important
}

.justify-content-around {
    justify-content: space-around!important
}

.justify-content-evenly {
    justify-content: space-evenly!important
}

.align-items-start {
    align-items: flex-start!important
}

.align-items-end {
    align-items: flex-end!important
}

.align-items-center {
    align-items: center!important
}

.align-items-baseline {
    align-items: baseline!important
}

.align-items-stretch {
    align-items: stretch!important
}

.align-content-start {
    align-content: flex-start!important
}

.align-content-end {
    align-content: flex-end!important
}

.align-content-center {
    align-content: center!important
}

.align-content-between {
    align-content: space-between!important
}

.align-content-around {
    align-content: space-around!important
}

.align-content-stretch {
    align-content: stretch!important
}

.align-self-auto {
    align-self: auto!important
}

.align-self-start {
    align-self: flex-start!important
}

.align-self-end {
    align-self: flex-end!important
}

.align-self-center {
    align-self: center!important
}

.align-self-baseline {
    align-self: baseline!important
}

.align-self-stretch {
    align-self: stretch!important
}

.order-first {
    order: -1!important
}

.order-0 {
    order: 0!important
}

.order-1 {
    order: 1!important
}

.order-2 {
    order: 2!important
}

.order-3 {
    order: 3!important
}

.order-4 {
    order: 4!important
}

.order-5 {
    order: 5!important
}

.order-last {
    order: 6!important
}

.m-0 {
    margin: 0!important
}

.m-1 {
    margin: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.m-auto {
    margin: auto!important
}

.mx-0 {
    margin-right: 0!important;
    margin-left: 0!important
}

.mx-1 {
    margin-right: .25rem!important;
    margin-left: .25rem!important
}

.mx-2 {
    margin-right: .5rem!important;
    margin-left: .5rem!important
}

.mx-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important
}

.mx-4 {
    margin-right: 1.5rem!important;
    margin-left: 1.5rem!important
}

.mx-5 {
    margin-right: 3rem!important;
    margin-left: 3rem!important
}

.mx-auto {
    margin-right: auto!important;
    margin-left: auto!important
}

.my-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.my-1 {
    margin-top: .25rem!important;
    margin-bottom: .25rem!important
}

.my-2 {
    margin-top: .5rem!important;
    margin-bottom: .5rem!important
}

.my-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important
}

.my-4 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important
}

.my-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important
}

.my-auto {
    margin-top: auto!important;
    margin-bottom: auto!important
}

.mt-0 {
    margin-top: 0!important
}

.mt-1 {
    margin-top: .25rem!important
}

.mt-2 {
    margin-top: .5rem!important
}

.mt-3 {
    margin-top: 1rem!important
}

.mt-4 {
    margin-top: 1.5rem!important
}

.mt-5 {
    margin-top: 3rem!important
}

.mt-auto {
    margin-top: auto!important
}

.me-0 {
    margin-right: 0!important
}

.me-1 {
    margin-right: .25rem!important
}

.me-2 {
    margin-right: .5rem!important
}

.me-3 {
    margin-right: 1rem!important
}

.me-4 {
    margin-right: 1.5rem!important
}

.me-5 {
    margin-right: 3rem!important
}

.me-auto {
    margin-right: auto!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mb-1 {
    margin-bottom: .25rem!important
}

.mb-2 {
    margin-bottom: .5rem!important
}

.mb-3 {
    margin-bottom: 1rem!important
}

.mb-4 {
    margin-bottom: 1.5rem!important
}

.mb-5 {
    margin-bottom: 3rem!important
}

.mb-auto {
    margin-bottom: auto!important
}

.ms-0 {
    margin-left: 0!important
}

.ms-1 {
    margin-left: .25rem!important
}

.ms-2 {
    margin-left: .5rem!important
}

.ms-3 {
    margin-left: 1rem!important
}

.ms-4 {
    margin-left: 1.5rem!important
}

.ms-5 {
    margin-left: 3rem!important
}

.ms-auto {
    margin-left: auto!important
}

.p-0 {
    padding: 0!important
}

.p-1 {
    padding: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.px-0 {
    padding-right: 0!important;
    padding-left: 0!important
}

.px-1 {
    padding-right: .25rem!important;
    padding-left: .25rem!important
}

.px-2 {
    padding-right: .5rem!important;
    padding-left: .5rem!important
}

.px-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important
}

.px-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important
}

.px-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important
}

.py-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.py-1 {
    padding-top: .25rem!important;
    padding-bottom: .25rem!important
}

.py-2 {
    padding-top: .5rem!important;
    padding-bottom: .5rem!important
}

.py-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important
}

.py-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important
}

.py-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important
}

.pt-0 {
    padding-top: 0!important
}

.pt-1 {
    padding-top: .25rem!important
}

.pt-2 {
    padding-top: .5rem!important
}

.pt-3 {
    padding-top: 1rem!important
}

.pt-4 {
    padding-top: 1.5rem!important
}

.pt-5 {
    padding-top: 3rem!important
}

.pe-0 {
    padding-right: 0!important
}

.pe-1 {
    padding-right: .25rem!important
}

.pe-2 {
    padding-right: .5rem!important
}

.pe-3 {
    padding-right: 1rem!important
}

.pe-4 {
    padding-right: 1.5rem!important
}

.pe-5 {
    padding-right: 3rem!important
}

.pb-0 {
    padding-bottom: 0!important
}

.pb-1 {
    padding-bottom: .25rem!important
}

.pb-2 {
    padding-bottom: .5rem!important
}

.pb-3 {
    padding-bottom: 1rem!important
}

.pb-4 {
    padding-bottom: 1.5rem!important
}

.pb-5 {
    padding-bottom: 3rem!important
}

.ps-0 {
    padding-left: 0!important
}

.ps-1 {
    padding-left: .25rem!important
}

.ps-2 {
    padding-left: .5rem!important
}

.ps-3 {
    padding-left: 1rem!important
}

.ps-4 {
    padding-left: 1.5rem!important
}

.ps-5 {
    padding-left: 3rem!important
}

.font-monospace {
    font-family: var(--bs-font-monospace)!important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw)!important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw)!important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw)!important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw)!important
}

.fs-5 {
    font-size: 1.25rem!important
}

.fs-6 {
    font-size: 1rem!important
}

.fst-italic {
    font-style: italic!important
}

.fst-normal {
    font-style: normal!important
}

.fw-light {
    font-weight: 300!important
}

.fw-lighter {
    font-weight: lighter!important
}

.fw-normal {
    font-weight: 400!important
}

.fw-bold {
    font-weight: 700!important
}

.fw-bolder {
    font-weight: bolder!important
}

.lh-1 {
    line-height: 1!important
}

.lh-sm {
    line-height: 1.25!important
}

.lh-base {
    line-height: 1.5!important
}

.lh-lg {
    line-height: 2!important
}

.text-start {
    text-align: left!important
}

.text-end {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

.text-decoration-none {
    text-decoration: none!important
}

.text-decoration-underline {
    text-decoration: underline!important
}

.text-decoration-line-through {
    text-decoration: line-through!important
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.text-wrap {
    white-space: normal!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-break {
    word-wrap: break-word!important;
    word-break: break-word!important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important
}

.text-muted {
    --bs-text-opacity: 1;
    color: #6c757d!important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: #00000080!important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: #ffffff80!important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit!important
}

.text-opacity-25 {
    --bs-text-opacity: .25
}

.text-opacity-50 {
    --bs-text-opacity: .5
}

.text-opacity-75 {
    --bs-text-opacity: .75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent!important
}

.bg-opacity-10 {
    --bs-bg-opacity: .1
}

.bg-opacity-25 {
    --bs-bg-opacity: .25
}

.bg-opacity-50 {
    --bs-bg-opacity: .5
}

.bg-opacity-75 {
    --bs-bg-opacity: .75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-gradient {
    background-image: var(--bs-gradient)!important
}

.user-select-all {
    -webkit-user-select: all!important;
    -moz-user-select: all!important;
    user-select: all!important
}

.user-select-auto {
    -webkit-user-select: auto!important;
    -moz-user-select: auto!important;
    user-select: auto!important
}

.user-select-none {
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    user-select: none!important
}

.pe-none {
    pointer-events: none!important
}

.pe-auto {
    pointer-events: auto!important
}

.rounded {
    border-radius: .25rem!important
}

.rounded-0 {
    border-radius: 0!important
}

.rounded-1 {
    border-radius: .2rem!important
}

.rounded-2 {
    border-radius: .25rem!important
}

.rounded-3 {
    border-radius: .3rem!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-pill {
    border-radius: 50rem!important
}

.rounded-top {
    border-top-left-radius: .25rem!important;
    border-top-right-radius: .25rem!important
}

.rounded-end {
    border-top-right-radius: .25rem!important;
    border-bottom-right-radius: .25rem!important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem!important;
    border-bottom-left-radius: .25rem!important
}

.rounded-start {
    border-bottom-left-radius: .25rem!important;
    border-top-left-radius: .25rem!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

@media(min-width: 576px) {
    .float-sm-start {
        float:left!important
    }

    .float-sm-end {
        float: right!important
    }

    .float-sm-none {
        float: none!important
    }

    .d-sm-inline {
        display: inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-grid {
        display: grid!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: flex!important
    }

    .d-sm-inline-flex {
        display: inline-flex!important
    }

    .d-sm-none {
        display: none!important
    }

    .flex-sm-fill {
        flex: 1 1 auto!important
    }

    .flex-sm-row {
        flex-direction: row!important
    }

    .flex-sm-column {
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-sm-grow-0 {
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-sm-wrap {
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-sm-0 {
        gap: 0!important
    }

    .gap-sm-1 {
        gap: .25rem!important
    }

    .gap-sm-2 {
        gap: .5rem!important
    }

    .gap-sm-3 {
        gap: 1rem!important
    }

    .gap-sm-4 {
        gap: 1.5rem!important
    }

    .gap-sm-5 {
        gap: 3rem!important
    }

    .justify-content-sm-start {
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        justify-content: flex-end!important
    }

    .justify-content-sm-center {
        justify-content: center!important
    }

    .justify-content-sm-between {
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        justify-content: space-around!important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly!important
    }

    .align-items-sm-start {
        align-items: flex-start!important
    }

    .align-items-sm-end {
        align-items: flex-end!important
    }

    .align-items-sm-center {
        align-items: center!important
    }

    .align-items-sm-baseline {
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        align-items: stretch!important
    }

    .align-content-sm-start {
        align-content: flex-start!important
    }

    .align-content-sm-end {
        align-content: flex-end!important
    }

    .align-content-sm-center {
        align-content: center!important
    }

    .align-content-sm-between {
        align-content: space-between!important
    }

    .align-content-sm-around {
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        align-content: stretch!important
    }

    .align-self-sm-auto {
        align-self: auto!important
    }

    .align-self-sm-start {
        align-self: flex-start!important
    }

    .align-self-sm-end {
        align-self: flex-end!important
    }

    .align-self-sm-center {
        align-self: center!important
    }

    .align-self-sm-baseline {
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        align-self: stretch!important
    }

    .order-sm-first {
        order: -1!important
    }

    .order-sm-0 {
        order: 0!important
    }

    .order-sm-1 {
        order: 1!important
    }

    .order-sm-2 {
        order: 2!important
    }

    .order-sm-3 {
        order: 3!important
    }

    .order-sm-4 {
        order: 4!important
    }

    .order-sm-5 {
        order: 5!important
    }

    .order-sm-last {
        order: 6!important
    }

    .m-sm-0 {
        margin: 0!important
    }

    .m-sm-1 {
        margin: .25rem!important
    }

    .m-sm-2 {
        margin: .5rem!important
    }

    .m-sm-3 {
        margin: 1rem!important
    }

    .m-sm-4 {
        margin: 1.5rem!important
    }

    .m-sm-5 {
        margin: 3rem!important
    }

    .m-sm-auto {
        margin: auto!important
    }

    .mx-sm-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-sm-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-sm-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-sm-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-sm-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-sm-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-sm-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-sm-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-sm-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-sm-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-sm-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-sm-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-sm-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-sm-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-sm-0 {
        margin-top: 0!important
    }

    .mt-sm-1 {
        margin-top: .25rem!important
    }

    .mt-sm-2 {
        margin-top: .5rem!important
    }

    .mt-sm-3 {
        margin-top: 1rem!important
    }

    .mt-sm-4 {
        margin-top: 1.5rem!important
    }

    .mt-sm-5 {
        margin-top: 3rem!important
    }

    .mt-sm-auto {
        margin-top: auto!important
    }

    .me-sm-0 {
        margin-right: 0!important
    }

    .me-sm-1 {
        margin-right: .25rem!important
    }

    .me-sm-2 {
        margin-right: .5rem!important
    }

    .me-sm-3 {
        margin-right: 1rem!important
    }

    .me-sm-4 {
        margin-right: 1.5rem!important
    }

    .me-sm-5 {
        margin-right: 3rem!important
    }

    .me-sm-auto {
        margin-right: auto!important
    }

    .mb-sm-0 {
        margin-bottom: 0!important
    }

    .mb-sm-1 {
        margin-bottom: .25rem!important
    }

    .mb-sm-2 {
        margin-bottom: .5rem!important
    }

    .mb-sm-3 {
        margin-bottom: 1rem!important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-sm-5 {
        margin-bottom: 3rem!important
    }

    .mb-sm-auto {
        margin-bottom: auto!important
    }

    .ms-sm-0 {
        margin-left: 0!important
    }

    .ms-sm-1 {
        margin-left: .25rem!important
    }

    .ms-sm-2 {
        margin-left: .5rem!important
    }

    .ms-sm-3 {
        margin-left: 1rem!important
    }

    .ms-sm-4 {
        margin-left: 1.5rem!important
    }

    .ms-sm-5 {
        margin-left: 3rem!important
    }

    .ms-sm-auto {
        margin-left: auto!important
    }

    .p-sm-0 {
        padding: 0!important
    }

    .p-sm-1 {
        padding: .25rem!important
    }

    .p-sm-2 {
        padding: .5rem!important
    }

    .p-sm-3 {
        padding: 1rem!important
    }

    .p-sm-4 {
        padding: 1.5rem!important
    }

    .p-sm-5 {
        padding: 3rem!important
    }

    .px-sm-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-sm-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-sm-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-sm-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-sm-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-sm-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-sm-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-sm-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-sm-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-sm-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-sm-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-sm-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-sm-0 {
        padding-top: 0!important
    }

    .pt-sm-1 {
        padding-top: .25rem!important
    }

    .pt-sm-2 {
        padding-top: .5rem!important
    }

    .pt-sm-3 {
        padding-top: 1rem!important
    }

    .pt-sm-4 {
        padding-top: 1.5rem!important
    }

    .pt-sm-5 {
        padding-top: 3rem!important
    }

    .pe-sm-0 {
        padding-right: 0!important
    }

    .pe-sm-1 {
        padding-right: .25rem!important
    }

    .pe-sm-2 {
        padding-right: .5rem!important
    }

    .pe-sm-3 {
        padding-right: 1rem!important
    }

    .pe-sm-4 {
        padding-right: 1.5rem!important
    }

    .pe-sm-5 {
        padding-right: 3rem!important
    }

    .pb-sm-0 {
        padding-bottom: 0!important
    }

    .pb-sm-1 {
        padding-bottom: .25rem!important
    }

    .pb-sm-2 {
        padding-bottom: .5rem!important
    }

    .pb-sm-3 {
        padding-bottom: 1rem!important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-sm-5 {
        padding-bottom: 3rem!important
    }

    .ps-sm-0 {
        padding-left: 0!important
    }

    .ps-sm-1 {
        padding-left: .25rem!important
    }

    .ps-sm-2 {
        padding-left: .5rem!important
    }

    .ps-sm-3 {
        padding-left: 1rem!important
    }

    .ps-sm-4 {
        padding-left: 1.5rem!important
    }

    .ps-sm-5 {
        padding-left: 3rem!important
    }

    .text-sm-start {
        text-align: left!important
    }

    .text-sm-end {
        text-align: right!important
    }

    .text-sm-center {
        text-align: center!important
    }
}

@media(min-width: 768px) {
    .float-md-start {
        float:left!important
    }

    .float-md-end {
        float: right!important
    }

    .float-md-none {
        float: none!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-grid {
        display: grid!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: flex!important
    }

    .d-md-inline-flex {
        display: inline-flex!important
    }

    .d-md-none {
        display: none!important
    }

    .flex-md-fill {
        flex: 1 1 auto!important
    }

    .flex-md-row {
        flex-direction: row!important
    }

    .flex-md-column {
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-md-grow-0 {
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-md-wrap {
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-md-0 {
        gap: 0!important
    }

    .gap-md-1 {
        gap: .25rem!important
    }

    .gap-md-2 {
        gap: .5rem!important
    }

    .gap-md-3 {
        gap: 1rem!important
    }

    .gap-md-4 {
        gap: 1.5rem!important
    }

    .gap-md-5 {
        gap: 3rem!important
    }

    .justify-content-md-start {
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        justify-content: flex-end!important
    }

    .justify-content-md-center {
        justify-content: center!important
    }

    .justify-content-md-between {
        justify-content: space-between!important
    }

    .justify-content-md-around {
        justify-content: space-around!important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly!important
    }

    .align-items-md-start {
        align-items: flex-start!important
    }

    .align-items-md-end {
        align-items: flex-end!important
    }

    .align-items-md-center {
        align-items: center!important
    }

    .align-items-md-baseline {
        align-items: baseline!important
    }

    .align-items-md-stretch {
        align-items: stretch!important
    }

    .align-content-md-start {
        align-content: flex-start!important
    }

    .align-content-md-end {
        align-content: flex-end!important
    }

    .align-content-md-center {
        align-content: center!important
    }

    .align-content-md-between {
        align-content: space-between!important
    }

    .align-content-md-around {
        align-content: space-around!important
    }

    .align-content-md-stretch {
        align-content: stretch!important
    }

    .align-self-md-auto {
        align-self: auto!important
    }

    .align-self-md-start {
        align-self: flex-start!important
    }

    .align-self-md-end {
        align-self: flex-end!important
    }

    .align-self-md-center {
        align-self: center!important
    }

    .align-self-md-baseline {
        align-self: baseline!important
    }

    .align-self-md-stretch {
        align-self: stretch!important
    }

    .order-md-first {
        order: -1!important
    }

    .order-md-0 {
        order: 0!important
    }

    .order-md-1 {
        order: 1!important
    }

    .order-md-2 {
        order: 2!important
    }

    .order-md-3 {
        order: 3!important
    }

    .order-md-4 {
        order: 4!important
    }

    .order-md-5 {
        order: 5!important
    }

    .order-md-last {
        order: 6!important
    }

    .m-md-0 {
        margin: 0!important
    }

    .m-md-1 {
        margin: .25rem!important
    }

    .m-md-2 {
        margin: .5rem!important
    }

    .m-md-3 {
        margin: 1rem!important
    }

    .m-md-4 {
        margin: 1.5rem!important
    }

    .m-md-5 {
        margin: 3rem!important
    }

    .m-md-auto {
        margin: auto!important
    }

    .mx-md-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-md-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-md-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-md-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-md-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-md-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-md-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-md-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-md-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-md-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-md-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-md-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-md-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-md-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-md-0 {
        margin-top: 0!important
    }

    .mt-md-1 {
        margin-top: .25rem!important
    }

    .mt-md-2 {
        margin-top: .5rem!important
    }

    .mt-md-3 {
        margin-top: 1rem!important
    }

    .mt-md-4 {
        margin-top: 1.5rem!important
    }

    .mt-md-5 {
        margin-top: 3rem!important
    }

    .mt-md-auto {
        margin-top: auto!important
    }

    .me-md-0 {
        margin-right: 0!important
    }

    .me-md-1 {
        margin-right: .25rem!important
    }

    .me-md-2 {
        margin-right: .5rem!important
    }

    .me-md-3 {
        margin-right: 1rem!important
    }

    .me-md-4 {
        margin-right: 1.5rem!important
    }

    .me-md-5 {
        margin-right: 3rem!important
    }

    .me-md-auto {
        margin-right: auto!important
    }

    .mb-md-0 {
        margin-bottom: 0!important
    }

    .mb-md-1 {
        margin-bottom: .25rem!important
    }

    .mb-md-2 {
        margin-bottom: .5rem!important
    }

    .mb-md-3 {
        margin-bottom: 1rem!important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-md-5 {
        margin-bottom: 3rem!important
    }

    .mb-md-auto {
        margin-bottom: auto!important
    }

    .ms-md-0 {
        margin-left: 0!important
    }

    .ms-md-1 {
        margin-left: .25rem!important
    }

    .ms-md-2 {
        margin-left: .5rem!important
    }

    .ms-md-3 {
        margin-left: 1rem!important
    }

    .ms-md-4 {
        margin-left: 1.5rem!important
    }

    .ms-md-5 {
        margin-left: 3rem!important
    }

    .ms-md-auto {
        margin-left: auto!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .p-md-1 {
        padding: .25rem!important
    }

    .p-md-2 {
        padding: .5rem!important
    }

    .p-md-3 {
        padding: 1rem!important
    }

    .p-md-4 {
        padding: 1.5rem!important
    }

    .p-md-5 {
        padding: 3rem!important
    }

    .px-md-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-md-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-md-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-md-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-md-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-md-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-md-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-md-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-md-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-md-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-md-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-md-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-md-0 {
        padding-top: 0!important
    }

    .pt-md-1 {
        padding-top: .25rem!important
    }

    .pt-md-2 {
        padding-top: .5rem!important
    }

    .pt-md-3 {
        padding-top: 1rem!important
    }

    .pt-md-4 {
        padding-top: 1.5rem!important
    }

    .pt-md-5 {
        padding-top: 3rem!important
    }

    .pe-md-0 {
        padding-right: 0!important
    }

    .pe-md-1 {
        padding-right: .25rem!important
    }

    .pe-md-2 {
        padding-right: .5rem!important
    }

    .pe-md-3 {
        padding-right: 1rem!important
    }

    .pe-md-4 {
        padding-right: 1.5rem!important
    }

    .pe-md-5 {
        padding-right: 3rem!important
    }

    .pb-md-0 {
        padding-bottom: 0!important
    }

    .pb-md-1 {
        padding-bottom: .25rem!important
    }

    .pb-md-2 {
        padding-bottom: .5rem!important
    }

    .pb-md-3 {
        padding-bottom: 1rem!important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-md-5 {
        padding-bottom: 3rem!important
    }

    .ps-md-0 {
        padding-left: 0!important
    }

    .ps-md-1 {
        padding-left: .25rem!important
    }

    .ps-md-2 {
        padding-left: .5rem!important
    }

    .ps-md-3 {
        padding-left: 1rem!important
    }

    .ps-md-4 {
        padding-left: 1.5rem!important
    }

    .ps-md-5 {
        padding-left: 3rem!important
    }

    .text-md-start {
        text-align: left!important
    }

    .text-md-end {
        text-align: right!important
    }

    .text-md-center {
        text-align: center!important
    }
}

@media(min-width: 992px) {
    .float-lg-start {
        float:left!important
    }

    .float-lg-end {
        float: right!important
    }

    .float-lg-none {
        float: none!important
    }

    .d-lg-inline {
        display: inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-grid {
        display: grid!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: flex!important
    }

    .d-lg-inline-flex {
        display: inline-flex!important
    }

    .d-lg-none {
        display: none!important
    }

    .flex-lg-fill {
        flex: 1 1 auto!important
    }

    .flex-lg-row {
        flex-direction: row!important
    }

    .flex-lg-column {
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-lg-grow-0 {
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-lg-wrap {
        flex-wrap: wrap!important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-lg-0 {
        gap: 0!important
    }

    .gap-lg-1 {
        gap: .25rem!important
    }

    .gap-lg-2 {
        gap: .5rem!important
    }

    .gap-lg-3 {
        gap: 1rem!important
    }

    .gap-lg-4 {
        gap: 1.5rem!important
    }

    .gap-lg-5 {
        gap: 3rem!important
    }

    .justify-content-lg-start {
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        justify-content: flex-end!important
    }

    .justify-content-lg-center {
        justify-content: center!important
    }

    .justify-content-lg-between {
        justify-content: space-between!important
    }

    .justify-content-lg-around {
        justify-content: space-around!important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly!important
    }

    .align-items-lg-start {
        align-items: flex-start!important
    }

    .align-items-lg-end {
        align-items: flex-end!important
    }

    .align-items-lg-center {
        align-items: center!important
    }

    .align-items-lg-baseline {
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        align-items: stretch!important
    }

    .align-content-lg-start {
        align-content: flex-start!important
    }

    .align-content-lg-end {
        align-content: flex-end!important
    }

    .align-content-lg-center {
        align-content: center!important
    }

    .align-content-lg-between {
        align-content: space-between!important
    }

    .align-content-lg-around {
        align-content: space-around!important
    }

    .align-content-lg-stretch {
        align-content: stretch!important
    }

    .align-self-lg-auto {
        align-self: auto!important
    }

    .align-self-lg-start {
        align-self: flex-start!important
    }

    .align-self-lg-end {
        align-self: flex-end!important
    }

    .align-self-lg-center {
        align-self: center!important
    }

    .align-self-lg-baseline {
        align-self: baseline!important
    }

    .align-self-lg-stretch {
        align-self: stretch!important
    }

    .order-lg-first {
        order: -1!important
    }

    .order-lg-0 {
        order: 0!important
    }

    .order-lg-1 {
        order: 1!important
    }

    .order-lg-2 {
        order: 2!important
    }

    .order-lg-3 {
        order: 3!important
    }

    .order-lg-4 {
        order: 4!important
    }

    .order-lg-5 {
        order: 5!important
    }

    .order-lg-last {
        order: 6!important
    }

    .m-lg-0 {
        margin: 0!important
    }

    .m-lg-1 {
        margin: .25rem!important
    }

    .m-lg-2 {
        margin: .5rem!important
    }

    .m-lg-3 {
        margin: 1rem!important
    }

    .m-lg-4 {
        margin: 1.5rem!important
    }

    .m-lg-5 {
        margin: 3rem!important
    }

    .m-lg-auto {
        margin: auto!important
    }

    .mx-lg-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-lg-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-lg-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-lg-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-lg-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-lg-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-lg-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-lg-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-lg-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-lg-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-lg-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-lg-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-lg-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-lg-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-lg-0 {
        margin-top: 0!important
    }

    .mt-lg-1 {
        margin-top: .25rem!important
    }

    .mt-lg-2 {
        margin-top: .5rem!important
    }

    .mt-lg-3 {
        margin-top: 1rem!important
    }

    .mt-lg-4 {
        margin-top: 1.5rem!important
    }

    .mt-lg-5 {
        margin-top: 3rem!important
    }

    .mt-lg-auto {
        margin-top: auto!important
    }

    .me-lg-0 {
        margin-right: 0!important
    }

    .me-lg-1 {
        margin-right: .25rem!important
    }

    .me-lg-2 {
        margin-right: .5rem!important
    }

    .me-lg-3 {
        margin-right: 1rem!important
    }

    .me-lg-4 {
        margin-right: 1.5rem!important
    }

    .me-lg-5 {
        margin-right: 3rem!important
    }

    .me-lg-auto {
        margin-right: auto!important
    }

    .mb-lg-0 {
        margin-bottom: 0!important
    }

    .mb-lg-1 {
        margin-bottom: .25rem!important
    }

    .mb-lg-2 {
        margin-bottom: .5rem!important
    }

    .mb-lg-3 {
        margin-bottom: 1rem!important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-lg-5 {
        margin-bottom: 3rem!important
    }

    .mb-lg-auto {
        margin-bottom: auto!important
    }

    .ms-lg-0 {
        margin-left: 0!important
    }

    .ms-lg-1 {
        margin-left: .25rem!important
    }

    .ms-lg-2 {
        margin-left: .5rem!important
    }

    .ms-lg-3 {
        margin-left: 1rem!important
    }

    .ms-lg-4 {
        margin-left: 1.5rem!important
    }

    .ms-lg-5 {
        margin-left: 3rem!important
    }

    .ms-lg-auto {
        margin-left: auto!important
    }

    .p-lg-0 {
        padding: 0!important
    }

    .p-lg-1 {
        padding: .25rem!important
    }

    .p-lg-2 {
        padding: .5rem!important
    }

    .p-lg-3 {
        padding: 1rem!important
    }

    .p-lg-4 {
        padding: 1.5rem!important
    }

    .p-lg-5 {
        padding: 3rem!important
    }

    .px-lg-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-lg-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-lg-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-lg-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-lg-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-lg-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-lg-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-lg-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-lg-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-lg-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-lg-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-lg-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-lg-0 {
        padding-top: 0!important
    }

    .pt-lg-1 {
        padding-top: .25rem!important
    }

    .pt-lg-2 {
        padding-top: .5rem!important
    }

    .pt-lg-3 {
        padding-top: 1rem!important
    }

    .pt-lg-4 {
        padding-top: 1.5rem!important
    }

    .pt-lg-5 {
        padding-top: 3rem!important
    }

    .pe-lg-0 {
        padding-right: 0!important
    }

    .pe-lg-1 {
        padding-right: .25rem!important
    }

    .pe-lg-2 {
        padding-right: .5rem!important
    }

    .pe-lg-3 {
        padding-right: 1rem!important
    }

    .pe-lg-4 {
        padding-right: 1.5rem!important
    }

    .pe-lg-5 {
        padding-right: 3rem!important
    }

    .pb-lg-0 {
        padding-bottom: 0!important
    }

    .pb-lg-1 {
        padding-bottom: .25rem!important
    }

    .pb-lg-2 {
        padding-bottom: .5rem!important
    }

    .pb-lg-3 {
        padding-bottom: 1rem!important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-lg-5 {
        padding-bottom: 3rem!important
    }

    .ps-lg-0 {
        padding-left: 0!important
    }

    .ps-lg-1 {
        padding-left: .25rem!important
    }

    .ps-lg-2 {
        padding-left: .5rem!important
    }

    .ps-lg-3 {
        padding-left: 1rem!important
    }

    .ps-lg-4 {
        padding-left: 1.5rem!important
    }

    .ps-lg-5 {
        padding-left: 3rem!important
    }

    .text-lg-start {
        text-align: left!important
    }

    .text-lg-end {
        text-align: right!important
    }

    .text-lg-center {
        text-align: center!important
    }
}

@media(min-width: 1200px) {
    .float-xl-start {
        float:left!important
    }

    .float-xl-end {
        float: right!important
    }

    .float-xl-none {
        float: none!important
    }

    .d-xl-inline {
        display: inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-grid {
        display: grid!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: flex!important
    }

    .d-xl-inline-flex {
        display: inline-flex!important
    }

    .d-xl-none {
        display: none!important
    }

    .flex-xl-fill {
        flex: 1 1 auto!important
    }

    .flex-xl-row {
        flex-direction: row!important
    }

    .flex-xl-column {
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-xl-0 {
        gap: 0!important
    }

    .gap-xl-1 {
        gap: .25rem!important
    }

    .gap-xl-2 {
        gap: .5rem!important
    }

    .gap-xl-3 {
        gap: 1rem!important
    }

    .gap-xl-4 {
        gap: 1.5rem!important
    }

    .gap-xl-5 {
        gap: 3rem!important
    }

    .justify-content-xl-start {
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        justify-content: flex-end!important
    }

    .justify-content-xl-center {
        justify-content: center!important
    }

    .justify-content-xl-between {
        justify-content: space-between!important
    }

    .justify-content-xl-around {
        justify-content: space-around!important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xl-start {
        align-items: flex-start!important
    }

    .align-items-xl-end {
        align-items: flex-end!important
    }

    .align-items-xl-center {
        align-items: center!important
    }

    .align-items-xl-baseline {
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        align-items: stretch!important
    }

    .align-content-xl-start {
        align-content: flex-start!important
    }

    .align-content-xl-end {
        align-content: flex-end!important
    }

    .align-content-xl-center {
        align-content: center!important
    }

    .align-content-xl-between {
        align-content: space-between!important
    }

    .align-content-xl-around {
        align-content: space-around!important
    }

    .align-content-xl-stretch {
        align-content: stretch!important
    }

    .align-self-xl-auto {
        align-self: auto!important
    }

    .align-self-xl-start {
        align-self: flex-start!important
    }

    .align-self-xl-end {
        align-self: flex-end!important
    }

    .align-self-xl-center {
        align-self: center!important
    }

    .align-self-xl-baseline {
        align-self: baseline!important
    }

    .align-self-xl-stretch {
        align-self: stretch!important
    }

    .order-xl-first {
        order: -1!important
    }

    .order-xl-0 {
        order: 0!important
    }

    .order-xl-1 {
        order: 1!important
    }

    .order-xl-2 {
        order: 2!important
    }

    .order-xl-3 {
        order: 3!important
    }

    .order-xl-4 {
        order: 4!important
    }

    .order-xl-5 {
        order: 5!important
    }

    .order-xl-last {
        order: 6!important
    }

    .m-xl-0 {
        margin: 0!important
    }

    .m-xl-1 {
        margin: .25rem!important
    }

    .m-xl-2 {
        margin: .5rem!important
    }

    .m-xl-3 {
        margin: 1rem!important
    }

    .m-xl-4 {
        margin: 1.5rem!important
    }

    .m-xl-5 {
        margin: 3rem!important
    }

    .m-xl-auto {
        margin: auto!important
    }

    .mx-xl-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-xl-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-xl-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-xl-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-xl-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-xl-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-xl-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-xl-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-xl-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-xl-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-xl-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-xl-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-xl-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-xl-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-xl-0 {
        margin-top: 0!important
    }

    .mt-xl-1 {
        margin-top: .25rem!important
    }

    .mt-xl-2 {
        margin-top: .5rem!important
    }

    .mt-xl-3 {
        margin-top: 1rem!important
    }

    .mt-xl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xl-5 {
        margin-top: 3rem!important
    }

    .mt-xl-auto {
        margin-top: auto!important
    }

    .me-xl-0 {
        margin-right: 0!important
    }

    .me-xl-1 {
        margin-right: .25rem!important
    }

    .me-xl-2 {
        margin-right: .5rem!important
    }

    .me-xl-3 {
        margin-right: 1rem!important
    }

    .me-xl-4 {
        margin-right: 1.5rem!important
    }

    .me-xl-5 {
        margin-right: 3rem!important
    }

    .me-xl-auto {
        margin-right: auto!important
    }

    .mb-xl-0 {
        margin-bottom: 0!important
    }

    .mb-xl-1 {
        margin-bottom: .25rem!important
    }

    .mb-xl-2 {
        margin-bottom: .5rem!important
    }

    .mb-xl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xl-auto {
        margin-bottom: auto!important
    }

    .ms-xl-0 {
        margin-left: 0!important
    }

    .ms-xl-1 {
        margin-left: .25rem!important
    }

    .ms-xl-2 {
        margin-left: .5rem!important
    }

    .ms-xl-3 {
        margin-left: 1rem!important
    }

    .ms-xl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xl-5 {
        margin-left: 3rem!important
    }

    .ms-xl-auto {
        margin-left: auto!important
    }

    .p-xl-0 {
        padding: 0!important
    }

    .p-xl-1 {
        padding: .25rem!important
    }

    .p-xl-2 {
        padding: .5rem!important
    }

    .p-xl-3 {
        padding: 1rem!important
    }

    .p-xl-4 {
        padding: 1.5rem!important
    }

    .p-xl-5 {
        padding: 3rem!important
    }

    .px-xl-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-xl-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-xl-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-xl-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-xl-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-xl-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-xl-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-xl-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-xl-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-xl-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-xl-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-xl-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-xl-0 {
        padding-top: 0!important
    }

    .pt-xl-1 {
        padding-top: .25rem!important
    }

    .pt-xl-2 {
        padding-top: .5rem!important
    }

    .pt-xl-3 {
        padding-top: 1rem!important
    }

    .pt-xl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xl-5 {
        padding-top: 3rem!important
    }

    .pe-xl-0 {
        padding-right: 0!important
    }

    .pe-xl-1 {
        padding-right: .25rem!important
    }

    .pe-xl-2 {
        padding-right: .5rem!important
    }

    .pe-xl-3 {
        padding-right: 1rem!important
    }

    .pe-xl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xl-5 {
        padding-right: 3rem!important
    }

    .pb-xl-0 {
        padding-bottom: 0!important
    }

    .pb-xl-1 {
        padding-bottom: .25rem!important
    }

    .pb-xl-2 {
        padding-bottom: .5rem!important
    }

    .pb-xl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xl-5 {
        padding-bottom: 3rem!important
    }

    .ps-xl-0 {
        padding-left: 0!important
    }

    .ps-xl-1 {
        padding-left: .25rem!important
    }

    .ps-xl-2 {
        padding-left: .5rem!important
    }

    .ps-xl-3 {
        padding-left: 1rem!important
    }

    .ps-xl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xl-5 {
        padding-left: 3rem!important
    }

    .text-xl-start {
        text-align: left!important
    }

    .text-xl-end {
        text-align: right!important
    }

    .text-xl-center {
        text-align: center!important
    }
}

@media(min-width: 1400px) {
    .float-xxl-start {
        float:left!important
    }

    .float-xxl-end {
        float: right!important
    }

    .float-xxl-none {
        float: none!important
    }

    .d-xxl-inline {
        display: inline!important
    }

    .d-xxl-inline-block {
        display: inline-block!important
    }

    .d-xxl-block {
        display: block!important
    }

    .d-xxl-grid {
        display: grid!important
    }

    .d-xxl-table {
        display: table!important
    }

    .d-xxl-table-row {
        display: table-row!important
    }

    .d-xxl-table-cell {
        display: table-cell!important
    }

    .d-xxl-flex {
        display: flex!important
    }

    .d-xxl-inline-flex {
        display: inline-flex!important
    }

    .d-xxl-none {
        display: none!important
    }

    .flex-xxl-fill {
        flex: 1 1 auto!important
    }

    .flex-xxl-row {
        flex-direction: row!important
    }

    .flex-xxl-column {
        flex-direction: column!important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-xxl-0 {
        gap: 0!important
    }

    .gap-xxl-1 {
        gap: .25rem!important
    }

    .gap-xxl-2 {
        gap: .5rem!important
    }

    .gap-xxl-3 {
        gap: 1rem!important
    }

    .gap-xxl-4 {
        gap: 1.5rem!important
    }

    .gap-xxl-5 {
        gap: 3rem!important
    }

    .justify-content-xxl-start {
        justify-content: flex-start!important
    }

    .justify-content-xxl-end {
        justify-content: flex-end!important
    }

    .justify-content-xxl-center {
        justify-content: center!important
    }

    .justify-content-xxl-between {
        justify-content: space-between!important
    }

    .justify-content-xxl-around {
        justify-content: space-around!important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xxl-start {
        align-items: flex-start!important
    }

    .align-items-xxl-end {
        align-items: flex-end!important
    }

    .align-items-xxl-center {
        align-items: center!important
    }

    .align-items-xxl-baseline {
        align-items: baseline!important
    }

    .align-items-xxl-stretch {
        align-items: stretch!important
    }

    .align-content-xxl-start {
        align-content: flex-start!important
    }

    .align-content-xxl-end {
        align-content: flex-end!important
    }

    .align-content-xxl-center {
        align-content: center!important
    }

    .align-content-xxl-between {
        align-content: space-between!important
    }

    .align-content-xxl-around {
        align-content: space-around!important
    }

    .align-content-xxl-stretch {
        align-content: stretch!important
    }

    .align-self-xxl-auto {
        align-self: auto!important
    }

    .align-self-xxl-start {
        align-self: flex-start!important
    }

    .align-self-xxl-end {
        align-self: flex-end!important
    }

    .align-self-xxl-center {
        align-self: center!important
    }

    .align-self-xxl-baseline {
        align-self: baseline!important
    }

    .align-self-xxl-stretch {
        align-self: stretch!important
    }

    .order-xxl-first {
        order: -1!important
    }

    .order-xxl-0 {
        order: 0!important
    }

    .order-xxl-1 {
        order: 1!important
    }

    .order-xxl-2 {
        order: 2!important
    }

    .order-xxl-3 {
        order: 3!important
    }

    .order-xxl-4 {
        order: 4!important
    }

    .order-xxl-5 {
        order: 5!important
    }

    .order-xxl-last {
        order: 6!important
    }

    .m-xxl-0 {
        margin: 0!important
    }

    .m-xxl-1 {
        margin: .25rem!important
    }

    .m-xxl-2 {
        margin: .5rem!important
    }

    .m-xxl-3 {
        margin: 1rem!important
    }

    .m-xxl-4 {
        margin: 1.5rem!important
    }

    .m-xxl-5 {
        margin: 3rem!important
    }

    .m-xxl-auto {
        margin: auto!important
    }

    .mx-xxl-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-xxl-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-xxl-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-xxl-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-xxl-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-xxl-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-xxl-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-xxl-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-xxl-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-xxl-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-xxl-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-xxl-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-xxl-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-xxl-0 {
        margin-top: 0!important
    }

    .mt-xxl-1 {
        margin-top: .25rem!important
    }

    .mt-xxl-2 {
        margin-top: .5rem!important
    }

    .mt-xxl-3 {
        margin-top: 1rem!important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xxl-5 {
        margin-top: 3rem!important
    }

    .mt-xxl-auto {
        margin-top: auto!important
    }

    .me-xxl-0 {
        margin-right: 0!important
    }

    .me-xxl-1 {
        margin-right: .25rem!important
    }

    .me-xxl-2 {
        margin-right: .5rem!important
    }

    .me-xxl-3 {
        margin-right: 1rem!important
    }

    .me-xxl-4 {
        margin-right: 1.5rem!important
    }

    .me-xxl-5 {
        margin-right: 3rem!important
    }

    .me-xxl-auto {
        margin-right: auto!important
    }

    .mb-xxl-0 {
        margin-bottom: 0!important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem!important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem!important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xxl-auto {
        margin-bottom: auto!important
    }

    .ms-xxl-0 {
        margin-left: 0!important
    }

    .ms-xxl-1 {
        margin-left: .25rem!important
    }

    .ms-xxl-2 {
        margin-left: .5rem!important
    }

    .ms-xxl-3 {
        margin-left: 1rem!important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xxl-5 {
        margin-left: 3rem!important
    }

    .ms-xxl-auto {
        margin-left: auto!important
    }

    .p-xxl-0 {
        padding: 0!important
    }

    .p-xxl-1 {
        padding: .25rem!important
    }

    .p-xxl-2 {
        padding: .5rem!important
    }

    .p-xxl-3 {
        padding: 1rem!important
    }

    .p-xxl-4 {
        padding: 1.5rem!important
    }

    .p-xxl-5 {
        padding: 3rem!important
    }

    .px-xxl-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-xxl-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-xxl-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-xxl-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-xxl-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-xxl-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-xxl-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-xxl-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-xxl-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-xxl-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-xxl-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-xxl-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-xxl-0 {
        padding-top: 0!important
    }

    .pt-xxl-1 {
        padding-top: .25rem!important
    }

    .pt-xxl-2 {
        padding-top: .5rem!important
    }

    .pt-xxl-3 {
        padding-top: 1rem!important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xxl-5 {
        padding-top: 3rem!important
    }

    .pe-xxl-0 {
        padding-right: 0!important
    }

    .pe-xxl-1 {
        padding-right: .25rem!important
    }

    .pe-xxl-2 {
        padding-right: .5rem!important
    }

    .pe-xxl-3 {
        padding-right: 1rem!important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xxl-5 {
        padding-right: 3rem!important
    }

    .pb-xxl-0 {
        padding-bottom: 0!important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem!important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem!important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem!important
    }

    .ps-xxl-0 {
        padding-left: 0!important
    }

    .ps-xxl-1 {
        padding-left: .25rem!important
    }

    .ps-xxl-2 {
        padding-left: .5rem!important
    }

    .ps-xxl-3 {
        padding-left: 1rem!important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xxl-5 {
        padding-left: 3rem!important
    }

    .text-xxl-start {
        text-align: left!important
    }

    .text-xxl-end {
        text-align: right!important
    }

    .text-xxl-center {
        text-align: center!important
    }
}

@media(min-width: 1200px) {
    .fs-1 {
        font-size:2.5rem!important
    }

    .fs-2 {
        font-size: 2rem!important
    }

    .fs-3 {
        font-size: 1.75rem!important
    }

    .fs-4 {
        font-size: 1.5rem!important
    }
}

@media print {
    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

    .d-print-grid {
        display: grid!important
    }

    .d-print-table {
        display: table!important
    }

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: flex!important
    }

    .d-print-inline-flex {
        display: inline-flex!important
    }

    .d-print-none {
        display: none!important
    }
}

.back-btn,.next-btn {
    position: relative;
    display: block;
    color: #0d6efd;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    color: #000;
    border: 0
}

button.btn-class.number-buttons.btn-active {
    border-radius: 6px;
    background: var(--secondary-color);
    box-shadow: 0 0 2px 0 var(--primary-color);
    font-weight: 400;
    padding: 5px 11px;
    font-size: 12px;
    color: #fff!important
}

.btn,button.btn-class.number-buttons {
    color: var(--white-text)!important;
    border: 1px solid grey;
    border-radius: 6px;
    background: gray;
    box-shadow: 0 0 2px gray;
    font-weight: 400;
    padding: 5px 11px;
    font-size: 12px;
    margin: 0 5px
}

button.ending-breakpoint-button.btn-class,button.starting-breakpoint-button.btn-class {
    color: var(--white-text)!important;
    background: var(--primary-color);
    font-weight: 400;
    padding: 5px 11px;
    font-size: 12px;
    background: transparent
}

button.last-button.btn-class,button.first-button.btn-class {
    color: var(--white-text)!important;
    border: 1px solid grey;
    border-radius: 6px;
    background: gray;
    box-shadow: 0 0 2px gray;
    font-weight: 400;
    padding: 5px 11px;
    font-size: 12px;
    margin: 0 5px
}

.fancy-tab-sec .pin-icon {
    width: 20px;
    float: left;
    height: 20px;
    background-image: url(/assets/unpin-icon-CFoHoFM0.svg);
    background-size: 100%;
    cursor: pointer;
    margin-right: 5px;
    background-position: left -2px;
    background-repeat: no-repeat;
    position: relative;
    top: 2px
}

.fancy-tab-sec .pin-active .pin-icon {
    background-image: url(/assets/pin-icon-C4dlERmu.svg)
}

.wrong-color {
    color: #de350b!important
}

@font-face {
    font-family: "Exo 2";
    src: url(/assets/Exo2-Bold-MpMrZaTK.woff2) format("woff2"),url(/assets/Exo2-Bold-CE70Hi4W.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Exo 2";
    src: url(/assets/Exo2-ExtraLight-BPdbLwBz.woff2) format("woff2"),url(/assets/Exo2-ExtraLight-DhAvZL1m.woff) format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Exo 2";
    src: url(/assets/Exo2-Italic-BnrPwsVj.woff2) format("woff2"),url(/assets/Exo2-Italic-CtgGUBty.woff) format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Exo 2";
    src: url(/assets/Exo2-ExtraBold-DeUKqMJf.woff2) format("woff2"),url(/assets/Exo2-ExtraBold-CfpYuwOU.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Exo 2";
    src: url(/assets/Exo2-Black-BTtpQs8l.woff2) format("woff2"),url(/assets/Exo2-Black-C_XW4bBd.woff) format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Exo 2";
    src: url(/assets/Exo2-SemiBold-3zot8YAD.woff2) format("woff2"),url(/assets/Exo2-SemiBold-NwmvaGxW.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Exo 2";
    src: url(/assets/Exo2-Medium-D4TAlYrG.woff2) format("woff2"),url(/assets/Exo2-Medium-BBFs7BYA.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Exo 2";
    src: url(/assets/Exo2-Light-pEl_Gpzc.woff2) format("woff2"),url(/assets/Exo2-Light-D7KSkca0.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Exo 2";
    src: url(/assets/Exo2-Regular-D-_UGGYS.woff2) format("woff2"),url(/assets/Exo2-Regular-BhhDZhpm.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Exo 2";
    src: url(/assets/Exo2-Thin-CxQEppz1.woff2) format("woff2"),url(/assets/Exo2-Thin-Cth6IItt.woff) format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

:root {
    --blue-color: #0000ff;
    --indigo-color: #6610f2;
    --purple-color: #6f42c1;
    --pink-color: #d63384;
    --red-color: #ff4148;
    --orange-color: #fd7e14;
    --yellow-color: #ffc107;
    --green-color: #27ae60;
    --teal-color: #20c997;
    --cyan-color: #21e8df;
    --black-color: #000000;
    --white-color: #ffffff;
    --gray-color: #979797;
    --gray-dark-color: #343435;
    --gray-100-color: #f8f9fa;
    --gray-200-color: #e9ecef;
    --gray-300-color: #dee2e6;
    --gray-400-color: #ced4da;
    --gray-500-color: #adb5bd;
    --gray-600-color: #6c757d;
    --gray-700-color: #495057;
    --gray-800-color: #343a40;
    --gray-900-color: #212529;
    --primary-color: #B88831;
    --primary-gradient-color: transparent linear-gradient(94deg, #b6842d, #ebda8d 55%, #b7862f);
    --secondary-color: #303030;
    --success-color: #27ae60;
    --info-color: #0dcaf0;
    --warning-color: #ffc107;
    --danger: -color var(--red);
    --light-color: #f8f9fa;
    --dark-color: #212529;
    --gradient-color: linear-gradient(to right, #4851a8, #582a9b);
    --body-font-family: "Poppins";
    --body-font-size: 14px;
    --body-font-weight: 400;
    --body-line-height: 22px;
    --body-color: #ffffff;
    --body-bg: #04041e;
    --font-weight-thin: 100;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semi-bold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --font-style-italic: italic;
    --border-width: 1px;
    --border-style: solid;
    --border-color: #acacac;
    --border-radius: 3px;
    --link-color: #000000;
    --link-hover-color: var(--secondary-color);
    --card-guide-bg: #12294A
}

body {
    overflow-x: hidden;
    padding: 0;
    margin: 0;
    position: relative;
    min-height: 100%;
    overflow-y: auto;
    background-color: #fff;
    font-family: "Exo 2",sans-serif
}

html {
    height: 100%
}

ul,li,span,img,p,figure,ol,strong,h1,h2,h3,h4,h5,h6,div,a {
    margin: 0;
    padding: 0
}

img {
    max-width: 100%
}

a {
    text-decoration: none
}

.header-wapper {
    z-index: 997;
    height: 60px;
    box-shadow: 0 2px 20px #0129701a;
    background: var(--primary-gradient-color);
    width: 100%;
    top: 0
}

.nav-left ul li {
    list-style-type: none;
    padding: 0 10px
}

.nav-right ul li {
    list-style-type: none;
    display: inline-block
}

.nav-left ul li a img {
    width: auto;
    max-height: 40px
}

.navbar-sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 5px
}

.input-form .form-control {
    width: 305px!important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    background-color: transparent;
    border: 0;
    color: #012970;
    box-shadow: none;
    padding: 7px 38px 7px 8px;
    border: 1px solid #fff;
    border-radius: 2px
}

.search-icon i.fa-solid.fa-magnifying-glass {
    position: absolute;
    right: 15px;
    top: 10px
}

li.input-form {
    position: relative
}

.playTrade {
    display: flex;
    gap: 5px
}

.newCashouut__modal .modal-content {
    background: linear-gradient(90deg,#b27f2b,#f4da79 26.78%,#f7de7c 76.92%,#b27f2b)!important;
    border: none!important;
    width: 100%
}

.cashouut__card {
    width: 100%;
    min-height: 220px;
    border-radius: 16px;
    position: relative
}

.cashouut__close {
    width: 26px;
    height: 26px;
    background: none!important;
    border: none!important;
    padding: 0!important;
    display: flex;
    position: absolute;
    top: 10px;
    right: 10px
}

.cashout__data {
    position: relative;
    z-index: 1;
    max-width: 100%;
    margin: 10px;
    padding: 15px 4vw 0px;
    min-height: 240px;
    border-radius: 16px;
    height: 240px;
    background: #fff
}

.cashout__data--title {
    font-weight: 600;
    font-size: 21px;
    line-height: 26px;
    color: #b27f2b
}

.cashout__data--value {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #333
}

.cashout__data--ticket {
    width: 100%;
    border-radius: 6px;
    position: relative;
    box-shadow: 0 4px 4px #00000014;
    padding: 6px 0;
    background: #f8f6f6;
    --mask: linear-gradient(#000 0 0) center/100% calc(100% - 26px) no-repeat, radial-gradient(circle 6px at 66.5% 0%, rgba(0,0,0,0) 98%, rgba(0,0,0,1)) 0% 0px/100% 15px no-repeat, radial-gradient(circle 6px at 66.5% 100%,rgba(0,0,0,0) 98%, rgba(0,0,0,1)) 0% calc(100% + -0px) /100% 15px no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    display: flex;
    box-shadow: 0 4.37px 4.37px #00000014;
    box-shadow: #0000003d 0 3px 8px
}

.cashout__back:before {
    content: "";
    top: 0;
    right: 0;
    position: absolute;
    width: 30px;
    height: 100%;
    transform: scaleX(-1);
    background: linear-gradient(270deg,#ffe1ff00 1.08%,#28a757 108.8%)
}

.cashout__lay:before {
    content: "";
    top: 0;
    right: 0;
    position: absolute;
    width: 30px;
    height: 100%;
    transform: scaleX(-1);
    background: linear-gradient(270deg,#ffe1ff00 1.08%,#de3f4b 108.8%)
}

.cashout__ticket--item {
    min-height: 60px;
    flex: 1 1 auto;
    border-right: 1px dashed #332B2330;
    padding: 0 8px;
    width: 45%;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.cashout__ticket--item.first-item {
    width: 45%
}

.cashout__ticket--title {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    color: #000
}

.cashout__ticket--price {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
    color: #00b474
}

.cashout__data--icon img {
    width: 58px;
    height: 52px
}

.cashout__curved--shape {
    padding: 15px;
    position: relative;
    border-radius: 0 0 16px 16px;
    background: #000
}

.cashout__curved--top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 51px;
    background: #0000001a;
    clip-path: polygon(0% 0%,2.5% 3.3px,5% 6.2px,7.5% 9px,10% 11.7px,12.5% 14.2px,15% 16.5px,17.5% 18.8px,20% 20.85px,22.5% 22.8px,25% 24.6px,27.5% 26.3px,30% 27.8px,32.5% 29.15px,35% 30.35px,37.5% 31.4px,40% 32.3px,42.5% 33px,45% 33.6px,47.5% 34px,50% 34.2px,52.5% 34px,55% 33.6px,57.5% 33px,60% 32.3px,62.5% 31.4px,65% 30.35px,67.5% 29.15px,70% 27.8px,72.5% 26.3px,75% 24.6px,77.5% 22.8px,80% 20.85px,82.5% 18.8px,85% 16.5px,87.5% 14.2px,90% 11.7px,92.5% 9px,95% 6.2px,97.5% 3.3px,100% 0%,100% 0px,100% 100%,0 100%,0% 0px)
}

.cashout__footer--text {
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    color: #fafafa
}

.cashout__footer--button .btn {
    flex: 1 1 auto;
    width: 100%;
    padding: 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    outline: none!important;
    text-align: center;
    border-radius: 6px;
    text-transform: capitalize;
    border: none!important;
    height: 44px;
    align-items: center;
    justify-content: center
}

.cashout__footer--button .cashout__button--no {
    color: #e5c567!important;
    background: none;
    border: 1px solid #E5C567!important;
    margin: 0
}

.cashout__footer--button .cashout__button--yes {
    color: #735433;
    background: linear-gradient(90deg,#b27f2b,#f4da79 26.78%,#f7de7c 76.92%,#b27f2b);
    margin: 0
}

.rules-box a {
    text-transform: uppercase;
    font-size: 11px;
    background: var(--primary-color);
    padding: 7px 15px;
    border-radius: 5px;
    color: #fff;
    border-bottom: 4px solid var(--secondary-color);
    display: flex;
    align-items: center
}

.rules-box a:hover {
    border-bottom: 4px solid var(--primary-color);
    background: var(--secondary-color)
}

.nav-left ul {
    display: flex;
    align-items: center;
    margin: 0 -10px
}

.nav-right ul li a.cmn-btn12 {
    background: var(--dark-color);
    color: #fff;
    border-radius: 100px;
    font-size: 14px;
    text-transform: uppercase;
    padding: 7px 15px;
    font-weight: 600;
    box-shadow: inset 0 0 0 2px #fff;
    border: 1px solid #ffffff
}

.nav-middle-menu ul {
    background-color: #202020;
    display: flex;
    flex-wrap: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    gap: 5px
}

.nav-middle-menu ul li {
    list-style-type: none;
    position: relative;
    align-items: center
}

.nav-middle-menu ul li a {
    font-size: 12px;
    font-weight: 600;
    position: relative;
    text-align: center;
    display: inline-block;
    padding: 5px 15px;
    line-height: 20px;
    text-transform: capitalize;
    color: #fff;
    font-family: "Exo 2",sans-serif
}

.nav-middle-menu ul li a.active,.nav-middle-menu ul li a:hover {
    color: #ddd
}

.hightlight-nav-menu a {
    color: #fffa00!important
}

.nav-middle-menu ul li:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--primary-color)
}

.nav-middle-menu ul li:first-child:before {
    content: none
}

.side-menu-heading img {
    height: 19px;
    width: 19px
}

.side-menu-heading span {
    font-size: 14px;
    font-weight: 600;
    color: var(--secondary-color);
    text-transform: capitalize
}

.app-lft-sidebar button {
    padding: 7px 10px
}

.app-lft-sidebar button:focus {
    box-shadow: none
}

.app-lft-sidebar .accordion-button:after {
    width: 20px;
    height: 20px;
    background-size: 14px;
    transition: none
}

.app-lft-sidebar .accordion-button:hover {
    color: var(--primary-color);
    background: #fff6ee
}

.app-lft-sidebar .accordion-button:not(.collapsed) {
    color: #0c63e4;
    background: #fff6ee;
    box-shadow: inset 0 -1px #00000020
}

.app-lft-sidebar .accordion-button:not(.collapsed):after {
    transform: rotate(-180deg);
    margin-right: 6px
}

span.img-side-logo {
    width: 25px;
    display: inline-block
}

.right-side-bar-main-sec {
    background-color: #fff;
    padding: 10px 15px
}

.commentry-sec {
    background-color: var(--secondary-color);
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 3px
}

.more-details-menu .btn-secondary {
    background: none;
    color: #343435;
    border: none;
    width: 100%;
    display: inline-block;
    text-align: start;
    padding: 9px 9px 9px 10px;
    font-size: 13px;
    font-weight: 600;
    border-bottom: 1px solid #f1f1f1;
    border-radius: 0
}

.app-lft-sidebar .accordion-body {
    padding: 0
}

.more-details-menu .btn-secondary:hover {
    color: var(--primary-color);
    background-color: transparent;
    border-color: transparent;
    box-shadow: none
}

.app-lft-sidebar .dropdown-menu.show {
    display: block;
    position: inherit!important;
    transform: none!important;
    background: #f6f9ff
}

.app-lft-sidebar .dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    border-radius: 0
}

.app-lft-sidebar .dropdown-item {
    padding: 5px 10px;
    font-size: 12px!important;
    color: #000;
    font-weight: 600;
    word-break: break-all;
    display: inline-block;
    width: 100%;
    white-space: break-spaces
}

.more-details-menu ul li {
    border-bottom: 1px solid #f1f1f1
}

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

.app-lft-sidebar {
    display: block;
    border-right: 1px solid #dddddd;
    padding-bottom: 65px
}

.app-lft-sidebar .dropdown-item:hover {
    color: var(--primary-color)
}

.commentry-fixed-img img {
    width: 20px;
    vertical-align: sub;
    margin-left: 2px
}

.commentry-fixed-img {
    width: 30px
}

.list-sport-title {
    position: relative;
    font-weight: 600;
    background: #b88831;
    display: block;
    text-align: center;
    padding: 6px;
    font-size: 16px;
    color: #fff
}

section.bet-details-sec {
    margin-top: 5px
}

.bet-details-header {
    color: #333;
    font-weight: 600;
    font-size: 15px;
    margin-top: 10px
}

.mrkname.greyhound {
    display: flex;
    padding: 0 10px
}

.mrkname.greyhound span {
    font-weight: 700;
    font-size: 16px;
    padding-left: 0;
    font-family: "Exo 2",sans-serif
}

.list-sport-title:before {
    content: "";
    clip-path: polygon(0 -1px,100% -1px,1px 100%,0 100%);
    width: 18px;
    height: calc(100% + 0px);
    background: linear-gradient(180deg,var(--primary-color) 0,var(--primary-color));
    position: absolute;
    right: -17px;
    top: 0
}

.stack-1 {
    width: 33.33%;
    text-align: center;
    line-height: 35px
}

.add-even-sec {
    display: flex;
    justify-content: center;
    align-items: center
}

.game-left-box {
    justify-content: space-between;
    align-items: center;
    padding-left: 5px;
    margin-top: 3px
}

.game-box a p {
    margin-bottom: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 280px;
    width: 280px;
    color: #3b5160;
    font-size: 13px;
    font-weight: 600
}

.game-date {
    width: 100px;
    display: block;
    font-size: 10px;
    font-weight: 700;
    color: #858585;
    background: #ff73000a;
    padding: 4px;
    margin: 0 4px;
    text-align: center
}

.game-icons img {
    width: 20px;
    vertical-align: baseline
}

.game-icons .game-bm {
    width: 20px;
    display: inline-block;
    background: var(--primary-color);
    text-align: center;
    border-radius: 10px;
    height: 20px;
    vertical-align: super;
    color: #fff;
    line-height: 20px;
    font-size: 10px;
    font-weight: 700;
    margin-left: 3px
}

.bets-details-page {
    background: #fff;
    border-bottom: 1px solid #f8f8f8
}

.game-box-rgt {
    display: flex;
    width: 100%;
    justify-content: center
}

.odds-btn {
    width: 50%;
    border: 0;
    background: #dedddd;
    font-size: 13px;
    font-weight: 600;
    height: 47px;
    color: #000;
    padding: 4px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    line-height: 14px
}

.open-bet-box {
    width: 33.33%;
    display: flex;
    justify-content: space-around
}

.lay-box {
    background: #b1e1ff
}

.back-box {
    background: #ffd5da
}

.game-date-inplay-box span:after {
    content: "";
    background-color: #03b37f;
    height: 2px;
    width: 50px;
    position: absolute;
    bottom: 0;
    animation: linear infinite alternate;
    animation-name: run;
    animation-duration: 1.2s
}

.game-date-inplay-box span {
    color: #03b37f;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase
}

.game-date-inplay-box {
    position: relative;
    width: 100px;
    text-align: center;
    padding: 4px
}

@keyframes run {
    0% {
        left: 0;
        width: 5%
    }

    50% {
        width: 100%
    }

    to {
        right: 0;
        width: 5%
    }
}

.poster-img img {
    width: 100%;
    border-radius: 5px
}

.poster-img {
    margin-top: 4px
}

section.nav-new-bar-sec {
    width: 100%
}

.banner-side-img-sec .carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

.banner-side-img-sec .owl-theme .owl-nav {
    margin-top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.banner-side-img-sec .owl-theme .owl-nav button.owl-next span {
    position: absolute;
    right: 10px;
    top: 30%;
    font-size: 50px;
    font-weight: 100
}

.banner-side-img-sec .owl-theme .owl-nav button.owl-prev span {
    position: absolute;
    left: 10px;
    top: 30%;
    font-size: 50px;
    font-weight: 100
}

.left-side-bar-sec {
    position: fixed;
    width: 16.5%;
    background: #fff
}

.nav-new-bar-sec {
    position: relative
}

.moving-text {
    width: 100%;
    color: #fff;
    font-size: 14px;
    line-height: 22px
}

.menu-toggle {
    position: absolute;
    right: 0;
    top: 70%;
    height: 0px;
    width: 20px;
    left: 0
}

.mobile-search-menu button {
    border: 0;
    background: none
}

.menu-toggle-bar {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    right: 0;
    width: 100%;
    height: 2px;
    border-radius: 4px;
    background-color: #fff;
    transition: all .3s ease
}

.menu-toggle-bar.menu-toggle-bar--top {
    transform: translateY(-6px)
}

.menu-toggle-bar.menu-toggle-bar--bottom {
    transform: translateY(6px)
}

.nav-open .menu-toggle-bar.menu-toggle-bar--top {
    transform: translate(0) rotate(45deg)
}

.nav-open .menu-toggle-bar.menu-toggle-bar--middle {
    opacity: 0
}

.nav-open .menu-toggle-bar.menu-toggle-bar--bottom {
    transform: translate(0) rotate(-45deg)
}

.section-listing-page {
    overflow: hidden
}

.moving-text marquee {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 10px
}

.mobile-exch-main-box {
    display: grid;
    grid-auto-flow: column;
    overflow-x: scroll;
    grid-row-gap: 2px;
    grid-column-gap: 2px;
    grid-template-rows: auto auto;
    margin-bottom: 12px;
    justify-content: space-between;
    width: 100%
}

.exch-coupon-card {
    width: 170px;
    border-radius: 5px;
    overflow: hidden;
    height: 100px;
    position: relative
}

.exch-coupon-card img {
    width: 100%;
    object-fit: cover;
    height: 90px
}

.exch-coupon-card.homeWrap img {
    aspect-ratio: unset;
    object-fit: fill;
    border-radius: 5px
}

.mobile-exch-grid-item {
    display: grid;
    grid-template-rows: auto auto auto auto;
    overflow-x: auto;
    grid-auto-flow: column;
    justify-content: space-between;
    width: 100%;
    grid-gap: 5px
}

.mobile-game-img-box {
    border-radius: 5px;
    overflow: hidden;
    width: 236px;
    height: auto;
    position: relative
}

.mobile-game-img-box img {
    aspect-ratio: 59 / 37;
    object-fit: cover;
    width: 100%;
    height: auto
}

section.exchange-game-conetent-sec-in-mobile {
    margin-top: 15px
}

.offcanvass-logo-sec {
    text-align: center;
    padding: 5px
}

.app-lft-sidebar .btn-close,.offcanvass-logo-sec {
    display: none
}

.rule-heading .modal-header {
    background: #f7f7f7
}

.rule-heading .modal-header h4 {
    color: #333;
    font-size: 16px;
    font-weight: 600
}

.rule-model-sec .modal.show .modal-dialog {
    max-width: 800px
}

.details-about-game ul li {
    list-style-type: none;
    color: #212529;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    padding: 7px 5px;
    font-size: 14px
}

.pannel-body .accordion-body {
    padding: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 300px
}

.pannel-body .accordion-item {
    background-color: #fff;
    border: none;
    border: 1px solid rgba(0,0,0,.175);
    border-radius: 5px!important;
    margin: 10px 0
}

.pannel-body .accordion-button,.pannel-body .accordion-button:focus {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 15px;
    font-size: 16px;
    color: #000;
    text-align: left;
    border: 0;
    background: #f7f7f7;
    border: 1px solid rgba(0,0,0,.175);
    border-radius: 5px 5px 0 0!important
}

.rules-container .modal-body {
    padding: 10px!important;
    background: padding-box
}

.pannel-body .accordion-button:not(.collapsed):after {
    background-image: none
}

.pannel-body .accordion-button:after {
    background-image: none
}

.rule-model-sec .modal-content {
    border-radius: 5px;
    box-shadow: 0 0 30px #0129701a
}

.dark-text li {
    color: #000!important
}

.login-body-sec {
    display: flex;
    width: 100%;
    align-items: center;
    background-size: cover;
    background-position: center;
    min-height: calc(100vh - 10px)
}

.login-body-lft {
    width: 100%
}

.login-model-pop-up-sec .modal.show .modal-dialog {
    transform: none;
    max-width: 500px
}

.login-model-pop-up-sec .modal-content {
    width: 100%;
    background-color: #005098;
    background: url(/assets/login-bg-C_B1cmum.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center
}

.login-model-pop-up-sec .modal-body {
    background-color: #00000080;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    padding: 20px
}

.login-body-lft {
    padding: 15px 25px
}

.login-model-pop-up-sec .btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em;
    color: #000;
    background: none;
    border: 0;
    border-radius: .25rem;
    opacity: 1;
    position: absolute;
    right: 5px;
    top: 10px;
    z-index: 1047;
    color: #fff
}

.login-header h2 {
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    color: #fff
}

.login-model-pop-up-sec .modal-body {
    padding: 0
}

.int-container-box {
    margin-top: 10px;
    position: relative
}

.check-box-sec {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.login-cmn-btn {
    margin-top: 10px
}

.acc-and-join-sec {
    margin-top: 0;
    text-align: center
}

.input-left i.fa-solid.fa-user {
    position: absolute;
    top: 10px;
    left: 10px
}

.form-check .form-check-label {
    color: #fff;
    position: relative;
    top: -3px
}

.box-right a {
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    text-decoration: underline;
    font-family: sans-serif
}

.login-cmn-btn button {
    width: 100%;
    border: 1px solid var(--primary-gradient-color);
    padding: 8px;
    border-radius: 5px;
    font-weight: 600;
    background-color: var(--primary-gradient-color);
    color: #fff;
    font-family: "Exo 2",sans-serif
}

.acc-and-join-sec span {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    font-family: sans-serif
}

.acc-and-join-sec span a {
    color: #b48727;
    font-weight: 600;
    border-bottom: 1px solid var(--primary-gradient-color);
    font-family: "Exo 2",sans-serif
}

.login-header {
    margin-bottom: 0
}

.input-left .form-control {
    display: block;
    width: 100%;
    padding: 6px 27px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-family: "Exo 2",sans-serif
}

.login-cmn-btn button:focus {
    box-shadow: inset 0 1px #ffffff26,0 1px 1px #00000013
}

.login-body-rgt .banner-side-img-sec {
    height: auto
}

.login-body-rgt .banner-side-img-sec .owl-theme .owl-nav button.owl-next span {
    top: 44%
}

.login-body-rgt .banner-side-img-sec .owl-theme .owl-nav button.owl-prev span {
    top: 45%
}

.input-left i.fa-solid.fa-phone {
    position: absolute;
    top: 13px;
    left: 8px;
    font-size: 13px
}

.Continue-with .whats-with {
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    font-family: "Exo 2",sans-serif
}

.Continue-with .button-whatsapp {
    text-align: center;
    padding: 10px 0
}

.Continue-with {
    margin-top: 10px
}

.Continue-with .btn-whatsapp {
    text-align: center;
    display: flex;
    background: #f4ca5b;
    border-radius: 5px;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 15px;
    font-size: 14px;
    position: relative;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    padding: 6px;
    font-family: "Exo 2",sans-serif
}

section.login-form-sec {
    width: 430px;
    margin: 50px auto;
    background: var(--primary-gradient-color);
    padding: 15px;
    border-radius: 15px
}

.register-logo-head-sec img {
    width: 130px
}

.register-logo-head-sec {
    text-align: center;
    margin-bottom: 25px
}

.register-logo-head-sec h2 {
    color: #e5cb63;
    text-align: center;
    font-weight: 500;
    line-height: 1.2;
    font-size: 24px
}

.input-left {
    position: relative
}

.input-left .form-control {
    padding: 7px 0 7px 30px;
    border: 0
}

i.fa-solid.fa-phone {
    position: absolute;
    top: 10px;
    left: 15px
}

.otp-sec {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.get-otp-right button {
    background: #000;
    color: #ffc019;
    border: 1px solid #ffc019;
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 16px
}

.get-otp-left span {
    color: #fff;
    font-size: 14px
}

.cnm-deposit-wdr-btn a img {
    width: 17px!important;
    filter: invert(1)
}

.cnm-deposit-wdr-btn a {
    padding: 6px 13px!important
}

.d-w-box ul li {
    padding: 0 3px!important
}

.cnm-deposit-wdr-btn a span {
    color: #fff;
    margin-left: 5px
}

a.deposit-btn {
    background: #006400;
    color: #fff!important
}

a.withdrowal-btn {
    background: #8b0000;
    color: #fff!important;
    border-bottom: 4px solid darkgreen
}

a.deposit-btn:hover {
    background-color: var(--primary-color);
    border-bottom: 4px solid var(--secondary-color)
}

.nav-right.header-nav-rgt ul li {
    padding: 0 2px;
    position: relative;
    vertical-align: middle
}

.nav-right.header-nav-rgt ul li a span b {
    color: #000;
    display: block
}

.nav-right.header-nav-rgt ul li a span {
    font-size: 12px;
    color: #fff;
    text-align: center;
    z-index: 1047;
    font-weight: 600;
    text-transform: capitalize
}

.dropdown.open-menu-btn button {
    background: none;
    border: 0;
    color: #000;
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    padding: 0 10px 0 0
}

.dropdown.open-menu-btn .dropdown-toggle:after {
    right: 0;
    top: 14px
}

.dropdown.open-menu-btn button:focus {
    box-shadow: none
}

.dropdown.open-menu-btn ul {
    transform: inherit!important;
    width: 270px
}

.mobile-num span {
    width: 100%;
    display: inline-block;
    color: #000;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    padding: 8px
}

li.mobile-num {
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,.175)
}

li.menu-rgt-icons a img {
    width: 15px;
    height: 15px
}

li.menu-rgt-icons.depo-bg a img,li.menu-rgt-icons.wdrl-bg a img {
    filter: invert(1)
}

span.menu-rgt-text {
    color: #212529!important;
    line-height: 42px
}

li.menu-rgt-icons {
    display: block!important;
    padding: 0!important
}

li.menu-rgt-icons a {
    padding: 6px 15px!important
}

li.menu-rgt-icons.depo-bg a {
    background: green
}

li.menu-rgt-icons.wdrl-bg a {
    background: #8b0000
}

span.menu-rgt-text.depo-head {
    color: #fff!important
}

li.menu-rgt-icons.depo-bg a:hover {
    background: #000!important
}

.icon-sidemenu {
    width: 20px;
    height: 20px;
    background-color: #ffffff40;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center
}

.icon-sidemenu img {
    max-width: 10px
}

.depo-and-wdrl-sec ul li a {
    padding: 8px 10px;
    color: #000;
    width: 100%;
    display: flex;
    font-size: 13px;
    font-weight: 600;
    align-items: center
}

.depo-and-wdrl-sec ul li a span {
    margin-left: 10px;
    text-transform: capitalize;
    font-size: 12px
}

a.depo-side-bg {
    background: green
}

a.wrdl-side-bg {
    background: #8b0000
}

a.multi-mark-bg {
    color: var(--secondary-color)!important
}

.deposit-m {
    width: 50%;
    float: left
}

.withdraw-m {
    width: 50%;
    float: right
}

.deposit-and-wdrl--m-sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    display: none
}

.deposit-m a {
    text-align: center;
    color: #fff;
    background: #006400;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    padding: 5px 5px 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
    font-family: "Exo 2",sans-serif;
    border-radius: 5px;
    border: 1px solid #fff;
    background: linear-gradient(180deg,#007b15,#138e00)
}

.withdraw-m a {
    text-align: center;
    color: #fff;
    background: #8b0000;
    font-size: 13px;
    text-transform: uppercase;
    padding: 5px;
    letter-spacing: 1px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
    font-family: "Exo 2",sans-serif;
    border-radius: 5px;
    border: 1px solid #fff;
    background: linear-gradient(180deg,#7b0000,#d10000)
}

.deposit-m a img {
    width: 20px;
    margin-right: 5px;
    height: 20px;
    filter: invert(1)
}

.withdraw-m a img {
    filter: invert(1);
    width: 20px;
    margin-right: 5px;
    height: 20px
}

.comenrty-head {
    display: flex;
    background-color: #dedddd;
    padding: 5px 10px;
    width: 100%
}

.country-vs-country span {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding-right: 5px
}

.date-and-time span {
    font-size: 12px;
    color: #333;
    font-weight: 600
}

.date-and-time .bets-btn span {
    color: #000
}

.live-broadcast-sec {
    height: 175px;
    overflow: hidden
}

section.events-details-sec {
    overflow-x: hidden
}

.mrkname {
    align-items: center;
    vertical-align: middle;
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: normal
}

.match-odd-bookmaker-sec .accordion-button {
    padding: 0 10px 0 0;
    background: #e9eff8;
    cursor: pointer
}

.match-odd-bookmaker-sec .accordion-button:focus {
    box-shadow: none
}

.cmn-btn-cashout {
    text-transform: uppercase;
    font-size: 9px;
    padding: 3px 6px;
    border-radius: 4px;
    margin-left: 4px;
    background: #000;
    color: #fff!important;
    font-weight: 700;
    border: 1px solid #fff;
    min-width: auto;
    text-align: center
}

.cmn-btn-cashout span.cashout {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 2px;
    padding: 3px 6px
}

.casinoPills {
    background: #fff!important
}

.cashoutMainBtn {
    padding: 3px 6px!important
}

.fav-star {
    margin: 0 5px
}

.fav-star i.fa-regular.fa-star {
    color: var(--primary-color)
}

.min-max-head {
    text-align: end
}

.mark-lft-head {
    width: 50%
}

.min-max-head span {
    font-size: 11px;
    color: #212529;
    font-weight: 400;
    text-transform: capitalize
}

.min-max-head i.fa-sharp.fa-solid.fa-circle-info {
    color: var(--secondary-color)
}

.match-odd-body .accordion-body {
    padding: 0
}

.btn-group-box button {
    width: 15.6%;
    border: 0;
    background: none;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase
}

.bet-details-btn-group button {
    width: 15.99999999%;
    text-align: center;
    border: 0;
    height: 45px
}

.app-market-details-sec .row {
    border-bottom: 1px solid #f2edf3;
    padding: 5px 10px
}

.bet-details-btn-group button span {
    display: block;
    font-size: 10px;
    line-height: 11px
}

.bet-details-btn-group button span b {
    font-size: 14px;
    font-weight: 900;
    line-height: 14px;
    color: #39415f
}

.market-event-name span {
    color: #333;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    padding-left: 2px
}

.bet-details-btn-group button {
    margin-left: 2px;
    height: 36px
}

.back-light.back {
    background: #c7eeff
}

.back {
    background: #b1e1ff
}

.lay {
    background: #ffd5da
}

.lay-light.lay {
    background: #efe1e5
}

.bet-details-btn-group {
    text-align: center;
    position: relative;
    display: flex
}

.match-odd-bookmaker-sec .accordion-button:after {
    width: 16px;
    height: 16px;
    content: "";
    background-image: url(/assets/download-arraw-VBqBxFbV.svg);
    background-repeat: no-repeat;
    background-size: cover
}

.fancy-tab-list ul li button {
    margin-bottom: 0!important;
    padding: 7px 17px;
    border: 0px solid transparent!important;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px
}

.fancy-tab-list .nav-tabs .nav-item.show .nav-link,.fancy-tab-list .nav-tabs .nav-link.active {
    color: #fff;
    background-color: var(--secondary-color);
    border-color: transparent;
    border: 0
}

.fancy-tab-list .nav-tabs .nav-link:focus,.fancy-tab-list .nav-tabs .nav-link:hover {
    border-color: transparent;
    isolation: isolate;
    color: #fff;
    border: 0
}

section.main-body-container-sec.home-body-sec {
    padding-top: 70px!important
}

.fancy-group-box {
    display: flex;
    position: relative;
    justify-content: end
}

.live-match-sec {
    background-color: var(--card-guide-bg);
    text-align: center
}

.fancy-box-1 button {
    border: 0;
    background: none;
    width: 48%;
    display: inline-block
}

.fancy-market-tabs-details-sec .row {
    border-bottom: 1px solid #f2edf4
}

.fancy-market-tabs-details-sec {
    background: #fff
}

.fancy-tab-lft-content span.market-event-head {
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 600;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    display: block
}

.fancy-lft-title {
    flex: 1 1 auto;
    min-width: 0
}

.fancy-box-1 .fancy-betting-box {
    width: 48%;
    font-size: 14px;
    font-weight: 600;
    height: 45px
}

.fancy-box-1 .fancy-betting-box span {
    display: block;
    color: #39415f
}

button.fancy-betting-box.light-pink {
    background: #ffd5da
}

button.fancy-betting-box.light-blue {
    background: #b1e1ff
}

.fancy-group-box button {
    font-weight: 600;
    text-transform: uppercase
}

.fancy-tab-lft-content {
    display: flex;
    align-items: center;
    line-height: 40px;
    padding-left: 5px
}

.max-min-bet-rgt-box {
    text-align: end;
    width: 100%;
    margin-right: 5px
}

.max-min-bet-rgt-box span {
    font-size: 11px;
    display: block
}

.fancy-box-1 {
    width: 33.33%;
    text-align: center;
    display: flex;
    align-items: center;
    position: relative
}

.yes-no-btn {
    padding: 5px
}

.placed-bet-head {
    background: #353534;
    border-radius: 5px;
    margin-bottom: 5px;
    margin-top: 5px
}

.placed-bet-head span {
    color: #fff;
    padding: 7px 10px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500
}

.placed-bet-head.open-bet {
    border-radius: 5px 5px 0 0!important;
    margin-bottom: 0;
    margin-top: 0
}

.open-placed-body-sec {
    background-color: #fff
}

.matched-unmatched-tabs-sec .nav-pills .nav-link.active {
    color: #fff;
    background-color: transparent;
    color: #6d081d;
    border-bottom: 2px solid #6d081d;
    border-radius: 0
}

.matched-unmatched-tabs-sec .nav-link {
    display: block;
    padding: 5px 10px;
    color: #333;
    font-size: 14px;
    font-weight: 600
}

.t-bet-head th {
    font-weight: 500;
    font-size: 14px;
    padding: 5px 10px
}

.t-bet-body td {
    font-size: 14px;
    padding: 5px 10px
}

.matched-table-data-sec .table {
    margin-bottom: 0
}

.matched-table-data-sec .table>:not(:first-child) {
    border-top: 0px solid currentColor
}

.cancel-placed-btn {
    display: flex;
    margin-top: 4px
}

.bets-odd-sec {
    display: flex;
    padding-bottom: 1px
}

.inpt-grp-lft {
    width: 50%;
    padding-right: 2px
}

.inpt-grp-rgt {
    width: 50%;
    padding-left: 2px
}

.increment-decrement-sec {
    display: flex
}

.value-button {
    width: 40px;
    text-align: center;
    background: var(--primary-gradient-color);
    color: #000;
    padding: 1px;
    font-size: 22px;
    border-radius: 0;
    font-weight: 700
}

.value-button.decrease-btn {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.value-button.increase-btn {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.stake-light-blue-box {
    background: #b1e1ff;
    padding: 3px;
    margin-bottom: 5px;
    border-radius: 0 0 5px 5px;
    margin-top: -1px
}

.select-digit input {
    text-align: center;
    font-size: 13px;
    border-radius: 0;
    padding: 7px;
    border: 1px solid var(--primary-color);
    border-color: #fff
}

.select-digit.fancy input {
    border-radius: .25rem
}

.select-digit input:focus {
    box-shadow: none;
    border: 1px solid var(--primary-color)
}

.inpt-grp-rgt input:focus {
    box-shadow: none;
    border: 2px solid #000
}

.inpt-grp-rgt input {
    text-align: center;
    font-size: 13px;
    border: 2px solid #fff;
    padding: 7px
}

.select-digit {
    width: 67%
}

.value-btn-grid-box {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 2px 0;
    width: 100%
}

.value-small-box {
    width: calc(25% - 3px)
}

.value-btn-grid-box button {
    border: 0;
    width: 100%;
    font-size: 13px;
    font-weight: 600;
    line-height: 30px;
    background-color: #fff;
    border-radius: 3px;
    color: #000
}

.value-btn-grid-box button span {
    color: green
}

.stake-limit-grid {
    display: flex;
    grid-gap: 4px;
    margin-top: 2px
}

.stake-small-box button {
    width: 100%;
    border: 0;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 35px;
    border-radius: 5px;
    color: #000
}

.stake-1 {
    background-color: #fecd00;
    color: #000
}

.stake-2 {
    background: #75b7ff;
    color: #000
}

.stake-3 {
    background-color: #a5ff93;
    color: #000
}

.stake-4 {
    background-color: #fffc9f;
    color: #000
}

.stake-min-max p {
    color: #000;
    font-size: 12px;
    font-weight: 600
}

.stake-small-box {
    width: 25%;
    text-align: center
}

.cancel-btn {
    width: 50%;
    margin-right: 2px
}

.placed-btn {
    width: 50%;
    margin-left: 2px
}

.cancel-btn button {
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 13px;
    width: 100%;
    height: 35px;
    background: #fff;
    border: solid 1px #808080;
    color: #000;
    font-weight: 600
}

.stake-light-pink-box {
    padding: 5px;
    background: #ffd5da;
    border-radius: 5px;
    margin-bottom: 5px
}

.value-btn-grid-box button:focus {
    box-shadow: 0 0 0 .25rem #828a9180;
    border-radius: 2px
}

.stake-light-blue-box,.stake-light-pink-box,.stake-m-view {
    display: none
}

section.main-body-container-sec.stake-events-details {
    padding-top: 70px!important
}

.fancy-sub-tabs-sec {
    background: #353534
}

.fancy-game-box-rgt ul li {
    display: inline-block;
    list-style-type: none
}

.fancy-game-box-rgt ul li a {
    background: #343435;
    color: #fff;
    padding: 2px 10px;
    border-radius: 5px;
    font-size: 13px
}

.fancy-game-box-rgt ul {
    padding: 5px
}

.game-box.fancy-lft-box {
    line-height: 25px
}

.fancy-sub-tabs-sec ul li .nav-link.active {
    background: var(--secondary-color)
}

.fancy-sub-tabs-sec ul li button {
    border-radius: 0!important;
    padding: 5px;
    font-size: 12px;
    width: 55px;
    font-weight: 600
}

.fancy-sub-tabs-sec ul li .nav-link:hover,.fancy-sub-tabs-sec ul li .nav-link {
    color: #fff
}

.list-sport-title.greyhound {
    width: 175px
}

.list-sport-title img {
    width: 20px;
    vertical-align: sub
}

.bet-table-main-body {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    grid-gap: 3px;
    padding: 3px 0
}

.casino-bet-box a img {
    height: 175px;
    width: 100%
}

.go-to-back-sec {
    background-color: #353534;
    padding: 5px;
    width: 100%;
    z-index: 1
}

.go-to-back-sec a {
    color: #fff!important;
    background: var(--primary-gradient-color);
    font-size: 13px;
    font-weight: 500;
    padding: 5px 10px;
    display: inline-block;
    text-align: center;
    text-transform: capitalize;
    line-height: 20px
}

.deposit-main-body {
    padding: 10px
}

.acc-tab-list ul {
    background: #fff;
    padding: 20px;
    border-radius: 15px
}

.acc-tab-list ul li {
    padding: 0 5px
}

.acc-tab-list ul li button span img {
    max-height: 40px;
    width: auto
}

.acc-tab-list ul li button span {
    display: block
}

.acc-tab-list .nav-pills .nav-link.active,.acc-tab-list .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #0f2326;
    border: 2px solid #0f2326
}

.acc-tab-list .nav-pills .nav-link {
    border-radius: 10px;
    border: 1px solid #e9ecef;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #000;
    padding: 5px 10px;
    min-height: 80px;
    max-width: 87px;
    min-width: 110px;
    position: relative
}

.acc-tab-list .nav-pills .nav-link.paymentBonus {
    padding: 22px 8px 5px
}

.get-bonus-sec {
    min-width: 100%;
    margin: 0;
    background: var(--primary-gradient-color);
    color: #000!important;
    width: 100%;
    border-bottom: 1px solid #333;
    border-radius: 8px 8px 0 0;
    position: absolute;
    top: 0;
    padding: 4px 8px;
    line-height: 1.2
}

.acc-tab-list .nav-link:focus,.acc-tab-list .nav-link:hover {
    background: #f3f2f6
}

.acc-tab-list ul li button.active span img {
    filter: invert(1)
}

.description-card-body {
    background: #fff;
    border-radius: 15px;
    margin: 15px 0;
    padding: 20px
}

.about-text p {
    color: red;
    font-size: 10px;
    line-height: 17px;
    font-weight: 600
}

.paymode-mode-head h3 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center
}

.online-payment-mode-body {
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    position: relative;
    border: 1px solid #eee
}

.paymode-mode-head {
    margin: auto
}

.paymode-mode-head hr {
    width: 200px;
    margin: 15px auto
}

.acc-details-data p {
    font-weight: 300;
    font-size: 15px;
    position: relative;
    margin-bottom: 2px;
    text-align: left;
    padding: 2px 0;
    color: #222
}

.acc-details-data button {
    border: 0;
    background: 0;
    right: 0;
    position: absolute;
    top: 2px
}

.acc-details-data p button i.fa-solid.fa-copy {
    color: var(--primary-color);
    font-size: 15px
}

.acc-details-data p button i.fa-solid.fa-copy:focus {
    color: var(--primary-color)
}

.acc-details-data p button:focus {
    box-shadow: 0 0 0 .2rem #28a74580;
    background: green
}

.acc-details-data p button {
    border-radius: 5px;
    padding: 0 5px
}

.online-form-int input {
    padding: 10px;
    margin-top: 2px
}

.online-form-int label {
    color: #000;
    text-align: left;
    display: inherit;
    font-size: 14px;
    font-weight: 400;
    margin: 0
}

.online-form-int p {
    color: red;
    font-weight: 600
}

.online-form-int span {
    color: red;
    font-size: 14px
}

.online-form-int {
    margin-top: 15px
}

.online-form-int.choose-file input {
    border: 0;
    font-size: 14px
}

.online-form-int.choose-file input[type=file]::file-selector-button {
    background-color: var(--secondary-color);
    color: #fff;
    border-radius: 5px 0 0 5px!important
}

.amount-select-box {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 5px
}

.amount-sub-box button {
    width: 100%;
    border: 0;
    background: var(--secondary-color);
    color: #fff;
    font-size: 13px;
    padding: 5px;
    border-radius: 5px;
    border: 2px solid;
    border-color: transparent
}

.amount-sub-box button:focus {
    border: 2px solid #000
}

.amount-sub-box button.active,.amount-sub-box button.active:focus {
    background: var(--primary-color);
    color: #fff;
    border: 2px solid var(--primary-color)
}

.online-form-check-box .form-check .form-check-label {
    color: #333;
    font-size: 14px;
    font-weight: 600
}

.online-form-check-box .form-check .form-check-label a {
    color: var(--secondary-color)
}

.online-form-check-box {
    margin-top: 15px
}

.online-form-check-box {
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 15px
}

.submitt-btn button,.cmn-btn {
    width: 100%;
    display: inline-block;
    border: 0;
    background: #00b800;
    color: #fff;
    padding: 10px;
    text-transform: uppercase
}

.online-money-trns-rgt {
    margin: 10px
}

.online-money-trns-rgt:before {
    width: 1px;
    content: "";
    position: absolute;
    height: 540px;
    left: -33px;
    color: #000;
    background: #ced4da;
    top: -10px
}

.online-money-trns-rgt {
    margin: 0 5px;
    position: relative
}

.video-player-head span {
    color: #fff;
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    padding: 5px;
    font-weight: 600
}

.video-player-head {
    background-color: var(--primary-color);
    width: 65%;
    border-top-left-radius: 5px;
    position: relative
}

.video-player-head:after {
    content: "";
    clip-path: polygon(0 -1px,100% -1px,1px 100%,0 100%);
    width: 17px;
    height: calc(100% + 0px);
    background: linear-gradient(180deg,var(--primary-color) 0,var(--primary-color));
    position: absolute;
    top: 0;
    height: 26px;
    right: -16px;
    z-index: 99
}

.video-player-body video {
    width: 100%;
    border-radius: 10px;
    border: 2px solid var(--primary-color);
    background: var(--primary-color)
}

.video-player-body {
    margin-top: 10px
}

.promo-img-box img {
    width: 300px
}

.promo-img-box {
    text-align: center;
    background: var(--primary-color);
    border-radius: 15px;
    padding: 3px
}

.depo-rgt-container {
    padding: 15px;
    background: #fff;
    border-radius: 15px
}

.phone-bank-transfer {
    margin-top: 10px
}

.tranfer-link {
    margin: 5px 0
}

.support-sec a img {
    width: 85px;
    height: 85px;
    animation: 1s linear 1s infinite alternate;
    transform: scale(1.2);
    animation-name: simple-step;
    animation-delay: 1s;
    animation-iteration-count: infinite
}

section.help-and-support-box {
    position: fixed;
    right: 5px;
    bottom: 80px
}

@keyframes simple-step {
    0% {
        transform: scale(.9)
    }

    to {
        transform: scale(1.2)
    }
}

p.term-condition-head {
    color: red;
    font-size: 16px
}

.withdrawal-sec i.fa-solid.fa-plus {
    font-size: 10px;
    color: #fff
}

.withdrawal-sec button span {
    background-color: red;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    line-height: 20px
}

.withdrawal-sec {
    margin-top: 50px
}

.withdrawal-sec button {
    color: #000;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 14px;
    border: 1px solid #eee;
    border-radius: 30px;
    transition: .9s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 5px 15px;
    margin: 0 auto
}

.withdrawal-sec button:hover {
    transform: scaleX(1.1);
    color: var(--secondary-color);
    letter-spacing: 2px;
    border: 1px solid var(--secondary-color)
}

.add-acc-head {
    border-bottom: 1px dotted var(--secondary-color);
    padding-bottom: 25px
}

.withdrawal-main-body {
    padding-top: 10px;
    margin: 0 10px
}

.withdrawal-rgt-container thead tr th {
    padding: 7px;
    text-align: center;
    border: none;
    background: #0f2326;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    white-space: nowrap;
    position: sticky;
    top: 0;
    font-weight: 500
}

.withdraw-table {
    width: 100%
}

.withdrawal-rgt-container .table>:not(:first-child) {
    border-top: 0px solid currentColor
}

.withdrawal-rgt-container .table>:not(caption)>*>* {
    border-bottom-width: 0px
}

.withdrawTableData tr td {
    background-color: #fff;
    text-align: center
}

.acc-model {
    padding: 0;
    background: var(--primary-color)
}

.acc-model .modal-header .modal-title {
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 17px;
    font-weight: 600
}

.acc-model .modal-header button {
    border: 0;
    background: transparent
}

.acc-model .modal-header button i {
    color: #fff;
    position: absolute;
    top: 5px;
    right: 5px
}

.acc-login-sec {
    text-align: center
}

.acc-login-form-sec label {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 5px;
    font-weight: 600
}

.acc-login-form-sec input {
    border: 0;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    border-radius: 0
}

.acc-login-form-sec {
    margin-bottom: 10px;
    text-align: left
}

.acc-login-model-up-sec .modal .modal-content {
    background: #f3f2f6;
    border: none;
    box-shadow: 0 0 5px 0 var(--primary-color)
}

.acc-model-footer .modal-footer {
    border-top: 0!important;
    display: flex;
    justify-content: center
}

.acc-model-footer {
    background-color: var(--primary-color)
}

.acc-model-footer .modal-footer button {
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.acc-model-footer .modal-footer button.close-acc-btn12 {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.acc-model-footer .modal-footer button.save-acc-btn12 {
    color: var(--primary-color);
    background-color: #fff;
    border-color: #fff
}

.acc-model-footer .modal-footer button.save-acc-btn12:focus {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
    box-shadow: 0 0 0 .2rem #17a2b880
}

.acc-model-footer .modal-footer button.close-acc-btn12:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.acc-model-footer .modal-footer button.close-acc-btn12:focus {
    box-shadow: 0 0 0 .2rem #6c757d80
}

.profile-head span {
    color: #fff;
    font-size: 16px
}

.profile-container-sec {
    background-color: #fff;
    height: 100vh
}

.profile-lft-card-body img {
    width: 120px;
    margin: 15px auto
}

.profile-lft-card-body h2 {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 20px
}

.profile-lft-card-body {
    text-align: center;
    background: #dfe8e9;
    border-radius: 5px
}

.profile-main-body-sec {
    padding-top: 5px;
    overflow-x: hidden
}

.profile-head {
    background: #353534;
    padding: 8px 13px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.profitLoss-title {
    color: #fff;
    font-size: 16px
}

.profitLoss-title span {
    font-weight: 600
}

.profile-tab-list .nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: var(--secondary-color);
    background-color: transparent;
    font-size: 14px;
    border-bottom: 2px solid var(--secondary-color);
    border-radius: 0
}

.profile-tab-list .nav-pills .nav-link.active {
    border-bottom: 2px solid var(--primary-color)
}

.profile-tab-list .nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: 0;
    font-size: 14px;
    color: #ccc;
    width: 138px
}

.profile-tab-list ul {
    border-bottom: 2px solid #ebeef4;
    background-color: #000
}

.profile-rgt-card-body {
    background: #fff;
    border-radius: 5px;
    padding: 5px 0
}

.overview-details-page {
    padding: 10px 0;
    margin: 0 5px
}

.overview-details-page span {
    color: var(--secondary-color);
    font-size: 18px;
    margin: 5px 0;
    display: inline-block
}

span.user-side-text {
    font-size: 12px;
    color: #000;
    font-weight: 600
}

.user-over-view .row:not(:last-child) {
    border-bottom: 1px solid #dee2e6
}

.user-over-view {
    padding: 5px
}

.app-stack-setting-section {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 0px 23px;
    padding-bottom: 15px
}

.app-stack-setting-section {
    padding-bottom: 0!important;
    padding-top: 0!important
}

.profile-change-password-wrapper.stake-setting-wrapper .profile-change-password-sec {
    padding-top: 10px;
    padding-bottom: 15px
}

.stack-inpt-group {
    display: flex;
    align-items: center;
    border: 1px solid #ced4da;
    border-radius: 5px
}

.stack-inpt-group input {
    border: 0
}

span.addnum {
    display: inline-block;
    background: #f8f8f8;
    height: 100%;
    overflow: hidden;
    padding: 5px;
    border-right: 1px solid #ced4da;
    border-radius: 5px 0 0 5px;
    min-width: 50px;
    text-align: center
}

.stack-inpt-group span b {
    font-size: 14px
}

.stack-save-btn button {
    width: 100%;
    border: 1px solid #6D081D;
    background-color: var(--secondary-color);
    padding: 7px;
    border-radius: 5px;
    color: #fff
}

.stack-save-btn button:hover {
    background-color: #fff;
    color: #333
}

.password-lft span {
    font-size: 12px;
    font-weight: 500;
    line-height: 35px
}

.password-lft {
    text-align: end
}

.profile-change-password-sec .row {
    margin-bottom: 15px
}

.feedback.password-lft {
    text-align: start
}

.feedback.password-lft span {
    line-height: 0px
}

.form-search-sec {
    margin-top: 10px;
    padding: 5px 10px;
    background-color: #dfdde0
}

.select-search-box .form-select {
    background-color: #fff;
    color: #333;
    padding: 5px 12px 5px 5px;
    width: 100%;
    height: 30px!important;
    border: #959595 1px solid;
    font-size: 12px;
    border-radius: 4px;
    background-image: none
}

.select-search-box .form-select:focus {
    color: #212529;
    background-color: #fff;
    border-color: var(--primary-color);
    outline: 0
}

.get-statement-sec button {
    width: 100%;
    border: 0;
    background: var(--primary-gradient-color);
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 12px
}

.get-statement-sec button:hover,.get-statement-sec button:active,.get-statement-sec button:focus-visible {
    background: var(--primary-gradient-color)!important;
    color: #fff
}

.start-end-date-sec input {
    padding: 5px 12px 5px 5px;
    width: 100%;
    height: 30px!important;
    border: #959595 1px solid;
    font-size: 12px;
    border-radius: 4px;
    background-image: none
}

.start-end-date-sec input:focus {
    box-shadow: 0 0 0 2px var(--primary-color);
    color: #212529;
    background-color: #fff;
    border-color: var(--primary-color);
    outline: 0
}

.form-search-table thead tr th {
    background: #dfdde0;
    margin: 0;
    border: none;
    padding: 5px;
    font-size: 12px;
    font-weight: 600;
    text-align: center
}

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

.form-search-table tbody tr td {
    margin: 0;
    border: none;
    padding: 5px;
    font-size: 12px;
    font-weight: 600;
    background: #fff;
    text-align: center
}

.form-search-table {
    padding: 10px
}

.next-prev-btn .page-link {
    color: #000;
    border: 0
}

.next-prev-btn .page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.next-prev-btn .page-link:hover {
    z-index: 2;
    color: #fff;
    background-color: var(--secondary-color);
    border: 0
}

.page-item.active .page-link {
    background-color: var(--secondary-color);
    border-color: 0
}

.next-prev-btn {
    width: 100%;
    display: flex;
    justify-content: end;
    margin-top: 10px
}

li.menu-rgt-icons.wdrl-bg a:hover {
    background: #000!important
}

.int-casino-main-body-sec {
    background: #dedddd
}

.int-casino-main-tabs ul {
    background: #353534;
    margin-top: 5px;
    overflow-y: hidden;
    overflow-x: auto;
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap
}

.int-casino-main-tabs .nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: #fff;
    background-color: var(--secondary-color)
}

.int-casino-main-tabs .nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: 0;
    padding: 6px 19px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: "Exo 2",sans-serif
}

.int-casino-main-tabs .nav-link {
    padding: initial;
    color: #fff
}

.all-game-details-page ul li button img {
    width: 26px;
    filter: grayscale(1);
    max-width: initial;
    height: 26px
}

.all-game-details-page ul li button {
    display: grid;
    text-align: center;
    font-size: 12px!important;
    font-weight: 700!important;
    padding: 5px!important;
    color: #000!important;
    border-right: 1px solid var(--primary-color)!important;
    text-transform: capitalize!important
}

.all-game-details-page ul {
    background: #dedddd!important;
    border: 1px solid var(--primary-color)
}

.all-game-details-page .nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: #fff!important;
    background: var(--primary-gradient-color)
}

.all-game-details-page .nav.nav-pills.casino-provider-list,.all-game-details-page .nav.nav-pills.casino-provider-list li button {
    border: 0!important
}

.dropdown-item:focus,.dropdown-item:hover {
    color: #1e2125;
    background-color: #fff6ee!important
}

.all-in-casino-img {
    display: inline-table;
    width: 100%
}

.all-star-model-img a img {
    width: 100%;
    height: 180px
}

.all-star-model-img {
    width: 20%;
    display: inline-block
}

.all-in-casino-img .all-star-model-img {
    padding: 1px
}

.dropdown.open-menu-btn ul:before {
    content: "";
    width: 13px;
    height: 13px;
    background: #fff;
    position: absolute;
    top: -7px;
    right: 20px;
    transform: rotate(45deg);
    border-top: 1px solid #eaedf1;
    border-left: 1px solid #eaedf1
}

.login-flow-heading .login-form {
    color: #fff;
    text-transform: capitalize;
    font-size: 33px;
    font-weight: 600;
    padding: 0;
    text-align: center
}

.login-flow-heading p {
    color: #fff;
    text-align: center;
    font-family: sans-serif;
    font-weight: 300
}

.whatsapp-btn {
    margin-bottom: 16px;
    text-align: center
}

.whatsapp-btn .thm-but {
    margin-right: 0;
    background: #4caf50;
    text-align: center;
    width: 100%;
    padding: 7px;
    font-weight: 600;
    color: #fff!important;
    border-color: #4caf50;
    font-size: 16px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center
}

.whatsapp-btn button img {
    width: 16px;
    margin-right: 5px
}

.or-text {
    font-weight: 600;
    padding-top: 10px;
    color: #fff;
    text-transform: capitalize
}

.mo-number-right {
    display: flex;
    justify-content: end;
    margin-top: 5px;
    margin-bottom: 15px
}

button.thm-btn {
    border: 0;
    margin-left: 10px;
    padding: 6px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    border-radius: 5px;
    background: linear-gradient(to bottom,#f4e1a6,#d8b952);
    margin-right: 0!important
}

.otp-countdown-text {
    color: #dc3545;
    font-weight: 600;
    padding-bottom: 10px;
    display: inline-block
}

.mak-gin.password-inpt {
    margin-bottom: 10px;
    position: relative
}

.thm-but {
    color: #000;
    border-radius: 5px;
    border: none;
    text-decoration: none;
    padding: 7px 15px;
    font-weight: 500;
    font-size: 16px;
    width: 100%;
    font-weight: 600;
    background: var(--primary-gradient-color);
    text-align: center;
    text-transform: capitalize
}

p.forpass-in {
    color: #fff!important;
    text-align: center;
    font-weight: 300;
    margin-top: 5px;
    font-family: sans-serif;
    font-size: 14px
}

p.forpass-in a {
    color: #b48727!important;
    padding-left: 5px;
    font-weight: 700
}

.create-new-acc {
    display: inline-block;
    width: 100%;
    text-align: center
}

.create-new-acc a {
    color: var(--primary-color);
    text-align: center;
    line-height: 24px;
    font-weight: 600;
    font-family: sans-serif;
    font-size: 14px
}

.for-pass-wrd {
    margin-top: 15px
}

.btn,button,a {
    box-shadow: none!important
}

.mb-15 {
    margin-bottom: 15px
}

.btn-danger,.cmn-btn {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    opacity: 1
}

.btn-danger:hover,.cmn-btn:hover,.submitt-btn button:active {
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.delete-account-btn .btn.btn-danger {
    position: absolute;
    right: 6px;
    top: 4px;
    border-radius: 5px 15px 5px 5px
}

.delete-account-model-sec h2 {
    text-align: center
}

.delete-account-model-sec .modal-footer {
    text-align: center;
    justify-content: center
}

.depo-and-wdrl-sec ul li a {
    border-bottom: 1px solid rgba(255,255,255,12%)
}

.user-details-wrapper {
    background-color: #fff;
    border-bottom: 2px solid #dadada6e
}

.transactions-request {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #DADADA;
    border-radius: 4px;
    margin-top: 15px;
    padding: 10px 15px
}

.text-dark {
    color: #000!important
}

.user-details-wrapper .match-head span {
    font-weight: 400;
    margin-right: 5px;
    font-size: 14px;
    line-height: 21px
}

.bonus-list-wrapper .nav-pills .nav-link.active {
    border-color: var(--primary-color)
}

.bonus-list-wrapper .nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    background-color: transparent!important
}

.bonus-list-wrapper .nav-pills .nav-link {
    padding: 10px;
    border: 1.7px solid #DADADA;
    color: #000;
    text-align: start
}

.bonus-list-wrapper .nav-pills .nav-link.active .user-bg {
    background: #8b181b1f
}

.request-icon-con {
    padding: 0 8px 5px;
    border-radius: 4px;
    width: fit-content;
    background: f1f1f1;
    margin-right: 10px
}

.bonus-list-wrapper .nav-pills .nav-link.active .user-bg img {
    filter: invert(46%) sepia(69%) saturate(1258%) hue-rotate(113deg) brightness(34%) contrast(154%)
}

.user-bg {
    background-color: #f5f5f5
}

.bonus-list-sec .match-head h5 {
    color: #000;
    margin: 0
}

.cricket-wrapper {
    background-color: #f5f5f5;
    padding: 30px 0;
    overflow: hidden
}

.refer-list ul li {
    list-style: none;
    width: fit-content;
    margin: 0 auto
}

.refer-list-sec {
    background-color: #fff;
    padding: 15px 20px;
    border: 2px solid #DADADA;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.refer-user {
    position: relative;
    width: fit-content;
    margin: 10px
}

.refer-user img {
    border-radius: 4px;
    width: 60px
}

.refer-user .user-nub {
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: fit-content;
    padding: 1px 10px;
    border: 1px solid #fff;
    border-radius: 10px;
    text-align: center;
    background-color: var(--primary-color)
}

.refer-user .user-nub h3 {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    margin: 0
}

.refer-list-sec .team-list-sec ul li {
    width: 173px!important;
    margin: 5px 0!important;
    color: #746969
}

.list-dost {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.team-list-sec ul li .list-dost {
    margin-right: 2px
}

.refer-list-sec .team-list-sec ul li.team-list-wid {
    width: fit-content!important;
    color: #000
}

.member-box-con span {
    color: #333;
    font-size: 14px;
    padding: 4px 10px;
    border-radius: 4px;
    border: 2px solid #DADADA;
    background-color: #f5f5f5;
    position: relative;
    z-index: 9
}

.member-box:before {
    content: "";
    height: 67px;
    width: 10px;
    background-repeat: no-repeat;
    display: block;
    background-image: url(/assets/member-border-bottom-Vq3go7ZY.svg);
    position: absolute;
    top: -30%;
    left: 50%;
    transform: translate(-30%,-50%);
    z-index: 0
}

.member-box-con:before {
    content: "";
    height: 55px;
    width: 100%;
    position: absolute;
    background-image: url(/assets/member-border-arrow-Bci15Dxy.svg);
    background-repeat: no-repeat;
    display: block;
    top: 50%;
    left: 16%;
    z-index: 0;
    background-size: contain
}

.member-box-con:after {
    content: "";
    height: 55px;
    width: -webkit-fill-available;
    position: absolute;
    background-image: url(/assets/member-border-arrow-right-gkqY186T.svg);
    background-repeat: no-repeat;
    display: block;
    top: 50%;
    left: auto;
    right: 16%;
    z-index: 0;
    background-position: top right;
    background-size: contain
}

.member-box:after {
    content: "";
    height: 60px;
    width: 10px;
    display: block;
    background-image: url(/assets/member-border-bottom-Vq3go7ZY.svg);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-30%,100%);
    z-index: 0;
    top: auto
}

.member-box {
    position: relative
}

.refer-member {
    margin: 40px 0;
    text-align: center
}

.refer-list {
    margin-top: 20px
}

.refer-list-inner ul {
    display: flex;
    align-items: center
}

.refer-list-inner .refer-list-sec {
    display: block
}

.refer-list-inner .refer-user {
    margin: 0 auto;
    text-align: center
}

.refer-list-inner .team-list-sec ul {
    display: block!important
}

.refer-list-inner .team-list-sec ul li {
    width: fit-content!important;
    margin: 0 auto!important;
    padding: 2px 0;
    color: #746969
}

.refer-list-inner ul li .list-dost {
    margin-left: 3px
}

.refer-member-inner .member-box:after {
    background-image: none!important
}

.refer-member-inner .member-box-con:before {
    left: 24%
}

.refer-member-inner .member-box-con:after {
    right: 24%
}

.bouns-rules-list .thm-heading {
    padding-top: 10px
}

.language-list ul li {
    margin: 6px 20px;
    color: #302828fc;
    font-size: 14px;
    font-weight: 400
}

.bonus-list-wrapper {
    background-color: #fff;
    padding: 10px 0
}

.recent-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    background: #fff;
    border: 2px solid #DADADA;
    border-radius: 4px;
    padding: 0 10px
}

.surprises-sec {
    padding-left: 0
}

.surprises-sec .playstreak-input {
    display: block;
    border-radius: 4px 0 0 4px;
    width: 150px;
    text-align: center;
    background: #000;
    padding: 10px;
    height: auto
}

.surprises-sec .playstreak-input h4 {
    background: -webkit-linear-gradient(159deg,#C8CCCE 10%,#D1D0CE 42%,#9194A3 75%,#D1D0CE 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    font-size: 16px;
    font-family: Rubik;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
    margin-top: 6px;
    text-transform: uppercase
}

.surprises-sec .recent-bank-sec {
    border-left: none;
    padding: 10px;
    margin-left: 10px
}

.surprises-sec .bank-con h6 {
    font-weight: 600;
    font-size: 26px
}

.surprises-sec .bank-con span {
    font-weight: 500;
    font-size: 16px;
    color: #746969
}

.platinum-but {
    background: linear-gradient(159deg,#c8ccce 10%,#d1d0ce 42%,#9194a3 75%,#d1d0ce);
    color: #2b3d35
}

.gold-sec .platinum-but {
    background: linear-gradient(180deg,#fcfbcc,#ffd86c 42%,#f58327 73%,#fdeba0)
}

.silver-sec .platinum-but {
    background: linear-gradient(181deg,#a8acaf 6%,#f7f7f7 18%,#a8acaf 28%,#c8ccce 53%,#a8acaf)
}

.blue-sec .platinum-but {
    background: linear-gradient(159deg,#65b8e1 10%,#5197d9 51.56%,#8c9bd6 100%,#121f4b)
}

.blue-sec .playstreak-input h4 {
    background: -webkit-linear-gradient(159deg,#65B8E1 10%,#5197D9 51.56%,#8C9BD6 100%,#121F4B 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.silver-sec .playstreak-input h4 {
    background: -webkit-linear-gradient(181deg,#A8ACAF 6%,#F7F7F7 18%,#A8ACAF 28%,#C8CCCE 53%,#A8ACAF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.gold-sec .playstreak-input h4 {
    background: -webkit-linear-gradient(180deg,#FCFBCC 0%,#FFD86C 42%,#F58327 73%,#FDEBA0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.surprises-sec .form-check {
    padding-left: 0;
    margin-bottom: 0
}

.bonus-list-sec ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 8px;
    margin-left: -5px;
    margin-right: -5px;
    flex-wrap: inherit
}

.bonus-list-sec ul li {
    padding-left: 5px;
    padding-right: 5px
}

.match-head.team-list-wet h5 {
    margin: 0;
    font-size: 14px;
    line-height: 21px;
    color: #000
}

.ms-container {
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 15px
}

.cricket-wrapper .thm-heading h3 {
    text-align: center;
    width: 100%
}

.example-but .thm-but {
    width: 100%;
    text-align: center;
    margin: 20px auto 0;
    display: block
}

.bonus-list-sec {
    overflow-x: auto
}

img {
    width: auto;
    max-width: 100%
}

.nav-pills .nav-link.active .match-head h5 {
    color: var(--primary-color)!important
}

.market-analysis {
    width: 87%
}

h1,h2,h3,h4,h5,h6,strong,input,button,a,p,ol,ul,li,section,div,select {
    padding: 0;
    margin: 0
}

.wallet-sec {
    display: flex;
    margin-bottom: 15px;
    align-items: center
}

.wallet-icon {
    background: #353534;
    border-radius: 8px;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center
}

.wallet-con span {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #000;
    text-transform: capitalize
}

.wallet-con {
    margin-left: 15px;
    margin-top: -5px
}

.wallet-icon img {
    max-width: 25px
}

.wallet-con h5 {
    font-weight: 600;
    font-size: 24px;
    color: #000
}

.wallet-wrapper {
    background: #dedddd;
    padding: 15px 0 0;
    margin-bottom: 40px;
    height: 120px
}

.wallet-btn-wrap {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    gap: 10px
}

.wallet-btn-item {
    flex: 1 1 auto;
    width: 50%;
    list-style: none
}

.wallet-btn-link {
    width: 100%;
    background: var(--primary-gradient-color);
    padding: 10px;
    color: #000;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px
}

.wallet-btn-link img {
    width: 24px
}

.wallet-list-wrapper {
    margin-top: 30px
}

.wallet-list-sec {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 15px
}

.wallet-list-con {
    background: #fff;
    border: 1px solid #DADADA;
    border-radius: 4px;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 8px
}

.wallet-list-icon {
    flex: 0 0 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0395d51a;
    border-radius: 4px;
    padding: 6px;
    width: fit-content
}

.wallet-list-icon img {
    filter: invert(67%) sepia(76%) saturate(1362%) hue-rotate(156deg) brightness(75%) contrast(178%)
}

.withdraw-wrappwer {
    margin-top: 30px;
    display: inline-block;
    width: 100%
}

.withdraw-sec {
    background: #fff;
    border: 1px solid #DADADA;
    border-radius: 4px;
    padding: 10px
}

.thm-gradient-but ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0;
    overflow-x: auto
}

.withdraw-sec .thm-gradient-but ul li {
    padding: 0 15px;
    list-style: none;
    width: 100%
}

.thm-gradient-but ul li .btn-thm {
    list-style: none;
    background: #8dd2f01f;
    border: 1px solid #8DD2F0;
    border-radius: 4px;
    width: fit-content;
    display: flex;
    width: 60px;
    height: 34px;
    justify-content: center;
    align-items: center;
    text-align: center
}

.thm-gradient-but ul li .btn-thm {
    font-weight: 600;
    font-size: 14px;
    color: #15739b;
    line-height: 17px
}

.withdraw-sec .thm-gradient-but ul li .btn-thm {
    background: #fff;
    border: 1px solid #DADADA;
    border-radius: 4px;
    color: #000;
    width: 100%
}

.withdraw-sec .thm-gradient-but ul li .btn-thm:active,.withdraw-sec .thm-gradient-but ul li .btn-thm:focus,.withdraw-sec .thm-gradient-but ul li .btn-thm:checked {
    border: 1px solid var(--secondary-color);
    color: var(--secondary-color)
}

.withdraw-btn .thm-but {
    display: flex;
    align-items: center;
    justify-content: center
}

.deposit-btn .thm-but {
    border: 1px solid var(--primary-color)
}

.continue-btn .thm-but {
    width: 100%;
    text-align: center;
    display: inline-block
}

.edit-list ul {
    display: flex;
    align-items: center;
    margin-left: -5px;
    margin-right: -5px
}

.edit-list ul li {
    list-style: none;
    margin: 5px
}

.edit-list ul li input::placeholder {
    color: #000;
    font-size: 16px
}

.edit-list ul li input {
    background: #fff!important;
    border: 1px solid #DADADA;
    border-radius: 4px;
    font-size: 16px;
    color: #000;
    height: 36px!important;
    text-align: center
}

.edit-btn .thm-but {
    width: 50%
}

.edit-btn .thm-bor-but:hover {
    color: var(--primary-color);
    background-color: transparent
}

.recent-wrapper {
    display: inline-block;
    width: 100%
}

.recent-bank-sec {
    border-left: 1px solid #DADADA;
    padding: 10px;
    margin-left: 10px
}

.recent-bank {
    display: flex;
    align-items: center
}

.bank-icon img {
    margin-right: 10px
}

.bank-con h6 {
    font-weight: 500;
    font-size: 18px;
    line-height: normal;
    color: #302828fc;
    text-transform: capitalize
}

.bank-con span {
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    color: #302828fc;
    text-transform: capitalize
}

.recent-sec .form-check {
    display: flex;
    align-items: center
}

.recent-sec .form-check-input {
    width: 18px;
    height: 18px;
    background-color: transparent;
    border: 2px solid var(--primary-color)
}

.recent-sec .form-check-input:checked[type=radio] {
    filter: invert(49%) sepia(116%) saturate(1308%) hue-rotate(49deg) brightness(80%) contrast(182%);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.all-game-bg {
    background-color: var(--secondary-color)
}

.menu-dots .dropstart .dropdown-toggle:before {
    display: none!important
}

.remove-sec {
    display: inline-flex
}

.remove-con span {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #302828fc
}

.recent-sec.show {
    border: 2px solid var(--primary-color)
}

.new-account-wrapper {
    margin-top: 15px
}

.new-account-con {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.new-account-sec ul li {
    list-style: none;
    background: #fff;
    border: 1px solid #DADADA;
    border-radius: 4px;
    padding: 15px;
    margin-top: 10px
}

.add-account-sec .form-select {
    background-position: right .75rem center
}

.successfully-wrapper .recent-bank-sec {
    background: #2ecc71;
    border-radius: 4px;
    padding: 12px 7px;
    margin-left: 0
}

.successfully-wrapper .recent-bank-sec .bank-con h6,.successfully-wrapper .recent-bank-sec .bank-con span {
    color: #fff
}

.successfully-wrapper {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 2%
}

.successfully-wrapper.show {
    display: inline-block
}

.add-account-sec {
    margin-top: 20px
}

.add-account-sec select,.add-account-sec input {
    color: #707070;
    font-weight: 400
}

.file-upload-sec input {
    border: none!important;
    position: relative
}

.file-upload {
    position: relative
}

.file-upload-sec input[type=file] {
    opacity: 0;
    z-index: 999
}

.file-upload-sec.show input[type=file] {
    opacity: inherit;
    position: relative
}

.file-upload-sec.show input:before {
    content: "";
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 120px;
    height: 40px;
    display: block;
    position: absolute;
    background-color: #fff
}

.file-upload {
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border-right: 1px solid #DADADA;
    height: 100%;
    border-radius: 4px 0 0 4px;
    background-color: transparent;
    padding: 0 10px
}

.file-upload.show {
    z-index: 9999
}

.file-upload h6 {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #302828fc!important;
    margin: 0 0 0 5px
}

.file-upload-sec {
    position: relative;
    border: 1px dotted #DADADA!important;
    border-radius: 4px;
    height: 40px
}

#fileList ul li {
    list-style: none;
    margin: 6px;
    align-items: center;
    border: 1px solid #DADADA;
    border-radius: 4px;
    padding: 6px 8px
}

.list-cross {
    background-color: transparent;
    border: 1px solid #707070;
    border-radius: 100%;
    width: 16px;
    height: 16px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
    margin-left: 6px;
    filter: invert(52%) sepia(98%) saturate(1420%) hue-rotate(166deg) brightness(90%) contrast(182%);
    cursor: pointer
}

.info-list {
    display: none;
    position: absolute;
    background: #333;
    border-radius: 10px;
    width: 410px;
    padding: 10px;
    z-index: 11;
    left: 50%;
    top: 50%;
    transform: translate(-50%,30%)
}

.from-bank {
    display: inline-block
}

.from-bank .bank-con {
    margin-top: 6px
}

.form-bank-sec {
    width: 150px;
    height: 90px;
    position: relative;
    padding: 4px 6px;
    margin: 5px
}

.form-bank-sec .form-check {
    align-items: start
}

.form-bank-sec .form-check-input {
    position: absolute;
    top: 3%;
    right: 4%
}

.form-bank-wrapper {
    display: flex;
    align-items: center;
    overflow-y: auto
}

.form-bank-con {
    overflow: hidden;
    overflow-x: auto;
    margin-top: 10px
}

.form-collapes-sec {
    margin-top: 10px
}

.guide-list ul li {
    list-style: auto;
    font-size: 14px;
    margin: 10px 0;
    color: #fff;
    text-align: left;
    font-weight: 400
}

.bank-transfer-sec {
    margin-top: 10px;
    background: #fff;
    border: 1px solid #DADADA;
    border-radius: 4px
}

.bank-transfer-sec .thm-heading {
    display: inline-block;
    padding: 10px 12px;
    border-bottom: 1px solid #DADADA
}

.bank-transfer-sec .thm-heading h2 {
    color: #000;
    font-size: 22px
}

.bank-transfer-sec .thm-heading p {
    font-size: 16px;
    margin-top: 6px
}

.qr-code {
    display: flex;
    align-items: start;
    position: relative;
    padding: 10px
}

.code-list ul li {
    list-style: none
}

.code-list .list-dost {
    margin-left: 5px
}

.code-list .team-list-sec ul li {
    width: auto!important;
    padding: 0;
    margin: 0;
    line-height: normal
}

.code-list .team-list-sec {
    display: flex;
    justify-content: space-between;
    padding: 5px 20px
}

.code-list {
    padding-bottom: 15px
}

.copy-icon {
    border: none;
    background-color: transparent
}

.bank-withdaw-sec {
    margin-top: 10px
}

.bank-upi-sec .file-upload-sec .file-upload {
    border: 0px;
    width: 100%;
    justify-content: center
}

.bank-btn {
    margin-top: 30px
}

.bank-btn .thm-but {
    width: 100%;
    display: inline-block;
    text-align: center
}

.bank-upi-sec .info-list {
    width: 240px
}

.deposit-video-sec {
    width: 100%
}

.deposit-video-sec video {
    width: 97%;
    border-radius: 10px;
    margin: 10px
}

.modal-info {
    text-align: center;
    background: #0200241a;
    border-radius: 100%;
    padding: 10px;
    width: fit-content;
    margin: 0 auto
}

.onload-modal .sub-header-tab {
    background: #e3e3e3
}

.onload-modal .sub-header-tab .nav-pills li .nav-link {
    color: #302828fc
}

.onload-modal .modal-body {
    padding: 0!important
}

.form-bank-wrapper .nav-link {
    padding: 0;
    margin: 0;
    border: 0!important;
    background-color: transparent!important
}

.total-sec {
    justify-content: center
}

.total-sec .bank-con {
    text-align: center
}

.information-icon img {
    filter: var(--information-icon-filter)
}

.information-modal-sec .menu-details-list ul li {
    border-bottom: 1px solid #DADADA
}

.information-modal-wrapper .modal-body {
    padding: 0!important
}

.information-modal-sec .open-faq {
    margin-top: 0;
    width: 100%
}

.information-modal-sec .accordion-button {
    padding: 10px 20px
}

.conditions-btn {
    color: #302828fc;
    background-color: transparent;
    width: 100%;
    text-align: center
}

.conditions-sec {
    text-align: center;
    padding: 15px
}

.conditions-btn:hover {
    color: #000
}

.transactions-sec {
    margin-top: 15px
}

.loss-thm {
    background: #ff41481a
}

.processing-thm {
    background: #ffbf001f
}

.processing-color {
    color: #ffbf00!important
}

.deposit-request {
    background: #ff4148;
    border-radius: 0 0 8px 8px;
    padding: 20px 20px 50px
}

.deposit-request-sec .thm-heading {
    filter: brightness(0) invert(1);
    justify-content: center
}

.deposit-request-sec .thm-heading img {
    margin-right: 5px
}

.deposit-request-wrapper {
    background-color: #fff;
    border-radius: 6px;
    margin-top: -30px
}

.deposit-request-wrapper .menu-details-list ul li {
    border-bottom: 0
}

.view-heading {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: var(--primary-color)
}

.view-details {
    padding: 10px 15px
}

.view-details-con {
    background: #fff;
    border: 1px solid #DADADA;
    border-radius: 4px;
    padding: 10px 15px;
    margin-top: 15px
}

.view-details-con {
    display: none;
    width: 100%
}

.view-details-con.show {
    display: inline-block
}

.hide-con {
    display: none
}

.view-details a.show .hide-con {
    display: inline-block
}

.view-details a.show .view-con {
    display: none
}

.whatsapp-btn .thm-but {
    width: 100%;
    display: block;
    text-align: center;
    background-color: #55cd6c
}

.whatsapp-btn {
    padding: 10px 0
}

.Back-home {
    filter: brightness(0) invert(1)
}

.Back-home img {
    transform: rotate(180deg)
}

.approved-thm {
    background-color: #27ae60
}

.collapes-con-sec a {
    padding: 10px 10px 0 0;
    border: none;
    background: #0200241a;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.collapes-con-sec a.collapsed {
    border-radius: 5px
}

.collapes-con-sec a:hover,.collapes-con-sec a:active,.collapes-con-sec .btn:first-child:active {
    background: #0200241a
}

.guide-list ul {
    padding: 10px 25px
}

.score-details .card-body {
    border-radius: 0 0 10px 10px;
    padding: 0!important;
    overflow: hidden;
    background-color: #243a48;
    text-align: center
}

.collapes-con-sec a h3 {
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    color: var(--primary-color);
    padding-bottom: 10px
}

.collapes-arrow {
    margin-left: 5px;
    position: relative;
    top: -3px
}

.collapes-con-sec a.collapsed .collapes-arrow img {
    transform: rotate(180deg)
}

.collapes-arrow img {
    transition: transform .2s ease-in-out
}

figure {
    margin: 0
}

.collapes-con-sec a h3 span {
    display: none
}

.collapes-con-sec a.collapsed h3 span {
    display: block
}

.collapes-con-sec a.collapsed h3 figure {
    display: none
}

.collapes-con-sec a h3 figure {
    display: block
}

.thm-but:hover {
    background-color: #0c1c27;
    color: #fff
}

.sub-header-tab-con {
    margin-top: 15px
}

.sub-header-tab .nav-pills li .nav-link {
    font-weight: 600;
    font-size: 17px;
    text-transform: capitalize;
    color: #fff;
    background-color: transparent!important;
    border-radius: 0!important;
    width: max-content
}

.modal-dialog .btn-close {
    filter: inherit
}

.deposit-video-sec .thm-heading {
    padding-bottom: 0
}

.deposit-video-sec .thm-heading h3 {
    padding-bottom: 0;
    margin-bottom: 0
}

.bank-btn {
    margin-top: 15px;
    margin-bottom: 30px
}

.search-sec {
    margin-top: 10px
}

.add-account-sec .number-header {
    margin-top: 20px
}

.number-header input {
    box-shadow: none!important;
    border: 1px solid #D9D9D9;
    outline: 0px
}

.form-bank-wrapper {
    width: max-content
}

.withdraw-sec.add-account-sec p {
    line-height: normal;
    padding-bottom: 14px
}

.thm-bor-but {
    background: transparent;
    border: 1px solid var(--primary-color);
    margin-right: 10px;
    color: var(--primary-color)
}

.recent-sec.show {
    border: 2px solid var(--secondary-color)
}

.add-account-sec .number-header:first-child {
    margin-top: 0
}

.recent-sec-wallet-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow-y: auto
}

.profit-color {
    color: #03a9f4
}

.approved-color {
    color: #27ae60
}

.loss-color {
    color: #f44949
}

.border-right-sec {
    line-height: 14px;
    border-right: 2px solid #CCCCCC;
    padding-right: 5px
}

.match-con span {
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    text-transform: capitalize;
    color: #746969;
    margin-left: 0;
    margin-top: 0
}

.filter-sec {
    background: #fff;
    border: 1px solid #DADADA;
    border-radius: 4px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    cursor: pointer
}

.team-list-wet,.match-head.team-list-wet h5 {
    font-weight: 600!important;
    font-size: 16px
}

.withdraw-fix {
    position: absolute;
    bottom: 5%;
    left: 0;
    right: 0
}

.create-id-btn .continue-btn .thm-but {
    width: fit-content;
    text-align: center;
    display: inline-block;
    border-radius: 30px
}

.create-id-btn .withdraw-fix-sec.continue-btn {
    float: right
}

.modal-header .close {
    color: #000
}

.bank-deposit-heading.thm-heading {
    display: inline-block;
    padding: 15px 0 10px
}

.bank-deposit-heading.thm-heading h2 {
    color: #000;
    font-size: 22px
}

.bank-deposit-heading.thm-heading p {
    font-size: 16px;
    margin-top: 6px
}

.bank-transfer-sec.active {
    border: 2px solid var(--primary-color)
}

.menu-details-list ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    border-bottom: 1px solid var(--menu-border-light-color);
    padding: 12px 20px
}

.information-modal-sec .menu-details-heading h4,.information-modal-sec .menu-details-heading span {
    color: #302828fc!important
}

.menu-details-heading h4 span {
    font-weight: 500
}

.menu-details-heading h4 {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

span.menu-rgt-text {
    line-height: 35px
}

.accordion-item a.multi-mark-bg {
    padding: 7px 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--secondary-color)!important
}

.filter-form-content .form-check .form-check-label {
    color: #000;
    font-weight: 600
}

.thm-but:hover {
    color: var(--secondary-color)
}

.depo-and-wdrl-sec ul li a:hover img {
    filter: invert(0)
}

.thm-heading p {
    color: var(--text-grey-color)
}

.rewards-wrapper .thm-heading {
    margin: 15px 0
}

.copy-input-sec {
    width: 50%;
    margin: auto
}

.copy-input-sec input {
    border-radius: 4px;
    border: 2px dashed var(--primary-color);
    background: #01af701c;
    padding: 15px 10px;
    font-size: 14px;
    font-weight: 500;
    width: 100%
}

.sub-header-tab.refer-earn-sec ul {
    justify-content: center
}

.rewards-wrapper .number-sec {
    width: 50%;
    margin: 0 auto;
    padding: 15px 0
}

.copy-input-sec.gh.share-input {
    width: auto
}

.share-input input {
    border: 1px solid #dadada;
    background-color: #fff;
    color: #666;
    font-weight: 400
}

button.thm-but.cpy-btn {
    position: absolute;
    width: auto;
    right: 4px;
    top: 4px
}

button.thm-but.shr-btn {
    position: absolute;
    width: auto;
    right: 3px;
    top: 2px;
    bottom: 2px;
    padding: 3px 10px
}

.copy-input-sec.gh.share-input input {
    padding: 10px;
    border-radius: 5px!important
}

.deposit-con {
    border-radius: 6px;
    border: 1.7px solid #dadada;
    background: var(--light-color);
    overflow: hidden;
    margin-top: 15px
}

.deposit-bg {
    background: var(--primary-gradient-color);
    margin: 0!important;
    padding: 10px;
    text-align: center
}

h3.referal-heading {
    color: #000!important
}

.example-but .thm-but {
    width: 70%;
    text-align: center;
    margin: 20px auto 0;
    display: block
}

.thm-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px
}

.statement-sec .bonus-list-sec ul li {
    border-radius: 4px;
    background: #e3e3e3;
    padding: 6px;
    list-style: none;
    width: 49%
}

.statement-sec .bonus-list-sec ul li .user-bg {
    background: #01af7026
}

.statement-sec .request-icon-con {
    padding: 14px;
    margin-right: 6px
}

.statement-sec .match-head h5 {
    color: #000;
    font-weight: 600
}

.cricket-wrapper.pb-3.referal-sec {
    background: transparent
}

.statement-sec .open-faq .match-head {
    justify-content: space-between;
    padding-right: 29px
}

.statement-sec .statement-match-faq {
    width: 100%
}

.statement-sec .team-list-sec ul li .thm-but {
    padding: 6px 14px;
    font-size: 12px;
    width: max-content;
    display: block
}

.cricket-wrapper .accordion-button:after {
    background-image: url(/assets/plus-icon-CpN23cFl.svg)!important;
    position: absolute;
    right: 10px;
    filter: var(--accordion-icon-color)
}

.cricket-wrapper .accordion-button:not(.collapsed):after {
    background-image: url(/assets/minus-icon-2ln3ehkO.svg)!important;
    transform: rotate(-180deg)
}

section.cricket-wrapper.rewards-wrapper {
    background: #fff;
    padding-top: 0
}

.open-faq .accordion-item {
    margin-bottom: 10px;
    border: 1px solid #dadada;
    border-radius: 10px;
    overflow: hidden
}

.cricket-wrapper.user-bonus {
    background: transparent
}

.madhur-con {
    padding: 40px 20px 15px;
    background: #fff;
    box-shadow: 0 4px 4px #00000040;
    border-radius: 8px;
    position: relative;
    margin-top: 65px
}

.madhur-but .thm-but {
    width: 100%;
    display: block;
    text-align: center
}

.madhur-box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
    margin-bottom: 8px
}

.time-sec {
    border-right: 1px solid #CCCCCC;
    width: fit-content;
    padding-right: 10px;
    margin: 5px 10px
}

.time-icon {
    margin-right: 8px
}

.time-sec {
    display: flex;
    align-items: center
}

.time-con h6 span {
    color: #746969
}

h3.mh-head {
    color: #000!important;
    font-size: 20px
}

.madhur-img {
    position: absolute;
    top: -5%;
    left: 50%;
    transform: translate(-24%,-50%)
}

.madhur-sec {
    width: 100%;
    margin: auto
}

.all-matka-wrapper {
    margin-top: 30px
}

.all-matka-list {
    margin-top: 20px
}

.matka-list-con {
    background: #fff;
    border-radius: 2px;
    overflow: hidden
}

.matka-list-con ul:first-of-type {
    background-color: #e3e3e3;
    border-radius: 2px 2px 0 0
}

.all-matka-list ul .matka-wid-60 {
    width: 60%
}

.all-matka-list {
    width: 70%;
    margin: auto
}

.all-matka-list ul {
    width: 100%;
    display: flex;
    align-items: center
}

.all-matka-list ul li {
    list-style: none;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    margin: 4px 0;
    padding: 5px 20px
}

.all-matka-list ul .matka-wid-20 {
    width: 20%
}

.madhur-but a {
    padding: 7px
}

.all-matka-wrapper {
    margin-top: 30px;
    padding-bottom: 75px
}

.guru-but-list ul li button {
    border: 1px solid #dadada;
    border-radius: 4px;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #000;
    padding: 4px 8px;
    margin: 10px
}

.guru-but-list ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.team-con {
    border-bottom: 1px solid #70707038
}

.guru-but-list ul li {
    list-style: none
}

.guru-but button {
    background: #01af7a1a;
    border: 1px solid #01af70;
    border-radius: 2px;
    padding: 4px 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    color: #01af70
}

.guru-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px
}

.guru-selection-wrapper {
    margin-top: 10px;
    background: #fff;
    border-radius: 2px
}

.stake-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

h3.slct-digit {
    color: #000!important
}

.stake-con .form-control,.stake-con button {
    padding: 7px
}

.sub-header-tab ul {
    justify-content: center
}

.sub-header-tab ul li {
    width: 20%;
    text-align: center
}

.sub-header-tab ul li button {
    width: 100%!important;
    text-align: center!important
}

.sub-list {
    background: #0e1c30;
    padding: 10px 0
}

.statement-match-faq h5 {
    color: #000!important;
    font-size: 16px;
    line-height: 22px;
    padding: 0 4px;
    font-weight: 600
}

.team-list-sec {
    padding: 10px
}

.team-list-sec ul {
    display: flex;
    align-items: start;
    width: 100%
}

.team-list-sec ul li {
    list-style: none;
    width: 40%;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    margin: 4px 0
}

.team-list ul {
    display: flex;
    align-items: center;
    margin: 0 10px
}

.team-list ul li {
    list-style: none;
    border-right: 1px solid #dadada;
    margin-right: 10px;
    padding-right: 10px;
    width: 130px
}

.accordion-body.team-sec {
    padding: 0
}

.horse-details-wrapper {
    background: #343435;
    padding: 10px
}

.live-but-sec {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.live-but {
    display: flex;
    align-items: center
}

.border-right-sec {
    line-height: 14px!important;
    border-right: 2px solid #CCCCCC;
    padding-right: 5px
}

.horse-sec .live-but h5 {
    font-weight: 400;
    font-size: 14px;
    margin-left: 10px
}

.withdraw-btn .thm-but {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 13px;
    font-size: 16px
}

.match-sec {
    margin: 20px 0
}

.horse-list-wrapper .thm-heading {
    padding: 0 4px;
    background-color: #e3e3e3
}

.horse-list-wrapper .match-heading {
    display: flex;
    align-items: center
}

.match-sec .back-lay-header {
    justify-content: end
}

.back-lay-header {
    width: 50%
}

.back-lay-header {
    display: flex;
    justify-content: center;
    align-items: center
}

.back-lay-header span {
    font-weight: 400;
    font-size: 16px;
    line-height: 15px;
    color: #000;
    padding: 10px 20px;
    text-transform: capitalize;
    width: 50%;
    text-align: center
}

.match-heading h3 {
    color: #000!important
}

.thm-heading .match-heading .clock-icon-sec {
    margin-right: 3px
}

.match-con .crickets-live-sec {
    width: 50%
}

.horse-img {
    margin: 10px
}

.match-head,.horse-list-sec {
    display: flex;
    align-items: center
}

.match-con .crickets-con .match-bg {
    margin: 0;
    border-radius: 0;
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #dadada;
    display: flex;
    align-items: center;
    padding: 10px 15px
}

.match-con .thm-gradient-but ul {
    justify-content: center;
    width: 100%
}

.match-con .match-bg .thm-gradient-but ul {
    overflow-x: initial;
    position: relative
}

.match-con .thm-gradient-but ul li {
    width: 100%;
    display: flex;
    justify-content: center
}

.horse-bat-list {
    display: flex;
    align-items: center;
    padding: 10px 6px;
    background: #fff
}

.team-list-sec ul li {
    list-style: none;
    width: 40%;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    margin: 4px 0
}

.team-list-wid {
    width: 60%!important
}

.back-sub-hading {
    background: #8dd2f01f;
    border: 1px solid #8DD2F0;
    border-radius: 2px;
    padding: 2px 6px;
    margin-right: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #15739b
}

.number-header h5 {
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    text-transform: uppercase;
    color: #000;
    margin: 4px 0
}

.profit-loss-sec {
    display: none;
    width: 100%
}

.minus,.plus {
    width: 44px;
    height: 36px;
    background: #15739b;
    color: #fff!important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px!important;
    z-index: 9;
    font-weight: 600!important
}

.minus,.plus {
    cursor: pointer
}

.number-header .number input {
    border-left: 0;
    border-right: 0;
    border-radius: 0
}

.thm-gradient-but ul.back-btn li a {
    width: 100%;
    background-color: #15739b;
    color: #fff;
    height: 46px
}

.thm-gradient-but ul.back-btn li {
    width: 24%;
    padding: 0
}

.check-mark label {
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    color: #000
}

.check-mark.form-ckeck-box label {
    color: #000;
    font-weight: 600
}

.cancle-but {
    width: 100%;
    background-color: transparent;
    color: #01af70;
    border: 1px solid #dadada;
    border-radius: 4px;
    font-weight: 500;
    font-size: 16px;
    line-height: normal;
    padding: 10px
}

.place-but {
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 13px;
    width: 100%;
    height: 35px;
    background: #229600;
    border: none;
    color: #fff;
    font-weight: 600
}

.cancle-but:hover,.place-but:hover {
    background-color: #03774d;
    color: #fff
}

.back-modal-footer {
    padding-bottom: 15px;
    padding-top: 0;
    border-bottom: 0;
    text-align: center
}

.back-modal-footer .modal-footer {
    flex-wrap: inherit;
    border-top: 0;
    padding-top: 0
}

.lay-modal .thm-gradient-but ul li .btn-thm {
    background-color: #e56275;
    border: none;
    color: #fff
}

.lay-modal .plus,.lay-modal .minus {
    background: #e56275
}

.back-show,.lay-show {
    display: block
}

.bet-placing-content.back-slip {
    background-color: #f1fafd;
    border: 1px solid #f1fafd
}

.bet-placing-content .thm-heading {
    justify-content: start
}

.number-header.clear-btn {
    width: 20%
}

.number-header.clear-btn .cancle-but {
    width: 100%
}

.match-con .thm-gradient-but.fix-amount-list ul li,.the-match-sec .thm-gradient-but ul li {
    margin: 0 0 6px!important;
    padding: 0 3px;
    float: left;
    width: 20%;
    display: initial
}

.min-btn,.min-btn:hover {
    background-color: #f0a636;
    border-color: #f0a636
}

.bet-placing-content .thm-gradient-but {
    display: inline-block;
    width: 100%
}

.match-con .thm-gradient-but.fix-amount-list ul,.the-match-sec .thm-gradient-but ul {
    display: inline-block;
    width: 100%;
    overflow-x: initial
}

.match-con .thm-gradient-but.fix-amount-list ul li .btn,.match-con .thm-gradient-but.fix-amount-list ul li .btn-thm {
    width: 100%!important;
    height: 40px!important
}

.thm-heading.accept-odd {
    background: transparent
}

.thm-heading.accept-odd label {
    color: #000;
    font-weight: 600
}

.bet-placing-content.lay-slip {
    background-color: #fff5f7;
    border: 1px solid #fff5f7
}

.thm-gradient-but.fix-amount-list {
    margin-top: 10px
}

.hound-faq-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #dadada
}

.greyhoung-racing-sec .accordion-button {
    background-color: #fff!important
}

.greyhoung-racing-sec .accordion-button:after {
    background-image: url(/assets/plus-icon-CpN23cFl.svg)!important;
    position: absolute;
    right: 10px;
    filter: var(--accordion-icon-color)
}

.greyhoung-racing-sec .accordion-button:not(.collapsed):after {
    background-image: url(/assets/minus-icon-2ln3ehkO.svg)!important;
    transform: rotate(-180deg)
}

.grey-manu-list-wrapper h3 {
    color: #000!important
}

.greyhoung-racing-sec .accordion-button {
    background-color: #fff!important;
    width: auto
}

.menu-grey-list .accordion-button {
    width: 100%!important;
    padding: 10px;
    border-bottom: 1px solid #dadada
}

.match-faq.statement-match-faq {
    line-height: 5px
}

.rule-info-head h3 {
    color: #000!important
}

.back-modal-footer.close-info-btn button {
    width: 95%!important
}

.rule-info-sec .modal-content {
    border-radius: 10px;
    overflow: hidden
}

.match-con .crickets-con .match-bg {
    border-bottom: 0;
    border-top: 1px solid #dadada;
    padding: 5px 15px
}

.match-con .match-bg .thm-gradient-but .btn-thm.back-active,.match-con .match-bg .thm-gradient-but .btn-thm.lay-active,.the-match-wrapper .the-match-sec.match-bg .btn-thm.back-active,.the-match-wrapper .the-match-sec.match-bg .btn-thm.lay-active {
    height: 60px!important;
    margin-bottom: -6px;
    border-bottom: 0!important;
    border-radius: 5px 5px 0 0
}

.match-con .thm-gradient-but ul li figure {
    font-size: 16px;
    line-height: normal;
    font-weight: 600;
    width: 100%;
    display: inline-block
}

.game-play-modal .modal-fullscreen .modal-header {
    background: #000;
    padding: 10px
}

.horse-con .live-heading {
    background: #8dd2f021;
    border-radius: 4px;
    padding: 6px 8px
}

.horse-slider-sec .owl-nav button.owl-prev {
    left: 0;
    position: absolute;
    top: 0;
    background: #ced4da;
    height: 100%;
    padding: 7px!important
}

.horse-slider-sec .owl-nav button.owl-next {
    right: 0;
    top: 0;
    background: #ced4da;
    height: 100%;
    padding: 7px!important;
    position: absolute
}

.live-heading h4 {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    margin: 4px 0
}

.live-heading {
    margin: 8px 0
}

.horse-slider-sec {
    background-color: #fff;
    margin-top: 1px;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada
}

.thm-heading.status-tabs-list a {
    justify-content: space-between;
    width: 25%;
    text-align: center
}

section.suspended-sec.status-type-sec {
    background: transparent;
    padding-top: 0;
    padding-bottom: 0
}

.sub-header-tab-con.bet-type-h {
    margin-top: 10px
}

.wallet-h h3 {
    color: #000!important
}

.thm-heading.status-tabs-list a {
    padding: 5px
}

.horsehound-racing-acrd .accordion-button:after {
    background-image: url(/assets/plus-icon-CpN23cFl.svg)!important;
    position: absolute;
    right: 10px;
    filter: var(--accordion-icon-color)
}

.horsehound-racing-acrd .accordion-button:not(.collapsed):after {
    background-image: url(/assets/minus-icon-2ln3ehkO.svg)!important;
    transform: rotate(-180deg)
}

.match-status-sec .running-con {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 50%
}

.suspend-con {
    background: #f5f5f5;
    border: 1px solid #dadada
}

.running-con {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-color: #b2b2b2d9;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: red;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    width: 100%;
    height: 100%;
    border-radius: 3px
}

.running-con span {
    font-size: 11px!important;
    font-weight: 700!important
}

.running-sec {
    position: relative
}

.go-to-back-sec span {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600
}

.winner-active-sec .match-con .crickets-con .match-bg.winner-active {
    background-color: #fcb42414!important;
    border-bottom: 1px solid #dadada;
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada
}

.win-text h3,.win-text span {
    color: orange!important
}

.rit-deposit-withdrawal-sec .deposit-main-body {
    width: 100%
}

.rit-deposit-withdrawal-sec .online-money-trns-rgt:before {
    content: none
}

.amount-select-box {
    padding: 10px 0
}

.stake-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px
}

.stake-heading a {
    display: flex;
    align-items: center;
    color: #000;
    font-weight: 600
}

.stake-heading a span {
    padding-right: 5px
}

.app-stack-setting-section {
    padding: 15px 0
}

.btn-close {
    background: none
}

.modal-header .btn-close {
    color: #000;
    margin-right: 0;
    margin-top: -15px
}

.modal-header {
    padding: 15px
}

.submitt-btn {
    width: 100%;
    display: inline-block;
    padding-top: 15px
}

.submitt-btn a {
    width: 100%;
    display: inline-block;
    text-align: center
}

.online-payment-mode-body .online-money-trns-rgt:before {
    content: none
}

.thm-heading.wallet-deposit-heading {
    display: flex;
    width: 100%;
    padding-bottom: 20px
}

.thm-heading.wallet-deposit-heading .bank-deposit-heading h3 {
    color: #000!important
}

.depo-lft-container .acc-tab-list .nav.nav-pills {
    flex-wrap: nowrap;
    overflow-x: auto;
    width: 100%;
    white-space: nowrap;
    overflow-y: hidden;
    margin-bottom: 15px;
    gap: 3px;
    padding: 10px 5px
}

.depo-lft-container .acc-tab-list .nav.nav-pills .nav-link {
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: center;
    justify-content: center;
    white-space: normal;
    line-height: 16px;
    font-size: 12px;
    font-weight: 400;
    border: 1px solid #333
}

.qr-img {
    background: #f5f5f5;
    border-radius: 4px;
    padding: 6px
}

.qr-img img {
    border-radius: 4px
}

.qr-screenshot {
    display: flex;
    flex-direction: column;
    padding: 0;
    height: 100%
}

.qr-screenshot .qr-img {
    margin: auto
}

.qr-screenshot b {
    font-size: 13px;
    font-weight: 600
}

.acc-tab-list ul li button.nav-link.active span {
    color: #fff
}

.acc-tab-list .online-form-int {
    margin-top: 0
}

.edit-stake-modal span.addnum {
    min-width: 24px;
    padding: 5px 0
}

.edit-stake-modal .form-control {
    padding: 7px 5px;
    font-size: 14px
}

.remove-con {
    padding-left: 5px
}

.menu-dots .btn-group.dropstart ul.dropdown-menu.show {
    min-width: 138px;
    padding: 5px
}

.horse-sec .thm-heading {
    margin-top: 0
}

.horse-sec .thm-heading h3 {
    font-size: 14px
}

.header-wapper .dropdown.open-menu-btn .dropdown-menu {
    z-index: 998!important;
    inset: inherit!important;
    right: 0!important;
    top: 40px!important;
    max-height: calc(100dvh - 156px);
    overflow-y: auto;
    padding: 0
}

.navbar-sec .nav-right.header-nav-rgt ul.dropdown-menu li.menu-rgt-icons a span.menu-rgt-text {
    position: initial;
    line-height: normal
}

.navbar-sec .nav-right.header-nav-rgt ul.dropdown-menu li.menu-rgt-icons a {
    line-height: normal;
    display: flex;
    align-items: center
}

.mobile-num span {
    padding: 0 0 5px
}

.refer-and-earn-menu span {
    background: var(--bg-hover-color);
    border-radius: 5px;
    height: 26px;
    display: inline-block;
    width: 26px;
    text-align: center;
    line-height: 25px;
    margin-right: 5px
}

.locked-bonus-sec {
    padding-top: 20px;
    padding-bottom: 10px
}

.locked-bonus-list ul li {
    display: inline-block;
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid #F2F2F2;
    margin-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px
}

.locked-bonus-list ul li:last-child {
    padding-bottom: 15px;
    border-bottom: 0;
    margin-bottom: 0
}

.bonus-lft-bx {
    width: 100px;
    background-color: #f5f5f5;
    border-radius: 8px;
    padding: 15px 5px;
    text-align: center;
    color: #000;
    font-size: 14px;
    margin-right: 15px
}

.bonus-lft-bx span {
    display: inline-block;
    width: 100%;
    font-weight: 700;
    color: #000;
    font-size: 14px
}

.bonus-rit-bx strong {
    font-weight: 500;
    color: #000;
    font-size: 14px
}

.bonus-progress-bx {
    padding: 6px 0
}

.bonus-rit-bx {
    width: 100%
}

.rolling-amount {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.rolling-amount span {
    color: #5f5959;
    font-size: 14px
}

.bonus-progress-bx .progress {
    height: 5px
}

.credits-list {
    display: flex;
    align-items: center
}

.credits-list-con h5 {
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    color: #212529
}

.credits-list-con h6 {
    font-weight: 600;
    font-size: 14px;
    line-height: normal;
    color: #000
}

.credits-chackn-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px
}

.credits-chackn-box.refer-ean-btn {
    border-top: 1px solid #b88831
}

.menu-details-heading h4 span {
    cursor: pointer;
    padding: 2px 10px
}

.welcome-bonus strong {
    font-weight: 600!important;
    font-size: 13px
}

.nav-right.header-nav-rgt ul li.bonus-information-bx {
    padding: 0;
    width: 100%
}

.bonusBx-wrap {
    margin: 0 5px;
    border: 1px solid var(--primary-color);
    border-radius: 4px;
    line-height: normal;
    background: #fff
}

.bonusBx-wrap .credits-list-con {
    border-top: 1px solid #dedddd;
    border-bottom: 1px solid #dedddd;
    min-height: 30px
}

.credits-chackn-box .form-check {
    min-height: auto
}

.credits-chackn-box .form-switch .form-check-input {
    margin-top: 0
}

.credits-chackn-box.refer-ean-btn {
    border-top: 1px solid #dedddd;
    padding-top: .5rem
}

.credits-chackn-box.locked-bonus-bx {
    padding-bottom: .5rem
}

.welcome-locked-bx {
    background-color: #b8883112
}

.menu-details-heading {
    display: flex;
    justify-content: space-between;
    padding: 5px 10px
}

.menu-details-heading .information-icon a {
    display: flex;
    align-items: center;
    justify-content: center
}

.nav-right.header-nav-rgt ul li .information-icon a {
    padding: 0 5px
}

.bonus-information-bx .bonus-sec .credits-list .credits-list-con,.bonus-information-bx .bonus-sec .credits-list .credits-list-con a {
    padding: 5px 10px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bonus-information-bx .bonus-sec .credits-list .credits-list-con:last-child {
    border-right: 0
}

.bonus-information-bx .bonus-sec .credits-list .credits-list-con a {
    padding: 0
}

.bonus-information-bx .bonus-sec .credits-list {
    display: inline-block;
    width: 100%
}

.credits-chackn-box .menu-details-heading {
    padding: 0
}

.form-switch .form-check-input {
    margin-left: 0
}

a {
    cursor: pointer
}

.accordion-header {
    position: relative
}

.favourite-cashout-btn {
    position: absolute;
    left: 50%;
    z-index: 99;
    top: -9px
}

.accordion-button {
    padding: 10px
}

.back-modal-footer.lay-footer.mt-0 {
    padding: 0 10px
}

.back-modal-footer.lay-footer.mt-0 .btn {
    margin: 0 5px
}

.cmn-ul-list {
    margin-left: -5px;
    margin-right: -5px
}

.cmn-ul-list li {
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block
}

.banner-navigation-side-img .carousel__prev,.banner-navigation-side-img .carousel__next {
    height: 30px;
    width: 50px
}

.wrong-message {
    color: #eb4555;
    font-size: 14px;
    line-height: 12px
}

.bg-wrong {
    background-color: #e15633!important
}

.bank-icon img {
    margin-right: 5px
}

.spinner-border {
    width: 1rem!important;
    height: 1rem!important
}

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

header.show,.fix-tab-sec.show {
    z-index: 9
}

.bet-placing-content .number span {
    z-index: 0
}

.game-header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.game-bak-close-block {
    display: flex;
    align-items: center
}

.game-bak-close-block a {
    margin-right: 5px;
    display: flex
}

.game-bak-close-block a img {
    height: 18px;
    min-width: 20px
}

.game-bak-close-block img {
    max-height: 35px
}

.game-bak-close-block strong {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    line-height: normal
}

.close-game-btn a {
    background-color: #fff;
    border-radius: 3px;
    height: 32px;
    width: 32px;
    padding: 0;
    margin: 0;
    line-height: 31px;
    text-align: center;
    box-shadow: 0 3px 6px #00000029;
    display: inline-block
}

.close-game-btn img {
    height: 14px
}

.iframe-content {
    text-align: center
}

.modal-dialog.modal-fullscreen {
    margin: 0 auto!important
}

.match-con .thm-gradient-but ul li figure {
    display: inline-block
}

.thm-gradient-but ul li .btn-thm span {
    color: #15739b
}

.thm-gradient-but ul li.gradient-thm .btn-thm span {
    color: #e56275
}

.match-con .thm-gradient-but ul {
    float: none
}

.statement-heading {
    padding-bottom: 15px
}

.bonus-list-wrapper {
    padding-top: 20px
}

.wallet-deposit-heading {
    padding: 15px 0
}

.bdr-btn {
    border: 1px solid #ffffff;
    background-color: transparent;
    color: var(--secondary-color);
    border-radius: 50px;
    padding: 6px 15px;
    transition: .9s;
    line-height: normal
}

.bdr-btn:hover {
    background-color: #fff;
    color: var(--primary-color)
}

.signup-login-btn {
    color: #fff;
    font-family: "Exo 2",sans-serif
}

.gp-content {
    position: relative;
    width: 310px;
    padding: 70px 0 30px;
    background-color: #fff;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    box-shadow: 0 4px 6px #00000040,inset -3px 4px 6px #00000040;
    border-radius: 30px;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto
}

.gp-closeButton {
    right: 12px;
    top: 12px;
    height: 22px;
    position: absolute;
    cursor: pointer
}

.gp-title {
    display: flex;
    justify-content: center;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #252b37;
    margin-top: 10px
}

.gp-descr {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #007b59;
    margin-top: 5px
}

.gp-welcome {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #252b37;
    margin-top: 5px
}

.gp-checkout {
    width: 90%;
    text-align: center;
    margin-top: 10px;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #252b37
}

.gp-button {
    background: #017b5a;
    box-shadow: 0 4px 4px #00000040;
    width: 80%;
    height: 44px;
    border-radius: 15px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px
}

.ok-agree-btn {
    cursor: pointer
}

.gp-img {
    left: 25%;
    top: -70px;
    height: 150px;
    position: absolute
}

.game-point-note-modal .modal-content {
    background-color: transparent!important
}

.filter-apply-btn {
    width: 100%
}

.filter-form-content .form-check-label {
    color: #000;
    font-weight: 500
}

.VIpgJd-ZVi9od-ORHb-OEVmcd {
    visibility: hidden!important
}

.vg-body {
    display: grid;
    grid-template-columns: auto auto auto;
    padding: 10px;
    background: #d3d3d3
}

.vg-container {
    padding: 20px;
    font-size: 30px;
    text-align: center
}

.vg-text {
    color: #000;
    padding-left: 10px
}

.vg-items {
    display: flex;
    align-items: center
}

.vg-flag {
    height: 40px
}

.download-apk-bx img {
    height: 20px
}

.download-apk-bx {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #dddddd
}

.download-apk-bx a {
    font-weight: 600;
    padding: 6px 10px;
    text-decoration: none;
    transition: all .15s;
    color: #000;
    display: inline-block;
    width: 100%;
    background-color: #fff
}

.download-apk-bx a:hover {
    background-color: #f1f1f1
}

.instant-id-bx ul li img {
    height: 25px;
    width: 25px
}

.instant-id-bx {
    background-color: #fff;
    padding: 10px 15px 15px
}

.instant-id-bx ul li {
    display: inline-block;
    width: 100%;
    padding-bottom: 10px
}

.instant-id-bx strong {
    font-size: 14px;
    text-transform: capitalize;
    color: #333;
    font-weight: 600;
    padding-bottom: 5px;
    display: inline-block;
    width: 100%
}

.instant-id-bx ul li a {
    color: #333;
    font-size: 13px;
    display: flex;
    align-items: center
}

.instant-id-bx ul li a span {
    padding-left: 10px;
    color: #000
}

.instant-id-bx ul li:last-child {
    padding-bottom: 0
}

.search-icon {
    cursor: pointer
}

.mobile-toggle-btn-sec {
    position: relative
}

.nav-icon .carousel__slide .item a {
    width: 95%
}

.nav-icon {
    display: none
}

.nav-new-bar-sec .nav-middle-menu ul li .router-link-exact-active img {
    filter: none
}

.mobile-toggle {
    display: none
}

.odd-button__volume {
    font-size: 9px;
    line-height: 11px;
    min-height: 11px;
    border: none!important
}

.events-details-sec .accordion-item {
    border-radius: 5px;
    box-shadow: #0000000d -2px 3px 6px,#0000001f 1px 1px 3px;
    margin: 15px 0;
    background: #fff
}

.fancy-tab-list ul {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    width: auto;
    box-shadow: inset 0 0 0 1px var(--primary-color);
    margin-bottom: 3px;
    margin-top: 3px
}

.fancy-tab-list ul li {
    border-right: 1px solid var(--primary-color)
}

.int_sub_navbar li a,.racetabs ul li a {
    background: #f1f1f1!important;
    color: #000;
    margin-right: 5px;
    text-transform: uppercase;
    cursor: default;
    font-size: 14px
}

.fancy-tab-list ul li .nav-link {
    padding: 5px 10px;
    color: #000;
    border-radius: 0;
    font-weight: 600
}

.fancy-tab-list ul li.nav-item .nav-link.active,.fancy-tab-list ul li.nav-item .nav-link:hover {
    background: var(--primary-gradient-color)!important;
    color: #000
}

.fancy-market-tabs-details-sec span {
    margin: 0!important;
    font-weight: 600
}

.back-title,.lay-title {
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600
}

.fancy-betting-box span {
    font-size: 9px;
    line-height: 11px;
    min-height: 11px;
    border: none!important;
    color: #39415f
}

.fancy-betting-box span b {
    font-size: 12px;
    line-height: 14px;
    font-weight: 700
}

.odd-button-price {
    font-size: 12px;
    line-height: 14px;
    font-weight: 900;
    width: 100%;
    display: inline-block;
    font-family: "Exo 2",sans-serif
}

.odd-button-volume {
    border: none!important;
    width: 100%;
    display: inline-block;
    font-size: 10px;
    line-height: 11px;
    min-height: 11px;
    color: #2e2e2e
}

.sky-color-box {
    line-height: 12px
}

.fancy-betting-box {
    border-radius: 5px
}

.fancy-betting-box,.sky-color-box {
    border-radius: 5px;
    margin: 3px 2px
}

.balance-head span {
    font-size: 10px;
    font-weight: 600;
    line-height: 13px;
    color: #fff
}

.exp-text span {
    font-weight: 700;
    color: #e70000
}

.exp-text {
    position: relative;
    top: 0;
    line-height: 10px;
    text-align: center
}

.balance-head {
    background-color: var(--primary-color);
    padding: 4px 11px;
    height: 40px;
    box-sizing: border-box;
    border-radius: 45px;
    position: relative;
    padding: 4px 10px!important;
    margin-left: 12px;
    font-size: 13px;
    font-weight: 600;
    line-height: normal
}

.bal-text {
    line-height: 16px;
    text-align: center
}

.negative,.positive {
    font-size: 13px
}

.negative {
    color: red
}

.positive {
    color: green
}

.cricket-wrapper.maximum-sec {
    padding: 15px
}

.cricket-wrapper.maximum-sec .thm-heading {
    margin-top: 0
}

.section-listing-page .sec-heading img {
    width: 1.9rem
}

.section-listing-page .sec-heading {
    padding: 10px 0;
    font-weight: 700
}

.mrkname img {
    max-height: 25px
}

.mrkname span {
    padding-left: 5px
}

.carousel__prev,.carousel__next {
    margin: 0
}

.rules-container button {
    color: #000;
    text-transform: capitalize;
    font-size: 15px;
    text-decoration: none;
    padding: 0
}

.details-about-game {
    border: 1px solid #dee2e6
}

.fancy-box-1.fancy-no-yes button {
    width: 55px
}

.fancy-box-1.fancy-no-yes {
    width: 100%;
    display: flex;
    justify-content: center
}

.right-side-bar-main-sec.my-bets-sec {
    background-color: #fff;
    border-radius: 5px
}

.right-side-bar-main-sec.my-bets-sec .profile-head {
    background: var(--primary-gradient-color);
    border-radius: 5px 5px 0 0;
    text-transform: capitalize;
    font-size: 1rem
}

.right-side-bar-main-sec.my-bets-sec .form-search-sec {
    background-color: #fff;
    margin-top: 0
}

.right-side-bar-main-sec.my-bets-sec .form-search-table thead tr th {
    background: #eee;
    margin: 0;
    border-right: 1px solid #ccc;
    padding: 5px;
    font-size: 13px;
    font-weight: 500;
    color: #000;
    white-space: nowrap
}

.right-side-bar-main-sec.my-bets-sec .form-search-table tbody tr td {
    margin: 0;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 400;
    background: #fff;
    color: #000;
    border: 1px solid #ccc;
    white-space: nowrap
}

.right-side-bar-main-sec.my-bets-sec .form-search-table tbody tr td.tableLink {
    text-decoration: underline
}

.eventtitle-tv {
    width: 100%;
    display: inline-block
}

.eventtitle-tv h2 {
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
    padding: 7px 13px;
    background: var(--primary-gradient-color);
    color: #000;
    position: relative;
    width: 90%;
    margin: 0 auto
}

.multi_market_sec .eventtitle-tv {
    width: 100%;
    display: inline-block;
    overflow: hidden
}

.eventtitle-tv h2:before {
    content: "";
    width: 20px;
    height: calc(100% + -0px);
    background: #b98a34;
    position: absolute;
    left: -10px;
    top: 0;
    transform: skew(339deg)
}

.eventtitle-tv h2:after {
    content: "";
    width: 20px;
    height: calc(100% + -0px);
    background: #b98a34;
    position: absolute;
    right: -10px;
    top: 0;
    transform: skew(-339deg)
}

.date-and-time {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    border-bottom: 1px solid #ddd;
    margin: 0 0 1px;
    padding: 0 5px 1px 0
}

.inPlay-time {
    background: var(--primary-gradient-color);
    height: 32px;
    line-height: normal;
    display: inline-flex;
    padding: 5px 10px;
    align-items: center;
    vertical-align: middle;
    color: #000;
    font-size: 13px;
    position: relative;
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 600;
    min-width: 50%;
    border-top-right-radius: 20px
}

.bets-btn {
    display: inline-block;
    width: 40px;
    background: var(--primary-gradient-color);
    text-align: center;
    text-transform: uppercase;
    border-radius: 4px;
    color: #000!important;
    font-weight: 600;
    margin-left: 0;
    line-height: 21px;
    border: none!important;
    padding: 2px
}

.btn.tv-btn {
    background: var(--primary-gradient-color);
    text-align: center;
    border-radius: 4px;
    padding: 6px;
    line-height: 8px;
    width: 32px;
    margin: 0;
    border: none!important
}

button.btn.tv-btn img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(324deg) brightness(96%) contrast(104%)
}

button.btn.tv-btn img {
    height: 13px;
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(324deg) brightness(96%) contrast(104%)
}

.my-bets-sec .select-search-box .form-select,.my-bets-sec .form-control {
    background-color: transparent
}

.my-bets-sec .select-search-box .form-select option {
    color: #000
}

.exl-pdf {
    text-align: center;
    display: inline-block
}

.profile-head.account_statement_sec .exl-pdf img {
    width: 32px;
    height: 32px
}

.alignment {
    text-align: center;
    margin: 10px 15px
}

.pagination-container {
    display: flex;
    column-gap: 10px
}

.paginate-buttons {
    height: 40px;
    width: 40px;
    border-radius: 20px;
    cursor: pointer;
    background-color: #909090;
    border: 1px solid #909090;
    color: #000
}

.paginate-buttons:hover {
    background-color: #d8d8d8
}

.active-page {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    color: #fff
}

.active-page:hover {
    background-color: #2988c8
}

.my-bets-sec .no-notifucation .thm-heading p,.my-bets-sec .no-notifucation .thm-heading h3 {
    color: #fff
}

.score-hide-show {
    position: absolute;
    top: 47%;
    right: 10px;
    z-index: 99;
    cursor: pointer;
    transform: translateY(-50%);
    line-height: normal
}

span.fl-left {
    color: #eb4555!important
}

.captcha-style {
    position: absolute;
    right: 0;
    top: 3px
}

.fancy-iframe {
    width: 100%;
    height: 100vh
}

.refer-ean-btn .cmn-btn {
    padding: 6px 20px;
    border-bottom: 1px solid #ededed;
    background: var(--primary-gradient-color);
    color: #fff;
    border-radius: 100px;
    white-space: nowrap;
    text-align: center;
    text-transform: inherit;
    line-height: normal;
    font-weight: 400;
    font-size: 14px
}

.nav-right.header-nav-rgt ul li.menu-rgt-icons {
    border-bottom: 1px solid #ededed
}

.blanace-exposure-bx .credits-list-con.blanace-bx h6,.blanace-exposure-bx .credits-list-con.exposure-bx h6 {
    color: #000;
    font-weight: 600;
    font-size: 16px
}

.login-cmn-btn.login-demo-btn button {
    background: var(--primary-gradient-color);
    color: #000;
    font-weight: 600;
    text-transform: capitalize
}

.rules-container .pannel-body {
    padding: 15px
}

.matched-unmatched-tabs .nav-tabs .nav-link.active {
    background: var(--primary-gradient-color);
    border-color: #fff
}

.matched-unmatched-tabs .nav-tabs .nav-link {
    color: #000
}

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

.bets-matched-modal .modal-content {
    background: #dedddd;
    border: none;
    box-shadow: none;
    border-radius: 0
}

.matched-unmatched-tabs .nav-tabs,.matched-unmatched-tabs .nav-tabs .nav-link.active {
    border-bottom: 1px solid #333
}

.matched-unmatched-tabs .tab-content {
    background-color: #fff;
    padding: 10px
}

.matched-un-radio {
    margin-bottom: 10px
}

.right-side-bar-main-sec.my-bets-sec .col-12 {
    padding-left: 5px;
    padding-right: 5px
}

.btn-class {
    position: relative;
    display: block;
    padding: 3px 5px;
    line-height: 1.25;
    color: #000;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 3px
}

.footer-fixed-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    color: #040404;
    font-size: 13px;
    z-index: 999;
    background-image: radial-gradient(circle at 50% 3px,transparent 35px,#000 35px);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.bottom-tabs {
    position: relative
}

.bottom-tabs .bottom-image {
    content: "";
    background-image: radial-gradient(circle at 50% 3px,transparent 35px,#000 35px);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    width: 100%;
    position: absolute;
    inset: 0
}

.bottom-tabs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    justify-content: center
}

.bottom-tabs ul li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px;
    -ms-flex-preferred-size: 16%;
    flex-basis: 15.5%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bottom-tabs ul li a {
    top: 0;
    color: var(--primary-text-color);
    cursor: pointer;
    position: relative
}

.bottom-tabs ul li a {
    color: #adadad
}

.bottom-tabs ul li a svg {
    display: inline-block;
    margin: auto;
    width: 23px;
    height: 23px;
    filter: contrast(0)
}

.bottom-tabs ul li .title-name {
    color: #fff;
    z-index: 9;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.3;
    margin-bottom: 2px;
    white-space: nowrap
}

.bottom-tabs ul li.big {
    position: absolute;
    height: 70px;
    width: 20%;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 13px
}

.bottom-tabs ul li.big:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    width: 60px;
    height: 60px;
    background-color: #000;
    border-radius: 100%;
    z-index: -1;
    margin: auto;
    -webkit-box-shadow: var(--bottom-tab-shadow);
    box-shadow: #333
}

.bottom-tabs ul li.big a {
    position: relative;
    color: #ababab;
    top: -20px;
    background-color: transparent;
    width: auto;
    height: auto;
    margin-top: auto
}

.bottom-tabs ul li a.blank-bg {
    background-color: transparent;
    width: auto;
    height: auto
}

.bottom-tabs ul li a img {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin: auto;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.footer-fixed-nav {
    display: none
}

.login-form .profile-tab-list ul {
    border-bottom: none;
    background-color: #000;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    margin: 0 auto
}

.login-form .profile-tab-list ul li {
    float: left;
    width: 50%
}

.profile-tab-list .nav-pills .nav-link.active {
    border-bottom: 2px solid var(--primary-color);
    background: var(--primary-gradient-color);
    color: #000!important
}

.login-form .profile-tab-list ul li .nav-link {
    width: 100%
}

.login-flow-heading {
    padding-bottom: 10px;
    margin-top: 10px
}

.login-with-social .cmn-ul-list li img {
    height: 36px
}

.login-with-social .cmn-ul-list {
    text-align: center
}

.login-with-social {
    padding-top: 10px
}

.modal-dialog.modal-lg.modal-dialog.modal-dialog-centered.information-modal-wrapper .mene-details.information-modal-sec .menu-details-heading {
    padding: 0
}

.form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.match-odd-bookmaker-sec {
    position: relative
}

.bets-odd-sec label {
    color: #000;
    font-size: 11px;
    text-transform: capitalize;
    margin-bottom: 0;
    display: block
}

.bet-placing-head {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 4px 0
}

.bet-placing-head-left,.bet-placing-head-right {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    line-height: 1.2
}

.bet-placing-head-right {
    padding-right: 8px
}

.bet-placing-head-right small {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500
}

.inplay-header-color {
    background: var(--primary-gradient-color);
    display: inline-flex;
    clip-path: polygon(0px 0px,100% 0%,85% 100%,0% 100%);
    align-items: center;
    justify-content: space-between;
    padding: 0 0 0 10px;
    margin: 5px 0;
    width: 100%;
    position: relative;
    height: 30px
}

.inplay-popular-header__logo {
    display: flex;
    align-items: center
}

.inplay-popular-header__logo-text {
    font-size: 13px;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    font-family: "Exo 2",sans-serif
}

.inplay-popular-header__logo .inplay-popular-header__logo-icon {
    font-size: 20px;
    width: 24px;
    height: 27px;
    font-style: normal;
    padding-right: 3px;
    line-height: 27px;
    color: #fff
}

.listuiscreen {
    margin-bottom: 2px;
    padding-bottom: 2px;
    border-bottom: 1px solid #dedddd
}

.game-list {
    display: flex;
    background-color: #fff
}

.game-icon {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 1.1em;
    height: 1.1em;
    flex-shrink: 0;
    cursor: pointer
}

.bet-header-right {
    justify-content: space-between;
    -webkit-box-flex: 1;
    flex-grow: 1;
    cursor: pointer;
    min-width: 0px;
    font-size: 12px;
    padding: .2em 5px .5em 10px;
    position: relative;
    background: #dedddd;
    clip-path: polygon(0px 0px,100% 0%,100% 100%,5% 100%)
}

.game-box a p {
    color: #000;
    font-size: 12px;
    font-weight: 700
}

.in__play {
    animation: in__play 1s linear infinite
}

@keyframes in__play {
    0% {
        color: green
    }

    50% {
        color: #006400
    }

    to {
        color: #98fb98
    }
}

.team-1 {
    line-height: normal
}

.team-2 {
    display: flex;
    justify-content: space-between;
    margin-left: 10px;
    align-items: center
}

.team-1,.team-1 a,.team-2,.team-2 a {
    text-decoration: none;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    cursor: pointer;
    line-height: 10px
}

.team-2 span {
    display: flex;
    align-items: center;
    font-size: 11px;
    justify-content: center
}

.team-2 div,.game-icons {
    display: flex;
    align-items: center
}

.b-lay-bx {
    display: flex
}

.fancy-game-link {
    font-weight: 900!important;
    font-style: normal!important;
    font-size: 10px!important;
    height: 20px;
    width: 20px;
    line-height: 20px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 0;
    color: #fff!important;
    background: var(--primary-color);
    border-radius: 50px;
    text-align: center
}

.bet-icon {
    background-color: transparent;
    border: 0px;
    padding: 0;
    flex-shrink: 0;
    font-size: 14px;
    margin: 0 0 0 .5em;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 20px
}

.game-wrap {
    width: 100%;
    padding: 1px;
    display: flex;
    position: relative
}

.in_play_date {
    height: 18px
}

.star-active,.game-icon.active .star-active {
    display: block
}

.game-icon.active .star-inactive {
    display: none
}

.inplay-item-list-casino__header-logo {
    display: flex;
    align-items: center;
    padding-left: 9px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px
}

.inplay-content__logo-icon {
    position: relative;
    padding-right: 8px;
    font-weight: 400;
    font-style: unset;
    width: 24px;
    height: auto
}

.inplay-item-list-casino__header {
    min-height: 32px;
    padding: 5px 0;
    margin-top: 8px;
    background: #fff!important;
    color: #000
}

.inplay-item-list-casino__header {
    padding-bottom: 5px
}

.mobile-exch-grid-item {
    padding: 5px
}

.mark-lft-head {
    background: var(--primary-gradient-color);
    height: 32px;
    line-height: normal;
    display: inline-flex;
    padding: 5px 10px 5px 5px;
    align-items: center;
    vertical-align: middle;
    color: #000;
    font-size: 13px;
    position: relative;
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 600;
    width: 100%
}

.mark-lft-head:after {
    content: "";
    width: 15px;
    height: 100%;
    background: var(--primary-color);
    position: absolute;
    right: -7px;
    top: 0;
    transform: skew(25deg)
}

.match-odd-body {
    background-color: #f1f1f1
}

.back-lay-title {
    background-color: #fff
}

.mark-lft-head .game-icon.ng-star-inserted,.fancy-tab-lft-content .game-icon.ng-star-inserted {
    margin-right: 5px
}

.user-images .user-profile-btn__icon {
    width: 18px;
    height: auto
}

.mobile-user-name {
    position: absolute;
    left: 0;
    right: 0;
    justify-content: center;
    text-align: center;
    display: flex;
    line-height: normal;
    top: -16px;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700
}

.mobile-user-name,.user-images {
    display: none
}

.desktop-user-name {
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    white-space: nowrap
}

.bdr-btn.rules-btn {
    text-transform: uppercase;
    border: 1px solid #fff;
    border-radius: 50px;
    padding: 8px 15px;
    transition: .9s;
    font-weight: 600
}

.nav-right.header-nav-rgt ul li.search-box {
    display: none
}

.ladder-com-icon {
    height: 15px;
    width: 15px;
    margin: 0 8px;
    background-size: 100%
}

.has-com-icon {
    top: 0;
    right: 10px;
    height: 15px;
    width: 15px;
    margin-right: 8px;
    background-size: 100%
}

.bet-details-header .inplay-header-color {
    width: 100%
}

.mobile-search-modal .input-form .form-control {
    height: 58px;
    background: none;
    border: none;
    color: #fff;
    font-size: 13px;
    padding: 0;
    text-align: center
}

.mobile-search-modal .search-icon i.fa-solid.fa-magnifying-glass {
    position: inherit
}

.mobile-search-modal .input-form {
    height: 58px;
    background: var(--primary-gradient-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px
}

.mobile-search-modal .btn-close {
    color: #fff;
    opacity: 1;
    height: auto
}

.mobile-search-modal {
    background: none;
    border: none;
    color: #fff
}

.mobile-search-modal .modal-content {
    border-radius: 0
}

.search-auto-suggestion-box {
    width: 100%;
    left: 0;
    top: 34px;
    max-height: 200px;
    background: #fff;
    overflow-y: auto;
    position: absolute;
    display: block;
    visibility: visible;
    z-index: 1000
}

.suggestion-item {
    width: 100%;
    clear: both;
    font-weight: 400;
    text-decoration: none;
    white-space: nowrap;
    border: 0;
    border-bottom: 1px solid #eaeaea;
    padding: 15px;
    color: #000;
    text-align: left;
    line-height: normal;
    background-color: #fff;
    font-size: 14px
}

.suggestion-item:hover {
    box-shadow: none;
    border-color: #ddd;
    background: #eee
}

.search-auto-suggestion-box {
    display: none
}

.search-auto-suggestion-box.active {
    display: block
}

.mobile-search-modal .modal-content .search-auto-suggestion-box {
    top: 61px
}

.multi-market-item .bet-icon {
    margin: 0
}

.home-animated {
    position: absolute;
    padding: 3px 6px;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    border-radius: 3px;
    background: var(--primary-color);
    left: 8px;
    bottom: 7px;
    font-size: 10px;
    text-transform: uppercase;
    animation: zoom-in-zoom-out 1s ease-out infinite
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    to {
        transform: scale(1)
    }
}

.home-animated:hover {
    color: #fff
}

.home-animated i {
    color: #8b0000
}

.home-animated span {
    border-radius: 10px
}

.home-animated span:first-child {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 4px;
    border-radius: 10px;
    background: linear-gradient(90deg,#fff400,#fff);
    animation: animate1 2s linear infinite
}

@keyframes animate1 {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(100%)
    }
}

.home-animated span:nth-child(2) {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 4px;
    background: linear-gradient(180deg,#05fb33,#fff);
    animation: animate2 2s linear infinite;
    animation-delay: 1s
}

@keyframes animate2 {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(100%)
    }
}

.home-animated span:nth-child(3) {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(270deg,#ff7d88,#fff);
    animation: animate3 2s linear infinite
}

@keyframes animate3 {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(-100%)
    }
}

.home-animated span:nth-child(4) {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 4px;
    background: linear-gradient(0deg,#05d8fb,#fff);
    animation: animate4 2s linear infinite;
    animation-delay: 1s
}

@keyframes animate4 {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(-100%)
    }
}

.popularDiv {
    position: relative;
    margin-bottom: 0
}

.popularDiv i {
    position: absolute;
    right: 10%;
    top: 0;
    font-size: 15px;
    color: #fff;
    animation: bounce 3s cubic-bezier(.445,.05,.55,.95) infinite;
    height: auto;
    padding: 0
}

@keyframes bounce {
    50% {
        transform: translate(-15px);
        color: #ff0
    }
}

@keyframes stroke {
    0% {
        fill: #fff700;
        stroke: #fff;
        stroke-dashoffset: 25%;
        stroke-dasharray: 0 50%;
        stroke-width: 4
    }

    70% {
        fill: #fff200;
        stroke: #fff
    }

    80% {
        fill: #00ff07;
        stroke: #fff;
        stroke-width: 4px
    }

    to {
        fill: #d4ff00;
        stroke: #fff;
        stroke-dashoffset: -25%;
        stroke-dasharray: 50% 0;
        stroke-width: 0
    }
}

.new_launch {
    position: absolute;
    right: 15px;
    bottom: 8px;
    color: #fff;
    font-size: 9px;
    white-space: break-spaces;
    width: auto;
    text-align: center;
    line-height: 1;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    font-weight: 900;
    animation: new_launch 3s linear infinite;
    padding: 5px
}

@keyframes new_launch {
    0% {
        background: green;
        transform: scale(1)
    }

    50% {
        background: #003ea6;
        transform: scale(1.1)
    }

    to {
        background: #a60003;
        transform: scale(1.2)
    }
}

.exchangeGames-img-body {
    background-size: 100% 100%
}

.popularDiv svg {
    position: absolute;
    width: 100%;
    height: auto;
    inset: 0;
    background: #02020282
}

.popularDiv svg text {
    text-transform: uppercase;
    animation: stroke 3s infinite alternate;
    stroke-width: 3;
    stroke: red;
    font-size: 90px
}

.popularDiv i {
    position: absolute;
    right: 10%;
    top: 0;
    font-size: 15px;
    color: #fff;
    animation: bounce 3s cubic-bezier(.445,.05,.55,.95) infinite;
    height: auto;
    padding: 0;
    font-weight: 900
}

.int-casino-main-tabs .nav-pills.casino-provider-list .nav-link {
    text-transform: uppercase!important
}

.all-star-model-img a span {
    background: #535353;
    display: block;
    clip-path: polygon(0px 0px,100% 0%,85% 100%,0% 100%);
    padding: 5px 10px;
    width: 90%;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    line-height: normal;
    margin-bottom: 0
}

.new-title {
    background: #000;
    display: inline-flex;
    clip-path: polygon(0px 0px,100% 0%,85% 100%,0% 100%);
    margin: 5px 0;
    padding: 5px 10px;
    width: 95%;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    font-size: 14px
}

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

.popular-game-tab .nav-tabs .nav-link {
    color: #000;
    border: 0;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
    transform: skew(338deg);
    padding: 2px 20px;
    background-color: #dedddd;
    margin-right: 5px;
    margin-bottom: 5px
}

.popular-game-tab .nav-tabs .nav-link.active {
    background-color: var(--primary-color);
    color: #fff
}

.popular-game-tab .nav-tabs .nav-link p {
    font-size: 12px;
    font-weight: 600;
    transform: skew(-338deg);
    letter-spacing: .5px;
    margin: 0;
    text-transform: uppercase
}

.popular-game-tab .nav-tabs .nav-item:first-child {
    margin-left: 10px
}

.exch-breadcrumb-heading-sec img {
    margin-right: 10px
}

.exch-top-matka-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px
}

.exch-breadcrumb-heading-sec h5 {
    color: #333;
    font-size: 16px;
    line-height: 120%;
    font-weight: 600
}

.exch-breadcrumb-heading-sec {
    display: flex;
    align-items: center;
    width: 100%
}

.exch-breadcrumb-heading-sec span {
    display: flex
}

.modal-dialog {
    max-width: 100%
}

.modal-content {
    max-width: 100%;
    margin: 0;
    min-height: 100%;
    width: 100%;
    z-index: 1000;
    background-color: var(--black-color)
}

.e-p-header-bc1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255,255,255,.2);
    padding: .38rem 1rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: var(--black-color)!important
}

.hdr-logo-bc-1 {
    margin-right: 6px;
    position: relative;
    width: 5.61725rem;
    height: 2.0875rem;
    z-index: 100;
    transform: translateZ(100px)
}

.e-p-sections-bc1 {
    display: flex;
    align-items: center
}

.e-p-section-item-bc2 {
    display: flex;
    padding: .5rem .75rem;
    justify-content: center;
    align-items: center;
    border-radius: .5rem;
    background: radial-gradient(2747.29% 192.32% at 94.55% 87.5%,#085bc1,#9dbbe199);
    border: none
}

.e-p-section-item-bc2>span {
    font-size: .75rem;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: .01875rem
}

.e-p-content-bc1 {
    height: max-content
}

.e-p-body-bc {
    height: max-content!important;
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    border-radius: 1rem
}

.e-p-body-bc {
    flex: auto;
    height: 100%;
    overflow: hidden;
    position: relative
}

.login-page-abc {
    height: max-content
}

.login-page {
    display: flex;
    width: 100%;
    padding: 1rem;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    border-radius: 1rem;
    background: #fff
}

.login-page .login-box {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.login-page .login-box .login-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    align-self: stretch;
    z-index: 1
}

.login-page .login-box .login-card .login-card-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .3125rem;
    width: 100%
}

.login-page .login-box .login-card .login-card-header span {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: .01875rem;
    background: var( --gradient-05, linear-gradient(98deg, #08f8ff .98%, #3ba4fd 51.52%, #8436fa 100%) );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: 5
}

.login-page .login-box .login-card .login-card-header .login-text {
    display: flex;
    align-items: center;
    gap: .375rem;
    z-index: 2
}

.login-page .login-box .login-card .login-card-header .login-text p {
    color: var(--primary-color);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: .01875rem
}

.login-page .login-box .mobile-input {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .375rem;
    align-self: stretch;
    position: relative;
    z-index: 100
}

.login-page .login-box .mobile-input span {
    color: var(--greyscale-300);
    font-size: .75rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: .01875rem
}

.login-page .login-box .mobile-input .input-box {
    height: 2.875rem;
    padding: .5rem .75rem;
    align-items: center;
    gap: .5rem;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--greyscale-800);
    background: var(--dark-black-color);
    display: flex;
    position: relative
}

.login-page .login-box .mobile-input .input-box .drp-btn {
    color: var(--span-gray-color);
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: .01875rem
}

.india-flag {
    width: 1.25rem;
    height: 1.25rem
}

.login-page .login-box .mobile-input .input-box .str-line {
    width: .03125rem;
    height: .87625rem;
    display: flex;
    align-items: center;
    gap: .5rem;
    background: #d5d9de73
}

.login-page .login-box .mobile-input .input-box input {
    color: var(--span-gray-color);
    font-size: .75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: .01875rem;
    width: 100%;
    background-color: transparent;
    border: none
}

input:focus-visible {
    outline: none
}

.login-page .login-box .mobile-input .password-input {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .375rem;
    width: 100%;
    margin-top: 1rem;
    position: relative
}

.login-page .login-box .mobile-input .password-input input,.mobile-input select {
    display: flex;
    height: 2.875rem;
    padding: .5rem 1.25rem;
    align-items: center;
    gap: 1.5rem;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--greyscale-800);
    background: var(--dark-black-color);
    color: var(--span-gray-color);
    font-size: .75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: .01875rem
}

.mobile-input select:focus,.mobile-input select {
    appearance: auto!important;
    border: 1px solid var(--greyscale-800);
    background: var(--dark-black-color);
    box-shadow: none;
    color: var(--span-gray-color);
    padding: 5px 10px
}

.mobile-input .form-control {
    appearance: none
}

.code-validation-input .validation-code-section {
    position: absolute;
    right: 15px;
    top: 38px;
    color: var(--primary-color)
}

.login-page .login-box .mobile-input .password-input .showPass {
    position: absolute;
    right: .75rem;
    top: 2.25rem
}

.login-page .login-box .mobile-input .password-input .forgot {
    display: flex;
    align-items: flex-end;
    width: 100%;
    justify-content: flex-end
}

.login-page .login-box .mobile-input .forgot-check-box span {
    color: var(--span-gray-color);
    text-align: center;
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: .01875rem
}

.login-page .login-box .login-card .login-btn {
    display: flex;
    height: 2.5rem;
    padding: .5rem;
    justify-content: center;
    align-items: center;
    gap: .375rem;
    align-self: stretch;
    border-radius: .5rem;
    background: radial-gradient(25% 90% at 50% 50%,#009d46,#2db261);
    box-shadow: 0 5px 21px #00cf5875;
    margin: 1.5rem 0rem;
    z-index: 100;
    width: 100%
}

.login-page .login-box .login-card .login-btn span {
    font-size: .875rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: .01875rem
}

.login-page .login-box .login-with {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: .75rem;
    z-index: 100;
    margin-top: 25px
}

.login-page .login-box .login-with .form-line {
    width: 100%;
    align-items: center;
    display: flex;
    height: 1px;
    background: #fff3
}

.login-page .login-box .login-with>span {
    width: 100%;
    color: var(--span-gray-color);
    text-align: center;
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: .01875rem
}

.login-page .login-box .login-box1 {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    gap: .5rem;
    align-self: stretch;
    margin-top: 1.5rem;
    z-index: 100
}

.login-page .login-box .login-box1 .google-login {
    display: flex;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    gap: .5625rem;
    flex: 1 0 0;
    border-radius: .5rem;
    border: 1px solid var(--greyscale-800);
    background: var(--dark-black-color);
    padding-top: .69rem;
    padding-bottom: .69rem
}

.login-page .login-box .login-box1 .google-login span {
    color: var(--span-gray-color);
    font-size: .875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%
}

.login-page .login-box .login-box1 .whatsup-login {
    display: flex;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    gap: .5625rem;
    flex: 1 0 0;
    border-radius: .5rem;
    border: 1px solid var(--greyscale-800);
    background: var(--dark-black-color);
    padding-top: .69rem;
    padding-bottom: .69rem
}

.login-page .login-box .login-box1 .whatsup-login span {
    color: var(--primary-color);
    font-size: .875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%
}

.form_wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden
}

.form_wrapper .tile {
    text-align: center;
    margin-bottom: 20px;
    width: 100%;
    overflow: hidden
}

.form_wrapper .tile h3 {
    font-size: 22px;
    margin: 0;
    transition: all .3s ease
}

.form_wrapper .radio {
    display: none
}

.form_wrapper .tab {
    width: 50%;
    height: 34px;
    color: var(--primary-color);
    font-size: .75rem;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: .01875rem;
    display: flex;
    padding: .5rem;
    justify-content: center;
    align-items: center;
    gap: .25rem;
    flex: 1 0 0;
    border-radius: .5rem;
    background: var(--light-color-border);
    padding: 24px 15px
}

.form_wrapper .tab.phone_tab {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.form_wrapper .tab.userid_tab {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.form_wrapper .shape {
    background: linear-gradient(92deg,#48cd83 1.84%,#0a743a 95.39%);
    width: calc(50% - 15px);
    height: 33px;
    border-radius: .5rem;
    position: absolute;
    top: 8px;
    left: 15px;
    opacity: .9;
    transition: all .4s ease
}

.form_wrapper .shape:hover {
    background: linear-gradient(92deg,#48cd83 1.84%,#0a743a 95.39%)
}

.form_wrapper #phone:checked~.shape {
    left: 15px
}

.form_wrapper #phone:checked~.phone_tab {
    border-color: transparent;
    z-index: 1;
    color: #fff
}

.form_wrapper #phone:checked~.tile .userid {
    display: none
}

.form_wrapper #phone:checked~.form_wrap {
    transform: translate(0)
}

.form_wrapper #phone:checked~.form_wrap .userid_form {
    opacity: 0
}

.form_wrapper #userid:checked~.shape {
    left: 50%
}

.form_wrapper #userid:checked~.userid_tab {
    border-color: transparent;
    z-index: 1;
    color: #fff
}

.form_wrapper #userid:checked~.tile .phone {
    display: none
}

.form_wrapper #userid:checked~.form_wrap {
    transform: translate(-100%)
}

.form_wrapper #userid:checked~.form_wrap .phone_form {
    opacity: 0
}

.form_wrapper .form_wrap {
    display: flex;
    width: 100%;
    flex: 0 0 100%;
    transition: transform .3s ease,opacity .2s ease;
    margin-top: 15px
}

.form_wrapper .form_wrap .form_fild {
    width: 100%;
    flex: 0 0 100%;
    transition: all .5s ease
}

.transparent-modal-content {
    background: transparent!important;
    border: none
}

.forgot-btn-box {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    align-self: stretch;
    width: 100%
}

.forgot-btn-box .back-btn span,.forgot-btn-box .get-otp-btn span {
    color: var(--primary-color);
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: .01875rem
}

.exch-form-sec label {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: normal;
    color: #333
}

.btn-close {
    border: 1px solid var(--greyscale-grey-400);
    background: var(--greyscale-grey-400);
    border-radius: 50%;
    line-height: 11px;
    opacity: 1;
    width: 11px;
    height: 11px
}

.tab-active-line {
    position: absolute;
    background: #cd4295;
    background: var(--primary-gradient-color);
    width: 0%;
    height: 3px;
    z-index: 1;
    bottom: 0;
    left: 0;
    border-radius: 5px;
    transition: all .3s linear
}

.exch-match-detail-tabs-section .nav-tabs li.nav-item:first-child .nav-link {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.exch-match-detail-tabs-section .nav-tabs li.nav-item {
    width: 100%
}

.exch-match-detail-tabs-section .nav-tabs li.nav-item:first-child {
    margin-left: -1px
}

.exch-match-detail-tabs-section .nav-tabs li.nav-item:last-child {
    margin-right: -1px
}

.exch-match-detail-tabs-section .nav-tabs .nav-link {
    color: #333;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    padding: 7px 10px;
    text-transform: capitalize;
    border: none;
    width: 100%;
    border-radius: 0;
    margin: 0;
    border-right: solid 1px #b88831
}

.exch-match-detail-tabs-section .nav-tabs .nav-link.active {
    background-color: var(--primary-color);
    color: #fff
}

.exch-cashout-body-center {
    text-align: center;
    width: 100%
}

.exch-modal-text-msg {
    margin-top: 15px
}

.exch-modal-text-msg p {
    color: var(--primary-color)
}

.exch-modal-popup-header-section {
    justify-content: space-between;
    align-items: center!important;
    flex-direction: row!important
}

.modal .exch-open-bets-wrapper .accordion-button:after {
    top: 10px
}

.exch-open-bets-wrapper .accordion-button h5 {
    color: var(--primary-color);
    font-size: 16px
}

.exch-rule-modal-para {
    text-align: left;
    margin-bottom: 12px;
    font-size: 12px;
    color: var(--light-gray)
}

.exch-rule-modal-para:last-child {
    margin-bottom: 0
}

.exch-rule-modal-para p {
    margin-bottom: 2px;
    font-size: 12px
}

.modal .exch-open-bets-wrapper .accordion-item {
    border-radius: 12px
}

.modal-info {
    text-align: center;
    background: var(--primary-color);
    border-radius: 100%;
    padding: 10px;
    width: fit-content;
    margin: 0 auto 15px
}

.modal .exch-match-detail-tabs-section {
    margin-bottom: 15px
}

.modal .tab-content .language-list ul li {
    list-style: none;
    font-weight: 400;
    text-align: left;
    margin-bottom: 7px;
    font-size: 14px
}

.modal .tab-content .language-list ul li:last-child {
    margin-bottom: 0
}

.promotion-con img {
    border-radius: 10px
}

.promotion-wrapper {
    margin-top: 16px
}

.live-heading span {
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    color: #746969
}

.match-list-details .live-heading h4 {
    color: #000
}

.thm-gradient-but ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0;
    width: 100%;
    overflow-x: auto
}

.thm-gradient-but ul li {
    list-style: none
}

.thm-gradient-but ul li .btn-thm {
    margin-right: 10px;
    list-style: none;
    background: #333;
    border-radius: 1.38rem;
    width: fit-content;
    display: flex;
    width: 60px;
    height: 34px;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    line-height: 17px
}

.number-header label {
    margin-bottom: 5px
}

.forgot-btn-box .back-btn {
    border-radius: .5rem;
    background: #333;
    display: flex;
    width: 100%;
    height: 2.5rem;
    padding: 1rem;
    align-items: center;
    gap: 1rem;
    justify-content: center;
    border: none
}

header {
    transition: all .2s linear
}

header.show {
    position: sticky;
    top: -1px;
    width: 100%;
    box-shadow: 2px 0 20px #0000004d;
    z-index: 99999
}

.fix-tab-sec.show {
    position: sticky;
    top: 66px;
    width: 100%;
    box-shadow: 2px 0 20px #0000004d;
    z-index: 99999
}

.header-wrapper {
    padding: 15px 0
}

.header-nav .btn-primary {
    background-color: transparent!important;
    border: none
}

.header-nav,.header-but {
    display: flex;
    align-items: center
}

.header-sec {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.balance-btn {
    background-color: transparent;
    color: var(--primary-color);
    border: 1px solid #ccc;
    margin-left: 6px
}

a.thm-but.thm-bor-but.share-btn {
    padding: 5px;
    margin-right: 0
}

a.thm-but.thm-bor-but.share-btn img {
    width: 15px
}

.cricket-box {
    background: #fff;
    padding: 10px 15px;
    margin-top: 15px;
    width: 30%
}

.cricket-box ul {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between
}

.cricket-box ul li {
    list-style: none
}

.cricket-box ul li P {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px
}

.cricket-heading {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start
}

.cricket-heading .thm-heading h3 {
    margin-right: 10px
}

.soccer-wrapper {
    margin: 20px 0
}

.recommended-wrapper {
    margin-top: 20px
}

.sub-header-tab {
    background-color: #0d0d0d;
    padding-top: 10px
}

.sub-header-tab .nav-pills li .nav-link {
    font-weight: 500;
    font-size: 16px;
    text-transform: capitalize;
    color: #fff;
    background-color: transparent!important;
    border-radius: 0!important;
    width: max-content
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: var(--primary-color)!important;
    border-bottom: 3px solid var(--primary-color)
}

.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active {
    background: #01af701a;
    box-shadow: none!important
}

.sub-header-tab-con {
    margin-top: 30px
}

.match-con .thm-gradient-but {
    width: 50%;
    margin: 0 auto
}

.match-con .thm-gradient-but ul {
    justify-content: end;
    padding-bottom: 0!important;
    width: fit-content;
    float: right
}

.match-con .thm-gradient-but ul li figure {
    font-size: 16px;
    line-height: normal;
    font-weight: 600;
    width: 100%;
    display: contents
}

.match-con .thm-gradient-but ul li .btn-thm {
    padding: 5px 30px;
    margin-left: 0;
    margin-top: 0
}

.the-match-sec {
    margin-top: 20px;
    background-color: #fff;
    border-radius: 4px;
    padding: 6px 10px
}

.the-match-sec .thm-gradient-but ul li,.the-match-sec .thm-gradient-but ul li .btn-thm {
    width: 100%!important
}

.dropdown-toggle {
    position: relative
}

.dropdown-toggle:after {
    position: absolute;
    right: 0;
    top: 50%
}

.dropdown-toggle:focus,.dropdown-toggle:hover {
    color: var(--primary-color)
}

.number {
    display: flex;
    align-items: center
}

.number input {
    height: 38px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    border: 1px solid #ddd;
    display: inline-block;
    vertical-align: middle
}

.back-modal .thm-heading p {
    font-weight: 500;
    font-size: 16px;
    margin: 4px 0;
    line-height: normal;
    color: #5a4c4c
}

.number-header h5 {
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    text-transform: uppercase;
    color: #272323;
    margin: 4px 0
}

.number-sec {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.number-header input {
    box-shadow: none!important
}

.number-header input {
    box-shadow: none!important;
    border: 1px solid #d9d9d9;
    outline: 0
}

.back-modal .thm-gradient-but {
    margin-top: 15px
}

.back-modal .thm-gradient-but ul {
    margin-right: -2px;
    margin-left: -2px
}

.back-modal .thm-gradient-but ul li {
    width: 100%;
    margin: 2px
}

.back-modal .thm-gradient-but ul li .btn-thm {
    width: 100%;
    background-color: #15739b;
    color: #fff;
    height: 46px
}

.sub-header-tab ul {
    width: 100%;
    overflow-x: auto;
    display: flex;
    flex-wrap: inherit
}

.inner-pages-body {
    padding-bottom: 0!important
}

.phone-country {
    margin-right: 10px
}

.thm-heading p span,.thm-heading p span a {
    color: var(--primary-color)
}

.match-bg .btn-thm {
    width: 96px!important;
    height: 50px!important;
    line-height: normal
}

.the-match-sec .thm-gradient-but ul li figure {
    font-size: 16px;
    line-height: normal;
    font-weight: 600;
    width: 100%;
    display: contents
}

input:focus {
    box-shadow: none!important;
    border-color: var(--primary-color)!important
}

.btn-close:focus {
    box-shadow: none!important
}

div.mm-dropdown ul {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 0;
    position: absolute;
    background-color: #fff;
    width: 150px;
    right: 0;
    top: 0
}

div.mm-dropdown ul li {
    display: flex;
    align-items: center;
    margin: 10px 0
}

div.mm-dropdown ul li span {
    display: inline!important
}

div.mm-dropdown div.textfirst img.down {
    float: right;
    margin-top: 0
}

div.mm-dropdown ul li:last-child {
    border-bottom: 0
}

div.mm-dropdown ul li {
    display: none;
    padding-left: 25px
}

div.mm-dropdown ul li.main {
    display: block
}

div.mm-dropdown ul li img {
    width: 20px;
    height: 20px
}

.textfirst:after {
    content: "";
    background-image: url(/assets/arow-down-B609HfqS.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    align-items: self-end
}

.textfirst {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear
}

.textfirst span,.form-label.phone-country.active .num-con {
    display: none
}

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

.accordion-button:after {
    background-image: url(/assets/plus-icon-CpN23cFl.svg)!important;
    position: absolute;
    right: 10px
}

.accordion-button:not(.collapsed):after {
    background-image: url(/assets/minus-icon-2ln3ehkO.svg)!important;
    transform: rotate(-180deg);
    filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(0%) hue-rotate(232deg) brightness(90%) contrast(106%)
}

.open-faq button {
    background-color: #fff!important
}

.open-faq button {
    color: #000!important;
    font-size: 16px;
    padding: 12px 10px;
    flex-wrap: wrap
}

.open-faq .accordion-button:focus {
    border-color: #f5f5f5;
    box-shadow: none
}

.open-faq .accordion {
    background-color: transparent;
    border-radius: 0
}

.open-faq .accordion-item {
    margin-bottom: 10px;
    border: none;
    border-radius: 0;
    overflow: hidden
}

.open-faq {
    margin-top: 15px
}

.game-btn-fix .thm-gradient-but ul li span {
    margin-right: 5px!important
}

.list-con {
    margin-left: 10px
}

.modal-footer-sticky .modal-dialog {
    position: fixed;
    inset: auto 0 0;
    width: 100%
}

.modal-footer-sticky .modal-dialog {
    margin-bottom: 0
}

.modal-footer-sticky .modal-content {
    border-radius: 4px 4px 0 0!important;
    border: none
}

.match-head p {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: var(--primary-color);
    padding: 0 2px;
    margin-left: 2px
}

.match-head {
    display: flex;
    align-items: center
}

.exch-open-bets-wrapper .accordion-body.team-sec,.team-sec {
    padding: 0
}

.team-list ul {
    display: flex;
    align-items: center
}

.team-list ul li {
    list-style: none;
    border-right: 2px solid #ccc;
    margin-right: 10px;
    padding-right: 10px;
    width: 130px
}

.team-list ul li span {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #201d1d
}

.team-list {
    padding: 5px 10px
}

.open-faq button.collapsed,.open-faq button {
    background-color: #fff!important;
    border-radius: 0;
    border-bottom: 1px solid #f5f5f5;
    box-shadow: none
}

.team-list-wet {
    font-weight: 600!important
}

.worli-Bets-Modal .modal-content {
    background: #fff
}

.view-but-sec .thm-bor-but:hover {
    color: var(--primary-color)
}

.stakefix-sec .the-match-sec .thm-heading {
    margin: 6px 0
}

.stakefix-sec {
    position: fixed;
    bottom: 20%;
    left: 50%;
    transform: translate(-50%,50%);
    width: 100%;
    z-index: 9
}

.stakefix-sec .the-match-sec {
    padding: 10px!important;
    box-shadow: 0 -4px 19px #00000017;
    border-radius: 0
}

.stakefix-sec .thm-submit-but {
    margin: 0 auto;
    display: flex
}

.stakefix-sec .thm-but {
    width: 200px!important;
    margin: 0 auto;
    font-size: 16px
}

.stakefix-sec .the-match-sec .thm-gradient-but input,.stakefix-sec .the-match-sec .thm-submit-but button {
    height: 42px
}

.list-con h4 {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    text-transform: capitalize;
    color: #201d1d;
    display: flex
}

.my-market-tab ul {
    justify-content: space-between
}

.modal-open {
    padding-bottom: 0!important
}

.withdraw-sec {
    background: #fff;
    border: 1px solid #dadada;
    border-radius: 4px;
    padding: 10px
}

.withdraw-sec .thm-gradient-but ul {
    margin-left: -15px;
    margin-right: -15px
}

#singlestakeeditModal .withdraw-sec .thm-gradient-but ul {
    width: auto
}

.withdraw-sec .thm-gradient-but ul li {
    margin: 0 15px
}

.withdraw-sec .thm-gradient-but ul li .btn-thm {
    background: #fff;
    border: 1px solid #dadada;
    border-radius: 4px;
    color: #000
}

.withdraw-sec .thm-gradient-but ul li .btn-thm:active,.withdraw-sec .thm-gradient-but ul li .btn-thm:checked,.withdraw-sec .thm-gradient-but ul li .btn-thm:focus {
    border: 1px solid var(--primary-color);
    color: var(--primary-color)
}

.withdraw-btn {
    margin-top: 15px
}

.withdraw-btn .thm-but img {
    margin-right: 8px
}

.edit-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px
}

.edit-btn .thm-but {
    width: 45%
}

.edit-btn .thm-bor-but:hover {
    color: var(--primary-color)
}

.info-sec {
    display: flex;
    align-items: center
}

#fileList ul {
    margin-top: 14px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: -6px;
    margin-right: -6px
}

#fileList ul li {
    list-style: none;
    margin: 6px;
    align-items: center;
    border: 1px solid #dadada;
    border-radius: 4px;
    padding: 6px 8px
}

.list-cross {
    background-color: transparent;
    border: 1px solid #707070;
    border-radius: 100%;
    width: 16px;
    height: 16px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
    margin-left: 6px;
    filter: invert(52%) sepia(98%) saturate(1401%) hue-rotate(128deg) brightness(80%) contrast(182%)
}

.info-sec-icon {
    position: relative
}

.info-sec-icon:hover .info-list {
    display: inline-block
}

.info-list {
    display: none;
    position: absolute;
    background: #333;
    border-radius: 10px;
    width: 410px;
    padding: 10px;
    z-index: 99999;
    left: 50%;
    top: 50%;
    transform: translate(-50%,30%)
}

.info-list:hover.info-list {
    display: inline-block
}

.info-list:before {
    content: "";
    width: 80px;
    height: 40px;
    clip-path: polygon(50% 0,0 100%,100% 100%);
    background-color: #333;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 7%;
    transform: translate(-50%,-50%);
    z-index: -1
}

.info-list ul li {
    list-style: none;
    color: #fff;
    text-transform: capitalize;
    margin: 5px 0
}

.transactions-sec {
    margin-top: 30px
}

.clock-sec {
    display: flex;
    align-items: center;
    width: fit-content
}

.transactions-request-icon {
    display: flex;
    align-items: center
}

.whatsapp-icon {
    margin-right: 10px
}

.thm-gradient-but {
    padding-top: 2px
}

.sub-header-tab .nav-pills li .nav-link {
    padding: 3px 0;
    width: 100%
}

ul.nav.nav-pills li {
    padding-left: 0;
    padding-right: 0
}

.text-dark a:hover {
    text-decoration: underline
}

.thm-heading a:hover span {
    color: var(--primary-color);
    text-decoration: underline
}

.thm-gradient-but ul li:last-child .btn-thm {
    margin-right: 0
}

.sub-header-tab ul.nav.nav-pills li {
    width: 100%
}

.promotion-con {
    width: 240px;
    height: 120px;
    border-radius: 10px
}

.promotion-con a,.promotion-con a img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.language-list {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.match-banner-sec .promotion-con img {
    border-radius: 4px
}

.match-header-con {
    background: var(--primary-gradient-color);
    padding: 4px 20px 4px 10px;
    clip-path: polygon(0 0,99.91% 0,95% 52.5%,99.91% 100%,0 100%)
}

.match-header-con h3 {
    color: #fff;
    font-size: 16px
}

.match-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px dashed var(--light-color-border)
}

.match-list {
    background: #fff;
    border: 1px solid #cccccc;
    border-radius: 4px
}

.match-list-con {
    margin-top: 20px
}

.match-header .notification-icon {
    padding: 5px 15px;
    cursor: pointer
}

.team-list-con figure img {
    border-radius: 100%
}

.team-list-con {
    display: flex;
    align-items: center
}

.match-team-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    background-image: url(/assets/vs-bg-pmEnzpWX.svg);
    background-repeat: no-repeat;
    background-position: center
}

.notification-active {
    display: none
}

.team-list-con figure {
    width: 40px;
    height: 40px;
    border: 1px solid #b6a4a4;
    border-radius: 100%
}

.team-list-con figure img {
    width: 100%;
    height: 100%
}

.modal-info-bg img {
    width: 55px
}

.modal-boder-btn {
    margin-top: 10px
}

.modal-boder-btn .thm-but,.modal-boder-btn .thm-but:hover {
    cursor: pointer;
    border: 1px solid #929eb5;
    color: #0e0d0d
}

.modal-boder-btn .thm-but.show {
    background-color: transparent;
    border: 1px solid var(--primary-color);
    margin-right: 10px;
    color: var(--primary-color)
}

.info-footer {
    justify-content: center;
    margin-top: 20px;
    display: flex;
    width: 100%
}

.info-footer .thm-but {
    width: 150px;
    text-align: center;
    text-transform: capitalize;
    padding: 0 10px;
    height: 40px;
    line-height: 40px
}

.video-sec {
    margin-top: 10px
}

.video-sec iframe {
    width: 100%
}

.video-modal {
    margin-top: 15px
}

.stage {
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: transparent;
    margin-top: 50px
}

.stage .stage-item {
    position: relative;
    text-align: center;
    list-style-type: none;
    width: auto;
    float: left;
    font-size: 12px;
    transition: .7s
}

.modal-body .stage .stage-item {
    width: 100%
}

.dot {
    height: 30px;
    width: 30px;
    border-radius: 4px;
    background-color: #dcdcdc;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
    margin: 0 auto;
    position: relative;
    z-index: 9
}

.stage-item.active .dot {
    background-color: var(--primary-color)
}

.stage-item.active .stage-item-text span {
    color: var(--primary-color)!important
}

.stage-item.active .dot span {
    color: #fff
}

.dot span {
    color: #000;
    font-size: 14px;
    font-weight: 400
}

.stage-item.disabled .dot span {
    color: #000
}

.stage .stage-item.disabled .dot {
    background-color: #dcdcdc;
    border-radius: 4px
}

.stage .stage-item.disabled .stage-item-text span {
    font-size: 16px;
    font-weight: 500
}

.stage .stage-item .stage-item-text {
    margin-top: 8px
}

.stage .stage-item .stage-item-text span {
    font-size: 16px;
    font-weight: 500
}

.stage {
    counter-reset: step
}

.stage .stage-item:after {
    height: 2px;
    content: "";
    position: absolute;
    background-color: #dcdcdc;
    transition: .7s;
    z-index: inherit;
    left: -50%;
    width: 100%;
    top: 25%
}

.stage .stage-item:first-child:after {
    content: none
}

.stage-content .stage-content-item.disabled {
    display: none
}

.stage-content-item textarea {
    min-height: 150px!important;
    padding: 10px
}

.stage-content-item-block {
    margin-top: 15px;
    color: var(--sv-white);
    position: relative
}

.stage-content-item-block img {
    border-radius: 4px
}

.removeThis {
    color: var(--sv-danger);
    cursor: pointer;
    position: absolute;
    right: 15px
}

.stage.stage-info .stage-item.activated:after,.stage.stage-info .stage-item.active:after {
    background-color: var(--primary-color)
}

.info-footer button:hover {
    color: var(--primary-color)
}

.info-footer .thm-but:hover {
    color: #000
}

.match-banner-sec .promotion-con {
    width: 100%!important;
    height: 100%!important
}

.rule-btn {
    margin-right: 6px!important
}

.ipl-wrapper {
    box-shadow: 0 2px 5px #00000014;
    padding-top: 8px
}

.team-select {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.match-list-details {
    padding-bottom: 15px
}

.team-select-con {
    border-radius: 6px;
    border-left: 7px solid #01af70;
    display: flex;
    align-items: center;
    background-color: #f5f5f5;
    justify-content: space-between;
    border: 1px solid #01af70
}

.team-select-con h3 {
    font-size: 16px;
    font-weight: 500;
    margin: 4px 10px;
    color: #01af70;
    text-transform: capitalize
}

.team-select-con span {
    background: #fff;
    border-radius: 0 4px 4px 0;
    width: 34px;
    height: 34px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #01af70;
    border-left: solid 1px
}

.edit-btn-modal span {
    background: #fff;
    border-radius: 4px;
    width: 34px;
    height: 34px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #01af70;
    border: solid 1px #c29a51
}

.blue-thm .team-select-con {
    border-color: #0d99ff
}

.blue-thm h3 {
    color: #0d99ff
}

.blue-thm span {
    background: #0d99ff1a;
    color: #0d99ff
}

.team-select-sec {
    display: flex;
    align-items: center
}

.reset-btn {
    color: #000;
    padding: 6px 15px;
    margin-left: 5px
}

.player-list {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.player-list-con figure {
    border-radius: 7px;
    border: none;
    width: 60px;
    height: 60px;
    overflow: hidden
}

.player-list-con {
    width: 49%
}

.player-list-con figure img {
    border-radius: 0;
    object-fit: cover
}

.player-list-con .team-list-con {
    background: #e3e3e3;
    border-radius: 6px;
    width: 100%;
    padding: 6px;
    height: 86px;
    gap: 10px;
    border: 2px solid #e3e3e3
}

.player-btn-boll {
    margin-top: 0
}

.player-btn-boll .thm-but {
    width: fit-content!important;
    padding: 2px 4px;
    font-size: 12px;
    line-height: normal;
    background: #fff
}

.player-btn-boll .thm-but img {
    margin-right: 0;
    margin-left: 4px
}

.player-btn-boll {
    display: none
}

.your-team-active .player-btn-boll {
    display: block
}

.your-team-active .team-list-con {
    background: #0d99ff0d;
    border: 2px solid #01af70;
    box-shadow: 0 2px 5px #0000000a;
    border-radius: 4px
}

.fight-team-active .team-list-con {
    background: #01af700d;
    border: 2px solid #0d99ff;
    box-shadow: 0 2px 5px #0000000a;
    border-radius: 4px
}

.fight-team-active .player-btn-boll {
    display: block
}

.next-fix {
    bottom: 0;
    transform: translate(-50%)
}

.video-wrapper .video-sec iframe {
    width: 100%;
    height: 336px
}

.player-wrapper .info-list ul li {
    font-size: 14px;
    font-weight: 400
}

.player-wrapper .info-list {
    width: 215px;
    padding: 4px 10px;
    border-radius: 6px;
    top: 100%
}

.player-wrapper .info-list:before {
    width: 60px;
    height: 30px
}

.reset-btn.show {
    background-color: #fff;
    color: #01af70
}

.form-control::placeholder {
    color: var(--span-gray-color);
    font-weight: 400
}

.edit-btn-modal {
    cursor: pointer
}

.choose-bet-wrapper {
    background: #dedddd;
    box-shadow: 0 2px 5px #0000000a;
    padding: 10px 0;
    border-radius: 4px
}

.choose-list-con h4 {
    color: #333;
    font-weight: 500;
    font-size: 13px;
    line-height: 17px
}

.choose-list-con p {
    color: #656565;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px
}

.choose-bet-list ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.choose-bet-list ul li button {
    background: #fff;
    border-radius: 4px;
    width: 100%;
    margin: 10px;
    padding: 10px 15px;
    text-align: center
}

.choose-bet-list {
    margin-top: 10px
}

.choose-bet-list .nav-pills .nav-link {
    margin: 0;
    border: 1.6px solid #929eb5
}

.choose-bet-list .nav-pills .nav-link.active .choose-list-con h4 {
    color: var(--primary-color)
}

.choose-bet-list .nav-pills .nav-link.active .choose-list-con p {
    color: #333
}

.choose-bet-list ul li {
    list-style: none;
    width: 32%
}

.choose-bet-list-img {
    margin-bottom: 2px;
    text-align: center
}

.choose-bet-list .nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: var(--primary-color)!important;
    border-bottom: none;
    background-color: transparent!important;
    border: 1.6px solid var(--primary-color);
    margin: 0
}

.choose-bet-list .nav-pills .nav-link.active {
    background-color: #fff!important
}

.bat-with-team {
    margin-top: 10px
}

.bat-with-team .thm-gradient-but ul {
    overflow: inherit;
    margin-top: 10px
}

.choose-bet-list .number-header h5 {
    margin: 8px 0
}

.view-btn-con {
    transition: .7s;
    background: #fff8d6
}

.view-btn-con:hover,.view-btn-con:focus,.view-btn-con:active {
    background: #fff8d6!important;
    color: var(--primary-color)!important
}

.modal-successfully .modal-header {
    background-color: #2db261!important
}

.succssfully-sec .bank-icon {
    background-color: #f1f1f1;
    border-radius: 4px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center
}

.succssfully-sec .bank-icon img {
    margin: 0;
    padding: 0
}

.succssfully-sec .new-account-sec ul li {
    background: #333;
    border: 2px solid #01af7080;
    box-shadow: 0 2px 5px #0000000a
}

.cancel-btn {
    border-radius: 4px;
    background: #ffebe6;
    color: #bf2600;
    white-space: nowrap
}

.teambat-sec .transactions-request {
    border: 0;
    background: var(--hard-gray-background);
    margin-top: 0!important;
    padding-bottom: 0
}

.teambat-select {
    margin-top: 10px
}

.teambat-select .team-select-sec .team-select-con {
    width: 100%
}

.teambat-select .team-select-sec {
    width: 49%
}

.teambat-sec .info-list {
    width: 260px;
    left: auto;
    transform: translate(5%,34%);
    right: 0
}

.teambat-sec .info-list:before {
    width: 30px;
    height: 20px;
    left: auto;
    right: 0!important;
    transform: translate(-1%,-50%)!important;
    top: -3%
}

.stakeed-sec .thm-gradient-but ul li .btn-thm {
    margin: 10px 0;
    width: 100%;
    background-color: transparent;
    font-weight: 400
}

.stakeed-list {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin-top: 10px
}

.stakeed-list-con {
    width: 30%
}

.stakeed-list .thm-gradient-but {
    display: flex;
    justify-content: center
}

.singlestakeed-sec .thm-gradient-but ul li {
    width: 100%
}

#view-show-con {
    display: none
}

#view-show-con.show {
    display: block
}

.view-btn-con span img {
    transform: rotate(0);
    transition: .7s
}

.view-btn-con.show span img {
    transform: rotate(180deg);
    transition: .7s
}

.teambat-sec .cricket-item-list.res-heading {
    margin-top: 10px
}

#viewModal .modal-info {
    width: 120px;
    height: 120px;
    padding: 8px
}

.thm-heading h1 {
    font-size: 34px;
    line-height: normal
}

#viewModal .modal-header .thm-heading h3 {
    font-weight: 400
}

#viewModal .new-account-sec .thm-heading h3 {
    font-size: 16px
}

#viewModal .new-account-wrapper {
    margin-top: 10px
}

#viewModal .new-account-sec ul li .bank-con {
    line-height: normal
}

#viewModal .info-list ul li {
    line-height: 20px
}

#viewModal .modal-body {
    border-radius: 6px 6px 0 0
}

.info-footer .thm-bor-but:hover,.info-footer .thm-bor-but:focus,.info-footer .thm-bor-but:active {
    color: var(--primary-color)
}

.cancel-btn:hover {
    color: #dd360c!important
}

.select-player-wrapper .player-list-con {
    cursor: pointer
}

.multiple-heading {
    margin-top: 15px;
    margin-bottom: 10px
}

.match-head h5 {
    font-size: 18px;
    text-transform: capitalize
}

#view-show-con {
    margin-top: 20px
}

.contests-btn {
    border-color: #ccc!important;
    padding: 8px!important
}

.transactions-request .view-but-sec .thm-bor-but {
    margin-right: 0;
    padding: 4px 6px
}

#stakeeditModal .stakeed-sec .thm-gradient-but ul li .btn-thm {
    margin: 10px 0!important
}

.Betamount .stakeed-sec .thm-gradient-but ul li input::placeholder {
    color: #000!important
}

.Betamount .stakeed-sec .thm-gradient-but ul li input {
    color: #000!important
}

.thm-but:hover,.thm-but:focus,.thm-but:active {
    background-color: var(--primary-color);
    color: #000
}

.modal-header {
    border-bottom: none;
    background: var(--primary-gradient-color)
}

#viewModal .info-list {
    transform: translate(-40%,20%)
}

#viewModal .info-list:before {
    transform: translate(-100%,-50%)
}

#viewModal .modal-dialog {
    border-radius: 10px;
    overflow: hidden
}

.thm-bor-but:hover,.thm-bor-but:focus,.thm-bor-but:active {
    background-color: transparent;
    border-color: var(--primary-color);
    color: var(--primary-color)
}

.cancel-btn:hover {
    background-color: #ffccbf!important
}

.modal-social-icon ul {
    margin-top: 0
}

.modal-social-icon ul li a img {
    width: 40px;
    height: 40px
}

.copy-input {
    margin-top: 10px
}

.copy-input-sec {
    position: relative
}

.copy-input-sec input {
    padding-right: 50px!important;
    height: 46px
}

.copy-input {
    margin: 20px 0
}

.copy-input-sec input::placeholder {
    font-size: 14px
}

.copy-input-sec .thm-but {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    bottom: 0
}

#shareModal .number-header h5 {
    margin: 8px 0
}

.contests-tab .sub-header-tab {
    background-color: #fff
}

.contests-tab .sub-header-tab .nav-pills li .nav-link {
    color: #000;
    padding: 8px 0
}

.match-join-btn .thm-but {
    border-radius: 0 0 4px 4px;
    color: #000;
    font-weight: 600
}

.team-faq-sec .transactions-request {
    border: 0;
    border-bottom: 1px solid #DADADA;
    margin-top: 0;
    border-radius: 0
}

.exch-open-bets-wrapper .transactions-list {
    border: solid 1px #ddd;
    border-bottom: none
}

.team-faq-sec .accordion-button:after {
    background-image: url(/assets/arow-down-B609HfqS.svg)!important;
    background-size: 16px;
    background-position: center!important
}

.modal-banner {
    border-radius: 4px 4px 0 0;
    background: #f6f0e5;
    border-bottom: 2px solid #fcb424;
    text-align: center
}

#winstatusModal .thm-heading h1 {
    color: #fcb424
}

#winstatusModal .winstatus-heading h3 {
    font-weight: 400;
    text-transform: inherit
}

#winstatusModal .winstatus-heading {
    margin-bottom: 15px
}

#lossstatusModal .thm-heading h1 {
    color: #f7524b
}

#lossstatusModal .winstatus-heading h3 {
    text-transform: inherit;
    font-weight: 400
}

#pills-tabContent .thm-gradient-but ul li .btn-thm {
    width: 95%
}

.player-con .thm-but:hover {
    background: #fff;
    color: var(--primary-color)
}

.no-notifucation {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
    background: #e6e6e6
}

.no-notifucation .thm-heading {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-top: 15px
}

.no-notifucation-icon {
    text-align: center
}

.modal-header .btn-close {
    padding: 5px;
    font-size: 18px
}

#success-reminderModal .modal-content,#success-reminderModal .modal-header {
    background: #2db261!important;
    border-color: #2db261!important;
    border-radius: 8px;
    height: auto
}

.btn-close {
    opacity: 1
}

.exch-same-pdb-wrapper {
    padding-bottom: 30px;
    background: #fff
}

.exch-open-bets-wrapper .accordion-button {
    padding: 10px 35px 10px 10px;
    display: block;
    position: relative;
    background: var(--primary-gradient-color);
    box-shadow: none
}

.exch-open-bets-wrapper .accordion-button span {
    color: #fff;
    font-size: 14px;
    text-transform: capitalize
}

.exch-open-bets-wrapper .accordion-item {
    background-color: #434343;
    border: 1px solid var(--light-color-border);
    margin-top: 10px;
    border-radius: 4px;
    overflow: hidden
}

.more-bet {
    display: flex;
    justify-content: center;
    padding: 10px;
    text-align: center
}

.exch-open-bets-wrapper .accordion-button:after {
    position: absolute;
    right: 10px;
    top: 15px;
    filter: invert(1)
}

.modal-boder-btn .thm-but {
    flex: 1
}

.modal hr {
    background: var(--light-color-border);
    width: 100%;
    opacity: 1;
    margin: 0
}

.whatsapp-deposit-btn,.whatsapp-deposit-btn:hover {
    width: 270px;
    position: relative;
    padding-left: 50px;
    overflow: hidden;
    margin: 25px auto 0;
    display: block
}

.whatsapp-deposit-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 100%;
    line-height: 35px;
    background: #fff
}

.modal-info .modal-right-icn {
    filter: inherit
}

.succssfully-sec .new-account-wrapper {
    margin-top: 40px
}

.succssfully-sec .new-account-con {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.succssfully-sec .new-account-sec ul li {
    list-style: none;
    border: 1px solid #dadada;
    border-radius: 4px;
    padding: 20px 15px;
    margin-top: 8px
}

.succssfully-sec .new-account-sec ul li .bank-con {
    margin-left: 10px
}

.succssfully-sec .recent-bank {
    display: flex;
    align-items: center
}

.exch-setting-edit-stack-wrapper .exch-setting-edit-stakes-input-section input {
    z-index: 100;
    width: 100%;
    display: flex;
    padding: .5rem .625rem;
    justify-content: center;
    align-items: center;
    border-radius: .375rem;
    border: 1px solid #333;
    font-size: .875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-align: center
}

.exch-setting-edit-stack-wrapper .exch-setting-edit-stakes-input-section {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: .69rem;
    z-index: 100;
    gap: .31rem
}

.modal-successfully .btn-close {
    border: 1px solid #fff;
    background: #fff;
    position: absolute;
    right: 16px
}

.modal-content {
    max-width: 768px;
    margin: 0 auto
}

.teambat-sec .transactions-request .match-head.text-dark.team-list-wet h5 {
    color: #333
}

.match-list-details .thm-heading.justify-content-center .profit-color {
    color: #333;
    font-size: 16px;
    font-weight: 600
}

.modal-boder-btn.thm-heading.mt-lg-3.mt-2 .thm-but.thm-bor-but.text-center {
    background: #f1f1f1;
    cursor: pointer
}

.video-modal .thm-heading h3 {
    font-size: 16px;
    word-wrap: break-word;
    white-space: normal;
    max-width: 100%
}

.modal-header .thm-heading h3 {
    font-size: 16px
}

.worli-Bets-Modal .modal-content .modal-header .thm-heading h3 {
    font-size: 16px;
    font-weight: 600
}

.team-select .team-select-sec .team-select-con span {
    background: #e8f5f0
}

.team-select .team-select-sec.blue-thm .team-select-con span {
    background: #ebf6ff
}

.modal-header .thm-heading {
    margin-top: 0
}

.notification-icon img {
    width: 16px
}

.match-header .match-header-con.thm-heading {
    margin-top: 0
}

.thm-heading h3 {
    text-transform: capitalize
}

.modal-body.teambet-section .player-list {
    display: inline
}

.modal-body.teambet-section .player-list-con {
    width: 100%
}

.container {
    padding: 0 10px
}

.modal-boder-btn.thm-heading.mt-lg-3.mt-2 .thm-but.thm-bor-but.text-center.active {
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    background: #fff
}

ol {
    padding-left: 15px;
    text-align: left
}

.bat-with-team.exch-form-sec .thm-gradient-but ul li .btn-thm {
    border: 1px solid #808080;
    color: #333;
    background: #fff;
    font-weight: 600
}

.choose-bet-wrapper .choose-bet-list .header-but.info-footer .thm-but {
    font-size: 16px;
    font-weight: 600;
    padding: 0 10px
}

.choose-bet-list-img img {
    filter: grayscale(36)
}

.active.nav-link.text-center .choose-bet-list-img img {
    filter: inherit
}

.cricket-fight-link {
    animation: blinkMe .8s infinite both;
    color: red
}

@keyframes blinkMe {
    0% {
        opacity: 0
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

.rule-model-sec .modal-content {
    background-color: #fff
}

.change-lang-modal .cmn-ul-list {
    margin-left: -5px;
    margin-right: -5px
}

.change-lang-modal .cmn-ul-list li {
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block
}

.two-btns {
    text-align: center;
    padding: 15px 0
}

.search-lang-input {
    position: relative;
    padding-bottom: 20px
}

.link-btn {
    padding: 0;
    background-color: transparent;
    border: 0
}

.search-lang-input .link-btn {
    position: absolute;
    top: 9px;
    right: 8px
}

.custom-language-list ul li {
    display: inline-block;
    width: 100%
}

.custom-language-list ul li .form-check {
    display: inline-block;
    justify-content: unset;
    padding: 10px;
    position: relative;
    width: 100%;
    background-color: #f2f2f2;
    border-radius: 5px;
    margin-bottom: 15px;
    border: 1px solid #f2f2f2;
    cursor: pointer
}

.custom-language-list ul li.active .form-check,.custom-language-list ul li .form-check:hover {
    border: 1px solid var(--primary-color)
}

.custom-language-list ul li .form-check .form-check-label {
    font-weight: 500;
    font-size: 15px;
    line-height: normal;
    color: #746969
}

.custom-language-list ul li.active .form-check:after {
    background-image: url(/assets/ck-lang-icon-D9_sNj7N.svg);
    background-size: 100%;
    content: "";
    height: 20px;
    width: 20px;
    position: absolute;
    background-repeat: no-repeat;
    right: 10px;
    filter: invert(51%) sepia(77%) saturate(380%) hue-rotate(0deg) brightness(92%) contrast(92%)
}

.custom-language-list ul li.active .form-check label {
    color: var(--primary-color)
}

.search-lang-input .form-control {
    padding-right: 35px;
    padding-top: 7px;
    padding-bottom: 10px
}

.change-lang-modal .thm-bor-but {
    border-color: var(--primary-color);
    color: var(--primary-color)
}

.change-lang-modal .modal-header {
    background-color: #f5f5f5
}

.change-lang-modal .two-btns .btn {
    font-size: 14px;
    min-width: 120px;
    margin: 0
}

.custom-language-list {
    max-height: 230px;
    overflow-y: auto
}

.change-lang-modal .modal-content {
    border: 0!important
}

.gp-content .modal-header {
    border-radius: 30px 30px 0 0;
    width: 100%
}

.langauage-content {
    padding: 0;
    width: 100%
}

.login-body-lft .login-header .modal-title img {
    max-height: 50px
}

.accept-any-odds-btn .form-switch .form-check-input {
    margin-left: 0;
    margin-right: 5px;
    cursor: pointer;
    margin-top: 2px
}

.accept-any-odds-btn .form-check .form-check-label {
    color: #000;
    line-height: 1.2;
    position: relative
}

.accept-any-odds-btn .form-check.form-switch {
    padding: 0;
    line-height: normal;
    min-height: inherit;
    margin: 0;
    height: auto;
    line-height: 1
}

.score-details {
    padding-bottom: 3px
}

.fancy-tab-list.fancy-pre-f-tabs {
    margin-top: 10px;
    margin-bottom: 10px
}

.fancy-tab-list.fancy-pre-f-tabs ul li {
    width: -webkit-fill-available;
    float: left
}

.fancy-tab-list.fancy-pre-f-tabs ul li.nav-item .nav-link {
    width: 100%;
    font-size: 15px
}

.first-loader {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 999999999
}

.global-loader {
    background-color: none!important
}

.loader {
    display: flex;
    justify-content: center;
    align-items: center
}

.loader span {
    color: var(--primary-color);
    font-size: 46px
}

.login-model-pop-up-sec .modal-content {
    border: 0;
    border-radius: 0
}

.deposit-list-con .thm-heading h2 {
    text-align: center
}

.pagination-container {
    display: inline-block
}

.pagination-container li {
    display: inline-block;
    margin-bottom: 5px;
    vertical-align: text-top
}

button.ending-breakpoint-button.btn-class,button.starting-breakpoint-button.btn-class,button.btn-class.number-buttons.btn-active {
    background: var(--primary-color);
    box-shadow: 0 0 2px 0 var(--primary-color);
    color: #fff
}

.bg_img {
    position: relative;
    background-size: cover!important;
    background-position: 50%;
    background-repeat: no-repeat!important
}

.banner-section {
    padding: 150px 0 50px
}

.bg_img:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #2e0327;
    opacity: .9
}

.banner-section .container {
    position: relative;
    z-index: 1
}

.banner-content {
    max-width: 100%;
    text-align: center;
    position: relative
}

.banner-content__title {
    font-size: 46px;
    font-weight: 700;
    margin: 0;
    line-height: 1.4;
    color: #fff
}

.banner-content__title span {
    text-shadow: 3px -4px 8px #ffc8274d;
    display: inline-block;
    line-height: 1.7
}

.text--base {
    color: #ffc827!important
}

.banner-content .shape1 {
    position: absolute;
    top: -100px;
    left: -150px;
    max-width: 250px;
    opacity: .25;
    z-index: -1
}

.banner-thumb {
    max-width: 100%;
    margin-top: 50px;
    max-height: 600px
}

.banner-thumb img {
    width: 100%
}

.game-lobby-iframe iframe {
    width: 100%;
    height: 234px!important
}

.game-lobby-modal .modal-dialog {
    position: fixed;
    inset: auto 0 0;
    margin: 0;
    width: 100%;
    max-width: 100%
}

.gameon-btn {
    background-color: transparent;
    border: 0;
    padding: 0;
    margin: 0 0 0 2px;
    position: fixed;
    bottom: 60px;
    z-index: 99;
    right: 0
}

.gameon-btn img {
    max-height: 70px
}

.chat-modal-btn {
    align-items: center;
    border-radius: 24px 8px 24px 24px;
    bottom: 10px;
    box-shadow: 0 5px 4px #00000042;
    color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: fixed;
    right: 5px;
    height: 50px;
    width: 50px;
    background-color: #0f2326!important;
    color: #fff!important;
    border-color: transparent #0f2326 transparent transparent
}

.chat-modal-btn .chat-icon {
    border-radius: 6px 6px 6px 2px;
    height: 17px;
    left: 32%;
    position: absolute;
    top: 30%;
    width: 38%;
    background: #fff!important
}

.chat-modal-btn .chat-icon:before {
    border-radius: 2px;
    border-top: 5px;
    content: "";
    height: 2px;
    left: 4px;
    position: absolute;
    top: 5px;
    width: 65%
}

.chat-modal-btn .chat-icon:before,.chat-modal-btn .chat-icon:after {
    background-color: #0f2326!important
}

.chat-modal-btn .chat-icon:after {
    border-radius: 2px;
    border-top: 5px;
    content: "";
    height: 2px;
    left: 4px;
    position: absolute;
    top: 10px;
    width: 44%
}

.input-left.phone-no-field {
    position: relative
}

.input-left.phone-no-field select,.input-left.phone-no-field select:focus,.input-left.phone-no-field select:focus-visible {
    position: absolute;
    left: 0;
    border: 0!important;
    height: 32px;
    border-radius: 2px;
    padding-left: 20px;
    top: 1px;
    box-shadow: none!important
}

.input-left.phone-no-field .form-control {
    padding: 7px 10px 7px 85px
}

.footer-logos {
    display: none;
    justify-content: space-between;
    padding: 0 18px 18px;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: -1;
    left: 0
}

.footer-logo {
    width: 40px;
    height: 40px;
    margin: 0 10%
}

.forgot-password-field {
    position: relative
}

.label-control {
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 5px;
    color: #fff
}

.phone-no-field {
    position: relative
}

.or-separate {
    width: 100%;
    display: flex;
    align-items: center;
    color: #fff;
    position: relative;
    font-size: 14px;
    justify-content: center;
    font-weight: 600;
    padding-top: 0;
    margin-bottom: 10px
}

.or-separate:before {
    width: 150px;
    position: relative;
    right: 10px
}

.or-separate:after {
    width: 150px;
    left: 10px;
    position: relative
}

.or-separate:before,.or-separate:after {
    content: "";
    background: var(--primary-color);
    height: 1px
}

.otp-guide-text {
    color: #fff;
    font-size: 10px;
    line-height: 18px;
    margin-top: 5px;
    display: inline-block;
    text-align: left;
    margin-bottom: 10px
}

.bonus_new_s {
    margin: 15px auto 0;
    display: flex;
    gap: .5rem
}

.bonus_new_s .bonus_new-item {
    flex: 1 1 auto;
    min-width: 120px
}

.bonus_new_s span {
    color: #000;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    background: transparent linear-gradient(94deg,#b6842d,#ebda8d 55%,#b7862f);
    border-radius: 4px;
    line-height: normal;
    padding: 7px 2px;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap
}

.bonus_new_s span small {
    display: inline-block;
    background: #0f2326;
    border-radius: 3px;
    line-height: 2.5;
    font-weight: 700;
    margin-top: 2px;
    color: #fff;
    border: 1px solid #fff;
    font-style: italic;
    font-size: 8px;
    letter-spacing: 1px;
    padding: 0 6px
}

.btn-whatsapp .fa-brands {
    padding-right: 8px;
    font-size: 24px
}

.check-box-sec .box-left .form-check .form-check-label {
    top: -1px
}

.offcanvass-logo-sec.mobile-logo img {
    width: 150px;
    margin: auto;
    border-bottom: #ebebeb 1px solid
}

.depo-and-wdrl-sec {
    padding-top: 12px
}

.offcanvas.offcanvas-start {
    background-color: transparent!important
}

.app-lft-sidebar {
    border-right: 0
}

.login-cmn-btn.login-demo-btn .btn.thm-but {
    margin: 0
}

.change-passwword-btn button {
    background: var(--primary-gradient-color);
    border: none;
    margin-top: 5px;
    height: 45px;
    color: #fff;
    font-weight: 600
}

.change-passwword-btn button:hover,.change-passwword-btn button:focus,.change-passwword-btn button:active {
    background: var(--primary-gradient-color);
    color: #fff;
    font-weight: 600
}

.profile-change-password-wrapper {
    margin: .5rem
}

.profile-change-password-sec {
    padding: 15px 20px 10px;
    box-shadow: 0 1px 1px #dedddd;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #202020
}

.heading__title {
    background: var(--primary-gradient-color);
    color: #fff;
    padding: 8px 13px;
    border-radius: 6px 6px 0 0
}

.password-lft span {
    color: #efefef
}

.password-rgt .form-control {
    background: transparent;
    border: 1px solid rgba(170,170,170,.3)
}

.password-rgt .form-control:focus {
    color: #495057;
    background-color: transparent;
    border-color: #aaaaaa4d!important
}

.profile-change-password-sec .password-rgt:hover,.profile-change-password-sec .password-rgt:focus,.profile-change-password-sec .password-rgt:active {
    background: #fff;
    border-radius: .25rem;
    border-color: #fff
}

.profile-change-password-sec .password-rgt:hover input,.profile-change-password-sec .password-rgt:focus input,.profile-change-password-sec .password-rgt:active input {
    color: #000
}

.header-ipl-election {
    display: flex;
    overflow-x: auto;
    width: 100%;
    white-space: nowrap;
    gap: 5px;
    margin: 1px 0
}

.header-ipl-election div {
    width: -webkit-fill-available;
    text-align: center;
    border-radius: 5px;
    box-shadow: 1px 1px 5px #000
}

.header-ipl-election div a {
    font-size: 12px;
    padding: 4px 10px;
    display: block;
    text-align: center;
    color: #fff;
    font-weight: 700;
    width: 100%;
    animation: blinker 1s linear infinite
}

.header-ipl-election .header-ipl-sec {
    background: #006400
}

.header-ipl-election .header-election-sec {
    background: #8b0000
}

.menu-details-heading {
    gap: 5px
}

.nav-right.header-nav-rgt ul li i {
    width: 12px;
    height: 12px;
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    font-size: 10px;
    color: var(--theme-primary);
    margin-right: 10px
}

.nav-right.header-nav-rgt ul li i.fa-gavel {
    transform: rotate(-90deg)
}

.upcoming-match-time-sec {
    margin-right: 10px
}

.team-select-run-bet-sec {
    display: flex;
    border: 1px solid #DCDCDC;
    color: #606060;
    border-radius: 4px;
    padding: 2px 5px;
    gap: 3px;
    background: #f5f5f5
}

.team-select-run-bet-wrapper {
    margin: 3px 8px;
    display: flex;
    gap: 5px
}

.team-select-run-bet-sec p {
    font-weight: 600;
    font-size: 12px;
    line-height: 12px
}

.player-con .team-select-run-bet-wrapper {
    margin: 5px 0 0
}

.player-list-con h4.team-list-wet {
    font-weight: 600!important
}

.player-list-con h4.team-list-wet img {
    margin-right: 5px;
    filter: invert(42%) sepia(89%) saturate(508%) hue-rotate(110deg) brightness(101%) contrast(99%)
}

.all-game-details-page .nav.nav-pills.casino-provider-list li {
    flex: 1
}

.all-game-details-page .nav.nav-pills.casino-provider-list li button {
    width: 100%
}

.stack-md-inpt-group {
    font-weight: 500;
    color: #666;
    margin-bottom: 10px
}

.stack-md-inpt-group input.form-control {
    min-height: 44px;
    font-size: 14px!important;
    color: #000
}

.profile-change-password-sec .password-rgt .form-control::placeholder {
    color: #6d757d;
    font-weight: 500
}

.profile-change-password-sec .password-rgt .form-control {
    margin-bottom: .5rem;
    min-height: 39px;
    font-size: 14px!important;
    color: #a2a2a2;
    border: 1px solid rgba(170,170,170,.3)
}

.profile-change-password-sec ul.list-style {
    margin-left: 20px;
    font-size: 12px;
    line-height: normal
}

.profile-change-password-sec ul.list-style li {
    margin-bottom: 10px
}

.rules-modal .modal-dialog {
    margin: .5rem auto!important
}

.rules-modal .rules-container .pannel-body {
    padding: 0
}

.rules-modal .rules-container .pannel-body ul {
    margin-left: 15px;
    margin-bottom: 10px
}

.rules-modal .rules-container .pannel-body h4 strong {
    font-size: 16px;
    font-weight: 700!important
}

.rules-modal .rules-container .pannel-body p {
    margin: 10px 0;
    font-size: 12px
}

.rules-modal .rules-container .pannel-body ul li {
    font-size: 12px
}

.listing-mobile-page.mt-2 {
    margin-top: 0!important
}

.login-model-pop-up-sec https://wa.link/lotuse365,.login-model-pop-up-sec https://wa.link/lotuse365,.login-model-pop-up-sec https://wa.link/lotuse365 {
    background: url(/assets/evening-field-football-field-goal-B6CeyOhX.jpg);
    background-size: cover;
    background-position: 50%;
    margin: 0;
    height: 100vh;
    z-index: 100000;
    width: 100vw;
    padding: 30px
}

.login-model-pop-up-sec https://wa.link/lotuse365 .modal-content,.login-model-pop-up-sec https://wa.link/lotuse365 .modal-content,.login-model-pop-up-sec https://wa.link/lotuse365 .modal-content {
    background: none;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    border: 2px solid #fff;
    border-radius: 10px;
    background: #122326
}

.login-model-pop-up-sec https://wa.link/lotuse365 .login-body-sec,.login-model-pop-up-sec https://wa.link/lotuse365 .login-body-sec,.login-model-pop-up-sec https://wa.link/lotuse365 .login-body-sec {
    background: #122326;
    min-height: auto
}

.login-model-pop-up-sec https://wa.link/lotuse365 .modal-body,.login-model-pop-up-sec https://wa.link/lotuse365 .modal-body,.login-model-pop-up-sec https://wa.link/lotuse365 .modal-body {
    background: transparent!important
}

.modal-content {
    min-height: auto
}

.country-code-flag-top-sec {
    position: absolute;
    left: 0;
    width: 85px;
    padding-left: 10px;
    padding-right: 5px;
    top: 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    min-height: 36px;
    font-size: 14px
}

.country-code-flag-top-sec .fa-caret-down {
    margin-left: 3px
}

.country-code-flag-sec {
    position: absolute;
    left: 0;
    width: 85px;
    top: 37px;
    background: #fff;
    text-align: left;
    padding: 5px 0 5px 10px;
    border-radius: 0 0 4px 4px;
    display: none;
    z-index: 999
}

.country-code-flag-sec li {
    display: flex;
    align-items: center;
    font-size: 14px;
    margin-bottom: 5px
}

.country-code-flag-sec li:last-child {
    margin-bottom: 0
}

.country-code-flag-sec img,.country-code-flag-top-sec img {
    width: 18px;
    margin-right: 5px
}

.country-code-flag-sec.show-country-code {
    display: block
}

.matka-detail-right {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: calc(100% - 70px)
}

.matka-section .matka-btn {
    flex-wrap: wrap;
    margin-right: 10px;
    flex-direction: column;
    gap: 10px
}

.matka-detail-inner-tabs .nav-tabs {
    border: none;
    column-gap: 15px
}

.matka-info-sec .popular-img {
    background: #fff7ea;
    padding: 8px
}

.matka-open-btn {
    background: linear-gradient(180deg,#87d564,#1fa300),linear-gradient(0deg,#f9f2f2,#f9f2f2);
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    padding: 4px 10px;
    border-radius: 20px;
    min-width: 50px
}

.matka-detail-right p span {
    display: flex;
    align-items: center;
    font-size: 12px;
    margin-right: 10px
}

.matka-wrapper-detail .guru-but-sec li {
    list-style: none;
    width: calc(20% - 5px)
}

.matka-close-btn {
    background: linear-gradient(180deg,#ef567b,#c02b34),linear-gradient(0deg,#f9f2f2,#f9f2f2);
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    padding: 4px 10px;
    border-radius: 20px;
    min-width: 50px
}

.white-btn {
    background: #fff;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: 4px;
    padding: 0 15px;
    font-size: 13px;
    min-width: 40px;
    text-align: center
}

.matka-section {
    padding-bottom: 10px
}

.gully-fix-bet-slip-section {
    position: sticky;
    top: auto;
    bottom: 0;
    width: 100%;
    z-index: 222;
    margin-left: 0;
    padding: 15px;
    background: #fff;
    border-top: 2px solid var(--primary-color);
    box-shadow: 0 -2px 5px #00000026
}

.digits-fix-header .thm-modal-header {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap
}

.popular-con.matka-info-sec {
    display: flex;
    justify-content: space-between;
    column-gap: 15px;
    align-items: center
}

.matka-detail-right h4 {
    margin: 0 0 5px;
    font-size: 14px;
    font-weight: 600;
    color: var(--light-dark-color);
    line-height: 16px;
    font-family: "Exo 2",sans-serif;
    text-transform: capitalize
}

.matka-detail-right p {
    color: var(--light-dark-color);
    font-weight: 600;
    margin: 0 0 10px
}

.matka-btn {
    display: flex;
    align-items: center;
    column-gap: 15px
}

.matka-view-btn {
    background: transparent;
    border: none;
    padding: 0;
    font-size: 12px;
    font-weight: 600;
    color: var(--primary-color)
}

.matka-section li {
    display: inline-block;
    width: 100%
}

.matka-section li .popular-con.matka-info-sec {
    width: 100%;
    margin-top: 10px;
    justify-content: flex-start;
    box-shadow: #11111a1a 0 0 16px
}

.matka-detail-right .matka-title-info p {
    margin-bottom: 3px;
    font-size: 12px
}

.matka-detail-right .matka-title-info h4 {
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 700
}

.matka-section .matka-btn {
    flex-wrap: wrap;
    margin-right: 10px;
    flex-direction: column;
    gap: 10px;
    justify-content: space-between;
    width: 100%;
    padding-left: 3px
}

.matka-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px
}

.matka-title h4 {
    font-size: 16px;
    font-weight: 700;
    color: var(--light-dark-color)
}

.matka-table-list {
    background: var(--white-color);
    border-radius: 6px;
    box-shadow: #11111a1a 0 0 16px
}

.matka-table-list table thead {
    background: var(--primary-color)
}

tr.e-statement-header {
    position: relative
}

.e-statement-header th.font600 {
    font-weight: 700;
    font-size: 15px
}

.e-statement-header th {
    font-weight: 600;
    font-size: 14px;
    color: #fff
}

tr.e-statement-header:after {
    content: "";
    width: 25px;
    height: 10px;
    display: block;
    position: absolute;
    background: var(--primary-color);
    top: -5px;
    right: 25px;
    transform: translate(-50%,-50%);
    clip-path: polygon(50% 0,100% 100%,0 100%)
}

td.profit-color {
    color: var(--text-success);
    font-weight: 700
}

.acc-body-container td {
    font-weight: 600;
    font-size: 14px
}

.matka-table-list tr.acc-body-container:last-child td {
    border: none
}

.matka-detail-section .matka-sub-header-tab {
    display: flex
}

.matka-detail-section .matka-sub-header-tab .nav-tabs {
    justify-content: flex-start;
    border: 1px solid var(--primary-color);
    margin: 5px 0 10px
}

.matka-detail-section .matka-sub-header-tab .nav-tabs li.nav-item {
    flex: 1
}

.matka-detail-section .matka-sub-header-tab .nav-tabs li.nav-item button {
    width: 100%;
    border-radius: 0;
    margin: 0;
    border: none;
    font-size: 15px;
    font-weight: 600;
    color: #000;
    padding: 5px
}

.matka-detail-section .matka-sub-header-tab .nav-tabs .nav-item.show .nav-link,.matka-detail-section .matka-sub-header-tab .nav-tabs .nav-link.active,.matka-detail-section .matka-sub-header-tab .nav-tabs .nav-link:hover {
    background: var(--primary-gradient-color)!important;
    color: #000
}

.matka-detail-inner-tabs h4 {
    font-weight: 600;
    font-size: 16px;
    color: var(--light-dark-color);
    margin: 0 0 10px
}

.matka-detail-inner-tabs .nav-tabs {
    border: none;
    column-gap: 10px
}

.matka-time-sec {
    display: flex;
    column-gap: 5px;
    align-items: center
}

.matka-detail-inner-tabs .nav-tabs li .nav-link {
    background: var(--white-color);
    border-radius: 4px;
    border: solid 1px var(--primary-color);
    color: #000;
    padding: 5px 10px
}

.matka-detail-inner-tabs .nav-tabs li .nav-link .live-but-sub-con span {
    color: var(--blue-dark-color);
    font-weight: 600;
    font-size: 14px
}

.matka-time-sec .time-icon {
    margin-right: 0
}

.time-icon img {
    max-width: 15px;
    margin-top: -3px
}

.matka-detail-inner-tabs .nav-tabs li .nav-link.active {
    border: solid 1px var(--primary-color);
    background: var(--primary-gradient-color)!important
}

.matka-wrapper-detail .guru-selection-wrapper {
    background: #e7e7e7;
    margin-top: 10px;
    border-radius: 4px;
    padding: 10px
}

.matka-detail-sub-list {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.matka-detail-sub-list .matka-detail-sub-heading {
    width: 30%
}

.matka-detail-sub-heading {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.matka-detail-sub-heading h2 {
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    text-align: right;
    color: var(--blue-dark-color)
}

.matka-detail-sub-list .search-sec {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    width: 285px;
    margin-top: 0
}

.search-sec input.form-control {
    background-color: var(--white-color);
    border: none;
    font-size: 14px;
    height: 40px;
    border: solid 1px var(--boder-color);
    border-radius: 4px
}

.matka-detail-sub-list .search-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    border: 0px;
    color: var(--white-color);
    padding: 0 15px;
    font-size: 14px;
    background: var(--primary-color)
}

.guru-but-sec {
    margin-top: 15px
}

.matka-detail-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 60%
}

.matka-detail-wrapper .matka-detail-right {
    width: 100%
}

.matka-detail-wrapper .matka-btn .thm-btn {
    padding: 3px 10px
}

.matka-detail-wrapper .matka-detail-right p {
    margin: 0;
    line-height: normal
}

.matka-detail-wrapper .matka-detail-right p span {
    margin: 0;
    font-size: 12px
}

.matka-wrapper-section ul {
    overflow-x: auto;
    display: flex;
    width: 100%;
    column-gap: 10px
}

.matka-wrapper-section li {
    display: inline-block
}

.matka-info-sec {
    display: flex;
    width: 300px;
    background: var(--white-color);
    padding: 10px;
    border-radius: 6px
}

.matka-info-sec .popular-img {
    background: #efe7cc;
    padding: 8px
}

.matka-info-sec .popular-img img {
    max-width: 50px
}

.matka-time-icn {
    margin-right: 5px
}

.matka-timing-sec {
    background: #f6f9ff;
    padding: 3px 7px;
    border-radius: 0 8px;
    position: absolute;
    top: 0;
    right: 0
}

.popular-con.matka-info-sec {
    position: relative
}

.matka-timing-sec span {
    color: #2290c7;
    font-weight: 600;
    font-size: 12px
}

.matka-detail-right p {
    margin-bottom: 0
}

.matka-btn {
    margin-top: 8px
}

.matka-btn .view-result-btn {
    color: #1e8067;
    font-weight: 500
}

.matka-open-btn:hover {
    color: var(--white-color)
}

.matka-detail-right p span {
    display: flex;
    align-items: center;
    font-size: 12px;
    margin-right: 10px;
    font-family: "Exo 2",sans-serif
}

.matka-section .home-animated {
    position: static
}

.matka-section .matka-btn {
    flex-direction: row
}

.matka-detail-right {
    display: block
}

.matka-info-sec {
    width: 370px
}

tr.e-statement-header:after {
    left: 200px
}

.matka-wrapper-detail .guru-but-sec ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 6px;
    align-items: center;
    list-style: none;
    margin-top: 20px
}

.matka-wrapper-detail .guru-but-sec li button {
    border-radius: 4px;
    width: 100%;
    border: 1px solid;
    padding: 2px;
    border-color: #cfd9e0;
    background: var(--light-color);
    font-weight: 600
}

.matka-wrapper-detail .search-sec input.form-control {
    padding-right: 70px
}

.thm-btn {
    display: inline-block
}

.matka-close-btn:hover {
    color: #fff
}

.matka-timing-sec.matka-close-timing span {
    color: #94979d
}

.white-btn {
    background: #fff;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: 4px;
    padding: 0 15px;
    font-size: 13px
}

.live-but-sub-con span {
    color: #3e404c
}

.shortNum .btn {
    background: #f8f9fa;
    border: 1px solid var(--primary-color)!important;
    min-width: auto;
    color: var(--primary-color);
    font-weight: 600;
    margin: 0;
    width: 100%
}

.gully-stakefix-sec .select-digit input {
    border-color: var(--primary-color);
    background: #e7e7e7
}

.gully-stakefix-sec .button-head {
    display: flex
}

.small-box.shortNum {
    width: calc(25% - 10px)
}

.gully-fix-bet-slip-section .first-row-box {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding: 6px 0 10px;
    max-height: 110px;
    overflow-y: auto
}

.digits-fix-header .link-btn {
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 4px;
    padding: 2px 6px;
    border: none;
    font-size: 13px
}

.place-bet-stack-btn {
    width: 50%
}

.toast-container {
    left: 50%;
    transform: translate(-50%)
}

.matka-bets-sec .accordion-header .accordion-button {
    border-bottom: 1px solid #EEEEEF
}

.matka-bets-sec .accordion-item {
    border-radius: 4px;
    border: none;
    margin-bottom: 10px
}

.matka-detail-sub-list .matka-detail-sub-heading {
    min-width: 215px
}

.matka-detail-sub-list {
    gap: 15px;
    flex-wrap: wrap
}

.digits-fix-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px
}

.digits-fix-header .thm-modal-header {
    display: flex;
    align-items: center;
    gap: 10px
}

.matka-bets-sec .accordion-header .accordion-button {
    border-bottom: 1px solid var(--primary-color);
    padding: 10px;
    background-color: #fff
}

.matka-bets-sec .accordion-body {
    padding: 10px
}

.matka-bets-sec .accordion-item {
    border-radius: 8px;
    border: none;
    margin-bottom: 10px;
    box-shadow: 0 0 12px #00000012
}

.live-but h3 {
    font-weight: 600;
    font-size: 15px;
    color: #000;
    text-transform: capitalize
}

.matka-bets-sec .accordion-item .live-but-sub-con span {
    font-size: 13px
}

.modal-list-con ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    margin: 10px 0
}

.modal-list-con ul li .live-but-sub-con span {
    color: var(--light-dark-color);
    font-weight: 600
}

.matka-bets-sec .accordion-button:not(.collapsed) {
    background-color: #d6bc66
}

.custom-who-will-win-wrapper {
    padding-bottom: 5px
}

.custom-who-will-win-wrapper .app-market-details-sec.bet-slip-area {
    display: flex;
    flex-wrap: wrap
}

.custom-who-will-win-sec {
    flex: 1;
    width: 50%
}

.custom-who-will-win-wrapper .stake-placed-bet {
    margin-top: 5px
}

.custom-who-will-win-wrapper .market-event-name {
    text-align: center
}

.custom-who-will-win-wrapper .bet-details-btn-group button {
    margin: 0 auto;
    width: 75%;
    border-radius: 5px;
    height: 35px;
    align-items: center;
    font-size: 12px;
    font-weight: 700
}

.credits-list-con h6 {
    word-break: break-all
}

.menu-details-heading {
    align-items: center
}

.rules-modal .rules-container .pannel-body p {
    text-align: justify
}

.profile-change-password-sec .password-rgt {
    position: relative
}

.label-upside {
    text-transform: capitalize;
    font-size: 12px
}

.win-ac-statement-sec .start-end-date-sec,.win-ac-statement-sec .select-search-box {
    position: relative
}

.win-ac-statement-sec .start-end-date-sec input,.win-ac-statement-sec .select-search-box .form-select {
    height: 34px!important;
    font-size: 13px!important;
    padding: 5px 10px;
    outline: none!important;
    box-shadow: none!important
}

.cmn-btn-cashout .positive,.cmn-btn-cashout .negative {
    display: flex
}

.cmn-btn-cashout {
    z-index: 2
}

.select-down-arrow {
    color: #000;
    position: absolute;
    right: 8px;
    top: 7px;
    z-index: 0;
    font-size: 12px
}

.win-ac-statement-sec .select-search-box .form-select {
    position: relative;
    z-index: 1
}

.win-ac-statement-sec .start-end-date-sec input:focus,.win-ac-statement-sec .select-search-box .form-select:focus {
    background-color: transparent
}

marquee {
    background-color: #fff
}

.fancy-marque marquee {
    font-size: 12px;
    color: #212529;
    line-height: 18px;
    text-transform: uppercase;
    height: 18px;
    margin: 0;
    padding: 0;
    border: 0;
    display: flex
}

.wrong-message-sec {
    margin-bottom: 10px
}

.in_play_date.green {
    color: green
}

body {
    padding-bottom: 40px
}

.new-fancytab-list-ui-sec.fancy-tab-list.fancy-pre-f-tabs ul li.nav-item .nav-link {
    border-radius: 5px;
    font-size: 12px;
    padding: 5px 10px
}

.new-fancytab-list-ui-sec.fancy-tab-list.fancy-pre-f-tabs ul li.nav-item .nav-link.active,.new-fancytab-list-ui-sec.fancy-tab-list.fancy-pre-f-tabs ul li.nav-item .nav-link:hover {
    background: linear-gradient(180deg,#ffcc2e,#ffbd14)!important;
    color: #000;
    border-color: #ffcc2e #ffbd14!important
}

.new-fancytab-list-ui-sec.fancy-tab-list.fancy-pre-f-tabs ul li,.new-fancytab-list-ui-sec.fancy-tab-list.fancy-pre-f-tabs ul {
    border: none;
    box-shadow: none
}

.new-fancytab-list-ui-sec.fancy-tab-list.fancy-pre-f-tabs ul {
    padding: 0 5px;
    gap: 10px
}

.new-fancytab-list-ui-sec.fancy-tab-list.fancy-pre-f-tabs ul li button {
    border: 1px solid var(--primary-color)!important;
    color: var(--primary-color);
    font-weight: 700
}

.blink-soft {
    animation: blinker 1.5s linear infinite;
    text-transform: uppercase;
    font-size: 9px;
    position: absolute;
    top: 2px;
    font-style: normal;
    margin-left: 5px;
    background: #000;
    padding: 3px 4px;
    line-height: 1;
    border-radius: 2px;
    color: #fff
}

@keyframes blinker {
    50% {
        opacity: 0
    }
}

.bet-placing-head strong {
    font-weight: 700!important
}

.header-marquee-sec marquee {
    background: #000;
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 12px;
    padding-bottom: 3px
}

.nav-right.header-nav-rgt ul li .icon-menu-sec {
    width: 12px;
    height: 12px;
    text-align: center;
    margin-right: 10px;
    display: inline-block
}

.nav-right.header-nav-rgt ul li img {
    height: auto;
    width: 18px;
    margin: 0 auto;
    display: flex
}

.mobile-search-modal {
    position: relative
}

.credits-list-con.exposure-bx h6 {
    color: #000
}

.nw-search-modal-result {
    position: absolute;
    top: 100%;
    width: 100%;
    background-color: #fff;
    z-index: 11;
    max-height: 300px!important;
    overflow-y: auto
}

.nw-search-modal-result li {
    border-bottom: 1px solid #eaeaea!important;
    padding: 15px!important;
    color: #000;
    line-height: normal;
    font-size: 12px;
    list-style: none;
    width: 100%
}

.team-1 .in__play .fa-circle {
    margin-left: 2px;
    font-size: 9px
}

.win-ac-statement-sec .start-end-date-sec input[type=date] {
    color-scheme: dark
}

.earn-locked-bonus .credits-list-con:first-child {
    border-bottom: 1px solid #494949
}

.earn-locked-bonus .credits-list-con h5 {
    color: #fff
}

.earn-locked-bonus .credits-list-con h5 .locked-bonus-btn.btn {
    margin: 0;
    background: var(--primary-gradient-color);
    color: #000!important
}

.earn-locked-bonus .credits-list-con h5 {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 16px
}

.locked-bonus-btn {
    background: var(--primary-color);
    border: 1px solid var(--primary-color)!important;
    color: var(--white-color);
    border-radius: 4px;
    display: block;
    width: 100%;
    padding: 0 6px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
    height: 26px;
    line-height: 2
}

.locked-bonus-dflex {
    display: flex;
    align-items: center;
    column-gap: 6px
}

.locked-bonus-bx {
    padding-top: 0
}

.locked-bonus-btn span {
    color: var(--primary-color)!important;
    font-size: 12px!important;
    font-weight: 400!important
}

.modal-dialog-end {
    display: flex;
    align-items: end;
    min-height: 100%;
    max-width: 100%
}

.modal-dialog-end .modal-content {
    border-radius: .3rem .3rem 0rem 0rem
}

.team-select.win-team-select-fix {
    position: relative;
    top: 0;
    margin-top: 10px;
    padding-bottom: 5px;
    width: 100%;
    column-gap: 10px
}

.request-icon-con {
    padding: 5px 8px;
    width: fit-content;
    background: #cfcfcf70;
    text-align: center
}

.worli-Bets-Modal.Betamount .transactions-request .match-head.text-dark.team-list-wet h5 small {
    font-size: 14px;
    font-weight: 500;
    color: #202020;
    line-height: normal;
    display: block
}

.succssfully-sec .new-account-sec ul li {
    padding: 7px 10px;
    background: #fff!important
}

.succssfully-sec .new-account-sec .info-list ul li {
    background-color: #333!important;
    margin: 0
}

.succssfully-sec .new-account-sec .info-sec-icon {
    display: none
}

#placedBetModal .modal-info {
    margin-top: -55px;
    background-color: #fff;
    margin-bottom: 7px
}

.modal-successfully .modal-header {
    background: #f1f1f1!important
}

.succssfully-sec .new-account-wrapper {
    margin-top: 0
}

.success-color {
    color: #109f48
}

.modal-successfully .btn-close {
    border: none;
    background: none;
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 20px;
    margin: 0
}

.new-place-bet-detail-sec {
    display: flex;
    gap: 10px
}

.new-place-bet-detail-sec .bank-con {
    flex-grow: 1;
    text-align: center;
    background-color: #fffcf5;
    padding: 2px;
    border-radius: 4px;
    box-shadow: 0 1px 2px #00000026;
    border: 1px solid #b48727;
    margin-top: -35px;
    margin-bottom: 5px
}

#placedBetModal .modal-successfully .modal-header {
    background: #f1f1f1!important;
    padding-bottom: 35px!important
}

#placedBetModal .modal-info {
    padding: 5px
}

#placedBetModal .thm-heading {
    margin-top: 3px
}

.new-arrow img {
    width: 20px
}

.bet_place_modal_btn {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0
}

.bet_place_modal_btn a {
    margin: 0;
    padding: 0
}

.modal-banner .result-winloss-icon figure {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    margin: -60px auto 5px;
    background: #fff;
    border: 2px solid #fcb424;
    display: flex;
    justify-content: center;
    align-items: center
}

.modal-banner .result-winloss-icon figure img {
    width: 50px
}

.modal-banner .result-winloss-icon figure.win-banner-sec {
    border-color: #7fb791
}

#winstatusModal .team-select {
    top: 0
}

.modal-footer .thm-but {
    text-align: center
}

.modal-dialog-end {
    display: flex;
    align-items: end;
    min-height: 100%
}

.modal-full-bottom .modal-dialog {
    margin: 0;
    max-width: 100%
}

#winstatusModal .lost-heading {
    color: red
}

#winstatusModal .modal-banner figure.loss-banner-sec {
    border-color: #ff7474
}

.modal-banner {
    border-radius: 4px 4px 0 0;
    background: #f6f0e5;
    border-bottom: 2px solid #fcb424;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column
}

.modal-banner .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 18px
}

.new-account-con .new-arrow img {
    filter: invert(53%) sepia(33%) saturate(934%) hue-rotate(3deg) brightness(96%) contrast(86%)
}

.matka-detail-sub-heading h2.nw-worli-matka-btn {
    background: var(--primary-color);
    text-align: center;
    padding: 5px 10px;
    border-radius: 4px;
    color: #fff;
    width: auto;
    min-width: 100px
}

.matka-detail-sub-list .matka-detail-sub-heading {
    width: 100%;
    gap: 15px
}

.matka-detail-sub-heading .info-list {
    width: -moz-max-content;
    width: max-content;
    padding: 6px;
    border-radius: 4px;
    top: 26px;
    left: auto;
    right: -8px;
    transform: translate(0)
}

.matka-detail-sub-heading .info-list:before {
    height: 18px;
    top: 0%;
    right: 0;
    left: auto;
    width: 25px
}

.matka-detail-sub-heading .info-list ul li {
    margin: 0
}

.matka-detail-sub-heading .info-sec-icon {
    display: block;
    margin-left: 0;
    line-height: normal
}

.matka-detail-sub-heading .info-sec-icon img {
    width: 20px
}

.matka-detail-sub-heading h2 {
    width: auto
}

.filter-clear-btn {
    padding: 2px 5px;
    background-color: #000;
    color: #fff;
    border: none;
    line-height: normal;
    font-size: 12px;
    border-radius: 4px;
    display: block;
    margin: 4px 0 0 5px;
    min-height: 20px;
    line-height: 14px
}

.filter-check-sec {
    display: flex;
    align-items: center
}

.filter-check-sec label {
    font-size: 12px;
    margin-left: 5px
}

.filter-check-wrapper {
    display: flex;
    flex-wrap: wrap;
    row-gap: 5px;
    margin-top: 10px
}

.filter-check-wrapper .filter-check-sec {
    width: 50%
}

.filter-check-wrapper .filter-check-sec input[type=checkbox] {
    border-radius: 4px;
    width: 11px
}

.filter-check-wrapper .filter-check-sec input:checked {
    background: var(--primary-gradient-color);
    border-color: var(--primary-gradient-color)
}

.btn.tv-btn:first-child:active,.btn.tv-btn.active {
    background: var(--primary-gradient-color)
}

.gully-stakefix-sec .select-digit input {
    border-radius: 4px
}

.matka-wrapper-detail .market-select.form-select {
    box-shadow: 0 2px 10px #0003;
    margin-bottom: 10px;
    border: none;
    padding: 8px 10px
}

.exch-justify-between {
    justify-content: space-between;
    width: 100%;
    align-items: center
}

.exch-breadcrumb-heading-sec h6 {
    color: #333;
    font-size: 14px;
    line-height: 120%;
    font-weight: 600
}

.place-more-bet-btn-center {
    margin: 10px
}

.language-list p {
    text-align: left
}

.win-place-bet-scroll-btns {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 15px
}

.win-place-bet-scroll-btns ul li .btn-thm {
    padding: 0 10px!important
}

.win-place-bet-scroll-btns ul {
    overflow: auto!important;
    width: calc(100% - 35px);
    margin-top: 0!important
}

.new-run-bet-error .error-list {
    width: 100%
}

.new-run-bet-error .error-list li {
    width: 100%;
    font-size: 12px;
    color: red
}

.bat-with-team .number-sec {
    align-items: baseline
}

.contest-bet-list.new-player-data {
    -moz-column-gap: 5px;
    column-gap: 5px;
    margin-top: 0
}

.new-player-data {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 3px 8px
}

.contest-bet-list.new-player-data span {
    width: auto!important;
    height: auto!important;
    background: #fff;
    border: solid 1px #d1d1d1e0;
    border-radius: 3px!important;
    color: #606060;
    font-size: 13px;
    font-weight: 500;
    display: flex;
    -moz-column-gap: 2px;
    column-gap: 2px;
    padding: 1px 5px;
    line-height: normal
}

.fix-btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: auto!important
}

.teambat-select .team-select-sec .team-select-con {
    width: 100%;
    position: relative
}

.player-con .withdraw-btn.player-btn-boll {
    display: flex!important;
    align-items: center;
    column-gap: 5px;
    margin-bottom: 0
}

.player-contest-team-list .player-con {
    display: flex;
    flex-direction: column-reverse
}

#teambatModal .col.col-lg-6 {
    display: flex;
    column-gap: 10px
}

#teambatModal .col.col-lg-6 .player-list-con {
    width: calc(50% - 5px)
}

.team-edit-cricket-fight .team-select-sec {
    width: 50%;
    column-gap: 10px
}

.team-edit-cricket-fight .team-select-sec .team-select-con {
    width: 100%
}

.team-edit-cricket-fight .team-select-sec.blue-thm {
    width: 45%
}

.team-edit-cricket-fight .edit-btn-modal {
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px
}

.team-edit-cricket-fight .edit-btn-modal span {
    line-height: 14px
}

.placebet-outer-wrapper {
    display: flex;
    column-gap: 10px;
    width: 100%
}

.placebet-outer-wrapper .new-place-bet-detail-sec {
    width: 100%;
    column-gap: 0
}

.notification-alert-modal .modal-content {
    background-color: #fff
}

.notification-alert-modal .modal-body {
    padding: 1rem!important
}

.notifi-icon {
    background: var(--primary-color);
    width: 70px;
    height: 70px;
    border-radius: 50px;
    padding: 22px;
    margin: 0 auto 10px
}

.notify-theme-info h3 {
    font-size: 16px;
    color: #333;
    font-weight: 500;
    margin: 0 0 15px;
    text-align: center
}

.notify-justify-btn {
    display: flex;
    justify-content: center;
    -moz-column-gap: 10px;
    column-gap: 10px
}

.notify-justify-btn .cancel-but {
    border: solid 1px #f32c28;
    color: #f32c28!important;
    background-color: #fff;
    padding: 5px 10px;
    font-size: 14px;
    min-width: 90px
}

.notify-justify-btn .thm-but {
    font-size: 14px;
    font-weight: 400;
    min-width: 90px;
    padding: 5px 10px;
    width: auto;
    color: #fff!important
}

.modal.notification-alert-modal.show .modal-dialog {
    transform: none
}

.modal.notification-alert-modal .modal-dialog {
    margin: 16px!important
}

span.cancel-info-tooltip {
    line-height: normal;
    width: 30px;
    display: flex;
    justify-content: center;
    margin-top: -2px
}

.match-list-sec.edit-player-cricket-fight-section {
    padding-bottom: 15px
}

.cricket-fight-view-detail-wrapper {
    display: flex;
    align-items: center;
    column-gap: 10px
}

.cricket-fight-player-con {
    width: 50%
}

.cricket-fight-player-con .player-list-con {
    width: 100%
}

.cricket-fight-match-detail-wrapper .team-list-con.live-heading {
    width: 50%
}

.cricket-fight-match-detail-wrapper .team-list-con.live-heading h4.team-list-wet {
    width: calc(100% - 60px)
}

.team-select.win-team-select-fix .team-select-con h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: calc(100% - 50px)
}

section.soccer-wrapper.game-btn-fix.player-wrapper.select-player-wrapper .thm-heading {
    margin-top: 0
}

.cancel-bet-icon {
    width: 50px;
    height: 50px;
    background: #fbd6d6;
    text-align: center;
    margin: 0 auto;
    line-height: 45px;
    border-radius: 50%
}

.stake-msg-right {
    text-align: right;
    line-height: 10px;
    margin-top: 5px
}

.stake-msg-right span {
    font-size: 13px;
    color: #404040
}

.thm-heading.cancel-bet-info-wrapper {
    width: 40%;
    justify-content: flex-end
}

.thm-heading.cancel-bet-info-wrapper .cancel-btn {
    width: auto
}

span.error-list {
    font-size: 13px;
    color: red
}

.modal-footer .thm-but {
    height: 40px;
    line-height: 40px
}

h4.win-heading {
    color: #2c975d
}

.matka-detail-inner-tabs .nav-tabs li .nav-link.disabled {
    color: #a9a9a9;
    border-color: #a9a9a9
}

.team-list-con .player-con {
    width: calc(100% - 50px);
    padding-left: 3px
}

.team-list-con .player-con h4 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.matka-detail-section .container {
    padding: 0 10px
}

.announcement-wrapper .container {
    padding: 0
}

.announcement-sec marquee {
    background: transparent;
    width: 100%
}

.announcement-sec {
    display: flex;
    align-items: center;
    background: #e7e7e7;
    margin-bottom: 10px
}

.stakefix-btm-bets span {
    font-size: 14px;
    font-weight: 600
}

.third-row-box .first-box-left {
    width: 50%
}

.exch-match-detail-tabs-section .nav-tabs {
    width: 100%;
    justify-content: space-between;
    border: solid 1px #aa7e27;
    border-radius: 6px;
    flex-wrap: nowrap;
    margin-top: 10px;
    overflow-x: auto
}

.matka-detail-inner-tabs .nav-tabs li .nav-link.disabled .time-icon img {
    filter: brightness(0) saturate(100%) invert(55%) sepia(0%) saturate(0%) hue-rotate(191deg) brightness(91%) contrast(91%)
}

.matka-wrapper-detail .guru-but-sec li button span {
    color: #212529
}

.disable-btn {
    pointer-events: none!important;
    opacity: .5!important
}

.choose-bet-list .win-place-bet-scroll-btns ul li {
    width: -webkit-fill-available
}

.exch-setting-edit-stack-wrapper .exch-setting-edit-stakes-input-section input {
    padding: .5rem;
    font-size: 13px!important
}

.pagination {
    justify-content: center;
    padding-bottom: 10px
}

.pagination li.page-item button {
    background: #505050;
    border: none;
    color: #fff;
    font-size: 13px;
    display: flex;
    align-items: center;
    padding: 5px 6px
}

.pagination li.page-item button.page-link.active {
    background: var(--primary-gradient-color);
    padding: 5px 10px
}

.view-bets-modal {
    background: var(--primary-color);
    border: none;
    border-radius: 4px;
    padding: 4px 6px 5px
}

.table>tbody {
    vertical-align: middle
}

.profit-loss-title {
    display: flex;
    align-items: center;
    column-gap: 10px
}

.profit-loss-title a {
    color: #fff
}

.viebetslip-modal .accordion-item {
    border: solid 1px #bdbdbd;
    margin-bottom: 10px;
    border-radius: 4px;
    padding: 0
}

.viebetslip-modal .accordion-item .accordion-button {
    background: #fff;
    border: none;
    border-radius: 4px;
    padding: 10px
}

.profitloss-betslip .match-con span {
    margin-left: 0;
    font-size: 14px
}

.profitloss-betslip h5 {
    font-size: 15px;
    font-weight: 600;
    padding-right: 8px;
    margin-right: 8px;
    border-color: #acacac;
    color: #202020
}

.viebetslip-modal .profitloss.team-list ul {
    margin: 0
}

.viebetslip-modal .profitloss ul {
    display: flex;
    column-gap: 0;
    padding: 0;
    width: 100%;
    justify-content: space-between
}

.viebetslip-modal .profitloss ul li {
    display: inline-flex;
    padding: 6px;
    border-right: solid 1px #dddd;
    border-top: solid 1px #ddd;
    width: 100%;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center
}

.viebetslip-modal .profitloss ul li:last-child {
    border-right: none
}

.viebetslip-modal .profitloss ul li span {
    font-size: 14px;
    display: block;
    width: 100%
}

.viebetslip-modal .profitloss ul li span.team-list-wet {
    font-weight: 600!important
}

.all-matka-wrapper {
    margin-top: 0;
    padding: 0
}

.all-matka-wrapper .matka-list-table {
    margin-bottom: 15px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #f0f0f0;
    box-shadow: #11111a1a 0 0 16px
}

.all-matka-wrapper .matka-list-table .table {
    background: #fff;
    margin-bottom: 0;
    border: none;
    font-family: "Exo 2",sans-serif
}

.all-matka-wrapper .matka-list-table .table tr th {
    background: #e3e3e3;
    width: 20%
}

.all-matka-wrapper .matka-list-table .table tr th:first-child {
    width: 60%
}

.all-matka-wrapper .matka-list-table .table thead,.all-matka-wrapper .matka-list-table .table tbody,.all-matka-wrapper .matka-list-table .table tr {
    border: none
}

.all-matka-wrapper .matka-list-table .table tr th,.all-matka-wrapper .matka-list-table .table tr td {
    color: #000;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    border: none
}

.all-matka-wrapper .matka-list-table .table tr .matkaList-wet {
    font-weight: 600
}

.all-matka-wrapper .matka-list-table .table tr .profit-color {
    color: #01af70
}

.all-matka-wrapper .matka-list-table .table tr .loss-color {
    color: #f44949
}

@media screen and (max-width: 479px) {
    .all-matka-wrapper .matka-list-table {
        margin-bottom:10px
    }

    .all-matka-wrapper .matka-list-table .table tr th,.all-matka-wrapper .matka-list-table .table tr td {
        font-size: 12px;
        line-height: 16px
    }
}

.error_cl {
    color: red
}

.online-payment-bank {
    background: #f3f2f6;
    padding: 5px;
    border-radius: 15px;
    margin-bottom: 10px;
    border: 2px solid transparent
}

.online-payment-bank.selected-card {
    border: 2px solid var(--primary-color)
}

.online-payment-bank p {
    font-weight: 300;
    font-size: 12px;
    position: relative;
    margin-bottom: 2px;
    text-align: left;
    padding: 2px 30px 2px 0;
    color: #222;
    border-bottom: 1px solid #eaecef;
    display: flex;
    width: 100%
}

.online-payment-bank button {
    border: 0;
    background: 0;
    right: 0;
    position: absolute
}

.online-payment-bank p button i.fa-solid.fa-copy {
    color: var(--primary-color);
    font-size: 15px
}

.online-payment-bank p button i.fa-solid.fa-copy:hover {
    color: var(--primary-color)
}

.online-payment-bank p button:focus {
    box-shadow: 0 0 0 .2rem #28a74580;
    background: green
}

.online-payment-bank p button {
    border-radius: 5px;
    padding: 0 5px
}

.upload-file-input {
    display: flex;
    align-items: center;
    -moz-column-gap: 7px;
    column-gap: 7px;
    position: relative;
    flex-wrap: wrap;
    border: 1px solid #ced4da;
    border-radius: 5px
}

.upload-file-input .file_text_name {
    border: none;
    height: 32px;
    padding: 0 10px;
    font-weight: 300;
    font-size: 14px;
    background-color: var(--secondary-color);
    color: #fff;
    border-radius: 5px 0 0 5px!important
}

.online-form-wrap .upload-file-input span {
    color: #000;
    font-size: 14px;
    font-weight: 300
}

.upload-file-input .file_upload {
    position: absolute!important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%!important;
    opacity: 0;
    z-index: 1
}

.online-form-wrap {
    margin-bottom: 10px
}

.online-form-wrap input,.online-form-wrap select {
    padding: 10px;
    margin-bottom: 5px;
    line-height: 1.5;
    border-radius: 5px;
    font-size: 14px!important;
    color: #000;
    font-weight: 400;
    height: 42px;
    text-align: left
}

.online-form-wrap label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    color: #212529;
    line-height: 1.5
}

.online-form-wrap .error_cl {
    color: red;
    font-weight: 400;
    font-size: 12px
}

.fileList {
    background: #f3f2f6;
    padding: 10px;
    border-radius: 8px;
    position: relative
}

.fileList-img {
    max-width: 260px;
    max-height: 180px;
    display: block;
    margin: 0 auto;
    object-fit: contain
}

.add-utr-again {
    position: absolute;
    right: 5px;
    top: 5px;
    background: #f04610;
    padding: 4px;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600
}

.fileList.fileList-url {
    background: #fff;
    border: 1px dashed #ced4da;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    border-radius: 4px;
    padding: 6px 10px
}

.fileList-url-text {
    flex: 1 1 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px
}

.fileList-cross {
    flex: 0 0 18px;
    background-color: transparent;
    border: 1px solid #ff0000;
    border-radius: 100%;
    width: 18px;
    height: 18px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 2px;
    cursor: pointer;
    font-size: 12px;
    line-height: normal;
    color: red
}

.account-card.online-payment-mode-body {
    background: #f3f2f6;
    padding: 10px;
    border-radius: 15px;
    margin-bottom: 10px;
    border: 2px solid transparent
}

.account-card.online-payment-mode-body.selected-card {
    border: 2px solid var(--primary-color)
}

.online-payment-mode-body .delete-account-btn .btn.btn-danger {
    top: 0;
    right: 0;
    margin: 0
}

.account-card.online-payment-mode-body .paymode-mode-head {
    text-align: left;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    margin-bottom: 10px
}

.account-card.online-payment-mode-body .paymode-mode-head h3 {
    text-align: left;
    font-size: 14px;
    text-transform: capitalize
}

.account-card.online-payment-mode-body .delete-account-btn .btn.btn-danger {
    border-radius: 0 0 0 5px
}

.submitt-btn .withdraw-btn {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    opacity: 1
}

.submitt-btn .withdraw-btn:active,.submitt-btn .withdraw-btn:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.submitt-btn .withdraw-btn:focus {
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.withdraw-instruction {
    border: solid 1px #a7a7a7;
    border-radius: 6px;
    margin-bottom: 10px
}

.withdraw-instruction h4 {
    background: #f7f7f7;
    font-size: 16px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 10px;
    border-bottom: solid 1px #a7a7a7;
    font-weight: 500
}

.withdraw-instruction ul {
    padding: 10px 10px 10px 30px
}

.withdraw-instruction ul li {
    font-size: 12px;
    margin-bottom: 5px;
    color: #000
}

.otp-msg-show {
    text-align: center;
    background: #339733;
    border-radius: 6px;
    max-width: 70%;
    margin: 0 auto 10px;
    padding: 2px
}

.otp-msg-show label {
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    color: #fff
}

ul.live_virtual {
    display: flex;
    align-items: center;
    column-gap: 2px;
    position: absolute;
    right: 13%;
    top: 2px
}

ul.live_virtual li {
    display: inline-block;
    position: relative
}

ul.live_virtual li input.filter-checkbox {
    position: absolute;
    top: 0;
    opacity: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11
}

ul.live_virtual li label {
    padding: 3px 9px;
    cursor: pointer;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #b88831;
    color: #000;
    border-radius: 25px;
    white-space: nowrap;
    margin: 0 1px;
    -webkit-user-select: none;
    user-select: none;
    transition: all .2s;
    font-weight: 400;
    min-width: 56px
}

ul.live_virtual li label:before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    padding-right: 3px;
    transition: transform .3s ease-in-out;
    content: "";
    font-family: FontAwesome;
    font-weight: 700
}

ul.live_virtual li input[type=checkbox]:checked+label {
    border: 1px solid #00ad6f;
    background-color: #00ad6f;
    color: #fff;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

ul.live_virtual li input[type=checkbox]:checked+label:before {
    content: "";
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.login-cmn-btn.download-apk-btn button,.login-cmn-btn.download-apk-btn a {
    background: var(--primary-gradient-color);
    color: #000
}

.login-cmn-btn.download-apk-btn button span,.login-cmn-btn.download-apk-btn a span {
    display: flex;
    justify-content: center;
    column-gap: 5px
}

.login-cmn-btn.download-apk-btn a {
    background: var(--primary-gradient-color);
    color: #000;
    display: flex;
    justify-content: center;
    width: 100%;
    border: 1px solid var(--primary-gradient-color);
    padding: 8px;
    border-radius: 5px;
    font-weight: 600;
    font-family: "Exo 2",sans-serif;
    font-size: 14px
}

.register-get-otp {
    text-align: left;
    position: absolute;
    top: 2px;
    right: 2px
}

.register-get-otp.right-side {
    text-align: right
}

.register-get-otp button.thm-btn {
    padding: 5px 10px;
    font-size: 13px
}

.refer-code-hyper {
    text-align: right;
    margin-bottom: 10px;
    line-height: normal
}

.refer-code-hyper a {
    color: #fff;
    text-decoration: underline;
    font-size: 14px;
    font-family: sans-serif
}

.register-get-otp span {
    font-size: 13px
}

.gameon-btn {
    position: fixed;
    bottom: 85px;
    left: 5px;
    z-index: 9;
    right: auto
}

.gameon-btn a img {
    width: 50px;
    animation: simple-scale 1s linear 1s infinite alternate
}

@keyframes simple-scale {
    to {
        transform: scale(1.2)
    }
}

.MuiSvgIcon-root {
    fill: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 1.5rem;
    transition: fill .2s cubic-bezier(.4,0,.2,1) 0ms;
    flex-shrink: 0;
    -webkit-user-select: none;
    user-select: none
}

.dc-iframe-ctn-mlobby iframe {
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0 2px
}

.dc-iframe-ctn-mlobby {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 100%;
    height: 100%
}

.disabled-btn {
    opacity: .5!important;
    pointer-events: none!important
}

.check-box-sec .box-right {
    display: flex;
    width: 100%;
    justify-content: flex-end
}

.login-option {
    display: flex;
    align-items: center;
    font-family: "Exo 2",sans-serif
}

.login-option .form-check-input[type=radio] {
    margin: 0
}

.mak-gin button.thm-btn {
    padding: 6px 10px
}

.int-container-box .mak-gin {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center
}

.wallet-back-btn {
    background: #ddd;
    padding: 5px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.wallet-back-btn a {
    border: none;
    padding: 3px 15px;
    font-size: 12px;
    border-radius: 3px;
    background: #b88831;
    color: #fff!important;
    text-transform: uppercase
}

.deposit-withdraw-sec {
    background: #f3f2f6
}

.online-form-int input {
    padding: 7px;
    margin-top: 0;
    height: 42px;
    border-radius: 5px;
    font-size: 13px;
    color: #000;
    font-weight: 400
}

.input-group-append .input-group-text.amountBtn {
    background: #0f2326;
    color: #fff;
    height: 42px;
    border-radius: 0;
    padding: .375rem .75rem;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 600;
    font-family: sans-serif;
    border-color: #0f2326;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.online-form-int label.font-right {
    text-align: right;
    color: #202020;
    font-size: 12px;
    margin-top: 5px
}

.trans-form-details .submitt-btn {
    padding-top: 10px
}

.trans-form-details .submitt-btn a.thm-but {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 5px
}

.withdraw-table tr td {
    font-size: 13px;
    white-space: nowrap;
    text-transform: capitalize
}

.card.deposit-instruction {
    margin-top: 10px;
    border: 1px solid #eee
}

.card.deposit-instruction .card-body {
    padding: 10px
}

.card.deposit-instruction .card-body p {
    font-size: 12px;
    color: #000;
    margin-bottom: 5px;
    display: flex;
    column-gap: 5px
}

.account-payment-wrapper {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 10px
}

.custom-control.custom-checkbox label.custom-control-label {
    font-size: 13px;
    font-weight: 500;
    line-height: 18px
}

.custom-control.custom-checkbox {
    display: flex;
    align-items: flex-start;
    column-gap: 5px;
    margin-bottom: 10px
}

.custom-control.custom-checkbox .custom-control-input {
    margin: 3px 0
}

a.terms-condition {
    color: #b48727;
    text-decoration: underline
}

.copt_text_hover {
    position: absolute;
    top: 21px;
    background: #000;
    color: #fff;
    padding: 3px 5px;
    border-radius: 3px;
    right: -15px;
    display: none;
    z-index: 1;
    font-size: 13px
}

.copt_text_hover:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 8px solid #000000;
    top: -6px;
    left: 20px
}

.copt_btn_toolTips:hover .copt_text_hover {
    display: block
}

button.addAccount-btn {
    margin-left: 0;
    border-radius: 50px;
    color: #000;
    background: #fff;
    font-size: 12px;
    border: 1px solid #eee;
    padding: 5px 10px;
    transition: .9s;
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 5px
}

button.addAccount-btn span {
    height: 16px;
    width: 16px;
    display: inline-block;
    background: #000;
    color: #fff;
    border-radius: 50px;
    line-height: 16px;
    font-weight: 500;
    font-size: 9px
}

.wallet-withdraw-wrapper {
    background: #f3f2f6
}

.wallet-withdraw-module-wrapper {
    background: #fff;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 5px;
    margin-bottom: 10px
}

.account-card.online-payment-mode-body .acc-details-data p {
    font-size: 13px;
    border-bottom: 1px solid #eaecef;
    padding-right: 25px;
    display: flex;
    align-items: center
}

.account-card.online-payment-mode-body .paymode-mode-head button.btn.btn-danger {
    background: #bb1919;
    border: none;
    color: #fff!important;
    padding: 3px 7px
}

.wallet-withdraw-module-wrapper .online-form-int input.form-control {
    height: 40px
}

.wallet-withdraw-module-wrapper .online-form-int input::placeholder {
    color: #737373
}

.submitt-withdraw-btn .btn.btn-danger {
    background: #b80000;
    border-color: #b80000;
    color: #fff!important;
    width: 100%;
    padding: 10px 30px;
    height: 46px;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 15px!important
}

.deposit_table .withdrawal-rgt-container {
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    border: 1px solid #eee;
    margin-top: 10px
}

.password-field-rel {
    position: relative
}

.password-field-rel .score-hide-show img {
    max-width: 18px
}

.password-field-rel .score-hide-show {
    top: 10px;
    right: 15px
}

.worli-Bets-Modal .online-form-wrap input,.worli-Bets-Modal .online-form-wrap select {
    height: 44px
}

.worli-Bets-Modal a.blue-link {
    text-decoration: underline;
    color: #a17716
}

.online-payment-bank span.copt_btn_toolTips button:focus {
    background: transparent
}

.delete-account-modal .modal-body {
    text-align: center
}

.delete-account-modal .modal-body .modal-info {
    background: #5959591a;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px
}

.delete-account-modal .modal-body .modal-info img {
    filter: brightness(0) saturate(100%) invert(23%) sepia(46%) saturate(3333%) hue-rotate(335deg) brightness(115%) contrast(85%)
}

.delete-account-modal .modal-footer {
    border: none;
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    padding-top: 0;
    column-gap: 10px
}

.account-delete-msg h4 {
    font-size: 17px;
    font-weight: 600;
    font-family: "Exo 2"
}

.account-delete-msg p {
    font-size: 13px
}

.delete-account-modal .modal-header h5 {
    font-size: 16px;
    font-weight: 600;
    font-family: "Exo 2";
    color: #000
}

p.size-of-box.resend-otp {
    text-align: right;
    font-size: 12px;
    color: #000;
    font-weight: 600
}

.forgot-submit-btn .btn.thm-but {
    padding: 12px;
    margin: 0
}

.forgot-password-modal h5.modal-title {
    font-size: 16px;
    font-weight: 600;
    color: #000
}

.btn.link-btn.resend-otp-link {
    text-decoration: underline;
    margin: 0
}

.all-game-details-page .nav.nav-pills.casino-provider-list li button {
    padding: 6px 10px!important;
    font-family: "Exo 2",sans-serif;
    border-radius: 6px;
    border: solid 1px #be963b!important;
    box-shadow: 1px 1px 2px #b98d2e!important
}

.all-game-details-page .nav.nav-pills.casino-provider-list li button.active {
    color: #000!important
}

.int-casino-main-tabs .nav.sub-casino-provider-list .nav-item .nav-link.active {
    color: #000!important;
    border-bottom: none!important
}

.nav.nav-pills.sub-casino-provider-list {
    margin-top: 0
}

.all-game-details-page .nav.nav-pills.casino-provider-list {
    padding: 5px;
    column-gap: 10px
}

.nav.nav-pills.sub-casino-provider-list .nav-link {
    font-weight: 600!important;
    width: 85px;
    word-break: break-word;
    white-space: normal;
    line-height: 12px;
    height: 60px;
    align-items: center
}

.casino-header-search input.form-control {
    height: 36px;
    margin-bottom: 5px;
    padding-left: 28px;
    background: #f3f8fb;
    padding-right: 28px
}

.casino-header-search p {
    color: #212529;
    text-align: center;
    font-size: 14px
}

.casino-header-search span.clear-casino-filter {
    position: absolute;
    top: 7px;
    right: 15px
}

button.btn.search-casino-cta i {
    color: #000
}

.casino-header-search {
    padding: 0 5px;
    position: relative;
    margin-top: 5px
}

.casino-header-search .search-casino-cta {
    height: 28px;
    padding: 0 5px;
    color: #fff!important;
    background: none;
    border: none;
    border-radius: 4px;
    font-size: 12px;
    margin: 0;
    position: absolute;
    top: 4px;
    left: 9px
}

.one-click-bet-bx,.one-click-bet-bx a {
    width: 100%;
    display: flex;
    padding: 0!important;
    background: #dedddd
}

.setting-one-click-bet-sec {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px
}

.one-bet-click-value {
    min-width: 44px;
    text-align: right;
    line-height: 20px
}

.nav-right.header-nav-rgt ul li .setting-one-click-bet-sec span {
    color: #212529;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

.one-bet-click-value label {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 14px;
    line-height: 20px
}

.bet-any-odds-sec .form-check {
    min-height: auto!important
}

.bet-any-odds-sec .form-switch .form-check-input {
    margin-top: 0
}

.amount-value {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .5rem
}

.amount-value .amount-value-item {
    width: 25%;
    flex: 1 1 auto
}

.amount-value-item .amount-input {
    background: #fff;
    border: 1px solid #dadada;
    border-radius: 4px;
    color: #000;
    width: 100%;
    display: flex;
    height: auto;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: .5rem .75rem;
    line-height: 10px;
    font-size: .865rem
}

.amount-value-item .amount-input.active {
    color: var(--primary-color);
    border-color: var(--primary-color)
}

.min-max-section {
    display: flex;
    justify-content: flex-end;
    gap: .25rem
}

.min-max-section {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
    color: #746969
}

.min-max-section .min-max-con span {
    color: #302828fc
}

.select-payment-list .btn.dropdown-toggle {
    width: 100%;
    height: 44px;
    margin: 0;
    text-align: left;
    background: #fff;
    border: 1px solid #ced4da;
    font-size: 14px
}

.select-payment-list .btn.dropdown-toggle:after {
    right: 13px;
    font-size: 14px;
    top: 13px;
    content: "";
    font-family: FontAwesome;
    border: none;
    color: #000
}

.select-payment-list ul.dropdown-menu {
    width: 100%;
    padding: 10px;
    border-radius: 0;
    margin: 0;
    background: #fff;
    max-height: 250px;
    overflow-y: auto
}

.select-payment-list ul.dropdown-menu .search-input input.form-control {
    height: 40px
}

.select-payment-list ul.dropdown-menu li a.dropdown-item {
    padding: 6px 2px;
    font-size: 14px
}

.welcome-user-info .modal-info {
    width: 60px;
    height: 60px;
    background: #e5e5e5;
    padding: 15px
}

.welcome-msg {
    text-align: center
}

.welcome-msg h4 {
    font-weight: 600;
    font-family: "Exo 2",sans-serif;
    margin: 0;
    color: #b38625
}

.welcome-msg p {
    font-size: 16px;
    font-family: "Exo 2",sans-serif
}

.copyuser_id {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: solid 1px #9d9d9d;
    padding: 8px 10px;
    border-radius: 4px;
    background: #eee;
    margin-top: 10px
}

.copyuser_id h5 {
    font-size: 14px
}

.copyuser_id button {
    border: none;
    box-shadow: none;
    color: #b68a2a
}

.copyuser_id span.copt_btn_toolTips {
    position: relative
}

.copyuser_id .copt_text_hover {
    top: auto;
    bottom: 28px;
    right: -20px
}

.welcome-user-info .modal-footer {
    display: flex;
    flex-wrap: nowrap;
    border: none;
    padding-top: 0
}

.welcome-user-info .modal-footer button.thm-but {
    margin: 0;
    padding: 10px 25px;
    height: auto;
    line-height: normal;
    text-transform: uppercase;
    font-family: "Exo 2",sans-serif;
    font-size: 14px
}

.welcome-msg img {
    max-width: 80px;
    margin-bottom: 10px
}

.copyuser_id .copt_text_hover:before {
    bottom: -6px;
    top: auto;
    border-bottom: none;
    border-top: 8px solid #000000
}

.login-cmn-btn.login-demo-btn {
    display: flex;
    column-gap: 10px
}

.form-control {
    font-weight: 500;
    font-family: "Exo 2",sans-serif
}

.login-now .form-control {
    height: 36px
}

.mobile-input-box button.thm-btn {
    position: absolute;
    top: 3px;
    right: 3px;
    padding: 5px 8px;
    font-size: 13px;
    font-family: "Exo 2",sans-serif
}

.sattle-bet-list {
    padding: 0 10px 10px
}

.sattle-bet-list ul li {
    list-style: none;
    margin: 0 0 10px;
    padding: 10px 15px;
    background-color: #ededed;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    box-shadow: 0 1px 3px #ccc
}

.sattle-bet-list .list-con {
    margin: 0;
    line-height: normal;
    width: calc(100% - 30px)
}

.bet-list.league-list ul li h4 {
    font-size: 14px;
    display: flex
}

.bet-list.league-list ul li span {
    font-size: 12px;
    margin: 0 5px
}

.bet-list.league-list ul li .list-num {
    border-radius: 100%;
    background: #c3dcd3;
    min-width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: normal;
    width: 25px
}

.league-list .list-num span {
    color: #01af70
}

.noDatafound-txt {
    text-align: left;
    padding: 0;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400
}

.noDatafound-text {
    text-align: left;
    font-size: 16px;
    padding: 10px;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    background: #f5f5f5
}

.openBetsTabs .nav-tabs {
    gap: .5rem;
    border: none;
    margin-bottom: .5rem;
    flex-wrap: nowrap;
    overflow: auto;
    padding: 1px 1px 2px
}

.openBetsTabs .nav-tabs .nav-item .nav-link {
    cursor: pointer;
    font-size: .75rem;
    font-weight: 700;
    padding: .25rem .5rem;
    line-height: 18px;
    border-radius: .375rem;
    color: var(--primary-color);
    background-color: transparent;
    border: 0;
    box-shadow: #0000000a 0 5px 4px;
    border: solid 1px var(--primary-color);
    min-width: max-content
}

.openBetsTabs .nav-tabs .nav-item .nav-link.active {
    background: var(--primary-color);
    color: #fff;
    border-color: var(--primary-color)
}

.openBetsTabs .table thead tr th {
    text-align: center;
    background: #eee;
    margin: 0;
    border: 1px solid #ccc;
    padding: 5px;
    font-size: 12px;
    font-weight: 700;
    color: #000;
    white-space: nowrap
}

.openBetsTabs .table tbody tr td {
    margin: 0;
    padding: 5px;
    font-size: 12px;
    font-weight: 400;
    background: #fff;
    color: #000;
    border: 1px solid #ccc;
    white-space: nowrap;
    position: relative
}

#settledBetsDetails .openBetsTabs .table tbody tr td {
    text-align: center
}

#settledBetsDetails .openBetsTabs .table tbody tr td:first-of-type {
    text-align: start
}

.depositStatus {
    background: none;
    border: 1px solid #b9b9b9;
    color: #404040;
    min-width: 60px;
    padding: 4px 0;
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    border-radius: 4px;
    text-transform: uppercase;
    text-align: center;
    margin-right: 5px
}

.pending {
    border: 1px solid #b48727;
    color: #b48727
}

.reject {
    border: 1px solid #ff0000;
    color: red
}

.approved {
    border: 1px solid #28a745;
    color: #28a745
}

.depositStatus.bg-success {
    border: 1px solid #40af52!important;
    color: #fff!important;
    background: linear-gradient(89deg,#40af52,#2e924b 89.28%)!important
}

.depositStatus.bg-danger {
    border: 1px solid #eb244f!important;
    color: #fff!important;
    background: linear-gradient(89deg,#eb244f,#a90f31 89.28%)!important
}

.depositStatus.bg-pending {
    background: linear-gradient(89deg,#ffe066,#fc0 89.28%)!important;
    border-color: #ffe88d;
    color: #fff
}

.depositStatus.bg-warning {
    background: linear-gradient(89deg,#fba839,#c67700 89.28%)!important;
    border-color: #deb010;
    color: #fff
}

.fa-refresh {
    font-size: 18px;
    cursor: pointer;
    transition: transform .3s ease-in-out;
    color: #007bff
}

.fa-refresh:hover {
    color: #0056b3
}

.fa-spin {
    animation: fa-spin 1s linear infinite
}

@keyframes fa-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.casino-header-right {
    text-align: right
}

.casino-header-right span {
    font-size: 14px;
    color: #fff;
    font-family: "Exo 2",sans-serif
}

.casino-header-right span i.fa.fa-user {
    display: block;
    font-size: 16px
}

.modal-dialog.modal-fullscreen {
    max-width: 100%
}

.modal-fullscreen .modal-body {
    background: #ddd
}

.matka-header-tabs {
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 0 10px
}

.matka-header-tabs .nav-tabs {
    border: none;
    justify-content: center;
    width: 100%;
    column-gap: 10px;
    flex-wrap: nowrap
}

.matka-header-tabs .nav-tabs li.nav-item {
    width: 50%
}

.matka-header-tabs .nav-tabs li.nav-item button {
    width: 100%;
    border: 1px solid #b08619;
    border-radius: 6px;
    color: #b08619;
    font-size: 14px;
    font-family: "Exo 2",sans-serif;
    font-weight: 600
}

.matka-header-tabs .nav-tabs li.nav-item button.active {
    background: #b48727;
    color: #fff;
    border-color: #b48727
}

.exch-market-title {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    margin-bottom: 10px;
    margin-top: 10px
}

.matkadate_label {
    display: flex;
    align-items: center;
    column-gap: 10px
}

.date-btn {
    background: var(--primary-color);
    color: #fff;
    justify-content: center;
    font-size: 12px;
    border: none;
    padding: 5px 10px;
    border-radius: 4px
}

.date-btn span {
    display: flex;
    align-items: center;
    column-gap: 5px
}

.stake-theme-digit-btn {
    max-height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 5px
}

.gully-stakefix-sec hr {
    margin: 3px 0
}

.guru-but-sec p {
    line-height: normal
}

.all-matka-wrapper .matka-list-table .table tr th {
    font-weight: 600;
    font-size: 13px
}

.matka-detail-section {
    font-family: "Exo 2",sans-serif
}

.matka-rate {
    display: flex;
    align-items: center;
    column-gap: 6px
}

.matka-rate span.info-sec-icon {
    display: flex
}

.worli-Bets-Modal .modal-header h5.modal-title {
    font-weight: 600;
    font-size: 16px;
    color: #000;
    line-height: normal
}

.term_condiation_body_wrapper p {
    font-size: 14px;
    margin-bottom: 10px
}

.stack-save-btn .thm-btn {
    margin: 0;
    padding: 10px
}

.edit-stake-modal ul.qrShare-list {
    display: flex;
    margin-bottom: 10px;
    justify-content: center;
    column-gap: 15px
}

.edit-stake-modal ul.qrShare-list li {
    display: inline-block
}

.edit-stake-modal ul.qrShare-list li a img {
    max-width: 40px;
    max-height: 40px
}

.p25 {
    padding: 25px!important
}

.view-qr-box {
    text-align: center;
    margin-bottom: 10px
}

.view-qr-box img {
    max-width: 220px
}

.market-not-available {
    font-size: .875rem;
    color: #5e6469
}

.casino-grid-wrapper {
    height: auto;
    overflow-y: inherit;
    width: 100%;
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    overflow-x: auto;
    margin-bottom: 20px;
    gap: 2px;
    margin-top: 15px
}

.no-real-time {
    text-align: center;
    background: #eee;
    margin-bottom: 10px;
    line-height: 5
}

.withdraw-table tr td i.fa {
    font-size: 14px
}

.Continue-with .button-whatsapp .btn-whatsapp {
    margin-top: 0
}

.profile-tab-list {
    margin-top: 10px
}

.login-now .mak-gin button.thm-btn {
    padding: 6px 10px;
    background: #b88831;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500
}

.forget-login .login-cmn-btn.login-demo-btn .btn.thm-but {
    text-transform: uppercase;
    background: #b48727;
    color: #fff!important
}

.forget-login .login-cmn-btn.login-demo-btn .btn.thm-but:active {
    text-transform: uppercase;
    background: #b48727!important;
    color: #fff!important
}

.forget-login .login-cmn-btn.login-demo-btn button {
    text-transform: uppercase;
    color: #fff;
    background: #b48727
}

.mobile-sidemenu-wrapper .depo-and-wdrl-sec {
    padding: 0
}

.mobile-sidemenu-wrapper {
    height: calc(100vh - 70px);
    overflow-y: auto
}

.dropdown.open-menu-btn button.active,.dropdown.open-menu-btn button:active {
    background: var(--primary-color)
}

.install-apk-model .btn-close {
    right: 0!important;
    left: auto!important;
    top: 22px!important
}

.install-app-content .nav-tabs {
    border: none;
    width: 100%;
    flex-wrap: nowrap;
    margin-bottom: 10px;
    column-gap: 10px
}

.install-app-content .nav-tabs li.nav-item {
    width: 50%
}

.install-app-content .nav-tabs li.nav-item button {
    width: 100%;
    border: solid 1px #b38625;
    margin: 0;
    color: #000;
    padding: 6px;
    background: #e9e5d8;
    border-radius: 6px
}

.install-app-content .nav-tabs li.nav-item button.active {
    background: #b38625;
    color: #fff
}

.install-apk-model .modal-footer {
    justify-content: center;
    border: none;
    padding-top: 5px
}

.install-apk-model .modal-footer button.btn.close-btn {
    background: #b38625;
    border-color: #b38625;
    color: #fff!important;
    font-size: 16px;
    padding: 8px 20px;
    line-height: normal
}

.matka-list .accordion-body {
    background: #fff;
    border-radius: 4px;
    border: none!important;
    padding: 10px 6px;
    margin-bottom: 10px
}

.matka-list .accordion-body:last-child {
    margin-bottom: 0
}

.matka-list .fantasy-container .team-con ul {
    display: flex;
    margin-bottom: 5px
}

.matka-list .fantasy-container .team-con ul li {
    flex: 0 0 50%;
    margin: 0
}

.matka-list .fantasy-container .team-con {
    padding-bottom: 10px
}

.matka-list .fantasy-container .team-con li {
    font-size: 12px;
    font-weight: 600;
    color: #000;
    text-transform: capitalize
}

.matka-list .fantasy-container ul .team-list-wid {
    list-style: none;
    font-weight: 400
}

.matka-list .team-con .team-list {
    margin-top: 10px;
    padding: 0
}

.matka-list .team-con .team-list ul {
    gap: 4px;
    overflow: visible;
    border: none!important;
    display: flex;
    align-items: center;
    margin: 0;
    overflow: auto
}

.matka-list .team-con .team-list ul li {
    padding: 5px 10px!important;
    border-bottom: none;
    width: 100%!important;
    margin: 0;
    text-align: center;
    background: var(--primary-gradient-color);
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    color: #fff!important;
    font-size: 12px;
    border: none!important;
    min-width: 80px
}

.matka-list .team-con .team-list ul li span {
    color: #000;
    min-width: max-content;
    display: block;
    padding: 0 5px
}

.matka-list .team-con .team-list ul li .text-val,.openBetsTabs .table thead tr th b {
    font-weight: 600
}

section.refer-rewards-wrapper {
    padding: 15px
}

.refer-rewards-wrapper .no-notifucation-icon {
    margin-bottom: 10px
}

.refer-rewards-wrapper .no-notifucation-icon img {
    max-height: 90px
}

.refer-rewards-wrapper .thm-heading h3 {
    margin-top: 10px;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 5px
}

.refer-rewards-wrapper .copy-input-sec {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 15px
}

.refer-rewards-wrapper .copy-input-sec label {
    font-weight: 500;
    margin-bottom: 5px
}

.copy-referral-box {
    border: dashed 2px #bf993b;
    padding: 4px 7px 4px 15px;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.copy-referral-box button.thm-but.shr-btn {
    position: inherit;
    font-size: 14px;
    height: 36px
}

.refer-social-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 10px
}

.refer-social-link h5 {
    font-size: 16px;
    font-weight: 500
}

.copy-social-share-link h5 {
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 5px
}

.copy-social-share-link .copy-input-sec.share-input {
    margin: 0
}

.cricket-wrapper.maximum-sec span.team-list-wet {
    display: block;
    font-weight: 500
}

.forgot-btn-box {
    margin-top: 10px
}

.forgot-btn-box button.thm-btn {
    width: 100%;
    margin: 0;
    padding: 10px
}

#howtoModal .modal-dialog {
    max-width: 100%;
    margin: 0 auto
}

.modal-boder-btn.thm-heading.mt-lg-3.mt-2 .thm-but.thm-bor-but.text-center {
    padding: 4px 10px
}

.modal-backdrop.show {
    opacity: .7
}

.one-line-data:hover {
    color: #000
}

.view-more-btn-relative {
    position: relative
}

.view-more-btn-relative .cricket-reset-btn {
    position: absolute;
    right: 0;
    top: 0
}

.cricket-reset-btn a.thm-but {
    padding: 6px 8px
}

.choose-bet-list ul li .info-list ul li {
    width: 100%
}

.choose-bet-list ul li button .info-list {
    width: 200px;
    transform: none;
    top: 30px;
    left: -30px
}

.choose-bet-list ul li button .info-list:before {
    transform: none;
    left: 23px;
    top: -10px;
    width: 30px;
    height: 15px
}

.choose-bet-list ul li:last-child button .info-list {
    right: -45px;
    left: auto
}

.choose-bet-list ul li:last-child button .info-list:before {
    right: 37px;
    left: auto
}

.add_file_sec {
    position: relative
}

.loader_timer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #0003;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center
}

.loader_deposit {
    width: 60px;
    height: 60px;
    border: 6px solid transparent;
    border-top: 6px solid #fff;
    border-radius: 50%;
    color: #fff;
    animation: spin 1s linear infinite,glow 1.5s ease-in-out infinite alternate
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes glow {
    0% {
        box-shadow: 0 0 10px #000
    }

    to {
        box-shadow: 0 0 10px #000
    }
}

text#myTimer {
    position: absolute;
    color: #fff
}

a.bdr-btn.signup-login-btn.login-btn:hover {
    background: #006400
}

.login-footer-logo {
    margin-top: 20px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-evenly;
    column-gap: 30px
}

.login-footer-logo .footer-logo {
    margin: 0
}

.footer-bootom-fixed-marquee {
    width: 100%;
    text-align: center;
    z-index: 999;
    position: relative
}

.footer-bootom-fixed-marquee marquee {
    padding: 2px 4px;
    width: 100%
}

.offer_banner_container .offer_banner_img {
    height: 220px;
    width: 100%
}

.offer_banner_container .offer-img {
    width: 100%;
    height: 100%;
    border-radius: 5px
}

.offer_banner_container img.gp-closeButton {
    right: 4px;
    top: 2px;
    height: 25px
}

input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator {
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    -o-appearance: none!important;
    -ms-appearance: none!important;
    appearance: none!important;
    opacity: 0;
    z-index: 1;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7489%) hue-rotate(134deg) brightness(102%) contrast(102%)!important
}

input[type=date] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.start-end-date-sec {
    position: relative
}

.start-end-date-sec:after {
    position: absolute;
    top: 1px;
    right: 1px;
    content: "";
    font-family: FontAwesome;
    font-size: 13px;
    color: #4b4b4b;
    width: 30px;
    height: 32px;
    background: #fff;
    line-height: 32px;
    text-align: center;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.start-end-date-sec input[type=date] {
    position: relative;
    z-index: 1;
    background: transparent
}

.otp-login-btn {
    position: absolute;
    top: 2px;
    right: 2px
}

.otp-login-btn span.btn {
    background: #b88831;
    border-color: #b88831;
    color: #fff!important;
    font-size: 14px;
    padding: 5px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0
}

.otp-login-btn span.btn:active,.otp-login-btn span.btn.active {
    background: #b88831;
    border-color: #b88831
}

https://wa.link/lotuse365 .forget-login .login-cmn-btn.login-demo-btn .btn.thm-but:focus {
    box-shadow: 0 0 0 .2rem #268fff80!important
}

https://wa.link/lotuse365 .forget-login .login-cmn-btn.login-demo-btn .btn.thm-but.active,https://wa.link/lotuse365 .forget-login .login-cmn-btn.login-demo-btn .btn.thm-but:active {
    background-color: #0062cc;
    border-color: #005cbf
}

span.fl-left {
    float: left;
    width: 100%;
    font-size: 14px
}

.score_card_tv_sec {
    display: flex;
    align-items: center;
    gap: 3px
}

.btn.tv-btn {
    margin: 0
}

.score_card_icon img {
    width: 15px
}

button.btn.tv-btn.score_card_icon {
    display: flex;
    align-items: center;
    justify-content: center
}

.market-group-header {
    background: #f3f8fb
}

.back-lay-title {
    background-color: #f3f8fb
}

.live-match-sec {
    margin-bottom: 3px
}

.game_lobby_iframe {
    display: flex;
    position: fixed;
    transform: translateZ(0);
    height: 250px;
    z-index: 9999;
    cursor: pointer;
    width: 100%;
    --opacityValue: 0;
    background: #fff;
    bottom: 105px;
    border-radius: 5px
}

.game_lobby_iframe:after,.game_lobby_iframe:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(45deg,#fff,#c1c1ec,#c3c8fc,#1e1c36,#000,#131329,#d3fcd3,#fcfcd3,#fff);
    background-size: 400%;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    z-index: -1;
    animation: steam 20s linear infinite;
    border-radius: 10px 10px 0 0
}

.game_lobby_iframe iframe {
    width: 100%;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.lobby-iframe-close-icon {
    position: absolute;
    top: 7px;
    right: 7px;
    background-color: #a47218;
    border-radius: 35px;
    width: 28px;
    text-align: center;
    padding: 0;
    line-height: 26px;
    height: 28px
}

@keyframes steam {
    0% {
        background-position: 0 0
    }

    50% {
        background-position: 400% 0
    }

    to {
        background-position: 0 0
    }
}

.market-group marquee {
    background-color: #f1f1f1
}

.low_balance_modal .deposit-balance-model-content img {
    text-align: center;
    width: 60px;
    margin-bottom: 10px
}

.low_balance_modal .deposit-balance-model-content {
    text-align: center
}

button.balance_close_btn {
    border: 0;
    background: none;
    color: #000;
    font-size: 18px;
    line-height: normal
}

.modal-body.low_balance_modal {
    background: #fff
}

.modal-footer.justify-content-center.low_balace_footer {
    background: #fff;
    border: none;
    padding-top: 0
}

.deposit-balance-model-content h5 {
    font-size: 18px;
    color: #000
}

.deposit-balance-model-content p {
    font-size: 14px;
    color: #212529
}

.low_deposit_btn {
    background: var(--primary-gradient-color);
    color: #000!important;
    font-size: 14px;
    width: 50%;
    border-radius: 5px;
    padding: 9px;
    font-weight: 600;
    border: 0;
    margin: 0 .25rem
}

.low_balance_header {
    padding: 10px!important
}

.eventtitle-bx {
    background: #f3f8fb
}

.bet-details-header .mrkname.greyhound {
    height: auto;
    line-height: normal
}

button.close-marquee {
    position: absolute;
    right: 0;
    border: none;
    color: #fff;
    font-size: 12px;
    height: 20px;
    width: 25px;
    background: #000;
    top: 0
}

.header-search-filter-cta .modal-dialog {
    margin: 0;
    max-width: 100%
}

.header-search-filter-cta .modal-dialog .modal-content {
    border: none;
    background: #fff;
    border-radius: 0
}

.header-search-filter-cta .modal-dialog .modal-content .modal-header {
    padding: 0!important;
    border-radius: 0
}

.header-search-filter-cta .modal-dialog .modal-content .modal-header .input-form {
    display: flex;
    align-items: center;
    column-gap: 10px;
    padding: 11px;
    width: 100%
}

.header-search-filter-cta .modal-dialog .modal-content .modal-header .input-form .search-icon i.fa-solid.fa-magnifying-glass {
    position: inherit;
    color: #fff
}

.header-search-filter-cta .input-form .form-control {
    padding: 0;
    border: none;
    text-align: center;
    height: 40px;
    width: 100%!important
}

.header-search-filter-cta .modal-header .btn-close {
    color: #fff
}

.header-search-filter-cta .modal-body {
    padding: 0!important
}

.no-result-found li {
    padding: 10px 15px
}

.bold-text {
    font-weight: 600!important
}

.team-list.matka-list ul li span {
    color: #fff;
    font-size: 13px
}

.dropdown.open-menu-btn button {
    margin-right: 0
}

.inplay-item-list_exchangeGames .popular-game-tab .nav-tabs .nav-item .nav-link {
    border-radius: 6px;
    transform: none;
    box-shadow: 0 0 3px #b7b7b7!important;
    margin-top: 3px
}

.inplay-item-list_exchangeGames .popular-game-tab .nav-tabs .nav-item .nav-link p {
    transform: none;
    font-weight: 700
}

.left-side-bar-sec.darkmenu-sidebar,.left-side-bar-sec.darkmenu-sidebar .instant-id-bx {
    background: #000
}

.average-odd label {
    display: flex;
    align-items: center;
    column-gap: 5px;
    font-weight: 500;
    margin-bottom: 10px
}

.average-odd label .form-check-input[type=checkbox] {
    margin: 0
}

.modal-body.sports-bets-modal .nav.nav-tabs {
    border: none;
    background: #fff;
    border-top: solid 2px #bbbbbb;
    column-gap: 10px
}

.modal-body.sports-bets-modal .nav.nav-tabs button.nav-link {
    border-radius: 0;
    border: none;
    padding: 4px 15px;
    color: #000;
    font-weight: 500
}

.modal-body.sports-bets-modal .matched-unmatched-tabs .tab-content {
    padding: 0
}

.modal-body.sports-bets-modal .matched-unmatched-tabs .tab-content .form-search-table {
    padding: 10px 0 0
}

.modal-body.sports-bets-modal .form-search-table thead tr th {
    font-size: 13px;
    white-space: nowrap
}

.modal-body.sports-bets-modal .form-search-table tbody tr td {
    white-space: nowrap
}

.modal-body.sports-bets-modal .matched-unmatched-tabs .tab-content .form-search-table .title {
    margin-bottom: 5px;
    font-weight: 600
}

#cancelbetModal .modal-footer {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    border: none;
    padding-top: 0
}

#cancelbetModal .modal-dialog {
    bottom: 2px
}

.text-danger {
    color: red!important
}

section.notification-wrapper {
    padding: 10px;
    align-content: center;
    width: 100%
}

.no-notification-icon {
    text-align: center;
    margin-bottom: 10px
}

.no-notification-icon img {
    max-width: 80px
}

.notification-no-data-found {
    text-align: center
}

.notification-no-data-found h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 5px
}

.notification-no-data-found p {
    font-size: 14px;
    line-height: 20px;
    color: #404040
}

.notification-title h2 {
    font-size: 18px;
    font-weight: 600;
    padding: 10px;
    background: #dedddd
}

.withdraw-otp-row p {
    font-size: 12px
}

p.error-msg {
    font-size: 12px;
    line-height: 18px
}

.withdraw-otp-row {
    display: flex;
    justify-content: space-between;
    width: 100%;
    white-space: nowrap
}

.withdraw-otp-row p.size-of-box.resend-otp {
    width: 100%
}

p.error-msg small {
    font-size: 12px
}

.notification-wrapper .match-head {
    font-size: 16px;
    margin: 0;
    line-height: normal
}

.notification-wrapper span.notification-msg {
    margin: 2px 0 5px;
    display: block
}

.notification-wrapper .match-con.clock-sec span {
    border: none;
    display: flex;
    align-items: center;
    column-gap: 5px;
    color: #303030
}

.notification-wrapper .transactions-request {
    background: #f5f5f5;
    box-shadow: 0 2px 1px #ccc;
    border: none
}

.fancybook-table .table {
    border: 1px solid hsla(210,8%,51%,.13)!important;
    margin: 0
}

.fancybook-table table td,.fancybook-table table th {
    font-weight: 800;
    font-size: 14px;
    padding: 15px 0
}

.fancybook-table table th {
    padding: .25rem .5rem;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid hsla(210,8%,51%,.13)!important
}

.fancybook-table table td {
    font-weight: 500;
    padding: .25rem .5rem;
    line-height: 14px;
    border: 1px solid hsla(210,8%,51%,.13)!important
}

.openBetsTabs .table tbody tr td span.cashout-Box {
    margin: 0;
    position: absolute;
    left: 0;
    top: 3px;
    padding: 0;
    height: 16px;
    width: 16px;
    line-height: 15px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 2px
}

.openBetsTabs .table tbody tr td.is_cashout {
    padding-left: 20px;
    text-align: center
}

td.avg-event {
    background: #e9e9e9!important
}

.modal-body.sports-bets-modal .matched-unmatched-tabs .nav.nav-tabs {
    justify-content: space-between;
    width: 100%;
    flex-wrap: nowrap
}

.modal-body.sports-bets-modal .matched-unmatched-tabs .nav.nav-tabs button {
    width: 100%;
    font-size: 14px
}

.bet_show_date span {
    margin: 0!important;
    color: #333;
    font-weight: 400
}

.bet_details_sub_title_mains {
    display: flex
}

.bets_name_header label {
    font-size: 14px;
    color: #000;
    font-weight: 500
}

.whatsaap-support-btn-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 10px;
    padding: 0;
    margin: 0;
    justify-content: center
}

.support-call-now {
    display: flex;
    width: calc(50% - 5px);
    position: relative
}

.support-whatsapp-icon {
    position: absolute;
    left: -2px;
    top: 0;
    background: #3bb800;
    border-radius: 30px;
    width: 26px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px
}

.support-call-now a span {
    width: 100%;
    padding: 6px 2px;
    background: var(--primary-gradient-color);
    color: #000!important;
    font-size: 10px;
    border: none;
    border-radius: 15px 4px 4px 15px;
    display: block;
    text-align: center;
    font-weight: 600
}

.support-call-now {
    display: flex;
    width: calc(50% - 5px)
}

.matkaMTL-list ul {
    gap: 4px;
    overflow: visible;
    border: none!important;
    display: flex;
    align-items: center;
    margin: 0;
    overflow: auto
}

.matkaMTL-list ul li {
    padding: 5px 10px!important;
    border-bottom: none;
    width: auto!important;
    margin: 0;
    text-align: center;
    background: var(--primary-gradient-color);
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    color: #fff!important;
    font-size: 12px;
    border: none!important;
    min-width: max-content;
    flex: 0 0 70px
}

.matkaMTL-list ul li span {
    color: #000!important;
    min-width: max-content;
    display: block
}

.matkaMTL-list .text-val {
    font-weight: 600
}

.matkaMTL-accordion {
    border: 1px solid var(--primary-color)!important;
    overflow: hidden
}

.matkaMTL-accordion .accordion-header .accordion-button {
    border: none!important
}

.matkaMTL-accordion .accordion-body .modal-list-con ul li {
    margin-top: 0;
    margin-bottom: 0
}

#cashout-model .acc-login-sec {
    padding: 0
}

.mobile-search-menu.after-open-sidebar .menu-toggle {
    z-index: 99999
}

.mobile-search-menu.after-open-sidebar .menu-toggle span.menu-toggle-bar.menu-toggle-bar--top {
    transform: rotate(45deg) translate(5px)
}

.mobile-search-menu.after-open-sidebar .menu-toggle span.menu-toggle-bar.menu-toggle-bar--middle {
    display: none
}

.mobile-search-menu.after-open-sidebar .menu-toggle span.menu-toggle-bar.menu-toggle-bar--bottom {
    transform: rotate(-45deg) translateY(5px)
}

.matka-section li .popular-con.matka-info-sec span img.matka-time-icn {
    max-width: 12px;
    filter: brightness(0) saturate(100%) invert(55%) sepia(36%) saturate(822%) hue-rotate(3deg) brightness(91%) contrast(92%)
}

.datatable.table.win-no-data tbody {
    height: 36px;
    position: relative
}

.fancy-tab-lft-content .negative {
    line-height: normal
}

.openBetsTabs .table tbody tr td:first-child {
    padding-left: 20px
}

.game-iframe-body {
    padding: 0!important
}

.game-iframe-body .game-iframe-sec {
    height: 99%
}

.game-iframe-body .iframe-content {
    height: 100%
}

.modal-content.main-content h4.modal-title {
    line-height: normal;
    font-size: 16px;
    color: #000
}

.menu-details-list.all-rule p {
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 10px
}

.menu-details-list.all-rule h3 {
    margin-bottom: 5px
}

.menu-details-list.all-rule h3 strong {
    font-size: 16px
}

.menu-details-list.all-rule ul li {
    padding: 0;
    border: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 14px;
    margin-bottom: 10px
}

.menu-details-list.all-rule h4 {
    font-size: 16px;
    margin: 0 0 5px
}

.menu-details-list.all-rule ul li strong {
    font-size: 16px
}

.gully-stakefix-sec .third-row-box button.thm-btn:active,.gully-stakefix-sec .third-row-box button.thm-btn.active {
    background: linear-gradient(to bottom,#f4e1a6,#d8b952)
}

.demo-login-footer {
    background: #000;
    text-align: center;
    padding: 3px
}

.demo-login-footer p {
    line-height: normal;
    color: #fff;
    font-size: 12px
}

.marquee-container {
    width: 100%;
    overflow: hidden
}

.marquee-container .marquee-content {
    white-space: nowrap;
    animation: marquee-scroll 10s linear infinite
}

@keyframes marquee-scroll {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(-100%)
    }
}

#bets-matched-modal .modal-body.sports-bets-modal .form-search-table tbody.non-avg-odds tr td:first-child {
    padding-left: 25px
}

#bets-matched-modal .modal-body.sports-bets-modal .form-search-table tbody.non-avg-odds tr td {
    position: relative
}

#bets-matched-modal span.cashout-Box {
    position: absolute;
    left: 0;
    top: 5px;
    height: 18px;
    padding: 0;
    width: 18px;
    font-size: 11px
}

.custom-who-will-win-sec .running-con {
    width: 75%;
    margin: 0 auto
}

.bonus-play {
    height: 35px;
    text-align: center;
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 9;
    border: none;
    color: #fff;
    font-size: 13px;
    line-height: normal;
    transform: translate(40%) rotate(90deg);
    border-radius: 0 0 6px 6px;
    min-width: 120px
}

.bonus-play .text-display {
    width: 100%;
    background: var(--primary-color);
    border: none;
    color: #fff;
    font-size: 13px;
    font-family: Roboto;
    padding: 5px 10px;
    line-height: normal;
    border-radius: 0 0 6px 6px;
    min-width: 120px
}

.withdraw_title_amount_cl.withdraw_bal_section {
    background: var(--dark-color-bg)!important;
    color: #000!important;
    text-align: center;
    border-radius: 5px;
    padding: 4px 6px;
    font-weight: 600!important;
    font-size: 12px!important;
    text-transform: uppercase
}

.withdraw_title_amount_cl.withdraw_bal_section span {
    position: relative;
    font-size: 14px;
    color: #000!important;
    line-height: normal;
    padding: 0 0 0 4px
}

.report-name {
    padding: 15px 0;
    display: inline-block;
    width: 100%
}

.faqs-quis-col {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 10px;
    padding: 0 5px
}

.faq-question-box {
    width: calc(50% - 5px)
}

.faq-question-box .btn.cmn-btn {
    margin: 0;
    color: #fff!important;
    padding: 3px 10px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: normal
}

.faq-container .report-name h3 {
    font-weight: 600;
    font-size: 18px
}

.digits-fix-header .thm-modal-header .live-but-sub-con span {
    font-weight: 600
}

.matka-detail-inner-tabs .exch-market-title h4 {
    margin: 0
}

.bet-details-left .live-but-sub-con span {
    display: block;
    text-align: center
}

.score-hide-show img {
    width: 16px;
    max-width: 16px
}

.profile-change-password-sec .score-hide-show img {
    max-width: 18px;
    filter: invert(.5)
}

#whatsapp-modal .modal-header {
    padding: 7px!important
}

#whatsapp-modal .modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 14px!important
}

.account_statement_sec {
    padding: 5px 12px
}

.last_btn_width {
    width: 100%
}

.team-list-sec.my_bet_result_wrapper ul {
    display: grid!important;
    grid-template-columns: 3fr .5fr 4fr
}

.team-list-sec.my_bet_result_wrapper ul li {
    width: 100%!important
}

.dots_width {
    width: 50px;
    text-align: center
}

.team-list.matka-list.my_bet_result_box2 ul li {
    padding: 5px!important;
    min-height: 40px
}

.back-slip.accordion-body.team-con.fantasy-container.bet_main_container {
    border: 1px solid #70707038!important
}

.bet_main_container .team-con.matka-list {
    padding-bottom: 5px!important
}

.copy-social-share-link .copy-input-sec.share-input input.form-control {
    padding-right: 60px!important
}

.market-group-header .mark-lft-head {
    justify-content: space-between
}

.mark-lft-head.who_will_win_sec .mrkname.who_will_win_text {
    width: 86%
}

.multi_market_sec .market-group-header .mark-lft-head {
    justify-content: flex-start
}

.info-footer .thm-but.save-notification:hover,.info-footer .thm-but.save-notification:focus,.info-footer .thm-but.save-notification:active {
    color: #000
}

.custom-who-will-win-wrapper .bet-details-btn-group .back.win-active-btn {
    height: 40px;
    margin-bottom: -6px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.bet-details-btn-group button:hover,.bet-details-btn-group button:focus,.bet-details-btn-group button:focus-visible {
    outline: none
}

li.header-userid {
    padding: 0!important;
    width: 100%
}

.header-copy-icon {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center
}

.header-userid a {
    padding: 8px 10px;
    display: block;
    background: var(--primary-color)
}

.header-copy-icon h5 {
    font-weight: 600;
    font-size: 13px;
    color: #fff;
    overflow-x: auto;
    margin-right: 10px;
    white-space: nowrap;
    text-transform: uppercase
}

.dropdown.open-menu-btn button.copy-btn i.fa-solid.fa-copy {
    margin: 0;
    font-size: 13px;
    height: auto;
    width: auto
}

.dropdown.open-menu-btn button.copy-btn {
    width: auto;
    height: auto;
    margin: 0!important;
    background: transparent
}

.header-copy-icon .copt_text_hover {
    display: block;
    top: 28px;
    right: 0
}

.header-copy-icon .copt_text_hover:before {
    left: auto;
    right: 11px;
    top: -7px
}

.btn.tv-btn:hover,.btn.tv-btn:active,.btn.tv-btn:focus {
    background: var(--primary-gradient-color)
}

.low_balance_header h5.modal-title {
    font-size: 16px;
    line-height: normal;
    font-weight: 600;
    color: #000
}

.support-call-now a {
    width: 100%
}

p.text-danger.error-msg {
    font-size: 14px;
    color: red!important
}

p:empty :not(p+p:empty) {
    display: none
}

.demo_login_modal ul li a span.whatsapp-modal-btn-icn {
    position: absolute;
    left: 0;
    color: #fff;
    background: #01af70;
    width: 29px;
    height: 29px;
    border-radius: 100px;
    top: 0
}

.demo_login_modal ul li a {
    position: relative;
    background: var(--primary-gradient-color)!important;
    padding: 4px 10px;
    border-radius: 20px;
    display: flex;
    margin: 10px auto!important;
    max-width: 200px!important;
    text-align: center;
    color: #000!important;
    gap: 8px;
    justify-content: center;
    align-items: center;
    font-size: 14px
}

.exch-top-matka-head.mycontest-header-title {
    padding-top: 10px
}

.exch-top-matka-head.mycontest-header-title .exch-breadcrumb-heading-sec span {
    width: 65%
}

.pagination_scetion {
    display: flex;
    justify-content: space-between;
    padding: 0 7px;
    align-items: center
}

.pagegneshan-cl {
    font-size: 13px;
    font-weight: 500;
    color: gray
}

.pagination_scetion .pagination {
    justify-content: center;
    padding-bottom: 0!important
}

.market-event-name .back-lay-status {
    padding-left: 5px
}

.copyuser_id button:hover,.copyuser_id button:focus {
    border: none!important;
    outline: none
}

.betslip-aval-bal {
    text-align: right;
    font-size: 13px;
    font-weight: 600
}

.betslip-aval-bal span.text-green {
    color: #05a403
}

.bet-placing-head .bet-placing-head-right {
    padding-right: 0;
    flex-direction: row;
    column-gap: 3px
}

.exch-top-matka-head.mycontest-header-title {
    background: #eee;
    padding: 5px 10px
}

p.betslip-aval-bal.hide-avil-fancy-betslip {
    display: none
}

.fancy-market-tabs-details-sec.bet-slip-area p.betslip-aval-bal {
    padding: 0;
    background: transparent;
    margin: 0
}

.form-search-table table.datatable.table {
    margin: 0
}

.form-search-table thead tr .text-left {
    text-align: left;
    padding-left: 25px
}

.form-search-table tbody.non-avg-odds tr .text-left {
    text-align: left
}

.fight-contest-timer {
    text-align: center;
    margin-top: 3px
}

.fight-contest-timer h3 {
    font-size: 14px;
    text-align: center;
    color: #333;
    display: inline-block;
    padding: 2px 6px;
    border-radius: 4px;
    background: #e1e1e1
}

.modal-body.match-reminder-modal-info .modal-info.modal-info-bg {
    margin-bottom: 0
}

.match-reminder-modal-info .thm-but.thm-bor-but.text-center {
    line-height: normal
}

.modal-body.match-reminder-modal-info .thm-heading p {
    color: var(--text-grey-color);
    font-size: 14px;
    font-weight: 500
}

.rules-fight-modal .exch-match-detail-tabs-section .nav-tabs .nav-link {
    padding: 6px 10px;
    height: auto
}

.rules-fight-modal .exch-match-detail-tabs-section {
    margin-bottom: 10px
}

.rules-fight-modal .language-list p {
    font-size: 14px
}

.modal-header h5,.modal-header h4,.modal-header h2 {
    color: #000!important;
    font-size: 16px;
    line-height: 15px;
    padding: 0;
    font-weight: 600
}

.matka-wrapper-detail .guru-but-sec li button .profit-color {
    color: #13ae00
}

.one-line-data span {
    display: flex;
    align-items: center;
    margin-top: 2px
}

.one-line-data p {
    line-height: 14px;
    font-weight: 700;
    font-size: 16px
}

.announcement-icon {
    padding: 4px;
    display: flex;
    align-items: center
}

.announcement-icon img {
    max-width: 15px
}

li.download_apk_side_btn_menu a {
    padding: 10px 15px!important
}

.menu-details-list.all-rule p i {
    font-style: normal;
    color: #000;
    font-size: 14px
}

.menu-details-list.all-rule p {
    margin: 0;
    word-break: break-all;
    font-weight: 400
}

.menu-details-list.all-rule p span,.menu-details-list.all-rule p ul li,.menu-details-list.all-rule p,.menu-details-list.all-rule p strong {
    font-style: normal;
    font-size: 14px;
    color: #000
}

.menu-details-list.all-rule h2,.menu-details-list.all-rule h2 i {
    font-size: 18px;
    font-style: normal
}

.menu-details-list.all-rule h4 strong {
    font-size: 16px;
    font-style: normal
}

.menu-details-list.all-rule .table,.menu-details-list.all-rule .table tbody,.menu-details-list.all-rule .table table {
    width: 100%
}

.menu-details-list.all-rule .table table tr td,.menu-details-list.all-rule .table table tr td strong {
    font-size: 14px
}

#settledBetsDetails .openBetsTabs .nav-tabs li {
    width: calc(33% - 3px)
}

#settledBetsDetails .openBetsTabs .nav-tabs .nav-item .nav-link {
    text-align: center
}

.t-bet-body .noDatafound-txt {
    text-align: center!important;
    width: 100%
}

.list-num span {
    line-height: 25px!important;
    display: flex!important;
    align-items: center;
    justify-content: center;
    padding: 4px
}

.matkaMTL-list ul li .live-but {
    justify-content: center
}

.matkaMTL-accordion .accordion-body .modal-list-con ul li span {
    text-transform: capitalize
}

.exch-top-matka-head a.exch-breadcrumb-heading-sec h5 {
    font-weight: 700
}

.exch-same-pdb-wrapper .exch-top-matka-head {
    background: #d9d9d9;
    padding: 6px 10px
}

.exch-match-detail-tabs-section .nav-tabs li:last-child .nav-link {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: none
}

.cricket-fight-btn-group {
    display: flex;
    align-items: center;
    column-gap: 5px;
    justify-content: flex-end
}

.cricket-fight-btn-group .thm-bor-but {
    margin: 0;
    width: auto;
    min-width: 80px;
    padding: 6px 10px;
    line-height: normal
}

.exch-form-sec .form-control {
    border: solid 1px #808080;
    box-shadow: none;
    height: 38px
}

#editnavModal .exch-form-sec {
    margin-top: -4px
}

.view-btn {
    text-align: center;
    margin-bottom: -20px
}

.recommended-wrapper .transactions-request {
    padding: 6px 10px
}

.choose-bet-list .nav-pills .nav-link span.info-sec-icon {
    display: flex;
    justify-content: center;
    width: 16px;
    margin: 0 auto
}

.login-modal-sec.view-bet-modal section.no-notifucation .thm-heading h3 {
    color: #000
}

.right-side-bar-main-sec.my-bets-sec .form-search-table tbody tr td a {
    color: #e6d583;
    display: inline-block;
    min-width: 95px;
    background: var(--primary-gradient-color);
    border-radius: 5px;
    line-height: 20px;
    padding: 3px;
    font-size: 13px;
    font-weight: 500;
    border: 0;
    text-transform: capitalize
}

.select-search-box .form-select:disabled {
    background-color: #e9ecef!important;
    opacity: .5
}

.rules-fight-modal .exch-match-detail-tabs-section .nav-tabs {
    margin-top: 0
}

.player-wrapper.select-player-wrapper .cricket-heading.cricket-item-list.align-items-center.res-heading {
    margin-bottom: 10px
}

.no-scroll {
    overflow: hidden!important;
    pointer-events: none
}

ul.user_id_wrapper {
    display: flex;
    align-items: center
}

.list-con.bet_details_title_mains {
    display: flex;
    flex-direction: column
}

.demo-footer {
    display: inline-block;
    width: 100%;
    text-align: center
}

.demo-login-footer {
    text-align: center;
    position: fixed;
    top: 47%;
    right: -6px;
    z-index: 99;
    background: #000;
    border: none;
    color: #fff;
    font-size: 14px;
    padding: 5px 10px;
    line-height: normal;
    transform: translate(34%) rotate(90deg);
    border-radius: 0 0 6px 6px;
    min-width: 120px
}

.exch-breadcrumb-heading-sec.contest-full-width-title span {
    width: 100%!important
}

.exch-breadcrumb-heading-sec.contest-full-width-title span h5 {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    font-size: 15px;
    width: calc(100% - 20px)!important
}

.stack-md-inpt-group input.form-control::placeholder {
    min-height: 44px;
    font-size: 14px!important;
    color: #b5b5b5
}

td.no-data-td {
    padding: 5px!important;
    background: #ededed!important
}

input.form-control.user_id_icon {
    padding-left: 30px
}

#worliallModal .login-modal-sec.view-bet-modal .form-search-sec {
    padding: 0
}

#worliallModal .form-search-table {
    padding: 10px 0 0
}

#worliallModal .col-6.col-sm-6.col-md-2.align-self-end.last_btn_width .get-statement-sec {
    margin-top: 0!important;
    padding-top: 0!important
}

#worliallModal .right-side-bar-main-sec.my-bets-sec .form-search-table thead {
    border: 1px solid #ccc
}

.player-wrapper.multiple-heading .thm-heading h3 {
    font-size: 15px;
    font-weight: 600
}

.team-select.win-team-select-fix .team-select-sec {
    width: calc(50% - 20px)
}

.team-select.win-team-select-fix .team-select-sec .team-select-con {
    width: 100%
}

.profile-change-password-sec .password-rgt:hover .score-hide-show img,.profile-change-password-sec .password-rgt:focus .score-hide-show img {
    filter: invert(.2)
}

.change-lang-modal button.btn.thm-but:hover,.change-lang-modal button.btn.thm-but:active,.change-lang-modal button.btn.thm-but:focus {
    background: var(--primary-gradient-color);
    color: #000
}

.bonusBx-wrap .menu-details-heading a {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between
}

.bonusBx-wrap .menu-details-heading a h4 {
    color: #212529
}

.bonusBx-wrap .menu-details-heading {
    width: 100%
}

.faq-container .report-name {
    padding: 10px;
    background: #dbdbdb;
    margin-bottom: 10px
}

.credits-chackn-box.locked-bonus-bx span {
    font-size: 13px;
    color: #000;
    font-weight: 600
}

.bonusBx-wrap span.ern-bns-timer_c {
    font-size: 13px;
    font-weight: 600;
    color: #000
}

.locked-bonus-btn:hover,.locked-bonus-btn:focus,.locked-bonus-btn:active {
    color: var(--white-color)
}

.rotate-refresh {
    transform: rotate(180deg);
    transition: all .3s linear
}

.bonusBx-wrap span.ern-bns-timer_c {
    font-size: 13px;
    font-weight: 600;
    color: #000;
    display: flex;
    margin-top: 2px;
    background: #dedddd;
    padding: 2px 6px;
    border-radius: 2px;
    width: max-content;
    align-items: center
}

.bonusBx-wrap span.ern-bns-timer_c span {
    padding: 1px 3px;
    text-align: center;
    align-items: center;
    line-height: 1.1
}

label.wallet-avail-bal {
    text-align: right
}

select.form-select:focus,select.form-select:hover {
    outline: none;
    box-shadow: none
}

label.wallet-avail-bal {
    text-align: right;
    background: var(--primary-color);
    display: inline-block;
    float: right;
    padding: 5px;
    line-height: 1.2;
    border-radius: 4px;
    color: var(--white-color);
    font-size: 13px
}

label.wallet-avail-bal span {
    font-weight: 600;
    font-size: 13px;
    color: var(--white-color)
}

.stack-save-btn {
    text-align: center
}

.stack-save-btn .thm-btn {
    margin: 0;
    padding: 8px 30px;
    width: auto
}

#qrShareModal .modal-content {
    max-width: 290px
}

.account-card.online-payment-mode-body .acc-details-data p label {
    min-width: 140px;
    margin-right: 5px;
    font-weight: 400
}

.account-card.online-payment-mode-body .acc-details-data p b {
    margin-left: 8px;
    width: calc(100% - 140px);
    display: inline-block;
    overflow-x: auto;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    padding-bottom: 2px;
    word-break: break-all
}

.wallet-withdraw-module-wrapper .withdraw-payment-qrcode p.card-text {
    background: #fff;
    padding: 5px;
    border: solid 1px #acacac;
    border-radius: 4px
}

.wallet-withdraw-module-wrapper .withdraw-payment-qrcode p.card-text img {
    max-width: 100%;
    max-height: 120px;
    margin: 0 auto
}

.online-payment-bank p label {
    min-width: 125px;
    margin-right: 5px;
    font-weight: 400
}

.online-payment-bank p b {
    display: inline-block;
    width: calc(100% - 136px);
    font-weight: 600;
    margin-left: 6px;
    line-height: normal;
    word-break: break-all;
    white-space: break-spaces
}

.delete-account-modal .modal-footer button {
    margin: 0
}

.online-form-int input::placeholder {
    color: #666
}

.online-form-wrap input::placeholder {
    color: #666
}

.add-account-to-withdraw p {
    border: solid 1px #c3c3c3;
    padding: 8px 10px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500
}

.withdrawal-rgt-container select.form-select.form-control {
    font-size: 14px;
    height: 40px
}

#walleteditstackModal .exch-setting-edit-stakes-input-section.mobile-input {
    margin-top: 0
}

.trans-form-details .submitt-btn a.thm-but span {
    display: flex;
    margin-top: -2px
}

.whatsapp-support-num .demo_login_modal {
    width: 50%
}

.whatsapp-support-num {
    display: flex;
    width: 100%;
    column-gap: 10px
}

.no_market_aviliable_title {
    background: #e5e5e5;
    margin: 0 6px;
    padding: 10px;
    text-align: center;
    border-radius: 6px;
    border: solid 1px #b7b7b7
}

.no_market_aviliable_title p {
    line-height: 1.2;
    margin: 0 0 10px
}

.no_market_aviliable_title button.thm-but {
    display: inline-block;
    width: auto;
    border: none;
    padding: 10px 25px
}

.information-modal-sec {
    background-color: transparent;
    font-size: 18px;
    font-weight: 600
}

.get-statement-sec button img {
    max-width: 16px;
    filter: invert(1)
}

.get-statement-sec button:after {
    content: none
}

.get-statement-sec button {
    padding: 0 6px;
    margin: 0
}

.get-statement-sec {
    column-gap: 6px
}

.dropdown.file_downland .downlode_btn {
    min-width: 40px
}

.select-search-box .form-control {
    border: #959595 1px solid;
    font-size: 13px!important;
    padding: 5px 10px;
    height: 34px
}

.dropdown.file_downland ul.dropdown-menu {
    padding: 4px
}

.dropdown.file_downland ul.dropdown-menu li a {
    background: var(--primary-gradient-color);
    font-size: 13px;
    text-align: center;
    margin-bottom: 2px;
    border-radius: 4px;
    color: #000
}

.dropdown.file_downland ul.dropdown-menu li:last-child a {
    margin-bottom: 0
}

.menu-details-heading.bonus-information-title a h4 {
    display: flex;
    align-items: center;
    line-height: 1.2
}

.menu-details-heading.bonus-information-title a {
    width: auto
}

.menu-details-heading.bonus-information-title a h4 span.information-icon {
    padding: 0 3px
}

.bonus-info-count {
    background: var(--primary-color);
    color: #fff;
    text-align: center;
    font-size: 11px;
    padding: 5px;
    border-radius: 4px;
    white-space: nowrap
}

.matka-bets-sec .matkaMTL-list {
    margin-top: 5px
}

.disable-placebet-btn {
    opacity: .5;
    pointer-events: none
}

.stage .stage-item:after {
    top: 19%
}

.stage .stage-item .stage-item-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 37px;
    padding: 0 8px
}

.stage .stage-item .stage-item-text span {
    white-space: normal
}

.modal-body .stage .stage-item {
    width: 100%;
    min-width: 110px
}

.stage {
    overflow-x: auto;
    width: 100%
}

.stage .stage-item {
    position: relative;
    text-align: center;
    list-style-type: none;
    float: left;
    font-size: 12px;
    transition: .7s;
    min-width: 110px
}

.reason-data {
    width: 250px;
    white-space: pre-wrap;
    word-wrap: break-word
}

.transactionsInformation-delete img {
    width: 20px;
    transition: all .3s linear
}

.transactionsInformation-delete img:hover {
    transform: scale(1.2)
}

.withdraw-table tr td i.fa {
    position: relative;
    top: 3px;
    color: #000
}

.confirmation-modal-box .modal-content {
    text-align: center
}

.confirmation-modal-box .swal2-icon-content {
    width: 36px;
    height: 36px;
    background: var(--primary_color);
    border-radius: 50%;
    line-height: 36px;
    font-size: 30px;
    margin: 0 auto
}

.conformation-msg {
    color: #fff;
    margin: 15px auto
}

.acc-tab-list ul li button.nav-link span {
    max-height: 30px;
    overflow: auto;
    line-height: normal
}

.withdraw-otp-row {
    width: fit-content;
    position: absolute;
    top: 50%;
    right: 0;
    background: var(--primary-gradient-color);
    color: #000;
    transform: translateY(-50%);
    padding: 5px;
    align-items: center;
    height: 100%;
    border-radius: 0 5px 5px 0
}

.deposit-withdraw-sec .acc-tab-list ul li button.active span img {
    filter: none
}

.video_thm_title h2 {
    margin-bottom: 8px;
    background: var(--primary-gradient-color);
    border-radius: 5px 5px 0 0;
    text-transform: capitalize;
    font-size: 1rem;
    padding: 5px
}

.all-actve-bank-sec {
    white-space: nowrap;
    overflow: auto;
    display: flex;
    gap: 10px
}

.online-payment-bank {
    width: 100%;
    min-width: 84%
}

marquee.announcement-msg {
    font-size: 14px
}

.win-choose-payment-sec {
    background-color: #fff;
    border-radius: 15px;
    padding-top: 0
}

.win-choose-payment-sec>label {
    margin-left: 5px;
    font-size: 16px;
    font-weight: 500
}

.depo-lft-container .acc-tab-list .nav.nav-pills {
    padding-top: 4px!important
}

.click-qr-preview-img {
    white-space: normal
}

.online-form-wrap .info-list {
    width: 250px;
    color: #fff;
    font-size: 14px;
    left: -14px;
    top: 100%
}

.online-form-wrap .info-list p {
    line-height: normal;
    margin-bottom: 5px
}

.online-form-wrap .info-list p:last-child {
    margin-bottom: 0
}

.deposit_table #depositTableData .view-details {
    padding: 0
}

.deposit_table #depositTableData .thm-but {
    font-size: 12px;
    padding: 3px 8px
}

.no-data-found-td {
    border: none
}

#transactionModal .modal-header .btn-close {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat
}

#transactionModal .modal-content {
    background-color: #fff
}

.withdraws-video-con iframe {
    height: 150px
}

.online-wallet-avail-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px
}

.online-form-wrap .info-sec-icon {
    margin-left: 4px
}

.get-statement-sec button {
    height: 34px
}

.win-preview-image-sec {
    display: flex;
    gap: 10px;
    flex-wrap: wrap
}

.win-preview-image-sec a {
    width: calc(50% - 10px)
}

#transactionModal .modal-body {
    max-height: 90vh;
    overflow: auto
}

.back_btn_link {
    color: #000;
    border-radius: 4px;
    border: none;
    text-decoration: none;
    padding: 6px 15px;
    font-weight: 500;
    font-size: 14px;
    width: 100%;
    font-weight: 600;
    background: var(--primary-gradient-color);
    text-align: center;
    text-transform: capitalize
}

.payment-gateway-sec {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px
}

.payment-gateway-sec span {
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600
}

.payment-gateway-sec .thm-but {
    width: auto;
    line-height: normal;
    padding: 5px 10px;
    font-size: 14px
}

.guidePoint-details {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 10px;
    margin-top: 10px
}

.guidePoint-details .nav {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: nowrap;
    overflow-x: auto;
    justify-content: flex-start;
    margin-bottom: 10px;
    gap: 10px
}

.guidePoint-details .nav li .nav-link {
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    background: transparent!important;
    border-radius: 4px!important;
    border: 1px solid var(--primary-color)!important;
    color: #000!important;
    padding: 6px 15px
}

.guidePoint-details .nav.nav-pills li.nav-item button.active {
    background: var(--primary-gradient-color)!important;
    color: #000!important
}

.guide-list h2,.guide-list h3,.guide-list h4 {
    margin: 0 0 10px!important;
    font-weight: 600;
    font-size: 16px;
    line-height: normal
}

.guide-list ol,.guide-list ul {
    display: block!important;
    margin: 0 0 0 15px!important;
    overflow: visible;
    width: auto
}

.guide-list li {
    margin: 0 0 10px!important;
    font-weight: 400;
    font-size: 14px;
    line-height: normal
}

.guide-list li:last-child {
    margin: 0!important
}

.guide-list p {
    display: block!important;
    margin: 0 0 10px!important;
    font-weight: 400;
    font-size: 14px;
    line-height: normal
}

.guide-list p:last-child {
    margin: 0!important
}

.nav-right.header-nav-rgt ul li .thm-change-domain img {
    width: 20px
}

.thm-change-domain .btn.dropdown-toggle {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.thm-change-domain .btn.dropdown-toggle:after {
    content: none
}

.header-wapper .dropdown.open-menu-btn.thm-change-domain .dropdown-menu {
    padding: 0;
    min-width: 130px;
    border-radius: 8px;
    background: #fff;
    border: none;
    overflow: hidden;
    width: auto!important
}

.header-wapper .dropdown.open-menu-btn.thm-change-domain .dropdown-menu li {
    display: block;
    padding: 0
}

.header-wapper .dropdown.open-menu-btn.thm-change-domain .dropdown-menu li .dropdown-item {
    border-bottom: 1px solid #000;
    background: transparent;
    font-size: 14px;
    height: unset;
    padding: 6px;
    font-weight: 600;
    color: #000!important;
    width: 100%;
    height: auto;
    margin: 0;
    border-radius: 0;
    display: flex;
    align-items: flex-start;
    gap: 4px;
    margin: 0!important
}

.header-wapper .dropdown.open-menu-btn.thm-change-domain .dropdown-menu li .dropdown-item span {
    flex: 0 0 18px;
    width: 18px;
    height: 18px
}

.header-wapper .dropdown.open-menu-btn.thm-change-domain .dropdown-menu li .dropdown-item img {
    width: 100%;
    height: 100%
}

.header-wapper .dropdown.open-menu-btn.thm-change-domain .dropdown-menu li:last-child .dropdown-item {
    border-bottom: none
}

.header-wapper .dropdown.open-menu-btn.thm-change-domain .dropdown-menu li .dropdown-item.active {
    color: var(--primary-color)!important;
    background: var(--theme-btn-bg)!important
}

.header-wapper .dropdown.open-menu-btn.thm-change-domain .dropdown-menu li .dropdown-item:not(.active) {
    opacity: .6
}

.nw-affi-invite-sec {
    padding: 10px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 1px 0 9px #0000001a
}

.nw-affi-invite-content-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.nw-affi-bg {
    position: fixed;
    z-index: -1;
    height: 100%;
    width: 100%;
    min-height: 100vh;
    top: 0
}

section.nw-affi-invite-wrapper.affi-pd-bot {
    position: relative;
    z-index: 1
}

.nw-affi-invite-sec h2 {
    color: #ffb412;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: capitalize
}

.nw-affi-invite-sec p {
    color: #000;
    font-size: 13px;
    font-weight: 500;
    text-transform: capitalize
}

.nw-affi-add-new-user-btn {
    background: var(--primary-color)!important;
    position: relative;
    color: #fff;
    padding: 10px;
    display: block;
    width: 100%;
    border-radius: 100px;
    overflow: hidden;
    border: none
}

.nw-affi-add-new-user-btn span {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    position: relative;
    font-size: 13px;
    font-weight: 600;
    gap: 10px
}

.nw-affi-add-new-user-btn span img {
    width: 20px
}

.nw-affi-invite-wrapper {
    padding: 5px
}

.nw-affi-add-new-user-btn-sec {
    margin: 15px 6px;
    position: relative
}

.nw-affi-qr-invite-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-direction: column
}

.nw-affi-qr-sec {
    width: 100px;
    border-radius: 8px;
    text-align: center
}

.nw-affi-qr-sec span {
    color: #000;
    font-size: 12px;
    font-weight: 600;
    display: block;
    background: #ffb80c;
    border-radius: 16px;
    padding: 3px;
    cursor: pointer
}

.nw-affi-qr-sec img {
    width: 100%
}

.nw-affi-qr-invite-code {
    width: 100%;
    background: #ddd;
    padding: 15px;
    border-radius: 8px
}

.nw-affi-qr-invite-heading {
    display: flex;
    align-items: center;
    gap: 10px
}

.nw-affi-qr-invite-heading h3 {
    color: #ffb412;
    font-size: 16px;
    font-weight: 700
}

.nw-affi-share-link-sec {
    display: flex;
    background-color: #fff;
    padding: 10px 15px;
    margin: 10px 0;
    overflow: auto;
    position: relative;
    font-size: 14px;
    border: solid 1px #ccc;
    border-radius: 6px
}

.nw-affi-share-link-sec span {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    white-space: nowrap
}

.nw-affi-copy-btn {
    position: static;
    right: 0;
    top: 0;
    height: 100%;
    background: #d89400;
    padding: 8px;
    border: none;
    color: #fff;
    font-weight: 600
}

.affi-yellow-btn {
    background-color: #d89400!important
}

.nw-affi-copy-btn img {
    margin-right: 3px
}

.nw-affi-graph-wrapper {
    background-color: #fff;
    margin: 10px 0;
    border-radius: 8px;
    box-shadow: 1px 0 9px #0000001a
}

.nw-affi-graph-wrapper img {
    border-radius: 0 0 8px 8px
}

.nw-affi-heading-sec {
    padding: 15px
}

.nw-affi-heading-text {
    font-size: 16px;
    font-weight: 600;
    color: #d18d13;
    text-transform: capitalize
}

.nw-affi-last-report-sec {
    margin: 10px 0
}

.nw-affi-last-report-sec ul {
    display: flex;
    gap: 20px;
    white-space: nowrap;
    overflow: auto;
    margin-top: 15px
}

.nw-affi-last-report-sec ul li {
    line-height: normal;
    color: #fff;
    font-size: 14px;
    font-weight: 600
}

.affi-green-text {
    color: #67d272
}

.affi-red-text {
    color: red
}

.nw-affi-how-to-get-bonus {
    background-color: #fff;
    padding: 10px;
    position: relative;
    overflow: hidden;
    margin: 5px 0 10px;
    border-radius: 8px;
    box-shadow: 1px 0 9px #0000001a
}

.nw-affi-heading-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 2
}

.ellip-bg-img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    opacity: .5
}

.nw-affi-more-info {
    padding: 3px 7px;
    background-color: var(--secondary-color);
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    border: none
}

.f-w-5 {
    font-weight: 500
}

.nw-affi-how-to-get-bonus-content {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 2;
    margin-top: 10px;
    flex-wrap: wrap;
    width: 100%
}

.nw-affi-how-to-get-bonus-content-sec {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    width: calc(50% - 1px);
    flex-wrap: wrap;
    white-space: normal;
    border-right: solid 1px #b2b2b2;
    padding: 2px 0
}

.nw-affi-how-to-get-bonus-content-sec:nth-child(2n) {
    border-right: none
}

.nw-affi-how-to-get-bonus-content-sec p {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #333;
    text-transform: capitalize
}

.nw-affi-how-to-get-bonus-content-sec img {
    margin: 10px auto;
    max-width: 40px
}

.nw-affi-how-to-get-bonus-content-sec:last-child:after {
    display: none
}

.nw-affi-status-digit {
    margin: 0 auto;
    font-size: 18px;
    font-weight: 400;
    color: #000
}

.nw-affi-status-digit-para p {
    font-size: 12px
}

.nw-affi-user-wrapper {
    padding: 10px
}

.nw-affi-user-top-head {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    overflow: auto;
    white-space: nowrap
}

.nw-affi-user-head-content {
    padding: 15px 6px 6px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    flex: 1;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: end
}

.nw-affi-user-head-content img {
    margin-bottom: 10px;
    width: 38px
}

.nw-affi-user-head-content h3 {
    font-size: 22px;
    color: #fff;
    font-weight: 600
}

.nw-affi-user-head-content span {
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    line-height: 16px;
    display: block;
    margin-top: 4px
}

.nw-affi-user-list-wrapper {
    margin: 0 5px
}

.nw-affi-user-table {
    border-radius: 8px;
    margin-top: 0
}

.nw-affi-user-table table {
    margin-bottom: 10px;
    background: #fff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.nw-affi-user-table tr {
    border-bottom: 1px solid #FFFFFF29
}

.nw-affi-user-table th {
    white-space: nowrap;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    background-color: #3f3f3f;
    border: none;
    border-right: 1px solid #5b5b5b
}

.nw-affi-user-table th img {
    width: 16px;
    display: block;
    margin: 0 auto
}

.nw-affi-user-table td {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #d2d2d2;
    white-space: nowrap
}

.nw-affi-user-table tr:nth-of-type(2n) {
    background-color: #eee
}

.nw-affi-user-table table tbody tr td {
    color: #000
}

.nw-affi-user-list-wrapper .nw-affi-add-new-user-btn-sec:after,.nw-affi-user-list-wrapper .nw-affi-add-new-user-btn-sec:before {
    display: none
}

.nw-affi-pl-content-wrapper {
    background-color: var(--primary-color);
    padding: 15px;
    border: 1px solid #FFFFFF29;
    border-radius: 4px;
    position: relative;
    margin: 20px 0;
    display: flex;
    justify-content: space-between
}

.nw-affi-pl-content-sec .nw-affi-trens-icn span {
    font-size: 25px
}

.nw-affi-pl-content-sec h3 {
    font-size: 20px;
    font-weight: 600
}

.nw-affi-pl-content-sec p {
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    line-height: 16px;
    display: block;
    margin-top: 4px
}

.nw-affi-pl-content-wrapper:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -10px;
    background: var(--primary-color);
    border-radius: 40% 0 0;
    transform: rotate(45deg);
    border-top: 1px solid #FFFFFF29;
    border-left: 1px solid #FFFFFF29;
    left: 35px
}

.affiliate-footer-sec {
    background: #000;
    display: flex;
    align-items: center;
    max-width: 768px;
    height: 50px;
    position: fixed;
    bottom: 0;
    z-index: 9;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    left: 0;
    right: 0;
    margin: auto
}

.affiliate-footer_bg ul {
    max-width: 100%;
    margin: 3px auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.affiliate-footer-sec ul li a {
    color: #fff
}

.affiliate-footer-sec ul li {
    display: block
}

.last-btn-footer1 {
    text-align: center;
    display: block;
    padding: 4px 6px
}

.affiliate-modal .modal-content {
    border: none;
    background-color: #fff
}

.affiliate-modal .modal-header h5 {
    font-size: 18px;
    color: #000
}

.affiliate-modal hr.affi-divider {
    background: #00000047;
    height: 4px;
    width: 120px;
    display: block;
    margin: 8px auto;
    position: relative;
    top: 10px
}

.af-add-new-user-form label {
    font-size: 13px;
    color: #333;
    font-weight: 600;
    margin-bottom: 4px
}

.af-add-new-user-form input.form-control {
    background: #fff;
    color: #000;
    font-size: 13px;
    border: 1px solid #bbb;
    height: 40px
}

.otp-digit-input-sec input.form-control {
    text-align: center
}

.nw-affi-user-number-sec {
    display: flex;
    justify-content: space-between;
    gap: 15px
}

.nw-affi-user-number-sec div:first-child {
    width: 32%
}

.nw-affi-user-number-sec div:last-child {
    width: 68%
}

.new-user-otp-sec .get-otp-btn {
    right: 0;
    height: 100%;
    border-radius: 0 4px 4px 0
}

.af-add-new-user-form input.form-control {
    border-radius: 4px
}

.affiliate-modal .passshowimg {
    filter: invert(1) contrast(.5);
    top: 80%
}

.affi-cancel-btn {
    border-radius: 100px;
    background-color: #000;
    border: none;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px
}

.password__icon-wrapper {
    position: absolute;
    right: 8px;
    top: 6px
}

.password__icon-wrapper img {
    width: 20px;
    height: 20px
}

.affi-cancel-btn,.nw-affi-add-new-user-btn {
    font-size: 14px!important
}

.affiliate-footer-sec ul li:nth-of-type(2) {
    margin-left: -60px
}

.affiliate-footer-sec ul li:nth-of-type(3) {
    margin-right: -50px
}

.affiliate-footer-sec ul li .last-btn-footer1 {
    opacity: .7
}

.affiliate-footer-sec ul li .last-btn-footer1.active-af {
    opacity: 1
}

.affi-share-button {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: -22px;
    width: 85px
}

.affiliate-footer-sec hr {
    background: #ffffff1a;
    height: 4px;
    width: 90px;
    display: block;
    margin: 8px auto;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%)
}

.affi-pd-bot {
    padding-bottom: 10px
}

.af-share-link-wrapper {
    margin: 12px 0
}

.af-share-link-wrapper p {
    color: #000
}

.affi-how-bonus-list li {
    color: #000;
    list-style: disc;
    margin-left: 15px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.5
}

.or-seperate-sec:after {
    position: absolute;
    height: 1px;
    background-color: #d5d5d5;
    width: 100%;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.or-seperate-sec span {
    display: inline-block;
    background-color: #404040;
    width: 30px;
    height: 30px;
    line-height: 30px;
    position: relative;
    z-index: 2;
    border-radius: 100%;
    color: #fff;
    font-size: 12px
}

.input-relative {
    position: relative
}

.nw-affi-qr-invite-wrapper .affi-qr-btn-wrapper {
    flex-wrap: wrap;
    align-items: center;
    display: flex;
    gap: 10px
}

.nw-affi-qr-invite-wrapper .af-form-btn-sec {
    margin-top: 0;
    width: calc(100% - 115px);
    gap: 10px;
    flex-wrap: wrap;
    display: flex
}

.nw-affi-qr-invite-wrapper .af-form-btn-sec button {
    min-width: 140px;
    height: 54px;
    width: 48%
}

.affiliate-pl.affi-date-filter-form {
    margin: 0 0 10px
}

.affiliate-pl.affi-date-filter-form .typelabel-main li .form-group {
    width: 100%!important
}

.affiliate-pl.affi-date-filter-form .typelabel-main li .form-control {
    font-size: 12px;
    color: #000;
    min-height: 40px;
    width: 100%;
    background-color: #f3f3f3;
    padding-right: 10px!important;
    background-image: none!important;
    border: 1px solid #acb6cc;
    border-radius: 2px
}

.affiliate-pl .typelabel-main li label {
    font-size: 14px
}

.affiliate-pl .typelabel-main li {
    flex: 1 40%
}

.affiliate-pl.affi-date-filter-form .typelabel-main {
    gap: 10px;
    justify-content: flex-start;
    width: 100%;
    display: flex
}

.affiliate-footer-sec .last-btn-footer1 img {
    width: 20px;
    margin-bottom: 2px
}

.last-btn-footer1 figcaption {
    font-size: 11px;
    line-height: normal;
    font-weight: 700
}

.af-top-user-sec {
    margin: 10px 0
}

.af-new-user-add-sec {
    padding: 8px 10px;
    border-radius: 5px 5px 0 0;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    background-color: var(--primary-color)!important;
    color: var(--primary-color)
}

.af-top-user-head h6 {
    font-size: 14px;
    color: #fff;
    font-weight: 500
}

.af-top-user-sec table {
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 0
}

.af-top-user-sec table thead {
    background-color: #fbfbfb
}

.af-top-user-sec table tr {
    border-bottom: 1px solid #ccc
}

.af-top-user-sec table thead th {
    color: #504a4a;
    font-size: 13px;
    font-weight: 600;
    border: none;
    background-color: #fbfbfb
}

.af-top-user-sec .table>:not(:first-child) {
    border-top: none
}

.af-top-user-sec table td {
    font-size: 13px;
    font-weight: 400;
    color: #333
}

.nw-affi-user-list-wrapper h3.nw-affi-heading-text {
    color: #000
}

.af-add-new-user-form .form-group {
    margin-bottom: 10px;
    position: relative
}

.new-user-otp-sec {
    position: relative
}

.new-user-otp-sec .get-otp-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    height: 100%;
    border-radius: 0 4px 4px 0;
    background: var(--primary-color);
    color: #fff;
    padding: 0 6px;
    font-size: 14px;
    width: auto;
    margin-right: 0!important
}

.otp-digit-input-sec {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px
}

.or-seperate-sec {
    color: #333;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    text-transform: uppercase;
    text-align: center
}

.af-form-btn-sec {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-top: 10px
}

.af-form-btn-sec button {
    flex-grow: 1;
    width: 50%;
    border-radius: 4px
}

.af-add-new-user-form form {
    margin-bottom: 0
}

.report_col {
    gap: 10px;
    align-items: end
}

.report_col button.submit-btn {
    padding: 8px;
    font-size: 14px;
    height: 40px
}

.report_col label {
    font-size: 14px;
    margin-bottom: 4px
}

.report_col select.form-select {
    font-size: 13px;
    height: 40px
}

.af-share-link-sec {
    background-color: #f5f5f5;
    padding: 8px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px
}

.af-share-link-sec span {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    display: block;
    width: calc(100% - 72px);
    overflow: auto;
    white-space: nowrap
}

.af-share-link-sec .thm-but {
    font-size: 14px;
    padding: 6px 15px;
    border-radius: 6px;
    background: var(--primary-color);
    color: #fff;
    border: none;
    width: auto
}

.af-share-link-wrapper-flex {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.af-share-social-link-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px
}

.af-share-social-link-sec a img {
    width: 36px
}

.af-top-user-wrapper .nw-affi-user-table {
    margin-top: 0
}

.nw-affi-user-wrapper h3.nw-affi-heading-text {
    position: relative;
    margin: 0;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    color: var(--white-color);
    background: #353534;
    padding: 5px
}

section.nw-affi-user-wrapper.affi-pd-bot {
    padding: 0
}

.affi-how-bonus-list.affi-how-to-get-bonus li {
    margin-left: 40px;
    font-size: 14px
}

ul.affi-how-bonus-list.affi-how-to-get-bonus h5 {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 16px
}

.tablecontant {
    width: 100%;
    border-collapse: collapse
}

.affi-how-bonus-list .cmn-head.thead-mainn tr th {
    background-color: #e4e4e4;
    padding: .5rem;
    color: #000;
    border: solid 1px #ccc
}

.datastabl {
    background-color: #bbe4f6
}

.datastabl tr,.tabetdat {
    color: #212529;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    background: #fff
}

.datastabl tr:nth-child(odd) {
    background-color: #f4f4f4
}

.tablecontant tr td,.tablecontant tr th {
    text-align: center;
    padding: .3rem;
    border: solid 1px #ccc
}

.affiliate-modal .modal-body {
    padding: 10px
}

.affi-how-bonus-list h5 {
    color: #000;
    margin-bottom: 10px;
    font-size: 16px
}

.affi-how-bonus-list.affi-how-to-get-bonus p {
    color: #000;
    margin-bottom: 10px
}

.affi-how-bonus-list.affi-how-to-get-bonus h6 {
    color: #000;
    margin: 15px 0;
    font-size: 14px
}

#affihowtogetbonus .modal-body {
    max-height: 540px;
    overflow-y: auto
}

.nw-affi-user-table td .submit-btn {
    margin: 0;
    line-height: 1.5;
    padding: 3px;
    font-size: 13px;
    font-weight: 500;
    min-width: 60px;
    color: #fff!important;
    background: var(--primary-color)!important;
    border: none!important
}

.nw-affi-invite-sec .nw-affi-add-new-user-btn-sec {
    margin: 15px 0
}

#change_website ul li a {
    padding-left: 0
}

#change_website ul li a img.sports-icon-popular {
    width: 15px;
    filter: opacity(.7);
    margin-right: 8px;
    height: 15px
}

.go-sign-up a:hover {
    color: #eeb800;
    opacity: 1
}

.rules-page-body h3 {
    font-size: 20px;
    margin: 0 0 10px
}

.rules-page-body table {
    width: 100%;
    border: solid 1px #000
}

.rules-page-body table thead tr th,.rules-page-body table tbody tr td {
    padding: .3rem .5rem;
    font-size: 14px;
    border: solid 1px #000
}

.my_market_body {
    max-height: 580px;
    overflow-y: auto
}

.casino_modal_popup img.gp-closeButton {
    position: absolute;
    right: 10px;
    top: 10px
}

.gp-content {
    text-align: center
}

.casino_modal_popup .modal-dialog {
    max-width: 280px;
    margin: 0 auto
}

.casino_modal_popup .gp-content img.gp-img {
    margin-bottom: 15px;
    margin-top: 20px;
    max-width: 180px
}

.gp-title {
    margin-bottom: 5px;
    font-weight: 600
}

.gp-checkout {
    margin-bottom: 10px;
    margin-top: 5px;
    font-size: 14px
}

.gp-button.thm-but.ok-agree-btn {
    background: var(--warning-color);
    padding: 10px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer
}

.fixed_icon {
    float: right;
    margin-right: 45px
}

.promo_code_field {
    position: relative
}

.usre_dropdown_menu_list .dropdown-menu li a:hover,.usre_dropdown_menu_list .dropdown-menu li a:focus {
    background: #fff;
    opacity: 1
}

.usre_dropdown_menu_list .dropdown-menu li.refer-earn-link-li a:hover,.usre_dropdown_menu_list .dropdown-menu li.refer-earn-link-li a:focus {
    background: var(--warning-color);
    color: #000
}

.nw-affi-qr-invite-code h3 {
    color: #000
}

.share-link-img-sec img {
    width: 100%
}

.affi-share-button:hover {
    opacity: 1
}

.af-top-user-sec table td p {
    border: solid 1px #ccc;
    border-radius: 4px;
    background: #eee
}

.usre_dropdown_menu_list .dropdown-menu li a.logout-btn:hover,.usre_dropdown_menu_list .dropdown-menu li a.logout-btn:focus {
    background: var(--warning-color);
    color: #000
}

.wrong-message {
    color: red!important
}

.otp-digit-input-sec input.form-control {
    border: solid 2px #353534;
    font-weight: 600
}

.af-add-new-user-form p.wrong-message {
    font-size: 12px;
    line-height: 1.2
}

.copy-user-text-sec input.form-control {
    height: 40px
}

.copy-user-text-sec p.wrong-message {
    font-size: 12px;
    line-height: 1.2;
    margin-top: 5px
}

.modal-userid-sec button.copy_btn {
    background: var(--main-color);
    color: #fff;
    padding: 8px 15px;
    min-width: 100px;
    border-radius: 4px;
    display: block;
    margin: 13px 0 0
}

.display_name span p {
    width: calc(100% - 20px);
    overflow-x: auto;
    text-align: right
}

.display_name label {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap
}

.display_name span.balance-add {
    display: flex;
    column-gap: 5px;
    margin: 0;
    width: calc(100% - 75px);
    justify-content: space-between
}

td.statement_hyper_link {
    text-decoration: underline;
    color: #0080c0!important
}

#statementInfoModal .table-responsive {
    padding: 0
}

#statementInfoModal .modal-body {
    padding: 10px
}

.popular_game_list ul {
    max-height: 200px;
    overflow-y: auto
}

.popular_game_list ul li button {
    display: flex;
    align-items: center;
    column-gap: 3px;
    border-bottom: solid 1px #dee2e6;
    width: 100%;
    font-size: 12px;
    padding: 3px 0;
    text-transform: capitalize
}

.popular_game_list ul li button img.sports-icon-popular {
    height: 15px
}

.popular_game_list ul li button:disabled img.sports-icon-popular {
    opacity: .5
}

.affiliate-footer-sec ul li a:hover,.affiliate-footer-sec ul li .router-link-active {
    color: var(--primary-color);
    opacity: 1
}

.prolodetai {
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 4px;
    width: 119px;
    display: inline-block;
    background: var(--primary-color)!important;
    color: #fff;
    text-align: center;
    padding: 5px
}

.prolodetai:hover {
    text-decoration: underline;
    color: #fff
}

.affiliate_footer .bottom-tabs ul li {
    flex-basis: 20%
}

.affiliate_footer .bottom-tabs ul li.truncate {
    flex-basis: 14%
}

.affiliate_footer .bottom-tabs ul li .active .title-name {
    color: var(--primary-color)!important
}

.footer-fixed-nav.affiliate_footer {
    z-index: 9999
}

.affiliate_footer .bottom-tabs ul li.big a img {
    width: 22px;
    height: 22px
}

.nodata {
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
    color: #373232;
    background-color: #c9c9c9;
    border-radius: 5px;
    border: 1px solid #9f9f9f;
    cursor: pointer;
    padding: 10px 0;
    text-align: center
}

.displayName-wrap {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px 5px;
    width: 100%
}

.displayName-title {
    color: #212529;
    line-height: normal;
    font-weight: 400;
    font-size: 14px
}

.displayName-name {
    color: #000;
    line-height: normal;
    font-weight: 600;
    font-size: 13px
}

.displayName-edit {
    cursor: pointer;
    height: 16px;
    flex: 0 0 16px;
    margin-left: auto
}

.displayName-edit img {
    width: 100%!important;
    height: 100%!important
}

.error-text {
    margin: 4px 0 0;
    color: red;
    font-size: 12px;
    line-height: 1.5
}

#cashouut_modal {
    display: block!important;
    opacity: 1!important;
    background: #00000080
}

#cashouut_modal .modal-dialog {
    transform: none!important
}

.newCashouut__modal .modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none;
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

@media screen and (min-width: 576px) {
    .newCashouut__modal .modal-dialog {
        max-width:500px;
        margin: 1rem auto;
        min-height: calc(100% - 2rem)
    }
}

.newCashouut__modal .modal-content {
    background: transparent!important;
    border: none!important;
    width: 100%
}

.newCashouut__modal .modal-body {
    padding: 0!important
}

.cashouut__card {
    width: 100%;
    border-radius: 16px;
    position: relative;
    padding: 10px 0 0
}

.cashouut__card:after {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    border-radius: 16px;
    background: linear-gradient(52deg,#b57e10 20.95%,#f9df7b 60.59%,#fef1a2 100.78%,#fff3a6 105.26%,#f9df7b 138.34%,#e9c861 148.41%,#cda035 167.84%,#bb871a 182.96%,#b57e10 191.8%);
    z-index: -1
}

.cashouut__close {
    width: 26px;
    height: 26px;
    color: #000;
    margin: 0 15px 0 auto;
    background: none!important;
    border: none!important;
    padding: 0!important;
    display: flex;
    position: absolute;
    right: 5px;
    top: 25px;
    z-index: 2
}

.cashout__data {
    position: relative;
    z-index: 1;
    max-width: 95%;
    margin: 5px auto 10px;
    padding: 15px 4vw 1px;
    border-radius: 16px;
    background: #fff
}

.cashout__data--header {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    flex-direction: column
}

.cashout__data--title {
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    color: #735433;
    margin-top: 5px
}

.cashout__data--value {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #000
}

.cashout__data--ticket {
    width: 100%;
    border-radius: 6px;
    position: relative;
    box-shadow: 0 4px 4px #00000014;
    padding: 6px 0;
    background: #fff;
    --mask: linear-gradient(#000 0 0) center/100% calc(100% - 26px) no-repeat, radial-gradient(circle 6px at 66.5% 0%, rgba(0,0,0,0) 98%, rgba(0,0,0,1)) 0% 0px/100% 15px no-repeat, radial-gradient(circle 6px at 66.5% 100%,rgba(0,0,0,0) 98%, rgba(0,0,0,1)) 0% calc(100% + -0px) /100% 15px no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    display: flex;
    margin: 0 0 10px;
    background-color: #f2e7e7
}

.cashout__back:before {
    content: "";
    top: 0;
    right: 0;
    position: absolute;
    width: 60px;
    height: 100%;
    transform: scaleX(-1);
    background: linear-gradient(270deg,#ffe1ff00 1.08%,#8fd4ff 108.8%)
}

.cashout__lay:before {
    content: "";
    top: 0;
    right: 0;
    position: absolute;
    width: 60px;
    height: 100%;
    transform: scaleX(-1);
    background: linear-gradient(270deg,#ffe1ff00 1.08%,#ffd5da 108.8%)
}

.backMain {
    text-transform: capitalize
}

.cashout__ticket--item {
    min-height: 55px;
    flex: 1 1 auto;
    border-right: 1px dashed #332B2330;
    padding: 0 12px;
    width: 33%;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.cashout__ticket--item.last--item {
    width: 33%;
    border-right: none!important
}

.cashout__ticket--price {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
    color: var(--primary-color)!important
}

.cashout__ticket--value {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.2;
    color: #000
}

.cashout__data--icon {
    display: flex;
    align-items: flex-start;
    justify-content: center
}

.cashout__data--icon img {
    width: 60px;
    height: 56px
}

.cashout__footer {
    position: relative;
    z-index: 2
}

.cashout__curved--shape {
    padding: 15px;
    position: relative;
    border-radius: 0 0 16px 16px;
    background: #000000e0
}

.cashout__curved--top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 51px;
    background: #0000001a
}

.cashout__footer--text {
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #fff
}

.cashout__footer--button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    gap: 12px
}

.cashout__footer--button .btn {
    flex: 1 1 auto;
    width: 100%;
    padding: 12px 10px;
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    outline: none!important;
    text-align: center;
    border-radius: 6px;
    text-transform: capitalize;
    border: none!important
}

.cashout__footer--button .cashout__button--no,.cashout__footer--button .cashout__button--yes {
    color: #735433;
    background: linear-gradient(.11deg,#edd0b2 -12.67%,#eed4b9 15.09%,#f2dfcc 57.64%,#f8f2ec 107.6%,#fcfdff 131.66%);
    box-shadow: 0 8px 14px #ff9c3566,inset 0 -3px #8d5500!important
}

img.androidPoster-closeButton {
    position: absolute;
    right: -15px;
    top: -20px;
    width: 25px
}

.androidPoster-content {
    position: relative
}

div#andriodposter {
    z-index: 9991
}

.my-market-exp-table.account-statement-tbl.mt-0 table thead tr th {
    font-size: 14px;
    white-space: nowrap;
    font-weight: 500;
    background-color: #000
}

.my-market-exp-table.account-statement-tbl.mt-0 table tbody tr td {
    color: #fff;
    text-align: center;
    font-size: 13px;
    background-color: #222;
    border: 1px solid #cccccc54
}

.my-market-exp-table.account-statement-tbl.mt-0 table tbody tr td a {
    text-align: center;
    font-size: 13px;
    color: #fff
}

#myMarket button.cross-icon {
    border: 0;
    background: no-repeat
}

.cric-match-home-list .thm-heading h3 {
    font-size: 12px;
    color: #000;
    font-weight: 600
}

.cric-match-home-list .match-header .notification-icon {
    padding-left: 0;
    color: #000;
    font-size: 12px
}

.cric-match-home-list .match-header .notification-icon {
    padding: 0 6px;
    white-space: nowrap
}

.cric-match-home-list .thm-heading h3 {
    font-size: 12px;
    color: #000;
    font-weight: 600;
    white-space: nowrap;
    max-width: 145px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.cric-match-home-list .thm-heading h3 ::-webkit-scrollbar {
    display: none
}

.cric-match-home-list .match-team .live-heading h4 {
    font-size: 13px;
    margin: 0
}

.cric-match-home-list .live-heading {
    margin: 5px 0
}

.crcket-fight-home-wrapper {
    display: flex;
    align-items: center;
    gap: 5px;
    width: 100%;
    overflow-x: auto;
    margin-bottom: 5px;
    padding: 0 5px
}

.match-list-sec.cric-match-home-list {
    min-width: 300px;
    max-width: 100%;
    flex: 1 0 88%
}

.cric-match-home-list .match-header-con {
    padding-right: 15px
}

#ruleModal .language-list {
    display: block
}

.online-form-wrap .form-control {
    padding-right: 30px
}

.casino-header-right.casino-user-id {
    display: flex;
    align-items: center;
    gap: 5px
}

#gamesIframe .game-bak-close-block img {
    max-height: 25px
}

span.mobile-user-sec {
    display: inline-block;
    max-width: 140px;
    text-align: start;
    line-height: normal
}

.paymentProofFileUploadStatus {
    font-size: 15px
}

.text-decoration-underline,.text-decoration-underline:hover {
    text-decoration: underline!important;
    color: #d38e12;
    font-weight: 600
}

#withdrawalPassword .password-field-rel .score-hide-show {
    top: 20px;
    right: 10px
}

.get-bonus-box {
    min-width: auto;
    background: linear-gradient(0deg,#176be3,#00d0d7);
    color: #fff!important;
    width: 100%;
    border-bottom: 0;
    border-radius: 13px 0;
    position: absolute;
    top: 0;
    padding: 4px 8px;
    line-height: 1.2;
    margin: 2px;
    width: fit-content;
    font-size: 10px;
    font-weight: 600
}

.af-graph-img-sec {
    background: #fff
}

text.apexcharts-text.apexcharts-yaxis-label,text.apexcharts-text.apexcharts-xaxis-label {
    fill: #000!important
}

.af-graph-img-sec img {
    width: 100%
}

.whatsaap-support-btn-list p {
    color: #fff
}

#whatsupModalLabel button.btn-close img {
    filter: invert(1)
}

a.blue-link.\!mt-4.text-decoration-underline,.a.blue-link.\!mt-4.text-decoration-underline:hover {
    text-decoration: none!important;
    color: #fff;
    font-weight: 600;
    background-color: #000;
    width: 100%,;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 10px;
    margin-top: 10px;
    font-size: 14px
}

button.btn.btn-gets.downlode_btn.dropdown-toggle.text-bg-dark img {
    width: 20px
}

button.btn.btn-gets.downlode_btn.dropdown-toggle.text-bg-dark {
    margin: 0;
    background-color: #333;
    border-radius: 5px
}

.row.select-andapply-sec {
    display: flex;
    align-items: end
}

#winstatusModal .teambat-select .team-select-con h3 {
    overflow: auto;
    white-space: nowrap;
    width: calc(100% - 5px)
}

.exch-breadcrumb-heading-sec.all-matches-h {
    width: auto
}

.support-call-now a span:hover {
    width: 100%;
    padding: 6px 2px;
    background: var(--primary-gradient-color)!important;
    color: #000!important;
    font-size: 10px;
    border: none;
    border-radius: 15px 4px 4px 15px;
    display: block;
    text-align: center;
    font-weight: 600
}

.match-head.fancy-modal-h h5 {
    white-space: nowrap;
    overflow-x: auto
}

.match-head.fancy-modal-h {
    width: 90%
}

#fancyBookModal .modal-header .btn-close {
    color: #000;
    margin-right: -5px;
    margin-top: -13px
}

#winstatusModal .player-contest-team-list .player-con {
    display: flex;
    flex-direction: column
}

.status-player-list {
    display: flex;
    align-items: center;
    gap: 5px
}

.status-player-list .new-player-data {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0
}

.status-player-list .contest-bet-list.new-player-data span {
    column-gap: 2px;
    padding: 2px
}

.status-player-list .withdraw-btn.player-btn-boll.d-inline-block {
    background: #fff;
    border-radius: 3px;
    padding: 2px;
    border: 1px solid #aaaaaa8a
}

a.player-icon-data {
    font-size: 12px;
    color: #000
}

#winstatusModal .cricket-fight-view-detail-wrapper {
    display: flex;
    align-items: center;
    column-gap: 6px
}

h3.fight-slct-team-h {
    padding: 6px;
    margin-left: 0!important;
    overflow-x: auto!important;
    width: calc(100% - 20px)!important
}

.team-select-heading.slct-cmn-h {
    width: 85%
}

.wallet-rule-cmn-h {
    margin-bottom: 8px;
    background: #000;
    border-radius: 5px 5px 0 0;
    text-transform: capitalize;
    font-size: 1rem;
    padding: 5px;
    margin-top: 8px;
    color: #fff
}

.guidePoint-details {
    margin-top: 0;
    border-radius: 0 0 8px
}

.wallet-rule-cmn-h,.video_thm_title h2 {
    margin-bottom: 0
}

.withdraws-video-con {
    margin-bottom: 5px
}

.match-head.fancy-modal-h h5 {
    overflow-y: hidden
}

#gamesIframe .game-bak-close-block img {
    max-width: 95px
}

.mobile-sidemenu-wrapper {
    height: calc(100vh - 130px);
    max-height: calc(100vh - 130px)
}

.acc-login-model-up-sec .newCashouut__modal .modal-content {
    box-shadow: none!important
}

.no-data-found-sec {
    padding: 8px;
    border-radius: 4px;
    background: #ddd;
    text-align: center;
    margin-top: 10px;
    color: #000
}

button.btn.score-tv-btn {
    height: 25px;
    padding: 0
}

button.btn.tv-btn img.score-img {
    width: 20px;
    height: auto
}

.download-pdf-excel-sec {
    display: flex
}

.download-pdf-excel-sec img {
    width: 25px
}

.nw-statement-table-wrapper table {
    border-radius: 6px;
    overflow: hidden
}

.nw-statement-table-wrapper.form-search-table th {
    font-size: 12px;
    color: #000!important;
    background: var(--primary-gradient-color)!important;
    padding: 5px;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    font-weight: 600;
    border: 1px solid #aaa;
    min-width: auto!important
}

.nw-statement-table-wrapper.form-search-table tbody tr td {
    padding: 2px 5px!important;
    text-align: left!important;
    background-color: transparent!important
}

.nw-statement-table-wrapper.form-search-table tbody tr td a {
    color: #000!important;
    background: transparent!important;
    padding: 0!important;
    text-decoration: underline!important;
    font-size: 12px!important;
    text-align: center!important
}

.nw-statement-table-wrapper.form-search-table tbody tr td p {
    text-align: left;
    font-size: 12px
}

tr.open-bet-footer.settled-tabel-footer {
    background: #e8e7e7
}

tr.open-bet-footer.settled-tabel-footer td {
    background: transparent!important;
    background-color: transparent
}

.lavared {
    color: #dc2525!important;
    font-weight: 600!important
}

.kellygreen {
    color: #3dc83b!important;
    font-weight: 600!important
}

.lemongrass {
    color: #7c6c6c!important
}

tr.open-bet-footer {
    background-color: #ffd5da
}

.open-bet-footer1 {
    background-color: #b1e1ff
}

.sattle-bet-list.bet-list .accordion-button {
    padding: 0;
    display: block;
    background-color: transparent
}

.sattle-bet-list.bet-list .accordion-item {
    border: none!important
}

.sattle-bet-list ul li {
    padding-right: 36px!important
}

.sattle-bet-list.bet-list .accordion-button:after {
    top: 20px
}

.sattle-bet-list.bet-list .accordion-body {
    padding: 10px 0
}

.openBetsTabs .table tbody tr td span.cashout-Box {
    margin-right: 3px
}

.cashout-market-name-sec {
    padding-left: 0;
    display: flex;
    align-items: center
}

.openBetsTabs .table tbody tr td span.cashout-Box {
    position: static
}

.openBetsTabs .table tbody tr td span {
    font-weight: 700
}

.openBetsTabs .nw-statement-table-wrapper table tbody {
    box-shadow: 0 5px 5px #0000004d
}

.nw-statement-table-wrapper.form-search-table tbody tr td a.acc-description {
    white-space: break-spaces
}

tr.open-bet-footer.settled-tabel-footer {
    box-shadow: 0 5px 5px #0000004d
}

.copy-referral-box button.thm-but.shr-btn {
    margin: 0 0 0 auto
}

.nav-right.header-nav-rgt ul li i.fa-users-rays {
    font-size: 13px
}

.cashout_min-max-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    margin-bottom: 10px;
    background: linear-gradient(90deg,#b27f2b,#f4da79 26.78%,#f7de7c 76.92%,#b27f2b);
    border-radius: 30px
}

.cashout_min-max-container span {
    color: #000;
    font-weight: 500;
    font-size: 12px
}

#turbocashout button.thm-but.thm-bor-but {
    background: #000
}

.turbo-info-tooltips-sec h3 {
    color: #000;
    font-size: 15px;
    text-align: center;
    font-weight: 500
}

.turbo-info-tooltips-sec span img {
    width: 16px;
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(324deg) brightness(96%) contrast(104%)
}

.turbo-info-tooltips-sec span {
    display: flex
}

.turbo-info-tooltips-sec {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding-bottom: 3px;
    padding-top: 3px;
    border-radius: 2px;
    margin-top: 10px
}

.turbo__tooltip {
    display: none;
    position: absolute;
    background-color: #333;
    border-radius: 6px;
    padding: 10px;
    z-index: 99999;
    top: 50%;
    width: 220px;
    left: 50%;
    transform: translate(-31%,-2%);
    text-align: left;
    white-space: normal
}

.turbo-info-tooltips-sec span:hover .turbo__tooltip {
    display: inline-block!important
}

#turbocashout .turbo--title.text-white {
    color: #000!important;
    text-align: center;
    margin: 20px 0
}

#turbocashout .cashout__data {
    min-height: 220px;
    height: 220px;
    padding: 15px
}

#turbocashout .cashouut__card {
    width: 100%;
    border-radius: 16px;
    position: relative;
    padding: 10px 0 4px
}

.date-and-time.inplay-and-trade-h {
    background: linear-gradient(90deg,#b27f2b,#f4da79 26.78%,#f7de7c 76.92%,#b27f2b);
    padding: 8px
}

.inPlay-time.match-inplay-sec {
    width: auto!important;
    min-width: 77px;
    border-radius: 6px;
    background: #fff;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0
}

.inPlay-time.match-inplay-sec span {
    color: #8b6214;
    font-size: 13px;
    font-weight: 600
}

button.fancy-tab-btn.nav-link.trade-bet-btn.visibel-bottom {
    background: linear-gradient(270deg,#008626,#10dd5c);
    font-size: 12px;
    border-radius: 6px;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    color: #fff;
    height: 30px;
    padding: 3px 7px;
    animation: zoom-in-out 1s ease-out infinite;
    font-weight: 600
}

@keyframes zoom-in-out {
    0% {
        transform: scale(1);
        background: #375c0c
    }

    50% {
        transform: scale(1.05);
        background: #4caf50;
        color: #fff;
        box-shadow: inset 0 2px 4px #000
    }

    to {
        transform: scale(1);
        background: #4b614b
    }
}

.nw-market-updown-sec img.nw-market-graph-line {
    max-width: 24px;
    width: 24px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.nw-market-updown-sec {
    background: url(/assets/nw-market-updown-bg-DYSWueMA.svg);
    background-size: cover;
    background-position: center;
    width: 23px;
    height: 22px;
    box-shadow: 0 4px 4px #00000040;
    border-radius: 8px 0;
    padding: 3px;
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-right: 5px
}

.nw-market-updown-sec img {
    margin: 0;
    width: 12px
}

.nw-market-updown-sec img.nw-market-green-arrow {
    position: relative;
    margin-top: 2px;
    animation: upAnim 1.2s infinite ease-in-out
}

@keyframes upAnim {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-2px)
    }

    to {
        transform: translateY(0)
    }
}

.nw-market-updown-sec img.nw-market-red-arrow {
    position: relative;
    margin-top: 6px;
    animation: downAnim 1.2s infinite ease-in-out
}

@keyframes downAnim {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(2px)
    }

    to {
        transform: translateY(0)
    }
}

.loby-YFC-sec {
    margin-top: 2px
}

.loby-YFC-title {
    background: linear-gradient(90deg,#d29a00 .96%,#f8d54e);
    padding: 5px 10px;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: .2px;
    color: #0e3c3c;
    text-align: center;
    margin: 0 0 3px;
    text-transform: uppercase
}

.loby-YFC-grid {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    gap: 3px;
    margin: 0 auto;
    width: fit-content;
    max-width: 100%
}

.loby-YFC-card {
    min-width: 129.9px;
    max-width: 129.9px;
    text-align: center;
    border-radius: 10px;
    padding: 6px;
    transition: transform .3s ease;
    position: relative
}

.loby-YFC-card img {
    width: 100%;
    height: 112.4px
}

.loby-YFC-card p {
    margin-top: 5px;
    font-weight: 600;
    color: var(--active-color);
    font-size: 12px;
    line-height: 1.2
}

.favoriteIcon {
    z-index: 10;
    position: absolute;
    top: 1px;
    left: 1px;
    font-size: 10px;
    line-height: 1;
    background: #0404044d;
    border-radius: 5.429px 0 8.143px;
    display: flex;
    width: 23px!important;
    height: 23px!important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 13.571px
}

.favoriteIcon .fa-star {
    font-size: 14px
}

.loby-YFC-card .favoriteIcon {
    top: 6px;
    left: 6px
}

.all-in-casino-img .all-star-model-img {
    padding: 1px!important;
    background: #fff;
    margin-bottom: 1px
}

.favoriteIcon .fa-solid {
    color: #fcbd19
}

.favoriteIcon .fa-regular {
    color: #fff
}

.new-launch-game-img .favoriteIcon {
    top: 0;
    left: 0
}

.transfer-link {
    text-align: center;
    font-weight: 600;
    padding: 12px 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff
}

.transfer-link a {
    text-transform: uppercase;
    color: #1a3da6!important;
    font-size: 13px;
    text-shadow: 0 -2px 2px rgba(255,255,255,.9),0 8px 3px rgba(0,0,0,.15)
}

.info-list.infoMain {
    width: 175px!important;
    font-size: 11px;
    white-space: normal;
    padding: 6px;
    top: 23px!important;
    left: -19px
}

.info-list.infoMain:before {
    transform: translate(36%,-50%);
    width: 40px;
    height: 30px;
    left: 67%;
    top: 7%;
    z-index: -1
}

.info-list.infoMain ul {
    padding: 0!important;
    background: #222
}

.mainUpiWrap {
    min-height: 72px
}

.info-list.infoMain ul li {
    margin: 0!important;
    font-size: 11px;
    overflow: hidden
}

.click-qr-preview-img .click-qr-icons.info-sec-icon .info-list {
    left: auto;
    right: 35px;
    transform: translate(0);
    top: 0!important
}

.click-qr-preview-img .click-qr-icons.info-sec-icon .info-list:before {
    width: 33px;
    height: 20px;
    left: auto;
    top: 8px;
    z-index: -1;
    right: -14px;
    transform: rotate(90deg)
}

.online-payment-bank .qr-icons figure img {
    height: 100px
}

.online-payment-bank .qr-icons figure {
    text-align: center
}

#qrPreviewModal figure img {
    max-width: 80%;
    max-height: 350px
}

#qrPreviewModal figure {
    text-align: center;
    margin-bottom: 10px
}

#qrShareModal .feedback-footer {
    text-align: center;
    display: flex;
    align-items: center;
    gap: 10px
}

#qrShareModal .feedback-footer button {
    flex: 1;
    width: 50%;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    margin: 0;
    height: 36px;
    border-radius: 4px;
    line-height: 34px
}

#qrShareModal .feedback-footer button.share-btn {
    justify-content: center;
    align-items: center;
    background: var(--primary-color);
    display: flex;
    color: #fff!important;
    gap: 5px
}

.homeMainSection {
    grid-template-rows: repeat(2,1fr);
    grid-row-gap: 2px;
    grid-column-gap: 2px
}

.center-bottom-fix-btn {
    position: fixed;
    bottom: 150px;
    right: 20px;
    transition: top .24s ease;
    z-index: 99;
    width: 36px;
    height: 36px;
    border-radius: 40px;
    background: #3f3d3d;
    color: #fff;
    font-size: 16px;
    display: flex!important;
    align-items: center;
    justify-content: center;
    border: 0
}

button.center-bottom-fix-btn i {
    display: flex;
    align-items: center;
    justify-content: center
}

.iconWrap {
    text-align: center;
    background: #fff;
    padding: 6px 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 5px 0
}

.paymentMain {
    color: #000;
    text-align: center;
    font-family: Poppins;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 11px
}

.iconAll {
    display: flex;
    justify-content: center;
    gap: 10px
}

.iconAll img {
    width: 46px;
    height: 30px
}

.codeWrap {
    height: 58px
}

.online-payment-bank .btn-icon {
    position: unset;
    border: none;
    padding: 0
}

.stake-placed-bet {
    position: relative
}

.modal-loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff54;
    border-radius: 6px
}

.new-loader-overlay {
    position: absolute
}

.mobile-game-img-box img,.all-star-model-img a img {
    border-radius: 4px
}

.list-sport-list.ipl-events-sec {
    background: #b88831;
    text-align: center
}

.list-sport-list.ipl-events-sec a span {
    color: #fff;
    font-size: 12px;
    animation: blick-text 1s infinite;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    font-weight: 700
}

@keyframes blick-text {
    0% {
        opacity: 1
    }

    50% {
        opacity: .2
    }

    to {
        opacity: 1
    }
}

#upload-progress-root .progressBar-overlay {
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translate(-50%);
    width: 320px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 16px #00000026;
    padding: 12px 16px;
    z-index: 99999999999!important;
    display: flex
}

@media screen and (min-width: 991px) {
    .depo-and-wdrl-sec ul li a img {
        padding:0
    }

    .depo-and-wdrl-sec ul li a {
        font-size: 14px;
        transition: all .15s;
        font-weight: 700;
        padding: 10px 15px
    }

    .depo-and-wdrl-sec ul li a:hover {
        transform: scale(1.1);
        border-top: 1px solid #ddd;
        text-decoration: none;
        background: #f1f1f1;
        border-radius: 3px;
        background-image: url(/assets/submenu-arrow-active-Cd8nQMFJ.svg);
        background-position: right 10px center;
        background-repeat: no-repeat;
        background-size: 8px 12px;
        color: #000!important
    }

    .depo-and-wdrl-sec ul>li:not(:last-child)>a {
        border-bottom: 1px solid #efefef
    }

    .depo-and-wdrl-sec ul {
        list-style: none;
        overflow: hidden
    }

    .depo-and-wdrl-sec {
        padding: 0 10px
    }

    .depo-and-wdrl-sec ul li a {
        background-image: url(/assets/submenu-arrow-C6sE1izL.svg);
        background-position: right 10px center;
        background-repeat: no-repeat;
        background-size: 8px 12px
    }

    .left-side-bar-sec {
        position: static;
        width: 100%
    }

    .box-shd-sec {
        box-shadow: 0 0 5px #989898
    }

    .box-shd-gap {
        padding-left: 5px
    }

    .commentry-sec {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 1200px) {
    .main-body-container-sec .col-0.col-sm-0.col-md-0.col-lg-2 {
        display:none;
        padding: 0
    }

    .main-body-container-sec .col-12.col-sm-12.col-md-12.col-lg-10 {
        width: 100%;
        padding: 0
    }

    .row.cric-login-grid-sec {
        margin: 0
    }

    .game-box a p {
        font-size: 12px
    }

    li.input-form {
        display: none
    }

    .right-side-bar-main-sec {
        padding: 20px 15px
    }

    .live-broadcast-sec {
        height: 170px
    }

    section.main-body-container-sec.stake-events-details {
        padding-top: 65px!important
    }

    .online-money-trns-rgt:before {
        height: 605px
    }

    .copy-input-sec input {
        border-radius: 5px;
        padding: 10px
    }

    button.thm-but.cpy-btn {
        top: 3px;
        padding: 6px 20px
    }

    .thm-heading h3 {
        font-size: 16px
    }

    .cricket-wrapper {
        padding: 15px 0
    }

    .deposit-sec {
        padding: 0 15px
    }

    .sub-header-tab-con {
        margin-top: 20px
    }

    .container,.container-lg,.container-md,.container-sm {
        max-width: 100%
    }

    .horse-details-wrapper {
        padding: 10px
    }

    .thm-heading.date-list-h {
        padding-left: 0!important
    }

    .mr-row-sec.exch-same-pdb-wrapper .container {
        padding: 0 10px
    }

    .match-list-con .match-list-details {
        padding-bottom: 5px
    }
}

@media screen and (max-width: 991px) {
    .nav-middle-menu ul {
        background-color:#dbdbdb
    }

    .nav-middle-menu ul li a {
        color: #000;
        font-size: 14px;
        padding: 4px 15px;
        text-align: center;
        font-weight: 400
    }

    .nav-middle-menu ul li a img {
        height: 20px
    }

    .madhur-sec,.all-matka-list {
        width: 100%
    }

    .header-wapper {
        background-color: #000;
        background-image: none;
        height: 62px;
        padding: 0
    }

    .nav-right ul li a.cmn-btn12 {
        background: var(--dark-color);
        color: #fff;
        border-radius: 5px;
        padding: 6px 20px;
        border: 0;
        box-shadow: inset 0 0 0 1px #fff
    }

    li.rules-box {
        display: none
    }

    .nav-right ul li {
        padding: 0 3px
    }

    header.header-wapper .container {
        width: 100%
    }

    .nav-left ul li a img {
        max-width: 95px
    }

    section.nav-new-bar-sec {
        background: #dedddd
    }

    .right-side-bar-main-sec {
        padding: 10px
    }

    .nav-middle-menu ul li a.active {
        background-color: var(--primary-color);
        color: #fff
    }

    .commentry-sec {
        padding: 4px;
        background: #f1f1f1
    }

    .moving-text marquee {
        color: #000
    }

    .mobile-home-page {
        display: block
    }

    .game-box a p {
        max-width: 145px;
        font-size: 12px
    }

    .game-date {
        width: 110px
    }

    section.exchange-game-conetent-sec-in-mobile {
        display: block
    }

    .left-side-bar-sec {
        position: fixed;
        width: 400px
    }

    .banner-side-img-sec {
        height: 575px
    }

    .slider-model-pic img {
        height: 550px;
        text-align: center;
        width: 100%
    }

    .banner-side-img-sec .owl-theme .owl-nav button.owl-next span,.banner-side-img-sec .owl-theme .owl-nav button.owl-prev span {
        top: 40%
    }

    .login-model-pop-up-sec .modal.show .modal-dialog {
        transform: none;
        max-width: 575px
    }

    .login-header h2 {
        font-size: 24px
    }

    .login-body-lft {
        padding: 25px
    }

    .check-box-sec {
        margin-top: 0
    }

    .form-check .form-check-label {
        font-size: 13px
    }

    .input-left .form-control {
        padding: 7px 25px;
        font-size: 14px
    }

    .input-left i.fa-solid.fa-phone {
        position: absolute;
        top: 14px;
        left: 8px;
        font-size: 12px
    }

    .input-field .form-select {
        padding: 6px;
        font-size: 14px
    }

    .int-container-box .form-control {
        padding: 7px;
        font-size: 14px
    }

    .acc-and-join-sec {
        margin-top: 5px
    }

    .login-body-lft {
        width: 100%
    }

    .login-body-rgt {
        width: 50%;
        display: none
    }

    .dropdown.open-menu-btn button {
        color: #fff
    }

    .nav-right.header-nav-rgt ul li a.bal-exp:before {
        top: -16px;
        left: 12px;
        width: 85px
    }

    .nav-right.header-nav-rgt ul li a span {
        font-size: 12px;
        color: #fff;
        top: -3px
    }

    .nav-right.header-nav-rgt ul li a span b {
        color: #fff
    }

    .deposit-and-wdrl--m-sec {
        width: 100%;
        z-index: 1
    }

    section.main-body-container-sec.home-body-sec {
        padding-top: 150px!important
    }

    .depo-and-wdrl-sec ul li a {
        padding: 5px 10px
    }

    .events-details-sec .col-sm-0.col-md-0.col-lg-4 {
        display: none
    }

    .stake-m-view {
        display: block
    }

    .deposit-and-wdrl--m-sec {
        width: 100%;
        background: #fff
    }

    section.nav-new-bar-sec.events-nav-sec {
        padding-top: 50px
    }

    section.main-body-container-sec.stake-events-details {
        padding-top: 160px!important
    }

    .mobile-search-menu.stake-menu-btn {
        top: 45px
    }

    .bet-table-main-body {
        grid-template-columns: auto auto auto
    }

    .casino-bet-box a img {
        height: auto
    }

    .online-money-trns-rgt:before {
        width: 0px
    }

    .depo-rgt-container {
        margin-top: 8px
    }

    .password-lft {
        text-align: start
    }

    .profile-change-password-sec .row {
        margin-bottom: 5px
    }

    .app-stack-setting-section {
        grid-template-columns: auto auto
    }

    .password-lft span {
        line-height: 23px
    }

    .all-star-model-img {
        width: 33.33%;
        position: relative
    }

    .login-flow-heading .login-form {
        font-size: 24px
    }

    .login-flow-heading p {
        margin-top: 5px;
        font-size: 14px;
        line-height: 18px
    }

    .number-var.mak-gin .form-control {
        font-size: 14px
    }

    .sub-header-tab ul li {
        width: 25%
    }

    .sub-header-tab .nav-pills li .nav-link {
        font-size: 15px
    }

    .commentry-sec,.nav-right.header-nav-rgt .input-form {
        display: none
    }

    .horse-sec .live-heading h4 {
        font-size: 14px;
        line-height: normal;
        padding: 0;
        margin: 0
    }

    .nav-icon {
        display: block
    }

    .nav-middle-menu ul li:hover a img {
        filter: none
    }

    .horse-con .text-dark {
        font-size: 14px
    }

    .horse-con .live-heading {
        padding: 2px 8px;
        line-height: normal
    }

    .nav-middle-menu ul li:before {
        content: inherit
    }

    .nav-middle-menu ul li {
        border: 1px solid #b88831;
        border-radius: 10px;
        margin: 2px;
        box-shadow: 0 1px 5px #000
    }

    .nav-middle-menu ul li a span {
        display: inline-block;
        width: 100%
    }

    .nav-middle-menu ul li a img {
        margin: 0 auto
    }

    .hightlight-nav-menu a {
        color: #000!important
    }

    .nav-left .bdr-btn {
        border-radius: 3px
    }

    .nav-new-bar-sec .nav-middle-menu ul li .router-link-exact-active {
        background: var(--primary-gradient-color);
        color: #000;
        border-radius: 10px
    }

    .nav-right.header-nav-rgt .bdr-btn.login-btn {
        background-color: var(--primary-color);
        color: #fff;
        border-radius: 2px;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 600;
        padding: 7px 10px;
        border: 0;
        line-height: 1.5
    }

    .nav-right.header-nav-rgt .bdr-btn.signup-btn {
        background-color: #fff;
        color: var(--primary-color);
        border-radius: 2px;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 600;
        padding: 7px 10px;
        border: 0;
        line-height: 1.5
    }

    .nav-right.header-nav-rgt .bdr-btn.signup-btn:hover {
        background: #006400;
        color: var(--white-color)
    }

    .offcanvass-logo-sec {
        width: auto;
        margin: auto;
        padding: 20px 10px 10px
    }

    .download-apk-bx {
        border-bottom: 1px solid rgba(255,255,255,.3)
    }

    .left-side-bar-sec,.app-lft-sidebar button,.accordion-button,.download-apk-bx a,.instant-id-bx {
        background-color: var(--primary-color)
    }

    .accordion-item {
        border: 0;
        border-bottom: 1px solid rgba(0,0,0,.3)
    }

    .app-lft-sidebar .accordion-item {
        border: 0;
        border-bottom: 0
    }

    .side-menu-heading img {
        height: 20px;
        width: 20px;
        background-color: #ffffff4d;
        border-radius: 100px;
        padding: 5px
    }

    .login-body-lft .input-left .fa-solid.fa-phone {
        top: 11px
    }

    .sec-heading img {
        height: 15px;
        width: auto
    }

    .section-listing-page .sec-heading img {
        width: auto
    }

    .match-sec {
        margin: 0
    }

    .sub-header-wrapper.horse-tab-sec.fix-tab-sec .sub-header-tab {
        padding-top: 0
    }

    .mobile-toggle {
        display: block
    }

    .offcanvas.offcanvas-start .btn-close {
        position: absolute;
        opacity: 1;
        padding: 5px 10px!important;
        line-height: 12px!important;
        border-radius: 0;
        top: 20px;
        right: 0;
        background-color: transparent;
        width: 20px
    }

    .app-lft-sidebar .btn-close,.offcanvass-logo-sec {
        display: block
    }

    .deposit-and-wdrl--m-sec {
        gap: 5px;
        display: flex;
        margin: 1px 0
    }

    .rules-btn {
        display: none
    }

    .balance-head span {
        white-space: nowrap;
        width: 100%;
        display: inline-block
    }

    .app-market-details-sec .row {
        padding: 0
    }

    .btn-group-box button {
        text-transform: uppercase
    }

    .dropdown.open-menu-btn button {
        color: #fff!important
    }

    .side-menu-heading span {
        color: #fff
    }

    .app-lft-sidebar .accordion-button,.app-lft-sidebar button,.depo-and-wdrl-sec ul li a.multi-mark-bg,.download-apk-bx a {
        padding: 10px 15px
    }

    .app-lft-sidebar .accordion-button:not(.collapsed) .side-menu-heading span {
        color: #000!important
    }

    .offcanvass-logo-sec.mobile-logo img {
        max-height: 100px
    }

    .market-event-name span {
        text-transform: capitalize;
        font-size: 12px;
        font-weight: 600;
        color: #000;
        padding-left: 5px;
        line-height: normal;
        display: inline-table;
        line-height: 14px
    }

    .fancy-tab-lft-content span.market-event-head {
        font-size: 12px
    }

    .desktop-user-name {
        display: none
    }

    .balance-head span {
        font-size: 12px;
        font-weight: 600
    }

    .balance-head {
        padding: 5px 15px;
        height: auto;
        min-width: 80px;
        margin-left: 0
    }

    .nav-right.header-nav-rgt ul li {
        margin-left: 2px
    }

    .header-wapper .dropdown.open-menu-btn .dropdown-menu li {
        margin-left: 0!important
    }

    .dropdown.open-menu-btn button {
        background: var(--primary-color);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0;
        border-radius: 10%;
        width: 28px;
        height: 28px;
        margin-top: 5px!important
    }

    .header-wapper .dropdown.open-menu-btn .dropdown-menu {
        top: 32px!important
    }

    .dropdown.open-menu-btn .dropdown-toggle:after {
        content: none
    }

    .mobile-user-name,.user-images {
        display: block
    }

    .dropdown-menu {
        background-color: #fff
    }

    .navbar-sec {
        height: 62px
    }

    .header-wapper .container-fluid {
        padding: 0
    }

    .mobile-user-name {
        top: -14px
    }

    .rules-modal {
        display: none
    }

    .nav-right.header-nav-rgt ul li.search-box {
        display: inline-block
    }

    .nav-right.header-nav-rgt ul li.search-box i {
        margin-right: 0;
        font-size: 20px;
        color: #fff;
        vertical-align: middle;
        text-shadow: 0 0 8px rgba(0,0,0,.12);
        -webkit-transition: color .3s ease 0s;
        transition: color .3s ease 0s
    }

    .nav-right.header-nav-rgt ul li.balance-bx {
        padding: 0;
        margin-top: 6px
    }

    .modal-dialog {
        max-width: 97%;
        margin: 0 auto
    }

    .exch-coupon-card {
        width: 200px
    }

    section.padding-top-150.no-pad.main-body-container-sec {
        padding-top: 92px!important
    }

    .player-list-con .live-heading h4 {
        font-size: 14px;
        line-height: normal
    }

    .player-list-con .team-list-con {
        height: 75px
    }

    .video-wrapper .video-sec iframe {
        width: 100%;
        height: 240px
    }

    .stage {
        margin-top: 30px
    }

    .back-modal .thm-gradient-but ul li .btn-thm {
        height: 40px
    }

    .sub-header-tab-con {
        margin-top: 20px
    }

    .back-modal .thm-heading p {
        font-size: 14px;
        margin: 2px 0
    }

    .match-con .thm-gradient-but ul li figure {
        font-size: 14px
    }

    .sub-header-tab .nav-pills li .nav-link {
        font-size: 14px;
        line-height: normal
    }

    .sub-header-tab {
        padding-top: 10px
    }

    .match-team .live-heading h4 {
        font-size: 14px
    }

    .ipl-wrapper .match-team-list {
        padding: 0!important
    }

    .team-select-con h3 {
        font-size: 14px;
        margin: 3px 8px
    }

    .team-select-con span {
        font-size: 14px
    }

    #viewModal .modal-info {
        width: 80px;
        height: 80px
    }

    .thm-heading h1 {
        font-size: 28px
    }

    #viewModal .new-account-sec .thm-heading h3 {
        font-size: 14px
    }

    .desktop-logo {
        margin-left: 10px
    }

    .depo-and-wdrl-sec ul li a {
        color: #fff!important
    }

    .country-code-flag-sec {
        top: 34px
    }

    .nav-middle-menu ul li a:hover {
        color: inherit
    }

    .left-side-bar-sec .depo-and-wdrl-sec ul li a span {
        font-weight: 400
    }

    .instant-id-bx ul li a {
        font-size: 12px
    }

    .instant-id-bx ul li a span,.instant-id-bx strong {
        color: #fff
    }
}

@media only screen and (max-width: 767px) {
    .left-side-bar-sec {
        position:fixed;
        width: 330px
    }

    .stake-light-pink-box {
        margin-top: -1px
    }

    .inpt-grp-rgt input {
        height: 38px;
        font-size: 12px!important
    }

    .select-digit input {
        height: 38px
    }

    .stake-light-pink-box {
        padding: 3px;
        background: #ffd5da;
        border-radius: 0 0 5px 5px;
        margin-bottom: 5px
    }

    .accept-any-odds-btn .form-switch .form-check-input {
        margin-top: 0
    }

    .mobile-offcanvass .offcanvas-start {
        width: 350px
    }

    .add-even-sec {
        display: none
    }

    .game-box a p {
        font-size: 12px
    }

    .game-icons {
        margin-right: 10px
    }

    .mobile-exch-grid-item {
        grid-column-gap: 5px;
        grid-row-gap: 5px
    }

    .mobile-game-img-box {
        border-radius: 5px;
        overflow: hidden;
        width: 151px
    }

    .container,.container-sm {
        max-width: 100%!important
    }

    .bet-details-btn-group {
        text-align: end
    }

    .back-light.back,.lay-light.lay {
        display: none
    }

    .bet-details-btn-group button {
        width: 500%;
        text-align: center;
        border: 0;
        height: 45px
    }

    button.btn-grp-12 {
        display: none
    }

    .btn-group-box button {
        width: 50%
    }

    .fancy-box-1 {
        width: 80%;
        text-align: end;
        float: right
    }

    .fancy-box-1.fancy-min-max {
        display: none
    }

    .select-digit {
        width: 100%
    }

    .fancy-box-1 .fancy-betting-box {
        width: 50%;
        font-size: 13px;
        font-weight: 600;
        height: 45px;
        margin-left: 2px
    }

    .sub-header-tab ul li {
        width: 35%
    }

    .example-but .thm-but {
        width: 95%;
        margin-top: 15px;
        padding: 8px;
        font-size: 17px
    }

    .rewards-wrapper .number-sec,.copy-input-sec {
        width: 65%
    }

    .number-header input {
        text-align: inherit
    }

    .statement-heading {
        padding: 0 10px 10px
    }

    .bonus-list-sec {
        margin: 0 10px
    }

    .team-list-sec ul li {
        width: 75%
    }

    .cricket-wrapper.pb-3.referal-sec,.cricket-wrapper.user-bonus {
        margin: 0 10px
    }

    .sub-header-tab ul li {
        width: 25%
    }

    .sub-header-tab .nav-pills li .nav-link {
        display: inline-block;
        text-align: center
    }

    .horse-details-wrapper {
        background: #054146;
        padding: 10px
    }

    .thm-but {
        font-size: 16px
    }

    .deposit-withdraw-sec {
        overflow-x: inherit;
        display: inherit;
        width: 100%;
        height: auto;
        overflow-y: auto
    }

    .acc-tab-list ul {
        padding: 10px 0;
        flex-wrap: nowrap;
        width: 100%;
        overflow-x: auto
    }

    .deposit-main-body {
        overflow: hidden
    }

    .fancy-box-1 {
        display: flex;
        justify-content: space-evenly;
        width: 100%
    }

    .bet-details-btn-group button {
        margin-left: 1px
    }

    .fancy-box-1.fancy-no-yes button {
        width: 50%
    }

    .fancy-betting-box,.sky-color-box {
        border-radius: 3px;
        margin: 0 1px
    }

    .back-title,.lay-title {
        color: #000;
        font-size: 12px
    }

    .bet-slip-area {
        background-color: #f1f1f1
    }

    .events-details-sec .accordion-item {
        box-shadow: none
    }

    .events-details-sec .accordion-item {
        border-bottom: 0
    }

    .fancy-tab-lft-content span.market-event-head {
        line-height: normal
    }

    .btn-group-box button.back-title,.btn-group-box button.lay-title {
        color: #000;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 600
    }

    .form-search-sec .row {
        margin-left: -5px;
        margin-right: -5px
    }

    .form-search-sec .row .col-3.col-sm-3.col-md-2,.form-search-sec .row .col-6.col-sm-6.col-md-2 {
        padding-left: 5px;
        padding-right: 5px
    }

    .has-com-icon {
        height: 13px;
        width: 13px;
        margin-right: 5px
    }

    .ladder-com-icon {
        height: 13px;
        width: 13px;
        margin: 0 5px
    }

    .bonus-list-wrapper .nav-pills .nav-link {
        padding: 5px
    }

    .bonus-list-wrapper .match-head h5 {
        font-size: 14px
    }

    .bonus-list-wrapper .request-icon-con {
        margin-right: 5px
    }

    .get-statement-sec {
        margin-top: 5px
    }

    div#app {
        padding-bottom: 70px
    }

    .footer-fixed-nav {
        display: block
    }

    .exch-coupon-card {
        width: 200px
    }

    .homeWrap {
        min-width: unset!important
    }

    .stakefix-sec .the-match-sec {
        padding: 10px!important
    }

    .team-list ul li {
        width: auto
    }

    .match-con span {
        font-size: 13px;
        margin-left: 16px
    }

    .open-faq button {
        font-size: 16px;
        padding: 10px 6px
    }

    .list-con h4 {
        font-size: 14px
    }

    div.mm-dropdown ul li {
        padding-left: 15px
    }

    .match-bg .btn-thm {
        width: 80px!important;
        height: 40px!important
    }

    .match-con .thm-gradient-but ul li .btn-thm {
        padding: 5px 20px
    }

    div.mm-dropdown ul li,div.mm-dropdown div.textfirst {
        height: 20px
    }

    .thm-heading h3,.live-heading h4 {
        font-size: 16px
    }

    .recommended-wrapper {
        margin-top: 16px
    }

    .video-wrapper .stage .stage-item:after {
        right: calc(50% + 20px);
        width: calc(100% - 40px);
        top: 25%;
        left: auto
    }

    .choose-bet-wrapper {
        padding-bottom: 16px
    }

    .login-model-pop-up-sec .modal.show .modal-dialog {
        max-width: 100%;
        margin: 0 auto;
        height: 100%
    }

    .login-model-popup .login-body-sec .login-body-lft {
        padding-bottom: 40px
    }

    .footer-logos {
        display: flex
    }

    .chat-modal-btn-sec .chat-modal-btn {
        bottom: 145px;
        left: 5px;
        box-shadow: 0 0 6px 3px #ffffff7f!important
    }

    .chat-modal-btn-sec {
        z-index: 11;
        position: relative
    }

    .sportsbook-iframe {
        padding-bottom: 40px!important
    }

    .withdrw-fix-wrapper .thm-modal-btn .thm-btn {
        margin-top: 0
    }

    .rules-modal .modal-dialog {
        margin: .5rem!important
    }

    .popular-con.matka-info-sec {
        column-gap: 8px
    }

    .mrkname {
        font-size: 10px!important;
        padding: 3px 0;
        width: 86%
    }

    .bet-details-btn-group button span b {
        font-size: 13px;
        color: #39415f
    }

    .bet-details-btn-group button span {
        font-size: 10px;
        line-height: 11px;
        color: #39415f;
        font-weight: 500
    }

    .online-payment-bank p b {
        white-space: nowrap;
        overflow-x: auto;
        max-width: 82px;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .poster-img img {
        height: 180px
    }

    .online-payment-bank p b ::-webkit-scrollbar {
        display: none
    }
}

@media screen and (max-width: 576px) {
    .mobile-offcanvass .offcanvas-start {
        width:290px
    }

    .back-lay-title {
        background-color: #f3f8fb;
        line-height: 18px
    }

    .low_deposit_btn {
        width: 100%
    }

    span.lay-loss {
        display: flex;
        justify-content: center
    }

    .cmn-btn-cashout {
        border: 1px solid #fff;
        line-height: 14px;
        padding: 0
    }

    .left-side-bar-sec {
        width: 290px
    }

    .thm-but {
        padding: 7px 20px
    }

    .banner-side-img-sec {
        height: 475px
    }

    .slider-model-pic img {
        height: 465px
    }

    .header-wapper .container {
        width: 100%;
        padding-right: 0;
        padding-left: 5px;
        margin-right: auto;
        margin-left: auto
    }

    .moving-text marquee {
        font-size: 12px
    }

    .nav-right.header-nav-rgt ul li a.bal-exp:before {
        top: -16px;
        left: 17px;
        width: 75px
    }

    .nav-right.header-nav-rgt ul li a span {
        top: -6px;
        left: 45px
    }

    a.multi-mark-bg.home-btn-m img {
        filter: none
    }

    .live-broadcast-sec {
        height: 120px
    }

    .country-vs-country span {
        font-size: 11px
    }

    section.nav-new-bar-sec.events-nav-sec {
        padding-top: 45px
    }

    .online-money-trns-lft,.online-money-trns-rgt {
        margin: 0
    }

    .depo-rgt-container {
        padding: 10px;
        background: #fff;
        border-radius: 15px;
        margin-top: 10px
    }

    .support-sec a img {
        width: 70px;
        height: 70px
    }

    .acc-tab-list ul li button span img {
        width: 25px;
        height: 25px
    }

    .profile-container-sec {
        height: auto
    }

    section.main-body-container-sec.home-body-sec {
        overflow-x: hidden
    }

    .time-sec {
        padding-right: 5px;
        margin: 3px
    }

    .time-con h6 {
        font-size: 13px
    }

    .madhur-but a {
        padding: 5px
    }

    .sub-header-tab ul li {
        flex: 1 0 20%;
        width: inherit
    }

    .thm-heading h3 {
        font-size: 15px
    }

    .thm-heading.status-tabs-list a {
        padding: 4px;
        width: 32%;
        font-size: 15px
    }

    .acc-tab-list ul {
        padding: 10px 0
    }

    .get-statement-sec {
        margin-top: 5px
    }

    .bonus-list-wrapper .nav-pills .nav-link {
        min-width: 140px
    }

    .refer-list-sec {
        padding: 5px
    }

    .bonus-list-wrapper {
        padding-top: 10px
    }

    .refer-list {
        margin-top: 5px
    }

    .cricket-wrapper {
        padding: 5px 0
    }

    .team-list-sec {
        padding: 0
    }

    .refer-user {
        margin-left: 0
    }

    .surprises-sec .playstreak-input {
        width: 120px
    }

    .mobile-game-img-box {
        width: 154px
    }

    .exch-coupon-card {
        width: 156px
    }

    .homeWrap {
        min-width: unset!important
    }

    .login-body-sec {
        align-items: baseline
    }

    .matka-detail-sub-list .search-sec {
        width: calc(100% - 210px)
    }

    .matka-wrapper-detail .guru-but-sec ul,.matka-wrapper-detail .guru-but-sec {
        margin-top: 10px
    }

    .exch-breadcrumb-heading-sec h6 {
        font-size: 12px
    }

    .exch-setting-edit-stack-wrapper .exch-setting-edit-stakes-input-section {
        flex-wrap: wrap
    }

    .exch-setting-edit-stack-wrapper {
        text-align: center
    }

    .singlestakeed-sec .exch-setting-edit-stakes-input-section.mobile-input {
        flex-wrap: nowrap
    }

    .bat-with-team .number-sec .number-header.col-sm-6 {
        margin-bottom: 10px
    }

    #reviewBetsModal .transactions-request .view-but-sec {
        width: auto
    }

    .digits-fix-header .thm-modal-header {
        width: calc(100% - 70px)
    }

    .stake-theme-digit-btn {
        gap: 5px;
        display: flex
    }

    .offcanvas.offcanvas-start .btn-close {
        top: 15px;
        left: -1px;
        right: auto
    }

    .promotion-con {
        width: 100%;
        height: 95px;
        border-radius: 4px
    }

    .promotion-con img {
        border-radius: 6px;
        height: 100%;
        width: 100%
    }

    .promotion-wrapper .carousel__pagination {
        margin: 5px 0 0
    }

    .matka-detail-right h4 {
        white-space: nowrap;
        width: 60%;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .mrkname {
        padding-left: 0;
        padding-right: 0;
        font-size: 11px
    }
}

@media screen and (max-width: 479px) {
    .poster-img {
        width:100%;
        margin: 2px
    }

    .cric-login-grid-sec.g-0 {
        --bs-gutter-x: 1.5rem
    }

    .min-max-head {
        text-align: end;
        height: 32px;
        margin-right: 5px
    }

    .balance-head {
        padding: 4px 7px!important
    }

    .nav-right.header-nav-rgt ul li.search-box {
        display: inline-block;
        margin-left: 5px
    }

    .nav-right.header-nav-rgt ul li.balance-bx {
        margin-left: 0
    }

    .nav-right.header-nav-rgt ul li img {
        min-width: 15px
    }

    .dropdown.open-menu-btn button {
        width: 30px;
        height: 31px;
        margin-top: 10px!important;
        margin-left: 0
    }

    .navbar-sec {
        padding: 10px 3px
    }

    .mobile-exch-main-box {
        margin-bottom: 0;
        margin-top: 2px
    }

    span.mrkname.who_will_win_text {
        line-height: 12px;
        display: flex
    }

    .accept-any-odds-btn .form-switch .form-check-input {
        margin-top: 0
    }

    .min-max-head span {
        font-size: 11px;
        color: #212529;
        font-weight: 400;
        text-transform: capitalize;
        white-space: nowrap
    }

    .mark-lft-head {
        width: 90%
    }

    .mobile-offcanvass .offcanvas-start {
        width: 60%
    }

    .left-side-bar-sec {
        width: 100%;
        position: static
    }

    .slider-model-pic img {
        height: 290px
    }

    .banner-side-img-sec {
        height: 320px
    }

    .more-details-menu .btn-secondary {
        font-size: 12px
    }

    .open-menu-btn button i.fa-solid.fa-user {
        display: none
    }

    .live-broadcast-sec {
        height: 88px
    }

    .fav-star i.fa-regular.fa-star {
        font-size: 13px
    }

    button.cmn-btn-cashout {
        display: none
    }

    .bet-details-btn-group button {
        height: 40px
    }

    .fancy-tab-list ul {
        overflow-x: auto;
        overflow-y: hidden;
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        white-space: nowrap
    }

    .fancy-box-1 .fancy-betting-box {
        height: 40px
    }

    .fancy-tab-list ul li button {
        font-weight: 400
    }

    .stake-small-box button {
        font-size: 11px;
        line-height: 28px
    }

    .profile-tab-list .nav-pills .nav-link {
        width: auto;
        padding: 8px 13px
    }

    .all-star-model-img a img {
        height: 120px
    }

    .withdrawTableData tr td {
        font-size: 12px;
        padding: 2px 7px
    }

    .sub-header-tab ul li {
        width: 50%
    }

    .sub-header-tab .nav-pills li .nav-link {
        font-size: 14px
    }

    .rewards-wrapper .number-sec {
        width: 95%
    }

    .copy-input-sec {
        width: 93%
    }

    .thm-heading p {
        color: var(--text-grey-color);
        font-size: 13px;
        font-weight: 500
    }

    .statement-sec .request-icon-con {
        padding: 6px
    }

    .match-head.d-block p {
        font-size: 14px
    }

    .statement-sec .open-faq .match-head {
        padding-right: 15px
    }

    .statement-match-faq h5 {
        color: #000!important;
        font-size: 16px;
        line-height: 15px;
        padding: 0
    }

    .team-list-sec ul li {
        list-style: none;
        width: 90%;
        font-size: 13px;
        margin: 4px 0
    }

    .statement-sec .team-list-sec ul li .thm-but {
        padding: 4px 6px;
        font-size: 12px
    }

    .modal-social-icon ul li a img {
        width: 32px;
        height: 32px
    }

    .all-matka-list ul li {
        font-size: 14px
    }

    .madhur-con {
        padding: 25px 5px 10px;
        margin-top: 60px
    }

    .horse-sec .live-but h5 {
        font-size: 13px;
        margin-left: 5px
    }

    .withdraw-btn .thm-but {
        padding: 1px 5px;
        font-size: 13px
    }

    .match-con .crickets-con .match-bg {
        padding: 5px
    }

    .match-con .thm-gradient-but ul li figure {
        font-size: 14px
    }

    .thm-gradient-but ul li .btn-thm {
        margin-right: 0;
        padding: 0 10px;
        font-size: 14px
    }

    .match-con .thm-gradient-but.fix-amount-list ul li .btn,.match-con .thm-gradient-but.fix-amount-list ul li .btn-thm {
        height: 35px!important;
        line-height: 0
    }

    .match-con span {
        font-size: 12px
    }

    .cancle-but {
        width: 28%;
        font-size: 15px;
        padding: 6px 0
    }

    .place-but {
        border: none;
        padding: 7px 0;
        width: 68%;
        font-size: 15px
    }

    .running-con {
        width: 100%
    }

    .horse-img {
        margin: 5px
    }

    .team-list-wet,.match-head.team-list-wet h5 {
        font-size: 14px
    }

    .sub-header-tab ul {
        flex-wrap: inherit
    }

    .sub-header-tab ul li {
        flex: 1 0 10%
    }

    .live-heading h4 {
        font-weight: 400;
        font-size: 14px;
        line-height: 15px
    }

    .text-dark {
        color: #000!important;
        font-size: 14px
    }

    .sub-header-tab-con {
        margin-top: 0
    }

    .hound-faq-sec {
        padding: 5px
    }

    .horse-list-sec {
        display: flex;
        align-items: end
    }

    .accordion-button,.download-apk-bx a,.instant-id-bx {
        padding: 5px
    }

    .thm-heading.status-tabs-list a {
        padding: 5px 8px;
        width: 100%;
        white-space: nowrap;
        display: inline-block;
        margin-right: 10px;
        font-size: 14px
    }

    .thm-heading.status-tabs-list {
        overflow-x: auto;
        width: 100%;
        flex-wrap: nowrap;
        display: flex
    }

    .promo-img-box img {
        width: 300px;
        border-radius: 15px;
        overflow: hidden
    }

    .withdrawal-sec {
        margin-top: 25px
    }

    .login-body-lft {
        padding: 15px
    }

    .login-body-sec .login-body-lft {
        padding: 0 15px
    }

    .surprises-sec .recent-bank-sec {
        margin-left: 0
    }

    .surprises-sec .playstreak-input {
        width: 100px
    }

    .surprises-sec .playstreak-input h4 {
        font-size: 14px
    }

    .surprises-sec .bank-con span {
        line-height: 16px
    }

    .recent-sec.surprises-sec .menu-dots .thm-but {
        padding: 7px 10px
    }

    .surprises-sec .bank-con span br {
        display: none
    }

    .surprises-sec .bank-con span {
        width: 103px;
        display: inline-block
    }

    .padding-top-105.main-body-container-sec .right-side-bar-main-sec {
        padding: 10px 0
    }

    .exch-coupon-card {
        min-width: 154px;
        height: 91px;
        width: auto
    }

    .homeWrap {
        min-width: 90px!important
    }

    .homeWrap img {
        width: unset
    }

    .fix-tab-sec.show {
        top: 42px
    }

    .stakefix-sec .the-match-sec .thm-gradient-but input,.stakefix-sec .the-match-sec .thm-submit-but button {
        height: 38px
    }

    .team-sec .p-2 h5 {
        padding: 0!important
    }

    .team-list ul li {
        border-right: 1px solid #cccccc;
        margin-right: 8px;
        padding-right: 8px!important;
        line-height: normal
    }

    .open-faq .accordion-item {
        border-radius: 0
    }

    .team-list-wet,strong {
        font-weight: 500!important
    }

    .match-con .live-heading h4,.the-match-wrapper .live-heading h4 {
        font-size: 14px
    }

    .match-bg .btn-thm {
        width: 70px!important;
        height: 38px!important
    }

    .breadcrumb-item+.breadcrumb-item:before {
        content: "";
        width: 1px;
        height: 8px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        top: 3px;
        position: absolute;
        left: 7px
    }

    #fileList ul li {
        font-size: 12px
    }

    .info-list ul li {
        font-size: 11px;
        line-height: 12px
    }

    .info-list {
        width: 320px;
        z-index: 11;
        left: 0;
        top: 46%;
        transform: translate(-69%,20%)
    }

    .info-list:before {
        height: 30px;
        left: 50%;
        top: 7%;
        transform: translate(36%,-50%);
        z-index: -1
    }

    .info-list ul li {
        font-size: 12px
    }

    .file-upload h6 {
        font-size: 12px;
        line-height: normal;
        margin-left: 4px
    }

    .file-upload span img {
        width: 18px;
        height: 18px
    }

    .bank-con h6 {
        font-size: 14px
    }

    .file-upload {
        padding: 0 6px
    }

    .new-account-sec ul li {
        padding: 15px 12px
    }

    .bank-con span {
        font-size: 12px
    }

    .new-place-bet-detail-sec .bank-con span {
        font-size: 11px
    }

    .bank-con {
        line-height: normal
    }

    .dropstart button img {
        width: 85%
    }

    .match-head h5 br {
        display: none
    }

    .open-faq button {
        font-size: 14px;
        padding: 10px 8px
    }

    .sub-header-tab .nav-pills li .nav-link {
        font-size: 12px
    }

    .the-match-sec .thm-gradient-but ul li figure {
        font-size: 14px
    }

    .game-btn-fix .btn-thm {
        width: 46px!important;
        height: 40px!important;
        margin-right: 4px!important
    }

    .number input {
        font-size: 14px
    }

    .number input {
        height: 38px;
        font-size: 14px;
        width: 140px
    }

    .phone-country {
        margin-right: 4px
    }

    input {
        font-size: 14px!important
    }

    .back-modal .thm-heading p {
        font-size: 12px;
        line-height: normal;
        margin: 2px 0
    }

    .number-header input {
        font-size: 14px!important;
        border-radius: 4px;
        padding: 10px
    }

    .the-match-sec {
        margin-top: 10px
    }

    .match-con .thm-gradient-but ul {
        justify-content: center;
        width: 100%
    }

    .thm-gradient-but ul li .btn-thm {
        font-size: 12px;
        line-height: normal
    }

    .match-con .thm-gradient-but {
        width: 50%;
        margin: 0 auto
    }

    .thm-heading h3 {
        font-size: 14px
    }

    .sub-header-tab-con {
        margin-top: 10px
    }

    .thm-but {
        border-radius: 4px
    }

    .promotion-wrapper {
        margin-top: 10px
    }

    .recommended-wrapper {
        margin-top: 20px
    }

    .thm-heading a span {
        font-style: normal;
        font-weight: 400;
        font-size: 12px
    }

    .live-heading {
        margin: 8px 0 0;
        line-height: normal
    }

    .live-heading h4 {
        font-size: 16px;
        line-height: normal;
        margin: 4px 0;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 85px;
        overflow: hidden
    }

    .thm-gradient-but ul {
        padding-bottom: 0
    }

    .thm-gradient-but ul li {
        margin-right: 0
    }

    .live-heading span {
        font-size: 14px
    }

    .owl-theme .owl-dots .owl-dot span {
        width: 14px;
        height: 4px;
        margin: 0 2px
    }

    .header-wrapper {
        padding: 8px 0
    }

    .cricket-box {
        padding: 6px 10px;
        width: 110px;
        margin-top: 15px
    }

    .contact-icon img {
        width: 28px;
        height: 28px
    }

    .match-head p {
        font-size: 12px;
        line-height: normal;
        margin-left: 2px;
        border-left: 1.5px solid #787878;
        line-height: 10px
    }

    .team-list ul li span {
        font-size: 13px;
        line-height: normal
    }

    .team-list {
        padding: 6px 4px
    }

    .form-label {
        margin-bottom: 6px
    }

    .cricket-fight-banner a {
        width: 100%;
        height: 100%;
        display: block
    }

    .cricket-fight-banner a img {
        width: 100%
    }

    .cricket-fight-banner {
        width: 100%!important;
        height: 100%!important
    }

    .match-list-con {
        margin-top: 10px
    }

    .match-header .notification-icon {
        padding: 6px 10px
    }

    .team-list-con figure {
        width: 34px;
        height: 34px;
        border: 1px solid #b6a4a4;
        border-radius: 100%
    }

    .match-team-list {
        background-size: 18px
    }

    .language-list ul li {
        margin: 6px 10px;
        font-size: 12px
    }

    .info-footer .thm-but {
        width: 49%
    }

    .modal-footer .thm-but {
        padding: 0 6px
    }

    .rule-btn {
        padding: 6px!important
    }

    .res-heading h3 {
        font-size: 16px!important
    }

    .video-modal {
        margin-top: 8px
    }

    .stage {
        margin-top: 20px
    }

    .stage .stage-item.disabled .stage-item-text span {
        font-size: 14px
    }

    .stage .stage-item .stage-item-text span {
        font-size: 13px;
        white-space: nowrap
    }

    .stage .stage-item .stage-item-text {
        margin-top: 4px
    }

    .modal-boder-btn .thm-but {
        width: 100%
    }

    .player-list-con figure {
        width: 40px;
        border-radius: 3px;
        height: 40px;
        border: none;
        min-width: 40px
    }

    .player-list-con .team-list-con {
        min-height: 50px;
        padding: 4px;
        gap: 5px;
        height: auto
    }

    .player-list {
        margin-top: 0
    }

    .team-select-con {
        border-radius: 4px;
        border-left: 5px solid #01af70
    }

    .stake-con .thm-but {
        padding: 12px 10px
    }

    .video-wrapper .video-sec iframe {
        height: 180px
    }

    .player-wrapper .info-list {
        transform: translate(-50%,20%)
    }

    .player-wrapper .info-list:before {
        transform: translate(-40%,-50%)
    }

    .view-btn-con {
        font-size: 13px!important;
        padding: 6px 10px!important
    }

    .choose-bet-list ul li button {
        padding: 4px 5px!important
    }

    .choose-bet-list .nav-pills .nav-link {
        padding: 4px 2px!important
    }

    .number-header h5 {
        font-size: 12px
    }

    .choose-bet-list .number-header h5 {
        margin: 4px 0
    }

    .choose-bet-wrapper .thm-heading span {
        font-size: 12px;
        color: #999
    }

    .choose-bet-list-img img {
        width: 18px;
        height: 18px
    }

    .transactions-sec {
        margin-top: 20px
    }

    .transactions-request {
        margin-top: 10px
    }

    #viewModal .bank-icon img {
        margin-right: 0;
        width: 20px;
        height: 20px
    }

    .thm-heading h1 {
        font-size: 22px
    }

    #viewModal .modal-info {
        width: 60px;
        height: 60px
    }

    #teambatModal .info-footer .thm-but {
        width: 100%
    }

    #teambatModal .team-select {
        margin-top: 6px
    }

    .choose-bet-list ul.nav.nav-pills {
        margin-left: 0!important;
        margin-right: 0!important;
        margin-bottom: 10px
    }

    .bat-with-team .thm-gradient-but ul {
        margin-top: 14px
    }

    .choose-bet-lis .nav.nav-pills li {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .stakeed-list {
        margin-top: 0
    }

    .stakeed-sec .thm-gradient-but ul li .btn-thm {
        margin: 6px 0
    }

    #teambatModal .match-list-sec {
        margin-top: 5px
    }

    .player-list-con .live-heading span {
        font-size: 12px
    }

    .choose-bet-wrapper .info-footer .thm-but {
        font-size: 14px
    }

    .transactions-request {
        padding: 10px
    }

    #teambatModal .modal-footer .thm-but {
        padding: 0 24px;
        margin: 0
    }

    #viewModal .info-list {
        transform: translate(-50%,20%)
    }

    #viewModal .info-list:before {
        transform: translate(-40%,-50%)
    }

    #viewModal .modal-dialog {
        border-radius: 6px;
        overflow: hidden
    }

    .modal-social-icon ul {
        margin-top: 0
    }

    #shareModal .number-header h5 {
        margin: 6px 0
    }

    .copy-input {
        margin: 15px 0
    }

    .team-faq-sec .accordion-button:after {
        background-size: 14px
    }

    .modal-res-sticky .modal-dialog {
        position: fixed;
        inset: auto 0 0;
        width: 100%
    }

    .modal-banner img {
        width: 80px
    }

    #lossstatusModal .team-select {
        margin-top: 10px!important
    }

    .team-select-con h3 {
        font-size: 14px!important
    }

    .stakefix-sec .thm-but {
        font-size: 14px;
        font-weight: 600;
        line-height: 1
    }

    .contests-btn {
        margin-right: 0
    }

    .sub-header-tab {
        padding-top: 4px
    }

    .back-arrow img {
        width: 14px;
        height: 14px
    }

    .share-btn {
        padding: 5px!important;
        margin-right: 6px
    }

    .share-btn img {
        width: 14px;
        height: 14px
    }

    #winstatusModal .winstatus-heading h3,#lossstatusModal .winstatus-heading h3 {
        font-size: 16px;
        margin-top: 5px
    }

    .winstatus-heading span {
        font-size: 13px
    }

    .modal-body,.modal-header {
        padding: 10px!important
    }

    .game-iframe-body {
        padding: 0!important
    }

    .announcement-sec marquee {
        font-size: 14px
    }

    .exch-open-bets-wrapper .accordion-button:after {
        top: 7px
    }

    .match-list-details .thm-heading.justify-content-center .profit-color {
        font-size: 14px
    }

    .info-footer {
        margin-top: 10px
    }

    .stake-con {
        width: 100%
    }

    .ipl-wrapper .match-list-sec {
        padding-top: 0
    }

    .login-model-pop-up-sec .login-body-lft {
        padding: 0
    }

    .input-left.phone-no-field .form-control {
        padding: 8px 10px 7px 85px
    }

    .bonus_new_s span {
        font-size: 14px
    }

    .bonus_new_s span small {
        padding: 0 5px
    }

    .check-box-sec .box-left .form-check .form-check-label {
        top: -3px
    }

    .box-right a {
        font-size: 14px
    }

    .instant-id-bx {
        padding: 10px 10px 50px
    }

    .instant-id-bx strong {
        color: #fff;
        font-size: 13px;
        padding-bottom: 0;
        font-weight: 700!important;
        margin-bottom: 10px
    }

    .upcoming-match-time-sec {
        margin-right: 5px;
        font-size: 12px
    }

    .notification-icon img {
        width: 14px
    }

    .match-header .notification-icon {
        padding-left: 0
    }

    .right-side-bar-main-sec {
        padding: 0
    }

    .new-title {
        width: 110%
    }

    .nav-middle-menu ul li a {
        font-size: 12px
    }

    .rules-container {
        max-height: 90vh;
        overflow-y: auto
    }

    .team-2 .in_play_date p {
        font-size: 9px
    }

    .team-1,.team-1 a,.team-2,.team-2 a {
        font-size: 11px
    }

    .odds-btn {
        height: 25px
    }

    .odd-button-price {
        font-size: 13px;
        font-weight: 700
    }

    .fancy-game-link {
        font-size: 8px!important;
        height: 18px;
        width: 18px;
        line-height: 18px
    }

    .game-icons img {
        width: 17px
    }

    .mobile-exch-main-box {
        margin-bottom: 0
    }

    section.bet-details-sec {
        margin-top: 0
    }

    .bet-details-header .inplay-header-color {
        margin: 1px 0
    }

    .padding-top-105.main-body-container-sec .right-side-bar-main-sec {
        padding: 1px 0
    }

    .inplay-header-color {
        margin: 1px 0
    }

    .login-model-pop-up-sec https://wa.link/lotuse365,.login-model-pop-up-sec https://wa.link/lotuse365,.login-model-pop-up-sec https://wa.link/lotuse365 {
        padding: 0
    }

    .login-model-pop-up-sec .modal.show .modal-dialog {
        width: calc(100% - 20px)
    }

    .login-cmn-btn button {
        font-size: 14px
    }

    .matka-wrapper-detail .guru-but-sec li button {
        font-size: 13px
    }

    .matka-detail-sub-heading h2 {
        font-size: 14px
    }

    .gully-fix-bet-slip-section {
        padding: 10px
    }

    .matka-detail-sub-heading .info-list:before {
        right: 13px
    }

    .matka-detail-sub-heading .info-sec-icon img {
        width: 16px;
        height: auto
    }

    .transactions-request {
        display: flex;
        justify-content: space-between;
        gap: 10px
    }

    .transactions-request .view-but-sec {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 5px
    }

    .transactions-request .view-but-sec a {
        width: auto;
        margin: 0!important
    }

    .digits-fix-header .thm-modal-header {
        width: calc(100% - 70px)
    }

    .stake-theme-digit-btn {
        display: flex;
        gap: 5px;
        flex-wrap: wrap
    }

    .matka-detail-inner-tabs .nav-tabs {
        column-gap: 6px
    }

    .matka-detail-inner-tabs .nav-tabs li .nav-link .live-but-sub-con span {
        font-size: 13px
    }

    .gully-fix-bet-slip-section .first-row-box {
        gap: 5px
    }

    .small-box.shortNum {
        width: calc(25% - 5px)
    }

    .stakefix-btm-bets span {
        font-size: 13px
    }

    .shortNum .btn {
        padding: 5px 6px
    }

    .login-model-popup .login-body-sec .login-body-lft {
        padding-bottom: 0
    }

    .matka-detail-inner-tabs .nav-tabs {
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden
    }

    .matka-detail-inner-tabs .nav-tabs li.nav-item {
        width: calc(33.333% - 4px)
    }

    .matka-detail-inner-tabs .nav-tabs li .nav-link {
        padding: 4px;
        width: 100%;
        margin: 0
    }

    .matka-time-sec {
        width: 100%;
        justify-content: center
    }

    .p25 {
        padding: 25px!important
    }

    .sattle-bet-list ul li {
        margin-top: 10px;
        padding: 7px 8px;
        margin-bottom: 0
    }

    .mobile-exch-grid-item {
        grid-template-rows: auto auto auto;
        grid-gap: 3px
    }

    .mobile-game-img-box {
        width: 120px
    }

    .thm-but {
        font-size: 14px
    }

    .choose-bet-list ul li {
        width: 32.5%
    }

    section.refer-rewards-wrapper {
        padding: 15px 10px
    }

    .cmn-ul-list li {
        padding-left: 2px;
        padding-right: 2px
    }

    .refer-social-link h5,.refer-rewards-wrapper .copy-input-sec label,.copy-social-share-link h5 {
        font-size: 15px
    }

    .thm-heading.cancel-bet-info-wrapper .cancel-btn {
        padding: 6px
    }

    .team-list.matka-list ul li span {
        font-size: 12px
    }

    #matkaCFDetails .modal-body {
        padding: 10px 6px!important
    }

    .matka-list .team-con .team-list ul li {
        padding: 5px 2px!important
    }

    .exch-setting-edit-stack-wrapper .exch-setting-edit-stakes-input-section input {
        padding: .5rem .3rem;
        font-size: 12px!important
    }

    section.soccer-wrapper.game-btn-fix .match-header .match-header-con.thm-heading {
        width: 60%
    }

    .account-card.online-payment-mode-body {
        padding: 5px
    }

    .teambat-select .team-select-con h3 {
        overflow: auto;
        white-space: nowrap;
        width: calc(100% - 50px)
    }

    .stake-small-box button {
        white-space: nowrap;
        overflow: auto;
        max-width: 100%
    }

    .promotion-wrapper .item {
        width: 100%
    }

    .mobile-game-img-box img {
        height: 115px
    }

    .all-star-model-img a img {
        height: 112.4px
    }

    .casinoContainer {
        height: 112px
    }

    .all-in-casino-img .all-star-model-img {
        padding: 1px
    }

    @media(max-width: 415px) {
        .cric-login-grid-sec.g-0 {
            --bs-gutter-x: 1.5rem
        }

        .transactions-request .transactions-request-icon {
            width: calc(100% - 120px)
        }

        #teambatModal .teambat-sec .cricket-item-list.res-heading {
            margin-top: 5px
        }

        #teambatModal .player-list-con .live-heading h4 {
            margin-bottom: 0
        }
    }

    @media screen and (max-width: 400px) {
        .e-statement-header th.font600 {
            font-size:13px
        }

        .matka-detail-sub-heading h2 {
            font-size: 12px
        }

        .matka-detail-sub-list .search-sec {
            width: 150px
        }

        .live-but-sub-con span {
            font-size: 14px
        }

        .white-btn {
            padding: 0 7px
        }

        .gully-stakefix-sec .third-row-box button.thm-btn {
            padding: 6px 15px
        }

        .matka-detail-inner-tabs .nav-tabs {
            gap: 6px
        }

        .matka-detail-inner-tabs .nav-tabs li .nav-link .live-but-sub-con span {
            font-size: 12px
        }

        .get-statement-sec {
            margin-top: 10px
        }

        .get-statement-sec button {
            height: 34px
        }

        .fancy-tab-lft-content {
            line-height: normal
        }

        .stake-placed-bet {
            margin-top: -1px
        }

        .negative,.positive {
            font-size: 11px
        }

        .fancy-market-tabs-details-sec .row {
            align-items: center
        }

        .wrong-message-sec p.wrong-message,.value-btn-grid-box button,.select-digit input {
            font-size: 12px!important
        }

        .bet-details-btn-group button span b {
            font-size: 13px;
            font-weight: 700
        }

        .mark-lft-head {
            padding-right: 0
        }

        .nav-right.header-nav-rgt ul li a span {
            font-weight: 500
        }

        .header-nav-rgt .dropdown-menu .credits-list-con h5 {
            width: 55%
        }

        .header-nav-rgt .dropdown-menu .credits-list-con h6 {
            font-size: 13px
        }

        .my-bets-sec .pagination-container button {
            font-size: 12px
        }

        .my-bets-sec .alignment {
            text-align: center;
            margin: 0 10px
        }

        .my-bets-sec .pagination-container button.number-buttons,button.last-button.btn-class,button.first-button.btn-class {
            padding: 3px 7px;
            font-size: 12px;
            margin: 0
        }

        .pagination-container li {
            margin-bottom: 10px
        }

        .matka-list .team-con .team-list ul {
            gap: 2px
        }

        .amount-select-box {
            grid-gap: 3px
        }

        .amount-sub-box button {
            font-size: 12px;
            padding: 5px 0
        }

        .bottom-tabs ul li {
            flex-basis: 14%
        }

        .bottom-tabs ul {
            gap: 2px
        }

        .modal .pagination li.page-item button {
            padding: 4px;
            font-size: 11px
        }

        .modal .pagination li.page-item button.page-link.active {
            padding: 4px 7px
        }

        .modal .pagegneshan-cl {
            font-size: 12px
        }
    }

    @media screen and (max-width: 359px) {
        .app-lft-sidebar .dropdown-item {
            font-size:10px!important
        }

        .dropdown.open-menu-btn button {
            font-size: 10px
        }

        .fancy-game-box-rgt ul li a {
            padding: 3px 8px;
            border-radius: 5px;
            font-size: 12px
        }

        .promo-img-box img {
            width: 260px
        }

        .promo-img-box {
            border-radius: 0;
            padding: 20px 3px
        }

        .profile-tab-list .nav-pills .nav-link {
            width: auto;
            padding: 7px 6px
        }

        .thm-but {
            padding: 6px 13px;
            font-size: 14px
        }

        .copy-input-sec input {
            padding: 8px 10px
        }

        .thm-heading h3 {
            font-size: 14px;
            padding: 5px
        }

        .team-list-sec ul li {
            width: 100%;
            font-size: 12px;
            margin: 3px 0
        }

        .statement-sec .team-list-sec ul li .thm-but {
            padding: 3px 5px;
            font-size: 11px;
            border-radius: 3px
        }

        .thm-gradient-but ul li .btn-thm {
            margin-right: 5px;
            padding: 10px;
            line-height: 10px;
            font-size: 14px
        }

        .sub-header-tab .nav-pills li .nav-link {
            font-size: 12px
        }

        .thm-heading h3 {
            font-size: 13px;
            padding: 0
        }

        .horse-sec .live-but h5 {
            font-size: 12px;
            margin-left: 3px
        }

        .thm-gradient-but ul li .btn-thm {
            padding: 0 10px
        }

        .transactions-request {
            margin-top: 15px;
            padding: 5px
        }

        .team-list-wet,.match-head.team-list-wet h5 {
            font-size: 13px
        }

        .guru-but-list ul li button {
            padding: 5px 20px;
            margin: 5px
        }

        .desktop-logo {
            margin-left: 10px
        }

        .game-icons {
            margin-right: 0
        }

        .surprises-sec .playstreak-input {
            width: 90px
        }

        .recent-sec.surprises-sec .menu-dots .thm-but {
            padding: 7px 5px
        }

        .surprises-sec .bank-con span {
            width: 90px
        }

        .surprises-sec .recent-bank-sec {
            margin-left: 0;
            padding-right: 0
        }

        .nav-right.header-nav-rgt ul li.balance-bx {
            padding: 0 2px
        }

        .exch-coupon-card {
            min-width: 156px
        }

        .back-modal label {
            font-size: 12px
        }

        .number-header input {
            font-size: 12px!important;
            height: 38px
        }

        .back-modal .thm-heading p {
            font-size: 11px
        }

        .number-header h5,.live-heading span {
            font-size: 12px
        }

        .live-heading {
            margin: 6px 0
        }

        .live-heading h4 {
            font-size: 14px;
            margin: 2px 0
        }

        .thm-gradient-but ul li .btn-thm {
            margin-right: 5px;
            padding: 0
        }

        .thm-gradient-but ul li .btn-thm {
            font-size: 12px;
            line-height: normal
        }

        div.mm-dropdown ul li,div.mm-dropdown div.textfirst {
            height: 20px
        }

        .thm-heading p {
            font-size: 12px
        }

        input {
            font-size: 12px!important
        }

        div.mm-dropdown ul li {
            padding-left: 10px
        }

        .contact-icon img {
            width: 24px;
            height: 24px
        }

        .header-wrapper .thm-but {
            font-size: 11px;
            padding: 6px 5px
        }

        .team-list ul li {
            width: auto
        }

        .team-list ul li span {
            font-size: 12px
        }

        .team-list {
            padding: 5px 6px
        }

        .open-faq button {
            padding: 10px 4px
        }

        .accordion-button:after {
            right: 6px
        }

        .match-con span {
            font-size: 11px;
            margin-left: 2px;
            margin-right: 2px
        }

        .team-list ul li {
            margin-right: 6px;
            padding-right: 10px;
            line-height: normal
        }

        .match-con {
            line-height: normal
        }

        .ster-sec {
            width: 24px;
            height: 24px
        }

        .back-modal .thm-gradient-but ul li .btn-thm {
            height: 35px
        }

        .list-con h4 {
            font-size: 13px;
            line-height: normal
        }

        .breadcrumb {
            display: flex;
            flex-wrap: inherit;
            white-space: nowrap;
            text-overflow: ellipsis;
            width: 100%
        }

        .team-list ul li {
            border-right: 1px solid #cccccc
        }

        .game-btn-fix .btn-thm {
            width: 43px!important;
            height: 36px!important
        }

        .withdraw-sec .thm-gradient-but ul li {
            margin: 0 4px
        }

        .withdraw-sec .thm-gradient-but ul {
            margin-left: -4px;
            margin-right: -4px
        }

        .dropstart button img {
            width: 72%
        }

        .new-account-sec ul li {
            padding: 12px 10px;
            margin-top: 8px
        }

        .new-account-wrapper {
            margin-top: 20px
        }

        .file-upload span img {
            width: 16px;
            height: 16px
        }

        .info-list ul li {
            font-size: 12px
        }

        .info-list ul li {
            font-size: 11px;
            line-height: 15px
        }

        .info-list {
            width: 280px;
            padding: 6px;
            transform: translate(-69%,40%)
        }

        .info-list:before {
            height: 27px;
            left: 47%;
            top: 7%
        }

        .cricket-box {
            padding: 4px 8px;
            width: 100px;
            margin-top: 10px
        }

        .promotion-con {
            width: 100%;
            height: 100%
        }

        .thm-heading a span {
            font-size: 11px
        }

        .sub-header-tab {
            padding-top: 8px
        }

        .sub-header-tab .nav-pills li .nav-link {
            font-size: 11px;
            padding-bottom: 6px
        }

        .dropdown-toggle:after {
            right: -10px
        }

        .fix-tab-sec.show {
            top: 42px
        }

        .thm-heading h3,.stage .stage-item.disabled .stage-item-text span,.team-select-con span {
            font-size: 12px
        }

        .team-select {
            margin-top: 4px
        }

        .res-heading h3 {
            font-size: 14px!important
        }

        .player-list-con figure {
            width: 44px;
            height: 44px
        }

        .player-list-con .team-list-con {
            height: 54px
        }

        .player-btn-boll .thm-but {
            font-size: 10px;
            font-weight: 500
        }

        .player-wrapper .info-list ul li {
            font-size: 12px
        }

        .player-btn-boll .thm-but img {
            width: 10px;
            height: 10px
        }

        .video-wrapper .video-sec iframe {
            height: 160px
        }

        .player-wrapper .info-list {
            transform: translate(-46%,20%)
        }

        .view-btn-con {
            font-size: 12px!important;
            padding: 6px 8px!important
        }

        .view-btn-con span img {
            width: 12px
        }

        .info-sec-icon img {
            width: 14px;
            height: 14px
        }

        .thm-gradient-but ul li .btn-thm {
            width: 57px;
            height: 32px
        }

        .choose-list-con h4 {
            font-size: 11px
        }

        .bat-with-team {
            margin-top: 6px
        }

        .choose-bet-list .number-header h5 {
            margin: 4px 0
        }

        .choose-bet-wrapper .thm-heading span {
            font-size: 11px
        }

        .choose-bet-list ul li {
            list-style: none;
            width: 32%
        }

        .transactions-request {
            padding: 8px
        }

        .team-select-con h3 {
            font-size: 12px!important;
            margin: 2px 6px!important
        }

        #teambatModal .info-list ul li {
            font-size: 12px;
            line-height: 16px
        }

        .teambat-sec .info-list {
            width: 229px;
            transform: translate(3%,34%)
        }

        .choose-bet-list .nav.nav-pills li {
            padding-left: 0!important;
            padding-right: 0!important
        }

        #winstatusModal .team-select {
            margin-top: 6px!important
        }

        .no-notifucation .thm-heading h3 {
            font-size: 14px!important
        }

        .no-notifucation .thm-heading p {
            line-height: 15px;
            margin-top: 6px
        }

        .countdown-timer {
            padding: 1px 6px;
            font-size: 11px
        }

        .eventCard_futureEventTag {
            right: 9px;
            top: -30px
        }

        .match-list-sec {
            padding-top: 10px
        }

        .gp-content {
            width: 100%
        }

        .langauage-content {
            padding: 15px 20px 10px
        }

        .match-header-con {
            padding-right: 15px
        }

        .upcoming-match-time-sec {
            margin-right: 2px
        }

        .all-game-details-page .nav.nav-pills.casino-provider-list li {
            padding: 0!important
        }

        .nav-right.header-nav-rgt ul li.search-box i {
            margin-right: 0
        }

        .dropdown.open-menu-btn button {
            margin: 0
        }

        .bonus_new_s span {
            font-size: 12px
        }

        .matka-info-sec .popular-img {
            width: 60px
        }

        .matka-timing-sec {
            padding: 0 5px
        }

        .matka-info-sec {
            padding: 5px
        }

        .popular-con.matka-info-sec {
            column-gap: 10px
        }

        .cmn-btn-cashout {
            padding: 2px 3px
        }

        .mrkname {
            font-size: 10px
        }

        .pagination-container {
            gap: 7px
        }

        .country-code-flag-sec {
            top: 32px
        }

        .nav-right.header-nav-rgt ul li.search-box i {
            font-size: 18px
        }

        .nav-left ul li a img {
            max-width: 90px
        }

        .amount-sub-box button {
            font-size: 11px
        }

        .bottom-tabs ul li {
            flex-basis: 13%
        }

        .pagination li.page-item button {
            padding: 4px;
            font-size: 11px
        }

        .pagination li.page-item button.page-link.active {
            padding: 4px 7px
        }

        .pagegneshan-cl {
            font-size: 12px
        }
    }
}

.fa {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900)
}

.fa,.fa-classic,.fa-sharp,.fas,.fa-solid,.far,.fa-regular,.fab,.fa-brands {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto
}

.fas,.fa-classic,.fa-solid,.far,.fa-regular {
    font-family: "Font Awesome 6 Free"
}

.fab,.fa-brands {
    font-family: "Font Awesome 6 Brands"
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-2xs {
    font-size: .625em;
    line-height: .1em;
    vertical-align: .225em
}

.fa-xs {
    font-size: .75em;
    line-height: .08333em;
    vertical-align: .125em
}

.fa-sm {
    font-size: .875em;
    line-height: .07143em;
    vertical-align: .05357em
}

.fa-lg {
    font-size: 1.25em;
    line-height: .05em;
    vertical-align: -.075em
}

.fa-xl {
    font-size: 1.5em;
    line-height: .04167em;
    vertical-align: -.125em
}

.fa-2xl {
    font-size: 2em;
    line-height: .03125em;
    vertical-align: -.1875em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: var(--fa-li-margin, 2.5em);
    padding-left: 0
}

.fa-ul>li {
    position: relative
}

.fa-li {
    left: calc(var(--fa-li-width, 2em) * -1);
    position: absolute;
    text-align: center;
    width: var(--fa-li-width, 2em);
    line-height: inherit
}

.fa-border {
    border-color: var(--fa-border-color, #eee);
    border-radius: var(--fa-border-radius, .1em);
    border-style: var(--fa-border-style, solid);
    border-width: var(--fa-border-width, .08em);
    padding: var(--fa-border-padding, .2em .25em .15em)
}

.fa-pull-left {
    float: left;
    margin-right: var(--fa-pull-margin, .3em)
}

.fa-pull-right {
    float: right;
    margin-left: var(--fa-pull-margin, .3em)
}

.fa-beat {
    -webkit-animation-name: fa-beat;
    animation-name: fa-beat;
    -webkit-animation-delay: var(--fa-animation-delay, 0s);
    animation-delay: var(--fa-animation-delay, 0s);
    -webkit-animation-direction: var(--fa-animation-direction, normal);
    animation-direction: var(--fa-animation-direction, normal);
    -webkit-animation-duration: var(--fa-animation-duration, 1s);
    animation-duration: var(--fa-animation-duration, 1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
    animation-timing-function: var(--fa-animation-timing, ease-in-out)
}

.fa-bounce {
    -webkit-animation-name: fa-bounce;
    animation-name: fa-bounce;
    -webkit-animation-delay: var(--fa-animation-delay, 0s);
    animation-delay: var(--fa-animation-delay, 0s);
    -webkit-animation-direction: var(--fa-animation-direction, normal);
    animation-direction: var(--fa-animation-direction, normal);
    -webkit-animation-duration: var(--fa-animation-duration, 1s);
    animation-duration: var(--fa-animation-duration, 1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(.28, .84, .42, 1));
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(.28, .84, .42, 1))
}

.fa-fade {
    -webkit-animation-name: fa-fade;
    animation-name: fa-fade;
    -webkit-animation-delay: var(--fa-animation-delay, 0s);
    animation-delay: var(--fa-animation-delay, 0s);
    -webkit-animation-direction: var(--fa-animation-direction, normal);
    animation-direction: var(--fa-animation-direction, normal);
    -webkit-animation-duration: var(--fa-animation-duration, 1s);
    animation-duration: var(--fa-animation-duration, 1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1));
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))
}

.fa-beat-fade {
    -webkit-animation-name: fa-beat-fade;
    animation-name: fa-beat-fade;
    -webkit-animation-delay: var(--fa-animation-delay, 0s);
    animation-delay: var(--fa-animation-delay, 0s);
    -webkit-animation-direction: var(--fa-animation-direction, normal);
    animation-direction: var(--fa-animation-direction, normal);
    -webkit-animation-duration: var(--fa-animation-duration, 1s);
    animation-duration: var(--fa-animation-duration, 1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1));
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))
}

.fa-flip {
    -webkit-animation-name: fa-flip;
    animation-name: fa-flip;
    -webkit-animation-delay: var(--fa-animation-delay, 0s);
    animation-delay: var(--fa-animation-delay, 0s);
    -webkit-animation-direction: var(--fa-animation-direction, normal);
    animation-direction: var(--fa-animation-direction, normal);
    -webkit-animation-duration: var(--fa-animation-duration, 1s);
    animation-duration: var(--fa-animation-duration, 1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
    animation-timing-function: var(--fa-animation-timing, ease-in-out)
}

.fa-shake {
    -webkit-animation-name: fa-shake;
    animation-name: fa-shake;
    -webkit-animation-delay: var(--fa-animation-delay, 0s);
    animation-delay: var(--fa-animation-delay, 0s);
    -webkit-animation-direction: var(--fa-animation-direction, normal);
    animation-direction: var(--fa-animation-direction, normal);
    -webkit-animation-duration: var(--fa-animation-duration, 1s);
    animation-duration: var(--fa-animation-duration, 1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing, linear);
    animation-timing-function: var(--fa-animation-timing, linear)
}

.fa-spin {
    -webkit-animation-name: fa-spin;
    animation-name: fa-spin;
    -webkit-animation-delay: var(--fa-animation-delay, 0s);
    animation-delay: var(--fa-animation-delay, 0s);
    -webkit-animation-direction: var(--fa-animation-direction, normal);
    animation-direction: var(--fa-animation-direction, normal);
    -webkit-animation-duration: var(--fa-animation-duration, 2s);
    animation-duration: var(--fa-animation-duration, 2s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing, linear);
    animation-timing-function: var(--fa-animation-timing, linear)
}

.fa-spin-reverse {
    --fa-animation-direction: reverse
}

.fa-pulse,.fa-spin-pulse {
    -webkit-animation-name: fa-spin;
    animation-name: fa-spin;
    -webkit-animation-direction: var(--fa-animation-direction, normal);
    animation-direction: var(--fa-animation-direction, normal);
    -webkit-animation-duration: var(--fa-animation-duration, 1s);
    animation-duration: var(--fa-animation-duration, 1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
    animation-timing-function: var(--fa-animation-timing, steps(8))
}

@media(prefers-reduced-motion:reduce) {
    .fa-beat,.fa-bounce,.fa-fade,.fa-beat-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse {
        -webkit-animation-delay: -1ms;
        animation-delay: -1ms;
        -webkit-animation-duration: 1ms;
        animation-duration: 1ms;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        transition-delay: 0s;
        transition-duration: 0s
    }
}

@-webkit-keyframes fa-beat {
    0%,90% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    45% {
        -webkit-transform: scale(var(--fa-beat-scale, 1.25));
        transform: scale(var(--fa-beat-scale, 1.25))
    }
}

@keyframes fa-beat {
    0%,90% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    45% {
        -webkit-transform: scale(var(--fa-beat-scale, 1.25));
        transform: scale(var(--fa-beat-scale, 1.25))
    }
}

@-webkit-keyframes fa-bounce {
    0% {
        -webkit-transform: scale(1,1) translateY(0);
        transform: scale(1) translateY(0)
    }

    10% {
        -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1),var(--fa-bounce-start-scale-y, .9)) translateY(0);
        transform: scale(var(--fa-bounce-start-scale-x, 1.1),var(--fa-bounce-start-scale-y, .9)) translateY(0)
    }

    30% {
        -webkit-transform: scale(var(--fa-bounce-jump-scale-x, .9),var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em));
        transform: scale(var(--fa-bounce-jump-scale-x, .9),var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))
    }

    50% {
        -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05),var(--fa-bounce-land-scale-y, .95)) translateY(0);
        transform: scale(var(--fa-bounce-land-scale-x, 1.05),var(--fa-bounce-land-scale-y, .95)) translateY(0)
    }

    57% {
        -webkit-transform: scale(1,1) translateY(var(--fa-bounce-rebound, -.125em));
        transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em))
    }

    64% {
        -webkit-transform: scale(1,1) translateY(0);
        transform: scale(1) translateY(0)
    }

    to {
        -webkit-transform: scale(1,1) translateY(0);
        transform: scale(1) translateY(0)
    }
}

@keyframes fa-bounce {
    0% {
        -webkit-transform: scale(1,1) translateY(0);
        transform: scale(1) translateY(0)
    }

    10% {
        -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1),var(--fa-bounce-start-scale-y, .9)) translateY(0);
        transform: scale(var(--fa-bounce-start-scale-x, 1.1),var(--fa-bounce-start-scale-y, .9)) translateY(0)
    }

    30% {
        -webkit-transform: scale(var(--fa-bounce-jump-scale-x, .9),var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em));
        transform: scale(var(--fa-bounce-jump-scale-x, .9),var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))
    }

    50% {
        -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05),var(--fa-bounce-land-scale-y, .95)) translateY(0);
        transform: scale(var(--fa-bounce-land-scale-x, 1.05),var(--fa-bounce-land-scale-y, .95)) translateY(0)
    }

    57% {
        -webkit-transform: scale(1,1) translateY(var(--fa-bounce-rebound, -.125em));
        transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em))
    }

    64% {
        -webkit-transform: scale(1,1) translateY(0);
        transform: scale(1) translateY(0)
    }

    to {
        -webkit-transform: scale(1,1) translateY(0);
        transform: scale(1) translateY(0)
    }
}

@-webkit-keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity, .4)
    }
}

@keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity, .4)
    }
}

@-webkit-keyframes fa-beat-fade {
    0%,to {
        opacity: var(--fa-beat-fade-opacity, .4);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
        transform: scale(var(--fa-beat-fade-scale, 1.125))
    }
}

@keyframes fa-beat-fade {
    0%,to {
        opacity: var(--fa-beat-fade-opacity, .4);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
        transform: scale(var(--fa-beat-fade-scale, 1.125))
    }
}

@-webkit-keyframes fa-flip {
    50% {
        -webkit-transform: rotate3d(var(--fa-flip-x, 0),var(--fa-flip-y, 1),var(--fa-flip-z, 0),var(--fa-flip-angle, -180deg));
        transform: rotate3d(var(--fa-flip-x, 0),var(--fa-flip-y, 1),var(--fa-flip-z, 0),var(--fa-flip-angle, -180deg))
    }
}

@keyframes fa-flip {
    50% {
        -webkit-transform: rotate3d(var(--fa-flip-x, 0),var(--fa-flip-y, 1),var(--fa-flip-z, 0),var(--fa-flip-angle, -180deg));
        transform: rotate3d(var(--fa-flip-x, 0),var(--fa-flip-y, 1),var(--fa-flip-z, 0),var(--fa-flip-angle, -180deg))
    }
}

@-webkit-keyframes fa-shake {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    4% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    8%,24% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    12%,28% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    16% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }

    20% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg)
    }

    32% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    36% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    40%,to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }
}

@keyframes fa-shake {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    4% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    8%,24% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    12%,28% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    16% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }

    20% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg)
    }

    32% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    36% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    40%,to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -webkit-transform: scale(-1,1);
    transform: scaleX(-1)
}

.fa-flip-vertical {
    -webkit-transform: scale(1,-1);
    transform: scaleY(-1)
}

.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical {
    -webkit-transform: scale(-1,-1);
    transform: scale(-1)
}

.fa-rotate-by {
    -webkit-transform: rotate(var(--fa-rotate-angle, none));
    transform: rotate(var(--fa-rotate-angle, none))
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.fa-stack-1x,.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: var(--fa-stack-z-index, auto)
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: var(--fa-inverse, #fff)
}

.fa-0:before {
    content: "0"
}

.fa-1:before {
    content: "1"
}

.fa-2:before {
    content: "2"
}

.fa-3:before {
    content: "3"
}

.fa-4:before {
    content: "4"
}

.fa-5:before {
    content: "5"
}

.fa-6:before {
    content: "6"
}

.fa-7:before {
    content: "7"
}

.fa-8:before {
    content: "8"
}

.fa-9:before {
    content: "9"
}

.fa-fill-drip:before {
    content: ""
}

.fa-arrows-to-circle:before {
    content: ""
}

.fa-circle-chevron-right:before {
    content: ""
}

.fa-chevron-circle-right:before {
    content: ""
}

.fa-at:before {
    content: "@"
}

.fa-trash-can:before {
    content: ""
}

.fa-trash-alt:before {
    content: ""
}

.fa-text-height:before {
    content: ""
}

.fa-user-xmark:before {
    content: ""
}

.fa-user-times:before {
    content: ""
}

.fa-stethoscope:before {
    content: ""
}

.fa-message:before {
    content: ""
}

.fa-comment-alt:before {
    content: ""
}

.fa-info:before {
    content: ""
}

.fa-down-left-and-up-right-to-center:before {
    content: ""
}

.fa-compress-alt:before {
    content: ""
}

.fa-explosion:before {
    content: ""
}

.fa-file-lines:before {
    content: ""
}

.fa-file-alt:before {
    content: ""
}

.fa-file-text:before {
    content: ""
}

.fa-wave-square:before {
    content: ""
}

.fa-ring:before {
    content: ""
}

.fa-building-un:before {
    content: ""
}

.fa-dice-three:before {
    content: ""
}

.fa-calendar-days:before {
    content: ""
}

.fa-calendar-alt:before {
    content: ""
}

.fa-anchor-circle-check:before {
    content: ""
}

.fa-building-circle-arrow-right:before {
    content: ""
}

.fa-volleyball:before {
    content: ""
}

.fa-volleyball-ball:before {
    content: ""
}

.fa-arrows-up-to-line:before {
    content: ""
}

.fa-sort-down:before {
    content: ""
}

.fa-sort-desc:before {
    content: ""
}

.fa-circle-minus:before {
    content: ""
}

.fa-minus-circle:before {
    content: ""
}

.fa-door-open:before {
    content: ""
}

.fa-right-from-bracket:before {
    content: ""
}

.fa-sign-out-alt:before {
    content: ""
}

.fa-atom:before {
    content: ""
}

.fa-soap:before {
    content: ""
}

.fa-icons:before {
    content: ""
}

.fa-heart-music-camera-bolt:before {
    content: ""
}

.fa-microphone-lines-slash:before {
    content: ""
}

.fa-microphone-alt-slash:before {
    content: ""
}

.fa-bridge-circle-check:before {
    content: ""
}

.fa-pump-medical:before {
    content: ""
}

.fa-fingerprint:before {
    content: ""
}

.fa-hand-point-right:before {
    content: ""
}

.fa-magnifying-glass-location:before {
    content: ""
}

.fa-search-location:before {
    content: ""
}

.fa-forward-step:before {
    content: ""
}

.fa-step-forward:before {
    content: ""
}

.fa-face-smile-beam:before {
    content: ""
}

.fa-smile-beam:before {
    content: ""
}

.fa-flag-checkered:before {
    content: ""
}

.fa-football:before {
    content: ""
}

.fa-football-ball:before {
    content: ""
}

.fa-school-circle-exclamation:before {
    content: ""
}

.fa-crop:before {
    content: ""
}

.fa-angles-down:before {
    content: ""
}

.fa-angle-double-down:before {
    content: ""
}

.fa-users-rectangle:before {
    content: ""
}

.fa-people-roof:before {
    content: ""
}

.fa-people-line:before {
    content: ""
}

.fa-beer-mug-empty:before {
    content: ""
}

.fa-beer:before {
    content: ""
}

.fa-diagram-predecessor:before {
    content: ""
}

.fa-arrow-up-long:before {
    content: ""
}

.fa-long-arrow-up:before {
    content: ""
}

.fa-fire-flame-simple:before {
    content: ""
}

.fa-burn:before {
    content: ""
}

.fa-person:before {
    content: ""
}

.fa-male:before {
    content: ""
}

.fa-laptop:before {
    content: ""
}

.fa-file-csv:before {
    content: ""
}

.fa-menorah:before {
    content: ""
}

.fa-truck-plane:before {
    content: ""
}

.fa-record-vinyl:before {
    content: ""
}

.fa-face-grin-stars:before {
    content: ""
}

.fa-grin-stars:before {
    content: ""
}

.fa-bong:before {
    content: ""
}

.fa-spaghetti-monster-flying:before {
    content: ""
}

.fa-pastafarianism:before {
    content: ""
}

.fa-arrow-down-up-across-line:before {
    content: ""
}

.fa-spoon:before {
    content: ""
}

.fa-utensil-spoon:before {
    content: ""
}

.fa-jar-wheat:before {
    content: ""
}

.fa-envelopes-bulk:before {
    content: ""
}

.fa-mail-bulk:before {
    content: ""
}

.fa-file-circle-exclamation:before {
    content: ""
}

.fa-circle-h:before {
    content: ""
}

.fa-hospital-symbol:before {
    content: ""
}

.fa-pager:before {
    content: ""
}

.fa-address-book:before {
    content: ""
}

.fa-contact-book:before {
    content: ""
}

.fa-strikethrough:before {
    content: ""
}

.fa-k:before {
    content: "K"
}

.fa-landmark-flag:before {
    content: ""
}

.fa-pencil:before {
    content: ""
}

.fa-pencil-alt:before {
    content: ""
}

.fa-backward:before {
    content: ""
}

.fa-caret-right:before {
    content: ""
}

.fa-comments:before {
    content: ""
}

.fa-paste:before {
    content: ""
}

.fa-file-clipboard:before {
    content: ""
}

.fa-code-pull-request:before {
    content: ""
}

.fa-clipboard-list:before {
    content: ""
}

.fa-truck-ramp-box:before {
    content: ""
}

.fa-truck-loading:before {
    content: ""
}

.fa-user-check:before {
    content: ""
}

.fa-vial-virus:before {
    content: ""
}

.fa-sheet-plastic:before {
    content: ""
}

.fa-blog:before {
    content: ""
}

.fa-user-ninja:before {
    content: ""
}

.fa-person-arrow-up-from-line:before {
    content: ""
}

.fa-scroll-torah:before {
    content: ""
}

.fa-torah:before {
    content: ""
}

.fa-broom-ball:before {
    content: ""
}

.fa-quidditch:before {
    content: ""
}

.fa-quidditch-broom-ball:before {
    content: ""
}

.fa-toggle-off:before {
    content: ""
}

.fa-box-archive:before {
    content: ""
}

.fa-archive:before {
    content: ""
}

.fa-person-drowning:before {
    content: ""
}

.fa-arrow-down-9-1:before {
    content: ""
}

.fa-sort-numeric-desc:before {
    content: ""
}

.fa-sort-numeric-down-alt:before {
    content: ""
}

.fa-face-grin-tongue-squint:before {
    content: ""
}

.fa-grin-tongue-squint:before {
    content: ""
}

.fa-spray-can:before {
    content: ""
}

.fa-truck-monster:before {
    content: ""
}

.fa-w:before {
    content: "W"
}

.fa-earth-africa:before {
    content: ""
}

.fa-globe-africa:before {
    content: ""
}

.fa-rainbow:before {
    content: ""
}

.fa-circle-notch:before {
    content: ""
}

.fa-tablet-screen-button:before {
    content: ""
}

.fa-tablet-alt:before {
    content: ""
}

.fa-paw:before {
    content: ""
}

.fa-cloud:before {
    content: ""
}

.fa-trowel-bricks:before {
    content: ""
}

.fa-face-flushed:before {
    content: ""
}

.fa-flushed:before {
    content: ""
}

.fa-hospital-user:before {
    content: ""
}

.fa-tent-arrow-left-right:before {
    content: ""
}

.fa-gavel:before {
    content: ""
}

.fa-legal:before {
    content: ""
}

.fa-binoculars:before {
    content: ""
}

.fa-microphone-slash:before {
    content: ""
}

.fa-box-tissue:before {
    content: ""
}

.fa-motorcycle:before {
    content: ""
}

.fa-bell-concierge:before {
    content: ""
}

.fa-concierge-bell:before {
    content: ""
}

.fa-pen-ruler:before {
    content: ""
}

.fa-pencil-ruler:before {
    content: ""
}

.fa-people-arrows:before {
    content: ""
}

.fa-people-arrows-left-right:before {
    content: ""
}

.fa-mars-and-venus-burst:before {
    content: ""
}

.fa-square-caret-right:before {
    content: ""
}

.fa-caret-square-right:before {
    content: ""
}

.fa-scissors:before {
    content: ""
}

.fa-cut:before {
    content: ""
}

.fa-sun-plant-wilt:before {
    content: ""
}

.fa-toilets-portable:before {
    content: ""
}

.fa-hockey-puck:before {
    content: ""
}

.fa-table:before {
    content: ""
}

.fa-magnifying-glass-arrow-right:before {
    content: ""
}

.fa-tachograph-digital:before {
    content: ""
}

.fa-digital-tachograph:before {
    content: ""
}

.fa-users-slash:before {
    content: ""
}

.fa-clover:before {
    content: ""
}

.fa-reply:before {
    content: ""
}

.fa-mail-reply:before {
    content: ""
}

.fa-star-and-crescent:before {
    content: ""
}

.fa-house-fire:before {
    content: ""
}

.fa-square-minus:before {
    content: ""
}

.fa-minus-square:before {
    content: ""
}

.fa-helicopter:before {
    content: ""
}

.fa-compass:before {
    content: ""
}

.fa-square-caret-down:before {
    content: ""
}

.fa-caret-square-down:before {
    content: ""
}

.fa-file-circle-question:before {
    content: ""
}

.fa-laptop-code:before {
    content: ""
}

.fa-swatchbook:before {
    content: ""
}

.fa-prescription-bottle:before {
    content: ""
}

.fa-bars:before {
    content: ""
}

.fa-navicon:before {
    content: ""
}

.fa-people-group:before {
    content: ""
}

.fa-hourglass-end:before {
    content: ""
}

.fa-hourglass-3:before {
    content: ""
}

.fa-heart-crack:before {
    content: ""
}

.fa-heart-broken:before {
    content: ""
}

.fa-square-up-right:before {
    content: ""
}

.fa-external-link-square-alt:before {
    content: ""
}

.fa-face-kiss-beam:before {
    content: ""
}

.fa-kiss-beam:before {
    content: ""
}

.fa-film:before {
    content: ""
}

.fa-ruler-horizontal:before {
    content: ""
}

.fa-people-robbery:before {
    content: ""
}

.fa-lightbulb:before {
    content: ""
}

.fa-caret-left:before {
    content: ""
}

.fa-circle-exclamation:before {
    content: ""
}

.fa-exclamation-circle:before {
    content: ""
}

.fa-school-circle-xmark:before {
    content: ""
}

.fa-arrow-right-from-bracket:before {
    content: ""
}

.fa-sign-out:before {
    content: ""
}

.fa-circle-chevron-down:before {
    content: ""
}

.fa-chevron-circle-down:before {
    content: ""
}

.fa-unlock-keyhole:before {
    content: ""
}

.fa-unlock-alt:before {
    content: ""
}

.fa-cloud-showers-heavy:before {
    content: ""
}

.fa-headphones-simple:before {
    content: ""
}

.fa-headphones-alt:before {
    content: ""
}

.fa-sitemap:before {
    content: ""
}

.fa-circle-dollar-to-slot:before {
    content: ""
}

.fa-donate:before {
    content: ""
}

.fa-memory:before {
    content: ""
}

.fa-road-spikes:before {
    content: ""
}

.fa-fire-burner:before {
    content: ""
}

.fa-flag:before {
    content: ""
}

.fa-hanukiah:before {
    content: ""
}

.fa-feather:before {
    content: ""
}

.fa-volume-low:before {
    content: ""
}

.fa-volume-down:before {
    content: ""
}

.fa-comment-slash:before {
    content: ""
}

.fa-cloud-sun-rain:before {
    content: ""
}

.fa-compress:before {
    content: ""
}

.fa-wheat-awn:before {
    content: ""
}

.fa-wheat-alt:before {
    content: ""
}

.fa-ankh:before {
    content: ""
}

.fa-hands-holding-child:before {
    content: ""
}

.fa-asterisk:before {
    content: "*"
}

.fa-square-check:before {
    content: ""
}

.fa-check-square:before {
    content: ""
}

.fa-peseta-sign:before {
    content: ""
}

.fa-heading:before {
    content: ""
}

.fa-header:before {
    content: ""
}

.fa-ghost:before {
    content: ""
}

.fa-list:before {
    content: ""
}

.fa-list-squares:before {
    content: ""
}

.fa-square-phone-flip:before {
    content: ""
}

.fa-phone-square-alt:before {
    content: ""
}

.fa-cart-plus:before {
    content: ""
}

.fa-gamepad:before {
    content: ""
}

.fa-circle-dot:before {
    content: ""
}

.fa-dot-circle:before {
    content: ""
}

.fa-face-dizzy:before {
    content: ""
}

.fa-dizzy:before {
    content: ""
}

.fa-egg:before {
    content: ""
}

.fa-house-medical-circle-xmark:before {
    content: ""
}

.fa-campground:before {
    content: ""
}

.fa-folder-plus:before {
    content: ""
}

.fa-futbol:before {
    content: ""
}

.fa-futbol-ball:before {
    content: ""
}

.fa-soccer-ball:before {
    content: ""
}

.fa-paintbrush:before {
    content: ""
}

.fa-paint-brush:before {
    content: ""
}

.fa-lock:before {
    content: ""
}

.fa-gas-pump:before {
    content: ""
}

.fa-hot-tub-person:before {
    content: ""
}

.fa-hot-tub:before {
    content: ""
}

.fa-map-location:before {
    content: ""
}

.fa-map-marked:before {
    content: ""
}

.fa-house-flood-water:before {
    content: ""
}

.fa-tree:before {
    content: ""
}

.fa-bridge-lock:before {
    content: ""
}

.fa-sack-dollar:before {
    content: ""
}

.fa-pen-to-square:before {
    content: ""
}

.fa-edit:before {
    content: ""
}

.fa-car-side:before {
    content: ""
}

.fa-share-nodes:before {
    content: ""
}

.fa-share-alt:before {
    content: ""
}

.fa-heart-circle-minus:before {
    content: ""
}

.fa-hourglass-half:before {
    content: ""
}

.fa-hourglass-2:before {
    content: ""
}

.fa-microscope:before {
    content: ""
}

.fa-sink:before {
    content: ""
}

.fa-bag-shopping:before {
    content: ""
}

.fa-shopping-bag:before {
    content: ""
}

.fa-arrow-down-z-a:before {
    content: ""
}

.fa-sort-alpha-desc:before {
    content: ""
}

.fa-sort-alpha-down-alt:before {
    content: ""
}

.fa-mitten:before {
    content: ""
}

.fa-person-rays:before {
    content: ""
}

.fa-users:before {
    content: ""
}

.fa-eye-slash:before {
    content: ""
}

.fa-flask-vial:before {
    content: ""
}

.fa-hand:before {
    content: ""
}

.fa-hand-paper:before {
    content: ""
}

.fa-om:before {
    content: ""
}

.fa-worm:before {
    content: ""
}

.fa-house-circle-xmark:before {
    content: ""
}

.fa-plug:before {
    content: ""
}

.fa-chevron-up:before {
    content: ""
}

.fa-hand-spock:before {
    content: ""
}

.fa-stopwatch:before {
    content: ""
}

.fa-face-kiss:before {
    content: ""
}

.fa-kiss:before {
    content: ""
}

.fa-bridge-circle-xmark:before {
    content: ""
}

.fa-face-grin-tongue:before {
    content: ""
}

.fa-grin-tongue:before {
    content: ""
}

.fa-chess-bishop:before {
    content: ""
}

.fa-face-grin-wink:before {
    content: ""
}

.fa-grin-wink:before {
    content: ""
}

.fa-ear-deaf:before {
    content: ""
}

.fa-deaf:before {
    content: ""
}

.fa-deafness:before {
    content: ""
}

.fa-hard-of-hearing:before {
    content: ""
}

.fa-road-circle-check:before {
    content: ""
}

.fa-dice-five:before {
    content: ""
}

.fa-square-rss:before {
    content: ""
}

.fa-rss-square:before {
    content: ""
}

.fa-land-mine-on:before {
    content: ""
}

.fa-i-cursor:before {
    content: ""
}

.fa-stamp:before {
    content: ""
}

.fa-stairs:before {
    content: ""
}

.fa-i:before {
    content: "I"
}

.fa-hryvnia-sign:before {
    content: ""
}

.fa-hryvnia:before {
    content: ""
}

.fa-pills:before {
    content: ""
}

.fa-face-grin-wide:before {
    content: ""
}

.fa-grin-alt:before {
    content: ""
}

.fa-tooth:before {
    content: ""
}

.fa-v:before {
    content: "V"
}

.fa-bangladeshi-taka-sign:before {
    content: ""
}

.fa-bicycle:before {
    content: ""
}

.fa-staff-snake:before {
    content: ""
}

.fa-rod-asclepius:before {
    content: ""
}

.fa-rod-snake:before {
    content: ""
}

.fa-staff-aesculapius:before {
    content: ""
}

.fa-head-side-cough-slash:before {
    content: ""
}

.fa-truck-medical:before {
    content: ""
}

.fa-ambulance:before {
    content: ""
}

.fa-wheat-awn-circle-exclamation:before {
    content: ""
}

.fa-snowman:before {
    content: ""
}

.fa-mortar-pestle:before {
    content: ""
}

.fa-road-barrier:before {
    content: ""
}

.fa-school:before {
    content: ""
}

.fa-igloo:before {
    content: ""
}

.fa-joint:before {
    content: ""
}

.fa-angle-right:before {
    content: ""
}

.fa-horse:before {
    content: ""
}

.fa-q:before {
    content: "Q"
}

.fa-g:before {
    content: "G"
}

.fa-notes-medical:before {
    content: ""
}

.fa-temperature-half:before {
    content: ""
}

.fa-temperature-2:before {
    content: ""
}

.fa-thermometer-2:before {
    content: ""
}

.fa-thermometer-half:before {
    content: ""
}

.fa-dong-sign:before {
    content: ""
}

.fa-capsules:before {
    content: ""
}

.fa-poo-storm:before {
    content: ""
}

.fa-poo-bolt:before {
    content: ""
}

.fa-face-frown-open:before {
    content: ""
}

.fa-frown-open:before {
    content: ""
}

.fa-hand-point-up:before {
    content: ""
}

.fa-money-bill:before {
    content: ""
}

.fa-bookmark:before {
    content: ""
}

.fa-align-justify:before {
    content: ""
}

.fa-umbrella-beach:before {
    content: ""
}

.fa-helmet-un:before {
    content: ""
}

.fa-bullseye:before {
    content: ""
}

.fa-bacon:before {
    content: ""
}

.fa-hand-point-down:before {
    content: ""
}

.fa-arrow-up-from-bracket:before {
    content: ""
}

.fa-folder:before {
    content: ""
}

.fa-folder-blank:before {
    content: ""
}

.fa-file-waveform:before {
    content: ""
}

.fa-file-medical-alt:before {
    content: ""
}

.fa-radiation:before {
    content: ""
}

.fa-chart-simple:before {
    content: ""
}

.fa-mars-stroke:before {
    content: ""
}

.fa-vial:before {
    content: ""
}

.fa-gauge:before {
    content: ""
}

.fa-dashboard:before {
    content: ""
}

.fa-gauge-med:before {
    content: ""
}

.fa-tachometer-alt-average:before {
    content: ""
}

.fa-wand-magic-sparkles:before {
    content: ""
}

.fa-magic-wand-sparkles:before {
    content: ""
}

.fa-e:before {
    content: "E"
}

.fa-pen-clip:before {
    content: ""
}

.fa-pen-alt:before {
    content: ""
}

.fa-bridge-circle-exclamation:before {
    content: ""
}

.fa-user:before {
    content: ""
}

.fa-school-circle-check:before {
    content: ""
}

.fa-dumpster:before {
    content: ""
}

.fa-van-shuttle:before {
    content: ""
}

.fa-shuttle-van:before {
    content: ""
}

.fa-building-user:before {
    content: ""
}

.fa-square-caret-left:before {
    content: ""
}

.fa-caret-square-left:before {
    content: ""
}

.fa-highlighter:before {
    content: ""
}

.fa-key:before {
    content: ""
}

.fa-bullhorn:before {
    content: ""
}

.fa-globe:before {
    content: ""
}

.fa-synagogue:before {
    content: ""
}

.fa-person-half-dress:before {
    content: ""
}

.fa-road-bridge:before {
    content: ""
}

.fa-location-arrow:before {
    content: ""
}

.fa-c:before {
    content: "C"
}

.fa-tablet-button:before {
    content: ""
}

.fa-building-lock:before {
    content: ""
}

.fa-pizza-slice:before {
    content: ""
}

.fa-money-bill-wave:before {
    content: ""
}

.fa-chart-area:before {
    content: ""
}

.fa-area-chart:before {
    content: ""
}

.fa-house-flag:before {
    content: ""
}

.fa-person-circle-minus:before {
    content: ""
}

.fa-ban:before {
    content: ""
}

.fa-cancel:before {
    content: ""
}

.fa-camera-rotate:before {
    content: ""
}

.fa-spray-can-sparkles:before {
    content: ""
}

.fa-air-freshener:before {
    content: ""
}

.fa-star:before {
    content: ""
}

.fa-repeat:before {
    content: ""
}

.fa-cross:before {
    content: ""
}

.fa-box:before {
    content: ""
}

.fa-venus-mars:before {
    content: ""
}

.fa-arrow-pointer:before {
    content: ""
}

.fa-mouse-pointer:before {
    content: ""
}

.fa-maximize:before {
    content: ""
}

.fa-expand-arrows-alt:before {
    content: ""
}

.fa-charging-station:before {
    content: ""
}

.fa-shapes:before {
    content: ""
}

.fa-triangle-circle-square:before {
    content: ""
}

.fa-shuffle:before {
    content: ""
}

.fa-random:before {
    content: ""
}

.fa-person-running:before {
    content: ""
}

.fa-running:before {
    content: ""
}

.fa-mobile-retro:before {
    content: ""
}

.fa-grip-lines-vertical:before {
    content: ""
}

.fa-spider:before {
    content: ""
}

.fa-hands-bound:before {
    content: ""
}

.fa-file-invoice-dollar:before {
    content: ""
}

.fa-plane-circle-exclamation:before {
    content: ""
}

.fa-x-ray:before {
    content: ""
}

.fa-spell-check:before {
    content: ""
}

.fa-slash:before {
    content: ""
}

.fa-computer-mouse:before {
    content: ""
}

.fa-mouse:before {
    content: ""
}

.fa-arrow-right-to-bracket:before {
    content: ""
}

.fa-sign-in:before {
    content: ""
}

.fa-shop-slash:before {
    content: ""
}

.fa-store-alt-slash:before {
    content: ""
}

.fa-server:before {
    content: ""
}

.fa-virus-covid-slash:before {
    content: ""
}

.fa-shop-lock:before {
    content: ""
}

.fa-hourglass-start:before {
    content: ""
}

.fa-hourglass-1:before {
    content: ""
}

.fa-blender-phone:before {
    content: ""
}

.fa-building-wheat:before {
    content: ""
}

.fa-person-breastfeeding:before {
    content: ""
}

.fa-right-to-bracket:before {
    content: ""
}

.fa-sign-in-alt:before {
    content: ""
}

.fa-venus:before {
    content: ""
}

.fa-passport:before {
    content: ""
}

.fa-heart-pulse:before {
    content: ""
}

.fa-heartbeat:before {
    content: ""
}

.fa-people-carry-box:before {
    content: ""
}

.fa-people-carry:before {
    content: ""
}

.fa-temperature-high:before {
    content: ""
}

.fa-microchip:before {
    content: ""
}

.fa-crown:before {
    content: ""
}

.fa-weight-hanging:before {
    content: ""
}

.fa-xmarks-lines:before {
    content: ""
}

.fa-file-prescription:before {
    content: ""
}

.fa-weight-scale:before {
    content: ""
}

.fa-weight:before {
    content: ""
}

.fa-user-group:before {
    content: ""
}

.fa-user-friends:before {
    content: ""
}

.fa-arrow-up-a-z:before {
    content: ""
}

.fa-sort-alpha-up:before {
    content: ""
}

.fa-chess-knight:before {
    content: ""
}

.fa-face-laugh-squint:before {
    content: ""
}

.fa-laugh-squint:before {
    content: ""
}

.fa-wheelchair:before {
    content: ""
}

.fa-circle-arrow-up:before {
    content: ""
}

.fa-arrow-circle-up:before {
    content: ""
}

.fa-toggle-on:before {
    content: ""
}

.fa-person-walking:before {
    content: ""
}

.fa-walking:before {
    content: ""
}

.fa-l:before {
    content: "L"
}

.fa-fire:before {
    content: ""
}

.fa-bed-pulse:before {
    content: ""
}

.fa-procedures:before {
    content: ""
}

.fa-shuttle-space:before {
    content: ""
}

.fa-space-shuttle:before {
    content: ""
}

.fa-face-laugh:before {
    content: ""
}

.fa-laugh:before {
    content: ""
}

.fa-folder-open:before {
    content: ""
}

.fa-heart-circle-plus:before {
    content: ""
}

.fa-code-fork:before {
    content: ""
}

.fa-city:before {
    content: ""
}

.fa-microphone-lines:before {
    content: ""
}

.fa-microphone-alt:before {
    content: ""
}

.fa-pepper-hot:before {
    content: ""
}

.fa-unlock:before {
    content: ""
}

.fa-colon-sign:before {
    content: ""
}

.fa-headset:before {
    content: ""
}

.fa-store-slash:before {
    content: ""
}

.fa-road-circle-xmark:before {
    content: ""
}

.fa-user-minus:before {
    content: ""
}

.fa-mars-stroke-up:before {
    content: ""
}

.fa-mars-stroke-v:before {
    content: ""
}

.fa-champagne-glasses:before {
    content: ""
}

.fa-glass-cheers:before {
    content: ""
}

.fa-clipboard:before {
    content: ""
}

.fa-house-circle-exclamation:before {
    content: ""
}

.fa-file-arrow-up:before {
    content: ""
}

.fa-file-upload:before {
    content: ""
}

.fa-wifi:before {
    content: ""
}

.fa-wifi-3:before {
    content: ""
}

.fa-wifi-strong:before {
    content: ""
}

.fa-bath:before {
    content: ""
}

.fa-bathtub:before {
    content: ""
}

.fa-underline:before {
    content: ""
}

.fa-user-pen:before {
    content: ""
}

.fa-user-edit:before {
    content: ""
}

.fa-signature:before {
    content: ""
}

.fa-stroopwafel:before {
    content: ""
}

.fa-bold:before {
    content: ""
}

.fa-anchor-lock:before {
    content: ""
}

.fa-building-ngo:before {
    content: ""
}

.fa-manat-sign:before {
    content: ""
}

.fa-not-equal:before {
    content: ""
}

.fa-border-top-left:before {
    content: ""
}

.fa-border-style:before {
    content: ""
}

.fa-map-location-dot:before {
    content: ""
}

.fa-map-marked-alt:before {
    content: ""
}

.fa-jedi:before {
    content: ""
}

.fa-square-poll-vertical:before {
    content: ""
}

.fa-poll:before {
    content: ""
}

.fa-mug-hot:before {
    content: ""
}

.fa-car-battery:before {
    content: ""
}

.fa-battery-car:before {
    content: ""
}

.fa-gift:before {
    content: ""
}

.fa-dice-two:before {
    content: ""
}

.fa-chess-queen:before {
    content: ""
}

.fa-glasses:before {
    content: ""
}

.fa-chess-board:before {
    content: ""
}

.fa-building-circle-check:before {
    content: ""
}

.fa-person-chalkboard:before {
    content: ""
}

.fa-mars-stroke-right:before {
    content: ""
}

.fa-mars-stroke-h:before {
    content: ""
}

.fa-hand-back-fist:before {
    content: ""
}

.fa-hand-rock:before {
    content: ""
}

.fa-square-caret-up:before {
    content: ""
}

.fa-caret-square-up:before {
    content: ""
}

.fa-cloud-showers-water:before {
    content: ""
}

.fa-chart-bar:before {
    content: ""
}

.fa-bar-chart:before {
    content: ""
}

.fa-hands-bubbles:before {
    content: ""
}

.fa-hands-wash:before {
    content: ""
}

.fa-less-than-equal:before {
    content: ""
}

.fa-train:before {
    content: ""
}

.fa-eye-low-vision:before {
    content: ""
}

.fa-low-vision:before {
    content: ""
}

.fa-crow:before {
    content: ""
}

.fa-sailboat:before {
    content: ""
}

.fa-window-restore:before {
    content: ""
}

.fa-square-plus:before {
    content: ""
}

.fa-plus-square:before {
    content: ""
}

.fa-torii-gate:before {
    content: ""
}

.fa-frog:before {
    content: ""
}

.fa-bucket:before {
    content: ""
}

.fa-image:before {
    content: ""
}

.fa-microphone:before {
    content: ""
}

.fa-cow:before {
    content: ""
}

.fa-caret-up:before {
    content: ""
}

.fa-screwdriver:before {
    content: ""
}

.fa-folder-closed:before {
    content: ""
}

.fa-house-tsunami:before {
    content: ""
}

.fa-square-nfi:before {
    content: ""
}

.fa-arrow-up-from-ground-water:before {
    content: ""
}

.fa-martini-glass:before {
    content: ""
}

.fa-glass-martini-alt:before {
    content: ""
}

.fa-rotate-left:before {
    content: ""
}

.fa-rotate-back:before {
    content: ""
}

.fa-rotate-backward:before {
    content: ""
}

.fa-undo-alt:before {
    content: ""
}

.fa-table-columns:before {
    content: ""
}

.fa-columns:before {
    content: ""
}

.fa-lemon:before {
    content: ""
}

.fa-head-side-mask:before {
    content: ""
}

.fa-handshake:before {
    content: ""
}

.fa-gem:before {
    content: ""
}

.fa-dolly:before {
    content: ""
}

.fa-dolly-box:before {
    content: ""
}

.fa-smoking:before {
    content: ""
}

.fa-minimize:before {
    content: ""
}

.fa-compress-arrows-alt:before {
    content: ""
}

.fa-monument:before {
    content: ""
}

.fa-snowplow:before {
    content: ""
}

.fa-angles-right:before {
    content: ""
}

.fa-angle-double-right:before {
    content: ""
}

.fa-cannabis:before {
    content: ""
}

.fa-circle-play:before {
    content: ""
}

.fa-play-circle:before {
    content: ""
}

.fa-tablets:before {
    content: ""
}

.fa-ethernet:before {
    content: ""
}

.fa-euro-sign:before {
    content: ""
}

.fa-eur:before {
    content: ""
}

.fa-euro:before {
    content: ""
}

.fa-chair:before {
    content: ""
}

.fa-circle-check:before {
    content: ""
}

.fa-check-circle:before {
    content: ""
}

.fa-circle-stop:before {
    content: ""
}

.fa-stop-circle:before {
    content: ""
}

.fa-compass-drafting:before {
    content: ""
}

.fa-drafting-compass:before {
    content: ""
}

.fa-plate-wheat:before {
    content: ""
}

.fa-icicles:before {
    content: ""
}

.fa-person-shelter:before {
    content: ""
}

.fa-neuter:before {
    content: ""
}

.fa-id-badge:before {
    content: ""
}

.fa-marker:before {
    content: ""
}

.fa-face-laugh-beam:before {
    content: ""
}

.fa-laugh-beam:before {
    content: ""
}

.fa-helicopter-symbol:before {
    content: ""
}

.fa-universal-access:before {
    content: ""
}

.fa-circle-chevron-up:before {
    content: ""
}

.fa-chevron-circle-up:before {
    content: ""
}

.fa-lari-sign:before {
    content: ""
}

.fa-volcano:before {
    content: ""
}

.fa-person-walking-dashed-line-arrow-right:before {
    content: ""
}

.fa-sterling-sign:before {
    content: ""
}

.fa-gbp:before {
    content: ""
}

.fa-pound-sign:before {
    content: ""
}

.fa-viruses:before {
    content: ""
}

.fa-square-person-confined:before {
    content: ""
}

.fa-user-tie:before {
    content: ""
}

.fa-arrow-down-long:before {
    content: ""
}

.fa-long-arrow-down:before {
    content: ""
}

.fa-tent-arrow-down-to-line:before {
    content: ""
}

.fa-certificate:before {
    content: ""
}

.fa-reply-all:before {
    content: ""
}

.fa-mail-reply-all:before {
    content: ""
}

.fa-suitcase:before {
    content: ""
}

.fa-person-skating:before {
    content: ""
}

.fa-skating:before {
    content: ""
}

.fa-filter-circle-dollar:before {
    content: ""
}

.fa-funnel-dollar:before {
    content: ""
}

.fa-camera-retro:before {
    content: ""
}

.fa-circle-arrow-down:before {
    content: ""
}

.fa-arrow-circle-down:before {
    content: ""
}

.fa-file-import:before {
    content: ""
}

.fa-arrow-right-to-file:before {
    content: ""
}

.fa-square-arrow-up-right:before {
    content: ""
}

.fa-external-link-square:before {
    content: ""
}

.fa-box-open:before {
    content: ""
}

.fa-scroll:before {
    content: ""
}

.fa-spa:before {
    content: ""
}

.fa-location-pin-lock:before {
    content: ""
}

.fa-pause:before {
    content: ""
}

.fa-hill-avalanche:before {
    content: ""
}

.fa-temperature-empty:before {
    content: ""
}

.fa-temperature-0:before {
    content: ""
}

.fa-thermometer-0:before {
    content: ""
}

.fa-thermometer-empty:before {
    content: ""
}

.fa-bomb:before {
    content: ""
}

.fa-registered:before {
    content: ""
}

.fa-address-card:before {
    content: ""
}

.fa-contact-card:before {
    content: ""
}

.fa-vcard:before {
    content: ""
}

.fa-scale-unbalanced-flip:before {
    content: ""
}

.fa-balance-scale-right:before {
    content: ""
}

.fa-subscript:before {
    content: ""
}

.fa-diamond-turn-right:before {
    content: ""
}

.fa-directions:before {
    content: ""
}

.fa-burst:before {
    content: ""
}

.fa-house-laptop:before {
    content: ""
}

.fa-laptop-house:before {
    content: ""
}

.fa-face-tired:before {
    content: ""
}

.fa-tired:before {
    content: ""
}

.fa-money-bills:before {
    content: ""
}

.fa-smog:before {
    content: ""
}

.fa-crutch:before {
    content: ""
}

.fa-cloud-arrow-up:before {
    content: ""
}

.fa-cloud-upload:before {
    content: ""
}

.fa-cloud-upload-alt:before {
    content: ""
}

.fa-palette:before {
    content: ""
}

.fa-arrows-turn-right:before {
    content: ""
}

.fa-vest:before {
    content: ""
}

.fa-ferry:before {
    content: ""
}

.fa-arrows-down-to-people:before {
    content: ""
}

.fa-seedling:before {
    content: ""
}

.fa-sprout:before {
    content: ""
}

.fa-left-right:before {
    content: ""
}

.fa-arrows-alt-h:before {
    content: ""
}

.fa-boxes-packing:before {
    content: ""
}

.fa-circle-arrow-left:before {
    content: ""
}

.fa-arrow-circle-left:before {
    content: ""
}

.fa-group-arrows-rotate:before {
    content: ""
}

.fa-bowl-food:before {
    content: ""
}

.fa-candy-cane:before {
    content: ""
}

.fa-arrow-down-wide-short:before {
    content: ""
}

.fa-sort-amount-asc:before {
    content: ""
}

.fa-sort-amount-down:before {
    content: ""
}

.fa-cloud-bolt:before {
    content: ""
}

.fa-thunderstorm:before {
    content: ""
}

.fa-text-slash:before {
    content: ""
}

.fa-remove-format:before {
    content: ""
}

.fa-face-smile-wink:before {
    content: ""
}

.fa-smile-wink:before {
    content: ""
}

.fa-file-word:before {
    content: ""
}

.fa-file-powerpoint:before {
    content: ""
}

.fa-arrows-left-right:before {
    content: ""
}

.fa-arrows-h:before {
    content: ""
}

.fa-house-lock:before {
    content: ""
}

.fa-cloud-arrow-down:before {
    content: ""
}

.fa-cloud-download:before {
    content: ""
}

.fa-cloud-download-alt:before {
    content: ""
}

.fa-children:before {
    content: ""
}

.fa-chalkboard:before {
    content: ""
}

.fa-blackboard:before {
    content: ""
}

.fa-user-large-slash:before {
    content: ""
}

.fa-user-alt-slash:before {
    content: ""
}

.fa-envelope-open:before {
    content: ""
}

.fa-handshake-simple-slash:before {
    content: ""
}

.fa-handshake-alt-slash:before {
    content: ""
}

.fa-mattress-pillow:before {
    content: ""
}

.fa-guarani-sign:before {
    content: ""
}

.fa-arrows-rotate:before {
    content: ""
}

.fa-refresh:before {
    content: ""
}

.fa-sync:before {
    content: ""
}

.fa-fire-extinguisher:before {
    content: ""
}

.fa-cruzeiro-sign:before {
    content: ""
}

.fa-greater-than-equal:before {
    content: ""
}

.fa-shield-halved:before {
    content: ""
}

.fa-shield-alt:before {
    content: ""
}

.fa-book-atlas:before {
    content: ""
}

.fa-atlas:before {
    content: ""
}

.fa-virus:before {
    content: ""
}

.fa-envelope-circle-check:before {
    content: ""
}

.fa-layer-group:before {
    content: ""
}

.fa-arrows-to-dot:before {
    content: ""
}

.fa-archway:before {
    content: ""
}

.fa-heart-circle-check:before {
    content: ""
}

.fa-house-chimney-crack:before {
    content: ""
}

.fa-house-damage:before {
    content: ""
}

.fa-file-zipper:before {
    content: ""
}

.fa-file-archive:before {
    content: ""
}

.fa-square:before {
    content: ""
}

.fa-martini-glass-empty:before {
    content: ""
}

.fa-glass-martini:before {
    content: ""
}

.fa-couch:before {
    content: ""
}

.fa-cedi-sign:before {
    content: ""
}

.fa-italic:before {
    content: ""
}

.fa-church:before {
    content: ""
}

.fa-comments-dollar:before {
    content: ""
}

.fa-democrat:before {
    content: ""
}

.fa-z:before {
    content: "Z"
}

.fa-person-skiing:before {
    content: ""
}

.fa-skiing:before {
    content: ""
}

.fa-road-lock:before {
    content: ""
}

.fa-a:before {
    content: "A"
}

.fa-temperature-arrow-down:before {
    content: ""
}

.fa-temperature-down:before {
    content: ""
}

.fa-feather-pointed:before {
    content: ""
}

.fa-feather-alt:before {
    content: ""
}

.fa-p:before {
    content: "P"
}

.fa-snowflake:before {
    content: ""
}

.fa-newspaper:before {
    content: ""
}

.fa-rectangle-ad:before {
    content: ""
}

.fa-ad:before {
    content: ""
}

.fa-circle-arrow-right:before {
    content: ""
}

.fa-arrow-circle-right:before {
    content: ""
}

.fa-filter-circle-xmark:before {
    content: ""
}

.fa-locust:before {
    content: ""
}

.fa-sort:before {
    content: ""
}

.fa-unsorted:before {
    content: ""
}

.fa-list-ol:before {
    content: ""
}

.fa-list-1-2:before {
    content: ""
}

.fa-list-numeric:before {
    content: ""
}

.fa-person-dress-burst:before {
    content: ""
}

.fa-money-check-dollar:before {
    content: ""
}

.fa-money-check-alt:before {
    content: ""
}

.fa-vector-square:before {
    content: ""
}

.fa-bread-slice:before {
    content: ""
}

.fa-language:before {
    content: ""
}

.fa-face-kiss-wink-heart:before {
    content: ""
}

.fa-kiss-wink-heart:before {
    content: ""
}

.fa-filter:before {
    content: ""
}

.fa-question:before {
    content: "?"
}

.fa-file-signature:before {
    content: ""
}

.fa-up-down-left-right:before {
    content: ""
}

.fa-arrows-alt:before {
    content: ""
}

.fa-house-chimney-user:before {
    content: ""
}

.fa-hand-holding-heart:before {
    content: ""
}

.fa-puzzle-piece:before {
    content: ""
}

.fa-money-check:before {
    content: ""
}

.fa-star-half-stroke:before {
    content: ""
}

.fa-star-half-alt:before {
    content: ""
}

.fa-code:before {
    content: ""
}

.fa-whiskey-glass:before {
    content: ""
}

.fa-glass-whiskey:before {
    content: ""
}

.fa-building-circle-exclamation:before {
    content: ""
}

.fa-magnifying-glass-chart:before {
    content: ""
}

.fa-arrow-up-right-from-square:before {
    content: ""
}

.fa-external-link:before {
    content: ""
}

.fa-cubes-stacked:before {
    content: ""
}

.fa-won-sign:before {
    content: ""
}

.fa-krw:before {
    content: ""
}

.fa-won:before {
    content: ""
}

.fa-virus-covid:before {
    content: ""
}

.fa-austral-sign:before {
    content: ""
}

.fa-f:before {
    content: "F"
}

.fa-leaf:before {
    content: ""
}

.fa-road:before {
    content: ""
}

.fa-taxi:before {
    content: ""
}

.fa-cab:before {
    content: ""
}

.fa-person-circle-plus:before {
    content: ""
}

.fa-chart-pie:before {
    content: ""
}

.fa-pie-chart:before {
    content: ""
}

.fa-bolt-lightning:before {
    content: ""
}

.fa-sack-xmark:before {
    content: ""
}

.fa-file-excel:before {
    content: ""
}

.fa-file-contract:before {
    content: ""
}

.fa-fish-fins:before {
    content: ""
}

.fa-building-flag:before {
    content: ""
}

.fa-face-grin-beam:before {
    content: ""
}

.fa-grin-beam:before {
    content: ""
}

.fa-object-ungroup:before {
    content: ""
}

.fa-poop:before {
    content: ""
}

.fa-location-pin:before {
    content: ""
}

.fa-map-marker:before {
    content: ""
}

.fa-kaaba:before {
    content: ""
}

.fa-toilet-paper:before {
    content: ""
}

.fa-helmet-safety:before {
    content: ""
}

.fa-hard-hat:before {
    content: ""
}

.fa-hat-hard:before {
    content: ""
}

.fa-eject:before {
    content: ""
}

.fa-circle-right:before {
    content: ""
}

.fa-arrow-alt-circle-right:before {
    content: ""
}

.fa-plane-circle-check:before {
    content: ""
}

.fa-face-rolling-eyes:before {
    content: ""
}

.fa-meh-rolling-eyes:before {
    content: ""
}

.fa-object-group:before {
    content: ""
}

.fa-chart-line:before {
    content: ""
}

.fa-line-chart:before {
    content: ""
}

.fa-mask-ventilator:before {
    content: ""
}

.fa-arrow-right:before {
    content: ""
}

.fa-signs-post:before {
    content: ""
}

.fa-map-signs:before {
    content: ""
}

.fa-cash-register:before {
    content: ""
}

.fa-person-circle-question:before {
    content: ""
}

.fa-h:before {
    content: "H"
}

.fa-tarp:before {
    content: ""
}

.fa-screwdriver-wrench:before {
    content: ""
}

.fa-tools:before {
    content: ""
}

.fa-arrows-to-eye:before {
    content: ""
}

.fa-plug-circle-bolt:before {
    content: ""
}

.fa-heart:before {
    content: ""
}

.fa-mars-and-venus:before {
    content: ""
}

.fa-house-user:before {
    content: ""
}

.fa-home-user:before {
    content: ""
}

.fa-dumpster-fire:before {
    content: ""
}

.fa-house-crack:before {
    content: ""
}

.fa-martini-glass-citrus:before {
    content: ""
}

.fa-cocktail:before {
    content: ""
}

.fa-face-surprise:before {
    content: ""
}

.fa-surprise:before {
    content: ""
}

.fa-bottle-water:before {
    content: ""
}

.fa-circle-pause:before {
    content: ""
}

.fa-pause-circle:before {
    content: ""
}

.fa-toilet-paper-slash:before {
    content: ""
}

.fa-apple-whole:before {
    content: ""
}

.fa-apple-alt:before {
    content: ""
}

.fa-kitchen-set:before {
    content: ""
}

.fa-r:before {
    content: "R"
}

.fa-temperature-quarter:before {
    content: ""
}

.fa-temperature-1:before {
    content: ""
}

.fa-thermometer-1:before {
    content: ""
}

.fa-thermometer-quarter:before {
    content: ""
}

.fa-cube:before {
    content: ""
}

.fa-bitcoin-sign:before {
    content: ""
}

.fa-shield-dog:before {
    content: ""
}

.fa-solar-panel:before {
    content: ""
}

.fa-lock-open:before {
    content: ""
}

.fa-elevator:before {
    content: ""
}

.fa-money-bill-transfer:before {
    content: ""
}

.fa-money-bill-trend-up:before {
    content: ""
}

.fa-house-flood-water-circle-arrow-right:before {
    content: ""
}

.fa-square-poll-horizontal:before {
    content: ""
}

.fa-poll-h:before {
    content: ""
}

.fa-circle:before {
    content: ""
}

.fa-backward-fast:before {
    content: ""
}

.fa-fast-backward:before {
    content: ""
}

.fa-recycle:before {
    content: ""
}

.fa-user-astronaut:before {
    content: ""
}

.fa-plane-slash:before {
    content: ""
}

.fa-trademark:before {
    content: ""
}

.fa-basketball:before {
    content: ""
}

.fa-basketball-ball:before {
    content: ""
}

.fa-satellite-dish:before {
    content: ""
}

.fa-circle-up:before {
    content: ""
}

.fa-arrow-alt-circle-up:before {
    content: ""
}

.fa-mobile-screen-button:before {
    content: ""
}

.fa-mobile-alt:before {
    content: ""
}

.fa-volume-high:before {
    content: ""
}

.fa-volume-up:before {
    content: ""
}

.fa-users-rays:before {
    content: ""
}

.fa-wallet:before {
    content: ""
}

.fa-clipboard-check:before {
    content: ""
}

.fa-file-audio:before {
    content: ""
}

.fa-burger:before {
    content: ""
}

.fa-hamburger:before {
    content: ""
}

.fa-wrench:before {
    content: ""
}

.fa-bugs:before {
    content: ""
}

.fa-rupee-sign:before {
    content: ""
}

.fa-rupee:before {
    content: ""
}

.fa-file-image:before {
    content: ""
}

.fa-circle-question:before {
    content: ""
}

.fa-question-circle:before {
    content: ""
}

.fa-plane-departure:before {
    content: ""
}

.fa-handshake-slash:before {
    content: ""
}

.fa-book-bookmark:before {
    content: ""
}

.fa-code-branch:before {
    content: ""
}

.fa-hat-cowboy:before {
    content: ""
}

.fa-bridge:before {
    content: ""
}

.fa-phone-flip:before {
    content: ""
}

.fa-phone-alt:before {
    content: ""
}

.fa-truck-front:before {
    content: ""
}

.fa-cat:before {
    content: ""
}

.fa-anchor-circle-exclamation:before {
    content: ""
}

.fa-truck-field:before {
    content: ""
}

.fa-route:before {
    content: ""
}

.fa-clipboard-question:before {
    content: ""
}

.fa-panorama:before {
    content: ""
}

.fa-comment-medical:before {
    content: ""
}

.fa-teeth-open:before {
    content: ""
}

.fa-file-circle-minus:before {
    content: ""
}

.fa-tags:before {
    content: ""
}

.fa-wine-glass:before {
    content: ""
}

.fa-forward-fast:before {
    content: ""
}

.fa-fast-forward:before {
    content: ""
}

.fa-face-meh-blank:before {
    content: ""
}

.fa-meh-blank:before {
    content: ""
}

.fa-square-parking:before {
    content: ""
}

.fa-parking:before {
    content: ""
}

.fa-house-signal:before {
    content: ""
}

.fa-bars-progress:before {
    content: ""
}

.fa-tasks-alt:before {
    content: ""
}

.fa-faucet-drip:before {
    content: ""
}

.fa-cart-flatbed:before {
    content: ""
}

.fa-dolly-flatbed:before {
    content: ""
}

.fa-ban-smoking:before {
    content: ""
}

.fa-smoking-ban:before {
    content: ""
}

.fa-terminal:before {
    content: ""
}

.fa-mobile-button:before {
    content: ""
}

.fa-house-medical-flag:before {
    content: ""
}

.fa-basket-shopping:before {
    content: ""
}

.fa-shopping-basket:before {
    content: ""
}

.fa-tape:before {
    content: ""
}

.fa-bus-simple:before {
    content: ""
}

.fa-bus-alt:before {
    content: ""
}

.fa-eye:before {
    content: ""
}

.fa-face-sad-cry:before {
    content: ""
}

.fa-sad-cry:before {
    content: ""
}

.fa-audio-description:before {
    content: ""
}

.fa-person-military-to-person:before {
    content: ""
}

.fa-file-shield:before {
    content: ""
}

.fa-user-slash:before {
    content: ""
}

.fa-pen:before {
    content: ""
}

.fa-tower-observation:before {
    content: ""
}

.fa-file-code:before {
    content: ""
}

.fa-signal:before {
    content: ""
}

.fa-signal-5:before {
    content: ""
}

.fa-signal-perfect:before {
    content: ""
}

.fa-bus:before {
    content: ""
}

.fa-heart-circle-xmark:before {
    content: ""
}

.fa-house-chimney:before {
    content: ""
}

.fa-home-lg:before {
    content: ""
}

.fa-window-maximize:before {
    content: ""
}

.fa-face-frown:before {
    content: ""
}

.fa-frown:before {
    content: ""
}

.fa-prescription:before {
    content: ""
}

.fa-shop:before {
    content: ""
}

.fa-store-alt:before {
    content: ""
}

.fa-floppy-disk:before {
    content: ""
}

.fa-save:before {
    content: ""
}

.fa-vihara:before {
    content: ""
}

.fa-scale-unbalanced:before {
    content: ""
}

.fa-balance-scale-left:before {
    content: ""
}

.fa-sort-up:before {
    content: ""
}

.fa-sort-asc:before {
    content: ""
}

.fa-comment-dots:before {
    content: ""
}

.fa-commenting:before {
    content: ""
}

.fa-plant-wilt:before {
    content: ""
}

.fa-diamond:before {
    content: ""
}

.fa-face-grin-squint:before {
    content: ""
}

.fa-grin-squint:before {
    content: ""
}

.fa-hand-holding-dollar:before {
    content: ""
}

.fa-hand-holding-usd:before {
    content: ""
}

.fa-bacterium:before {
    content: ""
}

.fa-hand-pointer:before {
    content: ""
}

.fa-drum-steelpan:before {
    content: ""
}

.fa-hand-scissors:before {
    content: ""
}

.fa-hands-praying:before {
    content: ""
}

.fa-praying-hands:before {
    content: ""
}

.fa-arrow-rotate-right:before {
    content: ""
}

.fa-arrow-right-rotate:before {
    content: ""
}

.fa-arrow-rotate-forward:before {
    content: ""
}

.fa-redo:before {
    content: ""
}

.fa-biohazard:before {
    content: ""
}

.fa-location-crosshairs:before {
    content: ""
}

.fa-location:before {
    content: ""
}

.fa-mars-double:before {
    content: ""
}

.fa-child-dress:before {
    content: ""
}

.fa-users-between-lines:before {
    content: ""
}

.fa-lungs-virus:before {
    content: ""
}

.fa-face-grin-tears:before {
    content: ""
}

.fa-grin-tears:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-calendar-xmark:before {
    content: ""
}

.fa-calendar-times:before {
    content: ""
}

.fa-child-reaching:before {
    content: ""
}

.fa-head-side-virus:before {
    content: ""
}

.fa-user-gear:before {
    content: ""
}

.fa-user-cog:before {
    content: ""
}

.fa-arrow-up-1-9:before {
    content: ""
}

.fa-sort-numeric-up:before {
    content: ""
}

.fa-door-closed:before {
    content: ""
}

.fa-shield-virus:before {
    content: ""
}

.fa-dice-six:before {
    content: ""
}

.fa-mosquito-net:before {
    content: ""
}

.fa-bridge-water:before {
    content: ""
}

.fa-person-booth:before {
    content: ""
}

.fa-text-width:before {
    content: ""
}

.fa-hat-wizard:before {
    content: ""
}

.fa-pen-fancy:before {
    content: ""
}

.fa-person-digging:before {
    content: ""
}

.fa-digging:before {
    content: ""
}

.fa-trash:before {
    content: ""
}

.fa-gauge-simple:before {
    content: ""
}

.fa-gauge-simple-med:before {
    content: ""
}

.fa-tachometer-average:before {
    content: ""
}

.fa-book-medical:before {
    content: ""
}

.fa-poo:before {
    content: ""
}

.fa-quote-right:before {
    content: ""
}

.fa-quote-right-alt:before {
    content: ""
}

.fa-shirt:before {
    content: ""
}

.fa-t-shirt:before {
    content: ""
}

.fa-tshirt:before {
    content: ""
}

.fa-cubes:before {
    content: ""
}

.fa-divide:before {
    content: ""
}

.fa-tenge-sign:before {
    content: ""
}

.fa-tenge:before {
    content: ""
}

.fa-headphones:before {
    content: ""
}

.fa-hands-holding:before {
    content: ""
}

.fa-hands-clapping:before {
    content: ""
}

.fa-republican:before {
    content: ""
}

.fa-arrow-left:before {
    content: ""
}

.fa-person-circle-xmark:before {
    content: ""
}

.fa-ruler:before {
    content: ""
}

.fa-align-left:before {
    content: ""
}

.fa-dice-d6:before {
    content: ""
}

.fa-restroom:before {
    content: ""
}

.fa-j:before {
    content: "J"
}

.fa-users-viewfinder:before {
    content: ""
}

.fa-file-video:before {
    content: ""
}

.fa-up-right-from-square:before {
    content: ""
}

.fa-external-link-alt:before {
    content: ""
}

.fa-table-cells:before {
    content: ""
}

.fa-th:before {
    content: ""
}

.fa-file-pdf:before {
    content: ""
}

.fa-book-bible:before {
    content: ""
}

.fa-bible:before {
    content: ""
}

.fa-o:before {
    content: "O"
}

.fa-suitcase-medical:before {
    content: ""
}

.fa-medkit:before {
    content: ""
}

.fa-user-secret:before {
    content: ""
}

.fa-otter:before {
    content: ""
}

.fa-person-dress:before {
    content: ""
}

.fa-female:before {
    content: ""
}

.fa-comment-dollar:before {
    content: ""
}

.fa-business-time:before {
    content: ""
}

.fa-briefcase-clock:before {
    content: ""
}

.fa-table-cells-large:before {
    content: ""
}

.fa-th-large:before {
    content: ""
}

.fa-book-tanakh:before {
    content: ""
}

.fa-tanakh:before {
    content: ""
}

.fa-phone-volume:before {
    content: ""
}

.fa-volume-control-phone:before {
    content: ""
}

.fa-hat-cowboy-side:before {
    content: ""
}

.fa-clipboard-user:before {
    content: ""
}

.fa-child:before {
    content: ""
}

.fa-lira-sign:before {
    content: ""
}

.fa-satellite:before {
    content: ""
}

.fa-plane-lock:before {
    content: ""
}

.fa-tag:before {
    content: ""
}

.fa-comment:before {
    content: ""
}

.fa-cake-candles:before {
    content: ""
}

.fa-birthday-cake:before {
    content: ""
}

.fa-cake:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-angles-up:before {
    content: ""
}

.fa-angle-double-up:before {
    content: ""
}

.fa-paperclip:before {
    content: ""
}

.fa-arrow-right-to-city:before {
    content: ""
}

.fa-ribbon:before {
    content: ""
}

.fa-lungs:before {
    content: ""
}

.fa-arrow-up-9-1:before {
    content: ""
}

.fa-sort-numeric-up-alt:before {
    content: ""
}

.fa-litecoin-sign:before {
    content: ""
}

.fa-border-none:before {
    content: ""
}

.fa-circle-nodes:before {
    content: ""
}

.fa-parachute-box:before {
    content: ""
}

.fa-indent:before {
    content: ""
}

.fa-truck-field-un:before {
    content: ""
}

.fa-hourglass:before {
    content: ""
}

.fa-hourglass-empty:before {
    content: ""
}

.fa-mountain:before {
    content: ""
}

.fa-user-doctor:before {
    content: ""
}

.fa-user-md:before {
    content: ""
}

.fa-circle-info:before {
    content: ""
}

.fa-info-circle:before {
    content: ""
}

.fa-cloud-meatball:before {
    content: ""
}

.fa-camera:before {
    content: ""
}

.fa-camera-alt:before {
    content: ""
}

.fa-square-virus:before {
    content: ""
}

.fa-meteor:before {
    content: ""
}

.fa-car-on:before {
    content: ""
}

.fa-sleigh:before {
    content: ""
}

.fa-arrow-down-1-9:before {
    content: ""
}

.fa-sort-numeric-asc:before {
    content: ""
}

.fa-sort-numeric-down:before {
    content: ""
}

.fa-hand-holding-droplet:before {
    content: ""
}

.fa-hand-holding-water:before {
    content: ""
}

.fa-water:before {
    content: ""
}

.fa-calendar-check:before {
    content: ""
}

.fa-braille:before {
    content: ""
}

.fa-prescription-bottle-medical:before {
    content: ""
}

.fa-prescription-bottle-alt:before {
    content: ""
}

.fa-landmark:before {
    content: ""
}

.fa-truck:before {
    content: ""
}

.fa-crosshairs:before {
    content: ""
}

.fa-person-cane:before {
    content: ""
}

.fa-tent:before {
    content: ""
}

.fa-vest-patches:before {
    content: ""
}

.fa-check-double:before {
    content: ""
}

.fa-arrow-down-a-z:before {
    content: ""
}

.fa-sort-alpha-asc:before {
    content: ""
}

.fa-sort-alpha-down:before {
    content: ""
}

.fa-money-bill-wheat:before {
    content: ""
}

.fa-cookie:before {
    content: ""
}

.fa-arrow-rotate-left:before {
    content: ""
}

.fa-arrow-left-rotate:before {
    content: ""
}

.fa-arrow-rotate-back:before {
    content: ""
}

.fa-arrow-rotate-backward:before {
    content: ""
}

.fa-undo:before {
    content: ""
}

.fa-hard-drive:before {
    content: ""
}

.fa-hdd:before {
    content: ""
}

.fa-face-grin-squint-tears:before {
    content: ""
}

.fa-grin-squint-tears:before {
    content: ""
}

.fa-dumbbell:before {
    content: ""
}

.fa-rectangle-list:before {
    content: ""
}

.fa-list-alt:before {
    content: ""
}

.fa-tarp-droplet:before {
    content: ""
}

.fa-house-medical-circle-check:before {
    content: ""
}

.fa-person-skiing-nordic:before {
    content: ""
}

.fa-skiing-nordic:before {
    content: ""
}

.fa-calendar-plus:before {
    content: ""
}

.fa-plane-arrival:before {
    content: ""
}

.fa-circle-left:before {
    content: ""
}

.fa-arrow-alt-circle-left:before {
    content: ""
}

.fa-train-subway:before {
    content: ""
}

.fa-subway:before {
    content: ""
}

.fa-chart-gantt:before {
    content: ""
}

.fa-indian-rupee-sign:before {
    content: ""
}

.fa-indian-rupee:before {
    content: ""
}

.fa-inr:before {
    content: ""
}

.fa-crop-simple:before {
    content: ""
}

.fa-crop-alt:before {
    content: ""
}

.fa-money-bill-1:before {
    content: ""
}

.fa-money-bill-alt:before {
    content: ""
}

.fa-left-long:before {
    content: ""
}

.fa-long-arrow-alt-left:before {
    content: ""
}

.fa-dna:before {
    content: ""
}

.fa-virus-slash:before {
    content: ""
}

.fa-minus:before {
    content: ""
}

.fa-subtract:before {
    content: ""
}

.fa-chess:before {
    content: ""
}

.fa-arrow-left-long:before {
    content: ""
}

.fa-long-arrow-left:before {
    content: ""
}

.fa-plug-circle-check:before {
    content: ""
}

.fa-street-view:before {
    content: ""
}

.fa-franc-sign:before {
    content: ""
}

.fa-volume-off:before {
    content: ""
}

.fa-hands-asl-interpreting:before {
    content: ""
}

.fa-american-sign-language-interpreting:before {
    content: ""
}

.fa-asl-interpreting:before {
    content: ""
}

.fa-hands-american-sign-language-interpreting:before {
    content: ""
}

.fa-gear:before {
    content: ""
}

.fa-cog:before {
    content: ""
}

.fa-droplet-slash:before {
    content: ""
}

.fa-tint-slash:before {
    content: ""
}

.fa-mosque:before {
    content: ""
}

.fa-mosquito:before {
    content: ""
}

.fa-star-of-david:before {
    content: ""
}

.fa-person-military-rifle:before {
    content: ""
}

.fa-cart-shopping:before {
    content: ""
}

.fa-shopping-cart:before {
    content: ""
}

.fa-vials:before {
    content: ""
}

.fa-plug-circle-plus:before {
    content: ""
}

.fa-place-of-worship:before {
    content: ""
}

.fa-grip-vertical:before {
    content: ""
}

.fa-arrow-turn-up:before {
    content: ""
}

.fa-level-up:before {
    content: ""
}

.fa-u:before {
    content: "U"
}

.fa-square-root-variable:before {
    content: ""
}

.fa-square-root-alt:before {
    content: ""
}

.fa-clock:before {
    content: ""
}

.fa-clock-four:before {
    content: ""
}

.fa-backward-step:before {
    content: ""
}

.fa-step-backward:before {
    content: ""
}

.fa-pallet:before {
    content: ""
}

.fa-faucet:before {
    content: ""
}

.fa-baseball-bat-ball:before {
    content: ""
}

.fa-s:before {
    content: "S"
}

.fa-timeline:before {
    content: ""
}

.fa-keyboard:before {
    content: ""
}

.fa-caret-down:before {
    content: ""
}

.fa-house-chimney-medical:before {
    content: ""
}

.fa-clinic-medical:before {
    content: ""
}

.fa-temperature-three-quarters:before {
    content: ""
}

.fa-temperature-3:before {
    content: ""
}

.fa-thermometer-3:before {
    content: ""
}

.fa-thermometer-three-quarters:before {
    content: ""
}

.fa-mobile-screen:before {
    content: ""
}

.fa-mobile-android-alt:before {
    content: ""
}

.fa-plane-up:before {
    content: ""
}

.fa-piggy-bank:before {
    content: ""
}

.fa-battery-half:before {
    content: ""
}

.fa-battery-3:before {
    content: ""
}

.fa-mountain-city:before {
    content: ""
}

.fa-coins:before {
    content: ""
}

.fa-khanda:before {
    content: ""
}

.fa-sliders:before {
    content: ""
}

.fa-sliders-h:before {
    content: ""
}

.fa-folder-tree:before {
    content: ""
}

.fa-network-wired:before {
    content: ""
}

.fa-map-pin:before {
    content: ""
}

.fa-hamsa:before {
    content: ""
}

.fa-cent-sign:before {
    content: ""
}

.fa-flask:before {
    content: ""
}

.fa-person-pregnant:before {
    content: ""
}

.fa-wand-sparkles:before {
    content: ""
}

.fa-ellipsis-vertical:before {
    content: ""
}

.fa-ellipsis-v:before {
    content: ""
}

.fa-ticket:before {
    content: ""
}

.fa-power-off:before {
    content: ""
}

.fa-right-long:before {
    content: ""
}

.fa-long-arrow-alt-right:before {
    content: ""
}

.fa-flag-usa:before {
    content: ""
}

.fa-laptop-file:before {
    content: ""
}

.fa-tty:before {
    content: ""
}

.fa-teletype:before {
    content: ""
}

.fa-diagram-next:before {
    content: ""
}

.fa-person-rifle:before {
    content: ""
}

.fa-house-medical-circle-exclamation:before {
    content: ""
}

.fa-closed-captioning:before {
    content: ""
}

.fa-person-hiking:before {
    content: ""
}

.fa-hiking:before {
    content: ""
}

.fa-venus-double:before {
    content: ""
}

.fa-images:before {
    content: ""
}

.fa-calculator:before {
    content: ""
}

.fa-people-pulling:before {
    content: ""
}

.fa-n:before {
    content: "N"
}

.fa-cable-car:before {
    content: ""
}

.fa-tram:before {
    content: ""
}

.fa-cloud-rain:before {
    content: ""
}

.fa-building-circle-xmark:before {
    content: ""
}

.fa-ship:before {
    content: ""
}

.fa-arrows-down-to-line:before {
    content: ""
}

.fa-download:before {
    content: ""
}

.fa-face-grin:before {
    content: ""
}

.fa-grin:before {
    content: ""
}

.fa-delete-left:before {
    content: ""
}

.fa-backspace:before {
    content: ""
}

.fa-eye-dropper:before {
    content: ""
}

.fa-eye-dropper-empty:before {
    content: ""
}

.fa-eyedropper:before {
    content: ""
}

.fa-file-circle-check:before {
    content: ""
}

.fa-forward:before {
    content: ""
}

.fa-mobile:before {
    content: ""
}

.fa-mobile-android:before {
    content: ""
}

.fa-mobile-phone:before {
    content: ""
}

.fa-face-meh:before {
    content: ""
}

.fa-meh:before {
    content: ""
}

.fa-align-center:before {
    content: ""
}

.fa-book-skull:before {
    content: ""
}

.fa-book-dead:before {
    content: ""
}

.fa-id-card:before {
    content: ""
}

.fa-drivers-license:before {
    content: ""
}

.fa-outdent:before {
    content: ""
}

.fa-dedent:before {
    content: ""
}

.fa-heart-circle-exclamation:before {
    content: ""
}

.fa-house:before {
    content: ""
}

.fa-home:before {
    content: ""
}

.fa-home-alt:before {
    content: ""
}

.fa-home-lg-alt:before {
    content: ""
}

.fa-calendar-week:before {
    content: ""
}

.fa-laptop-medical:before {
    content: ""
}

.fa-b:before {
    content: "B"
}

.fa-file-medical:before {
    content: ""
}

.fa-dice-one:before {
    content: ""
}

.fa-kiwi-bird:before {
    content: ""
}

.fa-arrow-right-arrow-left:before {
    content: ""
}

.fa-exchange:before {
    content: ""
}

.fa-rotate-right:before {
    content: ""
}

.fa-redo-alt:before {
    content: ""
}

.fa-rotate-forward:before {
    content: ""
}

.fa-utensils:before {
    content: ""
}

.fa-cutlery:before {
    content: ""
}

.fa-arrow-up-wide-short:before {
    content: ""
}

.fa-sort-amount-up:before {
    content: ""
}

.fa-mill-sign:before {
    content: ""
}

.fa-bowl-rice:before {
    content: ""
}

.fa-skull:before {
    content: ""
}

.fa-tower-broadcast:before {
    content: ""
}

.fa-broadcast-tower:before {
    content: ""
}

.fa-truck-pickup:before {
    content: ""
}

.fa-up-long:before {
    content: ""
}

.fa-long-arrow-alt-up:before {
    content: ""
}

.fa-stop:before {
    content: ""
}

.fa-code-merge:before {
    content: ""
}

.fa-upload:before {
    content: ""
}

.fa-hurricane:before {
    content: ""
}

.fa-mound:before {
    content: ""
}

.fa-toilet-portable:before {
    content: ""
}

.fa-compact-disc:before {
    content: ""
}

.fa-file-arrow-down:before {
    content: ""
}

.fa-file-download:before {
    content: ""
}

.fa-caravan:before {
    content: ""
}

.fa-shield-cat:before {
    content: ""
}

.fa-bolt:before {
    content: ""
}

.fa-zap:before {
    content: ""
}

.fa-glass-water:before {
    content: ""
}

.fa-oil-well:before {
    content: ""
}

.fa-vault:before {
    content: ""
}

.fa-mars:before {
    content: ""
}

.fa-toilet:before {
    content: ""
}

.fa-plane-circle-xmark:before {
    content: ""
}

.fa-yen-sign:before {
    content: ""
}

.fa-cny:before {
    content: ""
}

.fa-jpy:before {
    content: ""
}

.fa-rmb:before {
    content: ""
}

.fa-yen:before {
    content: ""
}

.fa-ruble-sign:before {
    content: ""
}

.fa-rouble:before {
    content: ""
}

.fa-rub:before {
    content: ""
}

.fa-ruble:before {
    content: ""
}

.fa-sun:before {
    content: ""
}

.fa-guitar:before {
    content: ""
}

.fa-face-laugh-wink:before {
    content: ""
}

.fa-laugh-wink:before {
    content: ""
}

.fa-horse-head:before {
    content: ""
}

.fa-bore-hole:before {
    content: ""
}

.fa-industry:before {
    content: ""
}

.fa-circle-down:before {
    content: ""
}

.fa-arrow-alt-circle-down:before {
    content: ""
}

.fa-arrows-turn-to-dots:before {
    content: ""
}

.fa-florin-sign:before {
    content: ""
}

.fa-arrow-down-short-wide:before {
    content: ""
}

.fa-sort-amount-desc:before {
    content: ""
}

.fa-sort-amount-down-alt:before {
    content: ""
}

.fa-less-than:before {
    content: "<"
}

.fa-angle-down:before {
    content: ""
}

.fa-car-tunnel:before {
    content: ""
}

.fa-head-side-cough:before {
    content: ""
}

.fa-grip-lines:before {
    content: ""
}

.fa-thumbs-down:before {
    content: ""
}

.fa-user-lock:before {
    content: ""
}

.fa-arrow-right-long:before {
    content: ""
}

.fa-long-arrow-right:before {
    content: ""
}

.fa-anchor-circle-xmark:before {
    content: ""
}

.fa-ellipsis:before {
    content: ""
}

.fa-ellipsis-h:before {
    content: ""
}

.fa-chess-pawn:before {
    content: ""
}

.fa-kit-medical:before {
    content: ""
}

.fa-first-aid:before {
    content: ""
}

.fa-person-through-window:before {
    content: ""
}

.fa-toolbox:before {
    content: ""
}

.fa-hands-holding-circle:before {
    content: ""
}

.fa-bug:before {
    content: ""
}

.fa-credit-card:before {
    content: ""
}

.fa-credit-card-alt:before {
    content: ""
}

.fa-car:before {
    content: ""
}

.fa-automobile:before {
    content: ""
}

.fa-hand-holding-hand:before {
    content: ""
}

.fa-book-open-reader:before {
    content: ""
}

.fa-book-reader:before {
    content: ""
}

.fa-mountain-sun:before {
    content: ""
}

.fa-arrows-left-right-to-line:before {
    content: ""
}

.fa-dice-d20:before {
    content: ""
}

.fa-truck-droplet:before {
    content: ""
}

.fa-file-circle-xmark:before {
    content: ""
}

.fa-temperature-arrow-up:before {
    content: ""
}

.fa-temperature-up:before {
    content: ""
}

.fa-medal:before {
    content: ""
}

.fa-bed:before {
    content: ""
}

.fa-square-h:before {
    content: ""
}

.fa-h-square:before {
    content: ""
}

.fa-podcast:before {
    content: ""
}

.fa-temperature-full:before {
    content: ""
}

.fa-temperature-4:before {
    content: ""
}

.fa-thermometer-4:before {
    content: ""
}

.fa-thermometer-full:before {
    content: ""
}

.fa-bell:before {
    content: ""
}

.fa-superscript:before {
    content: ""
}

.fa-plug-circle-xmark:before {
    content: ""
}

.fa-star-of-life:before {
    content: ""
}

.fa-phone-slash:before {
    content: ""
}

.fa-paint-roller:before {
    content: ""
}

.fa-handshake-angle:before {
    content: ""
}

.fa-hands-helping:before {
    content: ""
}

.fa-location-dot:before {
    content: ""
}

.fa-map-marker-alt:before {
    content: ""
}

.fa-file:before {
    content: ""
}

.fa-greater-than:before {
    content: ">"
}

.fa-person-swimming:before {
    content: ""
}

.fa-swimmer:before {
    content: ""
}

.fa-arrow-down:before {
    content: ""
}

.fa-droplet:before {
    content: ""
}

.fa-tint:before {
    content: ""
}

.fa-eraser:before {
    content: ""
}

.fa-earth-americas:before {
    content: ""
}

.fa-earth:before {
    content: ""
}

.fa-earth-america:before {
    content: ""
}

.fa-globe-americas:before {
    content: ""
}

.fa-person-burst:before {
    content: ""
}

.fa-dove:before {
    content: ""
}

.fa-battery-empty:before {
    content: ""
}

.fa-battery-0:before {
    content: ""
}

.fa-socks:before {
    content: ""
}

.fa-inbox:before {
    content: ""
}

.fa-section:before {
    content: ""
}

.fa-gauge-high:before {
    content: ""
}

.fa-tachometer-alt:before {
    content: ""
}

.fa-tachometer-alt-fast:before {
    content: ""
}

.fa-envelope-open-text:before {
    content: ""
}

.fa-hospital:before {
    content: ""
}

.fa-hospital-alt:before {
    content: ""
}

.fa-hospital-wide:before {
    content: ""
}

.fa-wine-bottle:before {
    content: ""
}

.fa-chess-rook:before {
    content: ""
}

.fa-bars-staggered:before {
    content: ""
}

.fa-reorder:before {
    content: ""
}

.fa-stream:before {
    content: ""
}

.fa-dharmachakra:before {
    content: ""
}

.fa-hotdog:before {
    content: ""
}

.fa-person-walking-with-cane:before {
    content: ""
}

.fa-blind:before {
    content: ""
}

.fa-drum:before {
    content: ""
}

.fa-ice-cream:before {
    content: ""
}

.fa-heart-circle-bolt:before {
    content: ""
}

.fa-fax:before {
    content: ""
}

.fa-paragraph:before {
    content: ""
}

.fa-check-to-slot:before {
    content: ""
}

.fa-vote-yea:before {
    content: ""
}

.fa-star-half:before {
    content: ""
}

.fa-boxes-stacked:before {
    content: ""
}

.fa-boxes:before {
    content: ""
}

.fa-boxes-alt:before {
    content: ""
}

.fa-link:before {
    content: ""
}

.fa-chain:before {
    content: ""
}

.fa-ear-listen:before {
    content: ""
}

.fa-assistive-listening-systems:before {
    content: ""
}

.fa-tree-city:before {
    content: ""
}

.fa-play:before {
    content: ""
}

.fa-font:before {
    content: ""
}

.fa-rupiah-sign:before {
    content: ""
}

.fa-magnifying-glass:before {
    content: ""
}

.fa-search:before {
    content: ""
}

.fa-table-tennis-paddle-ball:before {
    content: ""
}

.fa-ping-pong-paddle-ball:before {
    content: ""
}

.fa-table-tennis:before {
    content: ""
}

.fa-person-dots-from-line:before {
    content: ""
}

.fa-diagnoses:before {
    content: ""
}

.fa-trash-can-arrow-up:before {
    content: ""
}

.fa-trash-restore-alt:before {
    content: ""
}

.fa-naira-sign:before {
    content: ""
}

.fa-cart-arrow-down:before {
    content: ""
}

.fa-walkie-talkie:before {
    content: ""
}

.fa-file-pen:before {
    content: ""
}

.fa-file-edit:before {
    content: ""
}

.fa-receipt:before {
    content: ""
}

.fa-square-pen:before {
    content: ""
}

.fa-pen-square:before {
    content: ""
}

.fa-pencil-square:before {
    content: ""
}

.fa-suitcase-rolling:before {
    content: ""
}

.fa-person-circle-exclamation:before {
    content: ""
}

.fa-chevron-down:before {
    content: ""
}

.fa-battery-full:before {
    content: ""
}

.fa-battery:before {
    content: ""
}

.fa-battery-5:before {
    content: ""
}

.fa-skull-crossbones:before {
    content: ""
}

.fa-code-compare:before {
    content: ""
}

.fa-list-ul:before {
    content: ""
}

.fa-list-dots:before {
    content: ""
}

.fa-school-lock:before {
    content: ""
}

.fa-tower-cell:before {
    content: ""
}

.fa-down-long:before {
    content: ""
}

.fa-long-arrow-alt-down:before {
    content: ""
}

.fa-ranking-star:before {
    content: ""
}

.fa-chess-king:before {
    content: ""
}

.fa-person-harassing:before {
    content: ""
}

.fa-brazilian-real-sign:before {
    content: ""
}

.fa-landmark-dome:before {
    content: ""
}

.fa-landmark-alt:before {
    content: ""
}

.fa-arrow-up:before {
    content: ""
}

.fa-tv:before {
    content: ""
}

.fa-television:before {
    content: ""
}

.fa-tv-alt:before {
    content: ""
}

.fa-shrimp:before {
    content: ""
}

.fa-list-check:before {
    content: ""
}

.fa-tasks:before {
    content: ""
}

.fa-jug-detergent:before {
    content: ""
}

.fa-circle-user:before {
    content: ""
}

.fa-user-circle:before {
    content: ""
}

.fa-user-shield:before {
    content: ""
}

.fa-wind:before {
    content: ""
}

.fa-car-burst:before {
    content: ""
}

.fa-car-crash:before {
    content: ""
}

.fa-y:before {
    content: "Y"
}

.fa-person-snowboarding:before {
    content: ""
}

.fa-snowboarding:before {
    content: ""
}

.fa-truck-fast:before {
    content: ""
}

.fa-shipping-fast:before {
    content: ""
}

.fa-fish:before {
    content: ""
}

.fa-user-graduate:before {
    content: ""
}

.fa-circle-half-stroke:before {
    content: ""
}

.fa-adjust:before {
    content: ""
}

.fa-clapperboard:before {
    content: ""
}

.fa-circle-radiation:before {
    content: ""
}

.fa-radiation-alt:before {
    content: ""
}

.fa-baseball:before {
    content: ""
}

.fa-baseball-ball:before {
    content: ""
}

.fa-jet-fighter-up:before {
    content: ""
}

.fa-diagram-project:before {
    content: ""
}

.fa-project-diagram:before {
    content: ""
}

.fa-copy:before {
    content: ""
}

.fa-volume-xmark:before {
    content: ""
}

.fa-volume-mute:before {
    content: ""
}

.fa-volume-times:before {
    content: ""
}

.fa-hand-sparkles:before {
    content: ""
}

.fa-grip:before {
    content: ""
}

.fa-grip-horizontal:before {
    content: ""
}

.fa-share-from-square:before {
    content: ""
}

.fa-share-square:before {
    content: ""
}

.fa-child-combatant:before {
    content: ""
}

.fa-child-rifle:before {
    content: ""
}

.fa-gun:before {
    content: ""
}

.fa-square-phone:before {
    content: ""
}

.fa-phone-square:before {
    content: ""
}

.fa-plus:before {
    content: "+"
}

.fa-add:before {
    content: "+"
}

.fa-expand:before {
    content: ""
}

.fa-computer:before {
    content: ""
}

.fa-xmark:before {
    content: ""
}

.fa-close:before {
    content: ""
}

.fa-multiply:before {
    content: ""
}

.fa-remove:before {
    content: ""
}

.fa-times:before {
    content: ""
}

.fa-arrows-up-down-left-right:before {
    content: ""
}

.fa-arrows:before {
    content: ""
}

.fa-chalkboard-user:before {
    content: ""
}

.fa-chalkboard-teacher:before {
    content: ""
}

.fa-peso-sign:before {
    content: ""
}

.fa-building-shield:before {
    content: ""
}

.fa-baby:before {
    content: ""
}

.fa-users-line:before {
    content: ""
}

.fa-quote-left:before {
    content: ""
}

.fa-quote-left-alt:before {
    content: ""
}

.fa-tractor:before {
    content: ""
}

.fa-trash-arrow-up:before {
    content: ""
}

.fa-trash-restore:before {
    content: ""
}

.fa-arrow-down-up-lock:before {
    content: ""
}

.fa-lines-leaning:before {
    content: ""
}

.fa-ruler-combined:before {
    content: ""
}

.fa-copyright:before {
    content: ""
}

.fa-equals:before {
    content: "="
}

.fa-blender:before {
    content: ""
}

.fa-teeth:before {
    content: ""
}

.fa-shekel-sign:before {
    content: ""
}

.fa-ils:before {
    content: ""
}

.fa-shekel:before {
    content: ""
}

.fa-sheqel:before {
    content: ""
}

.fa-sheqel-sign:before {
    content: ""
}

.fa-map:before {
    content: ""
}

.fa-rocket:before {
    content: ""
}

.fa-photo-film:before {
    content: ""
}

.fa-photo-video:before {
    content: ""
}

.fa-folder-minus:before {
    content: ""
}

.fa-store:before {
    content: ""
}

.fa-arrow-trend-up:before {
    content: ""
}

.fa-plug-circle-minus:before {
    content: ""
}

.fa-sign-hanging:before {
    content: ""
}

.fa-sign:before {
    content: ""
}

.fa-bezier-curve:before {
    content: ""
}

.fa-bell-slash:before {
    content: ""
}

.fa-tablet:before {
    content: ""
}

.fa-tablet-android:before {
    content: ""
}

.fa-school-flag:before {
    content: ""
}

.fa-fill:before {
    content: ""
}

.fa-angle-up:before {
    content: ""
}

.fa-drumstick-bite:before {
    content: ""
}

.fa-holly-berry:before {
    content: ""
}

.fa-chevron-left:before {
    content: ""
}

.fa-bacteria:before {
    content: ""
}

.fa-hand-lizard:before {
    content: ""
}

.fa-notdef:before {
    content: ""
}

.fa-disease:before {
    content: ""
}

.fa-briefcase-medical:before {
    content: ""
}

.fa-genderless:before {
    content: ""
}

.fa-chevron-right:before {
    content: ""
}

.fa-retweet:before {
    content: ""
}

.fa-car-rear:before {
    content: ""
}

.fa-car-alt:before {
    content: ""
}

.fa-pump-soap:before {
    content: ""
}

.fa-video-slash:before {
    content: ""
}

.fa-battery-quarter:before {
    content: ""
}

.fa-battery-2:before {
    content: ""
}

.fa-radio:before {
    content: ""
}

.fa-baby-carriage:before {
    content: ""
}

.fa-carriage-baby:before {
    content: ""
}

.fa-traffic-light:before {
    content: ""
}

.fa-thermometer:before {
    content: ""
}

.fa-vr-cardboard:before {
    content: ""
}

.fa-hand-middle-finger:before {
    content: ""
}

.fa-percent:before {
    content: "%"
}

.fa-percentage:before {
    content: "%"
}

.fa-truck-moving:before {
    content: ""
}

.fa-glass-water-droplet:before {
    content: ""
}

.fa-display:before {
    content: ""
}

.fa-face-smile:before {
    content: ""
}

.fa-smile:before {
    content: ""
}

.fa-thumbtack:before {
    content: ""
}

.fa-thumb-tack:before {
    content: ""
}

.fa-trophy:before {
    content: ""
}

.fa-person-praying:before {
    content: ""
}

.fa-pray:before {
    content: ""
}

.fa-hammer:before {
    content: ""
}

.fa-hand-peace:before {
    content: ""
}

.fa-rotate:before {
    content: ""
}

.fa-sync-alt:before {
    content: ""
}

.fa-spinner:before {
    content: ""
}

.fa-robot:before {
    content: ""
}

.fa-peace:before {
    content: ""
}

.fa-gears:before {
    content: ""
}

.fa-cogs:before {
    content: ""
}

.fa-warehouse:before {
    content: ""
}

.fa-arrow-up-right-dots:before {
    content: ""
}

.fa-splotch:before {
    content: ""
}

.fa-face-grin-hearts:before {
    content: ""
}

.fa-grin-hearts:before {
    content: ""
}

.fa-dice-four:before {
    content: ""
}

.fa-sim-card:before {
    content: ""
}

.fa-transgender:before {
    content: ""
}

.fa-transgender-alt:before {
    content: ""
}

.fa-mercury:before {
    content: ""
}

.fa-arrow-turn-down:before {
    content: ""
}

.fa-level-down:before {
    content: ""
}

.fa-person-falling-burst:before {
    content: ""
}

.fa-award:before {
    content: ""
}

.fa-ticket-simple:before {
    content: ""
}

.fa-ticket-alt:before {
    content: ""
}

.fa-building:before {
    content: ""
}

.fa-angles-left:before {
    content: ""
}

.fa-angle-double-left:before {
    content: ""
}

.fa-qrcode:before {
    content: ""
}

.fa-clock-rotate-left:before {
    content: ""
}

.fa-history:before {
    content: ""
}

.fa-face-grin-beam-sweat:before {
    content: ""
}

.fa-grin-beam-sweat:before {
    content: ""
}

.fa-file-export:before {
    content: ""
}

.fa-arrow-right-from-file:before {
    content: ""
}

.fa-shield:before {
    content: ""
}

.fa-shield-blank:before {
    content: ""
}

.fa-arrow-up-short-wide:before {
    content: ""
}

.fa-sort-amount-up-alt:before {
    content: ""
}

.fa-house-medical:before {
    content: ""
}

.fa-golf-ball-tee:before {
    content: ""
}

.fa-golf-ball:before {
    content: ""
}

.fa-circle-chevron-left:before {
    content: ""
}

.fa-chevron-circle-left:before {
    content: ""
}

.fa-house-chimney-window:before {
    content: ""
}

.fa-pen-nib:before {
    content: ""
}

.fa-tent-arrow-turn-left:before {
    content: ""
}

.fa-tents:before {
    content: ""
}

.fa-wand-magic:before {
    content: ""
}

.fa-magic:before {
    content: ""
}

.fa-dog:before {
    content: ""
}

.fa-carrot:before {
    content: ""
}

.fa-moon:before {
    content: ""
}

.fa-wine-glass-empty:before {
    content: ""
}

.fa-wine-glass-alt:before {
    content: ""
}

.fa-cheese:before {
    content: ""
}

.fa-yin-yang:before {
    content: ""
}

.fa-music:before {
    content: ""
}

.fa-code-commit:before {
    content: ""
}

.fa-temperature-low:before {
    content: ""
}

.fa-person-biking:before {
    content: ""
}

.fa-biking:before {
    content: ""
}

.fa-broom:before {
    content: ""
}

.fa-shield-heart:before {
    content: ""
}

.fa-gopuram:before {
    content: ""
}

.fa-earth-oceania:before {
    content: ""
}

.fa-globe-oceania:before {
    content: ""
}

.fa-square-xmark:before {
    content: ""
}

.fa-times-square:before {
    content: ""
}

.fa-xmark-square:before {
    content: ""
}

.fa-hashtag:before {
    content: "#"
}

.fa-up-right-and-down-left-from-center:before {
    content: ""
}

.fa-expand-alt:before {
    content: ""
}

.fa-oil-can:before {
    content: ""
}

.fa-t:before {
    content: "T"
}

.fa-hippo:before {
    content: ""
}

.fa-chart-column:before {
    content: ""
}

.fa-infinity:before {
    content: ""
}

.fa-vial-circle-check:before {
    content: ""
}

.fa-person-arrow-down-to-line:before {
    content: ""
}

.fa-voicemail:before {
    content: ""
}

.fa-fan:before {
    content: ""
}

.fa-person-walking-luggage:before {
    content: ""
}

.fa-up-down:before {
    content: ""
}

.fa-arrows-alt-v:before {
    content: ""
}

.fa-cloud-moon-rain:before {
    content: ""
}

.fa-calendar:before {
    content: ""
}

.fa-trailer:before {
    content: ""
}

.fa-bahai:before {
    content: ""
}

.fa-haykal:before {
    content: ""
}

.fa-sd-card:before {
    content: ""
}

.fa-dragon:before {
    content: ""
}

.fa-shoe-prints:before {
    content: ""
}

.fa-circle-plus:before {
    content: ""
}

.fa-plus-circle:before {
    content: ""
}

.fa-face-grin-tongue-wink:before {
    content: ""
}

.fa-grin-tongue-wink:before {
    content: ""
}

.fa-hand-holding:before {
    content: ""
}

.fa-plug-circle-exclamation:before {
    content: ""
}

.fa-link-slash:before {
    content: ""
}

.fa-chain-broken:before {
    content: ""
}

.fa-chain-slash:before {
    content: ""
}

.fa-unlink:before {
    content: ""
}

.fa-clone:before {
    content: ""
}

.fa-person-walking-arrow-loop-left:before {
    content: ""
}

.fa-arrow-up-z-a:before {
    content: ""
}

.fa-sort-alpha-up-alt:before {
    content: ""
}

.fa-fire-flame-curved:before {
    content: ""
}

.fa-fire-alt:before {
    content: ""
}

.fa-tornado:before {
    content: ""
}

.fa-file-circle-plus:before {
    content: ""
}

.fa-book-quran:before {
    content: ""
}

.fa-quran:before {
    content: ""
}

.fa-anchor:before {
    content: ""
}

.fa-border-all:before {
    content: ""
}

.fa-face-angry:before {
    content: ""
}

.fa-angry:before {
    content: ""
}

.fa-cookie-bite:before {
    content: ""
}

.fa-arrow-trend-down:before {
    content: ""
}

.fa-rss:before {
    content: ""
}

.fa-feed:before {
    content: ""
}

.fa-draw-polygon:before {
    content: ""
}

.fa-scale-balanced:before {
    content: ""
}

.fa-balance-scale:before {
    content: ""
}

.fa-gauge-simple-high:before {
    content: ""
}

.fa-tachometer:before {
    content: ""
}

.fa-tachometer-fast:before {
    content: ""
}

.fa-shower:before {
    content: ""
}

.fa-desktop:before {
    content: ""
}

.fa-desktop-alt:before {
    content: ""
}

.fa-m:before {
    content: "M"
}

.fa-table-list:before {
    content: ""
}

.fa-th-list:before {
    content: ""
}

.fa-comment-sms:before {
    content: ""
}

.fa-sms:before {
    content: ""
}

.fa-book:before {
    content: ""
}

.fa-user-plus:before {
    content: ""
}

.fa-check:before {
    content: ""
}

.fa-battery-three-quarters:before {
    content: ""
}

.fa-battery-4:before {
    content: ""
}

.fa-house-circle-check:before {
    content: ""
}

.fa-angle-left:before {
    content: ""
}

.fa-diagram-successor:before {
    content: ""
}

.fa-truck-arrow-right:before {
    content: ""
}

.fa-arrows-split-up-and-left:before {
    content: ""
}

.fa-hand-fist:before {
    content: ""
}

.fa-fist-raised:before {
    content: ""
}

.fa-cloud-moon:before {
    content: ""
}

.fa-briefcase:before {
    content: ""
}

.fa-person-falling:before {
    content: ""
}

.fa-image-portrait:before {
    content: ""
}

.fa-portrait:before {
    content: ""
}

.fa-user-tag:before {
    content: ""
}

.fa-rug:before {
    content: ""
}

.fa-earth-europe:before {
    content: ""
}

.fa-globe-europe:before {
    content: ""
}

.fa-cart-flatbed-suitcase:before {
    content: ""
}

.fa-luggage-cart:before {
    content: ""
}

.fa-rectangle-xmark:before {
    content: ""
}

.fa-rectangle-times:before {
    content: ""
}

.fa-times-rectangle:before {
    content: ""
}

.fa-window-close:before {
    content: ""
}

.fa-baht-sign:before {
    content: ""
}

.fa-book-open:before {
    content: ""
}

.fa-book-journal-whills:before {
    content: ""
}

.fa-journal-whills:before {
    content: ""
}

.fa-handcuffs:before {
    content: ""
}

.fa-triangle-exclamation:before {
    content: ""
}

.fa-exclamation-triangle:before {
    content: ""
}

.fa-warning:before {
    content: ""
}

.fa-database:before {
    content: ""
}

.fa-share:before {
    content: ""
}

.fa-arrow-turn-right:before {
    content: ""
}

.fa-mail-forward:before {
    content: ""
}

.fa-bottle-droplet:before {
    content: ""
}

.fa-mask-face:before {
    content: ""
}

.fa-hill-rockslide:before {
    content: ""
}

.fa-right-left:before {
    content: ""
}

.fa-exchange-alt:before {
    content: ""
}

.fa-paper-plane:before {
    content: ""
}

.fa-road-circle-exclamation:before {
    content: ""
}

.fa-dungeon:before {
    content: ""
}

.fa-align-right:before {
    content: ""
}

.fa-money-bill-1-wave:before {
    content: ""
}

.fa-money-bill-wave-alt:before {
    content: ""
}

.fa-life-ring:before {
    content: ""
}

.fa-hands:before {
    content: ""
}

.fa-sign-language:before {
    content: ""
}

.fa-signing:before {
    content: ""
}

.fa-calendar-day:before {
    content: ""
}

.fa-water-ladder:before {
    content: ""
}

.fa-ladder-water:before {
    content: ""
}

.fa-swimming-pool:before {
    content: ""
}

.fa-arrows-up-down:before {
    content: ""
}

.fa-arrows-v:before {
    content: ""
}

.fa-face-grimace:before {
    content: ""
}

.fa-grimace:before {
    content: ""
}

.fa-wheelchair-move:before {
    content: ""
}

.fa-wheelchair-alt:before {
    content: ""
}

.fa-turn-down:before {
    content: ""
}

.fa-level-down-alt:before {
    content: ""
}

.fa-person-walking-arrow-right:before {
    content: ""
}

.fa-square-envelope:before {
    content: ""
}

.fa-envelope-square:before {
    content: ""
}

.fa-dice:before {
    content: ""
}

.fa-bowling-ball:before {
    content: ""
}

.fa-brain:before {
    content: ""
}

.fa-bandage:before {
    content: ""
}

.fa-band-aid:before {
    content: ""
}

.fa-calendar-minus:before {
    content: ""
}

.fa-circle-xmark:before {
    content: ""
}

.fa-times-circle:before {
    content: ""
}

.fa-xmark-circle:before {
    content: ""
}

.fa-gifts:before {
    content: ""
}

.fa-hotel:before {
    content: ""
}

.fa-earth-asia:before {
    content: ""
}

.fa-globe-asia:before {
    content: ""
}

.fa-id-card-clip:before {
    content: ""
}

.fa-id-card-alt:before {
    content: ""
}

.fa-magnifying-glass-plus:before {
    content: ""
}

.fa-search-plus:before {
    content: ""
}

.fa-thumbs-up:before {
    content: ""
}

.fa-user-clock:before {
    content: ""
}

.fa-hand-dots:before {
    content: ""
}

.fa-allergies:before {
    content: ""
}

.fa-file-invoice:before {
    content: ""
}

.fa-window-minimize:before {
    content: ""
}

.fa-mug-saucer:before {
    content: ""
}

.fa-coffee:before {
    content: ""
}

.fa-brush:before {
    content: ""
}

.fa-mask:before {
    content: ""
}

.fa-magnifying-glass-minus:before {
    content: ""
}

.fa-search-minus:before {
    content: ""
}

.fa-ruler-vertical:before {
    content: ""
}

.fa-user-large:before {
    content: ""
}

.fa-user-alt:before {
    content: ""
}

.fa-train-tram:before {
    content: ""
}

.fa-user-nurse:before {
    content: ""
}

.fa-syringe:before {
    content: ""
}

.fa-cloud-sun:before {
    content: ""
}

.fa-stopwatch-20:before {
    content: ""
}

.fa-square-full:before {
    content: ""
}

.fa-magnet:before {
    content: ""
}

.fa-jar:before {
    content: ""
}

.fa-note-sticky:before {
    content: ""
}

.fa-sticky-note:before {
    content: ""
}

.fa-bug-slash:before {
    content: ""
}

.fa-arrow-up-from-water-pump:before {
    content: ""
}

.fa-bone:before {
    content: ""
}

.fa-user-injured:before {
    content: ""
}

.fa-face-sad-tear:before {
    content: ""
}

.fa-sad-tear:before {
    content: ""
}

.fa-plane:before {
    content: ""
}

.fa-tent-arrows-down:before {
    content: ""
}

.fa-exclamation:before {
    content: "!"
}

.fa-arrows-spin:before {
    content: ""
}

.fa-print:before {
    content: ""
}

.fa-turkish-lira-sign:before {
    content: ""
}

.fa-try:before {
    content: ""
}

.fa-turkish-lira:before {
    content: ""
}

.fa-dollar-sign:before {
    content: "$"
}

.fa-dollar:before {
    content: "$"
}

.fa-usd:before {
    content: "$"
}

.fa-x:before {
    content: "X"
}

.fa-magnifying-glass-dollar:before {
    content: ""
}

.fa-search-dollar:before {
    content: ""
}

.fa-users-gear:before {
    content: ""
}

.fa-users-cog:before {
    content: ""
}

.fa-person-military-pointing:before {
    content: ""
}

.fa-building-columns:before {
    content: ""
}

.fa-bank:before {
    content: ""
}

.fa-institution:before {
    content: ""
}

.fa-museum:before {
    content: ""
}

.fa-university:before {
    content: ""
}

.fa-umbrella:before {
    content: ""
}

.fa-trowel:before {
    content: ""
}

.fa-d:before {
    content: "D"
}

.fa-stapler:before {
    content: ""
}

.fa-masks-theater:before {
    content: ""
}

.fa-theater-masks:before {
    content: ""
}

.fa-kip-sign:before {
    content: ""
}

.fa-hand-point-left:before {
    content: ""
}

.fa-handshake-simple:before {
    content: ""
}

.fa-handshake-alt:before {
    content: ""
}

.fa-jet-fighter:before {
    content: ""
}

.fa-fighter-jet:before {
    content: ""
}

.fa-square-share-nodes:before {
    content: ""
}

.fa-share-alt-square:before {
    content: ""
}

.fa-barcode:before {
    content: ""
}

.fa-plus-minus:before {
    content: ""
}

.fa-video:before {
    content: ""
}

.fa-video-camera:before {
    content: ""
}

.fa-graduation-cap:before {
    content: ""
}

.fa-mortar-board:before {
    content: ""
}

.fa-hand-holding-medical:before {
    content: ""
}

.fa-person-circle-check:before {
    content: ""
}

.fa-turn-up:before {
    content: ""
}

.fa-level-up-alt:before {
    content: ""
}

.sr-only,.fa-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0
}

.sr-only-focusable:not(:focus),.fa-sr-only-focusable:not(:focus) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0
}

:root,:host {
    --fa-style-family-brands: "Font Awesome 6 Brands";
    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
}

@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(/assets/fa-brands-400-PHGSgaPa.woff2) format("woff2"),url(/assets/fa-brands-400-b5h44beW.ttf) format("truetype")
}

.fab,.fa-brands {
    font-weight: 400
}

.fa-monero:before {
    content: ""
}

.fa-hooli:before {
    content: ""
}

.fa-yelp:before {
    content: ""
}

.fa-cc-visa:before {
    content: ""
}

.fa-lastfm:before {
    content: ""
}

.fa-shopware:before {
    content: ""
}

.fa-creative-commons-nc:before {
    content: ""
}

.fa-aws:before {
    content: ""
}

.fa-redhat:before {
    content: ""
}

.fa-yoast:before {
    content: ""
}

.fa-cloudflare:before {
    content: ""
}

.fa-ups:before {
    content: ""
}

.fa-wpexplorer:before {
    content: ""
}

.fa-dyalog:before {
    content: ""
}

.fa-bity:before {
    content: ""
}

.fa-stackpath:before {
    content: ""
}

.fa-buysellads:before {
    content: ""
}

.fa-first-order:before {
    content: ""
}

.fa-modx:before {
    content: ""
}

.fa-guilded:before {
    content: ""
}

.fa-vnv:before {
    content: ""
}

.fa-square-js:before {
    content: ""
}

.fa-js-square:before {
    content: ""
}

.fa-microsoft:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-orcid:before {
    content: ""
}

.fa-java:before {
    content: ""
}

.fa-invision:before {
    content: ""
}

.fa-creative-commons-pd-alt:before {
    content: ""
}

.fa-centercode:before {
    content: ""
}

.fa-glide-g:before {
    content: ""
}

.fa-drupal:before {
    content: ""
}

.fa-hire-a-helper:before {
    content: ""
}

.fa-creative-commons-by:before {
    content: ""
}

.fa-unity:before {
    content: ""
}

.fa-whmcs:before {
    content: ""
}

.fa-rocketchat:before {
    content: ""
}

.fa-vk:before {
    content: ""
}

.fa-untappd:before {
    content: ""
}

.fa-mailchimp:before {
    content: ""
}

.fa-css3-alt:before {
    content: ""
}

.fa-square-reddit:before {
    content: ""
}

.fa-reddit-square:before {
    content: ""
}

.fa-vimeo-v:before {
    content: ""
}

.fa-contao:before {
    content: ""
}

.fa-square-font-awesome:before {
    content: ""
}

.fa-deskpro:before {
    content: ""
}

.fa-sistrix:before {
    content: ""
}

.fa-square-instagram:before {
    content: ""
}

.fa-instagram-square:before {
    content: ""
}

.fa-battle-net:before {
    content: ""
}

.fa-the-red-yeti:before {
    content: ""
}

.fa-square-hacker-news:before {
    content: ""
}

.fa-hacker-news-square:before {
    content: ""
}

.fa-edge:before {
    content: ""
}

.fa-napster:before {
    content: ""
}

.fa-square-snapchat:before {
    content: ""
}

.fa-snapchat-square:before {
    content: ""
}

.fa-google-plus-g:before {
    content: ""
}

.fa-artstation:before {
    content: ""
}

.fa-markdown:before {
    content: ""
}

.fa-sourcetree:before {
    content: ""
}

.fa-google-plus:before {
    content: ""
}

.fa-diaspora:before {
    content: ""
}

.fa-foursquare:before {
    content: ""
}

.fa-stack-overflow:before {
    content: ""
}

.fa-github-alt:before {
    content: ""
}

.fa-phoenix-squadron:before {
    content: ""
}

.fa-pagelines:before {
    content: ""
}

.fa-algolia:before {
    content: ""
}

.fa-red-river:before {
    content: ""
}

.fa-creative-commons-sa:before {
    content: ""
}

.fa-safari:before {
    content: ""
}

.fa-google:before {
    content: ""
}

.fa-square-font-awesome-stroke:before {
    content: ""
}

.fa-font-awesome-alt:before {
    content: ""
}

.fa-atlassian:before {
    content: ""
}

.fa-linkedin-in:before {
    content: ""
}

.fa-digital-ocean:before {
    content: ""
}

.fa-nimblr:before {
    content: ""
}

.fa-chromecast:before {
    content: ""
}

.fa-evernote:before {
    content: ""
}

.fa-hacker-news:before {
    content: ""
}

.fa-creative-commons-sampling:before {
    content: ""
}

.fa-adversal:before {
    content: ""
}

.fa-creative-commons:before {
    content: ""
}

.fa-watchman-monitoring:before {
    content: ""
}

.fa-fonticons:before {
    content: ""
}

.fa-weixin:before {
    content: ""
}

.fa-shirtsinbulk:before {
    content: ""
}

.fa-codepen:before {
    content: ""
}

.fa-git-alt:before {
    content: ""
}

.fa-lyft:before {
    content: ""
}

.fa-rev:before {
    content: ""
}

.fa-windows:before {
    content: ""
}

.fa-wizards-of-the-coast:before {
    content: ""
}

.fa-square-viadeo:before {
    content: ""
}

.fa-viadeo-square:before {
    content: ""
}

.fa-meetup:before {
    content: ""
}

.fa-centos:before {
    content: ""
}

.fa-adn:before {
    content: ""
}

.fa-cloudsmith:before {
    content: ""
}

.fa-pied-piper-alt:before {
    content: ""
}

.fa-square-dribbble:before {
    content: ""
}

.fa-dribbble-square:before {
    content: ""
}

.fa-codiepie:before {
    content: ""
}

.fa-node:before {
    content: ""
}

.fa-mix:before {
    content: ""
}

.fa-steam:before {
    content: ""
}

.fa-cc-apple-pay:before {
    content: ""
}

.fa-scribd:before {
    content: ""
}

.fa-openid:before {
    content: ""
}

.fa-instalod:before {
    content: ""
}

.fa-expeditedssl:before {
    content: ""
}

.fa-sellcast:before {
    content: ""
}

.fa-square-twitter:before {
    content: ""
}

.fa-twitter-square:before {
    content: ""
}

.fa-r-project:before {
    content: ""
}

.fa-delicious:before {
    content: ""
}

.fa-freebsd:before {
    content: ""
}

.fa-vuejs:before {
    content: ""
}

.fa-accusoft:before {
    content: ""
}

.fa-ioxhost:before {
    content: ""
}

.fa-fonticons-fi:before {
    content: ""
}

.fa-app-store:before {
    content: ""
}

.fa-cc-mastercard:before {
    content: ""
}

.fa-itunes-note:before {
    content: ""
}

.fa-golang:before {
    content: ""
}

.fa-kickstarter:before {
    content: ""
}

.fa-grav:before {
    content: ""
}

.fa-weibo:before {
    content: ""
}

.fa-uncharted:before {
    content: ""
}

.fa-firstdraft:before {
    content: ""
}

.fa-square-youtube:before {
    content: ""
}

.fa-youtube-square:before {
    content: ""
}

.fa-wikipedia-w:before {
    content: ""
}

.fa-wpressr:before {
    content: ""
}

.fa-rendact:before {
    content: ""
}

.fa-angellist:before {
    content: ""
}

.fa-galactic-republic:before {
    content: ""
}

.fa-nfc-directional:before {
    content: ""
}

.fa-skype:before {
    content: ""
}

.fa-joget:before {
    content: ""
}

.fa-fedora:before {
    content: ""
}

.fa-stripe-s:before {
    content: ""
}

.fa-meta:before {
    content: ""
}

.fa-laravel:before {
    content: ""
}

.fa-hotjar:before {
    content: ""
}

.fa-bluetooth-b:before {
    content: ""
}

.fa-sticker-mule:before {
    content: ""
}

.fa-creative-commons-zero:before {
    content: ""
}

.fa-hips:before {
    content: ""
}

.fa-behance:before {
    content: ""
}

.fa-reddit:before {
    content: ""
}

.fa-discord:before {
    content: ""
}

.fa-chrome:before {
    content: ""
}

.fa-app-store-ios:before {
    content: ""
}

.fa-cc-discover:before {
    content: ""
}

.fa-wpbeginner:before {
    content: ""
}

.fa-confluence:before {
    content: ""
}

.fa-mdb:before {
    content: ""
}

.fa-dochub:before {
    content: ""
}

.fa-accessible-icon:before {
    content: ""
}

.fa-ebay:before {
    content: ""
}

.fa-amazon:before {
    content: ""
}

.fa-unsplash:before {
    content: ""
}

.fa-yarn:before {
    content: ""
}

.fa-square-steam:before {
    content: ""
}

.fa-steam-square:before {
    content: ""
}

.fa-500px:before {
    content: ""
}

.fa-square-vimeo:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-asymmetrik:before {
    content: ""
}

.fa-font-awesome:before {
    content: ""
}

.fa-font-awesome-flag:before {
    content: ""
}

.fa-font-awesome-logo-full:before {
    content: ""
}

.fa-gratipay:before {
    content: ""
}

.fa-apple:before {
    content: ""
}

.fa-hive:before {
    content: ""
}

.fa-gitkraken:before {
    content: ""
}

.fa-keybase:before {
    content: ""
}

.fa-apple-pay:before {
    content: ""
}

.fa-padlet:before {
    content: ""
}

.fa-amazon-pay:before {
    content: ""
}

.fa-square-github:before {
    content: ""
}

.fa-github-square:before {
    content: ""
}

.fa-stumbleupon:before {
    content: ""
}

.fa-fedex:before {
    content: ""
}

.fa-phoenix-framework:before {
    content: ""
}

.fa-shopify:before {
    content: ""
}

.fa-neos:before {
    content: ""
}

.fa-hackerrank:before {
    content: ""
}

.fa-researchgate:before {
    content: ""
}

.fa-swift:before {
    content: ""
}

.fa-angular:before {
    content: ""
}

.fa-speakap:before {
    content: ""
}

.fa-angrycreative:before {
    content: ""
}

.fa-y-combinator:before {
    content: ""
}

.fa-empire:before {
    content: ""
}

.fa-envira:before {
    content: ""
}

.fa-square-gitlab:before {
    content: ""
}

.fa-gitlab-square:before {
    content: ""
}

.fa-studiovinari:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-wordpress:before {
    content: ""
}

.fa-product-hunt:before {
    content: ""
}

.fa-firefox:before {
    content: ""
}

.fa-linode:before {
    content: ""
}

.fa-goodreads:before {
    content: ""
}

.fa-square-odnoklassniki:before {
    content: ""
}

.fa-odnoklassniki-square:before {
    content: ""
}

.fa-jsfiddle:before {
    content: ""
}

.fa-sith:before {
    content: ""
}

.fa-themeisle:before {
    content: ""
}

.fa-page4:before {
    content: ""
}

.fa-hashnode:before {
    content: ""
}

.fa-react:before {
    content: ""
}

.fa-cc-paypal:before {
    content: ""
}

.fa-squarespace:before {
    content: ""
}

.fa-cc-stripe:before {
    content: ""
}

.fa-creative-commons-share:before {
    content: ""
}

.fa-bitcoin:before {
    content: ""
}

.fa-keycdn:before {
    content: ""
}

.fa-opera:before {
    content: ""
}

.fa-itch-io:before {
    content: ""
}

.fa-umbraco:before {
    content: ""
}

.fa-galactic-senate:before {
    content: ""
}

.fa-ubuntu:before {
    content: ""
}

.fa-draft2digital:before {
    content: ""
}

.fa-stripe:before {
    content: ""
}

.fa-houzz:before {
    content: ""
}

.fa-gg:before {
    content: ""
}

.fa-dhl:before {
    content: ""
}

.fa-square-pinterest:before {
    content: ""
}

.fa-pinterest-square:before {
    content: ""
}

.fa-xing:before {
    content: ""
}

.fa-blackberry:before {
    content: ""
}

.fa-creative-commons-pd:before {
    content: ""
}

.fa-playstation:before {
    content: ""
}

.fa-quinscape:before {
    content: ""
}

.fa-less:before {
    content: ""
}

.fa-blogger-b:before {
    content: ""
}

.fa-opencart:before {
    content: ""
}

.fa-vine:before {
    content: ""
}

.fa-paypal:before {
    content: ""
}

.fa-gitlab:before {
    content: ""
}

.fa-typo3:before {
    content: ""
}

.fa-reddit-alien:before {
    content: ""
}

.fa-yahoo:before {
    content: ""
}

.fa-dailymotion:before {
    content: ""
}

.fa-affiliatetheme:before {
    content: ""
}

.fa-pied-piper-pp:before {
    content: ""
}

.fa-bootstrap:before {
    content: ""
}

.fa-odnoklassniki:before {
    content: ""
}

.fa-nfc-symbol:before {
    content: ""
}

.fa-ethereum:before {
    content: ""
}

.fa-speaker-deck:before {
    content: ""
}

.fa-creative-commons-nc-eu:before {
    content: ""
}

.fa-patreon:before {
    content: ""
}

.fa-avianex:before {
    content: ""
}

.fa-ello:before {
    content: ""
}

.fa-gofore:before {
    content: ""
}

.fa-bimobject:before {
    content: ""
}

.fa-facebook-f:before {
    content: ""
}

.fa-square-google-plus:before {
    content: ""
}

.fa-google-plus-square:before {
    content: ""
}

.fa-mandalorian:before {
    content: ""
}

.fa-first-order-alt:before {
    content: ""
}

.fa-osi:before {
    content: ""
}

.fa-google-wallet:before {
    content: ""
}

.fa-d-and-d-beyond:before {
    content: ""
}

.fa-periscope:before {
    content: ""
}

.fa-fulcrum:before {
    content: ""
}

.fa-cloudscale:before {
    content: ""
}

.fa-forumbee:before {
    content: ""
}

.fa-mizuni:before {
    content: ""
}

.fa-schlix:before {
    content: ""
}

.fa-square-xing:before {
    content: ""
}

.fa-xing-square:before {
    content: ""
}

.fa-bandcamp:before {
    content: ""
}

.fa-wpforms:before {
    content: ""
}

.fa-cloudversify:before {
    content: ""
}

.fa-usps:before {
    content: ""
}

.fa-megaport:before {
    content: ""
}

.fa-magento:before {
    content: ""
}

.fa-spotify:before {
    content: ""
}

.fa-optin-monster:before {
    content: ""
}

.fa-fly:before {
    content: ""
}

.fa-aviato:before {
    content: ""
}

.fa-itunes:before {
    content: ""
}

.fa-cuttlefish:before {
    content: ""
}

.fa-blogger:before {
    content: ""
}

.fa-flickr:before {
    content: ""
}

.fa-viber:before {
    content: ""
}

.fa-soundcloud:before {
    content: ""
}

.fa-digg:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-symfony:before {
    content: ""
}

.fa-maxcdn:before {
    content: ""
}

.fa-etsy:before {
    content: ""
}

.fa-facebook-messenger:before {
    content: ""
}

.fa-audible:before {
    content: ""
}

.fa-think-peaks:before {
    content: ""
}

.fa-bilibili:before {
    content: ""
}

.fa-erlang:before {
    content: ""
}

.fa-cotton-bureau:before {
    content: ""
}

.fa-dashcube:before {
    content: ""
}

.fa-42-group:before {
    content: ""
}

.fa-innosoft:before {
    content: ""
}

.fa-stack-exchange:before {
    content: ""
}

.fa-elementor:before {
    content: ""
}

.fa-square-pied-piper:before {
    content: ""
}

.fa-pied-piper-square:before {
    content: ""
}

.fa-creative-commons-nd:before {
    content: ""
}

.fa-palfed:before {
    content: ""
}

.fa-superpowers:before {
    content: ""
}

.fa-resolving:before {
    content: ""
}

.fa-xbox:before {
    content: ""
}

.fa-searchengin:before {
    content: ""
}

.fa-tiktok:before {
    content: ""
}

.fa-square-facebook:before {
    content: ""
}

.fa-facebook-square:before {
    content: ""
}

.fa-renren:before {
    content: ""
}

.fa-linux:before {
    content: ""
}

.fa-glide:before {
    content: ""
}

.fa-linkedin:before {
    content: ""
}

.fa-hubspot:before {
    content: ""
}

.fa-deploydog:before {
    content: ""
}

.fa-twitch:before {
    content: ""
}

.fa-ravelry:before {
    content: ""
}

.fa-mixer:before {
    content: ""
}

.fa-square-lastfm:before {
    content: ""
}

.fa-lastfm-square:before {
    content: ""
}

.fa-vimeo:before {
    content: ""
}

.fa-mendeley:before {
    content: ""
}

.fa-uniregistry:before {
    content: ""
}

.fa-figma:before {
    content: ""
}

.fa-creative-commons-remix:before {
    content: ""
}

.fa-cc-amazon-pay:before {
    content: ""
}

.fa-dropbox:before {
    content: ""
}

.fa-instagram:before {
    content: ""
}

.fa-cmplid:before {
    content: ""
}

.fa-facebook:before {
    content: ""
}

.fa-gripfire:before {
    content: ""
}

.fa-jedi-order:before {
    content: ""
}

.fa-uikit:before {
    content: ""
}

.fa-fort-awesome-alt:before {
    content: ""
}

.fa-phabricator:before {
    content: ""
}

.fa-ussunnah:before {
    content: ""
}

.fa-earlybirds:before {
    content: ""
}

.fa-trade-federation:before {
    content: ""
}

.fa-autoprefixer:before {
    content: ""
}

.fa-whatsapp:before {
    content: ""
}

.fa-slideshare:before {
    content: ""
}

.fa-google-play:before {
    content: ""
}

.fa-viadeo:before {
    content: ""
}

.fa-line:before {
    content: ""
}

.fa-google-drive:before {
    content: ""
}

.fa-servicestack:before {
    content: ""
}

.fa-simplybuilt:before {
    content: ""
}

.fa-bitbucket:before {
    content: ""
}

.fa-imdb:before {
    content: ""
}

.fa-deezer:before {
    content: ""
}

.fa-raspberry-pi:before {
    content: ""
}

.fa-jira:before {
    content: ""
}

.fa-docker:before {
    content: ""
}

.fa-screenpal:before {
    content: ""
}

.fa-bluetooth:before {
    content: ""
}

.fa-gitter:before {
    content: ""
}

.fa-d-and-d:before {
    content: ""
}

.fa-microblog:before {
    content: ""
}

.fa-cc-diners-club:before {
    content: ""
}

.fa-gg-circle:before {
    content: ""
}

.fa-pied-piper-hat:before {
    content: ""
}

.fa-kickstarter-k:before {
    content: ""
}

.fa-yandex:before {
    content: ""
}

.fa-readme:before {
    content: ""
}

.fa-html5:before {
    content: ""
}

.fa-sellsy:before {
    content: ""
}

.fa-sass:before {
    content: ""
}

.fa-wirsindhandwerk:before {
    content: ""
}

.fa-wsh:before {
    content: ""
}

.fa-buromobelexperte:before {
    content: ""
}

.fa-salesforce:before {
    content: ""
}

.fa-octopus-deploy:before {
    content: ""
}

.fa-medapps:before {
    content: ""
}

.fa-ns8:before {
    content: ""
}

.fa-pinterest-p:before {
    content: ""
}

.fa-apper:before {
    content: ""
}

.fa-fort-awesome:before {
    content: ""
}

.fa-waze:before {
    content: ""
}

.fa-cc-jcb:before {
    content: ""
}

.fa-snapchat:before {
    content: ""
}

.fa-snapchat-ghost:before {
    content: ""
}

.fa-fantasy-flight-games:before {
    content: ""
}

.fa-rust:before {
    content: ""
}

.fa-wix:before {
    content: ""
}

.fa-square-behance:before {
    content: ""
}

.fa-behance-square:before {
    content: ""
}

.fa-supple:before {
    content: ""
}

.fa-rebel:before {
    content: ""
}

.fa-css3:before {
    content: ""
}

.fa-staylinked:before {
    content: ""
}

.fa-kaggle:before {
    content: ""
}

.fa-space-awesome:before {
    content: ""
}

.fa-deviantart:before {
    content: ""
}

.fa-cpanel:before {
    content: ""
}

.fa-goodreads-g:before {
    content: ""
}

.fa-square-git:before {
    content: ""
}

.fa-git-square:before {
    content: ""
}

.fa-square-tumblr:before {
    content: ""
}

.fa-tumblr-square:before {
    content: ""
}

.fa-trello:before {
    content: ""
}

.fa-creative-commons-nc-jp:before {
    content: ""
}

.fa-get-pocket:before {
    content: ""
}

.fa-perbyte:before {
    content: ""
}

.fa-grunt:before {
    content: ""
}

.fa-weebly:before {
    content: ""
}

.fa-connectdevelop:before {
    content: ""
}

.fa-leanpub:before {
    content: ""
}

.fa-black-tie:before {
    content: ""
}

.fa-themeco:before {
    content: ""
}

.fa-python:before {
    content: ""
}

.fa-android:before {
    content: ""
}

.fa-bots:before {
    content: ""
}

.fa-free-code-camp:before {
    content: ""
}

.fa-hornbill:before {
    content: ""
}

.fa-js:before {
    content: ""
}

.fa-ideal:before {
    content: ""
}

.fa-git:before {
    content: ""
}

.fa-dev:before {
    content: ""
}

.fa-sketch:before {
    content: ""
}

.fa-yandex-international:before {
    content: ""
}

.fa-cc-amex:before {
    content: ""
}

.fa-uber:before {
    content: ""
}

.fa-github:before {
    content: ""
}

.fa-php:before {
    content: ""
}

.fa-alipay:before {
    content: ""
}

.fa-youtube:before {
    content: ""
}

.fa-skyatlas:before {
    content: ""
}

.fa-firefox-browser:before {
    content: ""
}

.fa-replyd:before {
    content: ""
}

.fa-suse:before {
    content: ""
}

.fa-jenkins:before {
    content: ""
}

.fa-twitter:before {
    content: ""
}

.fa-rockrms:before {
    content: ""
}

.fa-pinterest:before {
    content: ""
}

.fa-buffer:before {
    content: ""
}

.fa-npm:before {
    content: ""
}

.fa-yammer:before {
    content: ""
}

.fa-btc:before {
    content: ""
}

.fa-dribbble:before {
    content: ""
}

.fa-stumbleupon-circle:before {
    content: ""
}

.fa-internet-explorer:before {
    content: ""
}

.fa-telegram:before {
    content: ""
}

.fa-telegram-plane:before {
    content: ""
}

.fa-old-republic:before {
    content: ""
}

.fa-square-whatsapp:before {
    content: ""
}

.fa-whatsapp-square:before {
    content: ""
}

.fa-node-js:before {
    content: ""
}

.fa-edge-legacy:before {
    content: ""
}

.fa-slack:before {
    content: ""
}

.fa-slack-hash:before {
    content: ""
}

.fa-medrt:before {
    content: ""
}

.fa-usb:before {
    content: ""
}

.fa-tumblr:before {
    content: ""
}

.fa-vaadin:before {
    content: ""
}

.fa-quora:before {
    content: ""
}

.fa-reacteurope:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

.fa-medium-m:before {
    content: ""
}

.fa-amilia:before {
    content: ""
}

.fa-mixcloud:before {
    content: ""
}

.fa-flipboard:before {
    content: ""
}

.fa-viacoin:before {
    content: ""
}

.fa-critical-role:before {
    content: ""
}

.fa-sitrox:before {
    content: ""
}

.fa-discourse:before {
    content: ""
}

.fa-joomla:before {
    content: ""
}

.fa-mastodon:before {
    content: ""
}

.fa-airbnb:before {
    content: ""
}

.fa-wolf-pack-battalion:before {
    content: ""
}

.fa-buy-n-large:before {
    content: ""
}

.fa-gulp:before {
    content: ""
}

.fa-creative-commons-sampling-plus:before {
    content: ""
}

.fa-strava:before {
    content: ""
}

.fa-ember:before {
    content: ""
}

.fa-canadian-maple-leaf:before {
    content: ""
}

.fa-teamspeak:before {
    content: ""
}

.fa-pushed:before {
    content: ""
}

.fa-wordpress-simple:before {
    content: ""
}

.fa-nutritionix:before {
    content: ""
}

.fa-wodu:before {
    content: ""
}

.fa-google-pay:before {
    content: ""
}

.fa-intercom:before {
    content: ""
}

.fa-zhihu:before {
    content: ""
}

.fa-korvue:before {
    content: ""
}

.fa-pix:before {
    content: ""
}

.fa-steam-symbol:before {
    content: ""
}

:root,:host {
    --fa-style-family-classic: "Font Awesome 6 Free";
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(/assets/fa-regular-400-B6Fa5bxc.woff2) format("woff2"),url(/assets/fa-regular-400-Bu3ByYRj.ttf) format("truetype")
}

.far,.fa-regular {
    font-weight: 400
}

:root,:host {
    --fa-style-family-classic: "Font Awesome 6 Free";
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(/assets/fa-solid-900-frKhXEoZ.woff2) format("woff2"),url(/assets/fa-solid-900-Dysk51tl.ttf) format("truetype")
}

.fas,.fa-solid {
    font-weight: 900
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-display: block;
    font-weight: 400;
    src: url(/assets/fa-brands-400-PHGSgaPa.woff2) format("woff2"),url(/assets/fa-brands-400-b5h44beW.ttf) format("truetype")
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-display: block;
    font-weight: 900;
    src: url(/assets/fa-solid-900-frKhXEoZ.woff2) format("woff2"),url(/assets/fa-solid-900-Dysk51tl.ttf) format("truetype")
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-display: block;
    font-weight: 400;
    src: url(/assets/fa-regular-400-B6Fa5bxc.woff2) format("woff2"),url(/assets/fa-regular-400-Bu3ByYRj.ttf) format("truetype")
}

@font-face {
    font-family: FontAwesome;
    font-display: block;
    src: url(/assets/fa-solid-900-frKhXEoZ.woff2) format("woff2"),url(/assets/fa-solid-900-Dysk51tl.ttf) format("truetype")
}

@font-face {
    font-family: FontAwesome;
    font-display: block;
    src: url(/assets/fa-brands-400-PHGSgaPa.woff2) format("woff2"),url(/assets/fa-brands-400-b5h44beW.ttf) format("truetype")
}

@font-face {
    font-family: FontAwesome;
    font-display: block;
    src: url(/assets/fa-regular-400-B6Fa5bxc.woff2) format("woff2"),url(/assets/fa-regular-400-Bu3ByYRj.ttf) format("truetype");
    unicode-range: U+F003,U+F006,U+F014,U+F016-F017,U+F01A-F01B,U+F01D,U+F022,U+F03E,U+F044,U+F046,U+F05C-F05D,U+F06E,U+F070,U+F087-F088,U+F08A,U+F094,U+F096-F097,U+F09D,U+F0A0,U+F0A2,U+F0A4-F0A7,U+F0C5,U+F0C7,U+F0E5-F0E6,U+F0EB,U+F0F6-F0F8,U+F10C,U+F114-F115,U+F118-F11A,U+F11C-F11D,U+F133,U+F147,U+F14E,U+F150-F152,U+F185-F186,U+F18E,U+F190-F192,U+F196,U+F1C1-F1C9,U+F1D9,U+F1DB,U+F1E3,U+F1EA,U+F1F7,U+F1F9,U+F20A,U+F247-F248,U+F24A,U+F24D,U+F255-F25B,U+F25D,U+F271-F274,U+F278,U+F27B,U+F28C,U+F28E,U+F29C,U+F2B5,U+F2B7,U+F2BA,U+F2BC,U+F2BE,U+F2C0-F2C1,U+F2C3,U+F2D0,U+F2D2,U+F2D4,U+F2DC
}

@font-face {
    font-family: FontAwesome;
    font-display: block;
    src: url(/assets/fa-v4compatibility-BtDUTAKp.woff2) format("woff2"),url(/assets/fa-v4compatibility--wSojPnI.ttf) format("truetype");
    unicode-range: U+F041,U+F047,U+F065-F066,U+F07D-F07E,U+F080,U+F08B,U+F08E,U+F090,U+F09A,U+F0AC,U+F0AE,U+F0B2,U+F0D0,U+F0D6,U+F0E4,U+F0EC,U+F10A-F10B,U+F123,U+F13E,U+F148-F149,U+F14C,U+F156,U+F15E,U+F160-F161,U+F163,U+F175-F178,U+F195,U+F1F8,U+F219,U+F27A
}

:root {
    --vc-clr-primary: #000;
    --vc-clr-secondary: #090f207f;
    --vc-clr-white: #ffffff
}

.carousel,.carousel * {
    box-sizing: border-box
}

.carousel {
    height: var(--vc-carousel-height);
    overscroll-behavior: none;
    position: relative;
    touch-action: pan-x pan-y pinch-zoom;
    z-index: 1
}

.carousel.is-dragging {
    touch-action: none
}

.carousel__track {
    display: flex;
    gap: var(--vc-slide-gap);
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    transition: transform var(--vc-transition-easing);
    transition-duration: var(--vc-transition-duration);
    width: 100%
}

.carousel__viewport {
    height: 100%;
    overflow: hidden;
    width: 100%
}

.carousel__sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.carousel.is-rtl {
    direction: rtl
}

.carousel.is-ttb .carousel__track {
    flex-direction: column
}

.carousel.is-btt .carousel__track {
    flex-direction: column-reverse
}

.carousel.is-vertical .carousel__slide--clone:first-child {
    margin-block-start:var(--vc-cloned-offset)}

.carousel: not(.is-vertical) .carousel__slide--clone:first-child {
    margin-inline-start:var(--vc-cloned-offset)
}

.carousel.is-effect-fade .carousel__track {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 100%;
    transition: none
}

.carousel.is-effect-fade .carousel__slide {
    grid-area: 1 / 1;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--vc-transition-easing);
    transition-duration: var(--vc-transition-duration);
    width: 100%
}

.carousel.is-effect-fade .carousel__slide--active {
    opacity: 1;
    pointer-events: auto
}

:root {
    --vc-icn-width: 100%
}

.carousel__icon {
    fill: currentColor;
    height: var(--vc-icn-width);
    width: var(--vc-icn-width)
}
 
/* custome */
.carousel-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 20px 0;
}

.carousel-track {
  display: flex;
  transition: transform 0.4s ease-in-out;
}

.carousel-item {
  min-width: 25%; /* 4 items per row */
  box-sizing: border-box;
  padding: 10px;
}

.carousel-item div,
.carousel-item {
  background: #f5f5f5;
  border-radius: 10px;
  text-align: center;
  padding: 40px 20px;
  font-size: 18px;
}

/* Buttons */
.carousel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #000;
  color: #fff;
  border: none;
  padding: 10px 15px;
  cursor: pointer;
  z-index: 10;
}

.carousel-btn.prev { left: 10px; }
.carousel-btn.next { right: 10px; }

/* Responsive */
@media (max-width: 992px) {
  .carousel-item { min-width: 33.33%; } /* 3 items */
}

@media (max-width: 768px) {
  .carousel-item { min-width: 50%; } /* 2 items */
}

@media (max-width: 480px) {
  .carousel-item { min-width: 100%; } /* 1 item */
}