@font-face {
    font-family: 'roboto';
    src: url('../fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto';
    src: url('../fonts/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'roboto';
    src: url('../fonts/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

body {
    font: 14px/1.5 "roboto", san-serif !important;
}

.game-name {
    text-align: center;
    margin: 0 auto;
    display: block;
}

._loading img,
._loading .home-bet .no-result,
._loading .notice *,
._loading em.label,
._loading .text-red,
._loading .card-table .card-desc>div,
._loading .seo-content a,
._loading .seo-wrap .toggle-title,
._loading .slide-prev,
._loading .slide-next,
._loading .icon-chevron-down:before,
._loading .footer i[class^=logo_],
._loading .icon-play-circle-fill:before {
    opacity: 0;
}

._loading .notice,
._loading ul.flex-subtitle>li a,
._loading ul.flex-subtitle>li a.cur,
._loading .quick-access .row p,
._loading .offcanvas span,
._loading .offcanvas-menu a i,
._loading .sidebar-container .sidebar-wrap .sidebar i,
._loading .sidebar-container .sidebar-wrap .sidebar span,
._loading .content [class^="ico-"],
._loading .content [class*=" ico-"],
._loading .card-table .card-desc [class*=" ico-"],
._loading .member-sidebar .white-card em,
._loading .user-acc em,
._loading .member-sidebar .white-card i,
._loading .profile-nav .nav-section span,
._loading .profile-nav .nav-section i,
._loading .help-content h4,
._loading .help-content .h4,
._loading .help-content h5,
._loading .help-content .h5,
._loading .help-content p,
._loading .help-content li,
._loading .help-content .card i,
._loading .help-content .card.d-flex h6,
._loading .help-content .card.d-flex .h6,
._loading .help-content .faq-category li span,
._loading .mod-refer .refer-content>p,
._loading .mod-refer .refer-content>.h4,
._loading .mod-refer .refer-box label,
._loading .mod-refer .refer-info .h4,
._loading .mod-refer .refer-info em,
._loading .mod-refer .refer-info li,
._loading .mod-wtdcard .no-result h2,
._loading .mod-wtdcard .no-result p,
._loading .mod-wtdcard .custom-checkbox,
._loading .mod-reward .reward-tier li div>*,
._loading .mod-reward .reward-detail>h4,
_loading .mod-reward .reward-detail>.h4,
._loading p>*,
._loading .mod-reward .reward-detail>ol li,
._loading .mod-promotions .info-desc p .title,
._loading .mod-promotions .info-cont .promo-title .h1,
._loading .promo-content div,
._loading .mod-transfer .white-card h5,
._loading .fast-transfer-wallet p,
._loading .mod-transfer .manual-transfer-wrap label,
._loading .mod-transfer .manual-transfer-wrap li,
._loading .mod-transfer .manual-transfer-wrap input,
._loading .info-card-wrap .icon-warning,
._loading .info-card-wrap .icon-check-circle-fill,
._loading .info-card-wrap .form-content h5,
._loading .info-card-wrap .form-content .h5,
._loading .info-card-wrap .form-content .h5,
._loading .popup-fullframe .flex-center,
._loading .user-acc h5 span,
._loading .mod-messages .msg-type,
._loading .mod-messages .msg-content>div p,
._loading .mod-messages .msg-content>div span,
._loading .mod-messages .msg-content>div em,
._loading .mod-messages .msg-title,
._loading .mod-messages .msg-time,
._loading .mod-messages .msg-text,
._loading .purple-card>*,
._loading .h5-tabbar a>i:before,
._loading .h5-tabbar a>span,
._loading .top-tab ul li span,
._loading .modal-hd .flex-center,
._loading .icon-close:before,
._loading .sidebar .d-flex li,
._loading .category-list.d-flex li,
._loading .mod-promotions .history-wrap .history-list li>*,
._loading .mod-promotions .info-cont .promo-title .h3,
._loading .mod-promotions .history-list>li .h3>*,
._loading .mod-promotions .history-list>li .date-wrap>*,
._loading .mod-promotions .history-list>li .amount-wrap>div>*,
._loading .modal-filter .display-date li>p,
._loading .modal-filter .modal-content h3,
._loading .modal-filter .modal-content .h3,
._loading .daterangepicker .calendar-table td,
._loading .daterangepicker .calendar-table th {
    background: #EBEBEB;
    border-radius: 50px;
    color: transparent !important;
    border: transparent;
}

._loading .card-table .highlight-col *,
._loading .card-table .card-result .highlight-col,
._loading .text-important,
._loading .card-table .card-result>div:first-child>div span,
._loading .card-table .card-result>div>div,
._loading .card-game p,
._loading .card-game .game-result,
._loading .seo-content *,
._loading .footer .h5,
._loading .footer .h5 span,
._loading .footer>div>div *,
._loading .home-games span,
._loading .home-games .h4 a {
    background: #F5F5F5;
    color: transparent !important;
    border-radius: 50px;
}

._loading .top-banner .swiper-slide p,
._loading .top-banner .swiper-slide .btn-white,
._loading .live-panel .h6>span,
._loading .live-panel .h6 i,
._loading .mod-slot .game-panel .h1,
._loading .user-panel small,
._loading #profileIndex .flex-center span,
._loading .member-drop a p,
._loading .card-wrap .flex-title i,
._loading .icon-chevron-left:before,
._loading .no-result>*,
._loading .modal-messages .icon-close:before,
._loading .btn-link,
._loading .mod-reg .reg-forms .show-agc,
._loading .mod-reg .reg-forms .reg-sub span,
._loading .mod-withdraw .withdraw-amount>div>*,
._loading .mod-wtdcard .bank-card>*,
._loading .mod-wtdcard .btn-addcard>*,
._loading .mod-messages .msg-btn a,
._loading .mod-messages .msg-bottom {
    background: #fff;
    color: transparent !important;
    border-radius: 50px;
}

._loading .live-card .card-title {
    background: #F5F5F5;
    color: transparent;
}

._loading .card-table .card-result>div:first-child>div.batting span:before,
._loading .card-table .card-result>div:first-child>div.server span:before,
._loading .card-table .card-result>div:first-child>div.bowling span:before,
._loading .filter-wrap>div *,
._loading .text-link,
._loading input::placeholder,
._loading .SumoSelect .SelectBox>*,
._loading .iti__selected-flag,
._loading .btn-verify,
._loading .help-content a,
._loading .help-content .card.d-flex em,
._loading .input-grp i,
._loading .mod-refer .mod-banner>*,
._loading .mod-refer .mod-banner:before,
._loading .mod-refer .icon-copy,
._loading .mod-refer .refer-qr>*,
._loading .mod-refer table tr>*,
._loading .custom-checkbox .icon-check,
._loading .form-content .bottom-reminder b,
._loading .wallet-wrap .pgOptionTab[opstatus]:after,
._loading .dep-form .pgOptionTab[opstatus]:after,
._loading #pgDetails .flex-center,
._loading .mod-transfer .li-radio,
._loading .mod-affiliate .help-content table tr>*,
._loading .fullframe-title .container-500 .icon-close,
._loading .popup-fullframe .error-tips,
._loading .popup-fullframe span.error-tips,
._loading .tab-switch span,
._loading .icon-info-circle:before,
._loading .mod-withdraw .verify-option .checkmark,
._loading .mod-withdraw .wdbank-title>i:before,
._loading .mod-transaction .white-card div p,
._loading .mod-record .white-card .status-label,
._loading .mod-wtdcard .bank-card .default,
._loading .icon-chevron-up:before,
._loading .h5-tabbar .hamburger,
._loading .mod-promotions .history-wrap .history-list li .h3,
._loading .modal-filter .display-date li .icon-calendar {
    opacity: 0;
}

._loading .footer .h5.toggle-title,
._loading .sidebar li,
._loading .top-tab ul li.cur a {
    background: none !important;
    border-radius: 0;
    border: 0
}

._loading .slot-list li .game-overlay,
._loading .slot-list li .game-name,
._loading .slot-list li,
._loading .help-content .faq-category li,
._loading .mod-reward .reward-panel>div .h5,
._loading .mod-promotions .info-tit,
._loading .input-grp input,
._loading .bottom-desc,
._loading .mod-forgot .tab-content p,
._loading .mod-wtdcard .bank-card .default.checked,
._loading .purple-card {
    border: 0;
    background: #fff !important;
    border-radius: 12px;
    opacity: 1;
    color: transparent !important;
}

._loading .games-list li,
.games-list .skeleton li {
    height: 0;
    padding-bottom: calc(20% * .9 - 24px);
    border: 0;
    background: #fff !important;
    border-radius: 12px;
    opacity: 1;
    color: transparent !important;
}

._loading .card-wrap .flex-center span,
._loading .card-wrap .flex-subtitle li a,
._loading .card-wrap .flex-subtitle li a.cur,
._loading .page-title,
._loading .modal-messages .flex-title h2,
._loading .modal-messages .flex-title .h2,
._loading .tab-bar li span {
    background: #fff;
    color: transparent !important;
    border-radius: 50px;
    height: 21px;
    margin: 17.5px 0;
    border: 0;
}

._loading .card-wrap .flex-center span {
    min-width: 60px;
}

._loading .form-content ul li label,
._loading .form-content ul li input,
._loading .form-content p,
._loading .input-grp .iti,
._loading .form-content .input-grp-phone,
._loading .form-content .btn,
._loading .mod-member .card-content label,
._loading .mod-member .card-content input,
._loading .mod-changepw .btn.w-100,
._loading .mod-refer .mod-banner,
._loading .mod-refer .refer-box input,
._loading .mod-refer .refer-qr,
._loading .mod-wtdcard .bank-card-empty,
._loading .mod-wtdcard .btn-addcard,
._loading .form-content .input-desc,
._loading .form-content .bottom-reminder,
._loading .card-method .pgOptionText>*,
._loading .card-method .pgOptionImg,
._loading .mod-promotions .info-cont .btn-apply.btn-applied,
._loading .info-card-wrap .btn,
._loading .wallet-form .error-tips,
._loading .mod-transaction .white-card>div,
._loading .mod-wtdcard .bank-card,
._loading .mod-wtdcard .btn-addcard,
._loading .btn-outline,
._loading .mod-promotions .history-list>li .status,
._loading .modal-filter .category-list li,
._loading .daterangepicker .drp-buttons .applyBtn {
    border: 0 !important;
    background: #EBEBEB !important;
    color: transparent;
    border-radius: 12px;
}

._loading .mod-promotions .content-wrap .promo-count,
._loading .cat-name,
._loading .icon-filter {
    background: #dcdcdc;
    color: transparent;
}

._loading .mod-messages .top-tab li a {
    background: #EBEBEB;
    color: transparent !important;
    border-radius: 50px;
    height: 21px;
    margin: 17.5px;
    border: 0;
}

._loading .help-content table tr:nth-child(odd) {
    background: #EBEBEB
}

._loading .user-avatar {
    content: url("../images/blank.webp");
    opacity: 1;
    background: #fff;
}

._loading .tier-level {
    content: url("../images/blank.webp");
    opacity: 1;
    background: #EBEBEB;
    width: 76px;
    height: 76px;
    border-radius: 50%;
}

._loading .btn.disabled,
._loading .btn[disabled],
._loading .mod-reg .reg-forms .reg-sub a.disabled {
    color: transparent;
}

._loading .tab-switch {
    background: #e0e0e0;
}

@media (max-width: 991px) {
    ._loading .mod-record:not(.mod-transaction) .flex-subtitle li a {
        background: #EBEBEB;
    }
}

@media (max-width:767.8px) {
    ._loading .games-list li,
    .games-list .skeleton li {
        height: 0;
        padding-bottom: calc(50% * .85 - 7px);
    }
}

/*!
 * Bootstrap Grid v5.2.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-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, "TTHoves", "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, 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, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #0d6efd;
    --bs-link-hover-color: #0a58ca;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd
}

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

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

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

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

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

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

.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>* {
    box-sizing: border-box;
    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: 0.25rem
}

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

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

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

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

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

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

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

.g-5,
.gx-5 {
    --bs-gutter-x: 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: 0.25rem
    }
    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }
    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }
    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }
    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem
    }
    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem
    }
    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 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: 0.25rem
    }
    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: 0.25rem
    }
    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: 0.5rem
    }
    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: 0.5rem
    }
    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem
    }
    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem
    }
    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 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: 0.25rem
    }
    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }
    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }
    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }
    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem
    }
    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem
    }
    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 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: 0.25rem
    }
    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }
    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }
    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }
    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 1rem
    }
    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 1rem
    }
    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 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: 0.25rem
    }
    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }
    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }
    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }
    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }
    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }
    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }
    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

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

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

@media (min-width:576px) {
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-grid {
        display: grid !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: flex !important
    }
    .d-sm-inline-flex {
        display: inline-flex !important
    }
    .d-sm-none {
        display: none !important
    }
    .flex-sm-fill {
        flex: 1 1 auto !important
    }
    .flex-sm-row {
        flex-direction: row !important
    }
    .flex-sm-column {
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-sm-start {
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        justify-content: center !important
    }
    .justify-content-sm-between {
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        justify-content: space-around !important
    }
    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }
    .align-items-sm-start {
        align-items: flex-start !important
    }
    .align-items-sm-end {
        align-items: flex-end !important
    }
    .align-items-sm-center {
        align-items: center !important
    }
    .align-items-sm-baseline {
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        align-items: stretch !important
    }
    .align-content-sm-start {
        align-content: flex-start !important
    }
    .align-content-sm-end {
        align-content: flex-end !important
    }
    .align-content-sm-center {
        align-content: center !important
    }
    .align-content-sm-between {
        align-content: space-between !important
    }
    .align-content-sm-around {
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        align-content: stretch !important
    }
    .align-self-sm-auto {
        align-self: auto !important
    }
    .align-self-sm-start {
        align-self: flex-start !important
    }
    .align-self-sm-end {
        align-self: flex-end !important
    }
    .align-self-sm-center {
        align-self: center !important
    }
    .align-self-sm-baseline {
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        align-self: stretch !important
    }
    .order-sm-first {
        order: -1 !important
    }
    .order-sm-0 {
        order: 0 !important
    }
    .order-sm-1 {
        order: 1 !important
    }
    .order-sm-2 {
        order: 2 !important
    }
    .order-sm-3 {
        order: 3 !important
    }
    .order-sm-4 {
        order: 4 !important
    }
    .order-sm-5 {
        order: 5 !important
    }
    .order-sm-last {
        order: 6 !important
    }
    .m-sm-0 {
        margin: 0 !important
    }
    .m-sm-1 {
        margin: .25rem !important
    }
    .m-sm-2 {
        margin: .5rem !important
    }
    .m-sm-3 {
        margin: 1rem !important
    }
    .m-sm-4 {
        margin: 1.5rem !important
    }
    .m-sm-5 {
        margin: 3rem !important
    }
    .m-sm-auto {
        margin: auto !important
    }
    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }
    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }
    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }
    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }
    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }
    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }
    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }
    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }
    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
    .mt-sm-0 {
        margin-top: 0 !important
    }
    .mt-sm-1 {
        margin-top: .25rem !important
    }
    .mt-sm-2 {
        margin-top: .5rem !important
    }
    .mt-sm-3 {
        margin-top: 1rem !important
    }
    .mt-sm-4 {
        margin-top: 1.5rem !important
    }
    .mt-sm-5 {
        margin-top: 3rem !important
    }
    .mt-sm-auto {
        margin-top: auto !important
    }
    .me-sm-0 {
        margin-right: 0 !important
    }
    .me-sm-1 {
        margin-right: .25rem !important
    }
    .me-sm-2 {
        margin-right: .5rem !important
    }
    .me-sm-3 {
        margin-right: 1rem !important
    }
    .me-sm-4 {
        margin-right: 1.5rem !important
    }
    .me-sm-5 {
        margin-right: 3rem !important
    }
    .me-sm-auto {
        margin-right: auto !important
    }
    .mb-sm-0 {
        margin-bottom: 0 !important
    }
    .mb-sm-1 {
        margin-bottom: .25rem !important
    }
    .mb-sm-2 {
        margin-bottom: .5rem !important
    }
    .mb-sm-3 {
        margin-bottom: 1rem !important
    }
    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-sm-5 {
        margin-bottom: 3rem !important
    }
    .mb-sm-auto {
        margin-bottom: auto !important
    }
    .ms-sm-0 {
        margin-left: 0 !important
    }
    .ms-sm-1 {
        margin-left: .25rem !important
    }
    .ms-sm-2 {
        margin-left: .5rem !important
    }
    .ms-sm-3 {
        margin-left: 1rem !important
    }
    .ms-sm-4 {
        margin-left: 1.5rem !important
    }
    .ms-sm-5 {
        margin-left: 3rem !important
    }
    .ms-sm-auto {
        margin-left: auto !important
    }
    .p-sm-0 {
        padding: 0 !important
    }
    .p-sm-1 {
        padding: .25rem !important
    }
    .p-sm-2 {
        padding: .5rem !important
    }
    .p-sm-3 {
        padding: 1rem !important
    }
    .p-sm-4 {
        padding: 1.5rem !important
    }
    .p-sm-5 {
        padding: 3rem !important
    }
    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }
    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }
    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }
    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }
    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }
    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }
    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }
    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }
    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
    .pt-sm-0 {
        padding-top: 0 !important
    }
    .pt-sm-1 {
        padding-top: .25rem !important
    }
    .pt-sm-2 {
        padding-top: .5rem !important
    }
    .pt-sm-3 {
        padding-top: 1rem !important
    }
    .pt-sm-4 {
        padding-top: 1.5rem !important
    }
    .pt-sm-5 {
        padding-top: 3rem !important
    }
    .pe-sm-0 {
        padding-right: 0 !important
    }
    .pe-sm-1 {
        padding-right: .25rem !important
    }
    .pe-sm-2 {
        padding-right: .5rem !important
    }
    .pe-sm-3 {
        padding-right: 1rem !important
    }
    .pe-sm-4 {
        padding-right: 1.5rem !important
    }
    .pe-sm-5 {
        padding-right: 3rem !important
    }
    .pb-sm-0 {
        padding-bottom: 0 !important
    }
    .pb-sm-1 {
        padding-bottom: .25rem !important
    }
    .pb-sm-2 {
        padding-bottom: .5rem !important
    }
    .pb-sm-3 {
        padding-bottom: 1rem !important
    }
    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-sm-5 {
        padding-bottom: 3rem !important
    }
    .ps-sm-0 {
        padding-left: 0 !important
    }
    .ps-sm-1 {
        padding-left: .25rem !important
    }
    .ps-sm-2 {
        padding-left: .5rem !important
    }
    .ps-sm-3 {
        padding-left: 1rem !important
    }
    .ps-sm-4 {
        padding-left: 1.5rem !important
    }
    .ps-sm-5 {
        padding-left: 3rem !important
    }
}

@media (min-width:768px) {
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-grid {
        display: grid !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: flex !important
    }
    .d-md-inline-flex {
        display: inline-flex !important
    }
    .d-md-none {
        display: none !important
    }
    .flex-md-fill {
        flex: 1 1 auto !important
    }
    .flex-md-row {
        flex-direction: row !important
    }
    .flex-md-column {
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-md-start {
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        justify-content: center !important
    }
    .justify-content-md-between {
        justify-content: space-between !important
    }
    .justify-content-md-around {
        justify-content: space-around !important
    }
    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }
    .align-items-md-start {
        align-items: flex-start !important
    }
    .align-items-md-end {
        align-items: flex-end !important
    }
    .align-items-md-center {
        align-items: center !important
    }
    .align-items-md-baseline {
        align-items: baseline !important
    }
    .align-items-md-stretch {
        align-items: stretch !important
    }
    .align-content-md-start {
        align-content: flex-start !important
    }
    .align-content-md-end {
        align-content: flex-end !important
    }
    .align-content-md-center {
        align-content: center !important
    }
    .align-content-md-between {
        align-content: space-between !important
    }
    .align-content-md-around {
        align-content: space-around !important
    }
    .align-content-md-stretch {
        align-content: stretch !important
    }
    .align-self-md-auto {
        align-self: auto !important
    }
    .align-self-md-start {
        align-self: flex-start !important
    }
    .align-self-md-end {
        align-self: flex-end !important
    }
    .align-self-md-center {
        align-self: center !important
    }
    .align-self-md-baseline {
        align-self: baseline !important
    }
    .align-self-md-stretch {
        align-self: stretch !important
    }
    .order-md-first {
        order: -1 !important
    }
    .order-md-0 {
        order: 0 !important
    }
    .order-md-1 {
        order: 1 !important
    }
    .order-md-2 {
        order: 2 !important
    }
    .order-md-3 {
        order: 3 !important
    }
    .order-md-4 {
        order: 4 !important
    }
    .order-md-5 {
        order: 5 !important
    }
    .order-md-last {
        order: 6 !important
    }
    .m-md-0 {
        margin: 0 !important
    }
    .m-md-1 {
        margin: .25rem !important
    }
    .m-md-2 {
        margin: .5rem !important
    }
    .m-md-3 {
        margin: 1rem !important
    }
    .m-md-4 {
        margin: 1.5rem !important
    }
    .m-md-5 {
        margin: 3rem !important
    }
    .m-md-auto {
        margin: auto !important
    }
    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }
    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }
    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }
    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }
    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }
    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }
    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }
    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }
    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
    .mt-md-0 {
        margin-top: 0 !important
    }
    .mt-md-1 {
        margin-top: .25rem !important
    }
    .mt-md-2 {
        margin-top: .5rem !important
    }
    .mt-md-3 {
        margin-top: 1rem !important
    }
    .mt-md-4 {
        margin-top: 1.5rem !important
    }
    .mt-md-5 {
        margin-top: 3rem !important
    }
    .mt-md-auto {
        margin-top: auto !important
    }
    .me-md-0 {
        margin-right: 0 !important
    }
    .me-md-1 {
        margin-right: .25rem !important
    }
    .me-md-2 {
        margin-right: .5rem !important
    }
    .me-md-3 {
        margin-right: 1rem !important
    }
    .me-md-4 {
        margin-right: 1.5rem !important
    }
    .me-md-5 {
        margin-right: 3rem !important
    }
    .me-md-auto {
        margin-right: auto !important
    }
    .mb-md-0 {
        margin-bottom: 0 !important
    }
    .mb-md-1 {
        margin-bottom: .25rem !important
    }
    .mb-md-2 {
        margin-bottom: .5rem !important
    }
    .mb-md-3 {
        margin-bottom: 1rem !important
    }
    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-md-5 {
        margin-bottom: 3rem !important
    }
    .mb-md-auto {
        margin-bottom: auto !important
    }
    .ms-md-0 {
        margin-left: 0 !important
    }
    .ms-md-1 {
        margin-left: .25rem !important
    }
    .ms-md-2 {
        margin-left: .5rem !important
    }
    .ms-md-3 {
        margin-left: 1rem !important
    }
    .ms-md-4 {
        margin-left: 1.5rem !important
    }
    .ms-md-5 {
        margin-left: 3rem !important
    }
    .ms-md-auto {
        margin-left: auto !important
    }
    .p-md-0 {
        padding: 0 !important
    }
    .p-md-1 {
        padding: .25rem !important
    }
    .p-md-2 {
        padding: .5rem !important
    }
    .p-md-3 {
        padding: 1rem !important
    }
    .p-md-4 {
        padding: 1.5rem !important
    }
    .p-md-5 {
        padding: 3rem !important
    }
    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }
    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }
    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }
    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }
    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }
    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }
    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }
    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }
    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
    .pt-md-0 {
        padding-top: 0 !important
    }
    .pt-md-1 {
        padding-top: .25rem !important
    }
    .pt-md-2 {
        padding-top: .5rem !important
    }
    .pt-md-3 {
        padding-top: 1rem !important
    }
    .pt-md-4 {
        padding-top: 1.5rem !important
    }
    .pt-md-5 {
        padding-top: 3rem !important
    }
    .pe-md-0 {
        padding-right: 0 !important
    }
    .pe-md-1 {
        padding-right: .25rem !important
    }
    .pe-md-2 {
        padding-right: .5rem !important
    }
    .pe-md-3 {
        padding-right: 1rem !important
    }
    .pe-md-4 {
        padding-right: 1.5rem !important
    }
    .pe-md-5 {
        padding-right: 3rem !important
    }
    .pb-md-0 {
        padding-bottom: 0 !important
    }
    .pb-md-1 {
        padding-bottom: .25rem !important
    }
    .pb-md-2 {
        padding-bottom: .5rem !important
    }
    .pb-md-3 {
        padding-bottom: 1rem !important
    }
    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-md-5 {
        padding-bottom: 3rem !important
    }
    .ps-md-0 {
        padding-left: 0 !important
    }
    .ps-md-1 {
        padding-left: .25rem !important
    }
    .ps-md-2 {
        padding-left: .5rem !important
    }
    .ps-md-3 {
        padding-left: 1rem !important
    }
    .ps-md-4 {
        padding-left: 1.5rem !important
    }
    .ps-md-5 {
        padding-left: 3rem !important
    }
}

@media (min-width:992px) {
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-grid {
        display: grid !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: flex !important
    }
    .d-lg-inline-flex {
        display: inline-flex !important
    }
    .d-lg-none {
        display: none !important
    }
    .flex-lg-fill {
        flex: 1 1 auto !important
    }
    .flex-lg-row {
        flex-direction: row !important
    }
    .flex-lg-column {
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-lg-start {
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        justify-content: center !important
    }
    .justify-content-lg-between {
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        justify-content: space-around !important
    }
    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }
    .align-items-lg-start {
        align-items: flex-start !important
    }
    .align-items-lg-end {
        align-items: flex-end !important
    }
    .align-items-lg-center {
        align-items: center !important
    }
    .align-items-lg-baseline {
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        align-items: stretch !important
    }
    .align-content-lg-start {
        align-content: flex-start !important
    }
    .align-content-lg-end {
        align-content: flex-end !important
    }
    .align-content-lg-center {
        align-content: center !important
    }
    .align-content-lg-between {
        align-content: space-between !important
    }
    .align-content-lg-around {
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        align-content: stretch !important
    }
    .align-self-lg-auto {
        align-self: auto !important
    }
    .align-self-lg-start {
        align-self: flex-start !important
    }
    .align-self-lg-end {
        align-self: flex-end !important
    }
    .align-self-lg-center {
        align-self: center !important
    }
    .align-self-lg-baseline {
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        align-self: stretch !important
    }
    .order-lg-first {
        order: -1 !important
    }
    .order-lg-0 {
        order: 0 !important
    }
    .order-lg-1 {
        order: 1 !important
    }
    .order-lg-2 {
        order: 2 !important
    }
    .order-lg-3 {
        order: 3 !important
    }
    .order-lg-4 {
        order: 4 !important
    }
    .order-lg-5 {
        order: 5 !important
    }
    .order-lg-last {
        order: 6 !important
    }
    .m-lg-0 {
        margin: 0 !important
    }
    .m-lg-1 {
        margin: .25rem !important
    }
    .m-lg-2 {
        margin: .5rem !important
    }
    .m-lg-3 {
        margin: 1rem !important
    }
    .m-lg-4 {
        margin: 1.5rem !important
    }
    .m-lg-5 {
        margin: 3rem !important
    }
    .m-lg-auto {
        margin: auto !important
    }
    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }
    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }
    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }
    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }
    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }
    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }
    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }
    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }
    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
    .mt-lg-0 {
        margin-top: 0 !important
    }
    .mt-lg-1 {
        margin-top: .25rem !important
    }
    .mt-lg-2 {
        margin-top: .5rem !important
    }
    .mt-lg-3 {
        margin-top: 1rem !important
    }
    .mt-lg-4 {
        margin-top: 1.5rem !important
    }
    .mt-lg-5 {
        margin-top: 3rem !important
    }
    .mt-lg-auto {
        margin-top: auto !important
    }
    .me-lg-0 {
        margin-right: 0 !important
    }
    .me-lg-1 {
        margin-right: .25rem !important
    }
    .me-lg-2 {
        margin-right: .5rem !important
    }
    .me-lg-3 {
        margin-right: 1rem !important
    }
    .me-lg-4 {
        margin-right: 1.5rem !important
    }
    .me-lg-5 {
        margin-right: 3rem !important
    }
    .me-lg-auto {
        margin-right: auto !important
    }
    .mb-lg-0 {
        margin-bottom: 0 !important
    }
    .mb-lg-1 {
        margin-bottom: .25rem !important
    }
    .mb-lg-2 {
        margin-bottom: .5rem !important
    }
    .mb-lg-3 {
        margin-bottom: 1rem !important
    }
    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-lg-5 {
        margin-bottom: 3rem !important
    }
    .mb-lg-auto {
        margin-bottom: auto !important
    }
    .ms-lg-0 {
        margin-left: 0 !important
    }
    .ms-lg-1 {
        margin-left: .25rem !important
    }
    .ms-lg-2 {
        margin-left: .5rem !important
    }
    .ms-lg-3 {
        margin-left: 1rem !important
    }
    .ms-lg-4 {
        margin-left: 1.5rem !important
    }
    .ms-lg-5 {
        margin-left: 3rem !important
    }
    .ms-lg-auto {
        margin-left: auto !important
    }
    .p-lg-0 {
        padding: 0 !important
    }
    .p-lg-1 {
        padding: .25rem !important
    }
    .p-lg-2 {
        padding: .5rem !important
    }
    .p-lg-3 {
        padding: 1rem !important
    }
    .p-lg-4 {
        padding: 1.5rem !important
    }
    .p-lg-5 {
        padding: 3rem !important
    }
    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }
    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }
    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }
    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }
    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }
    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }
    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }
    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }
    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
    .pt-lg-0 {
        padding-top: 0 !important
    }
    .pt-lg-1 {
        padding-top: .25rem !important
    }
    .pt-lg-2 {
        padding-top: .5rem !important
    }
    .pt-lg-3 {
        padding-top: 1rem !important
    }
    .pt-lg-4 {
        padding-top: 1.5rem !important
    }
    .pt-lg-5 {
        padding-top: 3rem !important
    }
    .pe-lg-0 {
        padding-right: 0 !important
    }
    .pe-lg-1 {
        padding-right: .25rem !important
    }
    .pe-lg-2 {
        padding-right: .5rem !important
    }
    .pe-lg-3 {
        padding-right: 1rem !important
    }
    .pe-lg-4 {
        padding-right: 1.5rem !important
    }
    .pe-lg-5 {
        padding-right: 3rem !important
    }
    .pb-lg-0 {
        padding-bottom: 0 !important
    }
    .pb-lg-1 {
        padding-bottom: .25rem !important
    }
    .pb-lg-2 {
        padding-bottom: .5rem !important
    }
    .pb-lg-3 {
        padding-bottom: 1rem !important
    }
    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-lg-5 {
        padding-bottom: 3rem !important
    }
    .ps-lg-0 {
        padding-left: 0 !important
    }
    .ps-lg-1 {
        padding-left: .25rem !important
    }
    .ps-lg-2 {
        padding-left: .5rem !important
    }
    .ps-lg-3 {
        padding-left: 1rem !important
    }
    .ps-lg-4 {
        padding-left: 1.5rem !important
    }
    .ps-lg-5 {
        padding-left: 3rem !important
    }
}

@media (min-width:1200px) {
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-grid {
        display: grid !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: flex !important
    }
    .d-xl-inline-flex {
        display: inline-flex !important
    }
    .d-xl-none {
        display: none !important
    }
    .flex-xl-fill {
        flex: 1 1 auto !important
    }
    .flex-xl-row {
        flex-direction: row !important
    }
    .flex-xl-column {
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-xl-start {
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        justify-content: center !important
    }
    .justify-content-xl-between {
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        justify-content: space-around !important
    }
    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }
    .align-items-xl-start {
        align-items: flex-start !important
    }
    .align-items-xl-end {
        align-items: flex-end !important
    }
    .align-items-xl-center {
        align-items: center !important
    }
    .align-items-xl-baseline {
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        align-items: stretch !important
    }
    .align-content-xl-start {
        align-content: flex-start !important
    }
    .align-content-xl-end {
        align-content: flex-end !important
    }
    .align-content-xl-center {
        align-content: center !important
    }
    .align-content-xl-between {
        align-content: space-between !important
    }
    .align-content-xl-around {
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        align-content: stretch !important
    }
    .align-self-xl-auto {
        align-self: auto !important
    }
    .align-self-xl-start {
        align-self: flex-start !important
    }
    .align-self-xl-end {
        align-self: flex-end !important
    }
    .align-self-xl-center {
        align-self: center !important
    }
    .align-self-xl-baseline {
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        align-self: stretch !important
    }
    .order-xl-first {
        order: -1 !important
    }
    .order-xl-0 {
        order: 0 !important
    }
    .order-xl-1 {
        order: 1 !important
    }
    .order-xl-2 {
        order: 2 !important
    }
    .order-xl-3 {
        order: 3 !important
    }
    .order-xl-4 {
        order: 4 !important
    }
    .order-xl-5 {
        order: 5 !important
    }
    .order-xl-last {
        order: 6 !important
    }
    .m-xl-0 {
        margin: 0 !important
    }
    .m-xl-1 {
        margin: .25rem !important
    }
    .m-xl-2 {
        margin: .5rem !important
    }
    .m-xl-3 {
        margin: 1rem !important
    }
    .m-xl-4 {
        margin: 1.5rem !important
    }
    .m-xl-5 {
        margin: 3rem !important
    }
    .m-xl-auto {
        margin: auto !important
    }
    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }
    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }
    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }
    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }
    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }
    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }
    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }
    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }
    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
    .mt-xl-0 {
        margin-top: 0 !important
    }
    .mt-xl-1 {
        margin-top: .25rem !important
    }
    .mt-xl-2 {
        margin-top: .5rem !important
    }
    .mt-xl-3 {
        margin-top: 1rem !important
    }
    .mt-xl-4 {
        margin-top: 1.5rem !important
    }
    .mt-xl-5 {
        margin-top: 3rem !important
    }
    .mt-xl-auto {
        margin-top: auto !important
    }
    .me-xl-0 {
        margin-right: 0 !important
    }
    .me-xl-1 {
        margin-right: .25rem !important
    }
    .me-xl-2 {
        margin-right: .5rem !important
    }
    .me-xl-3 {
        margin-right: 1rem !important
    }
    .me-xl-4 {
        margin-right: 1.5rem !important
    }
    .me-xl-5 {
        margin-right: 3rem !important
    }
    .me-xl-auto {
        margin-right: auto !important
    }
    .mb-xl-0 {
        margin-bottom: 0 !important
    }
    .mb-xl-1 {
        margin-bottom: .25rem !important
    }
    .mb-xl-2 {
        margin-bottom: .5rem !important
    }
    .mb-xl-3 {
        margin-bottom: 1rem !important
    }
    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-xl-5 {
        margin-bottom: 3rem !important
    }
    .mb-xl-auto {
        margin-bottom: auto !important
    }
    .ms-xl-0 {
        margin-left: 0 !important
    }
    .ms-xl-1 {
        margin-left: .25rem !important
    }
    .ms-xl-2 {
        margin-left: .5rem !important
    }
    .ms-xl-3 {
        margin-left: 1rem !important
    }
    .ms-xl-4 {
        margin-left: 1.5rem !important
    }
    .ms-xl-5 {
        margin-left: 3rem !important
    }
    .ms-xl-auto {
        margin-left: auto !important
    }
    .p-xl-0 {
        padding: 0 !important
    }
    .p-xl-1 {
        padding: .25rem !important
    }
    .p-xl-2 {
        padding: .5rem !important
    }
    .p-xl-3 {
        padding: 1rem !important
    }
    .p-xl-4 {
        padding: 1.5rem !important
    }
    .p-xl-5 {
        padding: 3rem !important
    }
    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }
    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }
    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }
    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }
    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }
    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }
    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }
    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }
    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
    .pt-xl-0 {
        padding-top: 0 !important
    }
    .pt-xl-1 {
        padding-top: .25rem !important
    }
    .pt-xl-2 {
        padding-top: .5rem !important
    }
    .pt-xl-3 {
        padding-top: 1rem !important
    }
    .pt-xl-4 {
        padding-top: 1.5rem !important
    }
    .pt-xl-5 {
        padding-top: 3rem !important
    }
    .pe-xl-0 {
        padding-right: 0 !important
    }
    .pe-xl-1 {
        padding-right: .25rem !important
    }
    .pe-xl-2 {
        padding-right: .5rem !important
    }
    .pe-xl-3 {
        padding-right: 1rem !important
    }
    .pe-xl-4 {
        padding-right: 1.5rem !important
    }
    .pe-xl-5 {
        padding-right: 3rem !important
    }
    .pb-xl-0 {
        padding-bottom: 0 !important
    }
    .pb-xl-1 {
        padding-bottom: .25rem !important
    }
    .pb-xl-2 {
        padding-bottom: .5rem !important
    }
    .pb-xl-3 {
        padding-bottom: 1rem !important
    }
    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-xl-5 {
        padding-bottom: 3rem !important
    }
    .ps-xl-0 {
        padding-left: 0 !important
    }
    .ps-xl-1 {
        padding-left: .25rem !important
    }
    .ps-xl-2 {
        padding-left: .5rem !important
    }
    .ps-xl-3 {
        padding-left: 1rem !important
    }
    .ps-xl-4 {
        padding-left: 1.5rem !important
    }
    .ps-xl-5 {
        padding-left: 3rem !important
    }
}

@media (min-width:1400px) {
    .d-xxl-inline {
        display: inline !important
    }
    .d-xxl-inline-block {
        display: inline-block !important
    }
    .d-xxl-block {
        display: block !important
    }
    .d-xxl-grid {
        display: grid !important
    }
    .d-xxl-table {
        display: table !important
    }
    .d-xxl-table-row {
        display: table-row !important
    }
    .d-xxl-table-cell {
        display: table-cell !important
    }
    .d-xxl-flex {
        display: flex !important
    }
    .d-xxl-inline-flex {
        display: inline-flex !important
    }
    .d-xxl-none {
        display: none !important
    }
    .flex-xxl-fill {
        flex: 1 1 auto !important
    }
    .flex-xxl-row {
        flex-direction: row !important
    }
    .flex-xxl-column {
        flex-direction: column !important
    }
    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-xxl-start {
        justify-content: flex-start !important
    }
    .justify-content-xxl-end {
        justify-content: flex-end !important
    }
    .justify-content-xxl-center {
        justify-content: center !important
    }
    .justify-content-xxl-between {
        justify-content: space-between !important
    }
    .justify-content-xxl-around {
        justify-content: space-around !important
    }
    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }
    .align-items-xxl-start {
        align-items: flex-start !important
    }
    .align-items-xxl-end {
        align-items: flex-end !important
    }
    .align-items-xxl-center {
        align-items: center !important
    }
    .align-items-xxl-baseline {
        align-items: baseline !important
    }
    .align-items-xxl-stretch {
        align-items: stretch !important
    }
    .align-content-xxl-start {
        align-content: flex-start !important
    }
    .align-content-xxl-end {
        align-content: flex-end !important
    }
    .align-content-xxl-center {
        align-content: center !important
    }
    .align-content-xxl-between {
        align-content: space-between !important
    }
    .align-content-xxl-around {
        align-content: space-around !important
    }
    .align-content-xxl-stretch {
        align-content: stretch !important
    }
    .align-self-xxl-auto {
        align-self: auto !important
    }
    .align-self-xxl-start {
        align-self: flex-start !important
    }
    .align-self-xxl-end {
        align-self: flex-end !important
    }
    .align-self-xxl-center {
        align-self: center !important
    }
    .align-self-xxl-baseline {
        align-self: baseline !important
    }
    .align-self-xxl-stretch {
        align-self: stretch !important
    }
    .order-xxl-first {
        order: -1 !important
    }
    .order-xxl-0 {
        order: 0 !important
    }
    .order-xxl-1 {
        order: 1 !important
    }
    .order-xxl-2 {
        order: 2 !important
    }
    .order-xxl-3 {
        order: 3 !important
    }
    .order-xxl-4 {
        order: 4 !important
    }
    .order-xxl-5 {
        order: 5 !important
    }
    .order-xxl-last {
        order: 6 !important
    }
    .m-xxl-0 {
        margin: 0 !important
    }
    .m-xxl-1 {
        margin: .25rem !important
    }
    .m-xxl-2 {
        margin: .5rem !important
    }
    .m-xxl-3 {
        margin: 1rem !important
    }
    .m-xxl-4 {
        margin: 1.5rem !important
    }
    .m-xxl-5 {
        margin: 3rem !important
    }
    .m-xxl-auto {
        margin: auto !important
    }
    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }
    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }
    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }
    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }
    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }
    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }
    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }
    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }
    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
    .mt-xxl-0 {
        margin-top: 0 !important
    }
    .mt-xxl-1 {
        margin-top: .25rem !important
    }
    .mt-xxl-2 {
        margin-top: .5rem !important
    }
    .mt-xxl-3 {
        margin-top: 1rem !important
    }
    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }
    .mt-xxl-5 {
        margin-top: 3rem !important
    }
    .mt-xxl-auto {
        margin-top: auto !important
    }
    .me-xxl-0 {
        margin-right: 0 !important
    }
    .me-xxl-1 {
        margin-right: .25rem !important
    }
    .me-xxl-2 {
        margin-right: .5rem !important
    }
    .me-xxl-3 {
        margin-right: 1rem !important
    }
    .me-xxl-4 {
        margin-right: 1.5rem !important
    }
    .me-xxl-5 {
        margin-right: 3rem !important
    }
    .me-xxl-auto {
        margin-right: auto !important
    }
    .mb-xxl-0 {
        margin-bottom: 0 !important
    }
    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }
    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }
    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }
    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }
    .mb-xxl-auto {
        margin-bottom: auto !important
    }
    .ms-xxl-0 {
        margin-left: 0 !important
    }
    .ms-xxl-1 {
        margin-left: .25rem !important
    }
    .ms-xxl-2 {
        margin-left: .5rem !important
    }
    .ms-xxl-3 {
        margin-left: 1rem !important
    }
    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }
    .ms-xxl-5 {
        margin-left: 3rem !important
    }
    .ms-xxl-auto {
        margin-left: auto !important
    }
    .p-xxl-0 {
        padding: 0 !important
    }
    .p-xxl-1 {
        padding: .25rem !important
    }
    .p-xxl-2 {
        padding: .5rem !important
    }
    .p-xxl-3 {
        padding: 1rem !important
    }
    .p-xxl-4 {
        padding: 1.5rem !important
    }
    .p-xxl-5 {
        padding: 3rem !important
    }
    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }
    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }
    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }
    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }
    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }
    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }
    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }
    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }
    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
    .pt-xxl-0 {
        padding-top: 0 !important
    }
    .pt-xxl-1 {
        padding-top: .25rem !important
    }
    .pt-xxl-2 {
        padding-top: .5rem !important
    }
    .pt-xxl-3 {
        padding-top: 1rem !important
    }
    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }
    .pt-xxl-5 {
        padding-top: 3rem !important
    }
    .pe-xxl-0 {
        padding-right: 0 !important
    }
    .pe-xxl-1 {
        padding-right: .25rem !important
    }
    .pe-xxl-2 {
        padding-right: .5rem !important
    }
    .pe-xxl-3 {
        padding-right: 1rem !important
    }
    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }
    .pe-xxl-5 {
        padding-right: 3rem !important
    }
    .pb-xxl-0 {
        padding-bottom: 0 !important
    }
    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }
    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }
    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }
    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }
    .ps-xxl-0 {
        padding-left: 0 !important
    }
    .ps-xxl-1 {
        padding-left: .25rem !important
    }
    .ps-xxl-2 {
        padding-left: .5rem !important
    }
    .ps-xxl-3 {
        padding-left: 1rem !important
    }
    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }
    .ps-xxl-5 {
        padding-left: 3rem !important
    }
}

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

@font-face {
    font-family: icomoon;
    src: url("fonts/icomoon.eot");
    src: url("fonts/icomoon.eot") format('embedded-opentype'), url("fonts/icomoon.ttf") format('truetype'), url("fonts/icomoon.woff") format('woff'), url("fonts/icomoon.svg") format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" icon-"],
[class^=icon-] {
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-photo:before {
    content: "\e95c";
}

.icon-waiting:before {
    content: "\e95b";
}

.icon-keno-hover:before {
    content: "\e959";
}

.icon-keno:before {
    content: "\e95a";
}

.icon-arrow-left:before {
    content: "\e957";
}

.icon-arrow-right:before {
    content: "\e958";
}

.icon-skype:before {
    content: "\e955";
}

.icon-telegram:before {
    content: "\e956";
}

.icon-hands:before {
    content: "\e954";
}

.icon-virtual-fill:before {
    content: "\e953";
}

.icon-exchange-fill:before {
    content: "\e952";
}

.icon-exchange:before {
    content: "\e951";
}

.icon-whatsapp:before {
    content: "\e950";
}

.icon-android:before {
    content: "\e94e"
}

.icon-ios:before {
    content: "\e94f"
}

.icon-contact:before {
    content: "\e946"
}

.icon-tab-fill:before {
    content: "\e945"
}

.icon-account-fill:before {
    content: "\e944"
}

.icon-delete:before {
    content: "\e943"
}

.icon-doc:before {
    content: "\e941"
}

.icon-lock-fill:before {
    content: "\e942"
}

.icon-edit:before {
    content: "\e93f"
}

.icon-bin:before {
    content: "\e940"
}

.icon-play-circle-fill:before {
    content: "\e93c"
}

.icon-star:before {
    content: "\e93d"
}

.icon-star-fill:before {
    content: "\e93e"
}

.icon-dots:before {
    content: "\e93b"
}

.icon-lightning:before {
    content: "\e92c"
}

.icon-web:before {
    content: "\e92d"
}

.icon-prepaid:before {
    content: "\e92e"
}

.icon-bank:before {
    content: "\e92f"
}

.icon-calendar:before {
    content: "\e930"
}

.icon-wallet:before {
    content: "\e931"
}

.icon-logout:before {
    content: "\e932"
}

.icon-refresh:before {
    content: "\e933"
}

.icon-download:before {
    content: "\e934"
}

.icon-email:before {
    content: "\e935"
}

.icon-chevron-left:before {
    content: "\e904"
}

.icon-chevron-right:before {
    content: "\e939"
}

.icon-chevron-down:before {
    content: "\e903"
}

.icon-chevron-up:before {
    content: "\e93a"
}

.icon-plus:before {
    content: "\e936"
}

.icon-info-circle:before {
    content: "\e937"
}

.icon-copy:before {
    content: "\e938"
}

.icon-aff:before {
    content: "\e92a"
}

.icon-filter:before {
    content: "\e929"
}

.icon-affilaite:before {
    content: "\e92b"
}

.icon-home:before {
    content: "\e922"
}

.icon-search:before {
    content: "\e926"
}

.icon-recent:before {
    content: "\e927"
}

.icon-all:before {
    content: "\e928"
}

.icon-blog:before {
    content: "\e923"
}

.icon-faq:before {
    content: "\e924"
}

.icon-raf:before {
    content: "\e925"
}

.icon-fire-fill:before {
    content: "\e91d"
}

.icon-fire:before {
    content: "\e91e"
}

.icon-hamburger:before {
    content: "\e91f"
}

.icon-list:before {
    content: "\e920"
}

.icon-list-fill:before {
    content: "\e921"
}

.icon-ball:before {
    content: "\e910"
}

.icon-ball-fill:before {
    content: "\e911"
}

.icon-card:before {
    content: "\e913"
}

.icon-card-fill:before {
    content: "\e914"
}

.icon-evo:before {
    content: "\e915"
}

.icon-evo-fill:before {
    content: "\e916"
}

.icon-flight:before {
    content: "\e917"
}

.icon-flight-fill:before {
    content: "\e918"
}

.icon-slot:before {
    content: "\e919"
}

.icon-slot-fill:before {
    content: "\e91a"
}

.icon-username:before {
    content: "\e90e"
}

.icon-username-fill:before {
    content: "\e91b"
}

.icon-check:before {
    content: "\e900"
}

.icon-check-circle:before {
    content: "\e901"
}

.icon-check-circle-fill:before {
    content: "\e902"
}

.icon-close:before {
    content: "\e905"
}

.icon-close-circle-fill:before {
    content: "\e91c"
}

.icon-error:before {
    content: "\e908"
}

.icon-warning:before {
    content: "\e90f"
}

.icon-bell:before {
    content: "\e912"
}

.icon-cs:before {
    content: "\e906"
}

.icon-envelope:before {
    content: "\e907"
}

.icon-eye:before {
    content: "\e909"
}

.icon-eye-close:before {
    content: "\e90a"
}

.icon-lock:before {
    content: "\e90b"
}

.icon-mobile:before {
    content: "\e90c"
}

.icon-otp:before {
    content: "\e90d"
}

.icon-five-circle:before {
    content: "\e94d"
}

.icon-crown:before {
    content: "\e94c"
}

.icon-tv-fill:before {
    content: "\e947"
}

.icon-tv:before {
    content: "\e948"
}

.icon-sponsor:before {
    content: "\e949"
}

.icon-virtual:before {
    content: "\e94a"
}

.icon-app:before {
    content: "\e94b"
}

/**
 * Swiper 8.4.4
 * https://swiperjs.com
 * Copyright 2014-2022 Vladimir Kharlampidi
 * Released on: October 12, 2022
 */

@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

/* breakpoint:
xs <576px	
sm ≥576px	
md ≥768px	
lg ≥992px 《《
xl ≥1200px	
xxl ≥1400px
 */

:root {
    --header-height: 56px;
    --tabbar-height: 100px;
    --space-16-8: 16px;
    --space-32-24: 32px;
    --tooltip-bg: #363636;
}

html {
    font-size: 14px;
}

body {
    background: #EBEBEB;
    word-break: normal;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
    font: 14px/1.5 "roboto", san-serif !important;
    position: relative;
    min-width: auto;
    color: #222;
    overflow-x: hidden;
}

body.off-scroll {
    overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

a {
    color: inherit;
}

[href],
[onclick] {
    cursor: pointer;
}

* {
    box-sizing: border-box;
}

*::placeholder {
    color: #999999;
}

*::-webkit-input-placeholder {
    color: #999999;
}

*::-moz-placeholder {
    color: #999999;
    opacity: 1;
}

*:-ms-input-placeholder {
    color: #999999;
}

input:focus::placeholder {
    color: transparent;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: transparent;
}

input:focus::-moz-placeholder {
    color: transparent;
}

input:focus:-ms-input-placeholder {
    color: transparent;
}

hr {
    background: #E0E0E0;
    margin: 8px 0;
}

.m-tb-16 {
    margin: 16px 0;
}

.m-t-8 {
    margin-top: 8px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-24 {
    margin-top: 24px;
}

.g-1,
.gy-1 {
    --bs-gutter-y: 8px;
}

.g-1,
.gx-1 {
    --bs-gutter-x: 8px;
}

.g-2,
.gy-2 {
    --bs-gutter-y: 16px;
}

.g-2,
.gx-2 {
    --bs-gutter-x: 16px;
}

.g-3,
.gy-3 {
    --bs-gutter-y: 20px;
}

.g-3,
.gx-3 {
    --bs-gutter-x: 20px;
}

.row-cols-lg-10>* {
    width: 10%;
}

.container-340 {
    max-width: 340px;
    padding: 0 16px;
    margin: 0 auto;
}

.container-500 {
    max-width: 564px;
    padding: 0 32px;
    margin: 0 auto;
}

.container-1080 {
    max-width: 1112px;
    padding: 0 16px;
    margin: 0 auto;
}

.container-1480 {
    max-width: 1512px;
    padding: 0 16px;
    margin: 0 auto;
}

.i88-hide {
    display: none !important;
}

.order-first {
    order: -1 !important;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.w-100 {
    width: 100% !important;
}

.btnCopy {
    cursor: pointer;
}

.text-primary,
.text-warning,
.text-orange,
.cMain,
a.cMain,
.cMain a,
.cMain a:active {
    color: #06A6FF !important;
}

.text-positive,
.text-green {
    color: #14C36B !important;
}

.text-important,
.text-red {
    color: #FF262E !important;
}

.text-lightblue {
    color: #0058C0 !important;
}

.text-blue {
    color: #06A6FF !important;
}

.text-grey {
    color: #999999 !important;
}

.text-link {
    color: #06A6FF;
    text-decoration: underline;
}

h1,
.h1 {
    font-size: 24px;
    font-weight: bold;
}

h2,
.h2 {
    font-size: 20px;
    font-weight: bold;
}

h3,
.h3 {
    font-size: 18px;
    font-weight: bold;
}

h4,
.h4 {
    font-size: 16px;
    font-weight: bold;
}

h5,
.h5 {
    font-size: 16px;
    font-weight: 500;
}

h6,
.h6 {
    font-size: 16px;
}

small {
    font-size: 12px;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.copyBtnDiv,
.copyBtn {
    cursor: pointer;
}

* {
    scrollbar-width: thin;
    scrollbar-color: #CCCCCC #FFFFFF;
}

*::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

*::-webkit-scrollbar-track {
    background: #FFFFFF;
}

*::-webkit-scrollbar-thumb {
    background-color: #CCCCCC;
    border-radius: 20px;
}

@media only screen and (hover: none) and (pointer: coarse) {
    *::-webkit-scrollbar {
        height: 0;
        width: 0;
    }
}

@media (max-width:991px) {
    :root {
        --header-height: 44px;
        --space-16-8: 8px;
        --space-32-24: 24px;
    }
    .d-none-h5 {
        display: none !important;
    }
    h3,
    .h3 {
        font-size: 16px;
    }
    .container-500.flex-title {
        padding: 0 16px;
    }
    hr {
        margin: 4px 0;
    }
    .row-lg {
        padding: 0;
        margin: 0;
    }
    .row-lg>* {
        padding: 0;
        margin: 0;
    }
    .row-cols-lg-10>* {
        width: auto;
    }
    .container-1080,
    .container-1480 {
        padding-left: 0;
        padding-right: 0;
    }
}

/*skeleton*/

.skeleton-grey {
    background: #F2F2F2;
}

/*系统公告*/

.top-notice {
    height: 30px;
    line-height: 30px;
    color: #777;
    background: #fff4d1;
    position: relative;
    z-index: 100;
    overflow: hidden;
}

.top-notice .layout {
    position: relative;
}

.top-notice em {
    width: 18px;
    height: 18px;
    background-position: -179px -120px;
    position: absolute;
    top: 6px;
    left: 0;
    display: block;
}

.top-notice .top-marquee {
    width: 960px;
    height: 100%;
    margin-left: 30px;
    color: #4d3308;
    overflow: hidden;
}

/*shared icomoon*/

ul.messenger-theme-flat .messenger-message .messenger-message-inner:before,
input.correct~.focus-tips:before,
.valid-tips~.focus-tips:before,
div .SumoSelect>.optWrapper>.options li.opt.selected:after,
div .SumoSelect>.CaptionCont>label>i,
.wdbank-list li.checked:after,
.wdbank-title>i,
.help-nav li a:after,
.vip-club .row div li:before,
input.correct:focus~.focus-tips:before,
.valid-tips:focus~.focus-tips:before,
input.multiple-tips:not(:placeholder-shown)~.focus-tips:before,
.modal .modal-close:after,
.agent-faqs ol .h5:after,
.input-grp .country-ipt .iti__arrow:before {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}

/*icons*/

[class^="ico-"],
[class*=" ico-"] {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.icon-copy {
    color: #06A6FF;
}

.icon-copied {
    color: #06A6FF;
    opacity: 0;
}

.icon-copied.show {
    opacity: 1;
}

.icon-error {
    color: #F01616 !important;
}

.ico-deposit {
    background-image: url("../images/icon/icon_deposit.png")
}

.ico-vip {
    background-image: url("../images/icon/icon_vip.png")
}

.ico-t20 {
    background-image: url(../images/icons/icon_t20.webp)
}

.ico-ipl {
    background-image: url(../images/icons/icon_ipl.webp)
}

.ico-asia-cup {
    background-image: url(../images/icons/icon_asia_cup.svg)
}

.ico-world-cup {
    background-image: url(../images/icons/icon_world_cup.svg)
}

.ico-t20-dark {
    background-image: url("../images/icon/icon_t20_dark.png")
}

.ico-wpl {
    background-image: url(../images/icons/icon_wpl.webp)
}

.ico-cpl {
    background-image: url(../images/icons/icon_cpl.webp)
}

.ico-reward {
    background-image: url("../images/icon/icon_reward.png")
}

.ico-promo {
    background-image: url("../images/icon/icon_promo.png")
}

.ico-promo-my {
    background-image: url(../images/icons/icon_promo_my.svg?2)
}

.ico-promo-history {
    background-image: url(../images/icons/icon_promo_history.svg?2)
}

.ico-exchange {
    background-image: url("../images/icon/icon_exchange.png")
}

.ico-lc {
    background-image: url("../images/icon_lc.png")
}

.ico-ball {
    background-image: url("../images/icon_football.png")
}

.ico-football {
    background-image: url("../images/icon_football.png")
}

.ico-games {
    background-image: url(../images/icons/icon_games.webp)
}

.ico-transfer {
    background-image: url("../images/icon/icon_transfer.png")
}

.ico-kabaddi {
    background-image: url(../images/icons/icon_kabaddi.svg)
}

.ico-basketball {
    background-image: url(../images/icons/icon_basketball.svg)
}

.ico-star {
    background-image: url(../images/icons/icon_star.webp)
}

.ico-telegram,
.opt.telegram,
[opt='telegram'] span {
    background-image: url(../images/icons/icon_telegram.svg)
}

.ico-whatsapp,
.opt.whatsapp,
[opt='whatsapp'] span {
    background-image: url(../images/icons/icon_whatsapp.svg)
}

.ico-skype,
.opt.skype,
[opt='skype'] span {
    background-image: url(../images/icons/icon_skype.svg)
}

.ico-google,
.opt.google,
[opt='google'] span {
    background-image: url(../images/icons/icon_google.webp?1)
}

.ico-facebook,
.opt.facebook,
[opt='facebook'] span {
    background-image: url(../images/icons/icon_facebook.webp?1)
}

.ico-telegram-l {
    background-image: url(../images/icons/icon_telegram.webp)
}

.ico-trophy-orange {
    background-image: url(../images/icons/icon_trophy_orange.svg)
}

.ico-trophy-yellow {
    background-image: url(../images/icons/icon_trophy_yellow.svg)
}

.ico-arrow-right {
    background-image: url(../images/icons/icon_arrow_right.webp?2)
}

.ico-clock {
    background-image: url(../images/icons/icon_clock.svg?1)
}

.ico-live {
    background-image: url(../images/icons/icon_live.svg)
}

.ico-result {
    background-image: url(../images/icons/icon_result.svg)
}

.ico-BTC,
.opt.BTC {
    background-image: url(../images/icons/icon_btc.webp?1);
}

.ico-ETH,
.opt.ETH {
    background-image: url(../images/icons/icon_eth.webp?1);
}

.ico-LTC,
.opt.LTC {
    background-image: url(../images/icons/icon_ltc.webp);
}

.ico-BCH,
.opt.BCH {
    background-image: url(../images/icons/icon_bch.webp);
}

.ico-ADA,
.opt.ADA {
    background-image: url(../images/icons/icon_ada.webp);
}

.ico-ETC,
.opt.ETC {
    background-image: url(../images/icons/icon_etc.webp);
}

.ico-USDTE,
.ico-USDTT,
.opt.USDTE,
.opt.USDTT {
    background-image: url(../images/icons/icon_usdt.svg);
}

.ico-loading {
    background: url(../images/icon_loading.svg?3) no-repeat center/contain;
}

.ico-app {
    background-image: url(../images/icons/icon_app.svg);
}

.ico-bank {
    background-image: url(../images/icons/icon_bank.svg);
}

.ico-secure {
    background-image: url(../images/icons/icon_secure.svg);
}

.ico-youtube {
    background-image: url(../images/icons/icon_youtube.svg);
}

.ico-blog {
    background-image: url(../images/icons/icon_blog.svg);
}

.ico-media {
    background-image: url(../images/icons/icon_media.svg);
}

.ico-product {
    background-image: url(../images/icons/icon_product.svg);
}

.ico-trophy-blue {
    background-image: url(../images/icons/icon_trophy_blue.svg)
}

.ico-trophy-yellow {
    background-image: url(../images/icons/icon_trophy_yellow.svg)
}

.ico-eye {
    background-image: url(../images/icons/icon_eye.svg)
}

.ico-slot {
    background-image: url(../images/icons/icon_slot.svg)
}

.ico-vg {
    background-image: url(../images/icons/icon_vg.svg)
}

.ico-card {
    background-image: url(../images/icons/icon_card.svg);
}

.ico-tv {
    background-image: url(../images/icons/icon_tv.svg);
}

.ico-plane {
    background-image: url(../images/icons/icon_plane.svg);
}

.ico-ind {
    background-image: url(../images/icons/icon_ind.svg?1);
}

.ico-br {
    background-image: url(../images/icons/icon_bz.svg?1);
}

.ico-th {
    background-image: url(../images/icons/icon_th.svg);
}

.ico-vit {
    background-image: url(../images/icons/icon_vit.svg);
}

.ico-cn {
    background-image: url(../images/icons/icon_cn.svg);
}

.ico-completed {
    background-image: url(../images/icons/icon_complete.svg);
}

.ico-lottery {
    background-image: url(../images/icons/icon_lottery.webp);
}

.ico-1 {
    background-image: url(../images/icons/icon_new.svg);
}

.ico-2 {
    background-image: url(../images/icons/icon_promo.svg);
}

.ico-3 {
    background-image: url(../images/icons/icon_hot.svg);
}

div .iti__flag.iti__in {
    background: url(../images/icons/flag_ind.webp) no-repeat center/cover;
}

.img-qr {
    background: url(../images/img_appqr.webp);
    background-size: 100%;
}

.icon-nav img {
    margin-right: 5px;
}

.ico-0 {
    display: none !important;
}

.game-label {
    width: 30px;
    height: 20px;
    margin-left: 8px;
    background-position: left center;
}

.label-dot {
    position: relative
}

.label-dot:after {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #FF262E;
    display: block;
    position: absolute;
    top: -3px;
    right: -3px;
}

p.label-dot:after {
    right: 0;
    top: 50%;
    margin-top: -3px;
}

/*btn*/

.btn {
    display: inline-block;
    border-radius: 8px;
    padding: 10px 26px;
    background: #06A6FF;
    color: #fff;
    line-height: 22px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    border: 0;
}

.btn:hover {
    background: #38B9FF;
}

.btn:active {
    background: #0486CC;
}

.btn.w-100,
.btn-outline.w-100 {
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 44px;
}

.btn-outline.w-100.hide,
.btn-outline.hide {
    display: none;
}

.btn-white {
    background: #fff;
    color: #222222;
}

.btn-white:hover {
    background: #F7F7F7;
}

.btn-white:active {
    background: #F0F0F0;
}

.btn-green {
    background: #33C85D;
}

.btn-green:hover {
    background: #56BF74;
}

.btn-green:active {
    background: #2BAD50;
}

.btn-red {
    background: #F01616;
}

.btn-red:hover {
    background: #EB4444;
}

.btn-red:active {
    background: #D61313;
}

.btn-black {
    background: #222;
}

.btn-black:hover {
    background: #444;
}

.btn.disabled,
.btn[disabled] {
    background: #E0E0E0;
    color: #999999;
    pointer-events: none;
}

.btn-outline {
    display: inline-block;
    border-radius: 8px;
    padding: 10px;
    border: 1px solid #06A6FF;
    color: #06A6FF;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
}

.btn-outline:hover {
    color: #38B9FF;
    border-color: #38B9FF;
}

.btn-outline:active {
    color: #0486CC;
    border-color: #0486CC;
}

.btn-outline.disabled,
.btn-outline[disabled] {
    color: #999999;
    border-color: #E0E0E0;
    pointer-events: none;
}

.btn-link {
    color: #06A6FF;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}

.btn-link:hover {
    color: #38B9FF;
}

.btn-link:active {
    color: #0486CC;
}

.btn-link.disabled,
.btn-link[disabled] {
    color: #999999;
    pointer-events: none;
}

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

.btn-wrap>a,
.btn-wrap>input[type=button] {
    flex: 1 1 0;
    padding-left: 10px;
    padding-right: 10px;
}

.btn-wrap>a+a,
.btn-wrap>input[type=button]+a {
    margin-left: 11px;
}

.btn-column a+a {
    margin-top: 16px;
}

.btn-rounded {
    border-radius: 100px;
}

.btn-dashed,
.btn-dashed:hover {
    color: #06A6FF;
    background: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%2306A6FFFF' stroke-width='2' stroke-dasharray='8%2c 12' stroke-dashoffset='14' stroke-linecap='square'/%3e%3c/svg%3e") !important;
}

.btn-dashed.disabled,
.btn-dashed[disabled] {
    background: #E0E0E0;
    pointer-events: none;
}

.btn-whatsapp {
    color: #FFFFFF;
    background: #00C036;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 50px;
}

.btn-whatsapp span {
    font-size: 16px;
    line-height: 1.2;
    font-weight: bold;
    text-align: right;
}

.btn-whatsapp i {
    font-size: 44px;
    margin-left: 8px;
}

@media (max-width:991px) {
    .btn:not(.w-100),
    .btn-outline:not(.w-100) {
        font-size: 12px;
        padding: 8px 10px;
        line-height: 16px;
    }
    .btn-outline:not(.w-100) {
        line-height: 14px;
    }
}

/* notify style*/

ul.messenger.messenger-fixed {
    background: transparent;
    top: 30px !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: max-content;
    left: 50% !important;
    transform: translateX(-50%);
}

ul.messenger-theme-flat .messenger-message {
    background: #222222;
    color: #fff;
    padding: 16px;
    border-radius: 100px;
    box-shadow: none;
    border: 0px;
    font-size: 14px;
    display: flex;
}

ul.messenger-theme-flat .messenger-message .messenger-message-inner {
    padding: 0;
    min-height: auto;
    background: none !important;
}

ul.messenger-theme-flat .messenger-message .messenger-message-inner:before {
    content: '\e908';
    color: #F01616;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    font-size: 20px;
}

ul.messenger-theme-flat .messenger-message.alert-success .messenger-message-inner:before {
    content: '\e902';
    color: #33C85D;
}

ul.messenger-theme-flat .messenger-message.messenger-will-hide-after .messenger-close {
    display: none;
}

li.messenger-message-slot {
    display: none;
}

li.messenger-message-slot.messenger-shown.messenger-last {
    display: block;
}

ul.messenger-theme-flat .messenger-message .messenger-message-inner a {
    color: #fff !important;
    text-decoration: underline;
}

ul.messenger-theme-flat .messenger-message .messenger-close {
    order: 1;
    padding: 0 0 0 10px;
    color: #fff;
    font-weight: normal;
}

/*top-title*/

.flex-title,
.flex-subtitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    line-height: var(--header-height);
}

.flex-title .flex-left,
.flex-title .flex-right {
    flex: 1 0 0;
    display: flex;
    align-items: center;
}

.flex-title .flex-right {
    justify-content: flex-end;
}

.flex-title .flex-center {
    flex: 1 1 auto;
}

.flex-title .hidden {
    visibility: hidden;
    pointer-events: none;
}

ul.flex-subtitle {
    justify-content: stretch
}

ul.flex-subtitle>li {
    flex: 1 1 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.flex-subtitle>li a {
    cursor: pointer;
}

ul.flex-subtitle>li a h2 {
    font-size: inherit;
    font-weight: inherit;
}

/*form*/

select,
textarea,
input,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    background: #FFFFFF;
    border-radius: 8px;
    -webkit-appearance: none;
    -webkit-border-radius: 8px;
    border-color: #DDDDDD;
    height: 44px;
    padding: 0 10px;
    color: #222;
    text-align: left;
}

input.disabled,
input.txt-ipt[disabled],
input[disabled] {
    background: #E0E0E0 !important;
    border-color: #E0E0E0 !important;
    pointer-events: none !important;
}

input[type="date"] {
    line-height: 44px;
    text-align: left;
    display: block;
    text-align: -webkit-left;
}

input::-webkit-date-and-time-value {
    text-align: left;
}

select {
    cursor: pointer;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.input-grp {
    position: relative;
    margin-bottom: 8px;
    width: 100%;
}

.input-grp:after {
    content: '';
    clear: both;
    display: table;
}

.input-grp input {
    padding: 0 10px 0 48px;
    width: 100%;
    border: 1px solid #fff;
    background: #FFFFFF;
    border-radius: 8px;
    height: 44px;
}

.input-grp i {
    color: #999999;
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    line-height: 44px;
    width: 44px;
    text-align: center;
}

.input-grp.pw-ipt input {
    padding-right: 40px;
}

.input-grp .icon-eye-close,
.input-grp .icon-eye,
.input-grp .right-icon {
    color: #222222;
    right: 0;
    left: auto;
    cursor: pointer;
}

.input-grp .icon-eye-close.show:before {
    content: '\e909';
}

.input-grp .icon-check-circle {
    color: #33C85D;
    font-size: 18px;
    right: 18px;
    left: auto;
    display: none;
}

.input-grp.success input {
    padding-right: 40px;
}

.input-grp.success .icon-check-circle {
    display: block;
}

.input-grp.input-end input {
    padding: 0 40px 0 16px;
}

.input-grp.input-end i {
    color: #06A6FF;
    left: auto;
    right: 16px;
    cursor: pointer;
}

.error-tips,
span.error-tips {
    font-size: 12px;
    color: #FF262E;
    padding: 4px 0 8px;
    display: none;
    background: none;
    text-align: left;
}

.error .error-tips,
.error~.error-tips,
input.error-tips:not(:focus)~span.error-tips {
    display: block !important;
}

.error .error-tips.hide,
.error~.error-tips.hide,
input.error-tips:not(:focus)~span.error-tips.hide {
    display: none !important;
}

.error input,
input.error,
input.error-tips {
    border-color: #FF262E !important;
}

span.error-tips:empty {
    padding: 0;
}

span.error-tips em {
    color: #666666;
    display: block;
}

.focus-tips {
    color: #666666;
    font-size: 10px;
    padding: 4px 0;
    display: none;
}

.focus-tips+.focus-tips {
    padding-top: 0;
}

.focus-tips:before {
    content: '•';
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}

input:focus~.focus-tips {
    display: block
}

input.correct:focus~.focus-tips,
.valid-tips:focus~.focus-tips,
input.multiple-tips:not(:placeholder-shown)~.focus-tips {
    color: #33C85D !important;
}

input.correct:focus~.focus-tips:before,
.valid-tips:focus~.focus-tips:before,
input.multiple-tips:not(:placeholder-shown)~.focus-tips:before {
    content: '\e900';
    font-size: 12px;
}

input.valid-tips:placeholder-shown~.focus-tips,
input.with-focus-tips:placeholder-shown~.focus-tips {
    color: #666666 !important;
}

input.valid-tips:placeholder-shown~.focus-tips:before,
input.with-focus-tips:placeholder-shown~.focus-tips:before {
    content: '•';
    font-size: 10px;
}

input.with-focus-tips:focus~.error-tips {
    display: none !important;
}

input.with-focus-tips:focus~.focus-tips.error {
    color: #FF262E !important;
}

input.with-focus-tips:focus~.focus-tips.error:before {
    content: '\e905';
    font-size: 10px;
}

input:focus,
select:focus {
    border-color: #06A6FF !important;
}

.txt-verified {
    position: absolute;
    right: 16px;
    top: 0;
    color: #33C85D;
    font-size: 12px;
    display: none;
    display: flex;
    align-items: center;
}

.txt-verified .icon-check-circle {
    display: block;
    position: relative;
    right: auto;
    top: auto;
    margin-right: 6px;
    width: auto;
    font-size: 14px;
}

.input-verified {
    padding-right: 85px;
    border-radius: 8px;
}

.input-verified .txt-verified {
    display: flex;
}

.btn-verify {
    position: absolute;
    right: 16px;
    top: 7px;
    min-width: 65px;
    font-size: 10px;
    padding: 5px 2px;
}

.btn-verify.disabled {
    background: #F2F2F2 !important;
}

.input-grp.input-grp-verify input {
    padding: 0 90px 0 10px;
}

.input-grp.input-grp-verify img {
    position: absolute;
    right: 5px;
    top: 8px;
    width: 80px;
}

/*sumoselect*/

div .SumoSelect {
    display: block;
    width: 100%;
}

div .SumoSelect>.CaptionCont {
    font-size: inherit;
    background: #fff;
    border: 1px solid;
    border: 1px solid #DDDDDD;
    padding: 0 16px;
    font-size: 16px;
    height: 44px;
    border-radius: 8px;
    display: flex;
    align-items: center;
}

div .SumoSelect>.CaptionCont>span {
    color: #444444;
}

div .SumoSelect>.CaptionCont>span.placeholder {
    color: #999999;
}

div .SumoSelect>.optWrapper {
    border: 1px solid #ddd;
    border-radius: 8px;
    line-height: 44px;
    color: #222;
    margin-top: 8px;
    z-index: 999;
}

div .SumoSelect.open>.CaptionCont,
div .SumoSelect:focus>.CaptionCont,
.SumoSelect.open>.optWrapper,
.SumoSelect:focus>.optWrapper,
div .SumoSelect>.CaptionCont:hover {
    border-color: #06A6FF;
}

div .SumoSelect>.optWrapper>.options {
    max-height: 264px;
}

div .SumoSelect>.optWrapper>.options>li.opt:first-child {
    border-radius: 8px 8px 0 0;
}

div .SumoSelect>.optWrapper>.options li.opt,
div .SumoSelect>.CaptionCont>label {
    margin: 0;
    padding: 0 10px;
    display: flex;
    align-items: center;
    height: 44px;
}

div .SumoSelect>.CaptionCont>label {
    padding: 0 20px;
    width: auto;
}

div .SumoSelect>.CaptionCont>label>i {
    background: none;
    width: auto;
    height: auto;
    position: relative;
    opacity: 1;
}

div .SumoSelect>.CaptionCont>label>i:before {
    content: '\e903';
    color: #666666;
    font-size: 12px;
}

div .SumoSelect>.optWrapper>.options li.opt.selected,
div .SumoSelect>.optWrapper>.options li.opt:hover {
    background-color: #EFFAFF;
    color: initial;
}

div .SumoSelect>.optWrapper>.options li.opt.selected:after {
    content: '\e900';
    color: #33C85D;
    visibility: visible;
    font-size: 16px;
    width: 16px;
    height: 16px;
}

div .SumoSelect>.optWrapper>.options li label {
    font-size: inherit;
    margin: 0;
    color: #222;
}

div .SumoSelect[disabled]>.CaptionCont {
    background: #F2F2F2;
    border-color: #F2F2F2;
    color: #222;
}

div .SumoSelect[disabled]>.CaptionCont>label>i {
    display: none;
}

/*custom checkbox*/

.custom-checkbox {
    display: flex;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.custom-checkbox input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 20px;
    width: 20px;
    padding: 0;
    display: block;
}

.custom-checkbox .icon-check {
    width: 20px;
    height: 20px;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    line-height: 20px;
    text-align: center;
    margin-right: 8px;
}

.custom-checkbox:hover input~.icon-check,
.custom-checkbox input:checked~.icon-check {
    background: #06A6FF;
    border-color: #06A6FF;
}

.custom-checkbox .icon-check:before {
    display: none;
    font-weight: bold;
    color: #fff;
}

.custom-checkbox input:checked~.icon-check:before {
    display: inline-block;
}

.custom-radio {
    display: flex;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: center;
    align-items: center;
}

.custom-radio input[type=radio] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 16px;
    width: 16px;
    padding: 0;
    margin: 0 8px 0 0;
    cursor: pointer;
}

.custom-radio .radio-dot {
    width: 16px;
    height: 16px;
    border: 1px solid #BCBEC3;
    border-radius: 50%;
    background: #fff;
    margin: 0 8px 0 0;
}

.custom-radio:hover input~.radio-dot,
.custom-radio input:checked~.radio-dot {
    border: 4px solid #06A6FF;
}

@media (max-width:991px) {
    .input-grp input {
        padding: 0 8px 0 42px;
    }
    .input-grp i {
        font-size: 16px;
    }
    .input-grp .icon-eye-close {
        font-size: 18px;
    }
    .custom-checkbox {
        font-size: 12px;
    }
    .custom-checkbox input[type=checkbox],
    .custom-checkbox .icon-check {
        width: 18px;
        height: 18px;
        line-height: 18px;
    }
}

/*white card*/

.white-card {
    border-radius: 12px;
    background: #fff;
    padding: 16px;
}

/*tooltip*/

.tooltip-wrap .icon-info-circle {
    cursor: pointer;
}

.tooltip-wrap {
    position: relative;
    display: inline-block;
}

.tooltip-wrap .tooltip-text {
    visibility: hidden;
    width: auto;
    background-color: var(--tooltip-bg);
    color: #fff;
    text-align: center;
    border-radius: 8px;
    padding: 12px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
    box-shadow: 0px 6px 12px #00000029;
    font-size: 12px;
    display: flex;
    align-items: center;
    font-weight: normal
}

.tooltip-wrap .tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: var(--tooltip-bg) transparent transparent transparent;
}

.tooltip-wrap.show .tooltip-text {
    visibility: visible;
}

.tooltip-wrap.show .tooltip-text .icon-close {
    font-size: 14px;
    margin-left: 10px;
}

/* header */

.isiframe .header,
.isiframe .footer {
    display: none !important;
}

.hamburger {
    width: 22px;
    height: 14px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.hamburger span {
    display: block;
    position: absolute;
    height: 2.5px;
    width: 100%;
    background: #fff;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out, background 0s;
    -moz-transition: .25s ease-in-out, background 0s;
    -o-transition: .25s ease-in-out, background 0s;
    transition: .25s ease-in-out, background 0s;
    border-radius: 10px;
}

.hamburger span:nth-child(1) {
    top: 0;
}

.hamburger span:nth-child(2),
.hamburger span:nth-child(3) {
    top: 50%;
    transform: translateY(-50%)
}

.hamburger span:nth-child(4) {
    bottom: 0;
}

.hamburger.cur span {
    border-radius: 0;
}

.hamburger.cur span:nth-child(1),
.hamburger.cur span:nth-child(4) {
    top: 5px;
    bottom: auto;
    width: 0%;
    left: 50%;
}

.hamburger.cur span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.hamburger.cur span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.header {
    height: var(--header-height);
    z-index: 100;
    position: fixed;
    background: #06A6FF;
    color: #fff;
    padding: 0 18px;
    font-size: 16px;
    left: 0;
    right: 0;
    top: 0;
}

.header .hamburger {
    margin-right: 20px;
}

.header-logo img {
    width: 45px
}

.header .btn+.btn {
    margin-left: 8px;
}

.header .icon-cs {
    color: #fff;
    font-size: 24px;
    margin-left: 18px;
    cursor: pointer;
    display: none;
}

.header .login-menu {
    display: flex;
}

.header .reg-btn {
    min-width: 112px;
}

.header .log-btn {
    min-width: 112px;
}

.header .aff-btn {
    display: flex;
    align-items: center;
}

.header .aff-btn i {
    font-size: 20px;
    margin-right: 4px;
}

.header .flex-left,
.header .flex-right {
    flex: 1 0 250px;
}

.header .flex-center {
    display: none;
}

.main-menu {
    display: flex;
}

.main-menu a {
    padding: 0 10px;
    color: #CDEDFF;
    display: flex;
    align-items: center;
    border-radius: 30px;
    line-height: calc(var(--header-height) - 20px);
    position: relative;
}

.main-menu i {
    font-size: 24px;
    margin-right: 8px
}

.main-menu .cur a {
    color: #06A6FF;
    font-weight: bold;
    background: #fff;
}

.main-menu li em {
    position: absolute;
    color: #F42766;
    font-size: 11px;
    right: 10px;
    top: -11px;
}

.cur .icon-fire:before {
    content: '\e91d';
}

.cur .icon-ball:before {
    content: '\e911';
}

.cur .icon-evo:before {
    content: '\e916';
}

.cur .icon-flight:before {
    content: '\e918';
}

.cur .icon-card:before {
    content: '\e914';
}

.cur .icon-slot:before {
    content: '\e91a';
}

.cur .icon-list:before {
    content: '\e921';
}

.cur .icon-tv:before {
    content: '\e947';
}

.cur .icon-exchange:before {
    content: '\e952';
}

.cur .icon-virtual:before {
    content: '\e953';
}

.cur .icon-keno:before {
    content: '\e959'
}

.header .logined-nav {
    display: flex;
    align-items: center;
}

.header .header-balance {
    line-height: 1;
    text-align: right;
    margin-right: 8px;
}

.header .header-balance em {
    display: block;
    font-weight: bold;
}

.header .icon-username-fill {
    font-size: 28px;
    margin-right: 8px;
}

.header .header-notification {
    font-size: 24px;
    margin-right: 16px;
}

.header .header-notification {
    font-size: 24px;
    margin-right: 16px;
    position: relative;
    padding-right: 5px;
}

.header .header-notification em {
    font-size: 12px;
    letter-spacing: -0.29px;
    color: #fff;
    background: #F01616;
    min-width: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 4px;
    display: block;
    position: absolute;
    right: 0;
    top: -8px;
    font-weight: bold;
    padding: 0 2px
}

.scrolltop-btn {
    position: fixed;
    z-index: 9990;
    right: 20px;
    bottom: 20px;
    height: 64px;
    width: 64px;
    background: #fff;
    border-radius: 50%;
    font-size: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #E6E6E6;
    cursor: pointer;
}

@media (min-width:1700px) {
    .header .flex-center {
        display: flex;
    }
}

@media (max-width:991px) {
    .header {
        padding: 0 8px;
        font-size: 12px;
    }
    .header .flex-left,
    .header .flex-right {
        flex: 1 0 auto;
    }
    .header .reg-btn,
    .header .log-btn,
    .header .aff-btn {
        min-width: 66px;
        border-radius: 4px;
    }
    .header .aff-btn i {
        font-size: 16px;
    }
    .header-logo img {
        width: 74px
    }
    .header .header-balance span {
        font-size: 10px;
    }
    .header .icon-username-fill {
        font-size: 22px;
    }
    .header .header-notification {
        font-size: 22px;
        padding-right: 1px;
        margin-right: 13px;
    }
    .header .header-notification em {
        min-width: 12px;
        line-height: 12px;
        font-size: 8px;
        top: -4px;
    }
    .scrolltop-btn {
        width: 56px;
        height: 56px;
        bottom: 90px;
        font-size: 22px;
        right: 16px;
    }
}

/*offcanvas*/

.offcanvas {
    position: fixed;
    top: var(--header-height);
    bottom: 0;
    width: 320px;
    background: #fff;
    z-index: 1006;
    overflow: auto;
    left: -150%;
    transition: all .5s;
}

.offcanvas.show {
    left: 0;
}

.offcanvas-menu {
    width: 100%;
    padding: 0 16px 30px;
}

.offcanvas-menu a {
    display: flex;
    align-items: center;
    padding: 12px 8px;
}

.offcanvas-menu a i {
    font-size: 24px;
    width: 24px;
    height: 24px;
    margin-right: 16px;
    color: #666
}

@media (max-width:991px) {
    .offcanvas {
        width: 100%;
        left: 0;
        transform: translateY(150%);
        z-index: 1001;
    }
    .offcanvas.show {
        transform: translateY(0);
    }
    .offcanvas-menu {
        padding-bottom: var(--tabbar-height);
    }
}

/*tab bar*/

.h5-tabbar {
    position: fixed;
    left: 0;
    right: 0;
    height: 91px;
    background: url("../images/tabbar.svg") no-repeat center bottom/auto 100%;
    bottom: -1px;
    z-index: 999;
    text-align: center;
    color: #B1B1B3;
    font-size: 12px;
    display: flex;
    align-items: flex-end;
    z-index: 1001;
}

.no-tabbar .h5-tabbar {
    display: none !important;
}

.h5-tabbar a {
    width: 20%;
    height: 65px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.h5-tabbar .tab-hamburger.cur>div {
    background: #06A6FF;
}

.h5-tabbar a i {
    display: block;
    font-size: 24px;
}

.h5-tabbar a.cur {
    color: #06A6FF;
    font-weight: 500
}

.h5-tabbar .tab-hamburger {
    align-self: flex-start;
    padding-top: 7px;
    height: auto;
}

.h5-tabbar .tab-hamburger>div {
    background: #06A6FF;
    border-radius: 50%;
    width: 58px;
    height: 58px;
    box-shadow: 0 -1px 0 #0000001A;
    margin: 0 auto;
}

.h5-tabbar .tab-hamburger.cur>div {
    background: #06A6FF;
}

.h5-tabbar .hamburger {
    transform: scale(1.06);
}

.h5-tabbar .hamburger span {
    background: #ffffff;
}

.content-wrap {
    padding: 10px 5px;
}

.h5-tabbar .hamburger.cur span {
    background: #fff;
}

em.label {
    border-radius: 4px;
    background: #06A6FF;
    color: #fff;
    font-size: 12px;
    padding: 4px;
    display: inline-block;
    margin: 0 -12px 0 auto;
    font-weight: bold;
}

em.label.green {
    background: #1FD1A1;
}

em.label.red {
    background: #F42766;
}

/*popup*/

.popup-fullframe {
    position: fixed;
    background: #EBEBEB;
    top: var(--header-height);
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1003;
    display: none;
    overflow: auto;
}

.popup-fullframe .icon-chevron-left {
    cursor: pointer;
}

.popup-fullframe .btn-outline.w-100 {
    font-size: 16px;
}

.fullframe-title {
    background: #FFFFFF;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9;
}

.fullframe-title+* {
    padding-top: var(--header-height);
}

.fullframe-title .container-500 {
    height: var(--header-height);
    font-size: 16px;
}

.fullframe-title .container-500 .icon-close {
    font-size: 14px;
    cursor: pointer;
    line-height: var(--header-height);
    text-align: center;
}

.container-fullframe {
    padding: var(--header-height) 32px 50px;
    height: 100%;
}

.container-fullframe {
    text-align: center;
    display: none;
}

.container-fullframe i {
    color: #33C85D;
    margin-bottom: 16px;
    font-size: 64px;
    display: block;
}

.container-fullframe .icon-error {
    color: #F01616;
}

.container-fullframe .icon-warning {
    color: #FFBC25;
}

.container-fullframe h1,
.container-fullframe .h1 {
    line-height: 1;
    margin-bottom: 8px;
}

.container-fullframe p {
    color: #666666;
}

.container-fullframe .btn {
    margin-top: 24px;
}

.container-fullframe .btn+a {
    margin-top: 24px;
}

.container-fullframe .btn-wrap {
    margin-top: 24px;
}

.container-fullframe .btn-wrap>a {
    font-size: 16px;
    min-height: 44px;
    margin-top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width:991px) {
    .fullframe-title .container-500 .icon-close {
        font-size: 12px;
    }
    .container-fullframe .btn {
        margin-top: 16px;
    }
    .container-fullframe .btn+a {
        margin-top: 16px;
    }
    .container-fullframe .btn-wrap {
        flex-direction: column;
    }
    .container-fullframe .btn-wrap>a+a {
        margin: 16px 0 0;
    }
}

/*h5 fullscreen*/

.h5-fullscreen {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #EBEBEB;
    z-index: 9999;
    display: none;
    overflow: auto;
}

.h5-header {
    min-height: var(--header-height);
    z-index: 100;
    position: fixed;
    background: #222222;
    color: #fff;
    padding: 0 16px;
    left: 0;
    right: 0;
    top: 0;
}

.h5-fullscreen .content {
    overflow: auto;
}

/*MODAL*/

.reveal-modal-bg {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9998;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
}

.reveal-modal-bg.pt-header {
    top: var(--header-height);
}

.modal {
    width: 800px;
    max-width: calc(100% - 32px);
    background: #fff;
    border-radius: 16px;
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    overflow-y: auto;
    z-index: 9999;
    padding: 0;
    vertical-align: middle;
}

.modal.modal-sm {
    width: 443px;
}

.modal.modal-md {
    width: 732px;
}

.close-reveal-modal {
    cursor: pointer
}

.modal-hd .flex-title .flex-right .icon-close {
    font-size: 24px;
}

.modal .modal-hd {
    padding: 0 16px;
    height: var(--header-height);
    display: flex;
    align-items: center;
}

.modal .modal-content {
    padding: 16px var(--space-32-24) var(--space-32-24);
    margin: 0;
    max-height: calc(var(--vh, 1vh) * 95 - var(--header-height));
    overflow-y: auto;
}

.modal .modal-content.modal-content-filter {
    max-height: calc(var(--vh, 1vh) * 95 - var(--header-height) - 84px);
}

.modal .modal-content.modal-content-filter+.modal-footer {
    padding-top: 16px;
}

.modal .modal-content h3,
.modal .modal-content .h3 {
    font-size: 18px;
    font-family: inherit
}

.modal .modal-close {
    background: none !important;
    transition: transform .5s;
    width: 24px;
    height: 24px;
    top: 1.166em;
    right: 1.166em;
    z-index: 1;
    position: absolute;
    cursor: pointer;
}

.modal .modal-close:after {
    content: "\e905";
    font-size: 24px;
    line-height: 24px;
    width: 24px;
    color: #A5B5C8;
}

.modal .modal-close:hover {
    transform: rotate(90deg);
    transform-origin: 50% 50%;
}

.modal .modal-footer {
    padding: 0 var(--space-32-24);
    margin: var(--space-32-24) 0;
}

.modal-content+.modal-footer {
    margin-top: 0
}

.modal-alert {
    text-align: center;
}

.modal-alert .icon-close:before {
    font-size: 20px;
    margin: 3px -4px;
}

.modal-alert .alert-icon {
    font-size: 56px;
    color: #FFBC25;
    margin-bottom: 10px;
}

.modal-alert .icon-account-fill {
    color: #51a7ff;
}

.modal-alert .icon-close-circle-fill {
    color: #FF262E;
}

.modal-alert .icon-check-circle-fill {
    color: #33C85D;
}

.modal-alert p {
    margin-top: 8px;
    color: #666666;
}

.modal-alert .btn-wrap>a {
    font-size: 16px;
    padding: 10px;
}

.modal-alert .modal-content {
    padding-bottom: 24px;
}

.modal-container {
    overflow: hidden;
}

.modal-wrap {
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: left .5s;
}

.modal-wrap+.modal-wrap {
    left: 101%;
}

.modal-footer.btn-column {
    margin-top: 8px;
}

.modal-slip .modal-hd {
    background: #EAEBED;
}

.modal.modal-slip {
    width: 460px;
}

.modal.modal-slip .modal-content {
    padding: 32px 24px;
}

.modal-slip .modal-hd .flex-title .flex-right .icon-close {
    font-size: 20px;
}

.modal .modal-slip-tutorial .modal-content {
    padding: 32px 62px 24px;
}

.modal .modal-slip-tutorial .modal-content .img-tutorial {
    box-shadow: 0px 0px 10px 0px #262B331A;
    border-radius: 12px;
    max-width: 335px;
    display: block;
    margin: 0 auto;
    padding: 16px;
}

.modal .modal-slip-tutorial .modal-content p {
    color: #989DAB;
    font-size: 16px;
    font-weight: 600;
    margin: 24px auto 0;
    max-width: 335px;
}

.modal-h5-bottom.modal-max-height {
    max-height: calc(98* var(--vh));
    height: 730px;
}

.modal-h5-bottom.modal-max-height .modal-content {
    max-height: none;
}

.modal-h5-bottom.modal-max-height .modal-hd {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
}

.slip-delete-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 9999;
}

@media (max-width:991px) {
    .modal.modal-h5-fullscreen {
        max-width: 100%;
        width: 100% !important;
        top: var(--header-height) !important;
        bottom: 0;
        left: 0 !important;
        right: 0;
        transform: translate(0);
        border-radius: 0;
    }
    .modal.modal-h5-fullscreen .modal-content {
        max-height: calc(var(--vh, 1vh) * 100 - var(--header-height) * 2);
    }
    .modal-alert .modal-content h1,
    .modal-alert .modal-content .h1 {
        font-size: 20px;
    }
    .modal.modal-slip {
        width: 100%;
        max-width: 100%;
        bottom: 0;
    }
    .modal-slip .modal-hd {
        background: #fff
    }
    .modal.modal-slip .modal-content {
        padding: 16px;
    }
    .modal .modal-slip-tutorial .modal-content {
        padding: 8px 20px 56px;
    }
    .modal .modal-slip-tutorial .modal-content p {
        font-size: 14px;
    }
    .modal-h5-bottom {
        width: 100% !important;
        max-width: 100% !important;
        bottom: 0 !important;
        top: auto !important;
        left: 0 !important;
        transform: translate(0);
        border-radius: 16px 16px 0 0;
    }
    .modal-h5-bottom.modal-max-height {
        height: calc(100* var(--vh) - var(--header-height) * 2);
    }
    .modal-h5-bottom[modal-animation] {
        visibility: visible !important;
        transition: all .5s !important;
    }
    .modal-h5-bottom.modal-slide-up {
        bottom: -110vh !important;
    }
    .modal-h5-bottom.modal-slide-down {
        bottom: 110vh !important;
    }
    .modal-h5-bottom.modal-slide-left {
        left: 110vw !important;
    }
    .modal-h5-bottom.modal-slide-right {
        left: -110vw !important;
    }
}

/*wrap*/

.card-wrap {
    min-height: calc(var(--vh, 1vh) * 100 - var(--header-height) - 40px);
    width: 100%;
    max-width: 1080px;
    border-radius: 12px;
    background: #fff;
    margin: 0 auto 16px;
}

.card-wrap .flex-title,
.card-wrap .flex-subtitle {
    background: #E0E0E0;
    font-weight: bold;
    font-size: 20px;
    border-radius: 12px 12px 0 0;
    z-index: 99;
}

.card-wrap .flex-title i {
    font-size: 16px;
    margin: 0 16px;
}

.card-wrap .flex-subtitle {
    border-radius: 0;
    line-height: calc(var(--header-height) - 4px);
    font-weight: normal;
    color: #666666;
}

.card-wrap .flex-subtitle li a.cur {
    color: #06A6FF;
    border-bottom: 4px solid #06A6FF;
    font-weight: bold;
}

@media (max-width:991px) {
    .card-wrap {
        border-radius: 0;
        width: auto;
    }
    .card-wrap .flex-title {
        font-size: 16px;
        border-radius: 0;
        background: #fff;
    }
    .card-wrap>.flex-title,
    .card-wrap>.flex-subtitle {
        top: calc(var(--header-height));
        position: fixed;
        left: 0;
        right: 0;
        background: #EBEBEB;
        z-index: 9;
    }
    .card-wrap>.flex-subtitle {
        font-size: 14px;
        top: calc(var(--header-height) * 2);
        border-bottom: 1px solid #CCCCCC;
    }
    .card-wrap .flex-subtitle {
        border-radius: 0;
        line-height: calc(var(--header-height) - 3px);
    }
    .card-wrap .flex-subtitle li a.cur {
        border-bottom-width: 3px;
    }
}

/*tab*/

.tab-bar {
    font-size: 16px;
    display: flex;
    justify-content: stretch;
    border-bottom: 1px solid #CCCCCC;
}

.tab-bar li {
    padding: 0 12px;
    flex: 1 1 0;
    text-align: center;
    cursor: pointer;
}

.tab-bar li span {
    padding: 12px 0 13px;
    border-bottom: 3px solid transparent;
    display: inline-block;
}

.tab-bar li.selected {
    color: #06A6FF;
    font-weight: bold;
}

.tab-bar li.selected span {
    border-color: #06A6FF;
}

.tab-switch {
    display: flex;
    align-items: center;
    background: #D9D9D9;
    padding: 4px;
    width: max-content;
    border-radius: 40px;
    margin: 22px auto;
    color: #666;
}

.tab-switch li {
    line-height: 14px;
    padding: 6px 16px;
    border-radius: 20px;
    text-align: center;
    cursor: pointer;
    border: 0.5px solid transparent;
}

.tab-switch li.selected {
    background: #fff;
    box-shadow: 0px 3px 8px #0000001F;
    border-color: #0000000A;
    font-weight: bold;
    color: #222
}

.tab-content {
    display: none;
}

@media (max-width:991px) {
    .tab-bar li {
        padding: 0 6px;
    }
}

/*login reg popup*/

.popup-login {
    z-index: 1005;
}

.popup-login .account-login:first-child {
    margin-top: 24px;
}

.popup-login .account-login div.error-tips:empty {
    padding: 0;
}

.popup-register .reg-forms:first-child {
    margin-top: 24px;
}

.social-login {
    display: flex;
    align-items: center;
    justify-content: stretch;
    margin-top: var(--space-32-24);
}

.social-login a {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 44px;
    flex: 1 0 auto;
    border-radius: 8px;
}

.social-login a+a {
    margin-left: 8px;
}

.social-login a img {
    width: 24px;
}

.social-selected {
    margin: 0 auto var(--space-32-24);
    text-align: center;
}

.social-selected a {
    display: flex;
    justify-content: left;
    margin: 16px 0;
    font-size: 12px;
    align-items: center;
    font-weight: 500;
}

.social-selected a em {
    margin-right: 8px;
    font-size: 14px;
}

.social-selected i {
    width: 60px;
    height: 60px;
    margin-bottom: 8px;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    background-size: 34px;
}

.social-selected i.ico-google {
    background: #fff url(../images/google_logo.webp) no-repeat center / 34px;
}

.social-selected i.ico-telegram {
    background-size: 50px;
}

.social-selected p {
    color: #666666;
}

.or-opt {
    color: #999999;
    margin: 16px 0;
    position: relative;
    text-align: center;
    font-size: 12px;
}

.or-opt:before,
.or-opt:after {
    content: "";
    position: absolute;
    background: #999999;
    width: calc(50% - 15px);
    height: 1px;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
}

.or-opt:after {
    right: 0;
    left: auto;
}

.login-service {
    margin: 24px 0 16px;
    display: flex;
    justify-content: space-between;
}

.login-service .btn-link {
    font-weight: normal;
}

.bottom-desc {
    margin-top: 24px;
    text-align: center;
}

.login-sponsor {
    display: flex;
    margin-top: var(--space-32-24);
    font-size: 14px;
    line-height: 1.35;
    justify-content: center;
    text-align: center;
}

.login-sponsor>div {
    width: 33.33%;
    padding: 0 20px;
}

.login-sponsor>div img {
    display: block;
    margin: 0 auto 8px;
    width: 74px;
}

.login-sponsor small {
    font-size: 12px;
    color: #666666;
}

.custom-checkbox .icon-check {
    background: #fff;
}

.popup-login .tab-switch {
    background: #D9D9D9;
    width: 100%;
    margin-bottom: 16px;
}

.popup-login .tab-switch li {
    height: 30px;
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    text-align: center;
    justify-content: center;
    box-shadow: none;
    font-size: 14px;
    color: #666666;
}

.popup-login .tab-switch li.selected {
    color: #000;
}

#captchaModal {
    margin: 0 auto !important;
    max-width: 95%;
}

#captchaModal .modal-hd {
    height: 60px;
    color: #06A6FF;
}

#captchaModal .modal-hd h2 {
    padding: 0;
}

#captchaModal .modal-close:after {
    font-size: 21px;
}

#captchaModal .user-form,
#captchaModal .mod-forms li div {
    margin: 0 !important;
}

#captchaModal .mod-forms input {
    width: 100% !important;
}

#captchaModal .btn-sub {
    display: block;
    border-radius: 8px;
    padding: 10px 26px;
    background: #06A6FF;
    color: #fff;
    line-height: 22px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    border: 0;
    height: auto;
    margin: 0;
}

#captchaModal .forms-btn-g {
    margin: 20px 0 !important;
}

@media (max-width:991px) {
    .social-login a {
        height: 36px;
    }
    .social-login a img {
        width: 18px;
    }
    .login-service .btn-link {
        font-size: 12px;
    }
    .bottom-desc {
        font-size: 12px;
    }
    .tab-switch {
        margin-bottom: 6px;
        font-size: 12px;
    }
    .login-sponsor>div {
        width: auto;
    }
    .login-sponsor>div img {
        width: 64px;
    }
    .login-sponsor p {
        font-size: 10px;
    }
    .login-sponsor small {
        font-size: 9px;
    }
    .header .icon-cs {
        margin-left: 10px;
    }
}

/*forgot popup*/

.popup-fullframe .large-img {
    width: 200px;
    margin: 32px auto 0;
    display: block;
}

.mod-forgot>.container-500 {
    padding-bottom: 50px;
}

.mod-forgot .tab-bar li:not(.selected) {
    color: #666;
}

.mod-forgot .tab-content>p {
    font-size: 12px;
    color: #666;
    margin-bottom: 16px;
}

.input-grp .iti input.txt-ipt {
    height: 44px;
    padding-left: 106px !important;
}

.popup-login .input-grp .iti input.txt-ipt {
    padding-left: 120px !important;
}

.input-grp .iti {
    display: block;
}

div .iti--separate-dial-code .iti__flag-container {
    left: 16px;
}

.input-grp .iti--allow-dropdown .iti__flag-container,
i~div .iti--separate-dial-code .iti__flag-container,
div i~.iti--separate-dial-code .iti__flag-container {
    left: 50px;
}

.input-grp .iti__flag {
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    transform: scale(1.286);
}

.input-grp .iti--separate-dial-code .iti__selected-flag {
    background: none;
    height: 100%;
    top: 0;
    padding: 0;
}

.input-grp .iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 8px;
}

