:root {
  --gan-black: #050403;
  --gan-surface: #100b05;
  --gan-surface-soft: #1b1107;
  --gan-gold: #f4b400;
  --gan-gold-light: #ffd86a;
  --gan-amber: #ff8a00;
  --gan-maroon: #6d1309;
  --gan-border: #6f470b;

  --border-col: var(--gan-gold);
  --base-col: #fff7df;
  --btn-col: #160d04;
  --base-mid-col: #090603;
  --base-side-col: #7d4d08;

  --primary-text-color: var(--gan-gold);
  --theme-text-color: var(--gan-gold);
  --primary-button-bg: linear-gradient(180deg, #ffd65a, #c87900);

  --topbar-cntr-border: #4f320c;
  --topbar-cntr-bg: #050403;
  --topbar-left-section-item-color: #d4b66b;
  --topbar-left-section-item-item-border: #73501a;
  --topbar-left-section-item-a-color: #e7ca7d;
  --topbar-left-section-item-a-hover-color: #ffd86a;
  --topbar-left-section-lang-sel-li-hover-bg: #8f5200;

  --site-header-bg: #100a04;
  --site-content-cntr-bg: #080603;
  --top-menu-li-color: #fff5d6;
  --top-menu-li-before-bg: #6f470b;
  --top-menu-li-true-hover-color: #ffd24a;
  --top-menu-game-list-cntr-bg: rgba(12, 8, 3, 0.98);
  --top-menu-game-list-cntr-border: #6f470b;
  --top-menu-games-cntr-li-hover-a-bg: rgba(244, 180, 0, 0.16);
  --top-menu-games-cntr-li-a-img-bg: linear-gradient(180deg, #5d3c0d, #140c03);

  --announcement-outer-cntr-bg: #080603;
  --announcement-outer-cntr-color: #e6c979;
  --announcement-cntr-data-section-announcements-bg: #1a1005;

  --home-progressive-jackpot-bg: linear-gradient(#050403, #4d2d05, #050403);
  --home-progressive-jackpot-inner-cntr-bg: linear-gradient(
    #704208,
    rgba(20, 10, 0, 0)
  );
  --home-progressive-jackpot-border-cntr-border: #f4b400;
  --home-progressive-jackpot-jackpot-cntr-bg: linear-gradient(#5f3806, #c17708);
  --home-progressive-jackpot-jackpot-border-cntr-border: #f4b400;
  --home-progressive-jackpot-jackpot-currency-color: #ffd86a;
  --home-progressive-jackpot-jackpot-play-text-color: #ffb000;
  --home-progressive-jackpot-jackpot-play-text-label-color: #fff0b3;

  --home-inner-cntr-bg: #100a04;
  --popular-game-title-cntr-i-border-bottom: #f4b400;
  --popular-game-title-cntr-a-bg: linear-gradient(180deg, #f6c338, #a85d00);
  --popular-game-title-cntr-a-color: #160b00;
  --popular-game-title-cntr-game-list-cntr-bg: #100a04;
  --popular-game-title-cntr-game-list-cntr-border: #6f470b;

  --provider-slide-bg: #120c05;
  --provider-slide-bg-linear: linear-gradient(to bottom, #2c1b08, #0b0703);
  --provider-slide-border: #6f470b;
  --provider-outer-game-list-cntr-game-info-bg: #120c05;
  --provider-outer-game-list-cntr-game-info-border: #6f470b;
  --game-list-game-item-bg: linear-gradient(180deg, #2a1907, #0d0803);
  --game-list-cntr-category-filter-link-active-hover-bg: #8f5700;

  --login-panel-btn-bg: linear-gradient(180deg, #3b2a13, #171008);
  --login-panel-btn-hover-bg: linear-gradient(180deg, #604519, #261708);
  --login-panel-reg-btn-bg: linear-gradient(180deg, #ffd65a, #d18200);
  --login-panel-reg-btn-hover-bg: linear-gradient(180deg, #ffe58c, #ef9e00);

  --footer-separator-border: #56370c;
  --site-footer-bg: #090603;
  --footer-featured-product-bg: #110b05;
  --footer-card-container-border: #4d310d;
  --footer-hero-icon-bg: #211506;
  --footer-banking-card-bg: #160e06;
  --footer-description-header-color: #f5cf68;
  --footer-description-note-color: #c6ac70;
  --footer-featured-product-card-header-color: #f1ca65;
  --footer-featured-product-card-note-color: #bca66e;
  --footer-bank-list-note-color: #bca66e;
}

body {
  background: var(--gan-black);
  color: #f8ecd0;
}

a {
  color: var(--gan-gold);
}

a:hover {
  color: var(--gan-gold-light);
}

.site-header {
  background: linear-gradient(90deg, #080503 0%, #2c1905 55%, #100a04 100%);
  border-bottom: 1px solid var(--gan-border);
  box-shadow: 0 3px 14px rgba(244, 180, 0, 0.12);
}

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

.login-panel .login-button {
  border: 1px solid #7b571d;
  color: #fff4d0;
}

.login-panel .register-button {
  color: #211100;
  font-weight: 700;
}

.announcement-container > [data-section="announcements"] {
  background-color: #1a1005;
  border: 1px solid #4f340f;
}

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

.home-progressive-jackpot {
  color: var(--gan-gold-light);
}

.home-progressive-jackpot .border-container {
  background-color: #211405;
  border-color: var(--gan-gold);
}

.home-progressive-jackpot .jackpot-container {
  background-color: #120b04;
}

.home-progressive-jackpot .jackpot-border-container {
  border-color: var(--gan-gold);
}

.home-progressive-jackpot .jackpot-currency,
#progressive_jackpot {
  color: var(--gan-gold-light);
}

.popular-game-title-container .title i {
  filter: sepia(1) saturate(6) hue-rotate(355deg) brightness(1.25);
}

.popular-game-title-container + .game-list-container {
  background-color: #110b05;
  border-color: var(--gan-gold);
}

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

.game-list .provider-name {
  color: var(--gan-gold);
}

.popular-game-title-container + .game-list-container .game-list .game-item,
.game-list .game-item {
  background: linear-gradient(180deg, #2a1907 0%, #0d0803 100%);
}

.game-list .game-item .wrapper-container {
  background-color: #0b0703;
}

.game-list .link-container {
  background-color: rgba(15, 8, 1, 0.9);
}

.download-apk-container {
  background-image: radial-gradient(
    circle at 50% 30%,
    #3b2409,
    #090603 72%
  ) !important;
}

.download-apk-container::before {
  background: rgba(8, 4, 0, 0.42);
}

.download-apk .app-promo-image {
  width: 414px;
  max-width: 100%;
  aspect-ratio: 414 / 378;
  object-fit: cover;
  object-position: center;
  border: 1px solid var(--gan-border);
  border-radius: 18px;
}

.download-apk .h2 strong,
.download-apk-section i,
.modal-title {
  color: var(--gan-gold-light);
}

.download-apk-detail .btn,
.btn-primary {
  background: linear-gradient(180deg, #ffd65a, #c87900);
  color: #1b0d00;
  border-color: #f6c33a;
}

.download-apk-detail .btn:hover,
.btn-primary:hover {
  background: linear-gradient(180deg, #ffe895, #ed9b00);
  color: #120900;
}

.site-description h1,
.footer-description-section h1,
.footer-description-section h1 span {
  color: var(--gan-gold-light) !important;
}

.footer-featured-product-section .site-info-description,
.footer-banking-section .bank-list-container,
.footer-banking-section
  .banking-footer-section
  .bank-service-container
  .site-info-description {
  background-color: #120b05;
  border-color: #4d310d;
}

.footer-banking-section .bank-list [data-online="true"]::before {
  background-color: var(--gan-gold);
}

.footer-banking-section .bank-list [data-online="false"]::before {
  background-color: var(--gan-maroon);
}

.modal-body {
  background: linear-gradient(180deg, #090603, #2b1805);
}

.modal-footer {
  background: #160f08;
}

.ard-sosmed-bar .left {
  background: rgba(25, 15, 5, 0.94);
  border-color: var(--gan-gold);
}

.ard-sosmed-bar .right {
  background: radial-gradient(circle, #6f470b, #090603);
  border: 1px solid var(--gan-gold);
}

.LcButton {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  object-fit: contain;
}

.LcButton:hover {
  box-shadow: none;
}

.LcButton::before {
  display: none;
  background: transparent;
  animation: none;
}

::selection {
  background: #d58a00;
  color: #100800;
}

@media (max-width: 600px) {
  .home-outer-container {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .home-inner-container {
    padding: 10px;
    border-radius: 22px;
  }

  .home-progressive-jackpot {
    width: 100%;
    min-width: 0;
    padding: 4px;
    border-radius: 18px;
    overflow: hidden;
  }

  .home-progressive-jackpot .outer-container,
  .home-progressive-jackpot .inner-container {
    min-width: 0;
    padding: 4px;
    border-radius: 16px;
  }

  .home-progressive-jackpot .border-container {
    min-width: 0;
    gap: 8px;
    padding: 6px;
    border-width: 2px;
    border-radius: 14px;
  }

  .home-progressive-jackpot .jackpot-play-section {
    flex: 0 0 34%;
    min-width: 0;
    margin-left: 0;
    align-items: center;
  }

  .home-progressive-jackpot .jackpot-play-section img {
    width: 54px;
  }

  .home-progressive-jackpot .jackpot-play-section .jackpot-play-text {
    font-size: 15px;
    text-align: center;
  }

  .home-progressive-jackpot .jackpot-container {
    flex: 1 1 auto;
    min-width: 0;
    padding: 4px;
    border-radius: 12px;
    font-size: 22px;
    letter-spacing: 1px;
    overflow: hidden;
  }

  .home-progressive-jackpot .jackpot-inner-container {
    min-width: 0;
    padding: 3px;
    border-radius: 10px;
    overflow: hidden;
  }

  .home-progressive-jackpot .jackpot-border-container {
    min-width: 0;
    padding: 0 3px 2px;
    border-width: 2px;
    border-radius: 9px;
    line-height: 26px;
    white-space: nowrap;
    overflow: hidden;
  }

  .home-progressive-jackpot .jackpot-currency {
    margin-right: 3px;
  }

  .popular-game-title-container {
    padding: 8px 0;
    margin-top: 10px;
  }

  .popular-game-title-container .title {
    flex-shrink: 0;
    font-size: 16px;
    white-space: nowrap;
  }

  .popular-game-title-container .title i {
    width: 18px;
    height: 18px;
    margin-right: 6px;
  }

  .popular-game-title-container > i {
    min-width: 15px;
    margin: 0 8px;
  }

  .popular-game-title-container a {
    flex-shrink: 0;
    padding: 4px 8px;
    background: linear-gradient(180deg, #ffd65a, #c87900);
    color: #1b0d00;
    font-size: 10px;
    white-space: nowrap;
  }
}