:root {
  --primary-1: rgba(249, 190, 24, 1);
  --primary-2: rgba(170, 14, 2, 1);
  --secondary-1: rgba(211, 22, 3, 1);
  --secondary-2: rgba(253, 188, 24, 1);
  --primary: linear-gradient(250deg, var(--primary-1) 0%, var(--primary-2) 60%);
  --secondary: linear-gradient(
    90deg,
    var(--secondary-1) 0%,
    var(--secondary-2) 100%
  );
  --text-primary: #6e0e0e;
  --text-secondary: #f2f2f2;
  --form-border: rgb(50, 37, 37);
  --form-background: #301715;
  --form-background-light: rgba(50, 7, 8, 1);
  --out-line-primary: #7c0e0e;
  --out-line-background-primary: #230000;
  --border-primary: #fc2600;
  --text: #fff;
  --text-secondary: #fff;
  --text-secondary-2: var(--light-purple);
  --text-primary: #fff;
  --text-primary-2: var(--highlight-text);
  --out-line-background-primary-2: var(--out-line-background-primary);
  --line: rgba(121, 1, 2, 1);

  --member-level-card-bg: linear-gradient(
    106.9deg,
    #640201 16.45%,
    #aa0e02 39.96%,
    #530100 98.98%
  );
  --member-level-card-detail-bg: linear-gradient(
    90deg,
    #321111 33.37%,
    rgba(111, 29, 29, 0.75) 68.05%,
    #430f11 90.18%
  );

  --outline-text-color: #fff;
  --grey-outline: var(--light-purple);
  --disabled-button-primary: var(--light-purple);
  --text-section: var(--light-purple);

  --background-primary-color-1: #0c0000;
  --background-primary-color-2: #200001;
  --background-primary-color-3: #200001;
  --background-primary-color-4: #200001;
  --background-primary-color-5: #0c0000;

  --background-primary: linear-gradient(
    180deg,
    #0c0000 0%,
    #200001 18.75%,
    #200001 35.94%,
    #200001 68.75%,
    #0c0000 100%
  );
  --background-navigation: linear-gradient(180deg, #f8a815 0%, #d11e00 112.86%);
  --box-border: #000000;
  --box-page-1: #000000;
  --box-page-2: #350d12;
  --box-page-background: linear-gradient(180deg, #320001 0%, #0a0000 550px),
    linear-gradient(0deg, #790102, #790102);
  --background-linear-end: #871f1f;
  --primary-50: #f9f5ff;
  --text-navigation: #fff;
  --menu-text: var(--light-purple);
  --light-purple: rgba(248, 188, 188, 1);
  --menu-item-background: linear-gradient(
    57.94deg,
    #640201 -0.2%,
    #c00202 102.3%
  );
  --menu-item-background-hover: linear-gradient(
    57.94deg,
    #640201 -0.2%,
    #c00202 102.3%
  );
  --promotion-game-category-text: var(--light-purple);
  --promotion-game-category-active: var(--text-secondary);
  --out-line-light-purple: var(--light-purple);
  --out-line-background-light-purple: #310a0a;
  --box-gray-purple: rgba(255, 255, 255, 0.1);
  --pink-red: #fe4e4e;
  --wallet-label: #dbbe78;
  --highlight-text: rgba(225, 78, 1, 1);
  --active-nav: #ffffff;
  --inactive-nav: #ffffff;
  --inactive-nav-2: var(--inactive-nav);
  --highlight-text-bottom: #ffdf12;
  --inactive-nav-bottom: #ffffff;
  --setting-menu-hover: var(--highlight-text);
  --setting-menu: var(--light-purple);
  --item-game-background: linear-gradient(
    360deg,
    #8e1d1d 0%,
    rgba(31, 136, 38, 0.11) 90%
  );
  --nav-play-game: linear-gradient(270deg, #a90000 7.12%, #780202 100%);
  --shadow-nav-play-game: #fbe339;
  --swal2-background: rgba(100, 2, 1, 1);
  --bg-html: linear-gradient(
    180deg,
    #0c0000 0%,
    #200001 18.75%,
    #200001 35.94%,
    #200001 68.75%,
    #0c0000 100%
  );
  --bg-jackpot-1: #f8a815;

  --bg-jackpot-box: rgba(0, 0, 0, 0.4);
  --bg-jackpot-winner-card: rgba(0, 0, 0, 0.2);

  --jackpot-text: var(--text);
  /* add color here */
}

.box-page {
  box-shadow: rgba(121, 1, 2, 1) 0 2px 0 inset !important;
}

.btn.btn-primary,
.btn.btn-primary:hover,
.menu-item:hover .-icon,
.btn.btn-primary,
.container-tab-primary li .primary-tab-active,
.primary-tab.disable-select.compact,
.btn.btn-primary,
a.btn.btn-primary.btn-custom-history,
.promotion-game-category.promotion-game-category-active,
.btn-submit,
.game-tag.game-tag-active.compact,
.btn-primary,
.report-item.primary,
.report-item.primary.btn-shadow {
  border: #c45006 1.5px solid !important;
}