div .input-grp-phone {
    border-radius: 8px;
    background: #fff;
}

div .show .iti input,
div .step2 .iti input,
div .show .input-grp-phone .input-email,
div .step2 .input-grp-phone .input-email {
    border-radius: 8px 8px 0 0;
}

div .ways {
    margin: 0 16px;
    padding: 16px 0;
    border-top: 1px solid #E6E6E6;
    display: none;
}

div .show .ways {
    display: flex;
}

div .ways a {
    width: 100%;
    flex: 1 1 auto;
}

div .ways a:last-child {
    background: #06A6FF;
    color: #fff;
    border-color: #06A6FF;
    font-weight: bold;
}

div .ways a:last-child:hover {
    background: #38B9FF;
    border-color: #38B9FF
}

div .ways a+a {
    margin-left: 12px;
}

div .error .input-grp-phone .iti input {
    border-color: #fff !important;
}

div .error .input-grp-phone .error-tips {
    margin-bottom: -30px;
}

div .error:not(.show) .input-grp-phone .btn {
    background: #E0E0E0;
    color: #999999;
    pointer-events: none;
}

div .error:not(.show) .input-grp-phone .btn-outline {
    color: #999999;
    border-color: #E0E0E0;
    pointer-events: none;
}

div .error:not(.show) .input-grp-phone,
div .error:not(.show).input-grp-phone {
    border-color: #F01616;
    margin-bottom: 38px;
}

