:root {
  --main-theme-color: #171717;
  --hover-link-color: #c1930d;
  --deposit-text-color: #fff;
  --bg-color-first: #171717;
  --bg-color-second: #2d2c2c;
  --bg-color-third: #c1930d;
  --bg-color-fourth: #151515;
  --icon-menu-bg: #c1930d;
  --icon-menu-border: #c1930d;
  --gradient-box: linear-gradient(#363c42, #2d2c2c, transparent);
  --describe-text: #d9d9d9;
  --bg-slots: var(--bg-color-first);
  --bg-casino: var(--bg-color-first);
  --bg-arcade: var(--bg-color-first);
  --bg-sports: var(--bg-color-first);
  --bg-other: var(--bg-color-first);
  --bg-cockfight: var(--bg-color-first);
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
/* --main-theme-color: #ff8a00; */

.bonus-slider-modal .modal-body {
  background-color: #171717;
}

.bonus-slider-modal .modal-footer {
  background-color: #171717;
}

.bonus-slider-modal .activation-button {
  background-color: var(--main-theme-color);
  color: #fff;
}

.bonus-slider-modal .activation-button:hover {
  background-color: #fe7100;
  color: #fff;
}

.bonus-slider-modal .close-button {
  background-color: #454545;
}

.bonus-slider-modal .close-button:hover {
  background-color: #3e3e3e;
}

.bonus-slider-modal .bonus-form {
  background-color: #202020;
  color: #dad9d9;
  border-top-color: #8c8c8c;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.bonus-controls-field .bonus-control-button {
  background-color: #e4e4e4;
  color: #525252;
}

.bonus-controls-field .bonus-amount {
  background-color: #0e0e0e;
  color: var(--main-theme-color);
}

.bonus-range .bubble {
  color: #fff;
  border-color: var(--main-theme-color);
  background: #0e0e0e;
}

.bonus-range .bubble::before {
  border-color: rgba(233, 154, 1, 0);
  border-top-color: var(--main-theme-color);
}

.bonus-range .bubble::after {
  border-color: rgba(14, 14, 14, 0);
  border-top-color: #0e0e0e;
}

.standard-form-note.claim-note span,
.standard-form-note.claim-note strong {
  color: #fff;
}

.claim-item {
  background-color: #161616;
  color: #fff;
  border: 1px solid #1f1f1f;
}

.claim-item .claim-title .expiration-note {
  color: #f00;
}

.claim-info-modal h4 {
  color: #fff;
}

.claim-item .claim-button,
.claim-item .activation-button,
.claim-item .cancellation-button,
.claim-item .expiration-button {
  background-color: var(--main-theme-color);
  color: #fff;
}

.claim-item .claim-button {
  border-color: #e4ff23;
  color: #000;
  background: #00ff23;
  background: -moz-linear-gradient(top, #00ff23 0%, #009d16 100%);
  background: -webkit-linear-gradient(top, #00ff23 0%, #009d16 100%);
  background: linear-gradient(to bottom, #00ff23 0%, #009d16 100%);
}

.claim-item .claim-button:hover,
.claim-item .activation-button:hover,
.claim-item .cancellation-button:hover,
.claim-item .expiration-button:hover {
  background-color: #ebcb80;
}

.claim-item .claim-details strong {
  color: #ff6c00;
}

.contact-us-list li h6 {
  color: #787878;
  color: #fff;
}

.contact-us-list li a {
  color: var(--main-theme-color);
}

.contact-us-list li a:hover {
  color: #fff;
}

.announcement-outer-container {
  background-color: #2c2c2c;
  color: #fff;
}

.announcement-container>[data-section="announcements"] {
  background-color: #000;
}

.home-progressive-jackpot {
  color: #fff;
}

.home-inner-container {
  background-color: #151515;
}

.popular-game-title-container {
  color: #fff;
}

.popular-game-title-container>i {
  border-bottom-color: #2b2b2b;
  border-top-color: #0d0d0d;
}

.popular-game-title-container a {
  background-color: #f99702;
  color: #fff;
}

.info-center-container h2 {
  color: var(--main-theme-color);
}

.info-center-container h3 {
  border-left-color: var(--main-theme-color);
}

.info-center-container a {
  color: #fff;
}

.info-center-container .panel-group .panel-heading {
  background-color: #424242;
}

.info-center-container .panel-group .panel-heading .glyphicon-question-sign {
  color: #a5a5a5;
}

.info-center-container .panel-group .panel-title a {
  color: #fff;
}

.info-center-container .panel-default>.panel-heading+.panel-collapse .panel-body {
  background-color: #272727;
}

.about-us-container h5[data-title="safe-and-secure-gaming-environment"] {
  color: #00b4bf;
}

.about-us-container h5[data-title="customer-experience"] {
  color: #00bf99;
}

.about-us-container h5[data-title="fast-and-secure-payments"] {
  color: #9e5bff;
}

.about-us-container h5[data-title="sky-is-not-the-limit"] {
  color: #ff1688;
}

.about-us-container .inner-box {
  background-color: #191919;
  border-color: #685b44;
}

.about-us-container .game-panel li>p {
  color: #fff;
}

.message-detail-title {
  color: #fff;
  border-bottom-color: #d5d5d5;
}

.replied-message {
  color: #e0e0e0;
  border-bottom-color: var(--main-theme-color);
}

.replied-message[data-creator="true"] .replied-message-content {
  background-color: #212121;
}

.message-table {
  color: #d5d5d5;
}

.message-table-header .buttons-container a {
  color: #d5d5d5;
}

.message-table-header .buttons-container a:hover {
  background-color: var(--main-theme-color);
  color: #fff;
}

.message-table-body .checkbox-column,
.message-table-body .message-column {
  border-top-color: var(--main-theme-color);
}

.confirmation-message-modal .modal-header {
  background-color: #263366;
  border-bottom-color: #bababa;
}

.confirmation-message-modal h4.modal-title {
  color: #fff;
}

.confirmation-message-modal .modal-body {
  background-color: #dbdbec;
}

.confirmation-message-modal .confirm-btn.blank {
  background: #dcdbed;
  color: #808080;
}

.confirmation-message-modal .confirm-btn {
  background: #808080;
  color: #fff;
  border-color: #808080;
}

.confirmation-message-modal .confirm-btn:hover {
  background: #dcdbed;
  color: #808080;
}

.confirmation-message-modal .confirm-btn.blank:hover {
  background: #808080;
  color: #fff;
}

.mobile-app-container .logo-container {
  background-color: #252525;
}

.mobile-app-container .title-container {
  color: var(--main-theme-color);
}

.mobile-app-container .link-container a:hover {
  background-color: #131313;
}

.mobile-app-container .nav-tabs {
  border-bottom-color: var(--main-theme-color);
}

.mobile-app-container>.nav-tabs a {
  color: #ccc;
}

.mobile-app-container .nav-tabs>li.active>a,
.mobile-app-container .nav-tabs>li.active>a:hover,
.mobile-app-container .nav-tabs>li.active>a:focus {
  background-color: #111;
  color: var(--main-theme-color);
  border-color: var(--main-theme-color);
  border-bottom-color: transparent;
}

.mobile-app-container .nav>li>a:hover,
.mobile-app-container .nav>li>a:focus {
  background-color: transparent;
  color: var(--main-theme-color);
  border-color: var(--main-theme-color);
}

.mobile-app-container .tab-pane .note {
  color: #f00;
}

.mobile-app-container .tab-pane .important {
  color: #ff9600;
}

.mobile-app-container a {
  color: #ff9600;
}

.mobile-app-container .tab-pane div[role="tabpanel"] a {
  text-decoration: underline;
}

.profile-container .section-heading {
  color: #fff;
}

.profile-container .mobile-info-button {
  border-color: var(--main-theme-color);
  color: #fff;
}

.profile-container .mobile-info-button:hover {
  background-color: #f7a103;
  color: #fff;
}

.promotion-side-menu,
.promotion-list {
  background: #0f0f0f;
  border-color: #0f0f0f;
  border-radius: 10px;
  padding: 10px;
  border: 1px solid #131313;
}

.promotion-side-menu>h5 {
  color: var(--main-theme-color);
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
  margin: 30px 0;
  border-bottom: 1px solid var(--main-theme-color);
  padding-bottom: 10px;
}

.promotion-side-menu>a {
  display: flex;
  align-items: center;
  padding: 15px 0;
  color: #fff;
  font-size: 17px;
  border-radius: 10px;
  justify-content: center;
  background: none;
  border: 1px solid var(--main-theme-color);
}

.promotion-side-menu>a[data-active="true"],
.promotion-side-menu>a:hover {
  background-color: #151515;
  border-left-color: var(--main-theme-color);
}

.promotion-item {
  background-color: #252525;
  min-height: 200px;
  border-radius: 15px;
  overflow: hidden;
}

.promotion-item .promotion-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  color: #fff;
  font-size: 18px;
}

.promotion-item .promotion-footer .promotion-label {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
  max-width: 50rem;
}

.promotion-item .promotion-footer .promotion-label h2 {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}

.promotion-item .promotion-footer .promotion-label h3 {
  font-size: 14px;
  font-weight: 500;
}

.promotion-item .promotion-footer .promotion-label h2,
.promotion-item .promotion-footer .promotion-label h3 {
  margin: 0;
  color: #fff;
}

.promotion-item .promotion-footer div:last-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  justify-content: right;
}

.promotion-item .click-for-get-promo-button {
  background-color: #f7a103;
  background-image: linear-gradient(to bottom right, #f7a103, #ff6c00);
  color: #fff;
  background: none;
  border: 1px solid;
  font-size: 13px;
  text-transform: uppercase;
  padding: 7px 20px;
  border-radius: 25px;
  white-space: nowrap;
  font-weight: 700;
}

.promotion-item .click-for-more-info-button {
  background: none;
  border: 1px solid;
  background-color: transparent;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  padding: 7px 20px;
  border-radius: 25px;
  white-space: nowrap;
  /* background: #390000; */
}

.promotion-item .click-for-get-promo-button:hover,
.promotion-item .click-for-more-info-button:hover {
  background-color: #ff6c00;
  background-image: linear-gradient(to bottom right, #ff6c00, #f7a103);
}

.promotion-item .modal-header {
  background: #1c1c1c;
  border-bottom: 2px solid #ff7e00;
}

.promotion-item .modal-body {
  background-color: #111;
  color: #acacac;
}

.register-done-container {
  color: #d5d5d5;
}

.register-done-container>h2 {
  color: #fff;
}

.register-done-container>h2 span {
  color: var(--main-theme-color);
}

.register-done-container>img {
  background-color: transparent;
}

.register-done-container .btn-deposit {
  background: #fda601;
  background: linear-gradient(to bottom, #fda601 0%, #cc7100 100%);
}

.register-done-container .btn-deposit:hover {
  background: #fda601;
  background: linear-gradient(to top, #fda601 0%, #cc7100 100%);
}

.register-done-container .standard-button-group .btn {
  border-color: #fda601;
  color: #fff;
}

.register-done-container .standard-button-group .btn:hover {
  border-color: transparent;
  background-color: #6a6a6a;
  background: linear-gradient(to bottom, #6a6a6a 0%, #484848 100%);
}

.register-done-container .register-verification-done {
  border-color: #fda601;
  color: #fff;
  background: #935500;
}

.register-done-container .register-verification-done .info {
  color: #fda601;
  border-color: #fda601;
}

.register-done-container .register-verification-done a {
  color: #fda601;
}

.provider-slide {
  background-color: #0f0f0f;
}

.provider-slide>i {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}

.provider-slide>i:hover {
  background-color: rgba(255, 255, 255, 0.25);
}

.game-description-container .game-title {
  color: #fff;
}

.game-description-container .game-description {
  color: #fff;
}

.progressive-jackpot .jackpot-container-home {
  color: #302e2e;
}

.deposit-container .standard-form-note a {
  color: #fba501;
}

.deposit-container .formatted-balance {
  color: #fba501;
}

.deposit-container .fast-deposit {
  margin-left: 20px;
  width: 60px;
}

.deposit-container .real-deposit-amount+div,
.deposit-container .serial-number-deposit-note {
  margin-top: 10px;
}

.deposit-container .real-deposit-amount:empty {
  display: none;
}

.deposit-container .real-deposit-amount:before {
  content: attr(data-title);
  margin-right: 5px;
}

.deposit-container .admin-fee-container {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #1567c5;
  font-size: 14px;
  font-weight: bold;
  margin-top: 5px;
}

.deposit-container label+label {
  margin-left: 10px;
}

.deposit-container .deposit-form-group {
  background-color: transparent;
  padding: 10px 0;
  margin-bottom: 0;
  border-radius: 5px;
}

.deposit-container .deposit-form-group .head {
  display: flex;
  justify-content: space-between;
}

.deposit-container .deposit-form-group .head a {
  text-decoration: underline;
  color: #fff;
}

.deposit-container .deposit-form-group .form-group:last-child {
  margin-bottom: 0;
}

.deposit-container .deposit-form-group [data-section="asterisk"] {
  color: #f00;
}

.deposit-container .real-deposit-amount,
.deposit-container .deposit-amount input.form-control,
.deposit-container .deposit-amount .currency-suffix {
  color: var(--deposit-text-color);
}

.deposit-container .copy-bank-account-button {
  background: none;
  border: none;
  padding: 0;
  margin-left: 10px;
  cursor: pointer;
  font-size: 16px;
  color: #000;
}

.deposit-container .copy-bank-account-button:hover {
  color: #000;
}

.deposit-amount-container [data-section="depo-input"] {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
}

/* .deposit-amount-container input[type="text"] {
  background-color: #ffffff;
  border-radius: 0;
  color: #000;
} */
.deposit-amount-container [data-field="amount"] {
  flex-basis: 100%;
}

.deposit-amount-container [data-field="reference-number"] input {
  width: 60px;
  background-color: #6a6a6a;
  border-radius: 0;
}

.deposit-amount-container [data-field="copy"] {
  width: 35px;
}

.deposit-amount-container input {
  width: 100%;
}

.deposit-amount-container .real-deposit-amount {
  font-size: 24px;
  line-height: 1;
  flex-basis: 50%;
  text-align: right;
  word-break: break-all;
}

.deposit-amount-container .real-deposit-amount span {
  font-size: 12px;
  vertical-align: top;
}

.deposit-amount-container .real-deposit-amount:before {
  content: attr(data-title);
  display: block;
  font-size: 14px;
  margin: 0;
}

.deposit-amount-container .fast-deposit-note {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.15;
}

.deposit-note {
  display: flex;
  align-items: stretch;
  background-color: transparent;
  padding: 0;
}

.deposit-note.standard-form-note span {
  color: #363565;
}

.deposit-note-icon {
  flex-basis: calc(100% / 8);
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 10px;
  background: linear-gradient(to bottom, #787880, #42424f);
}

.deposit-note-icon img {
  width: 40px;
}

.deposit-note-content {
  flex-basis: calc((100% / 8) * 7);
  background-color: #cbcbcb;
  color: #363565;
  padding: 10px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.deposit-note ul {
  padding-left: 25px;
}

.deposit-note ul li {
  list-style: decimal;
}

.deposit-confirmation-content {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}

.deposit-amount-range {
  font-size: 12px;
  margin-top: 4px;
  color: #fff;
}

.deposit-amount-range span:not(:empty):before {
  content: attr(data-title);
}

.deposit-amount-range span:not(:empty)+span:not(:empty):before {
  content: " | " attr(data-title);
}

.deposit-container .standard-button-group {
  margin-top: 15px;
}

.deposit-container .standard-button-group .btn-primary {
  width: 300px;
  border-radius: 20px;
}

.deposit-summary-container {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  border-radius: 5px;
  border: 1px solid #242424;
}

.deposit-summary-container .deposit-summary-header {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  padding: 10px;
  cursor: pointer;
  background-color: #ffffff;
  color: #000000;
}

.deposit-summary-container .deposit-summary-header .summary-title {
  flex-grow: 1;
}

.deposit-summary-container .deposit-summary-header .summary-transfer-amount {
  flex-grow: 1;
  margin-right: 5px;
  text-align: right;
  font-weight: bold;
  color: rgb(8, 82, 194);
}

.deposit-summary-container .deposit-summary-header .toggler {
  font-size: 12px;
}

.deposit-summary-container .deposit-summary-content {
  display: none;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
  background-color: #000;
  border-radius: 5px;
  font-size: 12px;
}

.deposit-summary-container .deposit-summary-content.expand {
  display: flex;
}

.deposit-summary-container .deposit-summary-content .deposit-summary-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.deposit-summary-container .deposit-summary-content .deposit-summary-body .deposit-summary-title {
  color: #fff;
  font-weight: bold;
}

.deposit-summary-container .deposit-summary-content .deposit-summary-body .deposit-detail-container .deposit-detail-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
}

.deposit-summary-container .deposit-summary-content .deposit-summary-body .deposit-detail-container .deposit-detail-item {
  flex-basis: calc((100% - 5px) / 2);
  color: #dbdbdb;
}

.deposit-summary-container .deposit-summary-content .deposit-summary-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  color: #fff;
  border-top: 1px solid #242424;
}

.deposit-summary-container .transfer-amount {
  max-width: 50%;
  word-break: break-all;
}

.transaction-receipt- .free-play {
  border: 1px solid #fff;
  background: transparent;
}

.free-play:hover {
  background: #fff;
  color: #000;
}

.play-now {
  color: #fff;
  background: #f7a103;
  background: linear-gradient(to right, var(--bg-color-third) 0%, var(--bg-color-first) 100%);
}

.play-now:hover {
  color: #fff;
  background: #ff6c00;
  background: linear-gradient(to right, var(--bg-color-first) 0%, var(--bg-color-third) 100%);

}

.games-list-container {
  background-color: transparent;
}

.games-list-container .filter-section {
  background-color: #0f0f0f;
  background: #0f0f0f;
}

.games-list-container .filter-section input[type="text"] {
  border-color: transparent;
  background: transparent;
  color: #fff;
}

.games-list-container .filter-section:after {
  background-color: transparent;
  color: #7e7e7e;
  border-left: 1px solid #7e7e7e;
  max-height: 30px;
  margin-top: auto;
  margin-bottom: auto;
}

.games-list-container .category-filter {
  padding: 5px 5px;
}

.games-list-container .category-filter-link {
  color: #fff;
  border-radius: unset;
}

.games-list-container .category-filter-link.active,
.games-list-container .category-filter-link:hover {
  background-color: #1c1c1c;
  color: var(--main-theme-color);
}

.game-list-title {
  background-image: linear-gradient(transparent calc(50% - 1px),
      #fff 2px,
      transparent calc(50% + 1px));
}

.game-list-title>div {
  background-color: inherit;
  color: #edeff6;
}

.game-list-title {
  background-color: #02071c;
}

.provider-outer-container,
.game-list,
.games-list-container .game-info,
.popular-game-title-container+.game-list-container {
  background-color: transparent;
  border-color: transparent;
}

.games-list-container .game-list {
  margin-top: 5px;
}

.game-list .game-item {
  background-color: #1f1f1f;
  background-image: none;
}

.game-list .game-name {
  color: #fff;
}

.game-list .provider-name {
  color: #f58e00;
}

.game-list .link-container {
  background-color: rgba(6, 0, 15, 0.85);
}

.game-list .wrapper-container:hover {
  background: #000;
}

.large-game-list-container {
  background: #000000bd;
}

.large-game-list-container .large-game-list-section {
  background: #0a0a0a;
}

.large-game-list li {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 40%, #d57b01 100%);
}

.large-game-list img {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 25%, #502e00 100%);
}

.large-game-list li a.game-info {
  border-color: #e48401;
  color: #e48401;
}

.large-game-list li a.game-info:hover,
.large-game-list li a.game-info:focus {
  color: #b95606;
  border-color: #b95606;
}

.large-game-list .game-title {
  color: #fff;
}

.large-game-list .game-title::after {
  background-color: #f7a103;
}

.large-game-list-container .large-game-list .play-now {
  background: linear-gradient(90deg, #f7a103 0%, #ff6c00 100%);
}

.large-game-list-container .large-game-list .play-now:hover {
  background: linear-gradient(90deg, #b95606 0%, #b95606 100%);
}

.large-game-list-container .large-game-list .free-play {
  color: #000;
  background: #fff;
  border: none;
}

.large-game-list-container .large-game-list .free-play:hover {
  color: #000;
  background: #b7b4b4;
  border: none;
}

.large-game-list .link-container {
  background-color: #000000b2;
}

.large-game-list .bottom-link-container {
  background-color: #091122;
}

.arcade-game-list,
.crash-game-game-list {
  background-color: rgba(3, 13, 58, 0.85);
}

.game-dispatch .game-info {
  border-color: #ff6c00;
  color: #ff6c00;
}

.game-dispatch .game-info:hover,
.game-dispatch .game-info:focus {
  color: #f7a103;
  border-color: #f7a103;
}

body {
  background-color: var(--main-theme-color);
}

.topbar-container {
  border-bottom-color: #151515;
  background-color: var(--bg-color-first);
}

.topbar-sub-section .topbar-item {
  color: #d5d5d5;
}

.topbar-sub-section .topbar-item+.topbar-item {
  border-left-color: #ccc;
}

.topbar-sub-section .topbar-item a,
.topbar-sub-section .topbar-item .live-chat {
  color: #fff;
}

.topbar-sub-section .topbar-item a:hover,
.topbar-sub-section .topbar-item .live-chat:hover {
  color: var(--main-theme-color);
}

.topbar-sub-section .language-selector-container {
  color: #fff;
}

.topbar-sub-section .language-selector-trigger:after {
  border-color: transparent;
  border-top-color: #fff;
}

.topbar-sub-section .language-selector-trigger[data-active="true"]:after {
  border-bottom-color: #fff;
}

.topbar-sub-section .language-selector {
  background-color: #2a2a2a;
}

.topbar-sub-section .language-selector li {
  background-color: #111;
}

.topbar-sub-section .language-selector li:hover {
  background-color: #f58e00;
}

.site-header {
  background: var(--bg-color-second);
  box-shadow: none;
}

.top-menu>li {
  color: #fff;
}

.top-menu>li+li:before {
  background: #353535;
}

.top-menu>li[data-active="true"],
.top-menu>li:hover {
  color: var(--hover-link-color);
}

.top-menu .game-list-container {
  background-color: rgba(0, 0, 0, 0.92);
  border-bottom-color: #2d2c2c;
}

.top-menu .games-container>li {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 40%, var(--icon-menu-border) 100%);
}

.top-menu .games-container>li:hover>a {
  background-color: rgba(0, 0, 0, 0.15);
}

.top-menu .games-container>li>a img {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 25%, var(--icon-menu-bg) 100%);
}

.site-content-container {
  background-color: #0d0d0d;
}

.site-contacts {
  background: var(--bg-color-second);
  background-image: none;
}

.site-contacts .contact-list li a {
  background-color: #0d0d0d;
  color: #fff;
}

.site-contacts .contact-list li a i {
  background-color: #f99702;
}

.site-info-container {
  background-color: #151515;
}

.site-info-container .section-title {
  color: #d5d5d5;
}

.site-info-container .footer-links li a,
.footer-links>li>a {
  color: #696969;
}

.site-info-container .footer-links li a:hover,
.footer-links>li>a:hover {
  color: #f99702;
}

.site-info-inner-container {
  color: #696969;
}

.site-info-inner-container .site-links-container {
  border-color: #27241c;
}

.site-info-inner-container .support-list li {
  border-color: #696969;
}

.copyright-info-container {
  border-top-color: transparent;
  color: #d5d5d5;
}

.copyright-info-container .copyright {
  color: #fff;
}

.register-page-reminder {
  color: #fff;
}

.register-page-link a {
  color: var(--main-theme-color);
}

.register-modal .modal-body,
.forgot-password-modal .modal-body {
  background-color: #111;
  color: #fff;
}

[data-container-background="general"] {
  background-color: #080808;
}

[data-container-background="home"] {
  background-color: #080808;
}

[data-container-background="slots"] {
  background-color: var(--bg-slots);
}

[data-container-background="arcade"] {
  background-color: var(--bg-arcade);
}

[data-container-background="crash-game"] {
  background-color: #080808;
}

[data-container-background="casino"] {
  background-color: var(--bg-casino);
}

[data-container-background="cockfight"] {
  background-color: var(--bg-cockfight);
}

[data-container-background="sports"] {
  background-color: var(--bg-sports);
}

[data-container-background="others"] {
  background-color: #080808;
}

[data-container-background="promotions"] {
  background-color: #080808;
}

.login-panel {
  color: #fff;
}

.login-panel .login-panel-item:last-of-type {
  border-right-color: #fff;
}

.login-panel input[type="text"],
.login-panel input[type="password"] {
  background-color: #0b0b0b;
  border-color: #1a1a1a;
}

.login-panel .login-button {
  background: transparent;
  border: 1px solid #fff;
  transition: all 0.3s ease;
}

.login-panel .login-button:hover {
  background: #5f5f5f;
  border-color: #5f5f5f;
}

.login-panel .register-button {
  background: #f7a103;
  background: linear-gradient(to right, var(--bg-color-third) 0%, var(--bg-color-second) 100%);
}

.login-panel .register-button:hover {
  background: #ff6c00;
  background: linear-gradient(to right, var(--bg-color-second) 0%, var(--bg-color-third) 100%);
}

.login-panel .forgot-password-link {
  color: #fff;
}

.login-panel .forgot-password-link:hover {
  color: var(--main-theme-color);
}

.modal-header {
  background-image: linear-gradient(to bottom, var(--bg-color-third) 0%, var(--bg-color-first) 100%);
  color: #fff;
}

.modal-header .close {
  color: #fff;
}

.modal-body {
  background-color: #0c0c0c;
  color: #fff;
}

.modal-footer {
  background: #0c0c0c;
  border-top: 1px solid #2a2a2a;
}

.modal-footer .btn-secondary {
  background: none;
  color: #fff;
}

.modal-footer .btn-secondary:hover {
  color: #f58e00;
}

.modal-footer .btn-primary {
  color: #fff;
  background: var(--bg-color-first);
  background-image: none;
}

.modal-footer .btn-primary:hover {
  background: var(--bg-color-third);
  color: #fff;
}

.popup-modal [data-popup="maintenance"] p span {
  background: #f58e00;
  color: #fff;
}

.standard-form-content {
  background: #111;
  color: #fff;
}

.standard-form-title {
  color: var(--main-theme-color);
}

.standard-form-sub-title {
  border-left-color: var(--main-theme-color);
}

.standard-form-note {
  color: #fff;
  background-color: #363636;
}

.standard-form-note span {
  color: var(--main-theme-color);
}

.standard-form-note a {
  color: var(--main-theme-color);
}

.standard-form-note strong {
  color: var(--main-theme-color);
}

.standard-reporting-control-group>input {
  background-color: #0c0914;
  border-color: #1f1632;
  color: #a7a7a7;
}

.standard-form-content .table thead,
.standard-reporting-scroll-container .table thead {
  background-color: #424242;
  border-color: #424242;
}

.standard-form-content .table thead tr th,
.standard-reporting-scroll-container .table thead tr th {
  border-color: #424242;
  color: #fff;
}

.standard-form-content .table tbody,
.standard-reporting-scroll-container .table tbody {
  background-color: #1a1a1a;
}

.standard-form-content .table tbody td,
.standard-reporting-scroll-container .table tbody td {
  border-color: #424242;
  color: #fff;
}

.table .table {
  color: #333;
}

.standard-required-message,
.field-validation-error {
  color: #f00;
}

.standard-inline-form-group label {
  color: #fff;
}

.standard-inline-form-group .form-control,
.standard-form-content .form-control,
.mobile-app-container .mobile-app-select {
  background-color: #0c0c0c;
  border-color: #2a2a2a;
  color: #fff;
}

.mobile-app-container .mobile-app-select .active a,
.mobile-app-container .mobile-app-select a:hover {
  background-color: var(--main-theme-color);
}

.standard-inline-form-group .form-control[disabled],
.standard-inline-form-group .form-control[readonly] {
  background-color: #272727;
}

.standard-inline-form-group [data-section="asterisk"] {
  color: #f00;
}

.standard-button-group .btn-primary,
.standard-reporting-control-group .btn-primary,
.deposit-container .reveal-bank-account-button {
  background: #f99702;
  background-image: none;
  color: #fff;
}

.standard-button-group .btn-primary:hover,
.standard-reporting-control-group .btn-primary:hover,
.deposit-container .reveal-bank-account-button:hover {
  background: #fff;
  color: #f99702;
  background-image: none;
}

.expiration-countdown [data-section] {
  background-color: #fb8601;
  color: #fff;
  border-color: #a9a9a9;
}

.expiration-countdown [data-value] {
  background-color: #f6f6f6;
  color: #696969;
}

.standard-profile-bar {
  background-color: #101010;
  color: #d5d5d5;
}

.standard-profile-bar .username-field .username {
  color: var(--main-theme-color);
}

.standard-profile-bar .balance-field .balance {
  color: var(--main-theme-color);
}

.standard-nav-bar .nav-bar-title {
  color: var(--main-theme-color);
}

.standard-nav-bar a {
  border-color: transparent;
  background-color: transparent;
  color: #fff;
}

.standard-nav-bar a[data-active="true"],
.standard-nav-bar a:not([data-active="true"]):hover {
  background-color: #f7a103;
  background-image: linear-gradient(to right, #f7a103 0%, #ff6c00 100%);
}

.standard-nav-bar a:not([data-active="true"]):hover {
  border-color: transparent;
  color: #fff;
}

.standard-side-menu {
  background-color: #111;
  color: var(--main-theme-color);
}

.standard-side-menu a {
  border-color: transparent;
  background-color: transparent;
  color: #fff;
}

.standard-side-menu a[data-active="true"],
.standard-side-menu a:not([data-active="true"]):hover {
  background-color: #f7a103;
  background-image: linear-gradient(to right, #f7a103 0%, #ff6c00 100%);
}

.standard-side-menu a:not([data-active="true"]):hover {
  border-color: transparent;
  color: #fff;
}

.user-info {
  color: #fff;
}

.user-info .balance>span {
  color: #f99702;
}

.referral-section .referral-social-media-container .referral-social-media button {
  filter: invert(100%) invert(48%) sepia(99%) saturate(2583%) hue-rotate(359deg) brightness(100%) contrast(108%);
}

.change-referral-code a,
.referral-box a,
.whitelisted-domains-link a {
  color: var(--main-theme-color);
}

.change-referral-code a:hover,
.referral-box a:hover,
.whitelisted-domains-link a:hover {
  color: #ff6c00;
}

.standard-reporting-control-group {
  color: #fff;
}

.standard-reporting-control-group>input {
  background-color: #0c0c0c;
  border-color: #2a2a2a;
}

.user-info .wallet-container>.balance::after {
  border-top-color: #fff;
}

.user-info .wallet-container>.balance.open::after {
  border-color: #fff;
}

.user-info .vendor-balances-container {
  border-color: #ff6c00;
}

.user-info .dropdown-menu.vendor-balances-container {
  background-color: rgba(0, 0, 0, 0.85);
}

.user-info .vendor-balances-container .vendor-balances-header {
  border-color: #ff6c00;
}

.user-info .vendor-balances-container .vendor-balances-header,
.user-info .vendor-balances-container strong {
  color: #ff6c00;
}

.user-info .vendor-balances-container .vendor-balance-item {
  color: #fff;
}

.user-info .vendor-balances-container ::-webkit-scrollbar-track {
  background: transparent;
}

.user-info .vendor-balances-container ::-webkit-scrollbar-thumb {
  background: #58585a;
}

.site-description,
.site-description h1,
.site-description h2,
.site-description h3,
.site-description p,
.site-description a,
.site-description div,
.site-info .site-info-title p,
.site-footer .copyright,
.site-info .site-info-description h4,
.site-info .site-info-description p {
  color: var(--describe-text);
}

.site-info .site-info-title h3,
.footer-section-title,
.provider-container>h5,
.percentCount {
  color: #d5d5d5;
}

.footer-links>li+li>a,
.footer-separator,
.site-info .site-info-title,
.site-info .site-info-description.with-seperator+.with-seperator,
.provider-container {
  border-color: #696969;
}

.footer-info-container .site-info:not(:last-child):after {
  background-color: #696969;
}

.provider-container>h5 {
  background: #0d0d0d;
}

.percentCount {
  font-family: inherit;
}

.progressbar {
  background: #696969 !important;
}

.proggress {
  background: #ffa200 !important;
}

.download-apk {
  color: #fff;
}

.download-apk .h2>span {
  color: #f58e00;
}

.download-apk-section i {
  color: #f58e00;
}

.table thead>tr>th,
.table tbody>tr>th,
.table tfoot>tr>th,
.table thead>tr>td,
.table tbody>tr>td,
.table tfoot>tr>td {
  color: #f5f5f5;
}

.standard-content-info h2 {
  color: var(--main-theme-color);
}

.bank-info-container .carousel-indicators .active {
  background-color: var(--main-theme-color);
}

.profile-summary-table.table tbody {
  background-color: inherit;
}

.otp-hr {
  border-color: var(--main-theme-color);
}

.request-otp-button,
.request-otp-button:hover,
.contact-verification-link,
.contact-verification-link:hover {
  border-color: var(--main-theme-color);
  color: var(--main-theme-color);
}

.otp-input {
  border-color: var(--main-theme-color);
}

.standard-form-content .offline-container,
.standard-form-content .offline-container h3,
.standard-form-content .offline-container h4 {
  color: #fff;
}

.unread-announcements-popup {
  border-color: #ff6c00;
}

.unread-announcements-popup:before {
  border-bottom-color: #ff6c00;
}

.notification-popup-body .notification-footer {
  background-color: #f7a103;
  background-image: linear-gradient(to bottom, #f7a103 0%, #ff6c00 100%);
  border-color: #f7a103;
}

.payment-maintenance-container,
.remarks-container {
  background: #cbcbcb;
  color: #000;
}

.payment-maintenance-container i,
.remarks-container i {
  background-color: #f00;
  color: #fff;
  border-color: #fff;
}

.remarks-container {
  border-color: #f99702;
  background: rgba(255, 0, 0, 0.09);
  color: #fff;
}

.remarks-container i {
  background-color: transparent;
  border-color: #f99702;
  color: #f99702;
}

.deposit-summary-container .deposit-summary-header .summary-transfer-amount,
.withdrawal-summary-container .withdrawal-summary-header .summary-transfer-amount {
  color: var(--main-theme-color);
}

.copy-input-button-field .copy-input-button {
  color: #fff;
  background: #f7a103;
  background: linear-gradient(to right, #f7a103 0%, #ff6c00 100%);
}

.copy-input-button-field .copy-input-button:hover {
  color: #fff;
  background: #ff6c00;
  background: linear-gradient(to right, #ff6c00 0%, #f7a103 100%);
}

.popover {
  background-color: var(--main-theme-color);
  border-color: var(--main-theme-color);
  color: #fff;
}

.popover.top .arrow {
  border-top-color: var(--main-theme-color);
}

.popover.top .arrow:after {
  border-top-color: var(--main-theme-color);
}

[data-payment-gateway] .download-qr-button {
  background-color: #f7a103;
  background-image: linear-gradient(to bottom right, #f7a103, #ff6c00);
  color: #fff;
}

.bank-info .bank-account-number-container img,
.bank-info .download-qr-code-button img {
  filter: invert(1);
}

.bank-info {
  background-color: #ffffff;
  color: #fff;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 0;
  border-radius: 5px;
  --qrcode-size: 130px;
}

.bank-info[hidden] {
  display: none;
}

.bank-info h1,
.bank-info h2,
.bank-info h3,
.bank-info h4,
.bank-info h5 {
  margin: 0;
  word-break: break-all;
}

.bank-info h1,
.bank-info h2,
.bank-info h3 {
  text-transform: uppercase;
}

.bank-info h1 {
  font-size: 16px;
  color: #fff;
}

.bank-info h2 {
  font-size: 20px;
  color: #fff;
}

.bank-info h3 {
  font-size: 18px;
  color: #fff;
}

.bank-info h4 {
  font-size: 16px;
  word-break: break-word;
  color: #95939e;
}

.bank-info h3,
.bank-info h4 {
  display: none;
}

.bank-info .bank-account-number-container {
  display: flex;
  align-items: center;
}

.bank-info.bank-info .bank-account-number-container img {
  height: 18px;
  margin: -4px 0 0 0;
}

.bank-info [data-bank-info="header"] {
  display: flex;
  flex-basis: 100%;
  justify-content: space-between;
  align-items: center;
}

.bank-info [data-bank-info="header"] img {
  height: 30px;
}

.bank-info [data-bank-info="details"] {
  flex-grow: 1;
  flex-basis: calc(100% - (var(--qrcode-size) + 20px * 2));
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 10px;
  overflow: hidden;
}

.bank-info [data-bank-info="details"] h1 {
  margin-top: 10px;
}

.bank-info [data-bank-info="details"] [data-section] {
  flex-basis: calc((100% - 10px) / 2);
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
}

.bank-info [data-bank-info="details"] [data-section="right"] {
  align-items: end;
}

.bank-info [data-bank-info="details"] [data-section="right"] [data-bank-icon] {
  flex-grow: 1;
}

.bank-info [data-bank-info="qrcode"] {
  flex-basis: calc(var(--qrcode-size) + 10px * 2);
  display: flex;
  align-items: center;
  justify-content: center;
}

.bank-info [data-bank-info="qrcode"]:empty {
  display: none;
}

.bank-info [data-bank-info="qrcode"] img {
  width: var(--qrcode-size);
  height: var(--qrcode-size);
}

.bank-info hr {
  border-top: 1px solid #000;
  border-bottom: 1px solid #393939;
  margin: 10px 0;
  width: 100%;
}

.bank-info [data-bank-info="actions"] {
  flex-basis: 100%;
  display: flex;
  justify-content: flex-end;
}

.bank-info [data-bank-info="details"] img,
.bank-info [data-bank-info="actions"] img {
  width: auto;
  height: 20px;
}

.bank-info .download-qr-code-button {
  display: none;
  justify-content: center;
  gap: 5px;
  padding: 5px 10px;
  text-decoration: none;
  border-radius: 5px;
  background-color: #363346;
  color: #fff;
}

.bank-info .download-qr-code-button:hover {
  background-color: #494464;
}

.bank-info .download-qr-code-button img {
  margin: -2px 2px 0 0;
}

.bank-info[data-high-priority="true"] [data-bank-info="details"] h1,
.bank-info[data-high-priority="true"] [data-bank-info="details"] h2,
.bank-info[data-high-priority="true"] [data-bank-info="actions"] button,
.bank-info[data-high-priority="true"] hr,
.bank-info:not([data-high-priority="true"]) [data-bank-info="details"] .recommended-for-instant-process {
  display: none;
}

[data-payment-gateway] .destination-account-number-container img,
[data-payment-gateway] .va-account-number img,
[data-payment-gateway] .download-qr-button img {
  filter: invert(1);
}

.pending-transactions-container .pending-transactions-item {
  color: #fff;
  background-color: #202020;
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway] {
  background-color: #262626;
  color: #fff;
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway] span {
  color: #fff;
}

.pending-transactions-container.pending-transactions-container [data-payment-gateway] .destination-account-number-container img {
  filter: invert(1);
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway] .destination-account-bank-info>div>img {
  filter: initial;
}

.pending-transactions-container .pending-transactions-item .pending-transaction-remarks-container {
  border-color: #ffffff33;
  color: #fff;
  background-color: #ffffff0f;
}

.modal-body .pending-transaction-summary-container,
.claim-info-modal .alert-container,
.payment-account-creation-remarks {
  border-color: var(--main-theme-color);
  color: #fff;
  background-color: #b5620033;
}

.modal-body .pending-transaction-summary-container .pending-transaction-summary-footer {
  border-top-color: #6c491e;
}

.modal-body .pending-transaction-summary-container .pending-transaction-summary-footer a {
  color: #fff;
  background: linear-gradient(180deg, #f99702 0%, #fe7100 100%);
}

.modal-body .pending-transaction-details-container {
  color: #fff;
  background-color: #171717;
  border-color: #171717;
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item {
  background-color: #3b3b3b;
  border-color: #494848;
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item hr {
  border-color: #484848;
}

.modal-body .pending-transaction-details-container::-webkit-scrollbar-thumb {
  background: #4d4f59;
}

.bonus-selection-list .bonus-selection-card .bonus-selection-card-detail button {
  background: linear-gradient(90deg, #f7a103 -0.34%, #ff6c00 99.32%),
    linear-gradient(0deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12));
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item .standard-button-group .btn-primary:hover img {
  filter: invert(56%) sepia(48%) saturate(826%) hue-rotate(356deg) brightness(101%) contrast(103%);
}

.search-header .search-title img {
  filter: invert(79%) sepia(64%) saturate(5821%) hue-rotate(353deg) brightness(96%) contrast(105%);
}

.standard-remark-notification .remark-notification-content span {
  color: var(--main-theme-color);
}

.timer {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
}

.timer i {
  font-size: 16px;
}

[data-section="date"] {
  display: inline;
}

.tickercontainer {
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-align: center;
}

.tickercontainer .mask {
  position: relative;
  width: 100%;
  overflow: hidden;
  overflow: hidden;
}

ul.newsticker {
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: flex;
}

ul.newsticker li {
  margin: 0;
  font-size: 12px;
  padding: 0 25px 0 0;
  white-space: nowrap;
}

ul.er-controls {
  list-style: none;
  display: inline-block;
  padding: 0;
}

ul.er-controls>li {
  display: inline-block;
  padding: 0 10px;
  background: #f0f0f0;
  margin: 5px;
  border-radius: 5px;
  height: 40px;
  line-height: 40px;
}

ul.er-controls>li:hover {
  background: #f5f5f5;
  cursor: pointer;
}

.announcement-outer-container {
  background-color: var(--bg-color-first);
  padding: 6px 0;
  color: #fff;
  font-family: "latobold";
}

.announcement-container {
  display: flex;
  align-items: center;
  font-size: 14px;
}

.announcement-container>[data-section="date"] {
  flex-basis: 30%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 10px;
}

.announcement-container [data-icon="news"] {
  display: inline-block;
  height: 22px;
  width: 22px;
  background: center no-repeat;
  background-size: contain;
  background-image: var(--image-src);
  margin-right: 10px;
}

.announcement-container>[data-section="announcements"] {
  flex-basis: 100%;
  background-color: #090710;
  border-radius: 20px;
  padding: 5px 25px;
  overflow: hidden;
}

.banner,
.banner .slick-slide img {
  aspect-ratio: 1920/613;
}

.banner-carousel {
  height: 422px;
  visibility: hidden;
  opacity: 0;
}

.banner-carousel.slick-initialized {
  height: auto;
  visibility: visible;
  opacity: 1;
}

.carousel-indicators .slick-active {
  background: #ff7200;
  border-color: #ff7200;
}

.carousel-indicators li {
  background-color: transparent;
  border: 1px solid #fff;
}

.banner .carousel-indicators li button {
  display: none;
}

.banner .slick-slide img {
  display: block;
  height: auto;
  width: 100%;
  line-height: 1;
}

.banner-group-vertical .carousel-indicators {
  bottom: 50%;
  transform: translateY(50%);
  right: 25px;
  left: unset;
  width: 20px;
}

.banner-group-vertical .carousel-indicators li {
  display: block;
  margin-bottom: 2px;
}

.home-progressive-jackpot {
  background-image: var(--gradient-box);
  border-radius: 30px;
  color: #fff;
  padding: 10px;
  display: flex;
}

.home-progressive-jackpot .outer-container {
  display: flex;
  flex-grow: 1;
  padding: 10px;
  background-color: #000;
  border-radius: 100px;
}

.home-progressive-jackpot .inner-container {
  display: flex;
  flex-grow: 1;
  padding: 10px;
  border-radius: 100px;
  background-image: linear-gradient(#4f3300, rgba(32, 10, 24, 0));
}

.home-progressive-jackpot .border-container {
  display: flex;
  align-items: center;
  gap: 50px;
  flex-grow: 1;
  padding: 10px;
  border-radius: 100px;
  background-color: #00000099;
  border: 3px solid #f7a103;
}

.home-progressive-jackpot .jackpot-container-home {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 2;
  font-family: "Open24DisplaySt";
  font-size: 50px;
  letter-spacing: 5px;
  background-image: linear-gradient(#f7a103, #000);
  border-radius: 70px;
  padding: 10px;
}

.home-progressive-jackpot .jackpot-inner-container {
  background-color: #000;
  display: flex;
  flex-grow: 2;
  justify-content: center;
  border-radius: 50px;
  padding: 10px;
}

.home-progressive-jackpot .jackpot-border-container {
  display: flex;
  flex-grow: 2;
  justify-content: center;
  border-radius: 50px;
  border: 3px dotted #4d4305;
  line-height: 40px;
  padding-bottom: 10px;
  animation: blinker 1s linear infinite;
}

.home-progressive-jackpot .jackpot-currency {
  color: #f7a103;
  margin-right: 10px;
}

.home-progressive-jackpot .jackpot-play-section {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-left: 20px;
}

.home-progressive-jackpot .jackpot-play-section .jackpot-play-text {
  font-family: "gilroybold";
  /* color: #fd6f16; */
  background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 38px;
  text-transform: uppercase;
  line-height: 1;
}

.home-progressive-jackpot .jackpot-play-section .jackpot-play-text label {
  color: #009fc5;
}

.home-progressive-jackpot .jackpot-play-section img {
  height: auto;
  width: 87px;
}

.home-outer-container {
  padding-top: 20px;
  padding-bottom: 20px;
}

.home-inner-container {
  background-color: var(--bg-color-fourth);
  padding: 30px;
  border-radius: 30px;
}

.popular-game-title-container {
  display: flex;
  align-items: center;
  padding: 10px;
  margin-top: 20px;
  color: #fff;
}

.popular-game-title-container .title {
  font-size: 20px;
  display: flex;
  align-items: center;
}

.popular-game-title-container .title i {
  display: inline-block;
  height: 24px;
  width: 25px;
  background: center no-repeat;
  background-size: contain;
  margin-right: 10px;
}

.popular-game-title-container .title i[data-icon] {
  background-image: var(--image-src);
}

.popular-game-title-container>i {
  border-bottom: 2px solid var(--bg-color-third);
  border-top: 2px solid #0d0d0d;
  flex-grow: 1;
  margin: 0 15px;
}

.popular-game-title-container a {
  display: inline-block;
  padding: 5px 30px;
  border-radius: 25px;
  font-size: 15px;
  background-color: #4e3c69;
  color: #fff;
}

.popular-game-title-container+.game-list-container {
  background-color: var(--bg-color-fourth);
  border: 2px solid transparent;
  padding: 10px 15px;
  border-radius: 30px;
}

.popular-game-title-container+.game-list-container .game-list {
  overflow-x: auto;
  flex-wrap: nowrap;
  padding: 0;
  margin: 0;
  border: 0;
}

.popular-game-title-container+.game-list-container .game-list .game-item {
  flex-shrink: 0;
  position: relative;
}

.popular-game-title-container+.game-list-container .game-list::-webkit-scrollbar {
  height: 7px;
}

.popular-game-title-container+.game-list-container .game-list::-webkit-scrollbar-track {
  background: transparent;
}

.popular-game-title-container+.game-list-container .game-list::-webkit-scrollbar-thumb {
  background: #58585a;
  border-radius: 5px;
}

.popular-game-title-container+.game-list-container .game-list .games-group {
  width: calc((100% - 6px * 5) / 6.5);
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 3px;
}

.popular-game-title-container+.game-list-container .game-list .games-group .game-item {
  width: 100%;
  margin: 0;
}

.download-apk-container {
  overflow: hidden;
}

.download-apk-container .popup-modal[data-title] .modal-title:before {
  content: none;
}

.download-apk-container .popup-modal .modal-header h4 {
  font-size: 24px;
}

.download-apk-container .popup-modal .modal-body img {
  height: 20px;
  width: 20px;
  margin-right: 5px;
}

.download-apk-container .popup-modal .modal-body h5 {
  font-size: 18px;
  text-transform: uppercase;
  color: inherit;
}

.download-apk-container .popup-modal .modal-body ol {
  list-style: decimal;
  padding-left: 5px;
}

.download-apk {
  display: flex;
  align-items: center;
  font-family: Arial;
  color: #fff;
  background: var(--image-src);
  background-size: cover;
  border-radius: 30px;
  margin-bottom: 10px;
}

.download-apk>div {
  opacity: 0;
  transition: all 1s ease;
}

.download-apk>div:nth-child(1) {
  flex-basis: 50%;
  align-self: flex-end;
  transform: translateX(-100%);
  padding: 30px 0 30px 50px;
}

.download-apk>div:nth-child(2) {
  flex-basis: 50%;
  align-self: flex-end;
  transform: translateX(100%);
}

.download-apk .h2 {
  font-family: Arial;
  text-transform: uppercase;
  font-size: 45px;
  line-height: 40px;
  font-weight: 700;
  margin: 0 0 10px 0;
}

.download-apk .h2>span {
  display: block;
  color: #f58e00;
}

.download-apk .h3 {
  font-weight: 100;
  font-size: 15px;
  margin: 0;
}

.download-apk-info {
  display: flex;
  justify-content: space-between;
  margin: 20px 0;
}

.download-apk-info .download-apk-section {
  flex-basis: 50%;
}

.download-apk-section {
  display: flex;
  font-weight: 600;
  font-size: 16px;
}

.download-apk-section>* {
  margin: 0 10px 10px 0;
}

.download-apk-section i {
  color: #f69c00;
  font-style: normal;
}

.download-apk-qr-code img {
  max-width: 94px;
}

.download-apk-detail {
  text-align: left;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  text-align: center;
}

.standard-container-with-sidebar .standard-form-content .download-apk-container {
  margin-top: 30px;
  padding: 0;
}

.standard-container-with-sidebar .standard-form-content .download-apk-container .download-apk>div:nth-child(1) {
  padding: 15px 0 15px 50px;
}

.standard-container-with-sidebar .standard-form-content .download-apk-container .download-apk .h2 {
  font-size: 27px;
  line-height: 27px;
}

.standard-container-with-sidebar .standard-form-content .download-apk-container .download-apk .h3 {
  font-size: 14px;
}

.standard-container-with-sidebar .standard-form-content .download-apk-container .download-apk-info {
  margin: 10px 0;
}

.standard-container-with-sidebar .standard-form-content .download-apk-container .download-apk-detail {
  font-size: 10px;
}

.download-popup-modal .modal-body img {
  height: 20px;
  width: 20px;
  margin-right: 5px;
}

.replied-message {
  color: #858585;
  padding-bottom: 5px;
  border-bottom: 1px solid #d6d5d5;
  margin-bottom: 10px;
  line-height: 26px;
}

.replied-message .replied-message-content {
  padding: 10px 15px;
  white-space: pre-wrap;
}

.replied-message .replied-message-content pre {
  word-break: break-word;
  text-align: justify;
}

.replied-message[data-creator="true"] {
  text-align: right;
}

.replied-message[data-creator="true"] .replied-message-content {
  background-color: #1a1629;
}

.replied-message[data-message-type="announcement"] {
  color: #fff;
}

.replied-message[data-message-type="announcement"] .notification-header {
  display: flex;
  align-items: stretch;
  gap: 15px;
}

.replied-message[data-message-type="announcement"] .notification-header .notification-image {
  width: 75px;
  height: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #7ebaed;
  border-radius: 10px;
}

.replied-message[data-message-type="announcement"] .notification-header .notification-image[data-message-subcategory="Deposit"][data-transaction-status="PEN"],
.replied-message[data-message-type="announcement"] .notification-header .notification-image[data-message-subcategory="Deposit"][data-transaction-status="NEW"],
.replied-message[data-message-type="announcement"] .notification-header .notification-image[data-message-subcategory="Withdrawal"][data-transaction-status="PEN"],
.replied-message[data-message-type="announcement"] .notification-header .notification-image[data-message-subcategory="Withdrawal"][data-transaction-status="NEW"],
.replied-message[data-message-type="announcement"] .notification-header .notification-image[data-message-subcategory="LogResetPasswordForgotPassword"],
.replied-message[data-message-type="announcement"] .notification-header .notification-image[data-message-subcategory="LogResetPasswordChangePassword"],
.replied-message[data-message-type="announcement"] .notification-header .notification-image[data-message-subcategory="LogResetPasswordPassword"],
.replied-message[data-message-type="announcement"] .notification-header .notification-image[data-message-subcategory="LogResetPasswordAPKPassword"],
.replied-message[data-message-type="announcement"] .notification-header .notification-image[data-message-subcategory="LogResetPasswordChangeMobilePassword"],
.replied-message[data-message-type="announcement"] .notification-header .notification-image[data-message-subcategory="HasActiveCoupon"] {
  background-color: #f5f164;
}

.replied-message[data-message-type="announcement"] .notification-header .notification-image[data-message-subcategory="Deposit"][data-transaction-status="REJ"],
.replied-message[data-message-type="announcement"] .notification-header .notification-image[data-message-subcategory="Deposit"][data-transaction-status="FAIL"],
.replied-message[data-message-type="announcement"] .notification-header .notification-image[data-message-subcategory="Withdrawal"][data-transaction-status="REJ"],
.replied-message[data-message-type="announcement"] .notification-header .notification-image[data-message-subcategory="Withdrawal"][data-transaction-status="FAIL"],
.replied-message[data-message-type="announcement"] .notification-header .notification-image[data-message-category="Announcement"],
.replied-message[data-message-type="announcement"] .notification-header .notification-image[data-message-category="Notification"] {
  background-color: #e5949e;
}

.replied-message[data-message-type="announcement"] .notification-header .notification-image[data-message-subcategory="Deposit"][data-transaction-status="APP"],
.replied-message[data-message-type="announcement"] .notification-header .notification-image[data-message-subcategory="Withdrawal"][data-transaction-status="APP"],
.replied-message[data-message-type="announcement"] .notification-header .notification-image[data-message-subcategory="ClaimBonus"],
.replied-message[data-message-type="announcement"] .notification-header .notification-image[data-message-subcategory="ClaimCommission"],
.replied-message[data-message-type="announcement"] .notification-header .notification-image[data-message-subcategory="ClaimCashback"],
.replied-message[data-message-type="announcement"] .notification-header .notification-image[data-message-subcategory="ClaimCombinePromo"],
.replied-message[data-message-type="announcement"] .notification-header .notification-image[data-message-subcategory="NewBonus"],
.replied-message[data-message-type="announcement"] .notification-header .notification-image[data-message-subcategory="NewCommission"],
.replied-message[data-message-type="announcement"] .notification-header .notification-image[data-message-subcategory="NewCashback"],
.replied-message[data-message-type="announcement"] .notification-header .notification-image[data-message-subcategory="NewCombinePromo"],
.replied-message[data-message-type="announcement"] .notification-header .notification-image[data-message-subcategory="ClaimPreBonusOnGoing"],
.replied-message[data-message-type="announcement"] .notification-header .notification-image[data-message-subcategory="ClaimPreBonusComplete"],
.replied-message[data-message-type="announcement"] .notification-header .notification-image[data-message-subcategory="ClaimedCoupon"],
.replied-message[data-message-type="announcement"] .notification-header .notification-image[data-message-subcategory="WlbCoupon"],
.replied-message[data-message-type="announcement"] .notification-header .notification-image[data-message-subcategory="RankedUpLoyaltyLevel"],
.replied-message[data-message-type="announcement"] .notification-header .notification-image[data-message-subcategory="LuckyDraw"],
.replied-message[data-message-type="announcement"] .notification-header .notification-image[data-message-subcategory="RedemptionStoreCoupon"] {
  background-color: #76cb79;
}

.replied-message[data-message-type="announcement"] .notification-header .notification-image img {
  width: 50px;
  height: 50px;
}

.replied-message[data-message-type="announcement"] .notification-header .notification-title {
  font-size: 16px;
  font-weight: 700;
}

.message-detail-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  padding: 15px 0;
  margin-bottom: 15px;
  border-bottom: 1px solid #d5d5d5;
}

.message-detail-title a,
.message-detail-title a:hover {
  text-decoration: none;
}

.message-detail-title a {
  color: inherit;
}

.message-detail-title>div:first-child,
.message-detail-title>div:last-child {
  flex-basis: 15%;
}

.message-detail-title>div:last-child {
  text-align: right;
}

.message-detail-title>div:last-child span {
  margin-right: 5px;
}

.standard-content-info {
  padding: 10px;
  margin-bottom: 20px;
  border-top: 0;
  display: flex;
  gap: 10px;
}

.standard-content-info>div {
  flex-basis: 50%;
}

.standard-content-info h2 {
  color: #fff;
  margin: 20px 0;
  font-size: 15px;
  text-transform: uppercase;
}

.standard-content-info .standard-content-block {
  background-color: #424242;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 15px;
}

.standard-content-info table tr th,
.standard-content-info table tr td {
  border: 0;
}

.standard-content-info .referral-code-container {
  border: 1px dashed #23527c;
  background-color: #1b2757;
  color: #ff00b2
}

.standard-content-info table {
  border: 1px solid #424242;
  color: #fff;
  background: transparent
}

.banking-details-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
  padding: 5px;
}

.banking-details-header label {
  color: #fff;
  text-transform: uppercase;
  font-weight: normal;
}

.banking-details-header a {
  background-color: #808080;
  border-radius: 5px;
  padding: 2px 2px 6px 4px;
}

.banking-details-header a img {
  height: 20px;
  width: auto;
}

.payment-method-selection {
  position: relative;
  display: flex;
  width: 100%;
  gap: 8px;
}

.payment-method-selection>div {
  width: 100%;
}

.payment-method-selection input[type="radio"] {
  visibility: hidden;
  position: absolute;
  pointer-events: none;
}

.payment-method-selection label {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 5px;
  border-radius: 5px;
  background-color: #e9e9e9;
  cursor: pointer;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  width: 100%;
}

.payment-method-selection label img {
  width: 25px;
}

.payment-method-selection input[type="radio"]+label {
  color: #000;
  width: 40%;
  margin: 0 0.5rem;
}

.payment-method-selection input[type="radio"]:checked+label {
  background-color: #1E90FF;
  background-image: linear-gradient(to right, #1E90FF 0%, #039984 100%);
}

.payment-method-selection input[type="radio"]:checked+label {
  background-color: #f7a103;
  background-image: linear-gradient(to right, #f7a103 0%, #ff6c00 100%);
  color: #fff;
}

.payment-method-selection input[type="radio"]:checked+label img {
  filter: brightness(0) invert(1);
}

.payment-method-selection input[type="radio"]:disabled+label {
  display: none;
}

.payment-maintenance-container,
.remarks-container {
  display: flex;
  gap: 15px;
  align-items: center;
  padding: 14px;
  border-radius: 4px;
  background: #cbcbcb;
  color: #000;
}

.payment-maintenance-container i,
.remarks-container i {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background-color: #f00;
  color: #fff;
  border: 1px solid #fff;
  font-style: normal;
  display: block;
  text-align: center;
}

.remarks-container {
  border: 1px dotted #ff7900;
  background: rgba(255, 0, 0, 0.09);
  margin-top: 5px;
  font-size: 12px;
  color: #fff;
}

.remarks-container i {
  background-color: transparent;
  border-color: #ff7900;
  color: #ff7900;
}

.promotion-list {
  padding: 20px;
  width: 845px;
}

.promotion-list .expiration-countdown-container {
  display: flex;
  justify-content: center;
  margin: 15px 0;
}

.promotion-item+.promotion-item {
  margin-top: 15px;
}

.promotion-item {
  min-height: 200px;
  border-radius: 15px;
  overflow: hidden;
  background-color: #1e1c1f;
}

.promotion-item img {
  width: 100%;
}

.promotion-item .promotion-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  color: #fff;
  font-size: 18px;
}

.promotion-item .promotion-footer div:last-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  justify-content: right;
}

.promotion-item .promotion-footer .promotion-label {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
  max-width: 50rem;
}

.promotion-item .promotion-footer .promotion-label h2,
.promotion-item .promotion-footer .promotion-label h3 {
  margin: 0;
  color: #fff;
}

.promotion-item .promotion-footer .promotion-label h2 {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}

.promotion-item .promotion-footer .promotion-label h3 {
  font-size: 14px;
  font-weight: 500;
}

.promotion-item .promotion-footer .promotion-label h3 span {
  color: #acabaa;
  font-weight: 400;
}

.promotion-item .click-for-get-promo-button {
  background: none;
  border: 1px solid;
  background-color: #1E90FF;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  padding: 7px 20px;
  border-radius: 25px;
  white-space: nowrap;
  font-weight: 700;
  color: #fff;
}

.promotion-item .click-for-more-info-button {
  background: none;
  border: 1px solid;
  background-color: transparent;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  padding: 7px 20px;
  border-radius: 25px;
  white-space: nowrap;
  /*    background: #390000;*/
}

.promotion-item ul,
.promotion-item ol {
  margin: 10px 0 10px 30px;
}

.promotion-item ul {
  list-style: disc;
}

.promotion-item ol {
  list-style: decimal;
}

.promotion-item h3 {
  margin: 0 0 20px 0;
  font-size: 16px;
  font-weight: 700;
}

.home-component {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px 15px;
  background-color:  var(--bg-color-fourth);;
  border-radius: 15px
}
.home-component .h2 {
  color: #fff;
  font-size: 18px;
  border-left: 5px solid #ff8a00;
  padding-left: 15px;
  margin: 0 0 15px 0;
  text-transform: uppercase
}

.home-component-group-container {
  display: flex;
  justify-content: space-between
}

.home-component-group-container .home-component-group:first-child {
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.home-component-group-container .home-component-group:first-child .lottery-result-container {
  flex-grow: 1
}

.home-component-group-container .home-component-group:last-child {
  /* width: calc(70% - 20px) */
  width: 100%;
}


.slots-winner-list-container {
  height: calc(92.5px*2);
  overflow: hidden
}

.slots-winner-list {
  width: 100%
}

.slots-winner {
  background-color: #1f1f1f;
  padding: 5px 15px;
  border-radius: 10px;
  display: flex
}

.slots-winner img {
  width: 100px
}

.slots-winner .winner-info {
  color: #a5a5a5;
  font-size: 14px;
  margin-left: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.slots-winner .winner-info .h5 {
  color: #fff;
  margin: 0;
  line-height: 1.5;
  font-weight: 800
}

.slots-winner .winner-info .winner-amount {
  color: #ff8900
}


.popular-games-header {
  display: flex;
  align-items: center;
  margin-bottom: 10px
}

.popular-games-header .h2 {
  margin: 0;
  white-space: nowrap;
  padding-right: 20px
}

.popular-games-header .scrtabs-tab-container {
  flex-grow: 1;
  position: relative;
  z-index: 1;
  background-color: transparent;
  height: 40px
}

.popular-games-header .scrtabs-tabs-fixed-container {
  height: 100%
}

.popular-games-header .scrtabs-tab-scroll-arrow {
  border: none;
  height: 100%;
  padding: 0 5px
}

.popular-games-header .scrtabs-tab-scroll-arrow span {
  top: 0;
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  color: #fff
}

.popular-games-header .scrtabs-tabs-movable-container,.popular-games-header .scrtabs-tabs-movable-container ul,.popular-games-header .scrtabs-tabs-movable-container ul li {
  height: 100%
}

.popular-games-header .scrtabs-tabs-movable-container ul {
  border: 0
}

.popular-games-header .scrtabs-tabs-movable-container ul li {
  margin: 0
}

.popular-games-header .nav-tabs>li>a {
  border: 2px solid transparent;
  border-radius: 10px;
  padding: 0 15px;
  height: 100%;
  display: flex;
  align-items: center;
  margin: 0
}

.popular-games-header .nav-tabs>li>a img {
  height: 30px
}

.popular-games-header .nav>li>a:hover,.popular-games-header .nav>li>a:focus,.popular-games-header .nav-tabs>li.active>a,.popular-games-header .nav-tabs>li.active>a:hover,.popular-games-header .nav-tabs>li.active>a:focus {
  background-color: transparent;
  border: 2px solid #ff8a00
}

.popular-games .game-list {
  margin: 0;
  padding: 0;
  border: 0;
  display: grid;
  grid-template-columns: minmax(0,2.25fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
  grid-template-rows: repeat(2,minmax(0,1fr));
  grid-gap: 15px
}

.popular-games .game-list .game-item {
  width: 100%
}

.popular-games .game-list .game-item:first-child {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3
}

.popular-games-header .scrtabs-tabs-movable-container ul li[data-maintenance-status="true"] {
  filter: grayscale(1);
  pointer-events: none
}

.popular-games-header .scrtabs-tabs-movable-container ul li[data-maintenance-status="true"] img {
  filter: grayscale(1) brightness(.5)
}

.popular-games-header .scrtabs-tabs-movable-container ul li[data-maintenance-status="true"]:after {
  content: var(--maintenance-text,'') " ";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
  font-size: 14px;
  color: #fff;
  border-radius: 5px;
  width: fit-content;
  background: #808080;
  filter: grayscale(0) brightness(100%);
  padding: 0 10px;
  max-width: calc(100% - 20px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.scrtabs-tab-container * {
  box-sizing: border-box
}

.scrtabs-tab-container {
  height: 55px;
  background-color: #5078d8
}

.scrtabs-tab-container .tab-content {
  clear: left
}

.scrtabs-tab-container.scrtabs-bootstrap4 .scrtabs-tabs-movable-container>.navbar-nav {
  -ms-flex-direction: row;
  flex-direction: row
}

.scrtabs-tabs-fixed-container {
  float: left;
  height: 55px;
  overflow: hidden;
  width: 100%
}

.scrtabs-tabs-movable-container {
  position: relative
}

.scrtabs-tabs-movable-container .tab-content {
  display: none
}

.scrtabs-tab-container.scrtabs-rtl .scrtabs-tabs-movable-container>ul.nav-tabs {
  padding-right: 0
}

.scrtabs-tab-scroll-arrow.scrtabs-tab-scroll-arrow-left {
  padding-left: 5px
}

.scrtabs-tab-scroll-arrow.scrtabs-tab-scroll-arrow-right {
  padding-right: 3px
}

.scrtabs-tab-scroll-arrow {
  border: 1px solid #ddd;
  border-top: none;
  color: #428bca;
  display: none;
  float: left;
  font-size: 12px;
  height: 42px;
  margin-bottom: -1px;
  padding-left: 2px;
  padding-top: 20px;
  width: 20px
}

.scrtabs-tab-scroll-arrow,.scrtabs-tab-scroll-arrow .scrtabs-click-target {
  cursor: pointer
}

.scrtabs-tab-scroll-arrow.scrtabs-with-click-target {
  cursor: default
}

.scrtabs-tab-scroll-arrow.scrtabs-disable,.scrtabs-tab-scroll-arrow.scrtabs-disable .scrtabs-click-target {
  color: #ddd;
  cursor: default
}

.scrtabs-tab-scroll-arrow.scrtabs-disable:hover {
  background-color: initial
}

.scrtabs-tabs-fixed-container ul.nav-tabs>li {
  white-space: nowrap
}

.grecaptcha-badge {
  display: none !important;
}