:root {
  --primary-1: #68e14e;
  --primary-2: #259c0a;
  --secondary-1: #69e34d;
  --secondary-2: #d2ffc4;
  --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: #07164d;
  --form-background-light: #10257a;
  --out-line-primary: #69e34d;
  --out-line-background-primary: #0f0023;
  --border-primary: #5fdf42;
  --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: #163670;
  --member-level-card-bg: linear-gradient(
    106.9deg,
    #071641 16.45%,
    #062476 39.96%,
    #030e2d 100.29%
  );
  --member-level-card-detail-bg: linear-gradient(
    106.9deg,
    #071641 16.45%,
    #062476 39.96%,
    #030e2d 100.29%
  );
  --outline-text-color: #fff;
  --grey-outline: var(--light-purple);
  --disabled-button-primary: #7790bc;
  --text-section: var(--light-purple);

  --background-primary-color-1: #020f3a;
  --background-primary-color-2: #07277c;
  --background-primary-color-3: #041d60;
  --background-primary-color-4: #051850;
  --background-primary-color-5: #01090e;

  --background-primary: linear-gradient(
    180deg,
    var(--background-primary-color-1) 0%,
    var(--background-primary-color-2) 18.75%,
    var(--background-primary-color-3) 35.94%,
    var(--background-primary-color-4) 68.75%,
    var(--background-primary-color-5) 99.99%,
    #020f3a 100%
  );
  --background-navigation: linear-gradient(
    360deg,
    #02103d 0%,
    #051d5d 53.13%,
    #061e66 100%
  );
  --box-border: #000000;
  --box-page-1: #020f3a;
  --box-page-2: #020f3a;
  --box-page-background: var(--box-page-1);
  --background-linear-end: #221f87;
  --primary-50: #f9f5ff;
  --text-navigation: #fff;
  --menu-text: var(--light-purple);
  --light-purple: #637ca8;
  --menu-item-background: var(--form-background);
  --menu-item-background-hover: var(--form-background);
  --promotion-game-category-text: var(--text-secondary-2);
  --promotion-game-category-active: var(--text-secondary);
  --out-line-light-purple: var(--light-purple);
  --out-line-background-light-purple: #100a31;
  --box-gray-purple: rgba(255, 255, 255, 0.1);
  --pink-red: #fe4e4e;
  --wallet-label: var(--active-nav);
  --highlight-text: #65e14f;
  --active-nav: #65e14f;
  --inactive-nav: #fff9e1;
  --highlight-text-bottom: #64e34d;
  --inactive-nav-bottom: #ffffff;
  --setting-menu-hover: var(--highlight-text);
  --setting-menu: var(--light-purple);
  --item-game-background: linear-gradient(
    360deg,
    #1d2e8e 0%,
    rgba(31, 136, 38, 0.11) 90%
  );
  --nav-play-game: linear-gradient(
    136.53deg,
    #6bdc42 6.5%,
    #259c0a 47.91%,
    #259c0a 90.65%
  );
  --shadow-nav-play-game: #fbfbfb;
  --swal2-background: #020f3a;
  --bg-html: #1c0707;
  --bg-jackpot-1: #061e66;

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

  --jackpot-text: var(--text);

  --bg-footer-profile-wallet: linear-gradient(
    270deg,
    #65dd4a 0.79%,
    #3eb623 33.19%,
    #5cd442 66.54%,
    #3cb321 99.89%
  );
  --text-referal-profile: #ffffff;
  --bg-member-level-icon-hexagon: var(--form-background);
  --wrapper-shrunk-bg: var(--form-background);
  --tourtooltip-bg: var(--wrapper-shrunk-bg);
  --widget-bg: var(--swal2-background);
  --widget-icon-inactive: #7790bc;
  --freespin-filter-text: var(--text-secondary);
  --freespin-filter-highlight: var(--highlight-text);
  --withdraw-amount: var(--text-primary);
  --footer-policy-link: var(--text-section);
  --coupon-read-more: var(--text-secondary);
  --quest-complete-bg: var(--form-background);
  --set-default-radio-btn: var(--light-purple);
  --account-desc-text: var(--light-purple);
  --account-type-text: var(--text-secondary);
  --set-default-text: var(--highlight-text);
  --btn-primary-text-color: var(--text-secondary);
  --select-option-disabled: rgba(255, 255, 255, 0.5);
  --text-default-white: #fff;
  --grid-point-table: #ffffff21;
  --icon-btn-statistic: #fff;
  --text-point-color: var(--text);
  --otp-verify-text: var(--text-secondary);
  --otp-description-text: var(--text-secondary);
  --reset-password-header: var(--text);
  --coupon-form-select: rgba(255, 255, 255, 0.7);
  --jackpot-term-n-condition: var(--text-secondary);
  --text-lotto-date: var(--text-secondary);
  --description-deposit-text: var(--out-line-light-purple);
  --bg-btn-play: var(--highlight-text);
  --bg-badge-label: var(--box-border);
  --text-bg-badge-label: var(--text-secondary);
  --bg-member-level-progress: var(--primary);
  --text-coupon-history: var(--text-primary);
  --text-amount-latest-withdraw: var(--text-primary);
  --text-danger: var(--highlight-text);
  --mission-complete-text: var(--out-line-light-purple);
  --payment-time: #ffc107;
  --copy-btn-bg: var(--box-border);
  --deposit-bg-remark: var(--box-border);
  --checkbox-border: var(--secondary-1);
  --checkbox-border-check: var(--primary-1);
  --text-fourth: var(--text-secondary);
  --active-nav-2: var(--active-nav);
  --theme-coupondark: gray;
  --icon-game-button: #fff;
  --text-icon-close-btn: #fff;
  --text-icon-deposit: #fff;
  --icon-filter-line: #fff;
  --swal-footer-line: #fff;
  --icon-arrow-back: var(--text-secondary);
  --text-third: var(--text-secondary);
  --form-background-header: var(--form-background);
  --text-success: #06ee6a;
  --widget: var(--primary-1);
  --widget-bg-linear: linear-gradient(
    to right,
    var(--primary-1),
    var(--primary-2)
  );
  --jackpot-text-active: var(--active-nav);
  --annoucement-top-bg: var(--primary);

  --row-highlight: #00000026;
  --menu-item-icon: var(--active-nav);
  --menu-item-text: var(--inactive-nav);
  --menu-item-text-hover: var(--active-nav);
  --jackpot-winner-tier: var(--active-nav);
  --wallet-amount: var(--wallet-label);
  --balance-amount: var(--text-primary);
  --jackpot-optin-amount: var(--text);
  --jackpot-btn-join: rgba(0, 0, 0, 0.3);
  --game-text-tab: var(--text);
  --game-text-tag: var(--text-third);
  --game-icon-sort-by: var(--icon-filter-line);
  --swiper-pagination-bullet: rgba(0, 0, 0, 0.2);
  --profile-menu-background-hover: var(--menu-item-background);
  --profile-menu-text: var(--menu-text);
  --setting-menu-icon-hover: var(--setting-menu-hover);
  --member-level-rank-text: var(--text);
  --member-level-desc-text: var(--light-purple);
  --member-level-benefit-text: var(--text);
  --referral-overview-value: var(--text);
  --referral-report-text: var(--text-third);
  --coupon-code-bg: transparent;
  --rolling-subheader: var(--text-primary);
  --rolling-amount: var(--text);
  --nav-link-active: var(--text);
  --table-item-text: var(--text);
  --nav-link-text: var(--text-secondary-2);
  --promotion-time: var(--text-secondary-2);
  --form-control-placeholder: var(--text-secondary-2);
  --drop-file-text: #fff;
  --quest-dropd-down-item: var(--light-purple);
  --quest-icon-sort-provider: var(--text);
  --menu-item-icon-active: var(--active-nav);
  --annoucement-top-text: var(--text-secondary);
  --redeem-reward-point-text: var(--text);
  --exchange-money-point: var(--inactive-nav);
  --exchange-money-point-header: var(--inactive-nav-bottom);
  --reward-free-spins-text: var(--menu-text);
  --reward-free-spins-highlight: var(--text);
  --reward-free-spins-clear-text: var(--light-purple);
  --profile-copy-stroke: var(--light-purple);
  --deposit-amount-active: var(--text-primary);
  --copy-btn-text: var(--text-secondary);
  --copy-btn-color: var(--text-primary);
  --play-game-btn-text: var(--text);
  --play-game-btn-demo-text: var(--text-secondary);
  --game-category-text: var(--text-third);
  --jackpot-card-wrapper-short: var(--form-background);
  --game-nav-bg: var(--form-background);
  --icon-close-btn: var(--text-secondary);
  --table-border-line: rgba(255, 255, 255, 0.226);
  --table-pagiantion-active: var(--text);
  --profile-header-text: var(--text-primary);
  --dropdown-item-text: var(--text);
  --calendar-icon: var(--text-third);
  --overview-text: var(--text);
  --otp-text: var(--text-primary);
  --drop-file-brightness: brightness(1);
  /* add color here */
  --exchange-money-card-border-top: rgba(255, 255, 255, 0);
  --exchange-money-card-border-bottom: rgba(255, 255, 255, 0.24);
}
.login-page form div div input {
  /* background-color: var(--swal2-background) !important; */
}

.popover.b-popover .text-sortby-a-z:hover {
  color: var(--highlight-text) !important;
}
.readmore-btn.btn.gradient-outline-primary.grey-outline-btn.grey.item-equal {
  color: var(--text) !important;
}
.swal2-content .swal2-html-container {
  color: var(--text) !important;
}

button.button-receive {
  background: var(--primary) !important;
}
button.button-receive.btn-primary {
  background: var(--primary) !important;
}
.modal-promotion-deal .pro-list .item {
  border-bottom: 1px solid var(--line) !important;
}