div .step2 li input:not(.input-otp),
div .expired-otp li input:not(.input-otp) {
    background: #E0E0E0;
    border-color: #E0E0E0;
    pointer-events: none !important;
    color: #999999;
    -webkit-box-shadow: 0 0 0 30px #E0E0E0 inset !important;
    -webkit-text-fill-color: #999;
}

div .otp-header {
    display: none;
    margin: 0 16px;
    padding: 16px 0 0 0;
}

div .otp-header p {
    width: 50%;
    flex: 1 1 0;
    text-align: center;
    font-size: 14px;
    color: #222;
    line-height: 18px;
    margin-bottom: 16px;
}

div .otp-header p+p {
    color: #989DAB;
    border-left: 1px solid #999999;
}

div .otp-header a {
    font-weight: bold;
    color: #06A6FF;
}

div .otp-grp {
    display: none;
    margin: 0 16px;
    padding: 0 0 16px 0;
}

div .otp-grp .otp-attempt {
    font-size: 12px;
    text-align: center;
    margin-top: 16px;
}

div .input-otp {
    border-color: #DDDDDD
}

div .input-otp.error {
    border-color: #F01616;
}

div .step2 .otp-header {
    display: flex;
}

div .step2 .otp-grp,
div .expired-otp .otp-grp {
    display: block;
}

div .step2 .ways {
    display: none;
}

/*div .expired-otp .otp-grp input:not(#usr_fpvalidate, #usr_validate_code, #validateCode, #fpvalidate, #smscode){border-color:#F01616 !important;}
div .error .ways{display:none;}
div .expired-otp .otp-grp .error-tips:not(#ruef_tips, #rusf_tips, #phoneInputgrpTips, #emailInputgrpTips, #wtdErrtips){display:block;}*/

.mod-forgot .btn-wrap {
    margin-top: 24px;
}

.mod-forgot .create-form {
    margin-top: 16px;
}

.mod-forgot .create-form p {
    margin-bottom: 16px;
}

.otp-desc {
    color: #000000;
    font-size: 12px;
    margin-top: 8px;
    display: none;
}

@media (max-width:991px) {
    .popup-fullframe .large-img {
        margin-top: 16px;
    }
    .mod-forgot .ways a {
        padding: 11px;
    }
    .input-grp .iti--allow-dropdown .iti__flag-container,
    i~div .iti--separate-dial-code .iti__flag-container,
    div i~.iti--separate-dial-code .iti__flag-container {
        left: 46px;
    }
}

@media (max-width:400px) {
    .mod-forgot .tab-bar li {
        font-size: 15px;
        padding: 0;
    }
}

@media (max-width:320px) {
    .mod-forgot .tab-bar li {
        font-size: 14px;
        padding: 0;
    }
}

/*updatepw popup*/

.mod-updatepw>.container-500 {
    padding-bottom: 50px;
}

.mod-updatepw>.container-500>p {
    font-size: 14px;
    color: #666;
    margin: 24px auto;
}

.mod-updatepw .success-frame {
    flex-direction: column;
    justify-content: flex-start;
}

/*.mod-updatepw .success-frame .updatepw-banner{width:100%; background:url(../images/home/banner_regsuc_01.webp) no-repeat center / contain; margin:var(--space-32-24) auto; padding-bottom:35.9%; border-radius:16px;}*/

.mod-updatepw .success-frame>div {
    flex-grow: 1;
}

.mod-updatepw .btn-wrap {
    margin-top: 24px;
}

@media (max-width:991px) {
    /*.mod-updatepw .success-frame .updatepw-banner{background-image:url(../images/home/banner_regsuc_01_h5.webp); margin-bottom:32px; padding-bottom:51.5%;}*/
    .mod-updatepw .btn-wrap {
        flex-direction: column-reverse;
    }
    .mod-updatepw .btn-wrap a {
        margin-top: 16px;
    }
    .mod-updatepw .btn-wrap a+a {
        margin-top: 0;
    }
}

/*Email Registered Popup*/

#emailRegisteredSceen div>div {
    margin-top: 24px;
}

#emailRegisteredSceen div>div a {
    width: calc(50% - 8px);
    margin: 0;
}

@media (max-width:991px) {
    #emailRegisteredSceen div>div {
        margin: 0;
    }
    #emailRegisteredSceen div>div a {
        width: 100%;
        margin-top: 16px;
    }
}

/* toggle title */

.toggle-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 52px;
    cursor: pointer;
}

.toggle-title i {
    color: #666666;
    font-size: 14px;
    height: 14px;
}

.icon-chevron-down {
    transition: all .4s;
    transform-origin: center;
}

.icon-chevron-down.expand {
    transform: rotate(180deg);
}

/* footer */

.footer {
    padding: 0 24px;
    background: #fff;
    margin-top: 16px;
}

.footer>div {
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: var(--space-16-8);
}

.footer h5.toggle-title,
.footer .h5.toggle-title {
    border-bottom: 1px solid #E6E6E6;
    height: 72px;
    cursor: pointer;
    margin: 0;
    padding: 0;
}

.footer h5,
.footer .h5 {
    margin: 24px 0 16px;
}

.footer a {
    display: block;
    line-height: 19px;
    margin-bottom: 8px;
    color: #666666;
    text-transform: capitalize;
}

.footer a[href^="tel:"] {
    display: inline;
    color: inherit;
}

.footer .popular-links p {
    color: #999999;
    line-height: 19px;
    margin-bottom: 8px;
}

.footer-links {
    display: flex;
    justify-content: space-between;
}

.footer-links>div {
    flex: 1 1 50%;
}

.footer-links>div {
    width: 190px;
    flex: 0 0 auto;
}

.footer ul {
    margin: -4px -4px 6px;
    flex-wrap: wrap;
}

.footer li {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    border: 1px solid #E6E6E6;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 4px
}

.footer li a {
    margin: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer .footer-payment li {
    width: 79px;
    height: 46px;
}

.footer .footer-social li i,
.footer .footer-social li img {
    width: 22px;
    height: 22px;
    object-fit: contain;
}

.footer .footer-responsibility li i {
    width: 28px;
    height: 28px;
}

.footer i[class^=logo_] {
    display: block;
    background: url("../images/payment/icon_footer.svg")no-repeat;
    width: 63px;
    height: 30px;
    margin: 0 auto;
}

.footer i.logo_upi {
    background-position: 0 0;
}

.footer i.logo_netbanking {
    background-position: -63px 0;
}

.footer i.logo_gpay {
    background-position: -126px 0;
}

.footer i.logo_bitcoin {
    background-position: -634px 0;
}

.footer i.logo_crypto {
    background-position: -189px 0;
}

.footer i.logo_local {
    background-position: -252px 0;
}

.footer i.logo_visa {
    background-position: -504px 0;
}

.footer i.logo_mastercard {
    background-position: -315px 0;
}

.footer i.logo_astropay {
    background-position: -378px 0;
}

.footer i.logo_ecopayz {
    background-position: -568px 0;
}

.footer i.logo_sticpay {
    background-position: -441px 0;
}

.footer i.logo_paytm {
    background-position: -700px 0;
}

.footer i.logo_fb {
    background-position: -10px -50px;
}

.footer i.logo_ig {
    background-position: -52px -50px;
}

.footer i.logo_youtube {
    background-position: -95px -50px;
}

.footer i.logo_twitter {
    background-position: -136px -50px;
}

.footer i.logo_telegram {
    background-position: -178px -50px;
}

.footer i.logo_whatsapp {
    background-position: -220px -50px;
}

.footer i.logo_linkedin {
    background-position: -263px -50px;
}

.footer i.logo_21 {
    background-position: -10px -100px;
}

.footer i.logo_gamcare {
    background-position: -58px -100px;
}

.footer .footer-license i {
    width: 100px;
    height: 100px;
    max-width: 100px;
    max-height: 100px;
}

.footer i.logo_license {
    background-position: -530px -42px;
}

.footer>.footer-license {
    border-bottom: 0;
}

.footer-license .d-lg-flex {
    align-items: center;
}

.footer .img-license {
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    width: 100px;
    height: 100px;
    padding: 5px;
    margin-right: 16px;
}

.footer .copyright {
    color: #999999;
    font-size: 12px;
}

@media (max-width:991px) {
    body:not(.no-tabbar) {
        padding-bottom: var(--tabbar-height);
    }
    .footer {
        font-size: 12px;
        margin: 8px;
        padding: 0 16px;
        border-radius: 12px;
    }
    .footer h5.toggle-title,
    .footer .h5.toggle-title {
        height: 52px;
    }
    .footer h5,
    .footer .h5 {
        font-size: 14px;
        margin: 16px 0 8px;
    }
    .footer .event-title {
        height: 51px;
    }
    .footer .popular-links p {
        margin-top: 8px;
    }
    .footer-links {
        flex-wrap: wrap;
        padding-right: 0;
    }
    .footer-links>div {
        flex: 0 0 50% !important;
    }
    .footer ul {
        margin: -2px -2px 6px;
    }
    .footer li {
        margin: 2px;
    }
    .footer .img-license {
        margin-bottom: 16px;
    }
}

/*inner structure*/

.content {
    padding-top: var(--header-height);
}

/*BlockUI loading*/

.blockUI.blockMsg {
    padding: 24px !important;
    border: none !important;
    border-radius: 4px;
    width: 80% !important;
    left: 50% !important;
    right: 0;
    margin: 0 !important;
    color: #fff !important;
    font-size: 14px !important;
    max-width: max-content !important;
    background: #222 !important;
    border-radius: 12px;
    transform: translateX(-50%);
    min-width: 130px;
}

.blockUI.blockMsg h1,
.blockUI.blockMsg .h1 {
    font-size: 12px;
    font-weight: normal;
}

.blockUI.blockMsg:before {
    content: '';
    display: block;
    width: 58px;
    height: 58px;
    background: url(../images/icon_loading.svg?3) no-repeat center/contain;
    margin: 0 auto 5px;
}

/*OLD*/

/* error 403 */

.mod-error .layout {
    padding: 80px 0;
    border: none;
}

.mod-error .error-wrap .error-icon {
    background: url(../images/ico_warning.svg) no-repeat center center/100%;
    width: 156px;
    height: 133px;
    margin: 36px 0 36px 190px;
}

.mod-error .error-wrap .error-content {
    margin-left: 430px;
}

.mod-error .error-wrap h3,
.mod-error .error-wrap .h3 {
    color: #00A6FF;
    margin-bottom: 8px;
    font-size: 25px;
    font-weight: bold;
}

.mod-error .error-wrap p {
    font-size: 20px;
    margin: 0;
    color: #4A494A;
}

.mod-error .error-wrap .refresh-btn {
    background: #00A6FF;
    width: 226px;
    height: 59px;
    line-height: 59px;
    padding: 0;
    margin: 20px 0;
    font-size: 20px;
    border-radius: 10px;
}

.mod-error .error-wrap .refresh-btn:hover {
    background: #00A6FF;
}

.mod-error .error-content a {
    color: #00A6FF;
}

/*Delete message*/

#msgDeleteConfirmModal .modal-content {
    width: 100%;
    text-align: center;
}

