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