:root {
  --theme-text-color: #d4af37;
  --primary-button-bg: #d4af37;

  --bonus-slider-modal-bg: #151008;
  --bonus-slider-form-bg: #211705;
  --bonus-slider-form-text-color: #f5ead2;
  --bonus-slider-form-border-top-color: #7f5a12;
  --bonus-slider-control-button-bg: #f5d76e;
  --bonus-slider-control-button-color: #241807;
  --bonus-slider-activation-button-hover-bg: #e2b83b;
  --bonus-slider-close-hover-bg: #3a2808;

  --claim-item-type-bg: #241807;
  --claim-type-exp-countdown-data-section-bg: #7f5a12;
  --claim-item-bg: #151008;
  --claim-item-border: #3a2808;
  --claim-item-color: #d4af37;
  --claim-item-titile-free-spin-note-color: #d4af37;

  --bonus-progress-progress-bg: #3a2808;
  --bonus-progress-progress-bar-success-bg: #d4af37;

  --claim-item-activation-button-bg: #b8860b;
  --claim-item-activation-button-hover-bg: #7f5a12;

  --announcement-outer-cntr-bg: #211705;
  --announcement-cntr-data-section-announcements-bg: #080704;

  --home-progressive-jackpot-bg: linear-gradient(#151008, #3a2808, #151008);

  --home-progressive-jackpot-outer-cntr-bg: #080704;

  --home-progressive-jackpot-inner-cntr-bg: linear-gradient(
    #7f5a12,
    rgba(36, 24, 7, 0)
  );

  --home-progressive-jackpot-border-cntr-bg: rgba(0, 0, 0, 0.72);
  --home-progressive-jackpot-border-cntr-border: #d4af37;

  --home-progressive-jackpot-jackpot-cntr-bg: linear-gradient(#d4af37, #080704);

  --home-progressive-jackpot-jackpot-inner-cntr-bg: #080704;
  --home-progressive-jackpot-jackpot-border-cntr-border: #7f5a12;

  --home-progressive-jackpot-jackpot-border-cntr-text-shadow: 0 2px 22px
    rgba(226, 184, 59, 0.85);

  --home-progressive-jackpot-jackpot-currency-color: #d4af37;
  --home-progressive-jackpot-jackpot-play-text-color: #e2b83b;
  --home-progressive-jackpot-jackpot-play-text-label-color: #f5d76e;

  --home-inner-cntr-bg: rgba(21, 16, 8, 0.94);

  /* POPULAR GAME */

  --popular-game-title-cntr-i-border-bottom: #4a3108;
  --popular-game-title-cntr-i-border-top: #080704;
  --popular-game-title-cntr-a-bg: #3a2808;
  --popular-game-title-cntr-game-list-cntr-bg: #0b0905;
  --popular-game-title-cntr-game-list-cntr-border: #4a3108;

  --download-apk-h2-span-color: #d4af37;
  --download-apk-section-i-color: #d4af37;

  /* INFO / ABOUT */

  --info-center-cntr-panel-group-heading-bg: #4a3108;
  --info-center-cntr-panel-group-heading-sign-color: #f5d76e;
  --info-center-cntr-panel-default-heading-collapse-body-bg: #211705;

  --about-us-cntr-h5-data-title-safe-and-secure-gaming-env-color: #f5d76e;
  --about-us-cntr-h5-data-title-customer-exp-color: #e2b83b;
  --about-us-cntr-h5-data-title-fast-and-secure-payments-color: #d4af37;
  --about-us-cntr-h5-data-title-sky-is-not-the-limit-color: #b8860b;

  --about-us-cntr-inner-box-bg: #151008;
  --about-us-cntr-inner-box-border: #3a2808;

  /* LOYALTY */

  --loyalty-reward-cntr-border: #3a2808;
  --loyalty-reward-cntr-bg: #0b0905;
  --loyalty-reward-cntr-tab-filter-bg: #241807;
  --loyalty-reward-cntr-tab-filter-active-bg: #d4af37;
  --loyalty-reward-cntr-tab-filter-active-color: #080704;

  --loyalty-reward-cntr-category-title-before-bg: #7f5a12;

  --loyalty-reward-cntr-reward-button-bg: linear-gradient(
    to right,
    #d4af37,
    #7f5a12
  );

  --loyalty-reward-cntr-reward-button-color: #080704;
  --loyalty-reward-cntr-reward-button-disabled-bg: rgba(74, 49, 8, 0.7);

  --loyalty-reward-cntr-product-scrollbar-bg: #4a3108;
  --loyalty-reward-cntr-flash-sale-cntr-item-bg: #151008;
  --loyalty-reward-cntr-flash-sale-cntr-item-border: #3a2808;
  --loyalty-reward-cntr-lucky-draw-cntr-item-bg: #151008;
  --loyalty-reward-cntr-other-product-cntr-item-bg: #151008;

  --loyalty-cntr-std-form-content-bg: #0f0c07;
  --loyalty-cntr-std-form-title-border: #d4af37;
  --loyalty-cntr-loyalty-menu-a-bg: #3a2808;

  --loyalty-cntr-history-filter-select-bg: #0b0905;
  --loyalty-cntr-history-filter-select-border: #4a3108;
  --loyalty-history-list-item-bg: #211705;

  /* MISSIONS */

  --mission-cntr-item-bg: #3a2808;
  --mission-cntr-item-info-progress-cntr-bg: #080704;
  --mission-cntr-item-action-cntr-bg: #241807;

  --mission-cntr-item-action-cntr-button-bg: #d4af37;
  --mission-cntr-item-action-cntr-button-color: #080704;
  --mission-cntr-item-action-cntr-button-hover-bg: #b8860b;

  --mission-cntr-item-claimable-action-cntr-button-bg: #b8860b;

  --mission-cntr-item-claimable-action-cntr-button-bg-image: linear-gradient(
    to right,
    #b8860b,
    #e2b83b
  );

  --mission-cntr-item-claimable-action-cntr-button-hover-bg: #7f5a12;

  --mission-cntr-item-claimable-action-cntr-button-hover-bg-image: linear-gradient(
    to right,
    #7f5a12,
    #d4af37
  );

  /* NOTIFICATIONS */

  --notification-tabs-tab-item-bg: #151008;

  --notification-tabs-tab-item-active-bg: #b8860b;

  --notification-tabs-tab-item-active-bg-image: linear-gradient(
    to right,
    #b8860b 0%,
    #d4af37 100%
  );

  --notification-list-item-bg: #080704;
  --notification-list-item-border: #3a2808;
  --notification-list-item-data-false-bg: #211705;
  --notification-list-item-data-false-border: #7f5a12;
  --notification-list-item-header-label-bg: #b8860b;
  --notification-list-item-play-button-bg: #b8860b;

  --notification-popup-body-title-bg: #151008;
  --notification-popup-body-tab-item-bg: #151008;
  --notification-popup-body-tabs-tab-item-true-bg: #151008;

  --notification-popup-body-footer-bg: #b8860b;

  --notification-popup-body-footer-bg-image: linear-gradient(
    to bottom,
    #e2b83b 0%,
    #7f5a12 100%
  );

  --notification-popup-body-footer-border: #d4af37;

  /* MOBILE / PROFILE */

  --mobile-app-password-std-form-note-span-color: #d4af37;
  --mobile-app-select-bg: #0b0905;
  --mobile-app-select-border: #4a3108;

  --mobile-app-select-active-a-bg: #d4af37;
  --mobile-app-select-active-a-color: #080704;

  --mobile-app-title-cntr-color: #e2b83b;
  --mobile-app-cntr-a-hover-bg: #241807;
  --mobile-app-cntr-nav-tabs-border: #d4af37;
  --mobile-app-cntr-nav-tabs-a-color: #c9a94a;
  --mobile-app-cntr-nav-tabs-li-active-a-bg: #151008;
  --mobile-app-cntr-nav-tabs-li-active-a-color: #d4af37;
  --mobile-app-cntr-nav-tabs-li-active-a-border: #d4af37;
  --mobile-app-cntr-a-color: #d4af37;

  --profile-cntr-mobile-info-button-border: #d4af37;
  --profile-cntr-mobile-info-button-color: #d4af37;
  --profile-cntr-mobile-info-button-hover-bg: #4a3108;

  --standard-content-info-h2-color: #d4af37;
  --standard-content-block-bg: #151008;
  --bank-info-cntr-carousel-indicatiors-active-bg: #d4af37;

  --set-as-default-button-color: #d4af37;
  --set-as-default-button-border: #d4af37;

  /* PROMOTION */

  --promotion-side-menu-list-bg: #0b0905;
  --promotion-side-menu-list-border: #241807;
  --promotion-side-menu-h5-color: #d7bd78;
  --promotion-side-menu-a-border-bottom: #241807;
  --promotion-side-menu-a-active-bg: #211705;
  --promotion-side-menu-a-active-border-left: #d4af37;

  --promotion-item-bg: #3a2808;
  --promotion-item-get-promo-button-bg: #b8860b;
  --promotion-item-get-promo-button-color: #fff;
  --promotion-item-get-promo-button-hover-bg: #d4af37;
  --promotion-item-more-info-button-color: #fff;

  --promotion-item-details-bg: #0b0905;
  --promotion-item-details-get-promo-button-bg: #b8860b;

  --promotion-item-details-get-promo-button-bg-linear: linear-gradient(
    to right,
    #d4af37 0%,
    #7f5a12 100%
  );

  --promotion-item-details-get-promo-button-hover-bg: #e2b83b;

  --promotion-item-details-get-promo-button-hover-bg-linear: linear-gradient(
    to right,
    #7f5a12 0%,
    #d4af37 100%
  );

  /* REFERRAL */

  --referral-cntr-a-hover-color: #f5d76e;
  --referral-code-container-border-color: #d4af37;

  --referral-button-bg: linear-gradient(to right, #d4af37 0%, #7f5a12 100%);

  --referral-statistic-box-bg: #3a2808;
  --referral-statistic-box-border-bottom: 1px solid #d4af37;
  --referral-box-cntr-referral-box-span-color: #f5d76e;
  --referral-features-item-bg: #151008;

  --referral-features-item-icon-div-bg: linear-gradient(
    to bottom,
    #d4af37 0%,
    #4a3108 100%
  );

  --referral-features-item-info-p-color: #d4af37;

  /* REGISTER */

  --register-done-cntr-h2-span-color: #d4af37;

  --register-done-cntr-btn-deposit-bg: #d4af37;

  --register-done-cntr-btn-deposit-bg-linear: linear-gradient(
    to left,
    #7f5a12 0%,
    #d4af37 100%
  );

  --register-done-cntr-btn-deposit-hover-bg: #e2b83b;

  --register-done-cntr-btn-deposit-hover-bg-linear: linear-gradient(
    to right,
    #7f5a12 0%,
    #f5d76e 100%
  );

  --register-done-cntr-std-btn-group-border: #d4af37;
  --register-done-cntr-verification-done-border: #d4af37;
  --register-done-cntr-verification-done-bg: #241807;
  --register-done-cntr-verification-done-info-color: #d4af37;
  --register-done-cntr-verification-done-a-color: #d4af37;

  /* PROVIDER / JACKPOT */

  --provider-slide-bg: #241807;

  --provider-slide-bg-linear: linear-gradient(
    to bottom,
    #241807 0%,
    #080704 100%
  );

  --provider-slide-border: #4a3108;

  --jackpot-cntr-bg: linear-gradient(#d4af37, #080704);

  --jackpot-cntr-box-shadow: 0 5px 15px rgba(212, 175, 55, 0.45);
  --jackpot-inner-cntr-bg: #080704;
  --jackpot-border-cntr-border: #7f5a12;
  --jackpot-currency-color: #d4af37;
  --jackpot-play-section-text-color: #e2b83b;
  --jackpot-play-section-text-label-color: #f5d76e;
  --provider-cntr-border: #74708f;
  --provider-cntr-legend-color: #d5d5d5;
  --site-info-title-h3-color: #d5d5d5;
  --popular-game-title-cntr-color: #d5d5d5;

  /* BANK / PAYMENT */

  --bank-info-bg: #211705;
  --bank-info-bg-image: linear-gradient(to bottom, #211705 0%, #211705 100%);
  --bank-info-hr-border-top: #4a3108;
  --bank-info-download-qr-code-button-bg: #3a2808;
  --bank-info-download-qr-code-button-hover-bg: #4a3108;

  --payment-method-selection-input-radio-checked-label-bg: #d4af37;

  --payment-method-selection-input-radio-checked-label-bg-image: linear-gradient(
    to bottom,
    #f5d76e 0%,
    #b8860b 100%
  );

  --payment-maintenance-cntr-bg: #211705;

  --remarks-cntr-border: #d4af37;
  --remarks-cntr-bg: rgba(127, 90, 18, 0.3);
  --remarks-cntr-i-border: #d4af37;
  --remarks-cntr-i-color: #d4af37;

  /* DEPOSIT / WITHDRAW */

  --deposit-cntr-bank-info-bg: #211705;
  --deposit-cntr-form-group-control-border: #4a3108;
  --deposit-cntr-formatted-balance-color: #f5d76e;

  --deposit-cntr-reveal-bank-acc-btn-bg: #d4af37;

  --deposit-cntr-reveal-bank-acc-btn-bg-image: linear-gradient(
    to right,
    #d4af37 0%,
    #7f5a12 100%
  );

  --deposit-cntr-reveal-bank-acc-btn-hover-bg: #7f5a12;

  --deposit-cntr-reveal-bank-acc-btn-hover-bg-image: linear-gradient(
    to right,
    #7f5a12 0%,
    #d4af37 100%
  );

  --deposit-cntr-admin-fee-cntr-color: #f5d76e;
  --deposit-amount-cntr-input-text-bg: #080704;

  --deposit-summary-cntr-border: #3a2808;
  --deposit-summary-cntr-header-bg: #211705;
  --deposit-summary-cntr-header-transfer-amount-color: #d4af37;
  --deposit-summary-cntr-content-bg: #151008;
  --deposit-summary-cntr-content-footer-border: #3a2808;

  --withdrawal-cntr-bank-info-bg: #211705;
  --withdrawal-cntr-form-group-control-border: #4a3108;
  --withdrawal-cntr-formatted-balance-color: #f5d76e;
  --withdrawal-summary-cntr-border: #3a2808;
  --withdrawal-summary-header-bg: #211705;
  --withdrawal-summary-cntr-header-transfer-amount-color: #d4af37;
  --withdrawal-summary-cntr-content-bg: #151008;
  --withdrawal-summary-cntr-content-footer-border: #3a2808;

  /* GAME LIST */

  --data-cntr-bg: #080704;

  --play-now-bg: linear-gradient(to right, #b8860b 0%, #e2b83b 100%);

  --play-now-hover-bg: linear-gradient(to right, #e2b83b 0%, #7f5a12 100%);

  --game-list-cntr-bg: rgba(21, 16, 8, 0.9);

  --game-list-cntr-filter-section-bg: linear-gradient(
    to right,
    #4a3108 0%,
    #241807 100%
  );

  --game-list-cntr-filter-section-input-text-border: #7f5a12;
  --game-list-cntr-filter-section-input-text-bg: #151008;
  --game-list-cntr-filter-section-after-bg: #d4af37;
  --game-list-cntr-category-filter-link-active-hover-bg: #d4af37;

  --provider-outer-game-list-cntr-game-info-bg: #0b0905;
  --provider-outer-game-list-cntr-game-info-border: #4a3108;

  --game-list-game-item-bg: linear-gradient(
    to bottom,
    #2f220d 0%,
    #151008 100%
  );

  --game-list-provider-name-color: #d4af37;

  --large-game-list-cntr-bg: rgba(21, 16, 8, 0.86);
  --large-game-list-cntr-section-bg: #0b0905;
  --large-game-list-cntr-section-border: #4a3108;
  --large-game-list-cntr-play-now-bg: #b8860b;
  --large-game-list-cntr-play-now-hover-bg: #d4af37;
  --large-game-list-link-cntr-bg: rgba(0, 0, 0, 0.74);

  --large-game-list-li-bg: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 25%,
    #d4af37 100%
  );

  --large-game-list-img-bg: linear-gradient(180deg, #0b0905 25%, #4a3108 100%);

  --large-game-list-li-a-game-info-color: #d4af37;
  --large-game-list-li-a-game-info-hover-focus-color: #f5d76e;

  /* ==================================
   MAIN WEBSITE / HEADER
   ================================== */

  --body-bg: #151008;

  --topbar-cntr-border: #4a3108;
  --topbar-cntr-bg: #7f5a12;

  --topbar-left-section-item-color: #fff3c4;
  --topbar-left-section-item-a-color: #fff3c4;
  --topbar-left-section-item-a-hover-color: #fff;

  --topbar-left-section-lang-sel-bg: #211705;
  --topbar-left-section-lang-sel-li-bg: #151008;
  --topbar-left-section-lang-sel-li-hover-bg: #b8860b;

  /* GOLD HEADER LIKE THE DJARUMTOTO BANNER */

  --site-header-bg: linear-gradient(
    to right,
    #b8860b 0%,
    #d4af37 50%,
    #b8860b 100%
  );

  --site-header-bs:
    inset 0 2px 1px rgba(255, 243, 196, 0.3), 0 3px 12px rgba(0, 0, 0, 0.35);

  --menu-slide-i-color: #fff;
  --top-menu-li-color: #fff;

  --top-menu-li-before-bg: #7f5a12;
  --top-menu-li-true-hover-color: #fff3c4;

  --top-menu-game-list-cntr-bg: rgba(21, 16, 8, 0.98);
  --top-menu-game-list-cntr-border: #d4af37;

  --top-menu-games-cntr-li-bg: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 25%,
    #d4af37 100%
  );

  --top-menu-games-cntr-li-hover-a-bg: rgba(212, 175, 55, 0.18);

  --top-menu-games-cntr-li-a-img-bg: linear-gradient(
    180deg,
    #0b0905 25%,
    #4a3108 100%
  );

  /* PAGE CONTENT */

  --site-content-cntr-bg: #0b0905;
  --site-info-cntr-bg: #151008;

  --site-info-cntr-section-title-color: #f5d76e;
  --site-info-inner-cntr-color: #bba875;
  --site-info-inner-cntr-site-links-cntr-border: #3a2808;
  --site-info-inner-cntr-footer-links-li-a-color: #bba875;
  --site-info-inner-cntr-footer-links-li-a-hover-color: #f5d76e;
  --site-info-inner-cntr-supp-list-li-border: #4a3108;

  --copyright-info-cntr-border: #080704;
  --copyright-info-cntr-copyright-color: #fff3c4;

  --register-page-link-a-color: #d4af37;
  --register-forgot-pass-modal-body-bg: #151008;
  --register-modal-payment-method-cntr-bg: #211705;
  --simple-modal-btn-secondary-border: #d4af37;

  --introjs-nextbtn-bg: linear-gradient(to right, #b8860b 0%, #e2b83b 100%);

  /* FLOATING BUTTONS */

  --floating-action-btn-item-bg: linear-gradient(
    90deg,
    #b8860b 0%,
    #d4af37 100%
  );

  --floating-action-btn-item-border: #f5d76e;
  --floating-action-btn-item-bs: rgba(212, 175, 55, 0.42);

  /* ==================================
   FOOTER
   ================================== */

  --site-footer-bg: #151008;

  --ref-code-box-a-color: #d4af37;
  --ref-code-box-a-hover-color: #f5d76e;

  --login-panel-btn-bg: #4a3108;
  --login-panel-btn-hover-bg: #241807;

  --login-panel-reg-btn-bg: linear-gradient(to right, #d4af37 0%, #7f5a12 100%);

  --login-panel-reg-btn-hover-bg: linear-gradient(
    to right,
    #7f5a12 0%,
    #f5d76e 100%
  );

  --user-info-main-info-bg: #241807;
  --user-info-vendor-balance-cntr-border: #d4af37;

  /* MODALS */

  --modal-header-bg: linear-gradient(
    to right,
    #7f5a12 0%,
    #d4af37 50%,
    #7f5a12 100%
  );

  --modal-body-bg: #151008;
  --modal-footer-border: #3a2808;
  --modal-footer-bg: #151008;

  --modal-footer-btn-primary-bg: linear-gradient(
    to right,
    #d4af37 0%,
    #7f5a12 100%
  );

  --modal-footer-btn-primary-hover-bg: linear-gradient(
    to right,
    #7f5a12 0%,
    #f5d76e 100%
  );

  --modal-footer-btn-secondary-hover-color: #d4af37;

  /* STANDARD FORMS */

  --std-form-content-bg: rgba(21, 16, 8, 0.98);
  --std-form-title-color: #d4af37;
  --std-form-sub-title-border: #b8860b;

  --std-form-note-bg: #7f5a12;
  --std-form-note-a-color: #f5d76e;

  --std-form-content-reporting-scroll-cntr-table-head-bg: #151008;
  --std-form-content-reporting-scroll-cntr-table-head-border: #3a2808;
  --std-form-content-reporting-scroll-cntr-table-body-bg: #151008;

  --std-inline-form-group-form-content-form-cntrl-bg: #0b0905;
  --std-inline-form-group-form-content-form-cntrl-border: #4a3108;
  --std-inline-form-group-form-cntrl-disabled-bg: #211705;

  --std-profile-bar-bg: rgba(21, 16, 8, 0.98);
  --std-profile-bar-balance-field-balance-color: #f5d76e;
  --std-profile-bar-user-field-loyalty-info-cntr-div-a-bg: #3a2808;

  --std-nav-bar-title: #d4af37;
  --std-nav-bar-a-border: #241807;
  --std-nav-bar-a-not-active-true-hover-border: #f5d76e;
  --std-nav-bar-a-not-active-true-hover-color: #f5d76e;

  --std-side-menu-bg: #151008;
  --std-side-menu-a-border: #241807;
  --std-form-note-span: #d4af37;

  --simple-form-note-color: #d4af37;
  --otp-hr-color: #d4af37;
  --otp-popup-content-bg: #151008;
  --otp-fake-inputs-div-border: #4a3108;
  --otp-fake-inputs-div-bg: #0b0905;

  --std-remark-notif-content-span-color: #f5d76e;
  --std-outline-btn-border: #d4af37;

  /* FOOTER DETAILS */

  --footer-description-header-color: #f5d76e;
  --footer-sitemap-header-color: #f5d76e;

  --footer-sitemap-icon-bg: #4a3108;
  --footer-featured-product-bg: #211705;
  --footer-card-container-border: #3a2808;
  --footer-hero-icon-bg: #4a3108;
  --footer-banking-card-bg: #151008;
}