/*Wallet GP*/

#walletGPBox ul {
    padding-bottom: 35px;
}

#walletGPBox li:first-child label,
#walletGPBox li:last-child label {
    color: #00a6ff;
    font-weight: bold;
}

#walletGPBox li label:before {
    width: 0 !important;
}

#walletGPBox li span {
    font-weight: bold;
}

#walletGPBox li label i span.tooltiptext {
    visibility: hidden;
    width: auto;
    min-width: 210px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: -205%;
    left: -70%;
    opacity: 0;
    transition: opacity 0.3s;
    word-break: break-word;
}

#walletGPBox li label i span.tooltiptext a {
    color: #fff;
    text-decoration: underline;
}

#walletGPBox li label i span.tooltiptext:after {
    content: "";
    position: absolute;
    top: -59%;
    left: 3.5%;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

#walletGPBox li label i:hover span.tooltiptext {
    font-family: "roboto", "Microsoft YaHei" !important;
    visibility: visible;
    opacity: 1;
}

/*Wallet GP end*/

/*popup message*/

.popupCommon {
    z-index: 1009 !important;
}

.PopupDiv11 {
    height: auto !important;
    margin: auto !important;
    left: 0 !important;
    right: 0 !important;
    box-shadow: none;
    background: #EBEBEB;
    border-radius: 12px;
    padding: 0 0 24px 0;
    overflow: hidden;
    max-width: 95%;
}

.PopupDiv11 h2 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 18px;
}

.PopupDiv11 div.modal-hd {
    background: #fff;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popupCommon.PopupDiv11 .PopContent {
    padding: 0 !important;
    height: auto !important;
    color: #000 !important;
    margin: 24px !important;
    width: auto;
}

.popupCommon.PopupDiv11 .PopContent>div {
    min-height: 130px;
}

.popup-checkbox {
    padding-left: 24px;
    margin: auto;
    display: flex;
    align-items: center;
    font-size: 12px;
    margin-bottom: 20px;
}

.popup-checkbox input[type="checkbox"] {
    margin: 0 8px 0 0;
    height: 18px;
    width: 18px;
    border-radius: 10px;
    -webkit-appearance: auto;
}

.forms-btn-g a.btn-Close_d11 {
    padding: 0 !important;
    margin: 0 !important;
    width: 200px;
    background: #33C85D;
    display: inline-block;
    border-radius: 8px;
    padding: 10px 26px;
    color: #fff;
    line-height: 22px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    border: 0;
    line-height: 42px;
    height: 42px;
}

#modal_other11_0 .forms-btn-g a.btn-Close_d11 span {
    display: none;
}

.forms-btn-g a.btn-Close_d11 span {
    margin: 0 !important;
    position: relative !important;
    display: block;
    width: 100%;
    height: 58px;
    line-height: 58px;
}

.forms-btn-g a.btn-Close_d11 span span {
    margin: 0 !important;
    position: relative !important;
}

/* App Layout View */

.app-layout .header,
.app-layout .h5-tabbar,
.app-layout .footer,
.app-layout .app-hide,
.app-layout .secondary-nav,
.app-layout #secondary-nav,
.app-layout .mod-worldcup .flex-title {
    display: none !important;
}

.app-layout .popup-fullframe {
    top: 0;
}

.app-layout .fullframe-title {
    display: none !important;
}

.app-layout .fullframe-title+* {
    padding-top: 0;
}

.app-layout .card-wrap>.flex-title,
.app-layout .card-wrap>.flex-subtitle {
    top: 0;
}

.app-layout .card-wrap>.flex-subtitle {
    top: var(--header-height);
}

.app-layout body {
    padding-bottom: 0;
}

.app-layout .content {
    padding-top: 0;
}

/*Extra*/

.mini_popup_red_packet_left {
    z-index: 1002 !important;
    min-width: 120px;
}

@media (max-width:991px) {
    .mini_popup_red_packet_left {
        bottom: 65px !important;
    }
}

/* css.css start here */

.seo-faq h5:after,
.seo-faq .h5:after {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    vertical-align: center;
}

/*HELP SECTION*/

.help-wrap {
    margin-top: 16px;
    background: none;
}

.help-wrap .flex-title.active {
    border-radius: 12px !important;
}

.help-content {
    font-size: 12px;
    line-height: 18px;
}

.help-content>div:first-child {
    background: #fff;
    padding: 16px;
    border-radius: 0 0 12px 12px;
}

.help-content a:not(.btn):not(.btn-outline) {
    color: #06A6FF;
    text-decoration: underline;
}

.help-content h1,
.help-content h2,
.help-content h4,
.help-content .h4 {
    color: #222;
    margin-top: 16px;
}

.help-content h4:first-child,
.help-content p:first-child,
.help-content p.pt0,
.help-content .h4:first-child {
    margin-top: 0;
}

.help-content h5,
.help-content .h5 {
    font-size: 14px;
    margin-top: 8px;
}

.help-content p {
    margin-top: 8px;
    color: #666;
}

.help-content .row {
    margin-top: 0;
    margin-bottom: 24px;
    max-width: 100%;
}

.help-content .card.d-flex i.mr10 {
    margin-right: 10px;
}

.help-content .card.d-flex h6,
.help-content .card.d-flex .h6 {
    color: #222;
    font-size: 12px;
    font-weight: bold;
}

.help-content .card.d-flex em {
    color: #999;
}

.help-content .card.d-flex a {
    color: #999;
    text-decoration: none;
}

.help-content ol {
    list-style: auto;
    margin-left: 16px;
}

.help-content ol li {
    list-style: decimal;
    padding-left: 5px;
    color: #666;
    margin-top: 16px;
}

.help-content ol.list-dot li {
    list-style-type: disc;
}

.help-content .card i {
    font-size: 30px;
    width: 30px;
    height: 30px;
    margin-right: 16px;
    color: #666
}

.help-content .card i.icon-cs {
    color: #06A6FF !important;
}

.help-content .table-scroll {
    overflow-x: scroll;
}

.help-content table {
    margin-top: 16px;
    text-align: left;
    border: 1px solid #EBEBEB;
}

.help-content table tr:nth-child(odd) {
    background: #F8F8F8;
}

.help-content table tr>* {
    white-space: nowrap;
}

.help-content table th {
    height: 40px;
    line-height: 40px;
    padding: 0 16px;
}

.help-content table td {
    vertical-align: top;
    padding: 16px;
}

.help-content table td p:first-child {
    margin-top: 0;
}

.help-content .seo-wrap {
    margin: 8px 0;
}

.help-content .faq-category.help-list li {
    padding: 0
}

.help-content .faq-category.help-list li a {
    padding: 16px;
    display: block;
    width: 100%
}

.help-nav {
    display: flex;
    --bs-gutter-x: 16px;
    --bs-gutter-y: 8px;
}

.help-nav li a:not(.btn):not(.btn-outline) {
    height: 44px;
    display: flex;
    align-items: center;
    border: 1px solid #E6E6E6;
    font-size: 14px;
    border-radius: 4px;
    text-decoration: none;
    color: #222222;
    padding: 0 16px;
}

.help-nav li a:after {
    content: '\e939';
    font-size: 12px;
    margin-left: auto;
}

.help-social {
    padding: 24px 16px;
}

.help-social ul {
    --bs-gutter-x: 8px;
    --bs-gutter-y: 8px;
}

.help-social div {
    height: 80px;
    display: flex;
    align-items: center;
    border: 1px solid #E6E6E6;
    font-size: 14px;
    border-radius: 4px;
    Wcolor: #222222;
    padding: 0 16px;
}

.help-social i {
    display: block;
    width: 30px;
    height: 30px;
    margin-right: 12px;
}

.help-social a {
    margin-left: auto;
}

.help-social .btn.verified {
    background: #DDFFE5;
    color: #33C85D;
}

/*FAQ Accordian*/

#faqs .flex-title {
    background: #E0E0E0;
    border-radius: 12px 12px 0 0;
}

#faqs .help-content.seo-wrap {
    background: none;
    margin: 0;
}

#faqs .help-content.seo-wrap>div {
    background: none;
    padding: 0;
}

.help-content .faq-content {
    width: 100%;
    display: none;
    background: #fff;
    padding: 16px;
    border-radius: 0 0 12px 12px;
}

.help-content .faq-content.active {
    display: block;
}

.help-content .faq-category li:first-child {
    margin-top: 16px;
}

.help-content .faq-category li {
    text-align: left;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    color: #222;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 12px;
    padding: 16px;
    margin-top: 8px;
}

.help-content .faq-category li a:not(.btn):not(.btn-outline) {
    color: #222;
    text-decoration: none
}

.help-content .faq-content .seo-faq {
    display: none;
    margin-top: 0;
}

.help-content .seo-faq>div.faq-accordion-title {
    border: 0;
    font-size: 14px;
    margin: 16px 0;
    padding: 0;
}

.help-content .seo-faq>div.faq-accordion-title:first-child {
    margin-top: 0;
}

.help-content .seo-faq p {
    margin-top: 8px !important;
}

.help-content .timeline {
    margin: 16px auto 0;
}

.help-content .timeline .touter {
    border-left: 2px solid #E6E6E6;
}

.help-content .timeline .tcard {
    position: relative;
    margin: 0 0 16px 14px;
    border-radius: 8px;
}

.help-content .timeline .tinfo {
    display: flex;
    flex-direction: column;
}

.help-content .timeline h3,
.help-content .timeline .h3 {
    position: relative;
}

.help-content .timeline h3.active::before,
.help-content .timeline .h3.active::before {
    background: url(../images/icons/icon_timeline.svg) no-repeat;
    background-size: 12px;
    width: 12px;
    height: 12px;
    left: -21px;
    top: 0;
}

.help-content .timeline h3::before,
.help-content .timeline .h3::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #999999;
    border-radius: 50%;
    left: -19px;
    top: 4px;
}

.help-content .timeline p {
    margin: 16px 0 8px;
}

.help-content .timeline img {
    max-width: 300px;
}

/*Support*/

#support.help-content>div {
    background: none;
    padding: 0;
}

#support.help-content>div>div {
    margin-bottom: 8px;
}

#support.help-content h6,
#support.help-content .h6 {
    font-weight: normal;
}

#support.help-content .card i {
    color: #000;
}

#support.help-content p {
    color: #999999
}

#support.help-content>.seo-wrap {
    margin: 16px 0;
    background: #fff;
}

#support .card {
    background: #fff;
    border-radius: 12px;
    padding: 12px;
}

#support h5,
#support .h5 {
    color: #666;
    margin: 16px 0 8px 0;
}

#support .seo-content {
    padding: 16px;
}

/*Affiliate*/

.mod-affiliate .help-content table tr>.col-4:first-child {
    min-width: 192px;
}

.mod-affiliate .help-content table tr>.col-4.w-126:first-child {
    min-width: 126px;
}

.mod-affiliate .help-content table tr>.col-6 {
    min-width: auto;
    width: 50%;
}

.mod-affiliate .seo-wrap {
    margin: 8px 0;
}

.mod-affiliate .seo-content {
    padding-top: 16px;
}

@media (max-width:991px) {
    .help-nav {
        --bs-gutter-x: 0;
    }
    #faqs .flex-title {
        background: #EBEBEB
    }
    .help-content .faq-category li:first-child {
        margin-top: 0;
    }
    .help-wrap {
        padding-top: var(--header-height);
        margin-top: 0;
    }
    .help-content {
        margin: var(--space-16-8) 8px 8px;
    }
    .help-content>div:first-child {
        border-radius: 12px;
    }
    #faqs .help-content.seo-wrap {
        margin: 0 8px 0 8px;
    }
    .help-content .faq-content {
        width: 100%;
        display: none;
        background: #fff;
        padding: 16px;
        border-radius: 12px;
    }
    .mod-affiliate .help-content {
        margin-top: calc(var(--header-height) + 8px)
    }
    .mod-affiliate .seo-wrap {
        margin: 8px
    }
    .help-social {
        padding: 0;
    }
    .help-social i {
        width: 24px;
        height: 24px;
    }
}

/*SEO*/

.seo-wrap {
    margin: 8px;
    background: #fff;
    border-radius: 12px;
}

.seo-wrap .toggle-title {
    padding: 0 16px;
}

.seo-content {
    color: #666666;
    font-size: 12px;
    border-top: 1px solid #E6E6E6;
    line-height: 18px;
    padding: 0 16px 16px;
    height: 200px;
    overflow: auto;
}

.seo-content h1,
.seo-content h2,
.seo-content .h1,
.seo-content .h2 {
    font-size: 16px;
}

.seo-content h4,
.seo-content h1,
.seo-content h2,
.seo-content .h4,
.seo-content .h1,
.seo-content .h2 {
    color: #222;
}

.seo-content h5,
.seo-content h3,
.seo-content .h5,
.seo-content .h3 {
    font-size: 14px;
    margin-top: 8px;
    color: #222;
    font-weight: normal;
}

.seo-content h6,
.seo-content .h6 {
    font-size: 12px;
    margin-top: 8px;
    color: #222;
    font-weight: normal;
}

.seo-content h4,
.seo-content h1,
.seo-content h2,
.seo-content .h4,
.seo-content .h1,
.seo-content .h2 {
    margin-top: 16px;
}

.seo-content p {
    margin-top: 8px;
}

.seo-content a:not(.btn):not(.btn-outline) {
    color: #06A6FF;
    text-decoration: underline;
}

.seo-content .row {
    margin-top: 0;
    margin-bottom: 24px;
    max-width: 100%;
}

.seo-content table {
    margin-top: 16px;
    text-align: left;
    border: 1px solid #EBEBEB;
}

.seo-content table tr:nth-child(odd) {
    background: #F8F8F8;
}

.seo-content table th {
    height: 40px;
    line-height: 40px;
    padding: 0 16px;
}

.seo-content table td {
    vertical-align: top;
    padding: 16px;
}

.seo-content table td p:first-child {
    margin-top: 0;
}

.seo-content iframe {
    margin: 16px auto 0;
    padding: 10px;
    aspect-ratio: 16 / 9;
}

.seo-content .card img {
    width: 24px;
    margin-right: 8px;
}

.card {
    border-radius: 4px;
    border: 1px solid #E6E6E6;
    height: 100%;
    padding: 16px;
}

.card h5,
.card .h5 {
    font-weight: bold;
    display: flex;
    align-items: center;
    margin-top: 0;
}

.card i {
    font-size: 20px;
    margin-right: 8px;
    width: 20px;
    height: 20px;
}

.card.d-flex {
    align-items: center;
    text-decoration: none !important;
}

.card.d-flex img {
    flex: 0 0 34px;
    margin-right: 16px;
    width: 34px;
}

.card.d-flex p {
    margin: 0;
}

.card.d-flex.flex-column {
    text-align: center;
    height: 124px;
    justify-content: center;
    line-height: 16px;
}

.card.d-flex.flex-column img {
    width: 48px;
    margin: 0 0 6px
}

.card.d-flex-start {
    align-items: flex-start;
    display: flex;
}

.card.d-flex-start img {
    flex: 0 0 34px;
    margin-right: 16px;
    width: 34px;
    padding: 0 5px;
}

.card.d-flex-start .img-qr {
    width: 60px;
    height: 60px;
    padding: 0;
    background-size: 60px;
    padding: 30px;
}

.card.text-center {
    text-align: center
}

.card.text-center img {
    width: 48px;
    margin: 0 0 6px
}

.seo-faq {
    margin-top: 16px;
}

.seo-faq>div {
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    padding: 0 16px;
    margin-bottom: 8px;
}

.seo-faq h5,
.seo-faq .h5 {
    line-height: 18px;
    margin: 16px 0;
    display: flex;
    transition: all .2s;
    cursor: pointer;
    justify-content: space-between;
    height: auto;
}

.seo-faq h5:after,
.seo-faq .h5:after {
    content: "\e903";
    font-size: 16px;
    height: 16px;
    transition: all .4s;
    transform-origin: center;
    margin-left: 20px;
}

.seo-faq h5.expand,
.seo-faq .h5.expand {
    margin-bottom: 8px;
}

.seo-faq h5.expand:after,
.seo-faq .h5.expand:after {
    transform: rotate(180deg);
}

.seo-faq>div>div {
    display: none;
    padding: 8px 0 16px;
    border-top: 1px solid #E6E6E6;
}

.seo-faq+.btn-outline {
    margin-top: 8px;
    padding: 7px;
    line-height: 20px;
    font-size: 14px;
}

@media (max-width:991px) {
    .seo-wrap>h6,
    .seo-wrap>.h6 {
        font-size: 14px;
    }
    .seo-content {
        height: 250px;
    }
    .card.d-flex.flex-column img {
        width: 48px;
    }
    .seo-faq>div>div {
        padding-top: 0;
        margin-right: 31px;
    }
    .seo-content .row.g-2 {
        --bs-gutter-x: 8px;
        --bs-gutter-y: 8px;
    }
}

/*SLIDER*/

.slide-wrapper {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.swiper-slide {
    height: auto;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
}

.swiper-slide .skeleton {
    display: block;
    width: 100%;
    height: 100%;
}

.swiper-slide a[onclick],
.swiper-slide a[href] {
    cursor: pointer;
}

.swiper-slide img {
    width: 100%;
}

.slide-prev,
.slide-next {
    width: 24px;
    height: 24px;
    background: #fff;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    z-index: 9;
    position: absolute;
    bottom: 78px;
    left: -8px;
    transition: all .3s
}

.slide-next {
    left: auto;
    right: -8px;
}

.slide-prev:hover,
.slide-next:hover {
    background: #222;
    color: #fff;
}

.swiper-button-disabled {
    display: none;
}

@media (max-width:991px) {
    .slide-prev,
    .slide-next {
        display: none !important;
    }
}

/*HOME*/

.notice {
    display: block;
    margin: 0 8px 8px;
    border-radius: 8px;
    background: #FFF5BF url(../images/home/img_notice.webp) no-repeat 8px center/16px;
}

.notice .marquee {
    width: auto;
    height: 28px;
    font-size: 12px;
    color: #998200;
    overflow: hidden;
    line-height: 28px;
    margin-left: 28px;
}

.mod-home {
    position: relative;
}

.home-content {
    width: 56.25%;
    margin: 0 auto;
}

.mod-home .top-banner {
    background: #fff;
    border-radius: 0px 0px 16px 16px;
    padding: 8px 0;
    position: relative;
}

.top-banner .slide-wrapper {
    overflow: hidden;
    padding: 0 8px;
    position: relative;
    z-index: 1;
    background-size: cover;
}

.top-banner .slide-wrapper .swiper-slide {
    width: 450px;
    border-radius: 12px;
    /*padding:20px;background:#F2F2F2 center/cover;*/
}

.top-banner .slide-wrapper .swiper-slide.skeleton {
    background: #EBEBEB;
    margin-right: 8px;
    height: 182px;
}

.top-banner .slide-wrapper .swiper-slide img {
    width: 100%;
    border-radius: 12px;
}

.quick-access {
    padding: 8px 8px;
    overflow: hidden;
}

.quick-access>div {
    position: relative;
}

.quick-access ul {
    margin-top: 8px;
    flex-wrap: nowrap;
}

.quick-access li div,
.quick-access li a {
    border-radius: 12px;
    background: #fff no-repeat center right/cover;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    display: block;
}

.quick-access li .label-new::after {
    content: "";
    background: url(../images/home/label_new.svg) no-repeat center/27px;
    position: absolute;
    top: 0;
    left: 0;
    width: 27px;
    height: 16px;
    display: block;
}

.quick-access li .label-new.bottom::after {
    content: "";
    bottom: 0;
    right: 0;
    top: auto;
    left: auto;
}

.quick-access li img {
    width: 100%;
}

.quick-access li p {
    position: absolute;
    bottom: 23px;
    left: 19px;
    right: 19px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3333;
}

.quick-access .label {
    border-radius: 12px 0px 12px 0px;
    top: 0;
    left: 0;
    position: absolute;
    padding: 4px 8px;
}

.quick-access .slide-prev,
.quick-access .slide-next {
    top: 50%;
    transform: translateY(-50%);
}

.live-panel {
    padding: 8px 0 8px 8px;
    position: relative;
}

.live-panel h6,
.live-panel .h6 {
    display: flex;
    align-items: center;
}

.live-panel h6 i,
.live-panel .h6 i {
    width: 18px;
    height: 24px;
    margin-right: 7px;
}

.panel-scroll {
    margin-top: 13px;
    padding-bottom: 8px;
    overflow: hidden;
}

.live-panel .slide-prev {
    left: 0;
    bottom: 70px;
}

.live-panel .slide-next {
    right: 0;
    bottom: 70px;
}

.live-card {
    border-radius: 12px;
    background: #fff;
    height: 132px;
    width: 344px;
}

.live-card .card-title {
    line-height: 24px;
    background: #F5F5F5;
    font-size: 12px;
    color: #999999;
    padding: 0 8px;
    border-radius: 12px 12px 0 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.card-table {
    display: table;
    width: calc(100% - 20px);
    margin: 0 12px 0 8px;
}

.card-table>div {
    display: table-row;
}

.card-table>div>div {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.card-table>div>div:first-child {
    text-align: left;
}

.card-table .card-desc {
    line-height: 28px;
    color: #999999;
}

.card-table .card-desc>div:first-child {
    color: #F01616;
}

.card-table .card-desc [class^="ico-"],
.card-table .card-desc [class*=" ico-"] {
    width: 16px;
    height: 16px;
}

.card-table .card-result {
    line-height: 32px;
    margin: 2px 0;
}

.card-table .card-result>div:not(:first-child) {
    width: 1%;
    white-space: nowrap;
    padding: 0 10px;
}

.card-table .card-result>div.highlight-col {
    background: #000000;
    color: #fff;
    border-radius: 8px;
}

.card-table .card-result>div:first-child>div {
    display: flex;
    align-items: center;
    line-height: 18px;
    height: 32px;
    overflow: hidden;
}

.card-table .card-result>div:first-child>div:not(:first-of-type) {
    margin-top: 6px;
}

.card-table .card-result>div:first-child>div span {
    position: relative;
    padding-left: 18px;
}

.card-table .card-result>div:first-child>div.server span:before,
.card-table .card-result>div:first-child>div.bowling span:before {
    content: '';
    position: absolute;
    left: 3px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 5px;
    height: 5px;
    background: #000;
    border-radius: 100%;
}

.card-table .card-result>div:first-child>div.batting span:before {
    content: '';
    position: absolute;
    left: 2px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 10px;
    height: 10px;
    background: url(../images/icons/icon_batting.svg) no-repeat center;
    background-size: contain;
}

.card-table .flag {
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F5F5F5;
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: middle;
    flex-shrink: 0;
}

.card-table .flag img {
    width: 65%;
}

.card-game {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: calc(100% - 24px);
    text-align: center;
}

.card-game>div {
    width: 35%;
}

.card-game>div:nth-of-type(2) {
    width: 25%;
}

.card-game .flag {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: #F5F5F5;
    margin: 0 auto 2px;
    border-radius: 50%;
}

.card-game .flag img {
    width: 65%;
}

.card-game .game-result {
    border-radius: 8px;
    background: #000000;
    color: #fff;
    width: max-content;
    margin: 5px auto 2px;
    min-width: 56px;
    text-align: center;
    line-height: 28px;
    font-weight: 500;
}

.purple-card {
    background: transparent linear-gradient(114deg, #8C4EFF 0%, #6B3FFC 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 24px #00000014;
    border-radius: 12px;
    padding: 16px;
    height: 140px;
    width: 344px;
    color: #fff;
    line-height: 16px;
}

.purple-card b {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 2px;
    display: block;
}

.purple-card .btn {
    width: 100%;
    margin-top: 10px;
    padding: 11px;
}

.home-games {
    background: #fff;
    border-radius: 12px;
    margin: 8px;
    padding: 12px 0 16px;
    position: relative;
}

.home-games .h4 {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    padding: 0 12px;
}

.home-games .h4>i {
    width: 24px;
    height: 24px;
    margin-right: 4px;
}

.home-games .h4 a {
    margin-left: auto;
    font-size: 12px;
    font-weight: normal;
    display: flex;
    align-items: center;
}

.home-games .h4 a i {
    font-size: 10px;
    margin-left: 4px;
}

.home-games .panel-scroll {
    padding: 0 12px;
}

.home-games .game-slide {
    width: 176px;
    min-height: 132px;
    overflow: hidden;
    background: #F5F5F5;
    border-radius: 12px;
}

.home-games .game-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-whatsapp {
    width: 21.875%;
    padding-right: 16px;
    position: fixed;
    right: 4px;
    bottom: 96px;
    z-index: 1;
    transition: bottom .3s;
}

.home-whatsapp .btn-whatsapp {
    padding: 8px 16px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .3);
    position: relative;
}

.home-whatsapp .btn-whatsapp .icon-close {
    position: absolute;
    width: 30px;
    height: 30px;
    font-size: 16px;
    background: #fff;
    border-radius: 50%;
    right: -3px;
    top: -15px;
    color: #222;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-whatsapp .btn-whatsapp .icon-close:before {
    font-weight: 700;
}

@media (max-width:1400px) {
    .quick-access li p {
        font-size: 16px;
        left: 12px;
        right: 12px;
        bottom: 18px;
    }
}

@media (max-width:1400px) {
    .quick-access li p {
        font-size: 14px;
        left: 10px;
        right: 10px;
        bottom: 15px;
    }
}

@media (max-width:1200px) {
    .home-whatsapp .btn-whatsapp span {
        font-size: 14px;
    }
    .home-whatsapp .btn-whatsapp .icon-whatsapp {
        font-size: 36px;
    }
}

@media (max-width:991px) {
    .home-content {
        width: 100%;
    }
    .notice .marquee {
        font-size: 10px;
    }
    .mod-home {
        max-width: 100%;
        overflow: hidden;
    }
    .mod-home .top-banner {
        border-radius: 0;
    }
    .mod-home .slide-wrapper .swiper-slide {
        width: 278px;
        /*background-position:40% center;padding:16px;*/
    }
    .top-banner .slide-wrapper .swiper-slide.skeleton {
        height: 160px;
    }
    .quick-access {
        padding: 8px;
    }
    .quick-access .flex-3 li {
        flex: 0 0 308px;
    }
    .quick-access .flex-6 li {
        flex: 0 0 153px;
    }
    .quick-access li p {
        bottom: 20px;
        left: 16px;
        right: 16px;
        font-size: 16px;
        line-height: 21px;
    }
    .panel-scroll {
        margin-top: 10px;
        padding: 0;
    }
    .live-panel .panel-scroll {
        margin-left: -8px;
        padding: 0 8px;
    }
    .live-card {
        width: 300px;
        font-size: 12px;
        height: 116px;
    }
    .live-panel h6,
    .live-panel .h6 {
        font-size: 12px;
        line-height: 16px;
    }
    .live-panel h6 i,
    .live-panel .h6 i {
        width: 12px;
        height: 12px;
        margin-right: 6px;
    }
    .card-table .flag {
        width: 24px;
        height: 24px;
    }
    .card-table .card-desc {
        line-height: 24px;
    }
    .card-table .card-result {
        line-height: 30px;
    }
    .card-table .card-result>div:not(:first-child) {
        padding: 0 8px;
    }
    .card-table .card-result>div.highlight-col {
        width: 32px;
    }
    .card-table .card-result>div:first-child>div {
        line-height: 15px;
    }
    .card-table .card-result>div:first-child>div:not(:first-of-type) {
        margin-top: 0;
    }
    .home-whatsapp {
        width: 175px;
        padding: 0 8px;
        bottom: 158px;
        right: 8px;
    }
    .home-whatsapp .btn-whatsapp {
        padding: 8px 12px;
    }
    .home-whatsapp .btn-whatsapp span {
        line-height: 1.1;
        font-weight: 500;
    }
    .home-whatsapp .btn-whatsapp .icon-whatsapp {
        font-size: 32px;
        margin-left: 4px;
    }
    .home-whatsapp .btn-whatsapp .icon-close {
        width: 19px;
        height: 19px;
        top: -8px;
        right: 0;
        font-size: 12px;
    }
}

/*SPORTS*/

.top-tab {
    position: fixed;
    top: var(--header-height);
    height: var(--header-height);
    width: 100%;
    background: #fff;
    z-index: 999;
    overflow: auto;
}

.top-tab ul {
    display: flex;
    justify-content: stretch;
}

.top-tab ul li {
    flex: 1 1 0;
    display: flex;
    text-align: center;
    line-height: calc(var(--header-height) - 3px);
    justify-content: center;
    min-width: fit-content;
    position: relative;
}

.top-tab ul li:not(.icon-chevron-left) {
    padding: 0 20px;
}

.top-tab ul li img {
    display: none;
}

.top-tab ul li.cur a,
.top-tab ul li.cur>span {
    display: block;
    color: #06A6FF;
    font-weight: bold;
    font-size: 16px;
    border-bottom: 3px solid #06A6FF;
}

.top-tab ul li.icon-chevron-left {
    flex: 0 0 auto;
    width: 52px;
    position: fixed;
    left: 0;
    top: var(--header-height);
    background: #fff;
    color: #262B33;
    z-index: 1;
    height: var(--header-height);
    line-height: var(--header-height);
}

.mod-sports .top-tab ul {
    margin-left: 52px;
    color: #909296;
    font-size: 16px;
}

.mod-sports .top-tab ul li:not(.icon-chevron-left) {
    padding: 0 16px;
}

.mod-sports .top-tab ul li a {
    padding: 0 5px;
}

.mod-sports .top-tab ul li.cur a,
.top-tab ul li.cur>span {
    font-weight: 600;
}

.mod-sports .top-tab .game-label {
    margin-right: -16px;
    margin-left: 0;
}

.mod-sports .top-tab ul .icon-chevron-left+li {
    padding-left: 0;
}

.sidebar-container {
    display: flex;
    justify-content: stretch;
}

.sidebar-container .sidebar-wrap {
    flex: 0 0 auto;
    width: 364px;
    max-width: 25%;
    position: relative;
}

.sidebar-container .content-wrap {
    flex: 1 1 auto;
    padding: 40px 40px 0;
    overflow: hidden;
}

.sidebar-container .sidebar-wrap .sidebar {
    min-height: calc(var(--vh, 1vh) * 100 - var(--header-height));
    width: 100%;
    background: #fff;
    border-radius: 0px 0px 12px 0px;
}

.sidebar .h5 {
    padding: 16px 24px;
}

.sidebar .h5+ul {
    padding-top: 0;
}

.sidebar ul {
    padding: 16px;
}

.sidebar li,
.category-list li {
    font-size: 16px;
    line-height: 19px;
    padding: 0 18px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    cursor: pointer;
    height: 54px;
    word-break: break-all;
}

.sidebar .grey-btn li,
.category-list.grey-btn li {
    background: #F2F2F2;
    transition: background .4s, color .4s;
}

.sidebar .grey-btn li:hover:not(.cur):not(.selected),
.category-list.grey-btn li:hover:not(.cur):not(.selected) {
    background: #F7F7F7;
}

.sidebar li img,
.category-list li img {
    width: 24px;
    margin-right: 14px;
}

.sidebar li i,
.category-list li i {
    font-size: 24px;
    margin-right: 12px;
    width: 24px;
    min-height: 24px;
    line-height: 24px;
}

.sidebar li.cur:not(.cur-hide),
.category-list li.cur:not(.cur-hide),
.category-list li.selected {
    background: #06A6FF;
    color: #fff;
    font-weight: bold;
}

.sidebar li.cur:not(.cur-hide) img,
.category-list li.cur:not(.cur-hide) img,
.category-list li.selected img {
    filter: brightness(0) invert(1);
}

.sidebar li em,
.category-list li em {
    margin-left: auto;
    font-size: 14px;
    color: #666666;
    flex: 0 0 auto;
}

.sidebar li.cur:not(.cur-hide) em,
.category-list li.cur:not(.cur-hide) em,
.category-list li.selected em {
    color: #fff;
}

.sidebar li i.game-label {
    width: 30px;
}

.sidebar .d-flex,
.category-list.d-flex {
    flex-wrap: wrap;
    margin-right: -8px;
}

.sidebar .d-flex li,
.category-list.d-flex li {
    flex: 0 0 auto;
    margin-right: 8px;
    text-align: center;
    justify-content: center;
    width: calc(50% - 8px);
    word-break: break-word;
    position: relative;
}

.category-list.d-flex.flex-2 li {
    width: calc(50% - 8px);
}

.category-list.d-flex.flex-3 li {
    width: calc(33.33% - 8px);
}

.category-list.d-flex.flex-4 li {
    width: calc(25% - 8px);
}

.category-list.d-flex li .game-label {
    position: absolute;
    right: -5px;
    margin: 0;
    top: 0;
    transform: translateY(-40%);
    width: 28px;
    background-position: right center;
}

.category-list.d-flex li .game-label.ico-2 {
    width: 20px;
}

.sidebar hr {
    margin: -8px 0 0;
}

.sidebar-container .content-wrap .seo-wrap {
    margin: 0;
}

.mod-sports .sidebar li {
    padding-right: 0;
    word-break: break-word;
}

.mod-sports .sidebar li a {
    display: flex;
    align-items: center;
}

.mod-sports .sidebar li img {
    width: 66px;
}

.mod-sports .gameframe-wrap {
    height: auto !important;
    margin-bottom: 18px;
    width: 100% !important;
}

.mod-sports.mod-exchange .gameframe-wrap {
    margin-bottom: 0;
}

.mod-sports #sb_frame {
    height: calc(var(--vh, 1vh) * 100 - var(--header-height) - 40px);
    width: 100%;
    border-radius: 12px;
    background: #fff;
}

.mod-sports #sb_frame.center-wrap {
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px;
    font-size: 16px;
    color: #666666;
    text-align: center;
}

.mod-sports #sb_frame.center-wrap .icon-tab-fill {
    font-size: 64px;
    color: #222;
    margin-bottom: 16px;
}

.mod-sports #sb_frame.center-wrap .platform-logo {
    margin-bottom: 8px;
}

.mod-sports #sb_frame.center-wrap .btn {
    width: 295px;
    margin-top: 30px;
}

@media (max-width:991px) {
    .top-tab+.sidebar-container {
        margin-top: var(--header-height);
    }
    .sidebar-container .content-wrap {
        padding: 0;
        height: 100%;
    }
    .sidebar-container .content-wrap .seo-wrap {
        margin: 0 8px;
    }
    .sidebar li {
        font-size: 14px;
    }
    .category-list li {
        padding: 0 10px;
        font-size: 13px;
    }
    .sidebar li img,
    .category-list li img {
        margin-right: 8px;
    }
    .category-list.d-flex li {
        height: 45px;
    }
    .mod-sports .gameframe-wrap {
        margin-bottom: 16px;
    }
    .mod-sports #sb_frame {
        height: calc(var(--vh, 1vh) * 100 - var(--header-height) * 2);
        border-radius: 0;
    }
    .mod-sports .seo-content .btn-outline {
        width: 100%;
    }
}

/*LIVE CASINO*/

.mod-casino .h1 {
    margin-bottom: 16px;
}

.mod-casino .content-wrap {
    padding-top: 16px;
}

.mod-casino .img-qr {
    width: 158px;
    height: 158px;
    margin: 16px 0;
}

.games-list ul {
    margin-right: -24px;
    display: flex;
    flex-wrap: wrap;
}

.games-list li {
    width: calc(24.8% - 24px);
    margin: 0 24px 16px 0;
    position: relative;
}

.games-list li>a {
    display: block;
}

.games-list li img {
    width: 100%;
    object-fit: cover;
    border-radius: 12px;
}

.games-list .game-name {
    font-size: 18px;
    margin-top: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.no-result {
    text-align: center;
    font-size: 16px;
    color: #666666;
    align-items: center;
    flex-direction: column;
    display: flex;
    margin: 16px;
    justify-content: center;
}

.no-result .btn {
    width: 343px;
    max-width: 100%;
    padding: 11px;
    font-size: 16px;
    line-height: 22px;
    margin-top: 24px;
    cursor: pointer;
}

.mod-banner {
    margin-bottom: 24px;
}

.mod-casino .slide-wrap {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.mod-casino .swiper-slide {
    height: auto;
    background: #fff;
    border-radius: 12px;
    width: 628px;
    max-width: 40%;
    overflow: hidden;
}

.mod-casino .swiper-slide .skeleton {
    height: 0;
    width: 100%;
    padding-bottom: 44.58%;
}

.mod-casino .swiper-slide img {
    width: 628px;
}

.mod-casino .swiper-slide a[onclick],
div .swiper-slide a[href] {
    cursor: pointer;
}

.mod-casino .swiper-slide img {
    width: 100%;
}

.mod-casino .slide-wrap.slide-gradient:before,
.mod-casino .slide-wrap.slide-gradient:after {
    content: '';
    width: 81px;
    max-width: 10%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    background: transparent;
    background: linear-gradient(90deg, #EBEBEB00, #EBEBEB);
}

.mod-casino .slide-wrap.slide-gradient:before {
    left: 0;
    right: auto;
    background: linear-gradient(90deg, #EBEBEB, #EBEBEB00);
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 16px !important;
    padding: 0 16px;
}

.swiper-pagination span {
    width: 7px;
    height: 7px;
    background: #999999;
    opacity: 0.256;
    border-radius: 4px;
    transition: all .3s;
}

.swiper-pagination span:hover {
    opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet-active {
    width: 21px;
    opacity: 1;
    background: #06A6FF;
}

.game-wrap,
.recent-wrap,
.fav-wrap,
.promo-wrap,
.providers-wrap {
    min-height: calc(var(--vh, 1vh) * 100 - var(--header-height) - 16px);
    padding-bottom: var(--space-32-24);
}

.game-wrap .no-result {
    margin-top: 60px;
}

.h1Title img,
.h1Title i,
.h1Title em {
    display: none !important;
}

.more-desc {
    color: #666666;
    font-size: 18px;
    text-align: center;
    margin: 57px 0 32px;
    display: none;
}

.more-desc .ico-loading {
    width: 53px;
    height: 53px;
    display: block;
    margin: -53px auto 0;
}

.search-wrap .input-grp {
    margin: 24px;
    width: auto;
}

.search-wrap .input-grp input {
    width: 100%;
    border: 1px solid #E6E6E6;
}

.search-wrap .input-grp i {
    color: #222;
}

.search-wrap .input-grp .icon-close {
    display: none;
    font-size: 16px;
}

.search-wrap .games-list,
.search-wrap .slot-list {
    margin: 0 24px 24px;
}

.search-wrap .no-result {
    color: #999;
}

.recent-back {
    font-size: 24px;
    margin-bottom: 32px;
}

.recent-back i {
    font-size: 18px;
}

.recent-back .no-result {
    margin-top: 44px
}

.filter-wrap {
    display: flex;
    justify-content: stretch;
    padding: 0 0 24px;
    margin-right: -4px;
    position: sticky;
    align-items: center;
}

.filter-wrap>div {
    height: 54px;
    border-radius: 8px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: stretch;
    margin-right: 16px;
    padding: 0 16px;
    max-width: 50%;
    font-size: 20px;
}

.filter-wrap>div span {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    width: calc(100% - 20px);
}

.filter-wrap>div span span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 36px);
    display: block;
}

.filter-wrap>div i,
.filter-wrap>div img {
    font-size: 24px;
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

.filter-wrap>div i.game-label {
    display: none;
}

.filter-wrap>div em {
    display: none !important;
}

.filter-wrap>div .icon-chevron-right {
    font-size: 14px;
    color: #000;
    margin: 0;
    flex: 0 0 10px;
    line-height: 24px;
}

.filter-wrap>div.icon-only {
    width: 35px;
    display: flex;
    align-items: center;
    text-align: center;
    flex: 0 0 auto;
    justify-content: center;
}

.filter-wrap>div.icon-only i {
    font-size: 20px;
    margin: 0;
    width: auto;
    height: auto;
}

.filter-wrap.fixed {
    position: fixed;
    top: var(--header-height);
    background: #fff;
    left: 0;
    right: 0;
    height: 44px;
    padding: 0 8px;
}

.mod-casino .modal {
    width: 500px;
}

.mod-casino .modal .icon-close {
    font-size: 22px;
}

.mod-casino .modal .modal-hd {
    padding: 14px 24px;
}

.mod-casino .modal .modal-content {
    padding: 24px;
}

.mod-casino .modal .modal-content .btn-outline {
    margin-top: 16px;
}

@media (max-width:991px) {
    .mod-casino .content-wrap {
        padding: 8px;
    }
    .mod-banner {
        margin: 0 0 8px 0;
    }
    .mod-casino .slide-wrap.slide-gradient:before,
    .mod-casino .slide-wrap.slide-gradient:after {
        display: none;
    }
    .mod-casino .swiper-slide {
        max-width: 100%;
    }
    .mod-casino .swiper-slide .skeleton {
        background: #A6A6A6;
    }
    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 8px !important;
    }
    .swiper-pagination span {
        background: #fff;
        width: 4px;
        height: 4px;
        margin: 0 2px !important;
    }
    .swiper-pagination .swiper-pagination-bullet-active {
        width: 12px;
        background: #fff;
    }
    .popup-filter {
        background: #fff;
    }
    .popup-filter .container {
        margin-top: 8px;
    }
    .games-list ul {
        margin-right: -7px;
    }
    .games-list li,
    .search-wrap .games-list li {
        width: calc(20% - 7px);
        margin: 0 7px 7px 0;
    }
    .games-list .game-name {
        font-size: 14px;
        margin: 4px 0 0;
    }
    .more-desc {
        font-size: 14px;
        margin: 60px 8px 20px;
    }
    .search-wrap {
        padding-top: 44px;
        background: #fff;
        height: calc(var(--vh, 1vh) * 100 - var(--header-height));
        z-index: 9999;
        position: fixed;
        left: 0;
        right: 0;
        overflow: auto;
    }
    .mod-casino .search-wrap {
        margin: -8px 0;
    }
    .search-wrap .flex-title i {
        margin: 0 8px;
    }
    .search-wrap .input-grp {
        margin: 16px;
    }
    .mod-casino .fullframe-title .icon-search {
        font-size: 20px;
    }
    .search-wrap .games-list {
        margin: 0 8px 16px;
    }
    .search-wrap .games-list ul {
        justify-content: flex-start;
    }
    .recent-wrap .flex-title {
        font-size: 16px;
        font-weight: bold;
        margin-top: -8px;
    }
    .recent-wrap .no-result,
    .fav-wrap .no-result {
        justify-content: center;
    }
    .mod-casino .recent-wrap .no-result,
    .mod-slot .no-result {
        min-height: calc(var(--vh) * 100 - (var(--header-height) * 2) - 32px - var(--tabbar-height));
        margin-top: 0;
        justify-content: center;
    }
    .filter-wrap {
        justify-content: stretch;
        padding: 0 0 8px;
    }
    .filter-wrap>div {
        height: 35px;
        margin-right: 4px;
        padding: 0 12px;
        width: calc(50% - 26px);
        font-size: 14px;
    }
    .filter-wrap>div i,
    .filter-wrap>div img {
        font-size: 16px;
        width: 16px;
        height: 16px;
        margin-right: 4px;
    }
    .filter-wrap>div .icon-chevron-right {
        font-size: 10px;
        line-height: 16px;
    }
    .mod-casino .modal .modal-hd {
        padding: 14px 16px;
    }
    .mod-casino .modal .modal-hd .text-primary {
        font-size: 16px;
    }
    .mod-casino .modal .modal-content {
        padding: 8px 8px 16px;
    }
    .mod-casino .modal .flex-left .icon-search {
        font-size: 20px;
    }
}

@media (max-width:767.8px) {
    .games-list li,
    .search-wrap .games-list li {
        width: calc(50% - 7px);
    }
}

/*SLOT*/

.mod-slot,
.mod-slot .game-panel .h1.catTitle {
    font-size: 32px;
}

/*.mod-slot .games-hd-menu{display:none !important;}*/

.games-hd-menu.category-list li i.showall-btn,
.games-hd-menu.category-list li i.collapse-btn {
    font-size: 1em;
    margin: 0;
}

.mod-slot .game-panel {
    display: none;
    position: relative;
}

.mod-slot .game-wrap .content-wrap .flex-title,
.mod-slot .fav-wrap .flex-title,
.mod-slot .providers-wrap .flex-title {
    margin-bottom: 16px;
}

.mod-slot .game-wrap .icon-filter {
    font-size: 32px;
}

.mod-slot .game-wrap .icon-filter.active:after {
    right: 0px;
    top: 2px;
}

.mod-slot .flex-back {
    font-size: 24px;
}

.mod-slot .flex-back>div {
    display: flex;
    align-items: center;
}

.mod-slot .flex-back .icon-chevron-left {
    font-size: 18px;
    width: 18px;
    text-align: center;
    margin-right: 8px;
}

.mod-slot .game-panel .h1 {
    font-size: 24px;
    margin-top: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.mod-slot .game-panel .h1 a {
    margin-left: auto;
    font-size: 20px;
    font-weight: normal;
    display: flex;
    align-items: center;
}

.mod-slot .game-panel .h1 a i {
    font-size: 18px;
    margin-left: 5px;
}

.slot-list li {
    background: none;
    height: auto;
    width: 240px;
    position: relative;
}

.slot-list li>a {
    display: block;
}

.slot-list li img {
    width: 100%;
    object-fit: cover;
    border-radius: 12px;
}

.slot-list .game-name {
    font-size: 18px;
    margin-top: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mod-slot .game-panel .panel-scroll {
    overflow: visible;
}

.mod-slot .game-panel .slide-prev,
.game-panel .slide-next {
    top: 169px;
    bottom: auto;
}

.mod-slot .game-panel .slide-arrow-sProviders {
    top: 73px;
}

.mod-slot .full-panel {
    display: flex;
    flex-wrap: wrap;
    margin: 24px -8px 8px 0;
}

.mod-slot .full-panel li {
    margin: 0 8px 16px 0;
    width: calc(16.666% - 8px);
}

.mod-slot .search-wrap .full-panel {
    margin-right: -24px;
}

.mod-slot .search-wrap .full-panel li {
    margin-right: 24px;
    width: calc(16.666% - 24px);
}

.mod-slot .game-overlay .icon-star {
    color: #fff;
    position: absolute;
    display: block !important;
    font-size: 20px;
    width: 36px;
    border-radius: 50%;
    background: #222222c7;
    text-align: center;
    line-height: 36px;
    right: 16px;
    top: 16px;
    cursor: pointer;
    z-index: 1;
}

.mod-slot .game-overlay .icon-star-fill {
    color: #f6cf37;
}

.game-overlay {
    width: 100%;
    background: #00000033;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 35px;
    display: flex;
    align-items: center;
    opacity: 0;
    transition: all .4s;
    border-radius: 12px;
}

.slot-list li:hover .game-overlay {
    opacity: 1;
}

.game-overlay .icon-play-circle-fill {
    font-size: 80px;
    color: #06A6FF;
    margin: 0 auto;
}

.game-overlay .icon-star {
    display: none !important;
    color: #fff;
    position: absolute;
    display: block;
    font-size: 20px;
    width: 36px;
    border-radius: 50%;
    background: #222222c7;
    text-align: center;
    line-height: 36px;
    right: 16px;
    top: 16px;
    cursor: pointer;
}

.game-overlay .icon-star:hover:before {
    content: '\e93e';
    color: #f6cf37;
}

.mod-slot.mod-card .game-overlay .icon-star {
    display: none !important
}

.mod-slot .modal {
    width: 732px;
}

.mod-slot .modal .icon-close {
    font-size: 22px;
}

.mod-slot .modal .modal-hd {
    padding: 14px 24px;
}

.mod-slot .modal .modal-content {
    padding: 8px 24px 24px;
}

.mod-slot .modal .btn-outline {
    margin-top: 16px;
    font-size: 16px;
}

.mod-slot .modal .modal-content .h3 {
    color: #222;
    margin: 8px 0 16px;
    font-weight: 500;
}

.mod-slot .modal .category-list.d-flex li {
    width: calc(33.33% - 8px);
    height: 48px;
}

.mod-slot .modal .modal-content li:nth-child(n+9),
.mod-slot .modal .modal-content .show li.showall-btn {
    display: none;
}

.mod-slot .modal .modal-content .show li {
    display: flex;
}

.mod-slot .modal .modal-content li.showall-btn,
.mod-slot .modal .modal-content li.collapse-btn {
    border: 1px solid #222;
    background: #fff;
    color: #222;
    height: 46px;
    padding-left: 35px;
}

.mod-slot .modal .showall-btn i,
.mod-slot .modal .collapse-btn i {
    font-size: 14px;
    width: 14px;
    margin-left: 8px;
}

.mod-slot .game-panel-popular {
    display: block;
}

.mod-slot .game-panel-popular li {
    width: 500px;
    height: 140px;
    margin-right: 8px;
}

.mod-slot .game-panel-popular li>div {
    width: 500px;
    max-width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: #ffffff;
    background: #999999;
    padding: 0 35px;
}

.mod-slot .game-panel-popular li .h2 {
    font-size: 28px;
}

.mod-slot .game-panel-popular li p {
    font-size: 20px;
    color: #ffffff99
}

.mod-slot .game-panel-popular .slide-prev,
.game-panel-popular .slide-next {
    top: 107px;
}

.mod-slot .img-qr {
    width: 158px;
    height: 158px;
    margin: 16px 0;
}

.game-jackpot {
    background: #D1D1D1;
    padding: 29px 16px 16px;
    border-radius: 12px;
    margin: 16px 0;
}

.game-jackpot>h1,
.game-jackpot>h2,
.game-jackpot>.h1,
.game-jackpot>.h2 {
    text-align: center;
    font-weight: medium;
    font-size: 39px;
    line-height: 45px;
}

.game-jackpot>h2,
.game-jackpot>.h2 {
    font-size: 34px;
    margin-top: 5px;
    line-height: 52px;
}

.game-jackpot .jackpot-board {
    background: #999999;
    border-radius: 12px;
    display: flex;
    padding: 16px;
    margin-top: 27px;
    overflow: hidden;
}

.game-jackpot .jackpot-score {
    background: #fff;
    border-radius: 12px;
    width: 38%;
    margin-right: 40px;
    flex: 0 0 auto;
}

.game-jackpot .jackpot-score p {
    display: flex;
    align-items: center;
    height: 33.33%;
    justify-content: space-between;
    margin: 0 28px;
    font-size: 20px;
}

.game-jackpot .jackpot-panel {
    flex: 1 1 auto;
    width: 66.66%;
    margin-right: -16px;
    overflow: hidden;
}

.game-jackpot .jackpot-panel h1,
.game-jackpot .jackpot-panel .h1 {
    font-size: 24px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 16px;
}

.game-jackpot .jackpot-panel h1 a,
.game-jackpot .jackpot-panel .h1 a {
    font-size: 20px;
    font-weight: normal;
    display: flex;
    align-items: center;
}

.game-jackpot .jackpot-panel h1 i,
.game-jackpot .jackpot-panel .h1 i {
    font-size: 18px;
}

.game-jackpot .jackpot-panel li {
    width: 116px;
    margin-right: 8px;
}

.game-jackpot .jackpot-panel .game-overlay,
.game-jackpot .jackpot-panel li img {
    height: 116px;
}

.jackpot-panel .game-overlay .icon-play-circle-fill {
    font-size: 60px;
    color: #06A6FF;
    margin: 0 auto;
}

.jackpot-panel .game-overlay .icon-star {
    top: 6px;
    right: 6px;
    width: 34px;
    line-height: 34px;
    font-size: 18px;
    z-index: 10;
}

.jackpot-panel .game-name {
    color: #000;
}

.mod-slot .provider-item {
    background: #fff;
    width: calc(20% - 8px);
    min-width: 150px;
    border-radius: 12px;
    height: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mod-slot .provider-item img {
    max-height: 50px;
    max-width: 80%;
    width: auto;
}

.mod-slot .provider-list ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.mod-slot .provider-list li {
    background: #fff;
    font-size: 24px;
    min-height: 120px;
    width: calc(50% - 10px);
    margin: 5px;
    border-radius: 12px;
    align-items: center;
    display: flex;
    padding: 10px 32px;
}

.mod-slot .provider-list li img {
    width: 64px;
    margin-right: 24px;
}

.mod-slot .provider-list li small {
    font-size: 20px;
    margin-left: auto;
    color: #666666;
}

/*CARD*/

.mod-card .game-wrap {
    margin-top: 24px;
}

.mod-card .game-wrap .flex-title {
    margin: 0;
}

.mod-card .full-panel li {
    margin-bottom: 24px;
}

#list_11964220589608970 img,
.list_11964220589608970 img {
    object-position: left center;
}

.breadcrumb {
    line-height: 16px;
    font-size: 12px;
    background: #EBEBEB;
    padding: 9px 30px 9px 60px;
    color: #666;
    position: relative;
    display: flex;
    align-items: center;
    color: #909296;
}

.breadcrumb * {
    flex: 0 0 auto
}

.breadcrumb i {
    font-size: 8px;
    margin: 0 6px;
}

.breadcrumb b {
    color: #262B33;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 0 1 auto;
}

@media (max-width:991px) {
    .slot-list .game-name {
        font-size: 14px;
        margin: 4px 0 8px;
    }
    .slot-list li.swiper-slide {
        width: 172px;
    }
    .mod-slot .game-panel .slide-prev,
    .game-panel .slide-next {
        display: none;
    }
    .game-overlay {
        background: none;
        opacity: 1;
    }
    .game-overlay .icon-play-circle-fill {
        display: block;
        opacity: 0;
        width: 100%;
        height: 100%;
    }
    .game-overlay .icon-star {
        top: 6px;
        right: 6px;
        width: 34px;
        line-height: 34px;
        font-size: 18px;
    }
    .mod-slot h3.flex-center,
    .mod-slot .h3.flex-center {
        font-size: 18px;
    }
    .mod-slot .game-wrap {
        margin-top: var(--header-height);
    }
    .mod-slot .game-wrap .icon-filter,
    .mod-slot .game-wrap .flex-right i {
        font-size: 22px;
        margin-left: 16px;
    }
    .mod-slot .game-wrap,
    .mod-slot .fav-wrap,
    .mod-slot .providers-wrap {
        padding: 0 8px;
    }
    .mod-slot .game-panel .h1 {
        font-size: 18px;
        margin-top: 12px;
    }
    .mod-slot .game-panel .h1 a {
        font-size: 16px;
    }
    .mod-slot .game-panel .h1 a i {
        font-size: 12px;
        margin-left: 4px;
    }
    .mod-slot .content-wrap .flex-title,
    .mod-slot .fav-wrap .flex-title,
    .mod-slot .providers-wrap .flex-title {
        margin-bottom: 12px;
        background: #EBEBEB;
        position: fixed;
        left: 0;
        right: 0;
        padding: 0 8px;
        top: var(--header-height);
        z-index: 999;
    }
    .mod-slot .game-wrap .flex-title+*,
    .mod-slot .fav-wrap .flex-title+*,
    .mod-slot .providers-wrap .flex-title+* {
        margin-top: var(--header-height);
    }
    .mod-slot .full-panel {
        margin: 10px -15px 8px 0;
    }
    .mod-slot .full-panel li {
        margin: 0 15px 0 0;
        width: calc(16.666% - 15px);
    }
    .mod-slot .search-wrap .full-panel {
        margin: 10px -4px 8px 0;
        justify-content: left;
    }
    .mod-slot .search-wrap .full-panel li {
        margin: 0 4px 8px 0;
        width: calc(16.666% - 4px);
    }
    .search-wrap .slot-list {
        margin: 0 16px 24px
    }
    .mod-slot .flex-left .icon-chevron-left {
        font-size: 16px;
    }
    .mod-slot .modal-hd .icon-search {
        font-size: 20px;
    }
    .mod-slot .modal .modal-hd {
        padding: 14px 16px;
    }
    .mod-slot .modal .modal-hd .text-primary {
        font-size: 16px;
    }
    .mod-slot .modal .modal-content {
        padding: 8px 8px 16px;
    }
    .mod-slot .modal .modal-content .h3 {
        font-size: 16px;
        margin: 8px -8px 0;
        padding: 16px 8px;
        border-top: 1px solid #E0E0E0;
    }
    .mod-slot .modal .h3.flex-center {
        font-size: 16px;
    }
    .mod-slot .modal .category-list.d-flex li {
        width: calc(50% - 8px);
    }
    .mod-slot .modal .category-list.d-lg-none {
        margin-bottom: 16px;
    }
    .mod-slot .game-panel-popular ul {
        display: block;
    }
    .mod-slot .game-panel-popular li {
        width: 100%;
        height: 100px;
        margin-top: 8px;
    }
    .mod-slot .game-panel-popular li>div {
        padding: 0 24px;
    }
    .mod-slot .game-panel-popular li .h2 {
        font-size: 20px;
    }
    .mod-slot .game-panel-popular li p {
        font-size: 14px;
    }
    .game-jackpot {
        padding: 24px 8px 16px;
        margin: 24px -8px;
    }
    .game-jackpot>h1,
    .game-jackpot>h2,
    .game-jackpot>.h1,
    .game-jackpot>.h2 {
        font-size: 24px;
        line-height: 32px;
    }
    .game-jackpot .jackpot-board {
        background: transparent;
        display: block;
        padding: 0;
        margin: 0;
        overflow: visible;
    }
    .game-jackpot .jackpot-score {
        background: #999999;
        color: #fff;
        width: 100%;
        margin: 0;
        height: 144px;
        padding: 8px 0;
        margin-top: 21px;
    }
    .game-jackpot .jackpot-score p {
        margin: 0 24px;
        font-size: 16px;
    }
    .game-jackpot .jackpot-panel {
        width: auto;
        margin: 4px -8px 0;
    }
    .game-jackpot .jackpot-panel .panel-scroll {
        padding: 0 8px;
    }
    .game-jackpot .jackpot-panel li {
        width: 172px;
    }
    .game-jackpot .jackpot-panel li img,
    .game-jackpot .jackpot-panel .game-overlay {
        height: 172px;
    }
    .game-jackpot .btn-white {
        width: 118px;
        margin: 8px auto 0;
        display: block;
    }
    .breadcrumb {
        padding: 9px 6px;
    }
    .mod-slot .provider-list ul {
        margin: 0;
    }
    .mod-slot .provider-list li {
        width: 100%;
        font-size: 14px;
        min-height: 54px;
    }
    .mod-slot .provider-list li img {
        width: 24px;
    }
    .mod-slot .provider-list li small {
        font-size: 1em;
    }
}

@media (max-width:767.8px) {
    .mod-slot .full-panel li {
        width: calc(50% - 15px);
    }
    .mod-slot .search-wrap .full-panel li {
        width: calc(50% - 4px)
    }
}

/*USER*/

.user-panel {
    border-radius: 12px;
    background: #7243E0;
    display: flex;
    align-items: center;
    padding: 13px 24px;
    color: #fff;
    justify-content: stretch;
    text-align: center;
    margin-bottom: 16px;
}

.user-panel>div {
    flex: 1 1 auto;
}

.user-panel>div:first-child {
    flex: 0 0 auto;
    padding-right: 20px;
    max-width: 40%;
}

.user-panel>div:last-child {
    border-left: 1px solid #ffffff33;
}

.user-panel small {
    display: block;
    font-size: 14px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.user-panel h5,
.user-panel .h5 {
    margin-bottom: 8px;
}

.user-panel h5 span,
.user-panel .h5 span {
    display: inline-block;
    vertical-align: middle;
}

.user-panel h5 i,
.user-panel .h5 i {
    font-size: 10px;
    margin: 0 -20px 0 10px;
}

.user-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #E6E6E6;
    margin-bottom: 3px;
}

.member-sidebar .sticky-sidebar {
    position: sticky;
    top: calc(var(--header-height) + 16px);
}

.member-sidebar .white-card {
    padding: 0;
}

.member-sidebar .white-card h6,
.member-sidebar .white-card .h6 {
    padding: 12px 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.member-sidebar .white-card .icon-chevron-down {
    font-size: 12px;
    margin-left: 8px;
}

.member-sidebar .white-card .icon-eye {
    margin-left: auto;
    font-size: 24px;
}

.member-sidebar .white-card .icon-refresh {
    margin-left: 12px;
    font-size: 24px;
}

.member-sidebar .white-card h6,
.user-acc h5,
.user-acc p,
.member-sidebar .white-card .h6,
.user-acc .h5 {
    display: flex;
    align-items: center;
}

.member-sidebar .white-card em,
.user-acc em {
    margin-left: auto;
}

.member-sidebar .user-acc {
    display: ;
    padding: 0 16px 16px;
    position: relative;
    display: none;
}

.user-acc h5,
.user-acc .h5 {
    border-top: 1px solid #DDDDDD;
    padding: 16px 0 8px;
    margin-top: 8px;
}

.user-acc p {
    color: #666666;
    line-height: 20px;
    padding: 12px 0 12px 16px;
}

.user-acc .icon-info-circle {
    color: #06A6FF;
    font-size: 16px;
    margin-left: 10px;
}

.user-acc .tooltip-text {
    left: 10px;
    width: 327px;
}

.user-acc .tooltip-text .icon-close {
    margin-left: auto;
}

.user-acc .tooltip-wrap .tooltip-text::after {
    left: 68px;
}

/*USER-MEMBER INDEX*/

.mod-member {
    padding-top: 16px;
    min-height: calc(var(--vh) * 100 - var(--header-height));
}

.mod-member .card-wrap {
    min-height: auto;
}

.profile-nav .nav-section {
    margin-left: 60px;
    display: flex;
    align-items: center;
    padding: 12px 24px 12px 0;
    border-bottom: 1px solid #E6E6E6;
    cursor: pointer;
}

.profile-nav .nav-section a {
    display: block;
}

.profile-nav .nav-section i:first-child {
    font-size: 24px;
    margin-left: -40px;
    margin-right: 16px;
    color: #666666;
}

.profile-nav .nav-section .icon-chevron-down {
    font-size: 16px;
    margin-left: auto;
}

.member-drop {
    background: #F2F2F2;
    display: none;
}

.member-drop a {
    display: block;
    padding: 12px 24px 12px 60px;
    margin-top: -1px;
    color: #666666;
}

.user-balance .h5-header {
    background: #06A6FF;
}

@media (max-width:991px) {
    .mod-member {
        padding-top: var(--header-height);
    }
    .user-panel,
    .member-sidebar .white-card {
        margin: 8px;
    }
    .member-sidebar .white-card .icon-chevron-down:before {
        content: '\e939'
    }
    .h5-fullscreen.user-balance .h5-header .flex-left {
        height: 44px;
    }
    .h5-fullscreen.user-balance .h5-header p {
        margin: 8px 0;
        color: #FFFFFFCC;
    }
    .h5-fullscreen.user-balance .h5-header .balance-title {
        margin-bottom: 16px;
        font-size: 20px;
        line-height: 24px;
        display: flex;
        align-items: center;
    }
    .h5-fullscreen.user-balance .h5-header .balance-title i {
        display: inline-block;
        margin-left: 8px;
    }
    .h5-fullscreen.user-balance .content {
        padding: 137px 16px 200px;
        position: relative;
        min-height: 100%;
    }
    .h5-fullscreen.user-balance .white-card {
        padding: 0 16px 8px;
    }
    .user-acc h5:first-child,
    .user-acc .h5:first-child {
        margin-top: 0;
        border: 0;
    }
    .btn-vertical-wrap {
        position: absolute;
        bottom: 24px;
        left: 16px;
        right: 16px;
    }
    .btn-vertical-wrap a {
        margin-top: 14px
    }
}

/*USER-BASEINFO*/

.item-ipt {
    display: block;
    width: 100%;
}

.mod-member .card-content label {
    display: block;
    color: #999999;
    width: 100%;
    text-align: left;
    margin: 0;
    line-height: 19px;
    margin-bottom: 8px;
    float: none;
}

.mod-member .card-content input[type="text"],
.mod-member .card-content input[type="password"],
.mod-member .card-content input[type="date"],
.mod-member .card-content input[type="number"],
.mod-member .card-content input[type="email"],
.mod-member .card-content select {
    width: 100%;
    border: 1px solid #DDDDDD;
    padding: 0 16px;
    font-size: 16px;
}

.form-content>div:not(.custom),
.form-content>form {
    max-width: 379px;
    padding: 32px 0;
    margin: 0 auto;
}

.form-content .btn.btn-submit {
    margin-top: 24px;
}

.form-content .btn.disabled:not(.disabled-color) {
    background: #F2F2F2;
}

.form-content {
    color: #666666
}

.form-content p:not(.CaptionCont) {
    font-size: 12px;
}

.form-content .SumoSelect>.CaptionCont>span {
    color: #222;
}

.form-content li {
    margin-top: 16px;
}

.form-content .input-grp .iti--allow-dropdown .iti__flag-container,
.mod-info .input-grp .iti--separate-dial-code .iti__flag-container {
    left: 16px;
}

.form-content .input-grp .iti input.txt-ipt {
    padding-left: 74px !important;
}

.form-content input[disabled],
.form-content .input-verified {
    background: #F4F4F4 !important;
    border-color: #F4F4F4 !important;
}

.form-content .input-grp-phone {
    border: 1px solid #DDDDDD;
    margin: 8px 0 0 !important;
}

.form-content li .input-grp-phone .txt-ipt {
    margin: 0;
    border: transparent;
    display: block;
}

.form-content .step2 input:not(.input-otp),
.form-content .show input:not(.input-otp,
#wdpassword) {
    background: #F4F4F4;
    border-color: #F4F4F4;
    pointer-events: none !important;
    color: #999999;
    border-radius: 8px 8px 0 0;
}

div .form-content .input-otp[type=text] {
    padding-left: 42px;
    margin-top: 0;
}

.form-content .error.show .input-grp~.error-tips {
    display: none !important;
}

.form-content .otp-grp {
    padding-bottom: 8px
}

.form-content .bottom-reminder {
    padding: 16px;
    border-radius: 8px;
    background: #F2F2F2;
    font-size: 12px;
    line-height: 20px;
    color: #262B33;
    margin: 24px 0;
}

.form-content .bottom-reminder b {
    font-size: 14px;
    margin-bottom: 6px;
    line-height: 19px;
    display: block;
}

.form-content .bottom-reminder li {
    margin: 0 0 0 15px;
    padding-left: 3px;
    list-style: decimal;
}

.form-content .input-desc {
    color: #666666;
    margin-top: 8px;
    display: block;
}

.lang-select {
    display: flex;
    margin: 0 -8px 0 0;
    flex-wrap: wrap;
}

.lang-select>div {
    border-radius: 8px;
    border: 1px solid #E6E6E6;
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 6px 16px;
    margin: 0 8px 0 0;
    width: calc(50% - 8px);
    color: #222;
    margin-top: 8px;
}

/*USER-CHANGEPWD*/

.mod-changepw form {
    background: none;
    width: 380px;
    padding: 32px 0;
    margin: 0 auto;
    max-width: 100%;
}

.mod-changepw form li {
    margin-bottom: 16px;
}

.mod-changepw input {
    padding-left: 14px;
}

.mod-changepw label .cRed {
    display: none;
}

.mod-changepw .btn.w-100 {
    margin-top: 24px;
}

@media (max-width:991px) {
    .content:not(.member-content-index) .mod-member .card-wrap {
        margin: 8px;
        border-radius: 12px;
        padding: 16px;
    }
    .content:not(.member-content-index) #memberSidebar {
        display: none !important
    }
    .content.member-content-changePwd .mod-member .card-wrap {
        margin-top: calc(var(--header-height) + 8px);
    }
    .mod-changepw form {
        padding: 0;
    }
    .form-content>div:not(.custom),
    .form-content>form {
        padding: 0;
    }
}

/*USER-BANKCARD*/

.mod-wtdcard .card-content {
    padding: 24px;
}

.mod-wtdcard .wtd-card-wrap {
    background: #F4F4F4;
}

.mod-wtdcard .bank-card,
.mod-wtdcard .btn-addcard {
    min-height: 193px;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background: url(../images/wallet/bankcard_bg.webp) no-repeat center/cover;
    border-radius: 12px;
    overflow: hidden;
    color: #fff;
    padding: 24px;
    position: relative;
    cursor: pointer;
}

.mod-wtdcard .bank-card-empty,
.mod-wtdcard .btn-addcard {
    font-size: 16px;
    color: #06A6FF;
    align-items: center;
    flex-direction: row;
}

.mod-wtdcard .bank-card-empty i,
.mod-wtdcard .btn-addcard i {
    font-size: 20px;
    margin-right: 8px;
}

.mod-wtdcard .bank-card .d-flex {
    align-items: flex-start;
}

.mod-wtdcard .bank-card .bank-name {
    padding-right: 10px;
    line-height: 26px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mod-wtdcard .bank-card .default {
    flex: 0 0 auto;
    font-size: 12px;
    color: #FFE8F9;
    border: 1px solid #FFE8F9;
    padding: 0 8px;
    margin-left: auto;
    border-radius: 4px;
    line-height: 24px;
}

.mod-wtdcard .bank-card .default.checked {
    background: #FFE8F9;
    color: #222;
}

.mod-wtdcard .bank-card .acc-no {
    font-weight: normal;
    margin-top: 16px;
    line-height: 32px;
}

.mod-wtdcard .bank-card .real-name {
    line-height: 18px;
}

.mod-wtdcard .bank-card .ifsc-code {
    line-height: 19px;
    margin-top: 16px;
    padding-right: 50px;
}

.mod-wtdcard .bank-card .icon-delete {
    font-size: 24px;
    right: 24px;
    bottom: 24px;
    position: absolute;
    display: block;
}

.mod-wtdcard .form-content {
    padding: 0;
}

.mod-wtdcard .form-content li:first-child {
    margin-top: 0;
}

.mod-wtdcard .custom-checkbox {
    margin-top: 16px;
    color: #222;
}

.mod-wtdcard .focus-tips {
    font-size: 12px;
}

.info-card-wrap .icon-warning,
.info-card-wrap .icon-check-circle-fill {
    display: block;
    text-align: center;
    color: #FFBC25;
    font-size: 48px;
    width: 48px;
    margin: 0 auto;
}

.info-card-wrap .icon-check-circle-fill {
    color: #32C85D;
}

.info-card-wrap .form-content h5,
.info-card-wrap .form-content .h5 {
    text-align: center;
    color: #222;
    margin: 8px 0
}

.info-card-wrap .form-content p {
    text-align: center;
    margin-bottom: 24px;
    font-size: 14px;
}

.info-card-wrap .btn {
    margin-top: 24px;
}

.mod-wtdcard .no-result {
    margin: 8px;
    font-size: 14px;
}

.mod-wtdcard .no-result h2,
.mod-wtdcard .no-result .h2 {
    color: #222222;
}

.mod-wtdcard .btn-addcard {
    margin-top: 26px;
    height: 44px;
    width: 100%;
    border-radius: 8px;
    min-height: auto;
    max-width: 360px;
    padding: 0;
    border: none;
}

.mod-wtdcard .btn-addcard i {
    font-size: 16px;
}

.mod-wtdcard .form-content input[disabled]::placeholder {
    color: #F4F4F4;
}

@media (max-width:991px) {
    .content .mod-wtdcard .card-wrap.wtd-card-wrap {
        padding: 0;
        background: transparent;
    }
    .mod-wtdcard .card-wrap:not(.info-card-wrap) .card-content {
        padding: 0;
    }
    .mod-wtdcard .bank-acc-wrap {
        --bs-gutter-y: 16px;
        --bs-gutter-x: 16px;
    }
    .mod-wtdcard .custom-checkbox {
        font-size: 12px;
    }
    .mod-wtdcard .no-result {
        min-height: calc(var(--vh) * 100 - var(--header-height) * 2 - var(--tabbar-height));
        margin: 0;
        padding-bottom: 20px;
    }
    .mod-wtdcard .btn-addcard {
        max-width: 450px;
    }
}

/*USER-MY BETS*/

.mod-record .card-wrap {
    background: #E0E0E0;
    padding-bottom: 0;
}

.mod-record .card-content {
    border-top: 1px solid #CCCCCC;
}

.mod-record .no-result {
    margin-bottom: 24px;
    padding-bottom: 20px;
}

.mod-record .no-result h2,
.mod-record .no-result .h2 {
    color: #222222;
    line-height: 1.5;
}

.mod-record .no-result img {
    max-width: 70%;
}

.mod-record .record-content {
    padding: 0 16px 8px;
}

.mod-record .record-content .flex-title {
    height: 58px;
}

.mod-record .record-content .flex-title.d-none+.history-list {
    padding-top: 16px;
}

.mod-record .slipTitle i {
    display: none !important;
}

.mod-record .record-content h3.title-center,
.mod-record .record-content .h3.title-center {
    font-weight: 500;
}

.mod-record .record-content .icon-filter {
    font-size: 22px;
    margin: 17px 0;
    padding-right: 9px;
    position: relative;
}

.icon-filter {
    position: relative;
}

.icon-filter.active:after {
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    right: 6px;
    top: 0;
    border-radius: 50%;
    background: #FF262E;
}

.mod-record .white-card {
    margin-bottom: 8px;
    line-height: 1.333;
}

.mod-record.mod-wager .white-card {
    background: #fff url(../images/icons/logo.svg?1) right 16px top 48px/54px no-repeat;
}

.mod-record .white-card>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mod-record .white-card .betcard-title {
    align-items: flex-start;
}

.mod-record.mod-wager .white-card .betcard-title {
    position: relative;
    display: block;
}

.mod-record .white-card .betcard-title h4,
.mod-record .white-card .betcard-title .h4 {
    flex: 1 1 auto;
    word-break: break-all;
}

.mod-record.mod-wager .white-card .betcard-title h4,
.mod-record.mod-wager .white-card .betcard-title .h4 {
    word-break: break-word;
    margin-bottom: 4px;
    font-weight: bold;
    padding-right: 70px;
}

.mod-record .white-card .bet-content {
    font-size: 14px;
    color: #666666;
}

.mod-record .white-card .bet-content h4 {
    color: #000
}

.mod-record .white-card .bet-content h4 em {
    color: #06A6FF;
}

.mod-record .white-card .bet-content h4~h4 {
    border-top: 1px solid #E0E0E0;
    padding-top: 1em;
}

.mod-record .white-card .status-label {
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: bold;
    padding: 0 8px;
    line-height: 22px;
    margin: 0 0 0 10px;
}

.mod-record.mod-wager .white-card .status-label {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
}

.mod-record .white-card>p {
    margin-bottom: 16px;
    color: #666;
}

.mod-record .white-card.customize-bet .bet-gptype {
    display: none;
}

.mod-record .white-card h5,
.mod-record .white-card .h5 {
    margin-bottom: 0;
    font-weight: 500;
}

.mod-record .white-card h5.text-lightblue,
.mod-record .white-card .h5.text-lightblue {
    color: #222 !important;
}

.mod-record .white-card div p {
    color: #666;
}

.mod-record.mod-transaction .white-card div p {
    color: #666;
    margin-top: 4px;
}

.mod-record .white-card small {
    color: #999;
    font-size: 12px;
    margin-top: 14px;
    display: flex;
    align-items: center;
}

.mod-record .white-card .icon-copy {
    color: #06A6FF;
    margin-left: 8px;
    cursor: pointer;
}

.mod-record .more-desc {
    font-size: 14px;
}

.mod-record .white-card.skeleton-card {
    height: 143px;
}

.mod-record .white-card.skeleton-card>* {
    background: #EBEBEB;
    height: 21px;
    border-radius: 8px;
}

.mod-record .white-card.skeleton-card h5,
.mod-record .white-card.skeleton-card .h5 {
    width: 40%;
    margin-bottom: 30px;
}

.mod-record .white-card.skeleton-card p:last-child {
    width: 90%;
}

.mod-record .record-content .no-result-big,
.mod-record .record-content .no-result-simple {
    max-width: 100%;
}

.mod-record .record-content .no-result-simple {
    display: none;
}

.modal-filter .display-date li>p {
    position: absolute;
    top: -24px;
    left: 3px;
    color: #666;
    font-size: 14px;
}

.modal-filter hr {
    margin: 8px 0 16px;
}

.modal-filter .icon-calendar {
    color: #666;
}

.modal-filter .modal-content h3,
.modal-filter .modal-content .h3 {
    color: #222222;
    margin-bottom: 8px;
    font-weight: 500;
    line-height: 24px;
}

.modal-filter .display-date li {
    position: relative;
    margin-top: 10px;
    padding: 0 24px;
}

.modal-filter .display-date li>p {
    position: absolute;
    top: -24px;
    left: 3px;
    color: #666;
    font-size: 14px;
}

.modal-filter .display-date li .icon-calendar {
    margin-right: 0;
}

.modal-filter .category-list li {
    height: 48px;
}

.modal-filter .btn-outline {
    margin-top: 16px;
    font-weight: bold;
}

.modal-filter .icon-close {
    font-size: 22px;
}

.modal-date .icon-close {
    font-size: 22px;
    margin-right: -8px;
}

/*bet extra style for homepage*/

.mod-home #memberSidebar {
    display: none !important;
}

.app-dl-banner~.header {
    position: sticky;
}

.app-dl-banner~.content {
    padding-top: 0;
}

.app-dl-banner {
    position: relative;
    top: 0;
    background: #fff;
    left: 0;
    right: 0;
    height: 60px;
    display: flex;
    align-items: center;
    padding: 8px;
}

.app-dl-banner a {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    font-size: 12px;
    color: #666;
    line-height: 18px;
}

.app-dl-banner b {
    font-size: 14px;
    display: block;
    color: #222;
}

.app-dl-banner img {
    width: 40px;
    margin-right: 8px;
    display: block;
}

.app-dl-banner .btn {
    margin-left: auto;
    border-radius: 4px;
    padding: 8px;
}

.app-dl-banner i {
    flex: 0 0 auto;
    font-size: 16px;
    margin-left: 16px;
}

.home-bet {
    position: absolute;
    right: 0;
    top: 0;
    width: 21.875%;
    bottom: 0;
}

.home-bet .content {
    position: sticky;
    top: 0;
}

.home-bet .col-lg-8 {
    width: 100%;
}

.home-bet .card-wrap {
    border-radius: 12px;
    position: sticky;
    margin: 0;
}

.home-bet .card-content {
    max-height: calc(var(--vh) * 100 - var(--header-height) - 120px);
    overflow: auto;
}

.home-bet .mod-member {
    padding: 16px 16px 0;
    min-height: auto;
}

.home-bet .flex-title {
    background: #fff;
    font-size: 16px;
    line-height: 44px;
}

.home-bet .icon-chevron-left {
    display: none;
}

.home-bet .card-wrap .flex-subtitle {
    line-height: 41px;
    font-size: 16px;
    background: #fff;
}

.home-bet .card-wrap .flex-subtitle .cur {
    border-width: 3px;
}

.home-bet .no-result {
    font-size: 14px;
    padding: 32px 0;
    margin: 0;
}

.home-bet .record-content .flex-title {
    background: none;
}

.home-bet h3,
.home-bet .h3 {
    font-size: 16px;
}

.home-bet .mod-record .record-content {
    padding: 0 8px 8px;
}

/*.home-bet .mod-record .white-card > p{margin-bottom:16px;font-size:12px;background:url(../images/icons/logo.svg?1) right bottom/16.27% no-repeat;}*/

.home-bet .mod-record .white-card h5,
.home-bet .mod-record .white-card .h5 {
    font-size: 14px;
}

.home-bet .mod-record .white-card div p {
    font-size: 12px;
}

.home-bet .mod-record .white-card small {
    font-size: 12px;
    margin-top: 16px;
}

.home-bet .no-result .btn {
    max-width: calc(100% - 16px);
}

/*TRANSACTION*/

.mod-transaction .record-content {
    padding: 0 24px 8px;
}

.mod-transaction .white-card {
    display: flex;
    justify-content: stretch;
    padding: 24px;
    cursor: pointer;
    align-items: flex-start;
}

.mod-transaction .white-card.card-transfer {
    cursor: default
}

.mod-transaction .white-card>div {
    display: block;
}

.mod-transaction .white-card>div:last-of-type {
    margin-left: auto;
    text-align: right;
}

.img-twrap {
    border-radius: 8px;
    border: 1px solid #E6E6E6;
    margin-right: 16px;
}

.img-twrap.label-dot:after {
    width: 8px;
    height: 8px;
    top: -6px;
    right: -6px;
    border: 3px solid #fff;
}

.img-twrap img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    margin: 4px;
}

.mod-transaction .white-card h2,
.mod-transaction .white-card .h2 {
    margin-top: 4px;
    line-height: 26px;
}

.mod-transaction .white-card div p {
    color: #999;
    margin-top: 8px;
}

.mod-transaction .white-card .ico-arrow-right {
    width: 12px;
    height: 10px;
    margin: 0 8px;
}

.status-label {
    width: max-content;
    line-height: 23px;
    padding: 0 6px;
    font-weight: 500;
    border-radius: 4px;
    float: right;
    margin-top: 5px;
    text-transform: capitalize;
}

.status-label.text-lightblue {
    background: #E6EFFF;
}

.status-label.text-red {
    background: #FFDDDD;
}

.status-label.text-green {
    background: #DDFFE5;
}

.status-label.text-blue {
    background: #DDF7FF;
}

.status-label.text-grey {
    background: #EBEBEB;
}

.mod-transaction .white-card.card-tranfer>.img-wrap {
    display: none;
}

.card-tdetails .details-section {
    padding: 24px 0;
    margin: 0 24px;
    border-top: 1px solid #E0E0E0;
}

.card-tdetails .details-section.transaction-slip {
    padding-bottom: 16px;
}

.card-tdetails .details-section .icon-copied {
    display: none;
}

.card-tdetails .details-section .icon-copied.show {
    display: block;
    margin-left: 5px;
}

.card-tdetails .details-section.details-image {
    display: flex;
    align-items: center;
    border: none;
}

.card-tdetails .details-section .d-flex {
    justify-content: space-between;
    align-items: center;
}

.card-tdetails .details-section .d-flex+.d-flex {
    margin-top: 16px;
}

.card-tdetails .details-section span {
    color: #999999
}

.card-tdetails .details-section p {
    font-weight: 500;
    margin-left: auto;
}

.card-tdetails .details-section .icon-copy {
    color: #06A6FF;
    font-size: 20px;
    margin-left: 8px;
}

.card-tdetails .status-steps li {
    display: flex;
    align-items: center;
    position: relative;
}

.card-tdetails .status-steps li+li {
    margin-top: 27px;
}

.card-tdetails .status-steps li+li:before {
    content: '';
    display: block;
    position: absolute;
    width: 2px;
    height: 50px;
    top: -40px;
    left: 9px;
    background: #DCDCE0
}

.card-tdetails .status-steps li small {
    margin-left: auto;
    color: #999;
    display: none;
    font-size: 12px;
}

.card-tdetails .status-steps li i {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 12px;
    position: relative;
    z-index: 2;
}

.card-tdetails .status-steps li i i {
    display: block;
    margin: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #DCDCE0;
}

.card-tdetails .status-steps li .status-label {
    margin: 0;
    font-size: 12px;
}

.card-tdetails .status-steps.status-grey .status-label,
.card-tdetails .status-steps.status-lightblue .status-label:not(.text-lightblue),
.card-tdetails .status-steps.status-blue .status-label:not(.text-blue),
.card-tdetails .status-steps.status-green .status-label:not(.text-green),
.card-tdetails .status-steps.status-red .status-label:not(.text-red) {
    color: #999999 !important;
    font-weight: normal;
    background: none;
}

.card-tdetails .status-steps:not(.status-red) .step-red,
.card-tdetails .status-steps.status-red .step-green {
    display: none;
}

.card-tdetails .status-steps.status-lightblue .step-lightblue small,
.card-tdetails .status-steps.status-green .step-green small,
.card-tdetails .status-steps.status-blue .step-blue small,
.card-tdetails .status-steps.status-red .step-red small {
    color: #222;
    display: block;
}

.card-tdetails .status-steps .step-lightblue small,
.card-tdetails .status-steps.status-green small,
.card-tdetails .status-steps.status-red small {
    display: block;
}

.card-tdetails .status-steps.status-lightblue .step-lightblue i {
    background: #E6EFFF;
}

.card-tdetails .status-steps.status-lightblue .step-lightblue i i {
    background: #0058C0;
}

.card-tdetails .status-steps.status-blue .step-blue i {
    background: #DDF7FF;
}

.card-tdetails .status-steps.status-blue .step-blue i i {
    background: #4AA4FF;
}

.card-tdetails .status-steps.status-green .step-green i {
    background: #DDFFE5;
}

.card-tdetails .status-steps.status-green .step-green i i {
    background: #14C36B;
}

.card-tdetails .status-steps.status-red .step-red i {
    background: #FFDDDD;
}

.card-tdetails .status-steps.status-red .step-red i i {
    background: #FF262E;
}

.card-tdetails .status-remark {
    margin-top: 24px;
}

.card-tdetails .btn-outline {
    margin: 0;
    display: block;
    font-size: 16px;
}

.card-tdetails .transaction-slip:not(.d-none)~.btn-cs-wrap {
    border: none;
    padding-top: 0;
}

.icon-waiting.alert-icon {
    color: #00A6FF;
    font-size: 48px;
}

.resubmit-details {
    color: #989DAB
}

.resubmit-details>p {
    padding-bottom: 24px;
    margin: 16px 0 24px;
    border-bottom: 1px solid #1A1E2414;
    color: #989DAB;
}

.resubmit-details>div {
    display: flex;
    margin-bottom: 8px;
    align-content: center;
}

.resubmit-details>div p {
    color: #262B33;
    margin-left: auto;
}

@media (max-width:991px) {
    .mod-record .card-wrap {
        background: none;
        padding: 0 !important;
        margin: 0 8px !important;
    }
    .mod-record:not(.mod-transaction) .flex-subtitle {
        top: var(--header-height);
        background: #fff;
        font-size: 16px;
    }
    .mod-record .card-wrap .flex-title .icon-chevron-left {
        margin-left: 10px;
    }
    .mod-record .card-content {
        border-top: 0;
    }
    .mod-record .record-content {
        padding: 0 0 8px;
    }
    .record-content .flex-title {
        background: none;
    }
    .mod-record .record-content .icon-filter {
        font-size: 24px;
    }
    .mod-record .no-result {
        min-height: calc(var(--vh)* 100 - var(--header-height)*2 - var(--tabbar-height));
        margin: 0 auto;
    }
    .mod-record .record-content-settled .no-result {
        min-height: calc(var(--vh)* 100 - var(--header-height)*2 - var(--tabbar-height) - 56px);
    }
    .modal-filter .modal-hd {
        padding: 0 16px;
    }
    .modal-filter .modal-content {
        padding: 26px 8px 8px;
    }
    .modal-filter .modal-content h3,
    .modal-filter .modal-content .h3 {
        padding-top: 7px;
        font-size: 16px;
    }
    .mod-record .white-card>p {
        margin-bottom: 10px;
        font-size: 12px;
    }
    .mod-record .white-card h5,
    .mod-record .white-card .h5 {
        font-size: 14px;
    }
    .mod-record .white-card div p {
        font-size: 12px;
    }
    .mod-record .white-card small {
        font-size: 12px;
        margin-top: 10px;
    }
    .modal-filter .display-date li {
        padding: 0 16px;
    }
    .modal-filter .display-date li .icon-calendar {
        font-size: 20px;
    }
    .modal-filter .d-flex.flex-3.gp-list li,
    .modal-filter .d-flex.flex-4.gp-list li {
        width: calc(50% - 8px);
    }
    .mod-transaction .card-content {
        margin-top: var(--header-height);
    }
    .mod-transaction .white-card {
        padding: 16px;
    }
    .mod-transaction .white-card h2,
    .mod-transaction .white-card .h2 {
        font-size: 14px;
        line-height: 18px;
    }
    .img-twrap {
        margin-right: 10px;
    }
    .img-twrap img {
        width: 40px;
        height: 40px;
    }
    .status-label {
        font-size: 10px;
        margin-top: 6px;
        line-height: 17px;
    }
    .card-tdetails {
        padding: 0 !important;
    }
    .card-tdetails h2,
    .card-tdetails .h2 {
        font-size: 16px;
    }
    .card-tdetails .details-section {
        padding: 16px 0;
        margin: 0 16px;
        font-size: 12px;
    }
    .card-tdetails .details-section.details-image {
        padding: 16px 0;
    }
    .card-tdetails .details-section #dAmount {
        font-size: 14px;
    }
    .card-tdetails .details-section .d-flex+.d-flex {
        margin-top: 12px;
    }
    .card-tdetails .details-section .icon-copy {
        font-size: 17px;
    }
    .mod-transaction .no-result {
        min-height: calc(var(--vh)* 100 - var(--header-height)*3 - var(--tabbar-height))
    }
}

/*TRANSFER*/

.mod-transfer .card-wrap {
    background: #E0E0E0
}

.mod-transfer .card-content {
    display: flex;
    padding: 16px;
    justify-content: space-between;
    align-items: flex-start;
}

.mod-transfer .card-content>.white-card {
    width: calc(50% - 8px);
}

.mod-transfer .white-card h5,
.mod-transfer .white-card .h5 {
    line-height: 21px;
    padding-bottom: 15px;
    border-bottom: 1px solid #DDDDDD
}

.fast-transfer-wallet p {
    display: flex;
    align-items: center;
    min-height: 44px;
    line-height: 20px;
    padding: 8px 0;
}

.fast-transfer-wallet p span:first-child {
    margin-right: 16px;
    color: #666666;
    word-break: break-all;
    flex: 1 1 auto;
}

.fast-transfer-wallet p span+span {
    margin-left: auto;
    flex: 0 0 auto;
}

.fast-transfer-wallet p .icon-download {
    font-size: 24px;
    color: #06A6FF;
    margin-left: 16px;
    flex: 0 0 auto;
}

.mod-transfer .white-card .icon-refresh {
    cursor: pointer;
    color: #999;
    font-size: 16px;
}

/*.mod-transfer .manual-transfer-wrap li{background:#F4F4F4;border-radius:8px;padding:12px 16px;min-height:45px;line-height:20px;display:flex;align-items:center;margin-bottom:8px;font-size:16px;color:#666666;}
.mod-transfer .manual-transfer-wrap li p{margin-right:16px;word-break: break-all;flex:1 1 auto;}
.mod-transfer .manual-transfer-wrap li span{margin-left:auto;flex:0 0 auto;max-width:50%;}*/

.mod-transfer .manual-transfer-wrap .SumoSelect>.CaptionCont {
    padding-right: 35px;
}

.mod-transfer .manual-transfer-wrap .SumoSelect>.CaptionCont>label {
    padding: 0 16px;
}

.mod-transfer .manual-transfer-wrap .SumoSelect>.CaptionCont>em {
    margin-left: auto;
}

.mod-transfer .manual-transfer-wrap .SumoSelect>.CaptionCont>span {
    padding-right: 10px;
}

.mod-transfer .manual-transfer-wrap .SumoSelect>.optWrapper>.options li em {
    display: block;
    flex: 0 0 auto;
    padding: 0 10px;
}

.mod-transfer .manual-transfer-wrap .SumoSelect>.optWrapper>.options li span {
    display: inline-block;
}

.mod-transfer .manual-transfer-wrap label {
    margin-top: 16px;
}

.mod-transfer .li-radio {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #BCBEC3;
    margin-right: 8px;
    flex: 0 0 auto;
}

.mod-transfer .list-short .li-radio {
    opacity: 0;
}

.mod-transfer li.selected .li-radio {
    border: 4px solid #06A6FF;
}

.mod-transfer li.selected p {
    font-weight: bold;
}

.mod-transfer li.selected {
    color: #222
}

@media (max-width:991px) {
    .content .mod-member .mod-transfer .card-wrap {
        background: none;
        padding: 0;
    }
    .mod-transfer .card-content {
        display: block;
        padding: 0;
    }
    .mod-transfer .card-content>.white-card {
        width: 100%;
        margin-bottom: 8px;
    }
    .fast-transfer-wallet p .icon-download {
        font-size: 20px;
    }
}

/*ERROR PAGE*/

/* .mod-error{display: flex;align-items: center;height: calc(100vh - var(--header-height));text-align: center;} */

.mod-error img {
    margin-bottom: 8px;
}

.mod-error p {
    margin-bottom: 16px;
}

/*DEPOSIT*/

.card-method .pgOptionTabName {
    display: flex;
    height: 100%;
    justify-content: space-between;
}

.card-method .pgOptionText {
    flex: 1 1 auto;
    word-break: break-word;
    min-width: 150px;
}

.card-method .pgOptionImg {
    width: 63%;
    position: relative;
    display: flex;
    justify-content: center;
    align-self: center;
    flex: 0 1 auto;
    max-width: 178px;
    align-items: center;
    background: none;
}

.card-method .pgOptionImg:before {
    --svg-height: calc(100% / 10);
    display: block;
    content: '';
    background: url('../images/wallet/payment.svg?4') no-repeat center calc(var(--svg-height) * 6)/100% auto;
    width: 100%;
    margin: 0;
    padding-bottom: 46.06%;
    height: 0;
}

.icon_casiconinr:before {
    background-position: 0 0 !important;
}

.icon_ecopayz:before,
.icon_payz:before,
.icon_optimusecopayzinr:before {
    background-position: 0 var(--svg-height) !important;
}

.icon_astropayOneTouch:before,
.icon_optimusastropayinr:before {
    background-position: 0 calc(var(--svg-height) * 2) !important;
}

.icon_sticpay:before,
.icon_optimussticpayinr:before {
    background-position: 0 calc(var(--svg-height) * 3) !important;
}

.icon_prepaid:before,
.icon_prepaidcard:before {
    background-position: 0 calc(var(--svg-height) * 4) !important;
}

.icon_netbanking:before {
    background-position: 0 calc(var(--svg-height) * 5) !important;
}

.icon_jarvisupiutr:before,
.icon_casicon:before {
    background-position: 0 calc(var(--svg-height) * 6) !important;
}

.icon_ewallet:before,
.icon_upinbewallet:before {
    background-position: 0 calc(var(--svg-height) * 7) !important;
}

.icon_cryptocurrency:before,
.icon_coincollectinrusdt:before,
.icon_coinspaid:before {
    background-position: 0 calc(var(--svg-height) * 8) !important;
}

.icon_bank:before {
    background-position: 0 calc(var(--svg-height) * 9) !important;
}

.icon_jarvisfastnetbanking:before {
    background-position: 0 calc(var(--svg-height) * 10) !important;
}

.card-method h2,
.card-method .h2,
.card-method h3,
.card-method .h3 {
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 8px;
    color: #222;
    word-break: break-word;
    font-size: 20px;
}

.card-method .pgOptionText .info {
    line-height: 19px;
    margin-bottom: 11px;
    font-size: 16px;
}

.card-method .procTimer {
    line-height: 12px;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.card-method .procTimer i {
    margin-right: 3px;
}

.mod-deposit .mod-member,
.mod-wd .mod-member {
    max-width: 1207px;
}

.mod-deposit .dep-form {
    margin-top: 0;
}

.mod-deposit .card-wrap {
    background: #fff;
}

.mod-deposit .card-wrap .card-content {
    padding: 16px 16px 32px;
}

.mod-deposit .card-wrap .card-method {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 8px 16px;
    background: #E0E0E0;
    border-radius: 0 0 12px 12px;
}

.mod-deposit .card-wrap .card-method .white-card {
    width: calc(50% - 16px);
    margin: 16px 16px 8px 0;
    cursor: pointer;
    padding: 24px;
    color: #666;
}

.mod-deposit .card-method .pgOptionTab {
    position: relative;
}

.mod-deposit .form-content>div:not(.custom),
.mod-deposit .form-content>form {
    padding: 0;
}

.mod-deposit .card-content.form-content>div:not(#others) {
    margin-top: 16px;
}

.mod-deposit .form-content input::placeholder {
    color: #999999
}

.dep-form .deposit-content {
    border: 0;
    background: none;
    display: none;
    padding: 0;
}

.dep-form .deposit-content .btn.w-100 {
    margin-top: 16px;
}

.deposit-tab,
.withdraw-tab {
    display: flex;
    margin: -8px -10px 0 0;
    flex-wrap: wrap;
}

.deposit-tab li,
.withdraw-tab li {
    border-radius: 8px;
    background: #F4F4F4;
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 6px 16px;
    margin: 0 10px 0 0;
    width: calc(50% - 10px);
    color: #222;
    margin-top: 8px;
}

.deposit-tab.single-tab li,
.withdraw-tab.single-tab li {
    width: calc(100% - 10px);
}

.mod-deposit .form-content .bottom-reminder {
    margin-bottom: 0;
}

.mod-deposit .form-content .bottom-reminder.deposit-range-limit li {
    margin: 0 0 15px 15px;
}

.mod-deposit .form-content .bottom-reminder.deposit-range-limit li:last-child {
    margin: 0 0 0 15px
}

.mod-deposit .form-content .bottom-reminder.deposit-range-limit li::marker {
    content: "\e937";
    font-family: icomoon !important;
}

#bankText,
#isFixText,
#isRandomText,
#isRandomText2,
#bankIsRandomText,
#ebankIsRandomText,
#pText,
#pIsRandomText1,
#pIsRandomText2 {
    font-size: 12px;
    color: #F01616;
    margin-top: 8px;
    display: none;
}

.mod-deposit .fixed-amount {
    display: flex;
    justify-content: stretch;
    margin-top: 8px;
}

.mod-deposit .fixed-amount li {
    flex: 1 1 auto;
    border-radius: 4px;
    border: 1px solid #DDDDDD;
    color: #222;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    margin: 0;
}

.mod-deposit .fixed-amount li+li {
    margin-left: 4px;
}

.mod-deposit .fixed-amount li.selected {
    background: #06A6FF;
    border-color: #06A6FF;
    color: #fff;
}

.mod-deposit li#tp_qamount_div {
    margin-top: 8px;
}

#radioQuickAmount {
    display: flex;
    justify-content: stretch;
}

#radioQuickAmount .quickAmountBoxStyle {
    flex: 1 1 100%;
    height: 44px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    margin: 0;
    position: relative;
    font-weight: 500;
}

#radioQuickAmount .quickAmountBoxStyle+.quickAmountBoxStyle {
    margin-left: 4px;
}

#radioQuickAmount .quickAmountBoxStyle label {
    border-radius: 4px;
    border: 1px solid #DDDDDD;
    color: #222;
    margin: 0;
    padding: 0 !important;
    font-size: 14px !important;
    max-width: none !important;
    width: 100%;
    height: 100%;
    line-height: 44px;
}

#radioQuickAmount .quickAmountBoxStyle input[type=radio] {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0;
    cursor: pointer;
    margin: 0 !important;
}

#radioQuickAmount .quickAmountBoxStyle input:checked~label {
    background: #06A6FF;
    border-color: #06A6FF;
    color: #fff;
}

.mod-deposit .crypto-opt {
    margin-top: 0;
    margin-bottom: 16px;
}

.mod-deposit .field li:first-child {
    margin-top: 0;
}

.mod-deposit .wallet-complete {
    max-width: 379px;
    padding: 32px 0;
    margin: 0 auto;
}

div .SumoSelect.sumo_coption>.optWrapper>.options li.opt {
    padding-left: 48px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 16px center;
}

.mod-deposit .deposit-result .d-flex {
    margin: 12px 16px;
    line-height: 20px;
}

.mod-deposit .deposit-result .d-flex label {
    flex: 0 0 auto;
    width: auto;
    margin-right: 16px;
}

.mod-deposit .deposit-result .d-flex p {
    font-size: 14px;
    margin-left: auto;
    word-break: break-all;
    text-align: right;
    color: #222;
}

.mod-deposit .deposit-result .d-flex p small {
    display: block;
    color: #999999;
}

.mod-deposit .deposit-result .d-flex i {
    font-size: 16px;
    color: #06A6FF;
    margin-left: 8px;
    padding-top: 2px;
}

.mod-deposit .deposit-result h1,
.mod-deposit .deposit-result .h1 {
    text-align: center;
    color: #06A6FF;
    font-size: 32px;
    margin-bottom: 32px;
}

.mod-deposit .upi-qr-wrap {
    background: #F2F2F2;
    border-radius: 8px;
    padding: 16px;
    text-align: center;
    margin-bottom: 16px;
}

.mod-deposit .upi-qr-wrap .yellow-reminder {
    margin: 0 auto;
    max-width: max-content;
    font-weight: 500;
}

.mod-deposit .upi-qr-wrap .qr-wrap canvas {
    margin: 16px auto;
    width: 120px !important;
    height: 120px !important;
}

.mod-deposit .upi-qr-wrap .btn-outline {
    margin-bottom: 16px;
}

.pIcon {
    width: 100%;
    max-width: 338px;
    background: url(../images/wallet/upi_footer.webp) no-repeat center/contain;
    height: 0;
    padding-bottom: 4.64%;
    margin: 0 auto 26px;
}

#others_form {
    display: flex;
    flex-direction: column;
}

#others_form .bottom-reminder.fastupi {
    order: 1;
}

.bottom-reminder.yellow-reminder {
    background: #FFF5BF;
    margin-top: 16px
}

.bottom-reminder.yellow-reminder b {
    display: flex;
    align-items: center;
}

.bottom-reminder.yellow-reminder .reminder-title {
    display: flex;
    align-items: center;
    font-size: 14px;
}

.bottom-reminder.yellow-reminder i {
    font-size: 16px;
}

.bottom-reminder.yellow-reminder .icon-warning {
    margin-right: 8px;
    color: #FFC136;
}

.bottom-reminder.blue-reminder {
    padding: 12px 16px;
    background: #00A6FF0F;
    margin-top: 8px;
    color: #989DAB;
    position: relative;
    font-size: 12px;
}

.bottom-reminder.blue-reminder span {
    color: #00A6FF;
}

.bottom-reminder.blue-reminder p {
    line-height: 18px;
}

.bottom-reminder.blue-reminder p+p {
    margin-top: 20px;
}

.qr-wrap {
    text-align: center;
}

.mod-deposit [cryptoqrcode=cryptoQRCode] .btn-outline {
    margin-bottom: 16px;
}

.mod-deposit [cryptoqrcode=cryptoQRCode] .btn {
    margin-bottom: 24px;
}

.mod-deposit #div_finish {
    display: none !important;
}

.mod-deposit .modal-alert.modal-sm {
    width: 388px;
}

.mod-deposit .modal-alert .modal-content {
    padding: 16px 24px;
    font-size: 16px;
}

.mod-deposit .modal-alert .modal-content p+p {
    margin-top: 1em;
}

.mod-deposit .modal-alert .modal-footer {
    padding: 0 24px;
}

.mod-deposit .modal-alert .modal-content .text-left {
    padding: 10px 15%;
}

.mod-deposit .bank-card-info {
    margin: 16px auto;
    text-align: left
}

.mod-deposit .bank-card-info li {
    display: flex;
    align-items: center;
}

.mod-deposit .bank-card-info li .icon-copy {
    margin-left: auto;
}

.info-desc {
    display: flex;
    align-items: center;
    color: #06A6FF;
    margin-bottom: 16px;
    cursor: pointer;
    max-width: max-content;
}

.info-desc:hover {
    color: #38B9FF;
}

.info-desc i {
    margin-right: 5px;
    font-size: 16px;
}

.modal-tutorial .modal-content {
    padding: 9px 24px 24px;
    position: relative;
}

.modal-tutorial .modal-content p {
    color: #666;
    margin-top: 15px;
    font-size: 14px;
}

.modal-tutorial .slide-prev,
.modal-tutorial .slide-next {
    font-size: 20px;
    width: 44px;
    height: 44px;
    box-shadow: 3px 0px 12px #00000029;
    border-radius: 50%;
    background: #fff;
    margin-top: -50%;
    transform: translateY(-50%);
    line-height: 44px;
    right: 7px;
    bottom: auto;
    transition: background .3s, color .3s;
}

.modal-tutorial .slide-prev:hover,
.modal-tutorial .slide-next:hover {
    background: #222;
    color: #fff;
}

.modal-tutorial .slide-prev {
    left: 7px;
}

.modal-tutorial .swiper-pagination {
    margin-top: 16px;
    position: relative;
    bottom: auto !important;
}

.modal-tutorial .swiper-pagination .swiper-pagination-bullet-active {
    background: #06A6FF;
}

/*upload slip*/

.mod-deposit .upload-img-wrap {
    margin: 24px 0 8px;
}

.utr-input,
.upload-img-wrap {
    font-size: 14px;
}

.mod-member .utr-input label {
    color: #989DAB;
}

.mod-member .utr-input input[type="text"] {
    font-size: 14px;
}

.utr-input input::placeholder {
    color: #989DAB80 !important;
}

.utr-input input::-webkit-input-placeholder {
    color: #989DAB80 !important;
}

.upload-img-wrap label {
    display: flex !important;
    color: #989DAB;
    margin-bottom: 8px;
}

.modal-slip .upload-img-wrap label {
    font-size: 16px;
}

.upload-img-wrap label p {
    margin-left: auto;
    font-size: 12px;
    display: flex;
    align-items: center;
}

.upload-img-wrap label p i {
    font-size: 16px;
    margin-right: 4px;
}

.upload-img {
    min-height: 92px;
    max-height: 152px;
    border-radius: 8px;
    color: #00A6FF;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 16px;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23EDEEF0FF' stroke-width='2' stroke-dasharray='10' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
}

.upload-img p:not(.CaptionCont) {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}

.upload-img p i {
    font-size: 19px;
    margin-right: 5px;
}

.upload-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 152px;
}

.upload-img .icon-bin {
    position: absolute;
    right: 10px;
    top: 10px;
    background: #fff;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    display: flex;
    box-shadow: 5px 5px 6px 0px #0000000A;
    background: #fff;
    font-size: 18px;
    color: #989DAB;
}

.upload-img .icon-check-circle {
    color: #33C85D;
}

.upload-img.upload-field {
    height: 64px;
    min-height: auto;
    overflow: visible;
}

.upload-img.upload-field.uploaded {
    justify-content: left;
    background: none;
    border: 1px solid #EDEEF0;
    height: 44px;
}

.upload-img .icon-photo {
    color: #00A6FF;
    font-size: 24px;
}

.upload-img .uploaded-input {
    color: #989DAB;
    display: none;
    width: 100%;
}

.upload-img.uploaded p {
    display: none;
}

.upload-img.uploaded .uploaded-input {
    color: #989DAB;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.upload-img .tooltip-wrap {
    margin-left: auto;
}

.upload-img .tooltip-wrap .tooltip-text {
    --tooltip-bg: #262B33;
    right: 0;
    left: auto;
    width: 115px;
    text-align: left;
}

.upload-img .tooltip-wrap .tooltip-text::after {
    left: auto;
    right: 13px;
    border-width: 9px;
}

.upload-desc {
    font-size: 12px;
    color: #989DAB;
    text-align: left;
    margin-top: 5px;
}

.modal-upload-slip .modal-content {
    min-height: calc(70vh - 100px)
}

.modal-slip .upload-img {
    height: 150px;
}

.modal-slip .upload-img>div {
    width: 100%;
}

.modal-slip .upload-img p {
    font-size: 16px;
}

.modal-slip .upload-img p i {
    margin-right: 8px;
}

.transaction-slip {
    border-top: 1px solid #E0E0E0;
}

.transaction-slip .slip-desc {
    margin-bottom: 24px;
}

.transaction-slip .slip-desc p {
    font-size: 14px;
    color: #989DAB;
    font-weight: normal;
    padding-left: 20px;
    text-indent: -10px;
    margin-bottom: 8px;
}

.transaction-slip .slip-desc p i {
    margin-right: 4px;
    font-size: 16px;
    margin-bottom: 2px;
}

.transaction-slip .slip-desc .text-blue {
    cursor: pointer;
}

.transaction-slip .btn-outline {
    margin-top: 16px;
}

.img-slip-tutorial {
    box-shadow: 0px 0px 10px 0px #262B331A;
    border-radius: 12px;
}

@media (max-width:991px) {
    .mod-deposit .card-wrap {
        padding: 0 !important;
    }
    .mod-deposit .card-wrap .flex-title {
        background: #EBEBEB;
        position: fixed;
        top: var(--header-height);
        left: 0;
        right: 0;
    }
    .mod-deposit .card-wrap .card-content {
        padding: 16px;
    }
    .mod-deposit .card-wrap .card-method {
        padding: 0;
        display: flex;
        background: #EBEBEB;
    }
    .mod-deposit .card-wrap .card-method .white-card {
        width: 100%;
        margin: 0 0 8px;
        padding: 18px 24px;
    }
    .card-method .pgOptionImg,
    .mod-withdraw .card-method .pgOptionImg {
        width: 148px;
        height: 68px;
        padding: 0;
    }
    .card-method h2,
    .card-method h3,
    .card-method .h2,
    .card-method .h3 {
        font-size: 16px;
        margin-bottom: 4px
    }
    .card-method .pgOptionText .info {
        font-size: 14px;
        margin-bottom: 4px;
    }
    .card-method .procTimer {
        font-size: 12px;
    }
    .mod-deposit .card-wrap .flex-title i {
        margin: 0 8px;
    }
    .modal-tutorial.modal-h5-fullscreen {
        background: #EBEBEB;
    }
    .modal-tutorial.modal-h5-fullscreen .modal-content {
        padding: 8px;
    }
    .modal-tutorial.modal-h5-fullscreen .modal-content .tutorial-wrap {
        padding: 16px 16px 24px;
        background: #fff;
        border-radius: 12px;
    }
    .modal-tutorial .modal-hd {
        padding: 0 8px;
    }
    .modal-tutorial .swiper-pagination span {
        background: #999999;
    }
    .modal-tutorial .modal-content p {
        font-size: 12px;
    }
    .modal-deposit .modal-h5-bottom .modal-content {
        min-height: calc(80vh - 100px)
    }
    .transaction-slip .slip-desc p {
        font-size: 12px;
    }
}

/*PROMOTIONS*/

.mod-promotions .icon-chevron-left {
    font-size: 16px;
}

.mod-promotions .sidebar li i {
    width: 24px;
    height: 24px;
}

.mod-promotions .sidebar li.cur .ico-promo-my {
    background-image: url(../images/icons/icon_promo_my_hover.svg?1)
}

.mod-promotions .sidebar li.cur .ico-promo-history {
    background-image: url(../images/icons/icon_promo_history_hover.svg?1)
}

.mod-promotions .content-wrap .promo-count {
    background: #dcdcdc;
    border-radius: 4px;
    font-size: 13px;
    padding: 1px 8px;
    margin-left: 10px;
}

.mod-promotions .sidebar-container .content-wrap {
    max-width: 1300px;
    margin: 0 auto;
}

.mod-promotions .info-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.mod-promotions .info-items>li {
    width: 49%;
    margin-top: 2%;
}

.mod-promotions .info-tit {
    position: relative;
    height: auto;
    cursor: pointer;
    overflow: hidden
}

.mod-promotions .info-tit img {
    display: block;
    width: 100%;
}

.mod-promotions .info-items .info-tit img {
    border-radius: 12px;
}

.mod-promotions .info-desc {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-evenly;
    padding: 30px 10px 30px 20px;
    color: #eee;
}

.mod-promotions .info-desc p {
    font-size: 14px;
    word-break: break-word;
}

.mod-promotions .info-desc p .title {
    display: block;
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    line-height: 34px;
    margin-bottom: 8px;
}

.mod-promotions .info-desc label {
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 2px 6px;
    font-size: 12px;
}

.mod-promotions .info-desc .icon-recent {
    margin-right: 5px;
    font-size: 18px;
}

.mod-promotions .promodetails-wrap {
    border-radius: 12px;
    overflow: hidden;
}

.mod-promotions .promodetails-wrap .detail-header {
    position: relative;
    background: #e0e0e0;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.mod-promotions .promodetails-wrap .detail-header .icon-chevron-left {
    position: absolute;
    left: 25px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 16px;
    font-size: 16px;
}

.mod-promotions .promodetails-wrap .promolist {
    background: #fff;
    padding: 15px 20px;
}

.mod-promotions .info-cont {
    color: #666;
}

.mod-promotions .info-cont .promo-title {
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}

.mod-promotions .info-cont .promo-content {
    padding: 20px 0;
}

.mod-promotions .info-cont .promo-title .h1 {
    font-size: 20px;
    color: #222;
}

.mod-promotions .info-cont .promo-title .h3 {
    font-size: 14px;
    font-weight: normal;
}

.mod-promotions .info-cont table {
    margin: 15px 0;
    width: 100% !important;
    padding-bottom: 2px;
    text-align: center;
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    display: block;
}

.mod-promotions .info-cont table td,
.mod-promotions .info-cont table th {
    border: 1px solid #eee;
    padding: 5px;
}

.mod-promotions .info-cont table th {
    font-weight: bold;
}

.mod-promotions .info-cont ol {
    list-style: decimal;
}

.mod-promotions .info-cont ul {
    list-style: disc;
}

.mod-promotions .info-cont li {
    list-style: inherit;
    margin-left: 18px;
    padding-left: 5px;
}

.mod-promotions .info-cont .btn-column {
    height: 48px;
    margin: 25px auto 10px;
    position: relative;
}

.mod-promotions .info-cont .btn-apply {
    display: block;
    font-weight: bold;
    font-size: 16px;
    margin: 0 auto;
    width: 25vw;
    min-width: max-content;
    line-height: 48px;
    padding: 0 20px;
    background-color: #06A6FF;
    text-align: center;
    color: #fff;
    border-radius: 10px;
}

.mod-promotions .info-cont .btn-float.fixed {
    position: fixed;
    bottom: 20px;
    left: 50%;
}

.mod-promotions .info-cont .btn-apply.btn-applied {
    background-color: #ddd;
}

.mod-promotions .gift-pic-container {
    margin-top: 15px;
}

.mod-promotions .gift-pic-container .gift-wrap {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-top: 5px;
}

.mod-promotions .gift-pic-container .gift-image {
    width: 31%;
    margin: 2% 3.5% 2% 0;
    word-wrap: break-word;
}

.mod-promotions .gift-pic-container .gift-image:nth-of-type(3n) {
    margin-right: 0;
}

.mod-promotions .gift-pic-container .gift-image img {
    right: auto !important;
}

.mod-promotions .gift-pic-container .gift-image .h3 {
    font-size: 17px !important;
    margin: 6px 0 2px 0;
}

.mod-promotions .gift-pic-container .btn-redeem {
    width: 100%;
    height: 40px;
    padding: 4px 20px 5px 20px;
    margin-top: 8px;
    line-height: 1.5;
    color: #FFFFFF;
    background: #00a6f0;
    border: none;
    border-radius: 3px;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
}

.mod-promotions .gift-pic-container .btn-redeem.btn-disabled {
    background: #ccc;
}

.mod-promotions .gift-pic-container .btn-redeem>.btn-redeem-text {
    display: block;
}

.mod-promotions .gift-pic-container .btn-redeem>.btn-redeem-spinner {
    display: none;
}

.mod-promotions .gift-pic-container .btn-redeem.btn-loading>.btn-redeem-text {
    display: none;
}

.mod-promotions .gift-pic-container .btn-redeem.btn-loading>.btn-redeem-spinner {
    font-size: 20px;
    display: block;
}

.redeemModal {
    max-width: 100%;
}

.redeemModal .redeeming-gift-photo {
    max-width: 300px;
    margin: 0 auto;
    max-height: 300px;
    display: block;
}

.redeemModal .redeeming-gift-name {
    text-align: center;
}

.mod-promotions .icon-filter {
    font-size: 30px;
}

.mod-promotions .icon-filter.active:after {
    right: 2px;
    top: 2px;
}

.mod-promotions .history-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.mod-promotions .history-list>li {
    width: 49%;
    margin-top: 2%;
    padding: 25px 20px;
    background: #fff;
    color: #999;
    border-radius: 12px;
    overflow: hidden;
}

.mod-promotions .history-list>li .h3 {
    position: relative;
    color: #222;
}

.mod-promotions .history-list>li .gp-wrap .h3 .icon-chevron-right {
    background: #eee;
    padding: 5px;
    border-radius: 100%;
    font-size: 12px;
    font-weight: bold;
    margin-left: 8px;
}

.mod-promotions .history-list>li .gp-wrap .h3 .icon-dots {
    margin-left: auto;
    cursor: pointer;
}

.mod-promotions .history-list>li .date-wrap i {
    font-size: 15px;
    margin-right: 5px;
}

.mod-promotions .history-list>li .status {
    display: inline-block;
    background: #DDF2FF;
    color: #06A6FF;
    margin-top: 5px;
    padding: 4px 6px;
    border-radius: 4px;
    font-weight: bold;
}

.mod-promotions .history-list>li .status.complete {
    background: #DDFFE5;
    color: #33C85D;
}

.mod-promotions .history-list>li .amount-wrap {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}

.mod-promotions .history-list>li .amount-wrap>div:last-child {
    text-align: right;
}

.mod-promotions .history-list>li .progress-wrap {
    position: relative;
    width: 100%;
    height: 18px;
    margin-top: 10px;
    background: #f5f5f5;
    border-radius: 20px;
    overflow: hidden;
    text-align: center;
}

.mod-promotions .history-list>li .progress-wrap span {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #06A6FF;
    border-radius: 20px;
}

.mod-promotions .history-list>li .progress-wrap em {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    color: #000;
    position: relative;
    z-index: 99;
}

.mod-promotions .history-list>li .button-wrap {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}

.mod-promotions .history-list>li .button-wrap a {
    display: block;
}

.mod-promotions .history-list>li .dots-wrapper {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 7px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 8px #ddd;
    border: 1px solid #e6e6e6;
}

.mod-promotions .history-list>li .dots-wrapper a {
    font-size: 14px;
    line-height: 16px;
}

.mod-promotions .history-wrap .history-list li {
    filter: grayscale(1);
}

.mod-promotions .history-wrap .history-list li .h3 {
    color: #999;
}

.mod-promotions .history-wrap .history-list>li .button-wrap a {
    background: #f2f2f2;
    color: #999;
}

.mod-promotions .modal hr {
    margin: 20px 0;
}

.mod-promotions .modal .h4 {
    margin: 5px 0;
}

.mod-promotions .category-list.col-three li {
    width: calc(33% - 8px);
}

.mod-promotions .modal .display-date li {
    position: relative;
    margin-top: 10px;
    padding: 0 10px;
}

.mod-promotions .modal .display-date li>p {
    position: absolute;
    top: -24px;
    left: 3px;
    color: #666;
    font-size: 14px;
}

.mod-promotions .modal .display-date li .icon-calendar {
    margin-right: 0;
}

.mod-promotions .no-result.hide,
.no-result.hide {
    display: none;
}

.mod-promotions .no-result .h1 {
    color: #222;
}

.mod-promotions .img-qr {
    width: 158px;
    height: 158px;
    margin: 16px 0;
}

#dateModal,
#dateModal .modal-content {
    overflow: visible;
}

#dateModal .modal-content {
    padding: 0 10px;
    margin: 0 0 10px 0;
}

.date-reminder {
    background: #F2F2F2;
    border-radius: 8px;
    padding: 8px;
    line-height: 1.4;
    margin: 0 14px;
}

body .daterangepicker {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    display: block !important;
    border: none !important;
    margin: 0;
    z-index: 10000;
    font-family: "roboto"
}

body .daterangepicker:before {
    display: none !important;
}

body .daterangepicker:after {
    display: none !important;
}

body .daterangepicker .drp-calendar {
    width: 50%;
    min-width: 50%;
}

body .daterangepicker .calendar-table table {
    border-collapse: separate;
    border-spacing: 0 8px;
}

body .daterangepicker .calendar-table .prev,
.daterangepicker .calendar-table .next {
    font-family: 'icomoon' !important;
    color: #222;
    width: 25px;
    min-width: 25px;
    height: 25px;
    line-height: 25px;
    background: #fff;
    border-radius: 25px;
    box-shadow: 3px 0 12px #ddd;
    position: absolute;
    left: -25px;
    top: 0;
    bottom: 0;
    margin: auto;
}

body .daterangepicker .calendar-table .prev:before,
.daterangepicker .calendar-table .next:before {
    content: "\e904";
}

body .daterangepicker .calendar-table .next {
    left: auto;
    right: -25px;
    transform: rotate(180deg);
}

body .daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    display: none !important;
}

body .daterangepicker .calendar-table th,
body .daterangepicker .calendar-table td {
    width: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
    font-size: 14px;
}

body .daterangepicker .calendar-table th {
    color: #bebebe;
}

body .daterangepicker .calendar-table th.month {
    color: #222;
    font-size: 16px;
    text-align: left;
    text-indent: -32px;
}

/*body .daterangepicker .calendar-table td:first-of-type{border-radius:4px 0 0 4px;}
body .daterangepicker .calendar-table td:last-of-type{border-radius:0 4px 4px 0;}*/

body .daterangepicker .calendar-table td {
    font-weight: bold;
}

body .daterangepicker .calendar-table td.in-range,
body .daterangepicker .calendar-table td.active {
    background: #ebf4f8;
}

body .daterangepicker .calendar-table td.active.start-date {
    background: #222;
}

body .daterangepicker .calendar-table td.active.end-date {
    background: #06A6FF;
}

body .daterangepicker .calendar-table td.ends {
    font-size: 0 !important;
    opacity: 0;
    visibility: hidden;
}

body .daterangepicker td.disabled,
body .daterangepicker option.disabled {
    color: #BEBEBE;
    font-weight: normal;
    text-decoration: none;
}

body .daterangepicker .drp-buttons .drp-selected,
.daterangepicker .drp-buttons .cancelBtn {
    display: none;
}

body .daterangepicker .drp-buttons {
    border-top: none !important;
}

body .daterangepicker .drp-buttons .applyBtn {
    width: 100%;
    margin: 0;
    padding: 8px !important;
    line-height: 20px;
    background: transparent;
    color: #06A6FF;
    border: 1px solid #06A6FF;
    font-size: 16px;
}

body .daterangepicker .drp-buttons .applyBtn[disabled] {
    pointer-events: none;
    color: #E0E0E0;
    border-color: #E0E0E0;
}

@media (max-width:991px) {
    .mod-promotions {
        padding-left: 8px;
        padding-right: 8px;
    }
    .mod-promotions .tab-wrap .flex-title {
        margin-bottom: 12px;
        background: #EBEBEB;
        position: fixed;
        left: 0;
        right: 0;
        padding: 0 8px;
        top: var(--header-height);
        z-index: 999;
    }
    .mod-promotions .tab-wrap:not(.promotion-wrap) .flex-title+* {
        margin-top: var(--header-height);
    }
    .mod-promotions .sidebar-container {
        display: block;
    }
    .mod-promotions .sidebar-container .sidebar-wrap {
        width: 100%;
        max-width: 100%;
        margin-bottom: 12px;
        margin-top: var(--header-height);
    }
    .mod-promotions .sidebar-container .sidebar-wrap .sidebar {
        min-height: initial;
        border-radius: 12px;
    }
    .mod-promotions .sidebar-container .sidebar-wrap .sidebar ul {
        display: flex;
        padding: 16px 0;
    }
    .mod-promotions .sidebar-container .sidebar-wrap .sidebar li {
        display: block;
        margin-bottom: 0;
        background: transparent !important;
        color: #222 !important;
    }
    .mod-promotions .sidebar-container .sidebar-wrap .sidebar li:first-of-type {
        display: none;
    }
    .mod-promotions .sidebar-container .sidebar-wrap .sidebar li i {
        display: block;
        width: 33px;
        height: 33px;
        margin: 0 auto 5px;
    }
    .mod-promotions h1,
    .mod-promotions .h1 {
        font-size: 18px;
    }
    .mod-promotions .icon-filter {
        font-size: 24px;
    }
    .mod-promotions .icon-filter.active:after {
        width: 6px;
        height: 6px;
        right: 1px;
        top: 1px;
    }
    .mod-promotions .info-items>li {
        width: 100%;
        margin-top: 8px;
    }
    .mod-promotions .info-desc p .title {
        font-size: 24px;
        line-height: 30px;
    }
    .mod-promotions .promodetails-wrap .promolist {
        border-radius: 12px;
    }
    .mod-promotions .info-cont .btn-apply {
        width: 100%;
    }
    .page-promodetails {
        padding-bottom: 85px;
    }
    .page-promodetails .mod-promotions .info-cont .btn-column {
        position: fixed;
        height: 77px;
        background: #fff;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        padding: 16px;
        border-top: 1px solid #eee;
    }
    .page-promodetails .mod-promotions .info-cont .btn-apply {
        max-width: none;
        line-height: 45px;
    }
    .mod-promotions .history-list>li {
        width: 100%;
    }
    .mod-promotions .history-list>li .amount-wrap {
        margin-top: 10px;
        padding-top: 10px;
    }
    .mod-promotions .history-list>li .button-wrap a {
        line-height: 22px;
    }
    .mod-promotions .history-list>li .progress-wrap {
        height: 16px;
    }
    .mod-promotions .history-list>li .progress-wrap em {
        font-size: 12px;
        line-height: 16px;
    }
    .mod-promotions .gp-list.col-three li {
        width: calc(50% - 8px);
    }
    .date-reminder {
        margin: 0
    }
    body .daterangepicker {
        width: 100% !important;
    }
    body .daterangepicker .drp-calendar {
        float: none !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }
    body .daterangepicker .drp-buttons .applyBtn {
        display: none;
    }
    body .daterangepicker {
        touch-action: auto;
    }
    body .daterangepicker .calendar-table .next,
    body .daterangepicker .calendar-table .prev {
        display: none;
    }
    body .daterangepicker .calendar-table tr:first-child th:not(.month) {
        display: none;
    }
    body .daterangepicker .calendar-table th.month {
        text-indent: 0;
    }
    #dateModal,
    #dateModal .modal-content {
        overflow: auto;
        margin: 0;
    }
    body .daterangepicker .calendar-table th.month {
        font-size: 20px;
    }
    .promo-wrap {
        min-height: calc(var(--vh, 1vh) * 100 - var(--header-height) * 2 - 86px);
    }
}

@media (min-width:992px) {
    .mod-promotions .flex-title .flex-center {
        flex-grow: 0;
    }
    .mod-promotions .promodetails-wrap .flex-title {
        background: #e0e0e0;
    }
    .mod-promotions .promodetails-wrap .flex-left {
        padding-left: 18px;
    }
    .mod-promotions .promodetails-wrap .h1 {
        font-size: 20px;
    }
}

/*REFER A FRIEND*/

.mod-refer .refer-wrap {
    min-height: auto;
    margin-top: 16px;
    overflow: hidden;
}

.mod-refer .refer-content {
    padding: var(--space-16-8);
}

.mod-refer .refer-content>p {
    color: #666;
    margin-top: 5px;
}

.mod-refer .mod-banner {
    position: relative;
    height: 240px;
    overflow: hidden;
    border-radius: 12px;
}

.mod-refer .mod-banner img {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    border-radius: 12px;
    z-index: 0;
}

.mod-refer .mod-banner div {
    padding: 32px 34px;
    color: #fff;
    font-family: "roboto";
    position: relative;
    z-index: 2;
    height: 240px;
}

.mod-refer .mod-banner h2,
.mod-refer .mod-banner .h2 {
    font-size: 32px;
    margin-bottom: 5px;
    position: relative;
    z-index: 1;
}

.mod-refer .mod-banner h3,
.mod-refer .mod-banner .h3 {
    font-size: 24px;
    font-weight: normal;
    position: relative;
    z-index: 1;
}

.mod-refer .mod-banner p {
    font-size: 18px;
    position: absolute;
    bottom: 32px;
    display: flex;
    align-items: center;
    z-index: 2;
}

.mod-refer .mod-banner p>span {
    padding: 0 3px;
}

.mod-refer .mod-banner i {
    font-size: 17px;
    width: 17px;
    height: 17px;
    margin-right: 5px;
}

.mod-refer .refer-box {
    border-top: 1px solid #E6E6E6;
    max-width: 100%;
    justify-content: space-between;
    margin: 16px 0 0 0;
}

.mod-refer .refer-box>* {
    width: 49%;
}

.mod-refer .refer-box li {
    margin-bottom: 24px;
}

.mod-refer .refer-box li:last-child {
    margin-bottom: 0
}

.mod-refer .refer-box li>div {
    position: relative;
    display: flex;
    align-items: center;
}

.mod-refer .refer-box label {
    display: block;
    color: #999999;
    width: 100%;
    text-align: left;
    margin: 0;
    line-height: 19px;
    margin-bottom: 8px;
}

.mod-refer .refer-box input {
    width: 100%;
    border: 1px solid #DDDDDD;
    padding: 0 16px;
    font-size: 14px;
}

.mod-refer .refer-box input:read-only {
    background: #F4F4F4 !important;
    border-color: #F4F4F4 !important;
}

.mod-refer .refer-box input::selection {
    background: none;
}

.mod-refer .icon-copy {
    position: absolute;
    right: 24px;
    cursor: pointer;
}

.mod-refer .icon-copy:before {
    color: #06A6FF;
}

.mod-refer .refer-qr {
    display: block;
    text-align: center;
    background: #F4F4F4;
    padding: 16px;
    border-radius: 8px;
    margin-top: 43px;
}

.mod-refer .refer-qr a {
    margin-top: 16px;
}

.mod-refer .refer-qr img {
    width: 110px;
    height: 110px;
    margin-bottom: 16px;
}

.mod-refer .refer-qr .btn-outline {
    padding: 10px 32px;
}

.mod-refer .refer-qr .btn {
    display: none;
}

.mod-refer .refer-info {
    border-top: 1px solid #E6E6E6;
    margin-top: 31px;
}

.mod-refer .refer-info ol {
    padding-left: 16px;
}

.mod-refer .refer-info li {
    list-style-type: decimal;
    color: #666;
    margin-top: 5px;
    font-size: 12px;
}

.mod-refer .refer-info h4,
.mod-refer .refer-info .h4 {
    margin-top: 16px;
}

.mod-refer .refer-info em {
    margin: 4px 0 13px;
    color: #666;
    display: block;
}

.mod-refer .refer-info p {
    margin-top: 5px;
    color: #666;
    font-size: 12px;
}

.mod-refer .refer-info>div {
    overflow-x: scroll;
}

.mod-refer table {
    margin: 25px 0;
    font-size: 12px;
    border: 1px solid #e6e6e6;
}

.mod-refer table tr>* {
    white-space: nowrap;
    padding: 12px 16px;
    text-align: left;
}

.mod-refer table tr:nth-child(odd) {
    background: #F8F8F8
}

.mod-refer table td {
    color: #666;
}

#referralqrcode canvas {
    width: 110px;
    height: 110px;
}

#qr-section.active {
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
}

#qr-section.active .mod-banner {
    margin-bottom: 0;
    border-radius: 12px 12px 0 0;
}

#qr-section.active .mod-banner img {
    border-radius: 12px 12px 0 0;
}

#qr-section.active .refer-box {
    border: 0;
    margin: 0;
    padding: 32px;
}

#qr-section.active .refer-box input:read-only {
    background: none !important;
    border: 0;
    padding: 0;
    height: auto;
}

#qr-section.active .refer-box .icon-copy {
    display: none;
}

#qr-section.active .refer-qr {
    background: 0;
    margin: 0;
    padding: 0;
    text-align: right;
}

#qr-section.active .refer-qr>div {
    display: none;
}

#qr-section.active h4,
#qr-section.active .h4 {
    display: none;
}

#qr-section.active .refer-box label {
    margin: 0;
}

#qr-section.active .refer-box>* {
    margin: 0;
}

#qr-section.active .mod-banner img {
    border-radius: 12px 12px 0 0;
}

@media (max-width:991px) {
    .mod-refer .refer-wrap {
        padding-top: var(--header-height);
        margin-top: 0;
        background: #EBEBEB
    }
    .mod-refer .refer-content {
        margin: 0 8px 8px;
        background: #fff;
        border-radius: 12px;
        padding: 16px;
    }
    .mod-refer .refer-box>* {
        width: 100%;
        padding: 0
    }
    .mod-refer .refer-box li {
        margin-bottom: 16px;
    }
    .mod-refer .refer-qr {
        padding: 16px;
        margin-top: 16px;
    }
    .mod-refer .refer-qr>div {
        display: flex;
        justify-content: space-between;
    }
    .mod-refer .refer-qr .btn {
        display: inline-flex;
    }
    .mod-refer .refer-qr a {
        width: 49%;
        padding: 10px 32px;
        ;
        align-items: center;
        justify-content: center;
    }
    .mod-refer .mod-banner {
        height: 170px;
    }
    .mod-refer .mod-banner div {
        padding: 30px 17px;
        height: 170px;
        border-radius: 12px;
        overflow: hidden;
        width: 100%;
    }
    .mod-refer .mod-banner h2,
    .mod-refer .mod-banner .h2 {
        font-size: 24px;
        line-height: 1.2;
        width: 209px;
    }
    .mod-refer .mod-banner h3,
    .mod-refer .mod-banner .h3 {
        font-size: 14px;
    }
    .mod-refer .mod-banner p {
        font-size: 12px;
        bottom: 22px
    }
    .mod-refer .mod-banner i {
        width: 10.5px;
        height: 10.5px
    }
    .mod-refer .tooltip {
        top: 65px;
    }
    #qr-section.active .mod-banner div {
        border-radius: 12px 12px 0 0;
    }
    #qr-section.active .refer-box {
        padding: 12px 6px;
    }
    #qr-section.active .refer-box input:read-only {
        font-size: 10px;
    }
    #qr-section.active #referralqrcode canvas {
        width: 80px;
        height: 80px;
    }
    #qr-section.active .refer-box li {
        margin-bottom: 10px;
    }
    #qr-section.active .refer-box>* {
        width: 75%
    }
    #qr-section.active .refer-box>.refer-qr {
        width: 25%;
    }
    #qr-section.active .refer-box label {
        font-size: 11px;
    }
}

/*REGISTER*/

.account-register {
    display: flex;
    flex-direction: column;
}

.mod-reg .reg-forms label {
    display: none;
}

.mod-reg .reg-forms span.tips {
    display: none;
}

.mod-reg .reg-forms .mod-forms>li {
    margin-bottom: 8px;
}

.mod-reg .reg-forms .mod-forms .item-ipt {
    float: none;
    display: block;
}

.mod-reg .reg-forms .mod-forms.locked .required input {
    pointer-events: none !important;
    background: #E0E0E0;
    border-color: #E0E0E0;
    color: #999999;
}

.mod-reg .reg-forms .mod-forms.locked .required input:-webkit-autofill,
.mod-reg .reg-forms .mod-forms.locked .required input:-webkit-autofill:hover,
.mod-reg .reg-forms .mod-forms.locked .required input:-webkit-autofill:focus,
.mod-reg .reg-forms .mod-forms.locked .required input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #E0E0E0 inset !important;
}

.mod-reg .reg-forms .input-grp-phone {
    border: 1px solid #ffffff;
}

.mod-reg .reg-forms .input-grp-phone input:not(.input-otp) {
    border-color: #fff !important;
}

.mod-reg .reg-forms .input-grp-phone .focus-tips {
    position: absolute;
    bottom: -26px;
}

.mod-reg .reg-forms .agreement {
    display: none;
}

.mod-reg .reg-forms .reg-sub span {
    font-size: 12px;
    line-height: 16px;
    color: #666666;
    margin: 8px 0;
    display: inline-block;
}

.mod-reg .reg-forms .reg-sub a.disabled {
    color: #999999;
    opacity: 1;
}

.mod-reg .reg-forms .reg-sub p {
    font-size: 12px;
    line-height: 16px;
    color: #222222;
    margin-top: 24px;
    text-align: center;
}

.mod-reg .reg-forms #captcha {
    position: absolute;
    right: 10px;
    top: 8px;
    border-radius: 5px;
}

.mod-reg .reg-forms .captcha-refresh {
    display: none;
}

.mod-reg .reg-forms .verify-timer {
    position: absolute;
    right: 10px;
    top: 8px;
    padding: 3px 9px;
    background: rgb(150, 157, 161);
    color: #ffffff;
    border-radius: 5px;
}

.mod-reg .reg-forms .rmverify,
.mod-reg .reg-forms .reverify {
    position: absolute;
    right: 10px;
    top: 8px;
    padding: 3px 9px;
    background: #9c9da1;
    color: #ffffff;
    border-radius: 5px;
}

.mod-reg .reg-forms .show-agc {
    font-size: 12px;
    line-height: 16px;
    color: #222222;
    margin: 8px 0;
    padding-right: 20px;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.mod-reg .reg-forms .show-agc i {
    font-size: 12px;
    color: #222222;
    width: auto;
    line-height: 0;
    position: absolute;
    left: auto;
    right: 0;
    top: 50%;
    transform: translateY(-40%);
}

.mod-reg .reg-forms .show-agc+.item-ipt {
    display: none;
}

.mod-reg .reg-forms .show-agc.show i {
    transform: rotate(180deg) translateY(-40%);
    transform-origin: top;
}

.mod-reg .reg-forms .focus.input-grp-phone {
    border-color: #06A6FF;
    margin-bottom: 38px;
}

.mod-reg .reg-forms .error.input-grp-phone:not(.show) {
    border-color: #F01616;
    margin-bottom: 38px;
}

.mod-reg .reg-forms .error.input-grp-phone input {
    border-color: #fff !important;
}

.mod-reg .reg-forms .error.input-grp-phone span.error-tips {
    position: absolute;
    bottom: -32px;
}

.mod-reg .reg-forms .error.input-grp-phone .btn,
.mod-reg .reg-forms .disabled.input-grp-phone .btn {
    background: #E0E0E0;
    color: #999999;
    pointer-events: none;
}

.mod-reg .reg-forms .error.input-grp-phone .btn-outline,
.mod-reg .reg-forms .disabled.input-grp-phone .btn-outline {
    color: #999999;
    border-color: #E0E0E0;
    pointer-events: none;
}

.mod-reg .reg-forms .disabled.input-grp-phone .ways {
    display: none !important;
}

.mod-reg .reg-forms .sending-otp input:not(.input-otp) {
    background: #E0E0E0;
    border-color: #E0E0E0 !important;
    color: #999999;
}

.mod-reg .reg-forms .sending-otp {
    border: none;
}

.mod-reg .reg-forms .sending-otp.focus {
    margin-bottom: 8px;
}

.mod-reg .reg-forms .sending-otp .item-ipt {
    pointer-events: none !important;
    background: #E0E0E0;
    border-radius: 8px 8px 0 0;
}

.mod-reg .reg-forms .sending-otp .otp-header {
    display: flex;
}

.mod-reg .reg-forms .sending-otp .otp-grp,
.mod-reg .reg-forms .expired-otp .otp-grp {
    display: block;
}

.mod-reg .reg-forms .sending-otp .ways {
    display: none;
}

.mod-reg .reg-forms .iti {
    position: static;
}

.mod-reg .reg-forms .iti--container {
    padding: 0;
}

.mod-reg .reg-forms .iti--allow-dropdown .iti__flag-container,
.mod-reg .reg-forms .iti--separate-dial-code .iti__flag-container {
    height: 44px;
}

.mod-reg .reg-forms .input-grp-contact .CaptionCont {
    font-size: 14px;
    padding: 0 10px 0 48px;
}

.mod-reg .reg-forms .input-grp-contact .CaptionCont[opt] span {
    padding-left: 26px;
    background-repeat: no-repeat;
    background-position: left center;
}

.mod-reg .reg-forms .input-grp-contact .CaptionCont[opt='whatsapp'] span,
.mod-reg .reg-forms .input-grp-contact .CaptionCont[opt='telegram'] span {
    background-position-x: -2px;
}

.mod-reg .reg-forms .input-grp-contact .SumoSelect li.opt {
    padding-left: 48px;
    background-repeat: no-repeat;
    background-position: left+16px center;
}

.mod-reg .reg-forms .input-grp-contact .SumoSelect li.whatsapp,
.mod-reg .reg-forms .input-grp-contact .CaptionCont[opt='whatsapp'] span {
    background-size: 24px;
}

.mod-reg .reg-forms .input-grp-contact .SumoSelect li.telegram,
.mod-reg .reg-forms .input-grp-contact .CaptionCont[opt='telegram'] span {
    background-size: 24px;
}

.mod-reg .reg-forms .input-grp-contact .SumoSelect li.skype,
.mod-reg .reg-forms .input-grp-contact .CaptionCont[opt='skype'] span {
    background-size: 20px;
}

.mod-reg .reg-forms .input-grp-contact .SumoSelect li label {
    width: auto;
    flex-grow: 1;
    float: none;
    line-height: 1;
    text-align: left;
}

.mod-reg .reg-whatsapp {
    margin: 24px auto;
}

.mod-reg .btn-whatsapp {
    padding: 8px 16px;
}

.mod-reg .btn-whatsapp span {
    font-size: 14px;
}

.mod-reg .btn-whatsapp i {
    font-size: 28px;
}

@media (max-width:991px) {
    .mod-reg .reg-forms .SumoSelect>.CaptionCont {
        padding: 0 8px 0 42px;
    }
    .mod-reg .reg-forms .reg-sub p small {
        display: block;
    }
}

/*QUICK REGISTER*/

.mod-qreg {
    height: calc(var(--vh, 1vh) * 100);
    min-height: 680px;
    position: relative;
    background: #222 no-repeat center/cover;
}

.mod-qreg .qreg-banner {
    height: calc(var(--vh) * 100);
    min-height: 680px;
    position: relative;
    background: #222 no-repeat center top/cover;
}

.mod-qreg .qreg-link {
    position: absolute;
    right: 2%;
    top: 6%;
    display: flex;
}

.mod-qreg .qreg-link a {
    min-width: 64px;
    height: 64px;
    margin: 0 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mod-qreg .qreg-link a.icon-cs {
    font-size: 42px;
    background: #FFFFFF;
    color: #06A6FF;
    border-radius: 50%;
    text-indent: 2px;
}

.mod-qreg .qreg-link a i {
    width: 48px;
    height: 48px;
    margin: 0 8px;
}

.mod-qreg .qreg-container {
    width: 45%;
    max-width: 650px;
    background: #EBEBEB;
    position: absolute;
    right: 10%;
    top: 25%;
    border-radius: 12px;
    overflow: hidden;
}

.mod-qreg .qreg-title {
    line-height: 48px;
    background: #FFFFFF;
    text-align: center;
}

.mod-qreg .qreg-content {
    width: 100%;
    max-width: 356px;
    margin: 24px auto;
}

.mod-qreg .reg-forms .reg-sub {
    margin-top: 16px;
}

.mod-qreg .container-fullframe {
    padding: 24px 0;
}

.mod-qreg .container-fullframe .btn+a {
    margin-top: 16px;
}

.mod-qreg .qreg-popup a.btn-whatsapp {
    height: 44px;
    margin-bottom: 16px;
}

.mod-qreg .reg-forms .disclaimer {
    margin-top: 16px;
    text-align: center;
}

.mod-qreg .reg-forms .disclaimer p {
    font-size: 12px;
    line-height: 16px;
    color: #666666;
    margin: 8px 0;
    display: inline-block;
}

.qreg-social,
.qreg-quicklinks {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
}

.qreg-social a {
    width: 44px;
    height: 44px;
    background: #fff;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.qreg-quicklinks {
    padding-top: 24px;
    border-top: 1px solid #E0E0E0;
}

.qreg-quicklinks a {
    color: #989DAB;
    font-size: 12px;
}

@media (max-width:991px) {
    .mod-qreg {
        height: auto;
        min-height: auto;
    }
    .mod-qreg .qreg-banner {
        height: auto;
        min-height: auto;
        padding-bottom: 48%;
    }
    .mod-qreg .qreg-link {
        top: 4%;
    }
    .mod-qreg .qreg-link a {
        min-width: 44px;
        height: 44px;
        margin: 0 6px;
    }
    .mod-qreg .qreg-link a.icon-cs {
        font-size: 28px;
    }
    .mod-qreg .qreg-container {
        width: 100%;
        max-width: 100%;
        border-radius: 0;
        position: static;
        margin-bottom: -1px;
        transform: translateY(0);
    }
    .mod-qreg .qreg-content {
        min-height: 400px;
    }
    .mod-qreg .qreg-content.reg-forms {
        margin: 16px auto;
        padding: 0 16px;
    }
    .mod-qreg .container-fullframe {
        padding: 48px 16px;
    }
    .qreg-social,
    .qreg-quicklinks {
        margin-top: 20px;
    }
    .qreg-quicklinks {
        padding-top: 20px;
    }
}

.swiper-slide a div.title-game-home {
    position: absolute;
    left: 5px;
    top: 10px;
    background: none;
    font-size: 1.5rem;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
}

@media (max-width:640px) {
    .swiper-slide a div.title-game-home {
        font-size: 0.8rem;
        position: absolute;
        left: 5px;
        top: 5px;
    }
    .mod-qreg .qreg-link {
        transform: scale(.9);
        transform-origin: right;
    }
    .mod-qreg .qreg-banner {
        padding-bottom: 76.2%;
    }
}

/*MESSAGE*/

.mod-messages {
    padding-top: var(--header-height);
}

.mod-messages .no-result {
    margin: 0 auto;
}

.mod-messages .msg-height {
    min-height: 300px;
    padding-top: var(--header-height);
}

.mod-messages .msg-bottom {
    font-size: 14px;
    color: #666666;
    margin: 24px auto;
    text-align: center;
}

.mod-messages .msg-bottom .ico-loading {
    width: 58px;
    height: 58px;
    display: block;
    margin: 0 auto;
}

.mod-messages .top-tab li.cur {
    pointer-events: none;
}

.mod-messages .msg-btn {
    width: 100%;
    padding: 15px 0;
    display: flex;
}

.mod-messages .msg-btn a {
    font-size: 12px;
    color: #222222;
    background: #e2e2e2;
    padding: 5px 12px;
    border-radius: 20px;
}

.mod-messages .msg-btn a.outline {
    box-shadow: inset 0px 0px 0px 1px #F01616;
    color: #F01616;
    background: none;
    margin-left: 4px;
}

.mod-messages .msg-btn a:last-child {
    margin-left: auto;
}

.mod-messages .msg-btn-delete {
    display: none;
}

.mod-messages .msg-lists {
    min-height: calc(100vh - var(--header-height)*2 - 126px)
}

.mod-messages .msg-lists li {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 8px;
}

.mod-messages .msg-lists li:not(.read) .msg-type:after {
    content: '';
    width: 12px;
    height: 12px;
    border: 2px solid #ffffff;
    background: #F53D3D;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 50%;
    box-sizing: border-box;
}

.mod-messages .msg-checkbox {
    min-height: 16px;
    padding: 0 16px 0 8px;
    position: relative;
    display: none;
}

.mod-messages .msg-checkbox input {
    width: 0;
    height: 0;
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.mod-messages .msg-checkbox .checkmark {
    width: 16px;
    height: 16px;
    border: 1px solid #666666;
    border-radius: 50%;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
}

.mod-messages .msg-checkbox .checkmark:after {
    content: '';
    width: 3px;
    height: 6px;
    position: absolute;
    top: 3px;
    left: 6px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    display: none;
}

.mod-messages .msg-checkbox input:checked~.checkmark {
    background: #06A6FF;
    border: none;
}

.mod-messages .msg-checkbox input:checked~.checkmark:after {
    display: block;
}

.mod-messages .msg-title {
    font-weight: 500;
}

.mod-messages .msg-time {
    font-size: 12px;
    color: #999999;
}

.mod-messages .msg-text {
    font-size: 12px;
    color: #666666;
}

.mod-messages .msg-type {
    min-width: 40px;
    height: 40px;
    margin-right: 15px;
    border-radius: 50%;
    background: url(../images/msg_general.svg) #e9e9e9 no-repeat center / contain;
    position: relative;
}

.mod-messages .msg-type.profile {
    background-image: url(../images/msg_profile.svg);
}

.mod-messages .msg-type.payment {
    background-image: url(../images/msg_payment.svg);
}

.mod-messages .msg-type.promo {
    background-image: url(../images/msg_promo.svg);
}

.mod-messages .msg-type.product {
    background-image: url(../images/msg_product.svg);
}

.mod-messages .msg-content {
    background: #ffffff;
    padding: 15px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    flex-grow: 1;
    cursor: pointer;
    overflow: hidden;
}

.mod-messages .msg-content>div {
    width: 80%;
    flex-grow: 1;
    position: relative;
}

.mod-messages .msg-content>div p {
    width: calc(100% - 120px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.mod-messages .msg-content>div em {
    position: absolute;
    right: 0;
    top: 2px;
}

.mod-messages .msg-content>div span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.mod-messages .msg-details {
    background: #ffffff;
    margin: 16px auto;
    border-radius: 12px;
}

.mod-messages .msg-details>div {
    padding: 16px 32px;
    display: flex;
}

.mod-messages .msg-details>div:first-child {
    border-bottom: 1px solid #f2f2f2;
}

.mod-messages .popup-messages .fullframe-title {
    height: var(--header-height);
    display: flex;
}

.mod-messages .modal-msgdelete {
    opacity: 0;
    transition: all .3s;
}

.mod-messages .modal-msgdelete .modal-content {
    padding-top: 0;
}

.modal-messages {
    width: 100%;
    max-width: 420px;
    height: calc(var(--vh, 1vh)*100);
    background: #ebebeb;
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 10000;
    transition: right .5s;
}

.modal-messages.show {
    visibility: visible;
    right: 0;
}

.modal-messages .top-tab {
    position: absolute;
}

.modal-messages .msg-width {
    width: 100%;
    max-width: 420px;
    left: auto;
}

.modal-messages .msg-height {
    height: calc(100vh - var(--header-height));
    overflow-y: auto;
}

.modal-messages>.modal-hd {
    height: calc(var(--header-height));
    padding: 0 16px;
    color: #ffffff;
    background: #06A6FF;
    display: flex;
}

.modal-messages>.modal-hd a {
    cursor: pointer;
}

.modal-messages .mod-messages {
    padding-top: 0;
}

.modal-messages .mod-messages .modal-msgdelete {
    width: 388px;
    left: auto !important;
    right: 16px;
    transform: translate(0, -50%);
}

@media (min-width:992px) {
    .mod-messages .msg-delete>* {
        display: none;
    }
    .mod-messages .msg-delete.hover {
        min-width: 70px;
        height: 100%;
        padding: 0 16px;
        background: transparent linear-gradient(90deg, #FFFFFF00 0%, #FFFFFF 55%, #FFFFFF 100%) 0% 0%;
        border-radius: 12px;
        position: absolute;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: end;
    }
    .mod-messages .msg-delete.hover>i {
        cursor: pointer;
    }
    .mod-messages .msg-delete.click {
        position: absolute;
        right: 8px;
        padding: 8px;
        background: #ffffff;
        box-shadow: 0px 5px 8px #00000014;
        border: 1px solid #E6E6E6;
        border-radius: 12px;
    }
    .mod-messages .msg-delete.click>a {
        padding: 5px 14px 5px 12px;
        background: #F01616;
        color: #ffffff;
        border-radius: 8px;
        font-weight: bold;
        display: flex;
        align-items: center;
    }
    .mod-messages .msg-delete.click>a>i {
        font-size: 16px;
        margin-right: 6px;
    }
    .mod-messages .msg-delete.disabled {
        pointer-events: none;
        visibility: hidden;
    }
}

@media (max-width:991px) {
    .mod-messages .msg-wrapper {
        padding-right: 8px;
        padding-left: 8px;
    }
    /*.mod-messages .msg-lists li{touch-action:pan-x;}*/
    .mod-messages .msg-lists li.swipeleft .msg-content {
        transform: translateX(-108px);
    }
    .mod-messages .msg-content {
        z-index: 1;
        transform: translateX(0);
        transition: all .3s;
    }
    .mod-messages .msg-delete {
        width: 100px;
        height: 100%;
        color: #FFFFFF;
        background: #F01616;
        border-radius: 12px;
        position: absolute;
        right: 1px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mod-messages .msg-delete a {
        font-size: 12px;
    }
    .mod-messages .msg-delete a i {
        font-size: 16px;
        margin: -2px 8px 0 0;
    }
    .mod-messages .msg-details {
        margin-right: 8px;
        margin-left: 8px;
    }
    .mod-messages .msg-details>div {
        padding: 16px 24px;
    }
    .mod-messages .popup-messages .fullframe-title {
        padding: 0 8px;
    }
}

/*REWARD*/

.mod-reward .reward-wrap {
    min-height: auto;
    margin-top: 16px;
    overflow: hidden;
}

.mod-reward .reward-content {
    background: #E0E0E0;
    padding: var(--space-16-8);
}

.mod-reward .reward-panel {
    justify-content: space-between;
}

.mod-reward .reward-panel>div {
    flex: 0 0 auto;
}

.mod-reward .reward-panel>div:first-child {
    padding-right: 0;
}

.mod-reward .reward-panel>div:last-child {
    border: none;
}

.mod-reward .reward-panel>div h5,
.mod-reward .reward-panel>div .h5 {
    margin: 4px 0;
}

.mod-reward .reward-tnc i {
    font-size: 22px;
    margin: 2px 0 10px;
}

.mod-reward .reward-tnc small {
    font-size: 12px;
}

.mod-reward .reward-tier {
    column-count: 2;
}

.mod-reward .reward-tier li {
    width: 100%;
    height: 92px;
    padding: 0 32px;
    margin-bottom: 8px;
    background: #ffffff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mod-reward .reward-tier li>img {
    max-width: 76px;
    margin-right: 24px;
}

.mod-reward .reward-tier li>div:not(.reward-status) {
    min-width: 100px;
}

.mod-reward .reward-tier li>div small {
    color: #999999;
}

.mod-reward .reward-status {
    min-width: 56px;
    width: 56px;
    text-align: center;
}

.mod-reward .reward-status i {
    font-size: 24px;
}

.mod-reward .reward-status p {
    font-size: 12px;
    line-height: 2;
    font-weight: bold;
    color: #06A6FF;
    background: rgba(245, 135, 24, .1);
    border-radius: 4px;
    text-align: center;
}

.mod-reward .reward-detail {
    padding: var(--space-16-8);
}

.mod-reward .reward-detail>div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}

.mod-reward .reward-detail>div>div {
    width: 50%;
}

.mod-reward .reward-detail>div>div.fl {
    margin-right: 18px;
}

.mod-reward .reward-detail h4,
.mod-reward .reward-detail .h4 {
    margin-bottom: 8px;
}

.mod-reward .reward-detail ol li {
    font-size: 12px;
    color: #666666;
    margin-left: 14px;
    padding-left: 6px;
    list-style: decimal;
}

.mod-reward .reward-detail ol li:not(:last-child) {
    margin-bottom: 16px;
}

.mod-reward .reward-detail {
    padding: var(--space-16-8);
}

.mod-reward .reward-detail h4,
.mod-reward .reward-detail .h4 {
    margin-bottom: 8px;
}

.mod-reward .reward-detail ol li {
    font-size: 12px;
    color: #666666;
    margin-left: 14px;
    padding-left: 6px;
    list-style: decimal;
}

.mod-reward .reward-detail ol li:not(:last-child) {
    margin-bottom: 16px;
}

.mod-reward .reward-detail .row {
    margin-bottom: 16px;
}

.mod-reward .reward-detail .card {
    display: flex;
    align-items: center;
    border: none;
    height: auto;
    padding: 16px 0;
}

.mod-reward .reward-detail .card h4,
.mod-reward .reward-detail .card .h4 {
    line-height: 1;
}

.mod-reward .reward-detail .card i {
    width: 24px;
    height: 24px;
    margin-right: 16px;
}

.mod-reward .reward-detail .card p {
    font-weight: 500;
    line-height: 1.2;
}

.mod-reward .reward-detail .card b {
    display: block;
}

.mod-reward .reward-detail .card span {
    font-size: 12px;
    color: #666666;
}

.mod-reward .reward-detail table {
    border: 1px solid #E6E6E6;
    width: 100%;
    text-align: left;
}

.mod-reward .reward-detail table tr:nth-child(odd) {
    background-color: #f8f8f8;
}

.mod-reward .reward-detail table tr td,
.mod-reward .reward-detail table tr th {
    padding: 11px 20px;
}

.mod-reward .reward-points {
    display: none;
}

@media (max-width:991px) {
    .mod-reward .reward-wrap {
        padding-top: var(--header-height);
        margin-top: 0;
        background: none;
    }
    .mod-reward .reward-content {
        background: #ebebeb;
    }
    .mod-reward .reward-panel {
        margin: 0 auto 16px;
    }
    .mod-reward .reward-tier {
        column-count: 1;
    }
    .mod-reward .reward-tier li {
        padding: 0 4% 0 2%;
    }
    .mod-reward .reward-tier li>img {
        margin-right: 2%;
    }
    .mod-reward .reward-detail {
        margin: 8px;
        padding: 16px;
        background: #ffffff;
        border-radius: 12px;
    }
    .mod-reward .reward-detail>div {
        display: block;
    }
    .mod-reward .reward-detail>div>div {
        width: 100%;
    }
    .mod-reward .reward-detail>div>div.fl {
        margin-right: 0;
    }
}

/*WITHDRAWAL*/

.wallet-wrap .pgOptionLists {
    background: #E0E0E0;
    padding: 8px 8px 16px;
    display: flex;
    flex-wrap: wrap;
}

.wallet-wrap .pgOptionTab {
    background: #ffffff;
    width: calc(50% - 16px);
    margin: 8px 8px 0;
    border-radius: 12px;
    position: relative;
    cursor: pointer;
    padding: 24px;
}

.wallet-wrap .pgOptionTab[opstatus]:after,
.dep-form .pgOptionTab[opstatus]:after {
    content: 'Popular';
    color: #ffffff;
    background: #FD6B3C;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    padding: 4px 8px;
    position: absolute;
    top: 0;
    left: 24px;
    border-radius: 0px 0px 4px 4px;
    text-transform: uppercase;
}

@media (max-width:991px) {
    .wallet-wrap .pgOptionLists {
        background: #ebebeb;
        margin: -16px -24px;
        padding: 0;
    }
    .wallet-wrap .pgOptionTab {
        width: calc(100% - 16px);
        margin: 0 8px 8px;
        padding: 18px 24px;
    }
    .wallet-wrap .pgOptionTab[opstatus]:after,
    .dep-form .pgOptionTab[opstatus]:after {
        font-size: 10px;
    }
}

.wallet-complete {
    max-width: 380px !important;
    color: #222222;
    text-align: center;
}

.wallet-complete>i {
    font-size: 48px;
    margin-bottom: 16px;
    color: #33C85D;
}

.wallet-complete>h5,
.wallet-complete>.h5 {
    margin-bottom: 24px;
}

.wallet-complete>a {
    margin-top: 16px;
}

.wallet-complete>span {
    font-size: 12px;
    color: #989DAB;
    margin: 8px auto;
    display: block;
}

.wallet-complete>small {
    font-size: 14px;
    color: #999999;
    text-align: left;
    display: block;
}

.wallet-complete>small+a {
    margin-top: 24px;
}

.wallet-complete .details {
    padding: 24px 0;
    margin: 24px auto;
    border: solid #DFE0E2;
    border-width: 1px 0;
}

.wallet-complete .details>div {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wallet-complete .details>div span {
    color: #989DAB;
}

.wallet-complete .details>div:not(:last-child) {
    margin-bottom: 12px;
}

.mod-withdraw .user-form {
    margin: 0;
    min-height: auto;
}

.mod-withdraw .user-form .form-box {
    margin: 0;
    padding: 0;
    background: none;
}

.mod-withdraw .wallet-form>li:first-child {
    margin-top: 0;
}

.mod-withdraw input.btn {
    border: none !important;
}

.mod-withdraw .btn-dashed {
    font-weight: normal;
}

.mod-withdraw .btn-dashed i {
    margin-right: 8px;
}

.mod-withdraw .custom-checkbox {
    margin-top: 16px;
}

.mod-withdraw .withdrawal-top {
    display: none;
}

.mod-withdraw .withdraw-amount {
    background: #F4F4F4;
    margin-bottom: 16px;
    padding: 16px;
    border-radius: 8px;
}

.mod-withdraw .withdraw-amount>div {
    color: #666666;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mod-withdraw .withdraw-amount>div:not(:last-child) {
    margin-bottom: 8px;
}

.mod-withdraw .withdraw-amount>div b {
    color: #222222;
    font-weight: 500;
    margin-left: auto;
}

.mod-withdraw .withdraw-amount .icon-info-circle {
    color: #06A6FF;
    font-size: 16px;
    margin-left: 6px;
}

.mod-withdraw .withdraw-amount .tooltip-text {
    left: -90px;
    width: 330px;
    text-align: left;
}

.mod-withdraw .withdraw-form>a.btn,
.mod-withdraw .withdraw-form .btn.w-100 {
    margin-top: 16px;
}

.mod-withdraw .withdraw-form .bottom-reminder {
    margin-bottom: 0;
}

.mod-withdraw label .tooltip-wrap .icon-info-circle {
    color: #06A6FF;
    font-size: 18px;
    margin-left: 3px;
}

.mod-withdraw label .tooltip-wrap.show .tooltip-text {
    width: 330px;
    text-align: left;
    max-width: 90vw;
    margin-left: -165px;
}

.mod-withdraw .wd-step2 .d-flex {
    justify-content: space-between;
}

.mod-withdraw .wd-step2 .d-flex b {
    color: #222222;
    font-size: 16px;
}

.mod-withdraw .form-content .wallet-complete .details {
    border-bottom: 0;
    padding-bottom: 0;
}

.mod-withdraw .form-content .yellow-reminder {
    padding: 16px;
    margin-bottom: 16px;
    text-align: left;
}

.mod-withdraw .yellow-reminder .icon-chevron-down {
    margin-left: auto;
    color: #222;
}

.mod-withdraw .yellow-reminder .icon-chevron-down.expand {
    transform: rotate(180deg);
}

.mod-withdraw .yellow-reminder table {
    background: #FFFBE6;
    font-size: 12px;
    margin: 15px 0 8px;
    width: 100%;
    border: 1px solid #eaeaea;
    line-height: 1.333;
}

.mod-withdraw .yellow-reminder table td,
.mod-withdraw .yellow-reminder table th {
    padding: 12px 16px;
    ;
}

.mod-withdraw .yellow-reminder table tr:nth-child(2n) {
    background: #F5F0D7;
}

.mod-withdraw .yellow-reminder ol {
    line-height: 1.2;
}

.mod-withdraw .wallet-complete .yellow-reminder {
    padding: 12px 16px;
}

.mod-withdraw .wallet-complete .yellow-reminder b {
    margin-bottom: 0;
}

.mod-withdraw .wallet-complete .yellow-reminder .yellow-content {
    paddng: 4px 0;
}

.mod-withdraw .verify-wrap {
    background: #F2F2F2;
    border-radius: 8px;
}

.mod-withdraw .verify-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eaeaea;
    padding: 16px;
}

.mod-withdraw .verify-option label {
    font-size: 14px;
    color: #666666;
    width: auto;
    padding-left: 24px;
    margin-bottom: 0;
    position: relative;
    cursor: pointer;
}

.mod-withdraw .verify-option label+label {
    margin: 0 auto;
}

.mod-withdraw .verify-option input {
    width: 0;
    height: 0;
    position: absolute;
    opacity: 0;
}

.mod-withdraw .verify-option .checkmark {
    width: 16px;
    height: 16px;
    border: 1px solid #BCBEC3;
    background: #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 1px;
    left: 0;
    display: block;
}

.mod-withdraw .verify-option .checkmark:after {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    top: 4px;
    left: 4px;
    background: #ffffff;
    border-radius: 50%;
    display: none;
}

.mod-withdraw .verify-option input:checked~.checkmark {
    background: #06A6FF;
    border: none;
}

.mod-withdraw .verify-option input:checked~.checkmark:after {
    display: block;
}

.mod-withdraw .verify-type {
    display: none;
}

.mod-withdraw .verify-type.password {
    padding: 16px;
}

.mod-withdraw .verify-type .ways {
    flex-wrap: wrap;
    border-top: none;
}

.mod-withdraw .verify-type .ways p {
    margin-bottom: 16px;
    line-height: 18px;
}

.mod-withdraw .verify-type .ways a {
    width: auto;
}

.mod-withdraw .verify-type .ways a.btn-outline:not(:last-child) {
    background: #f4f4f4;
}

.mod-withdraw .verify-type input {
    font-size: 14px !important;
}

.mod-withdraw .verify-type .input-otp {
    padding: 0 10px 0 48px !important;
}

.mod-withdraw .verify-type.show {
    display: block;
}

.mod-withdraw .verify-type.show .ways {
    display: flex;
}

.mod-withdraw .verify-type.sending-otp .otp-header {
    display: flex;
}

.mod-withdraw .verify-type.sending-otp .otp-grp,
.mod-withdraw .verify-type.expired-otp .otp-grp {
    display: block;
}

.mod-withdraw .verify-type.sending-otp .ways {
    display: none;
}

.mod-withdraw .verify-type.expired-otp .ways p {
    display: none;
}

.mod-withdraw .wdbank-title {
    height: 44px;
    padding: 0 16px;
    font-size: 16px;
    border: 1px solid #dddddd;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    cursor: pointer;
    color: #222;
}

.mod-withdraw .wdbank-title>span {
    font-size: 16px;
}

.mod-withdraw .wdbank-title>i {
    width: 12px;
    height: 12px;
    display: block;
}

.mod-withdraw .wdbank-title>i:before {
    content: '\e903';
    color: #666666;
    font-size: 12px;
}

.mod-withdraw .wdbank-title.active {
    border-color: #06A6FF;
}

.mod-withdraw .wdbank-title.hide,
.mod-withdraw .wdbank-add.hide {
    display: none !important;
}

.mod-withdraw .wdbank-wrap {
    width: 100%;
    min-width: 175px;
    position: absolute;
    top: 52px;
    z-index: 10;
    border: 1px solid #06A6FF;
    border-radius: 8px;
    overflow: hidden;
}

.mod-withdraw .wdbank-list {
    max-height: 264px;
    background: #ffffff;
    overflow: auto;
}

.mod-withdraw .wdbank-list li {
    height: 44px;
    margin: 0 auto;
    padding: 0 10px;
    color: #666666;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.mod-withdraw .wdbank-list li:after {
    content: '';
    visibility: hidden;
    font-size: 16px;
    width: 16px;
    height: 16px;
}

.mod-withdraw .wdbank-list li input[type=radio] {
    position: absolute;
    width: 0 !important;
    height: 0;
    opacity: 0;
}

.mod-withdraw .wdbank-list li.checked,
.mod-withdraw .wdbank-list li:hover {
    background: #EFFAFF;
}

.mod-withdraw .wdbank-list li.checked:after {
    content: '\e900';
    color: #33C85D;
    visibility: visible;
}

.mod-withdraw .wdbank-list li.addbtn {
    color: #06A6FF !important;
}

.mod-withdraw .wdbank-list li.addbtn i {
    margin-right: 8px;
}

.mod-withdraw .wdbank-list .optionText {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
}

.mod-withdraw .wdbank-list .optionText span,
.mod-withdraw .wdbank-title>span {
    max-width: 140px;
    padding-right: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.mod-withdraw .wdbank-cardnum {
    max-width: none !important;
    flex-grow: 1;
    text-align: right;
}

/*VIP*/

.mod-single .container-1080 {
    padding-top: 16px;
}

.mod-single .single-content {
    padding: 16px;
}

.mod-vip .single-content {
    font-size: 14px;
}

.vip-club img {
    margin-bottom: 16px;
    width: 100%;
}

.vip-club p {
    margin-bottom: 16px;
}

.vip-club .row {
    --bs-gutter-x: 42px;
    --bs-gutter-y: 24px;
    padding-left: 16px;
    line-height: 20px;
}

.vip-club .row div {
    display: flex;
    flex-direction: column;
}

.vip-club .row div div {
    height: 100%;
    justify-content: space-between;
}

.vip-club .row div li {
    margin-bottom: 10px;
    padding-left: 28px;
}

.vip-club .row div li:before {
    content: '\e94c';
    color: #FFBB4D;
    font-size: 20px;
    margin: 0 8px 0 -28px;
    display: inline-block;
    vertical-align: middle;
}

.vip-club .row .btn-outline {
    margin-top: 25px;
    align-self: flex-end;
    font-size: inherit;
    font-weight: inherit;
}

.mod-vip table {
    border: 1px solid #EBEBEB;
    width: 100%;
    color: #666;
}

.mod-vip table tr>* {
    text-align: left;
    padding: 10px 16px;
    line-height: 20px;
    word-break: break-all;
    white-space: normal;
}

.mod-vip td b {
    color: #222;
}

.vip-tab {
    line-height: 40px;
    font-size: 12px;
    background: #F8F8F8;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    justify-content: stretch;
    width: 100%;
    text-align: center;
}

.vip-tab li {
    flex: 1 1 auto;
    border-radius: 8px;
}

.vip-tab .cur {
    background-color: #06A6FF;
    color: #fff;
}

@media (max-width:991px) {
    .mod-single .container-1080 {
        padding-top: 0px;
    }
    .mod-single .single-content {
        margin: var(--header-height) 0 0;
        background: #EBEBEB;
        padding: 0;
        padding: 8px;
    }
    .mod-vip .single-content {
        font-size: 12px;
        margin: calc(var(--header-height) * 2) 0 0;
    }
    .mod-vip .vip-club {
        padding: 24px;
    }
    .vip-club .vip-banner {
        margin: -24px -24px 12px;
        width: calc(100% + 48px)
    }
    .vip-club .row {
        --bs-gutter-x: 0;
        --bs-gutter-y: 16px;
        padding-left: 0;
    }
    .vip-club .row div img {
        margin: 0 16px -85px;
        width: calc(100% - 32px);
        position: relative;
    }
    .vip-club .row div div {
        background: #fff;
        padding: 101px 16px 16px;
        border-radius: 12px;
    }
    .vip-club .row .btn-outline {
        margin-top: 14px;
    }
    .mod-vip table tr>* {
        display: none;
    }
    .mod-vip table tr>*:not(:first-child) {
        width: 120px !important;
    }
    .mod-vip table tr>*:first-child,
    .mod-vip table tr>*:nth-child(2) {
        display: table-cell;
    }
}

/*mobile*/

.mod-mobile .single-content {
    color: #666;
}

.mod-mobile .single-content h3,
.mod-mobile .single-content .h3 {
    line-height: 24px;
    color: #222;
}

.mod-mobile .single-content .row {
    margin-top: 8px;
    margin-bottom: 16px;
    --bs-gutter-x: 25px;
}

.mod-mobile .single-content .card i {
    width: 50px;
    height: 50px;
    display: block;
    margin: 0 auto 8px;
}

.mod-mobile .single-content .card p {
    color: #666666;
    text-align: center;
}

.mod-mobile .single-content #qr-code {
    margin-top: 8px;
}

.mod-mobile .single-content .qr-code canvas {
    width: 158px;
}

.mod-mobile .btn-wrap {
    margin-top: 16px;
}

.mod-mobile .btn-wrap .btn {
    max-width: 327px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mod-mobile .btn-wrap .btn i {
    font-size: 24px;
    margin-right: 8px;
}

.mod-mobile .btn-wrap .btn i.icon-android {
    color: #9cdd6e;
}

.mod-mobile .seo-wrap {
    margin: 8px 0;
}

.mod-mobile .card-wrap {
    min-height: auto;
}

@media (max-width:991px) {
    .mod-mobile .single-content .row {
        --bs-gutter-x: 15px;
        --bs-gutter-y: 8px;
    }
    .mod-mobile .btn-wrap {
        display: block;
    }
    .mod-mobile .btn-wrap .btn {
        max-width: none;
        width: 100%;
    }
    .mod-mobile .btn-wrap .btn+.btn {
        margin: 8px 0 0;
    }
    .mod-mobile .seo-wrap {
        margin: 8px;
    }
}

/* EVENTS */

.table-responsive {
    overflow: auto;
}

/* sponsor */

.mod-sponsor .h5 {
    display: none;
}

.mod-sponsor .sidebar li {
    min-height: 92px;
    height: auto;
    padding: 8px 18px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    word-break: normal;
}

.mod-sponsor .sidebar li span {
    font-size: 14px;
    font-weight: normal;
}

.mod-sponsor .sidebar li i {
    width: 58px;
    min-height: 58px;
    line-height: 58px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.mod-sponsor .sidebar li i.icon-dale {
    background-image: url(../images/sponsor/side_ico_dale.webp?1);
}

.mod-sponsor .sidebar li i.icon-captain {
    background-image: url(../images/sponsor/side_ico_captain.webp?1);
}

.mod-sponsor .sidebar li i.icon-iker {
    background-image: url(../images/sponsor/side_ico_iker.webp?1);
}

.mod-sponsor .sidebar li i.icon-nfc {
    background-image: url(../images/sponsor/side_ico_newcastle.webp?1);
}

.mod-sponsor .sidebar li i.icon-thfc {
    background-image: url(../images/sponsor/side_ico_hotspurs.webp?1);
}

.mod-sponsor .sidebar li i.icon-bfc {
    background-image: url(../images/sponsor/side_ico_burnley.webp?1);
}

.mod-sponsor .sidebar li i.icon-dkcc {
    background-image: url(../images/sponsor/side_ico_dkcc.webp?1);
}

.mod-sponsor .container-1080,
.mod-worldcup .container-1080,
.mod-rummy .container-1080 {
    padding: 16px;
    width: 100%
}

.wrap {
    min-height: calc(var(--vh, 1vh) * 100 - var(--header-height) - 40px);
    width: 100%;
    max-width: 1080px;
    border-radius: 12px;
    background: #fff;
    margin: 16px auto;
}

.wrap .flex-title,
.mod-sponsor .sidebar-wrap .flex-title {
    background: #E0E0E0;
    font-weight: bold;
    font-size: 20px;
    border-radius: 12px 12px 0 0;
    z-index: 99;
}

.wrap .flex-title i,
.mod-sponsor .sidebar-wrap .flex-title i,
.mod-worldcup .sidebar-wrap .flex-title i {
    font-size: 16px;
    margin: 0 16px;
}

.tabContent {
    font-size: 12px;
    line-height: 18px;
}

.tabContent>div.headTop {
    text-align: center;
    padding-top: 24px;
}

.tabContent>div.headTop p {
    font-size: 16px;
    font-weight: bold;
    color: #222;
}

.tabContent>div.headTop span {
    color: #666;
}

.tabContent>div.headTop img {
    width: 64px;
}

.tabContent>div.banner {
    background: #fff;
    padding: 16px;
    border-radius: 0 0 12px 12px;
    text-align: center;
    display: block;
    overflow: auto;
    white-space: nowrap;
}

.tabContent>div.banner img {
    max-width: 100%;
}

.tabContent .sponsor-content {
    padding: 17px;
}

.tabContent .sponsor-content a {
    text-decoration: underline;
    color: #06A6FF;
}

.tabContent .sponsor-content a.btn {
    background: none;
    border: 1px solid #06a6ff;
    font-size: 14px;
    text-decoration: none;
    max-width: 326px;
    margin: 0 auto;
    display: block;
    font-weight: normal;
}

@media (max-width:991px) {
    .mod-sponsor .container-1080 {
        padding: 0;
    }
    .mod-sponsor .sidebar-container .sidebar-wrap {
        width: 100%;
        max-width: 100%;
    }
    .mod-sponsor .sidebar-container .sidebar-wrap .sidebar,
    .mod-sponsor .sidebar-wrap .flex-title,
    .mod-sponsor .flex-title {
        background: none;
    }
    .wrap .flex-title,
    .mod-sponsor .sidebar-wrap .flex-title {
        border-radius: 0;
    }
    .mod-sponsor .sidebar li {
        background: #fff !important;
    }
    .mod-sponsor .sidebar li.cur:not(.cur-hide) {
        background: none;
        color: inherit;
    }
    .mod-sponsor .wrap {
        background: none;
    }
    .mod-sponsor .tabContent {
        border-radius: 12px;
        margin: 16px 8px;
        background: #fff;
    }
    .mod-sponsor .tabContent>div.banner img {
        border-radius: 10px;
    }
    .mod-sponsor .sidebar ul {
        padding: 16px 8px;
    }
    .tabContent.dkcc .sponsor-content h2 {
        margin-top: 16px;
    }
}

/*t20 worldcup*/

.mod-worldcup .sidebar li {
    word-break: normal;
}

.mod-worldcup .sidebar li i {
    width: 58px;
    min-height: 58px;
    line-height: 58px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
}

.mod-worldcup .sidebar li i.icon1 {
    background-image: url(../images/worldcup/icon1.webp);
}

.mod-worldcup .sidebar li i.icon2 {
    background-image: url(../images/worldcup/icon2.webp);
}

.mod-worldcup .sidebar li i.icon3 {
    background-image: url(../images/worldcup/icon3.webp);
}

.mod-worldcup .sidebar li i.icon4 {
    background-image: url(../images/worldcup/icon4.webp);
}

.mod-worldcup .sidebar li i.icon5 {
    background-image: url(../images/worldcup/icon5.webp);
}

.mod-worldcup .sidebar li i.icon6 {
    background-image: url(../images/worldcup/icon6.webp);
}

.mod-worldcup .sidebar li i.icon7 {
    background-image: url(../images/worldcup/icon7.webp);
}

.mod-worldcup .sidebar li.cur i.icon2 {
    background-image: url(../images/worldcup/icon2_cur.webp);
}

.mod-worldcup .sidebar li.cur i.icon3 {
    background-image: url(../images/worldcup/icon3_cur.webp);
}

.mod-worldcup .sidebar li.cur i.icon4 {
    background-image: url(../images/worldcup/icon4_cur.webp);
}

.mod-worldcup .sidebar li.cur i.icon5 {
    background-image: url(../images/worldcup/icon5_cur.webp);
}

.mod-worldcup .sidebar li.cur i.icon6 {
    background-image: url(../images/worldcup/icon6_cur.webp);
}

.mod-worldcup .sidebar li.cur i.icon7 {
    background-image: url(../images/worldcup/icon7_cur.webp);
}

.tabContent .wc-content {
    padding: 17px;
}

.tabContent .wc-content h1,
.tabContent .wc-content .h1 {
    font-size: 18px;
}

.tabContent .wc-content .tableContent {
    display: flex;
    justify-content: space-between;
}

.tabContent .wc-content table {
    text-align: left;
}

.tabContent .wc-content table tbody {
    border: 1px solid #ccc;
}

.tabContent .wc-content table tr:nth-child(odd) {
    background: #f8f8f8;
}

.tabContent .wc-content table tr th,
.tabContent .wc-content table tr td {
    padding: 11px;
}

@media (max-width:991px) {
    .mod-worldcup .container-1080 {
        padding: 0;
    }
    .mod-worldcup .sidebar-container .sidebar-wrap {
        width: 100%;
        max-width: 100%;
    }
    .mod-worldcup .sidebar-container .sidebar-wrap .sidebar,
    .mod-worldcup .sidebar-wrap .flex-title {
        background: none;
    }
    .wrap {
        margin-top: 0;
    }
    .wrap .flex-title,
    .mod-worldcup .sidebar-wrap .flex-title {
        border-radius: 0;
    }
    .mod-worldcup .sidebar li {
        background: #fff !important;
    }
    .mod-worldcup .sidebar li.cur:not(.cur-hide) {
        background: none;
        color: inherit;
    }
    .mod-worldcup .sidebar li.cur i.icon2 {
        background-image: url(../images/worldcup/icon2.webp);
    }
    .mod-worldcup .sidebar li.cur i.icon3 {
        background-image: url(../images/worldcup/icon3.webp);
    }
    .mod-worldcup .sidebar li.cur i.icon4 {
        background-image: url(../images/worldcup/icon4.webp);
    }
    .mod-worldcup .sidebar li.cur i.icon5 {
        background-image: url(../images/worldcup/icon5.webp);
    }
    .mod-worldcup .sidebar li.cur i.icon6 {
        background-image: url(../images/worldcup/icon6.webp);
    }
    .mod-worldcup .sidebar li.cur i.icon7 {
        background-image: url(../images/worldcup/icon7.webp);
    }
    .tabContent .wc-content .tableContent {
        flex-direction: column;
        justify-content: center;
    }
    .tabContent .wc-content .tableContent table.world-info {
        width: 100% !important;
    }
}

/*rummy*/

.mod-rummy .mod-banner {
    max-width: 100%;
    overflow: hidden;
}

.mod-rummy .mod-banner li {
    border-radius: 12px;
    overflow: hidden;
}

.mod-rummy .rummy-img {
    width: 100%;
    height: 252px;
    margin: 30px auto;
    display: flex;
    justify-content: center;
}

.mod-rummy .rummy-img img {
    margin: 8px 0;
    max-width: 100% !important;
    height: 252px;
}

.mod-rummy .rummy-content {
    padding: 16px;
}

.mod-rummy .rummy-content h3:not(.h4),
.mod-rummy .rummy-content h4 {
    font-size: inherit;
    margin-top: 16px;
}

.mod-rummy .rummy-content .h4 {
    margin: 16px 0 8px
}

.mod-rummy .rummy-content h6,
.mod-rummy .rummy-content .h6 {
    margin-top: 16px;
}

.mod-rummy .rummy-content p {
    margin-top: 16px;
}

.mod-rummy .rummy-content a {
    color: #06A6FF;
    text-decoration: underline;
}

.mod-rummy .table-scroll {
    overflow-x: scroll;
}

.mod-rummy table {
    text-align: left;
    border: 1px solid #EBEBEB;
    width: 100%;
    display: block !important;
    margin-top: 16px;
}

.mod-rummy table tr:nth-child(odd) {
    background: #F8F8F8;
}

.mod-rummy table th {
    height: 40px;
    line-height: 40px;
    padding: 0 16px;
    white-space: no-wrap;
}

.mod-rummy table td {
    vertical-align: top;
    padding: 16px;
}

.mod-rummy table td p:first-child {
    margin-top: 0;
}

.mod-rummy .rummytable tr>* {
    width: calc(50%/3);
}

.mod-rummy .rummytable.w-50 {
    width: 50%;
}

.mod-rummy .rummy-content ul:not(.rummy-slider),
.mod-rummy .rummy-content ol {
    list-style: auto;
    margin-left: 20px;
}

.mod-rummy .rummy-content ul:not(.rummy-slider) li,
.mod-rummy .rummy-content ol li {
    list-style: disc;
    padding-left: 6px;
    margin-top: 16px;
}

.mod-rummy .rummy-content ol li {
    list-style-type: decimal;
}

.mod-rummy .faq ol li p {
    margin-top: 0;
}

.mod-rummy .faq ol li>ol li {
    margin-top: 0
}

.mod-rummy .card>p {
    margin-top: 0;
}

.mod-rummy #seo-faq h5,
.mod-rummy #seo-faq .h5 {
    display: none;
}

@media (max-width:991px) {
    .mod-rummy .mod-banner {
        margin-top: 16px;
    }
    .mod-rummy .container-1080 {
        padding: 0;
    }
    .mod-rummy .rummy-content {
        padding: 0 0 16px;
    }
    .mod-rummy .tabContent {
        display: block;
        margin: 0 16px 8px;
    }
    .mod-rummy .seo-faq {
        padding-bottom: 16px;
    }
    .mod-rummy .seo-faq>div>div {
        margin-right: 0;
        display: none;
    }
    .mod-rummy .seo-faq .overview {
        border: 0;
        padding: 0;
        margin: 0;
    }
    .mod-rummy .seo-faq .overview>div {
        display: block;
        border: 0;
    }
    .mod-rummy #seo-faq h5,
    .mod-rummy #seo-faq .h5 {
        display: flex;
        padding: 0;
        border: 0;
    }
    .mod-rummy table {
        display: block;
        overflow-x: auto;
    }
    .mod-rummy .rummytable.w-50 {
        width: 100%;
    }
}

/* game portal */

.card-portal {
    padding: 24px;
    border-radius: 12px;
    background: #fff;
    margin: 8px;
    font-size: 16px;
    line-height: 1.3;
}

.card-portal img {
    width: 268px;
    margin-right: 32px;
    float: left;
    flex: 0 0 auto;
    border-radius: 14px;
}

.card-portal .d-flex>div {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.card-portal .game-cat {
    color: #999999;
    margin: 2px 0 20px;
}

.card-portal .d-flex .btn {
    width: 268px;
    margin-top: auto;
}

@media (max-width:991px) {
    .card-portal {
        margin-top: 0;
    }
    .card-portal img {
        width: 155px;
        border-radius: 8px;
    }
    .card-portal .d-flex>div {
        justify-content: center;
        font-size: 14px;
    }
    .card-portal .h1 {
        font-size: 16px;
        margin-bottom: 4px;
    }
    .card-portal .btn.w-100 {
        font-size: 16px;
        margin-top: 24px;
    }
}

/* APP Layout View */

.app-layout .help-wrap {
    min-height: 0;
    padding-top: 0;
}

.app-layout .help-title,
.app-layout .mod-vip .flex-title,
.app-layout .mod-affiliate .flex-title,
.app-layout .mod-sponsor .flex-title {
    display: none !important;
}

.app-layout .help-subtitle {
    top: 0;
    border-radius: 12px 12px 0 0;
}

.app-layout .mod-vip .card-wrap>.flex-subtitle,
.app-layout .mod-affiliate .card-wrap>.flex-subtitle {
    top: 0;
}

.app-layout .mod-vip .single-content {
    margin-top: var(--header-height);
}

.swiper-slide a {
    position: relative;
}