@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Inter:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100..900;1,100..900&display=swap');
/* Originals artwork shared by card and grid tables. */
:root {
  --card-back-image: url("/images/betarama.io/card_back.png");
  --joker-image: url("/images/betarama.io/originals/joker.jpg");
  --mine-image: url("/images/betarama.io/originals/mine.png");
  --mine-dollar-image: url("/images/betarama.io/originals/mine_dollar.png");
  --balloon-arrow-image: url("/images/betarama.io/originals/uparrow.png");
  --balloon-skull-image: url("/images/betarama.io/originals/skull.png");
  --tower-arrow-image: url("/images/betarama.io/originals/uparrow.png");
  --tower-skull-image: url("/images/betarama.io/originals/skull.png");
  --snakes_ladders-arrow-image: url("/images/betarama.io/originals/uparrow.png");
  --snakes_ladders-skull-image: url("/images/betarama.io/originals/skull.png");
}


/* AJAX scratch buffer - must never be visible. delAll()/destroy load transient
   responses (e.g. "Tickets deleted.") into #hiddencontent purely for the
   side-effect callback; without this it flashes that text at the top of page. */
#hiddencontent { display: none; }

/* ── Deposit tracker (#2, flag-gated) ── */
.deposit-tracker { margin-top: 14px; }
.deposit-tracker__title { font-size: 13px; text-transform: uppercase; letter-spacing: .4px; opacity: .7; margin: 0 0 8px; }
.deposit-tracker__list { list-style: none; margin: 0; padding: 0; }
.deposit-tracker__row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 10px; border-radius: 8px; background: rgba(255, 255, 255, .04); margin-bottom: 6px; font-size: 13px; }
.deposit-tracker__amount { font-weight: 700; }
.deposit-tracker__status { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .3px; padding: 3px 8px; border-radius: 999px; }
.deposit-tracker__status--pending { background: rgba(184, 148, 154, 0.25); color: #d6d0c6; }
.deposit-tracker__status--confirming { background: rgba(234, 179, 8, .22); color: #fcd34d; }
.deposit-tracker__status--credited { background: rgba(34, 197, 94, .22); color: #86efac; }
.deposit-tracker__status--failed { background: rgba(239, 68, 68, .22); color: #fca5a5; }
.deposit-tracker__time { opacity: .55; font-size: 11px; }
.deposit-tracker__empty { opacity: .55; font-size: 12px; padding: 6px 0; list-style: none; }

/* ── Card on-ramp: buy crypto with a card (flag-gated) - deposit-page hero ── */
.onramp-hero { position: relative; margin: 0 0 18px; padding: 20px 22px; border: 1px solid rgba(247, 215, 116, .35); border-radius: 14px; background: linear-gradient(135deg, rgba(247, 215, 116, .12), rgba(224, 178, 74, .04)); box-shadow: 0 8px 28px rgba(0, 0, 0, .25); overflow: hidden; }
.onramp-hero::before { content: ''; position: absolute; top: -40%; right: -10%; width: 240px; height: 240px; background: radial-gradient(circle, rgba(247, 215, 116, .18), transparent 70%); pointer-events: none; }
.onramp-hero__body { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.onramp-hero__intro { display: flex; align-items: center; gap: 14px; flex: 1 1 280px; min-width: 240px; }
.onramp-hero__icon { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 46px; height: 46px; border-radius: 12px; font-size: 20px; color: #1a1208; background: linear-gradient(180deg, #f7d774, #e0b24a); }
.onramp-hero__copy { display: flex; flex-direction: column; gap: 3px; }
.onramp-hero__title { margin: 0; font-size: 19px; font-weight: 800; line-height: 1.2; letter-spacing: .2px; }
.onramp-hero__sub { margin: 0; font-size: 13px; opacity: .72; }
.onramp-hero__action { display: flex; flex-direction: column; gap: 10px; flex: 1 1 340px; min-width: 280px; }
.onramp-hero__fields { display: flex; flex-wrap: wrap; align-items: stretch; gap: 10px; }
.onramp-hero__amount { display: flex; align-items: center; gap: 6px; flex: 1 1 130px; min-width: 110px; padding: 0 14px; border: 1px solid rgba(255, 255, 255, .14); border-radius: 10px; background: rgba(0, 0, 0, .22); }
.onramp-hero__ccy { font-weight: 700; opacity: .6; font-size: 14px; }
.onramp-hero__input { flex: 1 1 auto; width: 100%; border: none; background: transparent; color: inherit; font-size: 17px; font-weight: 800; padding: 13px 0; outline: none; }
.onramp-hero__input::-webkit-outer-spin-button, .onramp-hero__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.onramp-hero__statewrap { display: flex; flex: 1 1 160px; min-width: 140px; }
.onramp-hero__select { flex: 1 1 160px; min-width: 140px; padding: 12px 32px 12px 14px; border: 1px solid rgba(255, 255, 255, .14); border-radius: 10px; background-color: rgba(0, 0, 0, .22); color: inherit; font-size: 14px; font-weight: 700; outline: none; cursor: pointer; -webkit-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%23f7d774' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; }
.onramp-hero__select option { color: #111; }
.onramp-hero__btn { width: 100%; border: none; border-radius: 10px; padding: 14px 22px; font-weight: 800; font-size: 15px; cursor: pointer; color: #1a1208; background: linear-gradient(180deg, #f7d774, #e0b24a); box-shadow: 0 6px 16px rgba(224, 178, 74, .35); transition: filter .15s ease, transform .15s ease; }
.onramp-hero__btn:hover { filter: brightness(1.05); transform: translateY(-1px); }
.onramp-hero__btn[disabled] { opacity: .6; cursor: default; filter: none; transform: none; box-shadow: none; }
.onramp-hero__foot { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-top: 14px; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, .08); }
.onramp-hero__methods { font-size: 12px; opacity: .7; }
.onramp-hero__meta { display: flex; align-items: center; gap: 14px; }
.onramp-hero__min { font-size: 11px; opacity: .5; }
.onramp-hero__badge { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: .3px; opacity: .55; }
.onramp-hero__error { position: relative; font-size: 12px; color: #fca5a5; margin: 10px 0 0; }
.onramp-hero__error[hidden] { display: none; }
.onramp-card { position: relative; margin: 0 0 14px; padding: 16px; border: 1px solid rgba(247, 215, 116, .35); border-radius: 12px; background: linear-gradient(135deg, rgba(247, 215, 116, .12), rgba(224, 178, 74, .04)); box-shadow: 0 6px 20px rgba(0, 0, 0, .22); overflow: hidden; }
.onramp-card__head { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.onramp-card__icon { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 38px; height: 38px; border-radius: 10px; font-size: 16px; color: #1a1208; background: linear-gradient(180deg, #f7d774, #e0b24a); }
.onramp-card__copy { display: flex; flex-direction: column; gap: 2px; }
.onramp-card__title { margin: 0; font-size: 15px; font-weight: 800; line-height: 1.2; }
.onramp-card__sub { margin: 0; font-size: 12px; opacity: .7; line-height: 1.3; }
.onramp-card__amount { display: flex; align-items: center; gap: 6px; margin: 0 0 8px; padding: 0 12px; border: 1px solid rgba(255, 255, 255, .14); border-radius: 9px; background: rgba(0, 0, 0, .22); }
.onramp-card__ccy { font-weight: 700; opacity: .6; font-size: 13px; }
.onramp-card__input { flex: 1 1 auto; width: 100%; border: none; background: transparent; color: inherit; font-size: 16px; font-weight: 800; padding: 11px 0; outline: none; }
.onramp-card__input::-webkit-outer-spin-button, .onramp-card__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.onramp-card__btn { display: block; width: 100%; border: none; border-radius: 9px; padding: 12px 16px; font-weight: 800; font-size: 14px; cursor: pointer; color: #1a1208; background: linear-gradient(180deg, #f7d774, #e0b24a); box-shadow: 0 5px 14px rgba(224, 178, 74, .32); transition: filter .15s ease, transform .15s ease; }
.onramp-card__btn:hover { filter: brightness(1.05); transform: translateY(-1px); }
.onramp-card__btn[disabled] { opacity: .6; cursor: default; filter: none; transform: none; box-shadow: none; }
.onramp-card__presets { display: flex; gap: 6px; margin: 0 0 8px; }
.onramp-card__preset { flex: 1 1 0; min-width: 0; border: 1px solid rgba(255, 255, 255, .14); border-radius: 9px; padding: 9px 4px; background: rgba(0, 0, 0, .22); color: inherit; font-size: 13px; font-weight: 700; cursor: pointer; transition: border-color .15s ease, background .15s ease, color .15s ease; }
.onramp-card__preset:hover { border-color: rgba(247, 215, 116, .55); }
.onramp-card__preset.is-active { border-color: #f7d774; background: rgba(247, 215, 116, .16); color: #f7d774; }
.onramp-card__methods { display: flex; gap: 10px; align-items: center; justify-content: center; margin: 0 0 10px; font-size: 26px; color: rgba(255, 255, 255, .8); }
.onramp-card__methods i { line-height: 1; }
.onramp-card__disclaimer { display: flex; gap: 7px; margin: 0 0 10px; font-size: 10px; line-height: 1.45; color: rgba(255, 255, 255, .5); }
.onramp-card__disclaimer > i { flex: 0 0 auto; margin-top: 1px; color: #f7d774; }
.onramp-card__agree { display: flex; gap: 8px; align-items: flex-start; margin: 0 0 12px; font-size: 12px; color: rgba(255, 255, 255, .85); cursor: pointer; }
.onramp-card__agree input { flex: 0 0 auto; margin-top: 2px; width: 15px; height: 15px; accent-color: #f7d774; cursor: pointer; }
.onramp-hero__methods { display: flex; align-items: center; gap: 12px; font-size: 30px; opacity: 1; color: rgba(255, 255, 255, .82); }
.onramp-hero__methods i { line-height: 1; }
.onramp-hero__disclaimer { display: flex; gap: 8px; margin: 14px 0 10px; font-size: 11px; line-height: 1.5; color: rgba(255, 255, 255, .5); }
.onramp-hero__disclaimer > i { flex: 0 0 auto; margin-top: 2px; color: #f7d774; }
.onramp-hero__agree { display: flex; gap: 9px; align-items: flex-start; margin: 0 0 14px; font-size: 13px; color: rgba(255, 255, 255, .9); cursor: pointer; }
.onramp-hero__agree input { flex: 0 0 auto; margin-top: 2px; width: 16px; height: 16px; accent-color: #f7d774; cursor: pointer; }
.onramp-hero__presets { display: flex; gap: 8px; }
.onramp-hero__preset { flex: 1 1 0; min-width: 0; border: 1px solid rgba(255, 255, 255, .14); border-radius: 10px; padding: 11px 4px; background: rgba(0, 0, 0, .22); color: inherit; font-size: 14px; font-weight: 700; cursor: pointer; transition: border-color .15s ease, background .15s ease, color .15s ease; }
.onramp-hero__preset:hover { border-color: rgba(247, 215, 116, .55); }
.onramp-hero__preset.is-active { border-color: #f7d774; background: rgba(247, 215, 116, .16); color: #f7d774; }
.onramp-card__error { font-size: 12px; color: #fca5a5; margin: 8px 0 0; }
.onramp-card__error[hidden] { display: none; }
.onramp-card--guest .onramp-card__btn { margin-top: 2px; }
.onramp-card__select { display: block; width: 100%; margin: 0 0 8px; padding: 11px 30px 11px 12px; border: 1px solid rgba(255, 255, 255, .14); border-radius: 9px; background-color: rgba(0, 0, 0, .22); color: inherit; font-size: 14px; font-weight: 600; outline: none; cursor: pointer; -webkit-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%23f7d774' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; }
.onramp-card__select option { color: #111; }
.onramp-card__select:disabled { opacity: .5; cursor: not-allowed; }
.onramp-card__statewrap { display: block; }
.about-onramp-row { display: flex; flex-wrap: wrap; gap: 24px; align-items: flex-start; }
.about-onramp-row .about-block { flex: 1 1 420px; min-width: 0; }
.about-onramp-row .onramp-home-promo { flex: 1 1 300px; max-width: 400px; }
.onramp-home-promo { display: flex; justify-content: center; }
.onramp-home-promo .onramp-card { width: 100%; max-width: 400px; margin: 0; }
.onramp-home-cta { display: flex; align-items: center; gap: 16px; margin: 0 0 22px; padding: 14px 18px; border: 1px solid rgba(247, 215, 116, .35); border-radius: 12px; background: linear-gradient(135deg, rgba(247, 215, 116, .12), rgba(224, 178, 74, .04)); box-shadow: 0 6px 20px rgba(0, 0, 0, .22); }
.onramp-home-cta__icon { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 40px; height: 40px; border-radius: 10px; font-size: 17px; color: #1a1208; background: linear-gradient(180deg, #f7d774, #e0b24a); }
.onramp-home-cta__text { display: flex; flex-direction: column; gap: 7px; flex: 1 1 auto; min-width: 0; }
.onramp-home-cta__title { font-weight: 800; font-size: 15px; line-height: 1.2; }
.onramp-home-cta__methods { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.onramp-home-cta__btn { flex: 0 0 auto; display: inline-block; border: none; border-radius: 9px; padding: 12px 22px; font-weight: 800; font-size: 14px; cursor: pointer; color: #1a1208; text-decoration: none; text-align: center; background: linear-gradient(180deg, #f7d774, #e0b24a); box-shadow: 0 5px 14px rgba(224, 178, 74, .32); transition: filter .15s ease, transform .15s ease; }
.onramp-home-cta__btn:hover { filter: brightness(1.05); transform: translateY(-1px); }
.onramp-pay-chip { display: inline-flex; align-items: center; justify-content: center; background: #fff; border-radius: 5px; padding: 4px 6px; }
.onramp-pay-img { display: block; height: 18px; width: auto; }
.onramp-info { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; padding: 0; border-radius: 50%; border: 1px solid rgba(247, 215, 116, .6); background: transparent; color: #f7d774; font-size: 11px; line-height: 1; cursor: pointer; }
.onramp-info:hover, .onramp-info:focus { background: rgba(247, 215, 116, .16); outline: none; }
.onramp-disclaimer { margin: 0 0 12px; padding: 10px 12px; background: rgba(0, 0, 0, .25); border: 1px solid rgba(247, 215, 116, .25); border-radius: 8px; font-size: 11px; line-height: 1.5; color: rgba(255, 255, 255, .68); }
.onramp-disclaimer[hidden] { display: none; }
.onramp-card__agree-row, .onramp-hero__agree-row { display: flex; align-items: flex-start; gap: 8px; }
.onramp-card__agree-row { margin: 0 0 12px; }
.onramp-hero__agree-row { margin: 0 0 14px; }
.onramp-card__agree-row .onramp-card__agree, .onramp-hero__agree-row .onramp-hero__agree { margin: 0; flex: 1 1 auto; }
.onramp-hero-divider { display: flex; align-items: center; text-align: center; gap: 12px; margin: 0 0 16px; color: rgba(255, 255, 255, .4); font-size: 11px; text-transform: uppercase; letter-spacing: .5px; }
.onramp-hero-divider::before, .onramp-hero-divider::after { content: ''; flex: 1 1 auto; height: 1px; background: rgba(255, 255, 255, .1); }

/* ── Rewards wallet (#4, flag-gated) ── */
.rewards-wallet[hidden] { display: none; }
.rewards-wallet { margin: 0 0 18px; padding: 16px 18px; border: 1px solid rgba(255, 255, 255, .1); border-radius: 12px; background: rgba(255, 255, 255, .03); }
.rewards-wallet__title { font-size: 16px; margin: 0 0 12px; }
.rewards-wallet__list { display: flex; flex-direction: column; gap: 8px; }
.rewards-wallet__row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 12px; border-radius: 8px; background: rgba(255, 255, 255, .04); }
.rewards-wallet__name { font-weight: 600; }
.rewards-wallet__amount { margin-left: auto; font-weight: 800; }
.rewards-wallet__claim { border: none; border-radius: 8px; padding: 6px 14px; font-weight: 700; cursor: pointer; color: #1a1208; background: linear-gradient(180deg, #f7d774, #e0b24a); }
.rewards-wallet__claim:hover { filter: brightness(1.06); }
.rewards-wallet__claim:disabled { opacity: .6; cursor: default; }
.rewards-wallet__empty { opacity: .6; font-size: 13px; padding: 6px 0; }
.rewards-wallet__boost { font-size: 12px; font-weight: 700; color: #fcd34d; }
.rewards-wallet__msg { font-size: 12px; color: #fca5a5; margin: 8px 0 0; min-height: 14px; }

/* ── Withdrawal address check (#9, warn-only, flag-gated) ── */
.wac { margin-top: 8px; }
.wac__warning[hidden] { display: none; }
.wac__warning { padding: 10px 12px; border-radius: 8px; background: rgba(239, 68, 68, .12); border: 1px solid rgba(239, 68, 68, .35); color: #fca5a5; font-size: 13px; line-height: 1.4; }
.wac__detail { margin-top: 4px; opacity: .85; font-size: 12px; }
.wac__labels { margin-top: 6px; }
.wac__ok { font-size: 12px; color: #86efac; }

/* ── Sportsbook weekly missions (#18, flag-gated) ── */
.sb-missions { margin: 0 0 16px; padding: 12px 14px; border: 1px solid rgba(255, 255, 255, .08); border-radius: 10px; background: rgba(255, 255, 255, .03); }
.sb-missions__title { font-size: 14px; text-transform: uppercase; letter-spacing: .4px; opacity: .8; margin: 0 0 10px; }
.sb-missions__list { list-style: none; margin: 0; padding: 0; }
.sb-missions__item { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 7px 0; border-bottom: 1px solid rgba(255, 255, 255, .05); font-size: 13px; }
.sb-missions__item:last-child { border-bottom: none; }
.sb-missions__count { font-weight: 700; white-space: nowrap; }
.sb-missions__item.is-complete .sb-missions__count { color: #86efac; }
.sb-missions__item.is-complete .sb-missions__name { opacity: .7; }

:root {
  --brand-orange: #d22f40;
  --brand-beige: #f4eadc;
  --dark-bg-main: #1B1410;      /* deep brown-black */
  --dark-bg-alt: #261C17;       /* warm alt panel bg */
  --dark-bg-header: #1A1613;    /* rich header/sidebar bg */
  --soft-white: #FAF6F0;
  --gray-text: #B8AFA0;
}

.head_links {}

.head_links_list {
    display: inline-block;
    position: relative;
}

.head_links_list_mob {
    display: none !important;
}

/* Head links: show off image by default, swap to on image when active or hovered */
.head_links_list img.nav-on,
.head_links_list_mob img.nav-on {
    display: none;
}
.head_links_list .active img.nav-on,
.head_links_list:hover img.nav-on,
.head_links_list_mob .active img.nav-on,
.head_links_list_mob:hover img.nav-on {
    display: inline-block;
}
.head_links_list .active img.nav-off,
.head_links_list:hover img.nav-off,
.head_links_list_mob .active img.nav-off,
.head_links_list_mob:hover img.nav-off {
    display: none;
}

/* ***** Common Css **** */
:root {
    scroll-behavior: smooth;
}

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: none !important;
}

button:focus,
button {
    outline: none !important;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
    text-decoration: none;
}

ol,
ul {
    margin: 0;
    padding: 0;
}

img {
    display: block;
}

a {
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
    text-decoration: none;
}

html {
    height: 100%;
    width: 100%;
}

body {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background: var(--dark-bg-main);
    text-decoration: none;
    height: 100%;
    width: 100%;
    /* overflow: hidden; */
}


.overlay {
    background: var(--dark-bg-main)bb;
    position: fixed;
    z-index: 1600;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.modalformessage {
    width: 100%;
    margin: auto;
    position: relative;
    top: 10%;
}

.modal-content {
    padding: 0px 25px 20px;
    border-radius: 10px;
    background-color: #381e21;
    border: 2px solid #27282F;
}

/*.modal-backdrop.show {*/
/*    display: none !important;*/
/*}*/
.modalformessage .mr-2 {
    margin-left: auto;
    padding: 12px 24px;
    border-radius: 30px;
    border: #a3121f;
    font-size: 12px;
    font-weight: 600;
    width: auto;
    color: #fbf7ef;
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    margin-top: 20px;
    margin-right: auto;
}

.modalformessage .mr-2:hover {
    background: #fff;
    color: #a3121f;
}

.modalformessage .thm_btn {
    margin-left: auto;
    padding: 12px 24px;
    border-radius: 30px;
    border: #a3121f;
    font-size: 12px;
    font-weight: 600;
    width: auto;
    color: #fbf7ef;
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    margin-top: 20px;
    margin-right: auto;
}

.modalformessage .thm_btn:hover {
    background: #fff;
    color: #a3121f;
}

.crypto-currency-icon {
    display: inline-block !important;
    margin-left: 5px;
}

.crypto-currency-icon img {
    height: 16px;
    width: auto;
}

.crypto-currency-code {
    margin-left: 5px;
}

.code-coupon input {
    padding: 15px 25px;
    background: var(--dark-bg-main);
    border: 2px solid rgba(255, 255, 255, 0.25);
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    height: auto;
    box-shadow: none;
    border-radius: 15px;
    resize: none;
    margin-top: 10px;
}

/* .state-error-icon-before:before {
    content: "";
    display: block;
    background: url(/images/betarama.io/state-icons/error-icon.png) no-repeat;
    width: 100px;
    height: 100px;
    margin: 20px auto;
}

.state-good-luck-icon-before:before {
    content: "";
    display: block;
    background: url(/images/betarama.io/state-icons/good-luck-icon.png) no-repeat;
    height: 113px;
    margin: 20px auto;
    background-position: center;
}

.state-success-icon-before:before {
    content: "";
    display: block;
    background: url(/images/betarama.io/state-icons/successful-icon.png) no-repeat;
    width: 100px;
    height: 100px;
    margin: 20px auto;
}

.state-something-wrong-icon-before:before {
    content: "";
    display: block;
    background: url(/images/betarama.io/state-icons/something-wrong-icon.png) no-repeat;
    width: 250px;
    height: 100px;
    background-position: center;
    margin-bottom: 20px;
    margin: 20px auto;
} */

.alert {
    overflow: hidden;
    margin-top: 1rem;
}

.alert-danger {
    color: #fff;
    background-color: #ab2d32;
    border-color: #ab2d32;
}

.alert-danger a {
    color: #34C759;
}

.btn-close {
    float: right;
    opacity: 1;
}

.main-wrpper {
    height: 100%;
    width: 100%;
    overflow: auto;
}

.container {
    max-width: 1399px;
}

/* ***** End Common Css **** */

/* ***** Sidebar ***** */

.orange_main_logo {

}


.main_logo_title {
    color: #FFF;
    font-family: 'Inter';
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}


.left-panel-toggle-button, .right-panel-toggle-button {
  display: none;
}

aside.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    min-height: 100%;
    width: 240px;
    background: var(--dark-bg-header);
    box-shadow: 4px 0px 20px 0px rgba(0, 0, 0, 0.30);
    z-index: 110;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}


aside.sidebar.full-sidebar {
    width: 75px;
}

.navsports img.miniimg {
    display: none;
}

aside.sidebar.full-sidebar .navsports {
    min-height: 47px;
}

aside.sidebar.full-sidebar .navsports h2 {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s linear;
    display: none;
}

aside.sidebar.full-sidebar .navsports img.orgimg {
    display: none;
}

aside.sidebar.full-sidebar .navsports img.miniimg {
    margin: 0 auto;
    left: 0;
    right: 0;
}

.sidebarbtn {
    width: 20px;
    height: 50px;
    line-height: 50px;
    border-radius: 0px 10px 10px 0px;
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    color: rgba(255, 255, 255, 0.25);
    font-size: 16px;
    text-align: center;
    position: absolute;
    right: -20px;
    top: 15px;
    z-index: 999;
}

aside.sidebar.full-sidebar .sidebarbtn i {
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.sidebarbtn:hover {
    background: var(--brand-orange);
    color: #fbf7ef;
}

aside.sidebar.full-sidebar .sidebarbtn i:before {
    content: "\f105";
}


.logobox {
    padding: 2px 12px 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: var(--dark-bg-header);
    z-index: 1;
}

.logobox svg {
    height: 35px;
    width: 40px;
    margin: 0 auto;
    vertical-align: bottom;
}

.logobox svg.miniside {
    display: none;
}

.logobox img {
  height: auto;
  width: 206px;
}

.logobox img.miniside {
    display: none;
}

aside.sidebar.full-sidebar .logobox svg.sidebig,
aside.sidebar.full-sidebar .logobox .main_logo_title {
    display: none;
}

aside.sidebar.full-sidebar .logobox svg.miniside {
    display: block;
}

aside.sidebar.full-sidebar .logobox img.sidebig,
aside.sidebar.full-sidebar .logobox .main_logo_title {
    display: none;
}

aside.sidebar.full-sidebar .logobox img.miniside {
    display: block;
    margin-left: -17px;
    margin-right: 0;
}

.sidebarfooter {
    padding: 25px 15px;
    background: var(--dark-bg-header);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    border-top: 1px solid #27282F;
    display: none;
}

.sidelinks {
    opacity: 1;
    visibility: visible;
    transition-delay: 0.6s;
}

.sidelinks ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 10px;
}

.sidelinks ul li {
    margin-right: 20px;
}

.sidelinks ul li:last-child {
    margin: 0;
}

.sidelinks ul li a {
    font-size: 14px;
    font-weight: 500;
    color: #E4E4E4;
    position: relative;
    display: block;
}

.sidelinks ul li a:after {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    right: -15px;
    top: 8px;
}

.sidelinks ul li:last-child a:after {
    display: none;
}

.sidelinks ul li a:hover {
    color: #d22f40;
}

.sidelinks p {
    margin: 0;
    text-align: center;
    font-size: 9px;
    font-weight: normal;
    color: #7E7E7E;
}

.sidebar-menus {
    height: 100vh;
    overflow: auto;
    padding: 75px 0;
}

.sidebar-menus ul li {
    padding: 0 10px;
    margin: 0 0 10px;
    position: relative;
}

.sidebar-menus ul li:after {
    position: absolute;
    content: '';
    border-radius: 20px;
    background: linear-gradient(111deg, #d22f40 10.81%, #d22f40 100.23%);
    box-shadow: 0px 0px 26px 0px rgba(210, 47, 64, 0.0);
    width: 4px;
    height: 0%;
    right: 0;
    top: 0;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

#sports_index .sidebar-menus ul li:after,
#sports_show .sidebar-menus ul li:after,
#matches_show .sidebar-menus ul li:after {
    position: absolute;
    content: '';
    border-radius: 11px 0px 0px 32px;
    background: var(--Primary-Grad, linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%));
    box-shadow: 0px 0px 26px 0px rgba(210, 47, 64, 0.0);
    width: 4px;
    height: 0%;
    right: 0;
    top: 0;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

#products_index .sidebar-menus ul li:after,
#products_show .sidebar-menus ul li:after,
#products_syndicates .sidebar-menus ul li:after,
#payslip_items_index .sidebar-menus ul li:after,
#draw_results_index .sidebar-menus ul li:after,
#draw_results_show .sidebar-menus ul li:after {
    position: absolute;
    content: '';
    border-radius: 11px 0px 0px 32px;
    background: var(--Primary-Grad, linear-gradient(111deg, #22DE52 10.81%, #37FD69 100.23%));
    box-shadow: 0px 0px 26px 0px rgba(210, 47, 64, 0.53);
    width: 4px;
    height: 0%;
    right: 0;
    top: 0;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

#entries_index_millionaire .sidebar-menus ul li:after,
#entries_show_millionaire .sidebar-menus ul li:after,
#draw_results_index_millionaire .sidebar-menus ul li:after,
#draw_results_show_millionaire .sidebar-menus ul li:after,
#proofs_index_millionaire .sidebar-menus ul li:after,
#proofs_show_millionaire .sidebar-menus ul li:after,
#subscriptions_index_millionaire .sidebar-menus ul li:after,
#subscriptions_show_millionaire .sidebar-menus ul li:after,
#instant_games_index_millionaire .sidebar-menus ul li:after,
#instant_games_show_millionaire .sidebar-menus ul li:after,
#instant_games_draw_status_millionaire .sidebar-menus ul li:after {
    position: absolute;
    content: '';
    border-radius: 11px 0px 0px 32px;
    background: var(--Primary-Grad, linear-gradient(111deg, #d22f40 10.81%, #d22f40 100.23%));
    box-shadow: 0px 0px 26px 0px rgba(210, 47, 64, 0.53);
    width: 4px;
    height: 0%;
    right: 0;
    top: 0;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

#rewards_index .sidebar-menus ul li:after {
    position: absolute;
    content: '';
    border-radius: 11px 0px 0px 32px;
    background: var(--Primary-Grad, linear-gradient(111deg, #ffd600 10.81%, #ffd600 100.23%));
    box-shadow: 0px 0px 26px 0px rgba(210, 47, 64, 0.53);
    width: 4px;
    height: 0%;
    right: 0;
    top: 0;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

#cashier_currency_swap_area .sidebar-menus ul li:after, #transaction_records_history .sidebar-menus ul li:after, #referral_campaigns_index .sidebar-menus ul li:after, #referral_campaigns_create .sidebar-menus ul li:after, #referral_campaigns_show .sidebar-menus ul li:after, #referral_campaigns_new .sidebar-menus ul li:after, #users_close_account .sidebar-menus ul li:after, #notifications_index .sidebar-menus ul li:after, #contact_forms_create .sidebar-menus ul li:after, #contact_forms_new .sidebar-menus ul li:after, #users_my_account .sidebar-menus ul li:after, #users_change_password .sidebar-menus ul li:after, #users_forgot_password .sidebar-menus ul li:after, #users_process_login .sidebar-menus ul li:after, #cashier_deposit_area .sidebar-menus ul li:after, #cashier_bonus_area .sidebar-menus ul li:after, #cashier_withdrawal_area .sidebar-menus ul li:after {
    position: absolute;
    content: '';
    border-radius: 11px 0px 0px 32px;
    background: var(--Primary-Grad, linear-gradient(111deg, #26272f 10.81%, #26272f 100.23%));
    box-shadow: 0px 0px 26px 0px rgba(210, 47, 64, 0.53);
    width: 4px;
    height: 0%;
    right: 0;
    top: 0;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.sidebar-menus ul li a {
    padding: 8px 12px;
    border-radius: 15px;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #838286;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.sidebar-menus ul li a:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: linear-gradient(270deg, rgba(210, 47, 64, 0.33) 0.31%, rgba(210, 47, 64, 0.09) 99.68%, rgba(255, 255, 255, 0.00) 99.69%);
    opacity: 0;
    top: 0;
    left: 0;
    z-index: 0;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

#sports_index .sidebar-menus ul li a:before,
#sports_show .sidebar-menus ul li a:before,
#matches_show .sidebar-menus ul li a:before {
    position: absolute;
    content: '';
    width: 220px;
    height: 100%;
    border-radius: 15px;
    background: linear-gradient(270deg, rgba(210, 47, 64, 0.33) 0.31%, rgba(210, 47, 64, 0.09) 99.68%, rgba(255, 255, 255, 0.00) 99.69%);
    opacity: 0;
    top: 0;
    left: 0;
    z-index: 0;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

#products_index .sidebar-menus ul li a:before,
#products_show .sidebar-menus ul li a:before,
#products_syndicates .sidebar-menus ul li a:before,
#payslip_items_index .sidebar-menus ul li a:before,
#draw_results_index .sidebar-menus ul li a:before,
#draw_results_show .sidebar-menus ul li a:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: linear-gradient(284deg, rgba(52, 199, 89, 0.31) -18.76%, rgba(52, 198, 89, 0.09) 101.28%);
    opacity: 0;
    top: 0;
    left: 0;
    z-index: 0;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

#proofs_index_millionaire .sidebar-menus ul li a:before,
#proofs_show_millionaire .sidebar-menus ul li a:before,
#subscriptions_index_millionaire .sidebar-menus ul li a:before,
#subscriptions_show_millionaire .sidebar-menus ul li a:before,
#instant_games_index_millionaire .sidebar-menus ul li a:before,
#instant_games_show_millionaire .sidebar-menus ul li a:before,
#entries_index_millionaire .sidebar-menus ul li a:before,
#entries_show_millionaire .sidebar-menus ul li a:before,
#draw_results_index_millionaire .sidebar-menus ul li a:before,
#draw_results_show_millionaire .sidebar-menus ul li a:before,
#instant_games_draw_status_millionaire .sidebar-menus ul li a:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: linear-gradient(284deg, #d22f40 -18.76%, rgba(210, 47, 64, 0.31) 101.28%);
    opacity: 0;
    top: 0;
    left: 0;
    z-index: 0;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

#rewards_index .sidebar-menus ul li a:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: linear-gradient(284deg, rgba(255, 214, 0, 1) -18.76%, rgba(255, 214, 0, 0.31) 101.28%);
    opacity: 0;
    top: 0;
    left: 0;
    z-index: 0;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

#cashier_currency_swap_area .sidebar-menus ul li a:before, #transaction_records_history .sidebar-menus ul li a:before, #referral_campaigns_index .sidebar-menus ul li a:before, #referral_campaigns_create .sidebar-menus ul li a:before, #referral_campaigns_show .sidebar-menus ul li a:before, #referral_campaigns_new .sidebar-menus ul li a:before, #users_close_account .sidebar-menus ul li a:before, #notifications_index .sidebar-menus ul li a:before, #contact_forms_create .sidebar-menus ul li a:before, #contact_forms_new .sidebar-menus ul li a:before, #users_my_account .sidebar-menus ul li a:before, #users_change_password .sidebar-menus ul li a:before, #users_forgot_password .sidebar-menus ul li a:before, #users_process_login .sidebar-menus ul li a:before, #cashier_deposit_area .sidebar-menus ul li a:before, #cashier_bonus_area .sidebar-menus ul li a:before, #cashier_withdrawal_area .sidebar-menus ul li a:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: linear-gradient(284deg, rgba(38, 39, 47, 1) -18.76%, rgba(38, 39, 47, 0.31) 101.28%);
    opacity: 0;
    top: 0;
    left: 0;
    z-index: 0;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.sidebar-menus ul li a img {
    min-width: 25px;
    margin-right: 15px;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    opacity: 0.30;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.sidebar-menus ul li a span {
    opacity: 1;
    visibility: visible;
    z-index: 0;
}

.sidebar-menus ul li a label {
    padding: 3px 10px;
    background: #d22f40;
    border-radius: 20px;
    font-size: 10px;
    font-weight: normal;
    color: #fbf7ef;
    text-transform: uppercase;
    margin-left: 10px;
}

.sidebar-menus ul li.active:after {
    height: 100% !important;
}

#sports_index .sidebar-menus ul li.active:after,
#sports_show .sidebar-menus ul li.active:after,
#matches_show .sidebar-menus ul li.active:after {
    height: 100%;
}

.sidebar-menus ul li.active a:before {
    opacity: 0.50 !important;
}

#sports_index .sidebar-menus ul li.active a:before,
#sports_show .sidebar-menus ul li.active a:before,
#matches_show .sidebar-menus ul li.active a:before {
    opacity: 0.50;
}

.sidebar-menus ul li.active a {
    color: #fff;
}

.sidebar-menus ul li a:hover img, .sidebar-menus ul li.active a img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    opacity: 1;
}

#sports_index .sidebar-menus ul li a:hover img,
#sports_index .sidebar-menus ul li.active a img,
#sports_show .sidebar-menus ul li a:hover img,
#sports_show .sidebar-menus ul li.active a img,
#matches_show .sidebar-menus ul li a:hover img,
#matches_show .sidebar-menus ul li.active a img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: drop-shadow(0px 0px 19px rgba(255, 76, 0, 0.44));
    opacity: 1;
}

.sidebar-menus ul li.newly-added a img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: drop-shadow(0px 0px 19px rgba(255, 76, 0, 0.44));
    opacity: 1;
}

.sidebar-menus ul li a:hover {
    color: #fff;
}

.favorite-dropbox {
    margin: 20px 0;
    padding: 0 10px;
}

.favorite-dropbox button {
    padding: 10px 30px 10px 10px;
    display: flex;
    align-items: center;
    background: transparent;
    border: none;
    border-radius: 0;
    width: 100%;
    text-transform: uppercase;
    color: #d6d0c6;
    font-size: 14px;
    font-weight: 500;
}

.favorite-dropbox button img {
    min-width: 25px;
    margin-right: 15px;
}

.sidebar-menus ul li .dropdown-toggle::after,
.favorite-dropbox .dropdown-toggle::after {
    position: absolute;
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    width: 25px;
    height: 25px;
    background: #27282F;
    border-radius: 50%;
    font-weight: bold;
    line-height: 25px;
    text-align: center;
    color: #7E7E7E;
    font-size: 12px;
    top: 10px;
    right: 0;
    border: none;
    margin: 0;
}

.sidebar-menus ul li .dropdown-toggle::after {
    right: 0;
}

.sidebar-menus ul li .dropdown-toggle.show::after,
.favorite-dropbox .dropdown-toggle.show::after {
    content: "\f106";
}

.sidebar-menus ul li .dropdown-menu,
.favorite-dropbox .dropdown-menu {
    border-radius: 0;
    border: none;
    width: 100%;
    min-width: 100%;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    position: relative !important;
    transform: translate(0) !important;
    background: #27282F;
    z-index: 1;
}

.sidebar-menus ul li .dropdown-menu {
    left: 0 !important;
    right: 0 !important;
}

.sidebar-menus ul li .dropdown-menu li,
.favorite-dropbox .dropdown-menu li {
    margin: 0;
}

.sidebar-menus ul li .dropdown-menu li a,
.favorite-dropbox .dropdown-menu li a {
    display: block;
    padding: 6px 20px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
}

.sidebar-menus ul li .dropdown-menu li a img,
.favorite-dropbox .dropdown-menu li a img {
    min-width: 30px;
    width: 30px;
    height: 30px;
    object-fit: cover;
    border-radius: 100%;
    margin-right: 10px;
}

.sidebar-menus ul li .dropdown-menu li a:hover,
.favorite-dropbox .dropdown-menu li a:hover {
    background: transparent;
    color: #fff;
}

aside.sidebar.full-sidebar .sidebar-menus ul li a span {
    opacity: 0;
    visibility: hidden;
    transition-delay: 0s;
}

aside.sidebar.full-sidebar .sidebar-menus ul li a img {
    margin: 0;
    margin-left: 7px;
}

aside.sidebar.full-sidebar .sidebarfooter {
    border: none;
}

aside.sidebar.full-sidebar .sidebarfooter .sidelinks {
    opacity: 0;
    visibility: hidden;
    transition-delay: 0s;
}

aside.sidebar.full-sidebar .sidebar-menus ul li {
    padding: 0 8px;
}

aside.sidebar.full-sidebar .sidebar-menus ul li.sidebar-category-header {
    padding: 0;
}

aside.sidebar.full-sidebar .sidebar-menus ul li a {
    padding: 10px;
}

aside.sidebar.full-sidebar .sidebar-menus ul li a label {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 9px;
    padding: 2px 5px;
    margin: 0;
}

aside.sidebar.full-sidebar .favorite-dropbox {
    padding: 0 8px;
    display: none;
}

aside.sidebar.full-sidebar .favorite-dropbox button span {
    display: none;
}

aside.sidebar.full-sidebar .sidebar-menus ul li .dropdown-toggle::after,
.favorite-dropbox .dropdown-toggle::after {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 10px;
}

aside.sidebar.full-sidebar .sidebar-menus ul li#format_select {
    display: none;
}

.favorite-dropbox .dropdown-menu li a {
    display: block;
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 500;
    color: #7E7E7E;
}

.favorite-dropbox .dropdown-menu li {
    margin: 0;
    padding: 0 5px;
}

.trash_fav {
    position: absolute !important;
    right: 5px;
    top: 0;
}

.sidebar-menus ul li select {
    padding: 10px;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #838286;
    margin-left: 40px;
    background: none;
    transition: .4s linear;
    -webkit-transition: .4s linear;
    border: none;
}

.sidebar-menus ul li select:focus-visible {
    outline: none;
}

.nav-pills .nav-link.casino_menu_button {
    border-radius: 20px;
    border: 2px solid rgba(210, 47, 64, 0.16);
    background: linear-gradient(284deg, rgba(210, 47, 64, 0.29) -18.76%, rgba(210, 47, 64, 0.07) 101.28%);
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    color: #fff;
    padding: 0 14px 0 0;
}

.nav-pills .nav-link.active.casino_menu_button {
    filter: none;
}

.nav-pills .nav-link.casino_menu_button img {
    display: inline;
    margin-right: -14px;
    margin-left: -4px;
}

.nav-pills .nav-link.sports_menu_button {
    border-radius: 20px;
    border: 2px solid rgba(210, 47, 64, 0.16);
    background: var(--Linear, linear-gradient(299deg, rgba(210, 47, 64, 0.37) -23.41%, rgba(210, 47, 64, 0.06) 114.79%));
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    color: #fff;
    padding: 0 14px 0 0;
}

.nav-pills .nav-link.active.sports_menu_button {
    filter: none;
}

.nav-pills .nav-link.sports_menu_button img {
    display: inline;
    margin-right: -14px;
    margin-left: -8px;
}

.sidebar-menus ul li.casino_menu_start {
    padding: 0px 2px 0px 2px;
}

.sidebar-menus ul li.sports_menu_start {
    padding: 0px 2px 0px 2px;
}

a.mobile_log {
    /* display: none !important; */
}

.left_menu_select {
    display: none;
}

.sidebar-menus .favorite-dropbox .dropdown {
    padding-left: 14px;
}

.sidebar-menus .favorite-dropbox .dropdown img {
    display: inline-block;
    vertical-align: bottom;
}

.sidebar-menus .favorite-dropbox button {
    padding: 0;
    display: inline-block;
    align-items: center;
    background: transparent;
    border: none;
    border-radius: 0;
    width: auto;
    text-transform: uppercase;
    color: #d6d0c6;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    margin-left: 14px;
}

.favorite-dropbox .dropdown-toggle::after {
    top: 0;
}

.favorite-dropbox .dropdown-menu {
    margin-top: 15px !important;
}

#dropdownMenuButtonOff {
    margin-left: -2px;
}

#dropdownMenuButtonOff img {
    margin-right: 12px;
}

/* ***** End Sidebar ***** */

/* **** Header **** */
header {
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    background: var(--dark-bg-header);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 10px 0 10px 240px;
    height: 64px;
    z-index: 110;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}

header .row {
    align-items: center;
}

header #headleft {
    width: inherit;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

header #headleft .search-box-2 {
    margin-left: 20px;
}

header #headright {
    width: inherit;
    margin-left: auto;
    margin-right: 0;
    padding-left: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* The desktop header is ONE line at every desktop width (owner, 3 Sep 2026):
   the row never wraps, the menu is the part that gives way, the account
   cluster keeps its size. Spacing at the tighter widths lives in responsive.css. */
.desktop_head_container > .row {
    flex-wrap: nowrap;
}

header #headleft.desktop_only {
    flex: 1 1 auto;
    min-width: 0;
}

header #headright {
    flex: 0 0 auto;
}

/* Prediction market page: every currency leg, one line each (owner, 3 Sep 2026). */
.pm-legs-strip .pm-legs {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.pm-legs-strip .pm-leg {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px 14px;
    padding: 8px 10px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
    font-size: 13px;
}

.pm-legs-strip .pm-leg-tradable {
    border: 1px solid rgba(255, 255, 255, 0.14);
}

.pm-legs-strip .pm-leg-readonly {
    opacity: 0.8;
}

.pm-legs-strip .pm-leg-ccy {
    font-weight: 700;
    min-width: 52px;
}

.pm-legs-strip .pm-leg-odds {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
}

.pm-legs-strip .pm-leg-where {
    margin-left: auto;
    font-size: 12px;
    opacity: 0.75;
}





/* ===== Community markets: draft-first layout (owner 2026-08-07) =====
   After drafting, the player's own market leads the page and the guidance they
   already read collapses underneath. */
.pm-draft-result { border: 1px solid #603e43; border-radius: 12px; padding: 18px 18px 20px; margin: 0 0 22px; background: rgba(224, 184, 102, 0.04); }
.pm-draft-result > h2 { margin: 0 0 6px; font-size: 18px; color: #e0b866; }
.pm-draft-lead { margin: 0 0 16px; font-size: 13px; color: #bcb6ac; line-height: 1.5; }

.pm-guidance-accordion { margin: 22px 0 0; border-top: 1px solid #4a282c; padding-top: 14px; }
.pm-guidance-accordion > summary { cursor: pointer; font-size: 14px; font-weight: 600; color: #d8d2c8; padding: 6px 0; list-style: revert; }
.pm-guidance-accordion > summary:hover { color: #ffffff; }
.pm-guidance-accordion[open] > summary { margin-bottom: 14px; }

.pm-creator-note { display: block; }
.pm-creator-note textarea { width: 100%; box-sizing: border-box; resize: vertical; min-height: 66px; }
.pm-creator-note-hint { margin: 4px 0 0; font-size: 12px; color: #8b94a3; line-height: 1.5; }

/* The desktop header spans the full width at EVERY desktop width (owner, 3 Sep
   2026: one line, never two). Below 1600px this was a fixed Bootstrap container
   (960/1040/1200px) narrower than logo + menu + account cluster, so the cluster
   wrapped under the menu, and with the never-wrap rule it ran off the edge. */
.desktop_head_container {
    max-width: 100%;
}

/* Seasons (2 Nov 2026): the footer's "Hide / Show seasonal decorations" link - the footer's own text colour, so it
   reads on every footer, light or dark. */
.season-toggle {
    margin: 6px 0 0;
    font-size: 12px;
}

.season-toggle a {
    color: inherit;
    text-decoration: underline;
}

.season-toggle a:hover,
.season-toggle a:focus {
    text-decoration: none;
}

/* Tip a Player (3 Nov 2026). The menu link's icon sits in the same box as the picture icons beside it, so its text
   lines up; the amount presets keep their border on hover, so the buttons beside them do not shift; a result notice
   keeps clear of the Send button; the name box keeps its text clear of the Find button at its right edge. */
.sidebar-menus ul li a i.sidebar-menu-icon {
  display: block;
  width: 25px;
  min-width: 25px;
  margin-right: 15px;
  margin-left: 0;
  text-align: center;
  font-size: 16px;
  line-height: 25px;
  opacity: .30;
}
.sidebar-menus ul li a:hover i.sidebar-menu-icon,
.sidebar-menus ul li.active a i.sidebar-menu-icon,
.sidebar-menus ul li a.active i.sidebar-menu-icon {
  opacity: 1;
}
/* The phone sidebar's rows (.card_sidebar with no ul above it) show their pictures at 24px, full strength; a font
   icon there takes the same box and colour as the pictures' fill, not the small dim .fas default. Rows inside a ul
   (desktop, and the phone menus built on one) keep the .sidebar-menus ul rule, as their pictures do. */
.card_sidebar li a i.fas.sidebar-menu-icon:not(ul *) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin: 0;
  font-size: 16px;
  color: #a9878d;
  opacity: 1;
}
.tip-presets button.btn,
.tip-presets button.btn:hover,
.tip-presets button.btn:focus {
  border: 1px solid currentColor;
}
.tip-notice {
  margin-bottom: 16px;
}
.diposit-block .form-group .form-control.tip-name-input {
  padding-right: 90px;
}

/* The casino search pop-up shows each game's picture above its name, as many across as fit (two on phones), like the casino
   page's own search box (owner, 4 Nov 2026: "Where are the images for these? Our search currently shows images"). */
.modal-body .select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-results__options {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px;
    padding: 10px;
}

.modal-body .select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-results__options .select2-results__option {
    max-width: none;
    padding: 6px;
    font-size: 13px;
    line-height: 1.3;
}

.modal-body .select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-results__options .select2-results__option.select2-results__message,
.modal-body .select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-results__options .select2-results__option.loading-results {
    grid-column: 1 / -1;
}

.modal-body .select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-results__options .select2-results__option .casino-search-option img {
    max-width: 100%;
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    margin-bottom: 6px;
    border-radius: 10px;
}

@media(min-width:1600px) {
    .desktop_head_container {
        max-width: 100%;
    }
}

/* .search-box-2 { display: none; } */

.searchbox {
    position: relative;
}

.input-box .close-btn {
    display: none;
}

.mobile-back-btn {
    display: none;
}

.header-block ul button.btn:first-child:active {
    background: none;
    border: none;
    color: #d6d0c6;
}


/* .searchbox .form-control{
    padding: 12px 15px 12px 35px;
    background: transparent;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    height: auto;
    border-radius: 0;
    border: none;
    box-shadow: none;
}
.searchbox .form-control::placeholder{
    color: #7E7E7E;
} */
.searchbox #search {
    padding: 12px 15px 12px 35px;
    background: transparent;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    height: auto;
    border-radius: 0;
    border: none;
    box-shadow: none;
    display: block;
    width: 100%;
    line-height: 1.5;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.searchbox #search::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.searchbox i {
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: 15px;
    left: 0;
}

.select2-container--bootstrap-5 .select2-dropdown {
    background-color: #211214 !important;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
    color: #fff !important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__message {
    color: #fff !important;
}

.navlinks-header ul.headlinks {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.mobile-header .header-block ul.mobile-account-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.navlinks-header ul.headlinks li {

}

.mobile-header .header-block ul.mobile-account-actions li.dropdown {
    margin-right: 15px;
}

.navlinks-header ul.headlinks li:last-child {
    margin: 0;
    margin-right: 10px;
}

.navlinks-header ul.headlinks li.dropdown a {
    padding: 15px 35px 15px 5px;
    display: flex;
    align-items: center;
    font-size: 13px;
    position: relative;
    font-weight: 500;
    color: #fff;
}

.navlinks-header ul.headlinks li button {
    padding: 15px 35px 15px 15px;
    display: flex;
    align-items: center;
    font-size: 14px;
    position: relative;
    font-weight: 500;
    color: #fff;
}

.mobile-header .header-block ul.mobile-account-actions li button {
    padding: 15px 35px 15px 15px;
    display: flex;
    align-items: center;
    font-size: 14px;
    position: relative;
    font-weight: 500;
    color: #fff;
}

.navlinks-header ul.headlinks li.dropdown a.dropdown-toggle:after {
    position: absolute;
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    width: 25px;
    height: auto;
    background: transparent;
    border-radius: 50%;
    font-weight: bold;
    text-align: center;
    color: #f4eadc;
    font-size: 14px;
    top: 15px;
    right: 0;
    border: none;
    margin: 0;
}

.navlinks-header ul.headlinks li a img {
    width: auto;
    height: 16px;
    object-fit: cover;
    margin-right: 10px;
}

.navlinks-header ul.headlinks li#cart a img {
    width: 25px;
    height: 23px;
    border-radius: 0;
    margin-right: 10px;
}

.navlinks-header ul.headlinks li a.dropdown-toggle.show::after {
    content: "\f106";
}

.navlinks-header ul.headlinks li .dropdown-menu {
    border-radius: 0;
    border: none;
    width: 100px;
    min-width: 100%;
    background: rgba(33, 18, 20, 0.9);
    backdrop-filter: blur(10px);
    z-index: 1;
    padding: 0;
}

.navlinks-header ul.headlinks li .dropdown-menu {
    left: 0 !important;
    right: 0 !important;
}

.navlinks-header ul.headlinks li .dropdown-menu li {
    margin: 0;
}

.navlinks-header ul.headlinks li .dropdown-menu li a {
    padding: 8px 15px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    display: flex;
    align-items: center;
}

.navlinks-header ul.headlinks li .dropdown-menu li a:after {
    display: none;
}

.navlinks-header ul.headlinks li .dropdown-menu li a:hover,
.navlinks-header ul.headlinks li .dropdown-menu li a:focus {
    background: transparent;
    color: #E4E4E4;
}

/* .navlinks-header ul.headlinks li a.btn-enter{
    width: 110px;
    padding: 15px 15px 18px;
    border: 2px solid #27282F;
    border-radius: 20px;
    justify-content: center;
}
.navlinks-header ul.headlinks li a.btn-enter.btn-in{
    border:transparent;
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #A34312 100.23%);
}
.navlinks-header ul.headlinks li a.btn-enter:hover{
    background: var(--brand-orange);
    border-color: var(--brand-orange);
    color: #fff;
} */


.navlinks-header ul.headlinks li button.btn-enter {
    width: 115px;
    padding: 15px 15px 18px;
    border: 2px solid #27282F;
    border-radius: 20px;
    justify-content: center;
    background: none;
}

.navlinks-header ul.headlinks li button.btn-enter.btn-in {
    /* border: transparent; */
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
}

.navlinks-header ul.headlinks li button.btn-enter:hover {
    background: var(--brand-orange);
    border-color: var(--brand-orange);
    color: #fbf7ef;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}

#logInOutBtn {
  padding: 0 16px;
  border: 2px solid #27282F;
  border-radius: 20px;
  justify-content: center;
  background: none;
  height: 44px;
}

#signUpBtn {
  padding: 0 16px;
  border: 2px solid #27282F;
  border-radius: 20px;
  justify-content: center;
  height: 44px;
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
}

#logInOutBtn:hover, #signUpBtn:hover {
    background: var(--brand-orange);
    border-color: var(--brand-orange);
    color: #fbf7ef;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}

.mobile-header .header-block ul.mobile-account-actions li button.btn-enter {
  padding: 0 24px;
  border: 2px solid #27282F;
  border-radius: 20px;
  justify-content: center;
  line-height: 16px;
  background: none;
  height: 44px;
}

.mobile-header .header-block ul.mobile-account-actions li button.btn-enter.btn-in {
    border: transparent;
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
}

.mobile-header .header-block ul.mobile-account-actions li button.btn-enter:hover {
    background: var(--brand-orange);
    border-color: var(--brand-orange);
    color: #fbf7ef;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}

.navlinks-header ul.headlinks li#cart a {
    position: relative;
    display: table;
    padding: 15px;
    font-weight: 500;
    color: #fff;
    font-size: 14px;
}

.navlinks-header ul.headlinks li#cart a i {
    font-size: 20px;
}

.navlinks-header ul.headlinks li#profileicon a {
    color: #fff;
}

.navlinks-header ul.headlinks li#profileicon a i {
    font-size: 20px;
}

.navlinks-header ul.headlinks li#cart a span {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #fbf7ef;
    text-align: center;
    display: block;
    border-radius: 30px;
    background: #d22f40;
    box-shadow: 0px 0px 19px 0px rgba(210, 47, 64, 0.44);
    position: absolute;
    top: 3px;
    right: 3px;
}

.navlinks-header ul.mobile-nav {
    display: none;
    align-items: center;
}

.navlinks-header ul.mobile-nav li {
    margin-right: 10px;
}

.navlinks-header ul.mobile-nav li:last-child {
    margin: 0;
}

.navlinks-header ul.mobile-nav li a {
    font-size: 14px;
    color: #fff;
}

.navlinks-header ul.mobile-nav li a:hover {
    color: var(--brand-orange);
}

.mobile-nav {
  display: none;
}

.mobile-logo {
    display: none;
}

.mobile-logo img {
    width: 35px;
}

.dropdown-language ul { display: none; position: absolute; margin-top: -40px; padding: 40px 0 0; }
.dropdown-language ul li { padding: 2px 10px;
    margin-bottom: 0 !important;
    margin-right: 15px !important; }
.dropdown-language ul li:hover { }

.selected-language { position: relative; z-index: 200; padding: 5px 10px; }

#accountActionsModal .modal-dialog {
    /*margin-top: 100px;*/
    max-width: 566px;
    height: auto;
}

#accountActionsModal .modal-content {
  background-image: url(/images/betarama.io/Btr_logo_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 115px 290px;
    padding: 20px 50px;
    border-radius: 0;
    height: 650px;
    background-color: var(--dark-bg-main);
    width: 600px;
    border: 2px solid #211214;
}

.modal_content_heading {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 52px;
    margin: 0 0 15px;
    line-height: 75px;
    text-align: center;
}

#signInTabContent h2,
#signUpTabContent h2 {
    font-size: 16px;
}

.please_sign_in,
.please_sign_up,
.pass_recov {
    display: none;
}

.user_sign {}

#signInUsername,
#signInPass,
#user_user_name,
#user_email,
#referral_code,
#passwordRecoveryUsername {
    display: flex;
    height: 52px;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 16px;
    border: 2px solid var(--brand-orange);
    background: var(--dark-bg-main);
    font-weight: 500;
    font-size: 14px;
    line-height: normal;
    font-family: 'Inter';
    color: #fff !important;
}

.sign_in_username label,
.sign_in_pass label,
.sign_up_username label,
.sign_up_email label,
.pass_recov_username label,
.sign_up_ref_code label {
    margin-bottom: 8px;
    color: #fff;
}

.passwordRecoveryBanner {
    margin-top: 20px;
    color: #fff;
}

button#signinModalBtn,
button#signupModalBtn,
button#passwordRecoveryModalBtn {
    display: flex;
    height: 48px;
    margin: auto;
    width: 213px !important;
    padding: 12px 24px 12px 22px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 20px;
    border: 2px solid rgba(210, 47, 64, 0.15);
    background: linear-gradient(111deg, rgba(210, 47, 64, 0.15) 10.81%, rgba(163, 18, 31, 0.15) 100.23%);
    font-family: 'Inter';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #838286;
    margin-top: 30px;
}

button#signinModalBtn:hover,
button#signupModalBtn:hover,
button#passwordRecoveryModalBtn:hover {
    background: linear-gradient(111deg, rgba(210, 47, 64, 0.35) 10.81%, rgba(163, 18, 31, 0.35) 100.23%);
    color: #fff;
}

.signInBanner button,
.signUpBanner .btn-metmask-sign-up {
    padding: 13px 24px;
    gap: 8px;
    background: rgba(33, 18, 20, 0.7);
    align-self: stretch;
    border-radius: 20px;
    width: 100%;
    border: 2px solid var(--brand-orange);
    color: var(--brand-orange);
    font-family: 'Inter';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.signInBanner button.btn:hover,
.signInBanner button.btn:active,
.signUpBanner .btn-metmask-sign-up:hover,
.signUpBanner .btn-metmask-sign-up:active {
    border: 2px solid var(--brand-orange);
    color: #fbf7ef;
    background: var(--brand-orange);
    box-shadow: none;
}

.signInBanner h2,
.signUpBanner h2 {
    padding: 20px 0 0;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
}

button#signIn-tab.nav-link.btn-enter,
button#signUp-tab.nav-link.btn-enter,
button#passwordRecovery-tab.nav-link.btn-enter {
  border-radius: 20px;
  height: 44px;
    color: rgb(255, 255, 255) !important;
}

button#signIn-tab.nav-link.btn-enter.active,
button#signUp-tab.nav-link.btn-enter.active,
button#passwordRecovery-tab.nav-link.btn-enter.active {
    color: #fbf7ef !important;
    background: linear-gradient(111deg, #d22f40 10.81%, #a3121f 100.23%);
    border-radius: 20px;
}

#signup_result {
    margin-top: 15px;
}

#signup_result h4 {
    font-size: 1.3rem;
}

#signup_error_msg h4 {
    font-size: 1.3rem;
}

a.btn-search-sports {
    color: #fff;
}

.search_dialog {
    margin-top: 60px;
}

/* The casino search pop-up uses the page's width, up to 1100px, so more games show at once (owner, 4 Nov 2026: "The
   actual width of the modal that comes up though, that can't be increased?"). */
@media (min-width: 768px) {
    .modal-dialog.search_dialog {
        max-width: min(1100px, calc(100vw - 48px));
    }
}

/* ***** End Header **** */

/* ***** Home Page **** */
.main-content-wrp {
    padding: 64px 10px 0px 250px;
    min-height: calc(100vh - 100px)
        /* you have to minus header and footer width together*/
    ;
    background-color: var(--dark-bg-alt);
}
.main-content-wrp-sports {
    padding: 64px 10px 0px 250px;
    min-height: calc(100vh - 100px)
        /* you have to minus header and footer width together*/
    ;
    background-color: var(--dark-bg-alt);
}

.home-wrapper {
    padding: 20px 0;
}

img.mobile_banners {
    display: none;
}

.main-slider {
    position: relative;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}


.slider_block_2 {
    background-image: url('/images/betarama.io/slider-back2.jpg');
}

.slider_block_0 {
    padding: 40px 30px 40px 60px;
    background-image: url('/images/betarama.io/slider-back_superbowl2024.png');
    height: 362.55px;
}

.slider_block_3 {
    padding: 40px 30px 40px 60px;
    background-image: url('/images/betarama.io/slider-back_nbaallstar.png');
    height: 362.55px;
    background-position: right;
}


.slider_block_5 {
    background-image: url('/images/betarama.io/50_profit_banner.png');
    height: 362.55px;
}


.slider-img img {
    width: 100%;
}

.slider-block .row {
    align-items: center;
}

.slider-data img {
    width: 100%;
    height: auto;
}

.slider-data h1,
.slider-data h2 {
    font-size: 72px;
    margin: 0 0 15px;
    line-height: 75px;
}

.slider-data p {
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    opacity: 0.50;
    margin: 0 0 35px;
}

.slider-data p.land_sb_banner_p {
    opacity: 1;
}

.slider-data .btn-group {
    display: flex;
    align-items: center;
}

.slider-data .btn-group .btn-main {
    padding: 15px 30px;
    border-radius: 20px;
    background: linear-gradient(109deg, #FFF 20.42%, rgba(255, 255, 255, 0.35) 126.31%);
    box-shadow: 5px 0px 16px 0px rgba(0, 0, 0, 0.30);
    font-size: 15px;
    font-weight: 600;
    color: #a3121f;
    border: none;
    display: block;
}

.slider-data .btn-group .btn-main:hover {
    opacity: 0.70;
    color: #111;
}

.slider-data .land_sb_button {
    padding: 3px 10px;
    border-radius: 24px;
    background: #d22f40;
    box-shadow: 5px 0px 16px 0px rgba(0, 0, 0, 0.30);
    font-size: 13px;
    font-weight: 600;
    color: #fbf7ef;
    display: inline;
}

.slider-data .land_sb_button:hover {
    opacity: 0.70;
    color: #111;
}

.slider-data .btn-group .btn-syn {
    padding: 15px 30px;
    font-size: 14px;
    font-weight: 500;
    color: #f4eadc;
}

.slider-data .btn-group .btn-syn:hover {
    color: #fff;
}

.slider_block_4 .slider-data .btn-group {
    position: absolute;
    bottom: 10%;
    left: 6%;
}

.slider_block_5 .slider-data .btn-group {
    position: absolute;
    bottom: 10%;
    left: 6%;
}

.slider_block_5_new .slider-data .btn-group {
    position: absolute;
    bottom: 10%;
    left: 6%;
}

.slider_block_1_new .slider-data .btn-group.sports-padding {
    position: absolute;
    bottom: 6%;
    left: 3%;
}
.slider_block_1_new .slider-data .btn-group {
    position: absolute;
    bottom: 10%;
    left: 3%;
}



.slider_block_2_new .slider-data .btn-group {
    position: absolute;
    bottom: 10%;
    left: 6%;
}

.slider_block_leaderboard_new .slider-data .btn-group {
    position: absolute;
    bottom: 10%;
    left: 6%;
}

.main-slider .slick-prev,
.main-slider .slick-next {
    position: absolute;
    right: 10px;
    left: auto;
    border: none;
    color: transparent;
    background-color: transparent;
    width: auto;
    height: auto;
    font-size: 0;
    color: transparent;
    z-index: 5;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -webkit-transition: .4s linear;
    -moz-transition: .4s linear;
    -ms-transition: .4s linear;
    transition: .4s linear;
}

.main-slider .slick-prev:before,
.main-slider .slick-next:before {
    width: 50px;
    height: 50px;
    content: "\f054";
    font-family: 'Font Awesome 5 Pro';
    color: #fff;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 2px solid rgba(255, 255, 255, 0.09);
    font-weight: 600;
    line-height: 47px;
    display: block;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.main-slider .slick-prev {
    left: 10px;
    right: auto;
}

.main-slider .slick-prev:before {
    content: "\f053";
}

.main-slider .slick-prev:hover:before,
.main-slider .slick-next:hover:before {
    color: #a3121f !important;
    background: #fff;
}

.main-slider .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    display: none !important;
}

.main-slider .slick-dots li {
    line-height: 0;
    margin-right: 5px;
}

.main-slider .slick-dots li:last-child {
    margin: 0;
}

.main-slider .slick-dots li button {
    width: 9px;
    height: 9px;
    border: none;
    font-size: 0;
    background: #664f53;
    border-radius: 30px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.main-slider .slick-dots li.slick-active button {
    background: #D9D9D9;
    width: 20px;
}







.category-list-wrp ul li.active a {
    /*border: 2px solid rgba(43, 85, 255, 0.30);*/
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    color: #fbf7ef;
}

.category-list-wrp ul li a:hover img,
.category-list-wrp ul li.active a img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    opacity: 1;
}


.category-row {
    margin: 0;
}

.category-row:last-child {
    margin: 30px 0px;
}

.category-row h2 {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #fff;
    margin: 0 0 30px;
}

.category-row h2 img {
    margin-right: 10px;
}

.category-row .slick-slide {
    margin: 0 6px;
}

.category-row .slick-list {
    margin: 0 -6px;
}

.slot-imgbx {
    position: relative;
}

.slot-imgbx img {
    width: 100%;
    height: 125px;
    object-fit: cover;
    border-radius: 15px;
    -webkit-transition: .4s linear;
    -moz-transition: .4s linear;
    -ms-transition: .4s linear;
    transition: .4s linear;
}

.slot-imgbx:hover img {
    opacity: 0.50;
}

.category-row .slick-prev,
.category-row .slick-next {
    position: absolute;
    right: 20px;
    left: auto;
    border: none;
    color: transparent;
    background-color: transparent;
    width: auto;
    height: auto;
    font-size: 0;
    color: transparent;
    z-index: 5;
    top: 38%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -webkit-transition: .4s linear;
    -moz-transition: .4s linear;
    -ms-transition: .4s linear;
    transition: .4s linear;
}

.category-row .slick-prev:before,
.category-row .slick-next:before {
    width: 45px;
    height: 45px;
    content: "\f054";
    font-family: 'Font Awesome 5 Pro';
    color: #fff;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 2px solid rgba(255, 255, 255, 0.09);
    font-weight: 600;
    line-height: 43px;
    display: block;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.category-row .slick-prev {
    left: 10px;
    right: auto;
}

.category-row .slick-prev:before {
    content: "\f053";
}

.category-row .slick-prev:hover:before,
.category-row .slick-next:hover:before {
    color: #a3121f !important;
    background: #fff;
}

.slick-hot-row .slick-track, .slick-featured-row .slick-track, .slick-last-played-row .slick-track, .originals-games-row .slick-track, .slick-originals-row .slick-track {
    height: 180px;
}

/* Originals Games Grid - Homepage */
/* Originals Games Slider */

.originals-games-row .slick-slide {
    margin: 0 6px;
}

.originals-games-row .slick-list {
    margin: 0 -6px;
}

.originals-game-card {
    display: block !important;
    padding: 0;
    background: none;
    border: none;
    text-decoration: none;
    position: relative;
    margin: 0 auto 0;
}

.originals-game-card:hover {
    text-decoration: none;
}

.originals-game-icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #d22f40 0%, #a3121f 100%);
    border-radius: 50%;
    margin: 30px auto 10px;
}

.originals-game-icon i {
    font-size: 22px;
    color: #fff;
}

.letto-slider .slick-prev,
.letto-slider .slick-next {
    top: 50%;
}


#recent_winners:not(.initialized) {
    opacity: 0;
}

#recent_winners.initialized {
    opacity: 1;
    transition: opacity 0.1s ease-in;
}


.provide-slider:not(.slick-initialized) {
    /*display:none;*/
    opacity: 0;
}

.main-slider:not(.slick-initialized) {
    opacity: 0;
}

.category-slider:not(.slick-initialized) {
    opacity: 0;
}

.casino-games-slider:not(.slick-initialized) {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
}

.casino-games-slider:not(.slick-initialized) > .casino-game-block {
    flex: 0 0 16.66%;
}

.letto-slider:not(.slick-initialized) {
    opacity: 0;
}


.slick-slider:not(.slick-initialized) {
    /*display:none;*/
    opacity: 0;
}

.slick-slider{
  position: relative;
}

#hot-games-slider, #featured-games-slider, #last-played-slider {

}

#category_index:not(.games-content-loaded) {

    opacity: 0;
}

#category_index.games-content-loaded {
    opacity: 1;
    transition: opacity 0.1s ease-in;
    margin: 0;
}

.provider-slider .slot-imgbx img,
.slick-providers-row .slot-imgbx img {
    height: auto;
    object-fit: contain;
}

.slick-providers-row .slot-imgbx {
    border: none;
    border-radius: 0;
}

.slick-providers-row .slot-imgbx:hover {
    border-color: transparent;
    box-shadow: none;
    transform: none;
}

.slick-providers-row .slot-imgbx:hover img {
    opacity: 0.7;
}

.letto-img {
    position: relative;
    border-radius: 20px 20px 0 0;
}

.letto-img img.lettoback {
    width: 100%;
    height: 100px;
    border-radius: 20px 20px 0 0;
    object-fit: cover;
}

.letto-img:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 20px 20px 0 0;
    /* background: linear-gradient(90deg, #00ABE7 1.55%, rgba(255, 255, 255, 0.00) 98.77%); */
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.letto-ownbox {
    padding: 15px !important;
    top: 50%;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 5;
    display: flex;
    align-items: center;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

.letto-lg-img {
    min-width: 50px;
    margin-right: 15px;
}

.letto-lg-img img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    object-fit: cover;
}

.letto-dt h3 {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin: 0 0 5px;
    text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
}

.letto-dt p {
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
}

.letto-dt-box {
    padding: 20px 15px;
    background: var(--dark-bg-header) !important;
    border-radius: 0 0 20px 20px !important;
    display: flex;
    align-items: center;
}

.jackbox h6 {
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    color: #E4E4E4;
}

.jackbox h4 {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    display: flex;
    align-items: center;
}

.jackbox h4 img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
    margin-left: 5px;
}

.jackbox h4 .crypto-currency-icon,
.land-ticket-price .crypto-currency-icon,
.plbtn .crypto-currency-icon,
.synd-total .crypto-currency-icon,
.product-list .crypto-currency-icon,
.deposit-data .crypto-currency-icon,
.balance-block .crypto-currency-icon,
.checkout-block .crypto-currency-icon,
.summary-total .crypto-currency-icon {
    display: none !important;
}

.plbtn {
    margin-left: auto;
    padding: 6px 10px 6px 15px;
    border-radius: 50px;
    height: 46px;
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
}

.plbtn a {
    font-size: 12px;
    font-weight: 600;
    color: #f4eadc;
}

.plbtn .land-ticket-price {
    font-size: 12px;
    font-weight: normal;
    color: #f4eadc;
    padding: 9px 12px;
    border-radius: 30px;
    background: #1B1410;
    margin-left: 15px;
}

.plbtn .inner-ticket-price {
    font-size: 12px;
    font-weight: normal;
    color: #f4eadc;
    padding: 9px 12px;
    border-radius: 30px;
    background: #1B1410;
    margin-left: 15px;
}

.germanbox .letto-img:before {
    background: linear-gradient(90deg, #F6AD3B 1.55%, rgba(128, 128, 128, 0.00) 98.77%);
}

.spanishbox .letto-img:before {
    background: linear-gradient(90deg, #d22f40 1.55%, rgba(255, 255, 255, 0.00) 98.77%);
}

.floridabox .letto-img:before {
    background: linear-gradient(90deg, #F60258 1.55%, rgba(128, 128, 128, 0.00) 98.77%);
}

.live-updatebox {
    padding: 15px 0;
    border-radius: 20px;
    background: var(--dark-bg-header);
    margin: 0 0 50px;
}

.live-updatebox .nav-tabs {
    border: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px;
    background: #1B1410;
    border-radius: 20px;
    margin: 0px 15px 25px;
    justify-content: space-between !important;
}

.live-updatebox .nav-tabs li {
    width: 33.33%;
    margin: 0;
}

.live-updatebox .nav-tabs li a {
    border: none;
}

.live-updatebox .nav-tabs .nav-item.show .nav-link,
.live-updatebox .nav-tabs .nav-link.active {
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    color: #fbf7ef;
}
.game_name_list {
  width: 48%;
}
.game_name_amount {
  width: 22%;
}

.livelist {
    position: relative;
}

.livelist ul {
    max-height: 490px;
    overflow: auto;
    position: relative;
}

.livelist:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100px;
    background: linear-gradient(180deg, rgba(33, 18, 20, 0.0) 0%, #211214 100%);
    bottom: 0;
    left: 0;
    right: 0;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.livelist ul::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.livelist ul {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.livelist ul li {
    padding: 12px 10px;
}

.livelist ul li a {
    display: flex;
    align-items: center;
}

.livelist ul li:nth-child(odd) {
    background: rgba(210, 47, 64, 0.05);
    ;
}

.live-img {
    width: 35%;

}

.live-img img {
    width: 100%;
    height: auto;
    border-radius: 4px;
    object-fit: cover;
    margin-bottom: 10px;
}
.game_name_provider {
  display: none;
}

.live-dt {
    width: 100%;
}

.live-dt h3 {
    font-size: 10px;
    font-weight: 500;
    color: #f4eadc;
}
.provider_title{
  font-size: 12px;
  font-weight: 500;
  color: #f4eadc;
  margin: 0 0 10px;
}
.table_amount {
  font-size: 10px;
  font-weight: 500;
  color: #34C759;
  margin: 0 0 10px;
}
.table_amount .crypto-currency-icon {
  height: 10px;
    width: auto;
}
.table_amount .crypto-currency-icon img {
    height: 12px;
}

.game_name_user .live-dt .live-rep h4 {
  padding: 0 2px;
}

.live-rep {
    display: flex;
    align-items: center;
}

.live-rep h5 {
    font-size: 12px;
    font-weight: normal;
    color: #f4eadc;
    margin: 0;
}

.live-rep h6 {
    margin: 0 0 0 auto;
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 12px;
    font-weight: normal;
    color: #34C759;
}

.live-rep h6 img {
    width: auto;
    height: 16px;
    object-fit: cover;
    margin-left: 5px;
}

.live-rep h4 {
    display: flex;
    align-items: center;
    font-size: 10px;
    font-weight: normal;
    color: #f4eadc !important;
}

.live-rep h4 img {
    margin-right: 5px;
}

.live-rep .crypto-currency-code {
    display: none;
}

.live-rep .crypto-currency-icon {
    margin-left: 2px;
}

.winners_table_game, .winners_table_player, .winners_table_win, .winners_table_bet {
  padding-bottom: 10px;
  font-size: 14px;
}

.winners_table table thead tr th,
.winners_table table tbody tr td {
  text-align: left;
}

/* Launcher page recent winners table */
.info-row .winners_table .live-img,
#recentWinnersContent .winners_table .live-img {
    width: auto;
}

.info-row .winners_table .live-img img,
#recentWinnersContent .winners_table .live-img img {
    width: 53px;
    height: 30px;
    border-radius: 4px;
    object-fit: cover;
}

.info-row .winners_table table tr,
#recentWinnersContent .winners_table table tr {
    height: 60px;
}

.info-row .winners_table table thead tr th,
#recentWinnersContent .winners_table table thead tr th {
    font-weight: 700;
    font-size: 18px;
    padding: 0 20px;
}

.info-row .winners_table table tbody tr td,
#recentWinnersContent .winners_table table tbody tr td {
    font-weight: 600;
    font-size: 16px;
    padding: 0 20px;
}

.info-row .winners_table table tbody tr:nth-child(odd),
#recentWinnersContent .winners_table table tbody tr:nth-child(odd) {
    background-color: #2f1a1c;
}

.info-row .winners_table table tbody tr:nth-child(even),
#recentWinnersContent .winners_table table tbody tr:nth-child(even) {
    background-color: #211214;
}

.info-row .winners_table .tier-badge,
#recentWinnersContent .winners_table .tier-badge {
    height: 30px;
}

.info-row .winners_table .live-rep,
#recentWinnersContent .winners_table .live-rep {
    gap: 5px;
}

.info-row .winners_table .game_name_provider,
#recentWinnersContent .winners_table .game_name_provider {
    display: table-cell;
    text-align: center;
}

.restricted-jurisdiction .casino_game_preview_thumb {
    filter: blur(2px);
}

.restricted-jurisdiction .hover-game {
    z-index: 1;
}

.restricted-jurisdiction h5 {
    text-decoration: line-through;
}


.user-banned-provider .casino_game_preview_thumb {
    filter: blur(2px);
}

.user-banned-provider .hover-game {
    z-index: 1;
}

.user-banned-provider h5 {
    text-decoration: line-through;
}

a.casino-game-providers-selector.active.disabled img {
  border: none;
}

/*a.casino-game-providers-selector.disabled.active img {*/
/*  border: 2px solid white;*/
/*}*/

a.casino-game-providers-selector.active img {
    border: 2px solid white;
}
a.casino-game-providers-selector.disabled.active img {
    border: 2px solid white;
}

.provide-casino .slot-imgbx .disabled img {
    filter: blur(2px);
    border: none;
}

.load-more-row { text-align: center; padding: 10px 0; }
#loadMoreGamesBtn { font-size: 0; padding: 10px 20px; border: none; background: transparent; }
#loadMoreGamesBtn .fa-spinner { font-size: 24px; color: rgba(255,255,255,0.6); }
#loadMoreGamesBtn.disabled { pointer-events: none; }




.latest-resulbox h2 {
    margin: 0 0 25px;
    font-size: 18px;
    color: #fff;
    display: flex;
    align-items: center;
}

.latest-resulbox h2 img {
    margin-right: 10px;
}

.latest-resulbox .letto-box {
    margin: 0 0 15px;
}

a.btn-view {
    margin-left: auto;
    font-size: 12px;
    font-weight: 600;
    color: #E4E4E4;
    padding: 10px 15px;
    border: 2px solid rgba(255, 255, 255, 0.05);
    background: #27282F;
    border-radius: 30px;
}

a.btn-view:hover {
    color: #a3121f;
    background: #fff;
    border-color: #fff;
}

.inner-selbx {
    padding: 20px 15px 0;
    background: var(--dark-bg-header);
}

.lottery-results-wrp .inner-selbx,
.latest-resulbox .inner-selbx {
    padding: 20px 15px 0;
    background: var(--dark-bg-header);
}

.inner-selbx ul {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 0;
}

.inner-selbx ul li {
    padding: 0;
}

.inner-selbx ul li span {
    width: 28px;
    height: 28px;
    border-radius: 50px;
    border: 2px solid rgba(69, 69, 69, 0.15);
    background: #27282F;
    display: block;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    font-family: 'Inter';
}

.inner-selbx ul li span.sec-num {
    background: linear-gradient(1deg, #a3121f -35.87%, #d22f40 106.8%);
    box-shadow: 0px 0px 19px 0px rgba(210, 47, 64, 0.44);
    border-color: #d22f40;
    color: #fbf7ef;
}

.inner-selbx ul li span.additional-num {
    background: linear-gradient(179deg, var(--brand-orange) -27.92%, #a3121f 186.35%);
    box-shadow: 0px 0px 19px 0px rgba(210, 47, 64, 0.46);
    border-color: var(--brand-orange);
    color: #fbf7ef;
}

.inner-selbx ul li a {
    width: 28px;
    height: 28px;
    border-radius: 50px;
    border: 2px solid rgba(69, 69, 69, 0.15);
    background: #27282F;
    display: block;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    font-family: 'Inter';
}

.inner-selbx ul li.sec-num a {
    background: linear-gradient(1deg, #a3121f -35.87%, #d22f40 106.8%);
    box-shadow: 0px 0px 19px 0px rgba(210, 47, 64, 0.44);
    border-color: #d22f40;
    color: #fbf7ef;
}

.inner-selbx ul li.additional-num a {
    background: linear-gradient(179deg, var(--brand-orange) -27.92%, #a3121f 186.35%);
    box-shadow: 0px 0px 19px 0px rgba(210, 47, 64, 0.46);
    border-color: var(--brand-orange);
    color: #fbf7ef;
}

.inner-selbx-index {
    display: none;
}

.inner-selbx ul li span.bonus-num {
    background: linear-gradient(1deg, #a3121f -35.87%, #d22f40 106.8%);
    box-shadow: 0px 0px 19px 0px rgba(210, 47, 64, 0.44);
    border-color: #d22f40;
    color: #fbf7ef;
}

.results_back {
    font-size: 14px;
    font-weight: 500;
    color: #838286;
}

.results_back:hover {
    color: #fff;
}


/* .inner-selbx ul li.active a{
    background: linear-gradient(1deg, #D11900 -35.87%, #FF8A00 106.8%);
    box-shadow: 0px 0px 19px 0px rgba(255, 76, 0, 0.44);
    border-color: #FF4C00;
    color: #fff;
} */

.loadmore-in {
    position: relative;
}

.loadmore-in .letto-dt-box,
.loadmore-in .inner-selbx,
.loadmore-in .letto-img {
    opacity: 0.20;
}

.loadmore-box a {
    padding: 12px 30px;
    border-radius: 20px;
    border: 2px solid rgba(255, 255, 255, 0.09);
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(7.5px);
    -webkit-backdrop-filter: blur(7.5px);
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.loadmore-box a:hover {
    background: #fff;
    color: #000;
}

img.mainsp {
    position: absolute;
    top: 0;
    right: 10%;
    z-index: -1;
    height: 100vh;
}

footer {
    background: var(--dark-bg-header);
    margin-left: 240px;
}

footer .container {
    position: relative;
    z-index: 1;
}

.footer-top {
    padding: 50px 0;
    border-bottom: 1px solid #381d20;
}

/* col-lg-2 uses Bootstrap's native 16.66% — no override needed */

.quicklinks h3 {
    font-size: 18px;
    font-weight: bold;
    color: #f4eadc;
    margin: 0 0 10px;
}

.quicklinks li a {
    display: flex;
    font-size: 14px;
    font-weight: 500;
    color: #E4E4E4;
    padding: 3px 0;
}

.quicklinks li a:hover {
    color: #fff;
}

.quicklinks li a span {
    color: #f4eadc;
    display: flex;
    margin-left: 5px;
    align-items: center;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.quicklinks li a span:hover {
    opacity: 0.75;
}

.foot-bottom {
    padding: 50px 0;
}

.foot-bottom h1,
.foot-bottom .foot-seo-line {
  font-size: 14px;
    color: #9CA3AF;
    line-height: 18px;
}

/* the demoted seo line keeps the old h1 default margin, not the p default */
.foot-bottom .foot-seo-line {
    margin: 9px 0;
}

.foot-logo img {
    height: 45px;
    margin: 0 0 10px;
}

.foot-logo {
    background: var(--dark-bg-header);
}

.foot-logo p {
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    color: #9CA3AF;
}

.notebox {
    display: flex;
    align-items: center;
}

.notebox img {
    min-width: 45px;
    margin-right: 30px;
}

.notebox p {
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    color: #9CA3AF;
    line-height: 18px;
}

.assure_defi {
    height: auto;
    width: 50%;
}

.land_right_section {
    padding: 0;
}

/* ***** End Home Page **** */

/* ***** Casino Page ***** */

.slots-wrapper {
    padding: 20px 0;
}

.inner-banner {
    border-radius: 20px;
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    width: 100%;
    padding: 25px 40px !important;
    height: auto;
    position: relative;
    overflow: hidden;
    min-height: 80px;
}

.inner-banner .row {
    align-items: center;
}

.inner-banner h1 {
    font-size: clamp(24px, 5vw, 81px) !important;
    color: #fff;
    margin: 0;
    position: relative;
    z-index: 1;
}

.inner-bannerimg,
.inner-bannerimg_sports {
    position: absolute;
    bottom: 0;
    right: 30px;
}

.inner-bannerimg img,
.inner-bannerimg_sports img {
    /* height: 220px; */
}

.provide-casino {
    padding: 0 0 30px 0;
}

.provide-casino h2 {
    display: flex;
    align-items: center;
    margin: 0 0 25px;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--brand-beige);
    position: relative;
    padding-left: 18px;
}

.provide-casino h2::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 8px;
    height: 8px;
    background: var(--brand-orange);
}

.provide-casino h2 img {
    margin-right: 10px;
}

.provide-casino .slot-imgbx img {
    height: auto;
}

.provide-casino .slick-slide {
    margin: 0 6px;
}

.provide-casino .slick-list {
    margin: 0 -6px;
}

.provide-slider .slick-prev,
.provide-slider .slick-next {
    position: absolute;
    right: 10px;
    left: auto;
    border: none;
    color: transparent;
    background-color: transparent;
    width: auto;
    height: auto;
    font-size: 0;
    color: transparent;
    z-index: 5;
    top: 38%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -webkit-transition: .4s linear;
    -moz-transition: .4s linear;
    -ms-transition: .4s linear;
    transition: .4s linear;
}

.provide-slider .slick-prev:before,
.provide-slider .slick-next:before {
    width: 45px;
    height: 45px;
    content: "\f054";
    font-family: 'Font Awesome 5 Pro';
    color: #fff;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 2px solid rgba(255, 255, 255, 0.09);
    font-weight: 600;
    line-height: 42px;
    display: block;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.provide-slider .slick-prev {
    left: 10px;
    right: auto;
}

.provide-slider .slick-prev:before {
    content: "\f053";
}

.provide-slider .slick-prev:hover:before,
.provide-slider .slick-next:hover:before {
    color: #a3121f !important;
    background: #fff;
}

.cusino-filter-head {
    margin: 0 0 50px;
}

.cusino-filter-head .row {
    align-items: center;
}

.filter-box {
    display: flex;
    align-items: center;
}

.filter-box h3 {
    display: flex;
    align-items: center;
    margin: 0 15px 0 0;
    font-size: 12px;
    font-weight: normal;
    color: #d6d0c6;
    min-width: 70px;
    white-space: nowrap;
}

.filter-box h3 i {
    margin-right: 5px;
}

.filter-box .form-control {
    padding: 12px 45px 12px 15px;
    background-color: var(--dark-bg-header);
    border-radius: 30px;
    font-size: 12px;
    font-weight: normal;
    color: #E4E4E4;
    border: none;
    box-shadow: none;
    height: auto;
    min-width: 130px;
    display: inline-block;
    -webkit-appearance: none;
    background-image: url('/images/betarama.io/downic.svg');
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center right 15px;
    width: fit-content;
}

.sortingbx {
    justify-content: flex-end;
}

.casino-all-row ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.casino-all-row ul li {
    padding: 5px;
    width: 14.28%;
}

.casino-all-row ul li a img {
    width: 100%;
    height: 130px;
    object-fit: cover;
    border-radius: 12px;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.casino-all-row ul li a:hover img {
    opacity: 0.70;
}

.casino-game h5 {
    font-size: 13px;
    font-weight: normal;
    color: #E4E4E4;
    padding-top: 10px;
    width: 85%;
    float: left;
    display: flex;
    justify-content: space-between;
}

.casino-game {
    position: relative;
    margin: 0 auto 0;
}

.casino-game-block.stand-alone {
    margin-bottom: 20px;
    width: 50%;
}

.casino-game-block {
    margin-bottom: 20px;
    width: 16.66%;
}
.hover-game {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto !important;
    width: 100% !important;
    aspect-ratio: 202 / 135;
    background: #333333ee;
    text-align: center;
    cursor: pointer;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.hover-game img {
    position: relative;
    top: 25%;
    margin: auto;
    width: 30%;
    height: auto;
}

.casino-game:hover .hover-game {
    display: block;
}

.hover-game span {
    display: block;
    font-size: 15px;
    color: #fff;
    position: relative;
    top: 30%;
    line-height: 15px;
}

button.play_now {
    background: none;
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 700;
}

.casino_game_preview_thumb {
    height: auto !important;
    width: 100%;
    border-radius: 20px;
    aspect-ratio: 202 / 135;
}

.land_middle_section .category-row {
  margin-bottom: 20px;
}

.favorites_class {
    float: right;
    padding-top: 10px;
}

.favorites_class a img {
    width: 12px;
    height: 12px;
}




.restricted-jurisdiction .hover-game span {
  font-size: 16px;
  color: #fff;
  top: 30%;
  width: 80%;
  line-height: 25px;
  margin: auto;
}


.extrabox {
    margin: 45px auto 0px;
    max-width: 200px;
    width: 100%;
}



.extrabox .btn-themes {
  display: flex;
  align-items: center;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #fbf7ef;
  padding: 0 15px;
  border-radius: 20px;
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
}

.extrabox .btn-themes:hover {
    background: #fff;
    color: var(--brand-orange);
}

.extrabox .progress-load .progress {
    background-color: #27282F;
    border-radius: 50px;
    position: relative;
    margin: 15px 0;
    height: 2px;
    width: 100%;
}

.extrabox .progress-done {
    background: linear-gradient(1deg, #a3121f -35.87%, #d22f40 106.8%);
    color: #fbf7ef;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 0;
    opacity: 0;
    transition: 1s ease 0.3s;
}

.casino-banner- {
    background: url('/images/betarama.io/all_casino_bg1.png') 0 0 no-repeat;
    background-size: cover;
    margin: 0 0 50px;
}

.casino-banner-1 {
    background: url('/images/betarama.io/all_casino_bg1.png') 0 0 no-repeat;
    background-size: cover;
    margin: 0 0 50px;
}

.casino-banner-3 {
    background: url('/images/betarama.io/card_casino_bg1.png') 0 0 no-repeat;
    background-size: cover;
    margin: 0 0 50px;
}

.casino-banner-7 {
    background: url('/images/betarama.io/live_casino_bg1.png') 0 0 no-repeat;
    background-size: cover;
    margin: 0 0 50px;
}

.casino-banner-12 {
    background: url('/images/betarama.io/slot_casino_bg1.png') 0 0 no-repeat;
    background-size: cover;
    margin: 0 0 50px;
}

/* ***** End Casino Page ***** */

/* ***** Lottery Page ***** */
.lotto-logo-spacer {
    display: none;
}

.lottery-banner {
    background: url('/images/betarama.io/lottery-back.png') 0 0 no-repeat;
    background-size: cover;
    margin: 0 0 50px;
}

.lottery-banner .inner-bannerimg img {
    height: 280px;
}

.filter-lottery-row {
    display: flex;
    align-items: center;
}

.filter-lottery-row .filter-box {
    margin-right: 50px;
}

.filter-lottery-row .filter-box:last-child {
    margin: 0;
}

.lottery-lst-wrp .letto-box {
    margin: 0 0 30px;
}

.payslip-box {
    position: sticky;
    top: 100px;
    left: 0;
    right: 0;
    padding: 25px 15px;
    border-radius: 20px;
    background: var(--dark-bg-header);
}

.payslip-box h2 {
    display: flex;
    align-items: center;
    margin: 0 0 25px;
    font-size: 18px;
    color: #fff;
}

.payslip-box h2 img {
    margin-right: 10px;
}


.payslip-box ul li .paylg {
    min-width: 42px;
    margin-right: 15px;
}

.payslip-box ul li .paylg img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
}

.payslip-box h5 {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 24px;
}

.payslip-box .jackbox {
  width: 100%;
}

.jackbox h6 {
  font-size: 14px;
    font-weight: bold;
}

.paysip-dt {
    width: 100%;
}

.paysip-dt h3 {
    font-size: 14px;
    font-weight: 500;
    color: #f4eadc;
    margin: 0 0 8px;
}

.inerpay {
    display: flex;
    align-items: center;
}

.payleft {
    display: flex;
    align-items: center;
}

.openbx {
    margin-right: 5px;
}

.openbx i {
    font-size: 12px;
    font-weight: normal;
    color: #f4eadc;
}

.payleft h6 {
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    color: #f4eadc;
}

.inerpay h5 {
    margin: 0 0 0 auto;
    font-size: 12px;
    font-weight: normal;
    color: #f4eadc;
}

.cart-total {
    padding: 15px 0 0;
    display: flex;
    align-items: center;
}

.cart-pay h6 {
    margin: 0 0 5px;
}

.button_to {
    margin-left: auto;
}

.cart-total .btn-main {
    margin-left: auto;
    padding: 12px 24px;
    border-radius: 30px;
    border: #a3121f;
    font-size: 12px;
    font-weight: 600;
    color: #fbf7ef;
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
}

.cart-total .btn-main:hover {
    background: #fff;
    color: #a3121f;
}


.lottery-result-banner {
    background-image: url('/images/betarama.io/lottery-result-back.png');
    margin: 0 0 50px;
}

.lottery-result-banner .inner-bannerimg img {
    height: 280px;
}

.payslip-btn-holder,
.synd-payslip-button {
    margin-left: auto;
}

#add-to-payslip-btn:hover {
    background: var(--brand-orange);
    border-color: var(--brand-orange);
    color: #fbf7ef;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}

.summary-total form {
    margin-left: auto;
}

#products_index .games_slider h1 img {
    display: inline-block;
    margin-right: 10px;
}

.text-field .btn-del.truncate-payslip-item:hover {
    background-color: #291618;
}

.small_lotto_banners {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-top: 50px;
}

.purchase-message-holder h2 {
    font-size: 16px;
    text-transform: uppercase;
}

a.payslipt-link {
  background-color: var(--brand-orange);
    color: #fbf7ef;
    width: 70%;
    height: 44px;
    border: transparent;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 30px;
    border-radius: 20px;
    margin: 30px 0;
}

a.payslipt-link:hover {
    transition: .4s linear;
    background: #291618;
    color: #f3ede3;
}

/* .added-to-payslip, .added-to-payslip:active, .added-to-payslip:focus, .added-to-payslip:hover {
  background: #fff !important;
  color: #A34312 !important;
}

.failed-to-add-to-payslip, .failed-to-add-to-payslip:active, .failed-to-add-to-payslip:focus, .failed-to-add-to-payslip:hover {
  background: #fff !important;
  color: #A34312 !important;
} */

/* ***** End Lottery Page ***** */

/* ***** Syndicates Page ***** */
.syndicates-box {
    background: var(--dark-bg-header);
    border-radius: 20px !important;
    overflow: hidden;
}

.syndicates-box .letto-ownbox {
    position: relative;
    top: 0;
    transform: translateY(0);
    padding: 25px 15px;
}

.syndicates-box .letto-img:before {
    display: none;
}

.all-detailbx {
    padding: 20px 15px 0;
}

.syndicates-box .all-detailbx {
    padding: 15px 15px 32px;
}

.ur-lotterybx {
    margin: 0 0 20px;
}

.ur-lotterybx h4 {
    font-size: 12px;
    font-weight: normal;
    color: #E4E4E4;
    margin: 0 0 10px;
}

.ur-row {
    display: flex;
    align-items: center;
}

.ur-lot-lst {
    background: #36181b;
    padding: 10px 30px 10px 10px;
    border-radius: 20px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20) inset;
    width: calc(100% - 30px);
    position: relative;
}

.btn-arrow.collapsed,
.btn-arrow {
    min-width: 24px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-left: 6px;
    color: #7E7E7E;
    border-radius: 50%;
    font-weight: bold;
    background: #27282F;
    font-size: 12px;
    text-align: center;
    display: block;
}

.btn-arrow {
    background: var(--brand-orange);
    color: #fbf7ef !important;
}

.btn-arrow.collapsed i {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.btn-arrow i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.ur-lot-lst ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -4px;
}

.ur-lot-lst ul li {
    padding: 4px;
    margin-right: 5px;
    flex: inherit;
    max-width: 40px;
}

.ur-lot-lst ul li img {
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
}

.ur-lot-lst h5 {
    font-size: 12px;
    font-weight: normal;
    color: #f4eadc;
    margin: 0;
    background: #36181b;
    padding: 15px 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 15px;
}

.ur-lot-lst .collapsing,
.ur-lot-lst .collapse {
    height: 40px;
    overflow: hidden;
}

.ur-lot-lst .collapse:not(.show) {
    display: block;
}

.ur-lot-lst .collapse.show {
    height: auto;
}

.ur-lot-lst .collapse.show h5 {
    display: none;
}

.slider-rangebox h3 {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    margin: 0 0 15px;
    display: flex;
    align-items: center;
}

.slider-rangebox h3 span {
    font-size: 12px;
    font-weight: normal;
    color: #E4E4E4;
    margin-left: auto;
}

.slider-rangebox .noUi-target {
    background: rgba(49, 27, 29, 0.08);
    border-radius: 5px;
    border: none;
    box-shadow: none;
}

.slider-rangebox .noUi-horizontal {
    height: 4px;
    border-radius: 30px;
}

.slider-rangebox .noUi-connect {
    background: #d22f40;
    border-radius: 30px;
    height: 4px;
}

.slider-rangebox .noUi-connects {
    border-radius: 30px;
    background: #27282F;
}

.slider-rangebox .noUi-handle {
    border: none;
    border-radius: 100%;
    box-shadow: none;
    outline: none;
    width: 16px;
    height: 16px;
    background: transparent;
    background: linear-gradient(1deg, #a3121f -35.87%, #d22f40 106.8%);
    stroke-width: 2px;
    stroke: #d22f40;
    box-shadow: 0px 0px 19px rgba(210, 47, 64, 0.44);
    cursor: pointer;
}

.slider-rangebox .noUi-handle:after,
.slider-rangebox .noUi-handle:before {
    display: none;
}

.slider-rangebox .noUi-value-horizontal {
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #291517;
}

.slider-rangebox .noUi-marker-large {
    background: rgba(0, 0, 0, 0.4);
    top: 8px;
}

.slider-rangebox .noUi-tooltip {
    display: none;
}

.slider-wrapper {
    position: relative;
}

.syndicate_page_monday-combo-100-lines .letto-img {
    background: linear-gradient(88deg, #F1CA0C 0.23%, #FFD300 72.17%, #DF2926 112.34%);
}

.syndicate_page_tuesday-combo-100-lines .letto-img {
    background: linear-gradient(88deg, #DA3839 0.22%, #EBA106 38.05%, #FFE600 99.71%);
}

.syndicate_page_wednesday-combo-100-lines .letto-img {
    background: linear-gradient(88deg, #36AE18 0.22%, #68EB28 19.13%, #00EDC2 113.21%);
}

.syndicate_page_thursday-combo-100-lines .letto-img {
    background: linear-gradient(88deg, #009E71 -8.87%, #15EABB 13.15%, #1A9084 99.65%);
}

.syndicate_page_friday-combo-100-lines .letto-img {
    background: linear-gradient(88deg, #d22f40 0.22%, #d22f40 16.46%, #d22f40 99.71%);
}

.syndicate_page_saturday-combo-100-lines .letto-img {
    background: linear-gradient(88deg, var(--brand-orange) 0.61%, #C44DD4 65.99%, #E92977 99.25%);
}

.syndicate_page_weekend-combo-100-lines .letto-img {
    background: linear-gradient(88deg, #A61122 0.22%, #F303E7 26.63%, #EC9005 100.38%);
}

.syndicate_page_euro-combo-31-lines .letto-img {
    background: linear-gradient(88deg, #a3121f 0.22%, var(--brand-orange) 100.38%);
}

.syndicate_page_american-combo-100-lines .letto-img {
    background: linear-gradient(88deg, #a3121f 0.22%, #B50F2E 40.63%, #FFF 97.81%);
}

.syndicate_page_best-odds-combo-100-lines .letto-img {
    background: linear-gradient(88deg, #18890D 0.22%, #EBA106 33.2%, #FFE600 99.71%);
}

.syndicate_page_south-africa-combo-100-lines .letto-img {
    background: linear-gradient(88deg, #FAB231 0.22%, #F92829 23.89%, #007C5E 63.05%, #a3121f 100.38%);
}

.syndicate_page_north-south-america-combo-100-lines .letto-img {
    background: linear-gradient(88deg, #411c20 0.15%, #098B97 34.44%, #ED002D 100.38%);
}

.syndicate_page_mega-euro-combo-100-lines .letto-img {
    background: linear-gradient(88deg, #d22f40 0.32%, #d22f40 48.98%, var(--brand-orange) 100.38%);
}

.syndicate_page_popular-in-canada-100-lines .letto-img {
    background: linear-gradient(88deg, #B01439 0.22%, #DF2424 26.9%, #F8F8F8 85.36%);
}

.syndicate_page_popular-in-india-100-lines .letto-img {
    background: linear-gradient(88deg, #F7A312 0.22%, #2DAB66 35.53%, #E69F21 99.71%);
}

.syndicate_page_popular-in-finland-100-lines .letto-img {
    background: linear-gradient(88deg, #a3121f 0.22%, #d22f40 54.45%, #e3ddd3 101.06%);
}

.syndicate_page_world-combo-100-lines .letto-img {
    background: linear-gradient(88deg, #FFC112 0.22%, #EBA106 43.83%, #d22f40 99.71%);
}

.syndicate_page_popular-1-100-lines .letto-img {
    background: linear-gradient(88deg, #8FA000 0.22%, #E3D000 29.86%, #24D273 99.71%);
}

.syndicate_page_popular-2-100-lines .letto-img {
    background: linear-gradient(88deg, #F74842 0.22%, #FFB390 41.78%, #d22f40 99.71%);
}

.syndicate_page_australian-combo-100-lines .letto-img {
    background: linear-gradient(88deg, #d22f40 0.22%, #d22f40 66.01%, #FFC700 100.38%);
}

.syndicate_page_popular-in-australia-100-lines .letto-img {
    background: linear-gradient(88deg, #a3121f 0.22%, #D71F22 67.05%, #FFF 100.38%);
}

.syndicate_page_popular-in-new-zealand-100-lines .letto-img {
    background: linear-gradient(88deg, #801B1B 0.22%, #EE9E9E 46.2%, #C00909 100.38%);
}

.syndicate_page_mega-jackpot-combo-100-lines .letto-img {
    background: linear-gradient(88deg, #a3121f 0.22%, #29AC60 33.88%, #A6D600 100.38%);
}

.syndicate_page_australia-powerball-100-lines .letto-img {
    background: url('/images/betarama.io/new-res-australia-powerball.png') 0 0 no-repeat;
}

.syndicate_page_uk-thunderball-100-lines .letto-img {
    background: url('/images/betarama.io/new-res-uk-thunderball.png') 0 0 no-repeat;
}

.syndicate_page_uk-lotto-80-lines .letto-img {
    background: url('/images/betarama.io/new-res-uk-lotto.png') 0 0 no-repeat;
}

.syndicate_page_california-superlotto-plus-100-lines .letto-img {
    background: url('/images/betarama.io/new-res-california-superlotto-plus.png') 0 0 no-repeat;
}

.syndicate_page_superenalotto-102-lines .letto-img {
    background: url('/images/betarama.io/new-res-superenalotto.png') 0 0 no-repeat;
}

.syndicate_page_spanish-bonoloto-180-lines .letto-img {
    background: url('/images/betarama.io/new-res-spanish-bonoloto.png') 0 0 no-repeat;
}

.syndicate_page_south-africa-powerball-150-lines .letto-img {
    background: url('/images/betarama.io/new-res-south-africa-powerball.png') 0 0 no-repeat;
}

.syndicate_page_south-africa-lotto-180-lines .letto-img {
    background: url('/images/betarama.io/new-res-south-africa-lotto.png') 0 0 no-repeat;
}

.syndicate_page_powerball-100-lines .letto-img {
    background: url('/images/betarama.io/new-res-powerball.png') 0 0 no-repeat;
}

.syndicate_page_florida-lotto-120-lines .letto-img {
    background: url('/images/betarama.io/new-res-florida-lotto.png') 0 0 no-repeat;
}

.syndicate_page_polish-lotto-180-lines .letto-img {
    background: url('/images/betarama.io/new-res-polish-lotto.png') 0 0 no-repeat;
}

.syndicate_page_oz-lotto-100-lines .letto-img {
    background: url('/images/betarama.io/new-res-oz-lotto.png') 0 0 no-repeat;
}

.syndicate_page_new-york-lotto-150-lines .letto-img {
    background: url('/images/betarama.io/new-res-new-york-lotto.png') 0 0 no-repeat;
}

.syndicate_page_mega-sena-150-lines .letto-img {
    background: url('/images/betarama.io/new-res-mega-sena.png') 0 0 no-repeat;
}

.syndicate_page_mega-millions-100-lines .letto-img {
    background: url('/images/betarama.io/new-res-mega-millions.png') 0 0 no-repeat;
}

.syndicate_page_german-lotto-6aus49-180-lines .letto-img {
    background: url('/images/betarama.io/new-res-german-lotto-6aus49.png') 0 0 no-repeat;
}

.syndicate_page_la-primitiva-100-lines .letto-img {
    background: url('/images/betarama.io/new-res-la-primitiva.png') 0 0 no-repeat;
}

.syndicate_page_irish-lotto-100-lines .letto-img {
    background: url('/images/betarama.io/new-res-irish-lotto.png') 0 0 no-repeat;
}

.syndicate_page_france-lotto-75-lines .letto-img {
    background: url('/images/betarama.io/new-res-france-lotto.png') 0 0 no-repeat;
}

.syndicate_page_finnish-lotto-175-lines .letto-img {
    background: url('/images/betarama.io/new-res-finnish-lotto.png') 0 0 no-repeat;
}

.syndicate_page_euromillions-100-lines .letto-img {
    background: url('/images/betarama.io/new-res-euromillions.png') 0 0 no-repeat;
}

.syndicate_page_eurojackpot-100-lines .letto-img {
    background: url('/images/betarama.io/new-res-eurojackpot.png') 0 0 no-repeat;
}

.syndicate_page_el-gordo-50-lines .letto-img {
    background: url('/images/betarama.io/new-res-el-gordo.png') 0 0 no-repeat;
}

.syndicate_page_canadian-lotto-6-49-80-lines .letto-img {
    background: url('/images/betarama.io/new-res-canadian-lotto-6-49.png') 0 0 no-repeat;
}

.syndicate_page_austria-lotto-100-lines .letto-img {
    background: url('/images/betarama.io/new-res-austria-lotto.png') 0 0 no-repeat;
}

.syndicate_page_australia-saturday-lotto-150-lines .letto-img {
    background: url('/images/betarama.io/new-res-australia-saturday-lotto.png') 0 0 no-repeat;
}

.syndicate_page_australia-mon-wed-lotto-150-lines .letto-img {
    background: url('/images/betarama.io/new-res-aus-mon-wed-lotto.png') 0 0 no-repeat;
}

.syndicate_page_australia-powerball-100-lines .letto-img {
    background: url('/images/betarama.io/new-res-australia-powerball.png') 0 0 no-repeat;
}

.synd_background {
  height: 80px !important;
  padding: 10px;
  height: auto;
  background-color: var(--dark-bg-main);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.syndicate_page_monday-combo-100-lines .synd_background,
.syndicate_page_monday-combo-200-lines .synd_background,
.syndicate_page_monday-combo-300-lines .synd_background,
.syndicate_page_monday-combo-400-lines .synd_background,
.syndicate_page_monday-combo-500-lines .synd_background,
.syndicate_page_monday-combo-600-lines .synd_background {
    background: linear-gradient(88deg, #F1CA0C 0.23%, #FFD300 72.17%, #DF2926 112.34%);
}

.syndicate_page_tuesday-combo-100-lines .synd_background,
.syndicate_page_tuesday-combo-200-lines .synd_background,
.syndicate_page_tuesday-combo-300-lines .synd_background,
.syndicate_page_tuesday-combo-400-lines .synd_background,
.syndicate_page_tuesday-combo-500-lines .synd_background,
.syndicate_page_tuesday-combo-600-lines .synd_background {
    background: linear-gradient(88deg, #DA3839 0.22%, #EBA106 38.05%, #FFE600 99.71%);
}

.syndicate_page_wednesday-combo-100-lines .synd_background,
.syndicate_page_wednesday-combo-200-lines .synd_background,
.syndicate_page_wednesday-combo-300-lines .synd_background,
.syndicate_page_wednesday-combo-400-lines .synd_background,
.syndicate_page_wednesday-combo-500-lines .synd_background,
.syndicate_page_wednesday-combo-600-lines .synd_background {
    background: linear-gradient(88deg, #36AE18 0.22%, #68EB28 19.13%, #00EDC2 113.21%);
}

.syndicate_page_thursday-combo-100-lines .synd_background,
.syndicate_page_thursday-combo-200-lines .synd_background,
.syndicate_page_thursday-combo-300-lines .synd_background,
.syndicate_page_thursday-combo-400-lines .synd_background,
.syndicate_page_thursday-combo-500-lines .synd_background,
.syndicate_page_thursday-combo-600-lines .synd_background {
    background: linear-gradient(88deg, #009E71 -8.87%, #15EABB 13.15%, #1A9084 99.65%);
}

.syndicate_page_friday-combo-100-lines .synd_background,
.syndicate_page_friday-combo-200-lines .synd_background,
.syndicate_page_friday-combo-300-lines .synd_background,
.syndicate_page_friday-combo-400-lines .synd_background,
.syndicate_page_friday-combo-500-lines .synd_background,
.syndicate_page_friday-combo-600-lines .synd_background {
    background: linear-gradient(88deg, #d22f40 0.22%, #d22f40 16.46%, #d22f40 99.71%);
}

.syndicate_page_saturday-combo-100-lines .synd_background,
.syndicate_page_saturday-combo-200-lines .synd_background,
.syndicate_page_saturday-combo-300-lines .synd_background,
.syndicate_page_saturday-combo-400-lines .synd_background,
.syndicate_page_saturday-combo-500-lines .synd_background,
.syndicate_page_saturday-combo-600-lines .synd_background {
    background: linear-gradient(88deg, var(--brand-orange) 0.61%, #C44DD4 65.99%, #E92977 99.25%);
}

.syndicate_page_weekend-combo-100-lines .synd_background,
.syndicate_page_weekend-combo-200-lines .synd_background,
.syndicate_page_weekend-combo-300-lines .synd_background,
.syndicate_page_weekend-combo-400-lines .synd_background,
.syndicate_page_weekend-combo-500-lines .synd_background,
.syndicate_page_weekend-combo-600-lines .synd_background {
    background: linear-gradient(88deg, #A61122 0.22%, #F303E7 26.63%, #EC9005 100.38%);
}

.syndicate_page_american-combo-100-lines .synd_background,
.syndicate_page_american-combo-200-lines .synd_background,
.syndicate_page_american-combo-300-lines .synd_background,
.syndicate_page_american-combo-400-lines .synd_background,
.syndicate_page_american-combo-500-lines .synd_background,
.syndicate_page_american-combo-600-lines .synd_background {
    background: linear-gradient(88deg, #a3121f 0.22%, #B50F2E 40.63%, #FFF 97.81%);
}

.syndicate_page_best-odds-combo-100-lines .synd_background,
.syndicate_page_best-odds-combo-200-lines .synd_background,
.syndicate_page_best-odds-combo-300-lines .synd_background,
.syndicate_page_best-odds-combo-400-lines .synd_background,
.syndicate_page_best-odds-combo-500-lines .synd_background,
.syndicate_page_best-odds-combo-600-lines .synd_background {
    background: linear-gradient(88deg, #18890D 0.22%, #EBA106 33.2%, #FFE600 99.71%);
}

.syndicate_page_south-africa-combo-100-lines .synd_background,
.syndicate_page_south-africa-combo-200-lines .synd_background,
.syndicate_page_south-africa-combo-300-lines .synd_background,
.syndicate_page_south-africa-combo-400-lines .synd_background,
.syndicate_page_south-africa-combo-500-lines .synd_background,
.syndicate_page_south-africa-combo-600-lines .synd_background {
    background: linear-gradient(88deg, #FAB231 0.22%, #F92829 23.89%, #007C5E 63.05%, #a3121f 100.38%);
}

.syndicate_page_north-south-america-combo-100-lines .synd_background,
.syndicate_page_north-south-america-combo-200-lines .synd_background,
.syndicate_page_north-south-america-combo-300-lines .synd_background,
.syndicate_page_north-south-america-combo-400-lines .synd_background,
.syndicate_page_north-south-america-combo-500-lines .synd_background,
.syndicate_page_north-south-america-combo-600-lines .synd_background {
    background: linear-gradient(88deg, #411c20 0.15%, #098B97 34.44%, #ED002D 100.38%);
}

.syndicate_page_mega-euro-combo-100-lines .synd_background,
.syndicate_page_mega-euro-combo-200-lines .synd_background,
.syndicate_page_mega-euro-combo-300-lines .synd_background,
.syndicate_page_mega-euro-combo-400-lines .synd_background,
.syndicate_page_mega-euro-combo-500-lines .synd_background,
.syndicate_page_mega-euro-combo-600-lines .synd_background {
    background: linear-gradient(88deg, #d22f40 0.32%, #d22f40 48.98%, var(--brand-orange) 100.38%);
}

.syndicate_page_popular-in-canada-100-lines .synd_background,
.syndicate_page_popular-in-canada-200-lines .synd_background,
.syndicate_page_popular-in-canada-300-lines .synd_background,
.syndicate_page_popular-in-canada-400-lines .synd_background,
.syndicate_page_popular-in-canada-500-lines .synd_background,
.syndicate_page_popular-in-canada-600-lines .synd_background {
    background: linear-gradient(88deg, #B01439 0.22%, #DF2424 26.9%, #F8F8F8 85.36%);
}

.syndicate_page_popular-in-india-100-lines .synd_background,
.syndicate_page_popular-in-india-200-lines .synd_background,
.syndicate_page_popular-in-india-300-lines .synd_background,
.syndicate_page_popular-in-india-400-lines .synd_background,
.syndicate_page_popular-in-india-500-lines .synd_background,
.syndicate_page_popular-in-india-600-lines .synd_background {
    background: linear-gradient(88deg, #F7A312 0.22%, #2DAB66 35.53%, #E69F21 99.71%);
}

.syndicate_page_popular-in-finland-100-lines .synd_background,
.syndicate_page_popular-in-finland-200-lines .synd_background,
.syndicate_page_popular-in-finland-300-lines .synd_background,
.syndicate_page_popular-in-finland-400-lines .synd_background,
.syndicate_page_popular-in-finland-500-lines .synd_background,
.syndicate_page_popular-in-finland-600-lines .synd_background {
    background: linear-gradient(88deg, #a3121f 0.22%, #d22f40 54.45%, #e3ddd3 101.06%);
}

.syndicate_page_world-combo-100-lines .synd_background,
.syndicate_page_world-combo-200-lines .synd_background,
.syndicate_page_world-combo-300-lines .synd_background,
.syndicate_page_world-combo-400-lines .synd_background,
.syndicate_page_world-combo-500-lines .synd_background,
.syndicate_page_world-combo-600-lines .synd_background {
    background: linear-gradient(88deg, #FFC112 0.22%, #EBA106 43.83%, #d22f40 99.71%);
}

.syndicate_page_popular-1-100-lines .synd_background,
.syndicate_page_popular-1-200-lines .synd_background,
.syndicate_page_popular-1-300-lines .synd_background,
.syndicate_page_popular-1-400-lines .synd_background,
.syndicate_page_popular-1-500-lines .synd_background,
.syndicate_page_popular-1-600-lines .synd_background {
    background: linear-gradient(88deg, #8FA000 0.22%, #E3D000 29.86%, #24D273 99.71%);
}

.syndicate_page_popular-2-100-lines .synd_background,
.syndicate_page_popular-2-200-lines .synd_background,
.syndicate_page_popular-2-300-lines .synd_background,
.syndicate_page_popular-2-400-lines .synd_background,
.syndicate_page_popular-2-500-lines .synd_background,
.syndicate_page_popular-2-600-lines .synd_background {
    background: linear-gradient(88deg, #F74842 0.22%, #FFB390 41.78%, #d22f40 99.71%);
}

.syndicate_page_australian-combo-100-lines .synd_background,
.syndicate_page_australian-combo-200-lines .synd_background,
.syndicate_page_australian-combo-300-lines .synd_background,
.syndicate_page_australian-combo-400-lines .synd_background,
.syndicate_page_australian-combo-500-lines .synd_background,
.syndicate_page_australian-combo-600-lines .synd_background {
    background: linear-gradient(88deg, #d22f40 0.22%, #d22f40 66.01%, #FFC700 100.38%);
}

.syndicate_page_popular-in-australia-100-lines .synd_background,
.syndicate_page_popular-in-australia-200-lines .synd_background,
.syndicate_page_popular-in-australia-300-lines .synd_background,
.syndicate_page_popular-in-australia-400-lines .synd_background,
.syndicate_page_popular-in-australia-500-lines .synd_background,
.syndicate_page_popular-in-australia-600-lines .synd_background {
    background: linear-gradient(88deg, #a3121f 0.22%, #D71F22 67.05%, #FFF 100.38%);
}

.syndicate_page_popular-in-new-zealand-100-lines .synd_background,
.syndicate_page_popular-in-new-zealand-200-lines .synd_background,
.syndicate_page_popular-in-new-zealand-300-lines .synd_background,
.syndicate_page_popular-in-new-zealand-400-lines .synd_background,
.syndicate_page_popular-in-new-zealand-500-lines .synd_background,
.syndicate_page_popular-in-new-zealand-600-lines .synd_background {
    background: linear-gradient(88deg, #801B1B 0.22%, #EE9E9E 46.2%, #C00909 100.38%);
}

.syndicate_page_mega-jackpot-combo-100-lines .synd_background,
.syndicate_page_mega-jackpot-combo-200-lines .synd_background,
.syndicate_page_mega-jackpot-combo-300-lines .synd_background,
.syndicate_page_mega-jackpot-combo-400-lines .synd_background,
.syndicate_page_mega-jackpot-combo-500-lines .synd_background,
.syndicate_page_mega-jackpot-combo-600-lines .synd_background {
    background: linear-gradient(88deg, #a3121f 0.22%, #29AC60 33.88%, #A6D600 100.38%);
}

.played-block-lines {
  padding: 15px 0 0 !important;
}

.collapse_syndicate_lines_main {
  display: flex;
    align-items: center;
    color: #fff;
}

.collapse_syndicate_lines_outside {
  padding: 8px 16px 8px 12px;
}

.syndicate-step2 .lotteries-block {
  padding: 0 15px 32px !important;
  border-radius: 20px !important;
}

.lotteries-block-combo {
  padding: 15px 0 0 !important;
}



/* ***** End Syndicates Page ***** */

/* ***** Contact Page ***** */
.contact-wrapper {
    padding: 70px 0;
}

.contact-block {
    max-width: 830px;
    padding: 50px 100px;
    background: var(--dark-bg-header);
    border-radius: 20px;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    margin: 0 auto;
    width: 100%;
    position: relative;
    z-index: 5;
}

.contact-block h1 {
    font-size: 52px;
    color: #fff;
    margin: 0 0 25px;
}

.contact-block .contact-success-message,
.contact-block .contact-success-followup {
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 16px;
    text-align: center;
}

.contact-block .contact-success-message {
    font-size: 18px;
    font-weight: 600;
}

.contact-block.contact-block--success {
    text-align: center;
}

.contact-block.contact-block--success .btn-group {
    justify-content: center;
}

.contact-block .form-group {
    position: relative;
    margin: 0 0 25px;
}

.contact-block .form-group label {
    font-size: 14px;
    font-weight: 500;
    display: block;
    margin: 0 0 10px;
}

.contact-block .form-group .form-control {
    padding: 15px 25px;
    background: var(--dark-bg-main);
    border: 2px solid rgba(255, 255, 255, 0.25);
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    height: auto;
    box-shadow: none;
    border-radius: 15px;
    resize: none;
}

.contact-block .form-group .form-control::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.contact-block .form-group .form-control:focus {
    border-color: var(--brand-orange);
    color: #fff;
}

.contact-block .btn-group {
    display: flex;
    align-items: center;
}

.contact-block .btn-group .btn-main {
    padding: 12px 25px;
    border-radius: 20px;
    border: none;
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    font-size: 14px;
    font-weight: 500;
    color: #fbf7ef;
    display: flex;
    align-items: center;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.contact-block .btn-group .btn-main i {
    margin-left: 10px;
}

.contact-block .btn-group .btn-main:hover {
    background: #fff;
    color: var(--brand-orange);
}

.contact-block .btn-group span {
    font-size: 14px;
    font-weight: 500;
    color: #7E7E7E;
    margin: 0 15px;
}

.contact_errors {
    padding-bottom: 20px;
    color: #d6d0c6;
}

.copy-text {
    position: relative;
    display: flex;
}

.copy-text input.text {
    padding: 12px 45px 12px 25px;
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.25);
    border-radius: 20px;
    box-shadow: none;
    height: auto;
    font-size: clamp(11px, 2vw, 14px);
    font-weight: 500;
    color: #f4eadc;
    outline: none;
}

.copy-text button {
    padding: 0;
    background: transparent;
    color: #f4eadc;
    font-size: 15px;
    border: none;
    outline: none;
    cursor: pointer;
    border: none;
    position: absolute;
    top: 14px;
    right: 15px;
}

/* .copy-text button:active {
    background: #809ce2;
} */

.copy-text button:before {
    content: "Copied";
    position: absolute;
    top: -45px;
    right: -25px;
    background: var(--brand-orange);
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 12px;
    color: #fbf7ef;
    display: none;
}

.copy-text button:after {
    content: "";
    position: absolute;
    top: -23px;
    right: 5px;
    width: 10px;
    height: 10px;
    background: var(--brand-orange);
    transform: rotate(45deg);
    display: none;
}

.copy-text.active button:before,
.copy-text.active button:after {
    display: block;
}

img.cnt-shp {
    position: absolute;
    top: 0;
    left: 15%;
}

/* ***** End Contact Page ***** */

/* ***** Terms , Odds & FAQ Page ***** */
.tearm-banner {
    background: url('/images/betarama.io/terms-back.jpg') 0 0 no-repeat;
    background-size: cover;
    margin: 0 0 50px;
}

.que-row-wrp {
    position: relative;
    z-index: 2;
}

.que-sidebar {
    border-radius: 20px;
    background: var(--dark-bg-header);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    padding: 24px 0;
    position: sticky;
    top: 100px;
    left: 0;
    right: 0;
}

.que-sidebar h2 {
    font-size: 18px;
    color: #f4eadc;
    padding: 0 24px;
    margin: 0 0 24px;
}

.que-sidebar ul {
    margin: 0 0 35px;
}

.que-sidebar ul:last-child {
    margin: 0;
}

.que-sidebar li {
    padding: 5px 12px 5px 24px;
    transition: .4s linear;
    -webkit-transition: .4s linear;
    position: relative;
}

.que-sidebar li:after {
    position: absolute;
    content: '';
    border-radius: 20px;
    background: rgb(251, 255, 74);
    box-shadow: 0px 0px 26px 0px rgb(251, 255, 74);
    width: 4px;
    height: 0%;
    right: 0;
    top: 0;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.que-sidebar li:hover:after {
    height: 100%;
}

.que-sidebar li a {
    padding: 8px 12px 8px 0;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    border-radius: 12px;
    color: #f4eadc;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.que-sidebar li a span {
    margin-left: auto;
    font-size: 24px;
    font-weight: 300;
    color: var(--brand-orange);
    line-height: 24px;
    font-family: 'Inter';
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.que-sidebar li a:after {
    position: absolute;
    content: '';
    background: linear-gradient(270deg, rgba(210, 47, 64, 0.22) 9.7%, rgba(210, 47, 64, 0.0) 77.99%);
    width: 0%;
    height: 100%;
    top: 0;
    right: 0;
    border-radius: 0 12px 12px 0;
    z-index: -1;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.que-sidebar li.active a:after {
    width: 100%;
}

.que-sidebar li.active a {
    color: #f4eadc;
}

.que-sidebar li.active a span {
    color: #f4eadc;
}

.que-sidebar li.active:after {
    height: 100%;
}

.que-sidebar li a:hover span,
.que-sidebar li a:hover {
    color: #fff;
}

.faq-list .accordion .accordion-item {
    margin: 0;
    background-color: transparent;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #d22f40;
}

.faq-list .accordion .accordion-item .accordion-button {
    font-size: 20px;
    color: #fff;
    padding: 24px 0 24px 50px;
    font-weight: 700;
    display: flex;
    align-items: flex-end;
    background-color: transparent;
    position: relative;
}

.faq-list .accordion .accordion-item .accordion-button span {
    display: block;
    font-size: 60px;
    font-weight: normal;
    font-family: 'Inter';
    line-height: 94px;
    color: var(--brand-orange);
    opacity: 0.50;
    margin: 0 -25px -10px 0;
    z-index: -1;
    position: relative;
}

.faq-list .accordion .accordion-item .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
}

.faq-list .accordion .accordion-item .accordion-button:focus {
    box-shadow: none;
}

.faq-list .accordion .accordion-item .accordion-button::after {
    display: none;
}

.faq-list .accordion .accordion-item .accordion-button:before {
    position: absolute;
    content: "\f068";
    font-family: "Font Awesome 5 Pro";
    left: 0;
    top: 50%;
    font-size: 18px;
    color: #fff;
    height: 30px;
    width: 30px;
    display: flex;
    font-weight: 500;
    align-items: center;
    justify-content: center;
    text-align: center;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.faq-list .accordion .accordion-item .accordion-button.collapsed:before {
    content: "\f067";
}

.faq-list .accordion .accordion-body {
    padding: 30px 30px 30px 100px;
    position: relative;
    border-top: 1px solid #d22f40;
}

.faq-list .accordion .accordion-body:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(210, 47, 64, 0.05) 0%, rgba(210, 47, 64, 0.0) 100%);
    top: 0;
    left: 0;
}

.inner-data-que {
    position: relative;
    z-index: 1;
}

.inner-data-que p {
    font-size: 14px;
    font-weight: 500;
    color: #E4E4E4;
    line-height: 22px;
    margin: 0 0 15px;
}

.inner-data-que p:last-child {
    margin: 0;
}

.inner-data-que ul {
    margin: 0 0 15px;
}

.inner-data-que ul li {
    padding: 0 0 0 15px;
    position: relative;
    line-height: 24px;
    font-size: 14px;
    font-weight: 500;
    color: #E4E4E4;
}

.inner-data-que ul li:before {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    background: #E4E4E4;
    border-radius: 50%;
    top: 10px;
    left: 0;
}

.odds-win-banner {
    background: url('/images/betarama.io/odd-win-back.jpg') 0 0 no-repeat;
    background-size: cover;
    margin: 0 0 50px;
}

/* .odds-win-banner .inner-bannerimg img {
    height: 280px;
} */

.inner-data-que h3 {
    font-size: 24px;
    font-weight: bold;
    color: #E4E4E4;
    margin: 0 0 20px;
}

.inner-data-que h6 {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #f4eadc;
}

.tabuler-data {
    margin: 0 0 25px;
    max-width: 530px;
    width: 100%;
    padding: 24px 15px;
    border-radius: 20px;
    background: var(--dark-bg-header);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
}

.tabuler-data table {
    margin: 0;
    border: none;
    --bs-table-bg: transparent;
}

.tabuler-data table thead th {
    padding: 5px 24px;
    font-size: 14px;
    font-weight: 600;
    color: #E4E4E4;
    border: none;
}

.tabuler-data table tbody td {
    font-size: 14px;
    font-weight: 500;
    color: #f4eadc;
    padding: 5px 24px;
    border: none;
}

.tabuler-data table thead th:first-child,
.tabuler-data table tbody td:first-child {
    text-align: center;
}


.faq-banner {
    background: url('/images/betarama.io/faq-banner.jpg') 0 0 no-repeat;
    background-size: cover;
    margin: 0 0 50px;
}

/* .faq-banner .inner-bannerimg img {
    height: 260px;
} */

.faq-title h2 {
    font-size: 40px;
    color: #FFFFFF;
    margin: 0;
}

.faq-title.centebx {
    margin: 55px 0 0;
}


.faq-cnt-wrp img.cnt-shp {
    top: -20%;
    left: 0%;
}


/* ***** End Terms , Odds & FAQ Page ***** */


.syndicates-wrapper {
    padding: 20px 0 50px;
}

.syndicates-wrapper .container {
    max-width: 1080px;
}

.combo-banner {
    border-radius: 20px;
    background: linear-gradient(88deg, #DA3839 0.22%, #EBA106 38.05%, #FFE600 99.71%);
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    padding: 50px;
    margin: 0 0 50px;
}

.combo-banner .close-btn {
    position: absolute;
    right: 16px;
    top: 16px;
    -webkit-filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.15));
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.15));
}

.combo-banner .close-btn img {
    max-width: 100%;
}

.combo-banner .row {
    align-items: center;
}

.combo-banner .combo-description {
    display: flex;
    align-items: center;
}

.combo-banner .combo-description img.combo-img {
    /* border-radius: 73px;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15); */
    margin-right: 32px;
}

.combo-banner .combo-description h2 {
    color: #fff;
    font-size: 36px;
    margin: 0 0 16px;
}

.combo-banner .combo-description .time-block {
    border-radius: 40px;
    border: 2px solid rgba(255, 255, 255, 0.25);
    -webkit-background: linear-gradient(0deg, rgba(255, 255, 255, 0.45) -40.95%, rgba(255, 255, 255, 0.34) -24.36%, rgba(255, 255, 255, 0.20) 146.42%);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.45) -40.95%, rgba(255, 255, 255, 0.34) -24.36%, rgba(255, 255, 255, 0.20) 146.42%);
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    padding: 8px 12px;
    width: fit-content;
    gap: 16px;
    line-height: normal;
}

.combo-banner .combo-description .time-block h4 {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    margin-right: 16px;
}

.combo-banner .combo-description .time-block h5 {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

.combo-banner .combo-description .time-block h5 img {
    max-width: 100%;
}

.combo-banner .combo-description .time-block .countdown-timer {
    margin-bottom: 0;
    display: inline;
}

.combo-banner .image-list ul {
    display: flex;
    flex-wrap: wrap;
}

.combo-banner .image-list ul li {
    margin: 8px 16px 8px 0;
}


.syndicates-lotteries {}

.lotteries-block {
    border-radius: 20px;
    background: var(--dark-bg-header);
    -wbkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    padding: 15px 24px 16px 24px;
}

.lotteries-block h2 {
    color: #fff;
    font-size: 14px;
    line-height: normal;
    margin: 0 0 24px;
}

.lotteries-block ul li {
    border-radius: 66px;
    background: #36181b;
    padding: 8px 16px 8px 12px;
    display: flex;
    align-items: center;
    margin: 0 0 8px;
}

.lotteries-block ul li:last-child {
    margin: 0;
}

.lotteries-block ul li img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin-right: 12px;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
}

.lotteries-block ul li span {
    color: #f4eadc;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.lotteries-block ul li b {
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-left: auto;
    margin-right: 0;
}

.synd-cost {
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-left: auto;
    margin-right: 0;
}

.all-detailbx .synd-cost.active {
    color: #f4eadc !important;
}

.payslip-box .description {
    padding: 11px 0 0;
}

.payslip-box .description p {
    color: #f4eadc;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.syndicates-box .slider-rangebox {
    margin: 0 0 32px;
}

.syndicates-box .slider-rangebox h4 {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 24px;
}

.syndicates-box .all-detailbx h4 {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 24px;
}

.played-block {
    padding: 0 15px 32px;
}

.played-block .btn-played {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
}

.played-block .btn-played.collapsed span,
.played-block .btn-played span {
    margin-left: auto;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #27282F;
    font-size: 16px;
    color: #7E7E7E;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.played-block .btn-played.collapsed span i:before {
    content: "\f107";
}

.played-block .btn-played span i:before {
    content: "\f106";
}

.played-block .btn-played span {
    background: var(--brand-orange);
    color: #fbf7ef !important;
}

.played-block .played-box {
    margin: 24px 0 0;
    border-radius: 20px;
    background: #36181b;
    padding: 8px 12px;
}

.played-block .played-box h2 {
    display: flex;
    align-items: center;
    color: #f4eadc;
    font-size: 12px;
    margin: 0 0 20px;
}

.played-block .played-box h2 b {
    color: #FFF;
    font-size: 12px;
    margin-left: auto;
    margin-right: 0;
}

.played-block .played-box h2 img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    object-position: center;
    margin-right: 8px;
}

.played-block .played-box .inner-selbx {
    padding: 0;
    background: transparent;
}

.played-block .played-box .inner-selbx ul {
    margin: 0 0 8px;
}

.played-block .played-box .inner-selbx ul:last-childs {
    margin: 0;
}

.played-block .played-box .inner-selbx ul li a {
    height: 30px;
    width: 30px;
    line-height: 26px;
}

.quality-block {
    padding: 0 15px 32px;
}

.quality-block h4 {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 24px;
}

.quality-block .quality-box {
    border-radius: 40px;
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    padding: 5px 16px 5px 8px;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    width: fit-content;
}

.quality-block .quality-box h6 {
    color: #f4eadc;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0 0 0 8px;
    white-space: nowrap;
}

.quality-block .quality-box .quantity {
    border-radius: 20px;
    background: #1B1410;
    padding: 8px 6px;
    display: flex;
    align-items: center;
}

.quality-block .quality-box .quantity .qtyminus,
.quality-block .quality-box .quantity .qtyplus {
    width: 24px;
    height: 24px;
    background: rgba(210, 47, 64, 0.3);
    border-radius: 100%;
    text-align: center;
    line-height: 24px;
    font-size: 20px;
    color: #fff;
    border: none;
    box-shadow: none;
    outline: none;
}

button.minus-btn.btn-number,
button.plus-btn.btn-number {
    width: 24px;
    height: 24px;
    background: rgba(210, 47, 64, 0.3);
    border-radius: 100%;
    text-align: center;
    line-height: 24px;
    font-size: 20px;
    color: #fff;
    border: none;
    box-shadow: none;
    outline: none;
}

.quality-block .quality-box .quantity .qty {
    color: #f4eadc;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width: 44px;
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none;
}

.syndicates-lotteries .syndicates-box .letto-dt-box .plbtn {
    padding: 13px 16px;
}

.letto-box .checkout-block {
    padding: 0 15px;
}

.letto-box .checkout-block h2 {
    color: #FFF;
    font-size: 14px;
    line-height: normal;
    margin: 0 0 24px;
}

.letto-box .checkout-block ul li {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 8px;
    display: flex;
    align-items: center;
    padding: 15px 16px;
    border-radius: 66px;
    background: #36181b;
}

.letto-box .checkout-block ul li:last-child {
    margin: 0;
}

.letto-box .checkout-block ul li span {
    margin-left: auto;
    color: #FFF;
    font-weight: 600;
}

.inside-lottery-banner {
    background-image: url("/images/betarama.io/lottery-banner-bg.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 30px;
    padding: 0;
}

.inside-lottery-banner .combo-descriptionX {
    padding: 50px;
    border-radius: 30px;
    background: linear-gradient(265deg, rgba(211, 211, 211, 0.26) 4.58%, rgba(255, 255, 255, 0.00) 94.48%);
    -webkit-box-shadow: 0px 4px 31px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 31px 0px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(6.5px);
}

.lottery-wrp {}

.luckydip-block {
    border-radius: 20px;
    background: var(--dark-bg-header);
    padding: 15px;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
}

.luckydip-block h2 {}

.luckydip-block h2 button {
    display: flex;
    align-items: center;
    border-radius: 20px;
    background: linear-gradient(92deg, #d22f40 29.16%, #d22f40 82.59%);
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    margin: 0 0 8px;
    color: #fbf7ef;
    font-size: 14px;
    line-height: normal;
    padding: 11px;
    width: 100%;
    border: none;
    justify-content: center;
}

.luckydip-block h2 button:hover {
    background: linear-gradient(192deg, #d22f40 29.16%, #d22f40 82.59%);
}

.luckydip-block h2 button:active {
    background: #fff;
    color: #d22f40;
}

.luckydip-block h2 button img {
    max-width: 100%;
    margin-left: 8px;
}

.luckydip-block h2 button:active img {
    filter: invert(1);
}

.luckydip-block h4 {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 24px 0;
}

.luckydip-block ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4px;
}

.luckydip-block ul li {
    padding: 0 4px;
    margin: 0 0 8px;
    width: 12.5%;
}

.ld_mobile {
    display: none;
}

/* .luckydip-block ul li a{
    width: 30px;
    height: 30px;
    border-radius: 35px;
    border: 2px solid rgba(69, 69, 69, 0.15);
    background: #27282F;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
} */
.luckydip-block ul li span {
    width: 30px;
    height: 30px;
    border-radius: 35px;
    border: 3px solid rgba(69, 69, 69, 0.15);
    background: #27282F;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#choose-numbers ul li span.num.simple-num.num-checked {
    border-color: #fff;
    color: #fff;
}

#choose-numbers ul li span.num.bonus-num.num-checked {
    background: linear-gradient(1deg, #a3121f -35.87%, #d22f40 106.8%);
    box-shadow: 0px 0px 19px 0px rgba(210, 47, 64, 0.44);
    border-color: #fff;
    color: #fbf7ef;
}

.numbers-block {
    border-radius: 20px;
    background: var(--dark-bg-header);
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    padding: 15px;
}

.numbers-block .count-box h4 {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 24px;
}

.numbers-block .count-box .inner-selbx {
    padding: 0;
}

.numbers-block .count-box .inner-selbx ul {
    margin: 0 0 8px;
}

.numbers-block .count-box .inner-selbx .chosen-numbers {}

.numbers-block .count-box .inner-selbx .chosen-numbers span {
    padding: 0 2px;
}

.numbers-block .count-box .inner-selbx .chosen-numbers ul li span {
    width: 28px;
    height: 28px;
    border-radius: 50px;
    border: 2px solid rgba(69, 69, 69, 0.15);
    background: #27282F;
    display: block;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    font-family: 'Inter';
}

.numbers-block .count-box .inner-selbx .chosen-numbers ul li span.num.bonus-num {
    background: linear-gradient(1deg, #a3121f -35.87%, #d22f40 106.8%);
    box-shadow: 0px 0px 19px 0px rgba(210, 47, 64, 0.44);
    border-color: #d22f40;
    color: #fbf7ef;
}


.lotto-tickets .chosen-numbers span,
.played-box .numbers-row span {
    width: 28px;
    height: 28px;
    border-radius: 50px;
    border: 2px solid rgba(69, 69, 69, 0.15);
    background: #27282F;
    display: inline-block;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    font-family: 'Inter';
}

.lotto-tickets .chosen-numbers span.num.bonus-num,
.played-box .numbers-row span.num.sec-num {
    background: linear-gradient(1deg, #a3121f -35.87%, #d22f40 106.8%);
    box-shadow: 0px 0px 19px 0px rgba(210, 47, 64, 0.44);
    border-color: #d22f40;
    color: #fbf7ef;
}

.lotto-tickets .chosen-numbers span.correct-primary-num,
.lotto-tickets .chosen-numbers span.num.bonus-num.correct-secondary-num {
    border-color: #fff;
}

.numbers-block .count-box .inner-selbx .close-icon {
    background: transparent;
    border: none;
    height: auto;
    width: auto;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.numbers-block .count-box .inner-selbx .close-icon img {
    max-width: 100%;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.numbers-block .count-box .inner-selbx .close-icon:hover img {
    filter: brightness(0) invert(1);
}

.draw-block {
    padding: 32px 0;
}

.draw-block h4 {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 24px;
}

.draw-block ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.draw-block ul li {
    /* border-radius: 40px;
    border: 2px solid #27282F;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    padding: 13px 16px;
    color: #FCEBD3;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: 8px;
    position: relative;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear; */
}

.draw-block ul li:last-child {
    /* margin: 8px 0 0; */
}

.draw-block ul li input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.draw-block ul li.selected {
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    color: #fbf7ef;
}

.numbers-block .how-box h4 {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 24px;
}

#prepay-btn,
#just-once-btn {
    border-radius: 40px;
    border: 2px solid #27282F;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    padding: 13px 16px;
    color: #f4eadc;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: 8px;
    position: relative;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    margin-bottom: 10px;
    background: transparent;
}

#prepay-payment,
#direct-payment {
    display: none;
}

.play_options {
    display: flex;
    margin-bottom: 16px;
}



/* .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #A34312 100.23%) !important;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15) !important;
    color: #fff;
} */

.synd-step1-type,
.synd-step1-sort {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: normal;
    color: #d6d0c6;
    min-width: 70px;
    white-space: nowrap;
}

button.synd-singular,
button.synd-combo {
    background: transparent;
    border: none;
    color: #838286;
    font-size: 14px;
    font-weight: 500;
}

button.btn.btn-primary.purple-btn.synd-singular.active,
button.btn.btn-primary.purple-btn.synd-combo.active,
button.btn.btn-primary.sort.active {
    background: transparent !important;
    box-shadow: none !important;
    color: #d6d0c6;
}

button.btn.btn-primary.sort {
    background: transparent !important;
    box-shadow: none !important;
    color: #E4E4E4;
    border: none;
    font-size: 12px;
    font-weight: normal;
}

button.btn.btn-primary.sort.active {
    background: transparent !important;
    box-shadow: none !important;
    color: #d6d0c6;
    border: none;
    font-size: 12px;
    font-weight: normal;
}

button.btn:hover {
    background: none;
    border: none;
    color: #d6d0c6;
}

button.btn:active {
    background: none;
    border: none;
    color: #d6d0c6;
}

#cashier_currency_swap_area .percentage-buttons button.btn:hover, #swap-btn:hover {
  background: var(--bs-btn-hover-bg);
  border: solid 1px var(--bs-btn-hover-border-color);
  color: var(--bs-btn-hover-color);
}

.numbers-block .quality-block {
    padding: 0 0 32px;
}

.numbers-block .quality-block .quality-info {
    display: flex;
    align-items: center;
}

.numbers-block .quality-block .quality-info a {
    border-radius: 40px;
    border: 2px solid #27282F;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    padding: 13px 16px;
    color: #f4eadc;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: 8px;
    position: relative;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    display: table;
}

.numbers-block .quality-block .quality-info .quality-box h6 {
    margin: 0 16px 0 0;
}

.quality-block .quality-box h6 {
    margin: 0 16px 0 0;
}

.quality-block .quality-box .shares_count_h6 {
    margin: 0 0 0 8px;
}

.numbers-block.letto-box .checkout-block {
    padding: 0 0 32px;
}

.numbers-block.letto-box .letto-dt-box {
    padding: 0;
}

.numbers-block.letto-box .letto-dt-box .plbtn {
    padding: 13px 16px;
}

.how_would_you_like {
    display: none;
}

#add-to-payslip-btn {
  color: #fbf7ef;
    font-size: 14px;
    font-weight: 600;
    border: none;
    width: 100%;
    padding: 13px 16px;
    border-radius: 20px;
    height: 46px;
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    margin-top: 15px;
    display: block;
}


.mCSB_inside>.mCSB_container {
    margin: 0;
}

/* **** Slot Theater Page **** */

.theator-slot-rw .category-slider {
    padding: 0 10px;
}




.theater-control-row .row {
    align-items: center;
}






.typeof-screen ul li.active {
    color: #f4eadc;
}

.typeof-screen ul li.active img {
    opacity: 1;
}

.play-row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.play-row h5,
.play-row h6 {
    margin: 0 10px;
    font-size: 14px;
    font-weight: 500;
    color: #9CA3AF;
    transition: .4s;
    -webkit-transition: .4s;
}

.play-row .switch input {
    display: none;
}

.play-row .switch {
    display: inline-block;
    width: 40px;
    height: 24px;
    margin: 0 8px;
    position: relative;
}

/* Style Wired */
.play-row .slider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 30px;
    background: #311b1d;
    cursor: pointer;
    border: none;
    overflow: hidden;
    transition: .4s;
    -webkit-transition: .4s;
}

.play-row .slider:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 50px;
    transition: .4s;
    -webkit-transition: .4s;
    top: 2px;
    left: 2px;
}

.play-row input:checked+.slider:before {
    transform: translateX(17px);
    -webkit-transform: translateX(17px);
    background: #fff;
}

.play-row input:checked+.slider {
    background: linear-gradient(90deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
}

.play-row h5 {
    color: #9CA3AF;
}

.play-row h6 {
    color: #f4eadc;
}

.play-row.show-mode h6 {
    color: #9CA3AF;
}

.play-row.show-mode h5 {
    color: #f4eadc;
}

/* **** End Slot Theater Page **** */

/* **** My Wallet Page ***** */
.user-menu {
    display: none;
}


#transaction_records_index .inner-banner.wallet-banner {
    background: url('/images/betarama.io/wallet-banner-back.png') 0 0 no-repeat;
    background-size: cover;
    margin: 0 0 50px;
}

#transaction_records_lotto_winnings .inner-banner.wallet-banner {
    background: url('/images/betarama.io/my-winnings-back.png') 0 0 no-repeat;
    background-size: cover;
    margin: 0 0 50px;
}

#transaction_records_history .inner-banner.wallet-banner {
    background: url('/images/betarama.io/transaction-banner.png') 0 0 no-repeat;
    background-size: cover;
    margin: 0 0 50px;
}

#entries_index .inner-banner.wallet-banner {
    background: url('/images/betarama.io/my-lotteries-back.png') 0 0 no-repeat;
    background-size: cover;
    margin: 0 0 50px;
}

#users_casino_history .inner-banner.wallet-banner {
    background: url('/images/betarama.io/bets-banner.png') 0 0 no-repeat;
    background-size: cover;
    margin: 0 0 50px;
}

#bets_index .inner-banner.wallet-banner,
#bets_settled .inner-banner.wallet-banner {
    background: url('/images/betarama.io/bets-banner.png') 0 0 no-repeat;
    background-size: cover;
    margin: 0 0 50px;
}


#users_my_account .inner-banner.wallet-banner,
#users_change_password .inner-banner.wallet-banner {
    background-image: url(/newimages/inerbanner-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: var(--brand-orange);
    margin: 0 0 50px;
}

/* =============banner css starts here============================= */
.inner_banner_profile {
    display: flex;
    justify-content: flex-start;
    gap: 30px;
    z-index: 1;
    position: relative;
    align-items: center;
}

.profile_range .progress_outer {
    padding: 5px 0px;
    width: 100%;
    height: 20px;
    filter: drop-shadow(0px 4px 24.2px rgba(0, 0, 0, 0.34));
    backdrop-filter: blur(10px);
    border-radius: 4px;
}

.profile_range .progress {
    display: flex;
    align-items: center;
    gap: 0.5%;
    width: 100%;
    height: 8px;
    background: linear-gradient(180deg, rgba(44, 23, 26, 0.0) 0%, #2c171a 22.96%, #2c171a 77.45%, rgba(44, 23, 26, 0.0) 137.5%);
    border-radius: 52px;
}

.profile_range .progress .progress-bar {
    height: 6px;
    width: 3.5%;
    background: linear-gradient(350.27deg, #d22f40 13.83%, #d22f40 92.08%);
    box-shadow: 0px 0px 19px rgba(210, 47, 64, 0.47);
}

.elipps {
    position: absolute;
    width: 1311px;
    height: 1311px;
    right: 0;
    top: 0;
    transform: translate(30%, -30%);
    z-index: 0;
    background: radial-gradient(50% 50% at 50% 50%, #FA00FF 0%, rgba(193, 187, 177, 0.0) 100%);
    mix-blend-mode: normal;
}

.my_profile {
    position: relative;
    height: 120px;
    width: 149px;

}

.my_profile .profile_badge {
    width: auto;
    height: 125px;
    object-fit: contain;
}

.my_profile span {
    position: absolute;
    width: 50px;
    height: 50px;
    right: -30px;
    bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(357.53deg, rgba(255, 255, 255, 0.21) 2.38%, rgba(255, 255, 255, 0) 112.75%);
    background-size: 68px 68px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    border: 4px solid rgba(255, 255, 255, 0.09);
    backdrop-filter: blur(24.2834px);
    border-radius: 20px;
    font-family: 'Inter';
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: #E4E4E4;
    text-shadow: 0px 0px 30.3px #d22f40;
    margin: 0;
}

/* .tier_0,
.tier_1 {
    border: 4px solid rgba(157, 79, 28, 0.9) !important;
    background: linear-gradient(357.53deg, rgba(157, 79, 28, 1), rgba(157, 79, 28, 0.5)) !important;
}

.tier_2 {
    border: 4px solid rgba(204, 204, 204, 0.9) !important;
    background: linear-gradient(357.53deg, rgba(204, 204, 204, 1), rgba(204, 204, 204, 0.5)) !important;
}

.tier_3 {
    border: 4px solid rgba(226, 226, 226, 0.9) !important;
    background: linear-gradient(357.53deg, rgba(226, 226, 226, 1), rgba(226, 226, 226, 0.5)) !important;
}

.tier_4 {
    border: 4px solid rgba(225, 217, 102, 0.9) !important;
    background: linear-gradient(357.53deg, rgba(225, 217, 102, 1), rgba(225, 217, 102, 0.5)) !important;
}

.tier_5 {
    border: 4px solid rgba(106, 168, 76, 0.9) !important;
    background: linear-gradient(357.53deg, rgba(106, 168, 76, 0.70), rgba(106, 168, 76, 0.70)) !important;
}

.tier_6 {
    border: 4px solid rgba(17, 85, 204, 0.9) !important;
    background: linear-gradient(357.53deg, rgba(17, 85, 204, 1), rgba(17, 85, 204, 0.5)) !important;
}

.tier_7 {
    border: 4px solid rgba(255, 0, 0, 0.9) !important;
    background: linear-gradient(357.53deg, rgba(255, 0, 0, 1), rgba(255, 0, 0, 0.50)) !important;
}

.tier_8 {
    border: 4px solid rgba(169, 240, 245, 0.9) !important;
    background: linear-gradient(357.53deg, rgba(169, 240, 245, 1), rgba(169, 240, 245, 0.5)) !important;
}

.tier_9 {
    border: 4px solid rgba(166, 77, 121, 0.9) !important;
    background: linear-gradient(357.53deg, rgba(166, 77, 121, 1), rgba(56, 118, 29, 1)) !important;
}

.tier_10 {
    border: 4px solid rgba(67, 67, 67, 0.9) !important;
    background: linear-gradient(357.53deg, rgba(67, 67, 67, 1), rgba(255, 0, 0, 1), rgba(255, 153, 0, 1)) !important;
}

.tier_11 {
    border: 4px solid rgba(74, 134, 232, 0.9) !important;
    background: linear-gradient(357.53deg, rgba(74, 134, 232, 1), rgba(0, 0, 255, 0.50), rgba(0, 255, 255, 1), rgba(159, 197, 232, 1)) !important;
} */



.my_prpofile_name h1 {
    font-size: clamp(14px, 3vw, 64px) !important;
}

.my_prpofile_name a {
    width: 24px;
    height: 24px;
    margin-top: 5px;
}

/* Profile Tier & Rank Colors (numbered 0-10 for site-agnostic naming) */
.profile-tier-color, .profile-rank-color { font-weight: 600; }
.profile-tier-0, .profile-rank-0 { color: #8bc34a; }
.profile-tier-1, .profile-rank-1 { color: #d22f40; }
.profile-tier-2, .profile-rank-2 { color: #c0c0c0; }
.profile-tier-3, .profile-rank-3 { color: #ffd700; }
.profile-tier-4, .profile-rank-4 { color: #e5e4e2; }
.profile-tier-5, .profile-rank-5 { color: #dcd6cc; }
.profile-tier-6, .profile-rank-6 { color: #ff6b6b; }
.profile-tier-7, .profile-rank-7 { color: #d22f40; }
.profile-tier-8, .profile-rank-8 { color: #ff1493; }
.profile-tier-9, .profile-rank-9 { color: #a26d76; }
.profile-tier-10, .profile-rank-10 { color: #e040fb; }

.profile_range p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    margin-bottom: 0;
}

.profile_range p .total {
    color: #FFFFFF;
}

.rewards_nav_mobile {
    position: relative;
}

.rewards_nav {
    position: relative;
    /*width: 108px;*/
    /*height: 44px;*/
    display: flex;
    gap: 13px;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #838286;
    ;
}

.head_links_list:hover a:hover .rewards_nav {
    display: none;
}

.head_links_list:hover a:hover .rewards_nav1 span {
    display: block !important;
}

.rewards_nav_mobile span {
    /* display: none; */
    position: absolute;
    top: -5px;
    right: -27px;
    z-index: 111;
    padding: 2px 4px;
    width: 39px;
    min-width: 20px;
    height: 20px;
    background: #d22f40;
    box-shadow: 0px 0px 19px rgba(210, 47, 64, 0.47);
    border-radius: 20px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #fbf7ef;
}
.active .rewards_nav1 span {
    display: block !important;
}
.rewards_nav1 span {
    display: none;
    position: absolute;
    top: -5px;
    right: -22px;
    z-index: 111;
    padding: 2px 4px;
    width: 39px;
    min-width: 20px;
    height: 20px;
    background: #d22f40;
    box-shadow: 0px 0px 19px rgba(210, 47, 64, 0.47);
    border-radius: 20px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #fbf7ef;
}

.rewards_nav span {
    position: absolute;
    top: -5px;
    right: -22px;
    padding: 2px 4px;
    width: 39px;
    min-width: 20px;
    height: 20px;
    background: #d22f40;
    box-shadow: 0px 0px 19px rgba(210, 47, 64, 0.47);
    border-radius: 20px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #fbf7ef;

}

/* =============banner css end here============================= */


#referral_campaigns_index .inner-banner.wallet-banner {
    background: url('/images/betarama.io/my-winnings-back.png') 0 0 no-repeat;
    background-size: cover;
    margin: 0 0 50px;
}

.my-account-bar {
    border-radius: 20px;
    background: var(--dark-bg-header);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
}

.acc-balancebox {
    padding: 24px;
}

.balance-block {
    padding: 12px 16px;
    border-radius: 12px;
    background: url('/images/betarama.io/balance-back.png') center center no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.balance-block h6 {
    font-size: 14px;
    font-weight: 500;
    color: #f4eadc;
    margin: 0 0 5px;
}

.balance-block h2 {
    margin: 0;
    font-size: 24px;
    color: #f4eadc;
}

.balance-block h2 span {
    color: #f4eadc;
}

.active_users_count,
.total_users_count {
    border-radius: 20px;
    border: 2px solid rgba(210, 47, 64, 0.63);
    background: linear-gradient(284deg, rgba(210, 47, 64, 0.31) -18.76%, rgba(210, 47, 64, 0.09) 101.28%);
}

.casino_profit_box,
.lotto_profit_box,
.sports_profit_box,
.expected-payout-col {
    border-radius: 20px;
    border: 2px solid rgba(210, 47, 64, 0.06);
    background: linear-gradient(299deg, rgba(210, 47, 64, 0.37) -23.41%, rgba(210, 47, 64, 0.06) 114.79%);
}

.my-account-bar ul {
    padding: 0 0 24px;
}

.my-account-bar ul li {
    padding: 0 24px 0 14px;
    margin: 0 0 10px;
    position: relative;
}

.my-account-bar ul li:after {
    position: absolute;
    content: '';
    border-radius: 11px 0px 0px 32px;
    background: linear-gradient(1deg, rgba(255, 15, 0, 0.20) -5.49%, #FF0F00 25.78%, #FFE500 138.73%);
    box-shadow: 0px 0px 26px 0px rgba(210, 47, 64, 0.9);
    width: 4px;
    height: 0%;
    right: 0;
    top: 0;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.my-account-bar ul li a {
    padding: 10px 12px;
    border-radius: 15px;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #838286;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.my-account-bar ul li a:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: linear-gradient(270deg, rgba(210, 47, 64, 0.22) 9.7%, rgba(210, 47, 64, 0.0) 77.99%);
    opacity: 0;
    top: 0;
    left: 0;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.my-account-bar ul li a img {
    min-width: 25px;
    margin-right: 15px;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    opacity: 0.30;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.my-account-bar ul li a label {
    padding: 3px 10px;
    background: #d22f40;
    border-radius: 20px;
    font-size: 10px;
    font-weight: normal;
    color: #fbf7ef;
    filter: drop-shadow(0px 0px 19px rgba(255, 76, 0, 0.44));
    text-transform: uppercase;
    margin-left: 10px;
}

.my-account-bar ul li.active:after {
    height: 100%;
}

.my-account-bar ul li.active a:before {
    opacity: 0.50;
}

.my-account-bar ul li.active a {
    color: #fff;
}

.my-account-bar ul li a:hover img,
.my-account-bar ul li.active a img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: drop-shadow(0px 0px 19px rgba(255, 76, 0, 0.44));
    opacity: 1;
}

.my-account-bar ul li.newly-added a img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: drop-shadow(0px 0px 19px rgba(255, 76, 0, 0.44));
    opacity: 1;
}

.my-account-bar ul li a:hover {
    color: #fff;
}

.privacy-box {
    margin: 15px 0 0;
    padding: 24px;
}

.privacy-box h3 {
    font-size: 14px;
    font-weight: 600;
    color: #D1D5DB;
    margin: 0 0 10px;
}

.privacy-box h3 i {
    margin-right: 5px;
}

.privacy-box p {
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    color: #9CA3AF;
    line-height: 18px;
}

/*bonus-data:first-child .card {*/
/*    border-top-left-radius: 20px;*/
/*    border-top-right-radius: 20px;*/
/*}*/
/*!*.card-no-top-border-radius:first-child {*!*/
/*    border-top-right-radius: 0%;*/
/*    border-top-left-radius: 0%;*/
/*}*/
.bonus-box {
    margin: 0 0 50px;
    border-radius: 20px;
    background: var(--dark-bg-header);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

.bonus-head {
    padding: 15px 20px;
    background: linear-gradient(299deg, rgba(229, 187, 50, 0.67) -23.41%, rgba(236, 182, 13, 0.67) 114.79%);
    display: flex;
    align-items: center;
    height: 80px;
}

.bonus-head h3 {
    margin: 0;
    font-size: 24px;
    font-weight: bold;
    color: #E4E4E4;
}

.bonus-head img {
    margin-left: auto;
}

.deposit-box {
    margin: 0 0 50px;
    border-radius: 20px;
    background: var(--dark-bg-header);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

.deposit-box_coin {
    margin: 30px 0;
    border-radius: 20px;
    background: var(--dark-bg-header);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    width: 330px;
}

.deposit-head {
    padding: 15px 20px;
    background: linear-gradient(299deg, rgba(43, 255, 52, 0.67) -23.41%, rgba(43, 255, 65, 0.11) 114.79%);
    display: flex;
    align-items: center;
    height: 80px;
}

.deposit-head_coin {
    padding: 24px 20px;
    background: linear-gradient(299deg, rgba(43, 255, 52, 0.67) -23.41%, rgba(43, 255, 65, 0.11) 114.79%);
    display: flex;
    align-items: center;
}

.deposit-head h3 {
    margin: 0;
    font-size: 24px;
    font-weight: bold;
    color: #E4E4E4;
}

.deposit-head_coin h3 {
    text-align: center;
    margin: auto;
    font-size: 24px;
    font-weight: bold;
    color: #E4E4E4;
}

.deposit-head img {
    margin-left: auto;
}

.deposit-data {
    padding: 20px 15px;
}

.deposit-data .form-group {
    margin: 0 0 20px;
}

.deposit-data .form-group label {
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    margin: 0 0 10px;
    display: block;
}

.input-box {
    position: relative;
}

.deposit-data .form-group .form-control {
    padding: 13px 50px 13px 24px;
    background: var(--dark-bg-main);
    border-radius: 15px;
    border: 2px solid rgba(255, 255, 255, 0.25);
    box-shadow: none;
    height: auto;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    border-color: var(--brand-orange);
}

.deposit-data .form-group .form-control::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.deposit-data .form-group .form-control:focus {
    border-color: var(--brand-orange);
}

.deposit-data .form-group .input-box .crypto-currency-code {
    font-size: 12px;
    font-weight: 600;
    color: #f4eadc;
    position: absolute;
    top: 17px;
    right: 15px;
}

.deposit-data .form-group.errorbx .input-box .form-control {
    border-color: #FF3B30;
}

.deposit-data .form-group h6 {
    font-size: 12px;
    font-weight: normal;
    color: #E4E4E4;
    display: flex;
    align-items: center;
    margin: 10px 0 0;
    display: none;
}

.deposit-data .form-group h6 i {
    color: #FF3B30;
    margin-right: 5px;
}

.deposit-data .form-group.errorbx h6 {
    display: block;
}

.deposit-data-btn {
    border-radius: 20px;
    border: none;
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    padding: 12px 15px;
    display: block;
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    color: #fbf7ef;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.deposit-data-btn:hover {
    background: #fff !important;
    color: var(--brand-orange) !important;
}

.generate-address-btn {
    border-radius: 20px;
    border: none;
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    padding: 12px 15px;
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: #fbf7ef;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.generate-address-btn:hover {
    background: #fff !important;
    color: var(--brand-orange) !important;
}

.min_deposit_text { font-size: 13px; }


.coinp_coin_in {
    font-size: 12px;
    font-weight: 600;
    color: #f4eadc;
    position: absolute;
    top: 17px;
    right: 15px;
}

.coinp_form .form-group input.coinp_input {
    font-size: 14px;
}

.deposit-status-btn {
    border-radius: 20px;
    border: none;
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    padding: 12px 15px;
    display: block;
    width: 174px;
    font-size: 14px;
    font-weight: 600;
    color: #fbf7ef;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.deposit-status-btn:hover {
    background: #fff !important;
    color: var(--brand-orange) !important;
}

.discord-btn {
    border-radius: 20px;
    border: none;
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    padding: 12px 15px;
    display: block;
    width: 174px;
    font-size: 14px;
    font-weight: 600;
    color: #fbf7ef;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.discord-btn:hover {
    background: #fff !important;
    color: var(--brand-orange) !important;
}

.deposit-home-btn {
    border-radius: 20px;
    border: none;
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    padding: 12px 15px;
    display: block;
    width: 174px;
    font-size: 14px;
    font-weight: 600;
    color: #fbf7ef;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.deposit-home-btn:hover {
    background: #fff !important;
    color: var(--brand-orange) !important;
}

.withdrawal_amt_input label .crypto-currency-code {
    display: none;
}

.deposit-data .form-select-crypto .form-control {
    -webkit-appearance: none;
    background-image: url(/images/betarama.io/downic.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center right 15px;
}

.deposit-data .user-bonus-selector .form-control {
    -webkit-appearance: none;
    background-image: url(/images/betarama.io/downic.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center right 15px;
}




.deposit-data .form-email-field .form-control,
.deposit-data .form-address-field .form-control {
    padding: 13px 24px;
}

.withdraw-inbox-warning {
    display: none;
}

#chain-tab-data-9-crypto-to-usd .withdraw-inbox-warning {
    display: block;
}

#chain-tab-data-9-crypto-to-usd .withdraw-inbox-warning {
    padding: 17.4px 20px;
    border-radius: 12px;
    background: linear-gradient(299deg, rgba(210, 47, 64, 0.37) -23.41%, rgba(210, 47, 64, 0.06) 114.79%);
    display: flex;
    align-items: center;
    margin: 0 0 15px;
    font-size: 12px;
}

#chain-tab-data-9-crypto-to-usd .withdraw-inbox-warning .fa-exclamation-triangle {
    color: #FF3B30;
    margin-right: 10px;
    font-size: 15px;
}

#chain-tab-data-9-crypto-to-usd .withdraw-inbox-warning p {
    margin-bottom: 0;
    color: #E4E4E4;
}

.coinp_form {
    /* width: 330px; */
}

.coinp_form .form-group {
    margin: 0 0 30px;
    /* width: 300px; */
}

.coinp_form .form-group label {
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    margin: 0 0 10px;
    display: block;
    text-align: left;
}

.coinp_form .form-group input {
    padding: 13px 50px 13px 24px;
    background: var(--dark-bg-main);
    border-radius: 15px;
    border: 2px solid rgba(255, 255, 255, 0.25);
    box-shadow: none;
    height: auto;
    font-size: 10px;
    font-weight: 500;
    color: #fff;
    border-color: var(--brand-orange);
}

.coinp_form .form-group button {
    top: 15px;
    right: 8px;
    font-size: 14px;
    padding: 0;
    background: transparent;
    color: #f4eadc;
    border: none;
    position: absolute;
}

.required_tag .coinp_form .form-group {
    margin: 0;
}

.coinp_form .qr-code, .deposit-bx .qr-code {
    margin-bottom: 30px;
}

.payslip-button {
    border-radius: 20px;
    border: none;
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    padding: 12px 15px;
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #fbf7ef;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.payslip-button:hover {
    background: #fff !important;
    color: var(--brand-orange) !important;
}

.payslip-no-items div {
    margin-bottom: 30px;
}

.played-block button#my-lotteries-btn {
    border-radius: 20px;
    border: none;
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    padding: 12px 15px;
    display: block;
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    color: #fbf7ef;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.played-block button#my-lotteries-btn:hover {
    background: #fff !important;
    color: var(--brand-orange) !important;
}

.withdraw-box .deposit-head {
    background: linear-gradient(299deg, rgba(255, 15, 0, 0.35) -23.41%, rgba(255, 15, 0, 0.08) 114.79%);
}

.withdraw-bx {
    display: flex;
    align-items: center;
    margin: 0 0 20px;
}

.withdraw-bx i {
    margin-right: 10px;
    color: #27282F;
    font-size: 15px;
}

.withdraw-bx p {
    font-size: 12px;
    font-weight: normal;
    color: #838286;
    margin: 0;
}

.withdraw-bx.highlight p {
    color: #E4E4E4;
}

.withdraw-bx.highlight .fa-exclamation-triangle {
    color: #FF3B30;
    font-size: 15px;
}

.withdraw-bx.highlight .verify-link {
    color: #f59e0b;
    text-decoration: underline;
    font-weight: 600;
}

.withdraw-bx.highlight .resend-link {
    color: #b8949a;
    text-decoration: underline;
}

.bonus-bx {
    display: flex;
    /* align-items: center; */
    margin: 0 0 10px;
}

.bonus-bx i {
    margin-right: 10px;
    color: #27282F;
    font-size: 15px;
}

.bonus-bx p {
    font-size: 13px;
    font-weight: 500;
    color: #838286;
    margin: 0;
}

.bonus-bx.highlight p {
    color: #E4E4E4;
}

.bonus-bx.highlight .fa-exclamation-triangle {
    color: #FF3B30;
    font-size: 15px;
}

.deposit-bx {
    display: block;
    align-items: center;
    /* margin: 20px 0; */
}

.deposit-bx i {
    margin-right: 10px;
    color: #27282F;
    font-size: 15px;
}

.deposit-bx p {
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    margin: 0;
}

.deposit-bx p small {
    font-size: 10px;
}

.deposit-bx .fa-exclamation-circle {
    display: none;
}

.deposit-bx_warn {
    display: flex;
    align-items: center;
    width: 80%;
    margin: 0 auto 30px;
}

.deposit-bx_warn .fa-exclamation-triangle {
    color: #FF3B30;
    margin-right: 10px;
    font-size: 15px;
}

.deposit-bx_warn p {
    font-size: 12px;
    text-align: left;
    margin-bottom: 0;
    color: #E4E4E4;
}

.deposit-bx_text {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 20px auto 20px;
}

.deposit-bx_text p {
    font-size: 10px;
    color: #E4E4E4;
    margin-bottom: 0;
}

.blockchain .stage-ready { margin-top: 10px; }

.deposit-bx p.min_deposit_text { font-size: 14px; color: #838286; }

.deposit_conversion p { font-size: 13px; color: #838286; }

.min_deposit_box {
    display: flex;
    align-items: center;
}

.min_deposit_box .fa-exclamation-triangle {
    color: #838286;
}

.min_deposit_box p {
    margin-bottom: 0;
    color: #E4E4E4;
}

.deposit-home-btn-div {
    width: 330px;
    margin-bottom: 50px;
}

.transfer-to-message,
.transfer-to-message2 {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.transfer-to-message button {
    background: none;
    border: none;
}

.transfer-to-message button i {
    margin: 0;
    color: #fff;
}

.transfer-to-message-bold {
    font-weight: 600;
}

.wallet-addbox {
    border-radius: 20px;
    background: linear-gradient(299deg, rgba(210, 47, 64, 0.37) -23.41%, rgba(210, 47, 64, 0.06) 114.79%);
    margin: 10px 0 0px;
    padding: 15px 20px;
    position: relative;
    z-index: 99;
}

.wallet-addbox h3 {
    font-size: clamp(12px, 2vw, 18px);
    font-weight: bold;
    color: #f4eadc;
    margin: 0 0 10px;
}

.wallet-addbox .copy-text input.text {
    padding: 0 30px 0 0;
    border-radius: 0;
    border: none;
    width: 100%;
}

.wallet-addbox .copy-text button {
    top: 0;
    right: 0;
    font-size: 14px;
}

.withdraw-lst-block {
    border-radius: 20px;
    background: var(--dark-bg-header);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    padding: 24px 24px 15px;
}

.withdraw-lst-row {
    margin: 0 0 30px;
    display: flex;
    align-items: center;
}

.withdraw-lst-row ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background: #1B1410;
    border-radius: 50px;
    border: none;
    padding: 10px;
    margin: 0 0 30px;
}

.withdraw-lst-row ul li {
    margin-right: 5px;
}

.withdraw-lst-row ul li a {
    padding: 15px 20px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    display: block;
}

.withdraw-lst-row ul li.active a {
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
}


.nav-tabs .nav-link {
    border: none;
    background: transparent;
    color: #fff;
    font-size: 12px;
    border-radius: 50px;
}

.nav-tabs .nav-link.active {
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    color: #fbf7ef !important;
    border-radius: 20px;
}

#static .nav-tabs .nav-link.active {
    background: revert;
    color: var(--bs-nav-tabs-link-active-color) !important;
    border-radius: 0;
    transition: none;
}

#static tbody,
#static td,
#static tfoot,
#static th,
#static thead,
#static tr {
    border-color: inherit;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
}

.withdraw-inbox {
    padding: 15px 20px;
    border-radius: 12px;
    background: linear-gradient(299deg, rgba(210, 47, 64, 0.37) -23.41%, rgba(210, 47, 64, 0.06) 114.79%);
    margin: 0 0 15px;
    display: flex;
    align-items: center;
}

.withdraw-inbox:hover {
    background: var(--brand-orange);
    border-color: var(--brand-orange);
    color: #fbf7ef;
}

.with-lg {
    min-width: 30px;
    margin-right: 15px;
}

.with-lg img {
    height: 24px;
    object-fit: cover;
}

.withdt {
    width: 100%;
}

.withdt h3 {
    font-size: 14px;
    font-weight: 600;
    color: #f4eadc;
    margin: 0 0 8px;
    display: flex;
    align-items: center;
}

.withdt h3 span {
    font-size: 12px;
    font-weight: normal;
    color: #f4eadc;
    margin-left: auto;
    display: none;
}

.currently_in_use {
    display: block !important;
}

.withdt h3 span i {
    margin-left: 5px;
}

.withdt h6 {
    font-size: 12px;
    font-weight: normal;
    color: #f4eadc;
    margin: 0;
    display: flex;
    align-items: center;
}

.withdt h6 span.balance_box {
    color: #f4eadc;
    margin-left: auto;
    font-size: 12px;
    font-weight: 600;
}

.withdt h6 span.balance_box .crypto-currency-code {
    vertical-align: middle;
}

.withdt h6 span.balance_box .crypto-currency-icon {
    display: inline-block !important;
    vertical-align: middle;
}

.currently_in_use_box {
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
}

.currently_in_use_box .withdt h3 span {
    display: block;
}

#casino_currency_modal .modal-dialog {
    max-width: 420px;
}

#casino_currency_modal .modal-content {
    background: #271114;
    border: 1px solid rgba(var(--brand-orange-rgb, 163, 67, 18), 0.3);
    border-radius: 16px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.5), 0 0 40px rgba(var(--brand-orange-rgb, 163, 67, 18), 0.1);
    overflow: hidden;
    padding: 0;
}

#casino_currency_modal .modal-header {
    background: linear-gradient(135deg, rgba(var(--brand-orange-rgb, 163, 67, 18), 0.15) 0%, transparent 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    padding: 20px 24px;
    align-items: flex-start;
}

#casino_currency_modal .casino-currency-modal-header-content {
    display: flex;
    align-items: center;
    gap: 14px;
}

#casino_currency_modal .casino-currency-modal-icon {
    font-size: 24px;
    color: var(--brand-orange, #a3121f);
    background: rgba(var(--brand-orange-rgb, 163, 67, 18), 0.15);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

#casino_currency_modal .modal-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
}

#casino_currency_modal .casino-currency-modal-subtitle {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
    margin: 2px 0 0 0;
    font-weight: 400;
}

#casino_currency_modal .modal-header .close {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.6);
    font-size: 20px;
    font-weight: 300;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: all 0.2s ease;
    line-height: 1;
}

#casino_currency_modal .modal-header .close:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    transform: rotate(90deg);
}

#casino_currency_modal .modal-body {
    background: #271114;
    padding: 8px 16px 16px;
    max-height: 60vh;
    overflow-y: auto;
}

#casino_currency_modal .modal-body::-webkit-scrollbar {
    width: 6px;
}

#casino_currency_modal .modal-body::-webkit-scrollbar-track {
    background: transparent;
}

#casino_currency_modal .modal-body::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.15);
    border-radius: 3px;
}

#casino_currency_modal .casino-currency-item {
    margin-bottom: 4px;
}

#casino_currency_modal .casino-currency-link {
    display: block;
    text-decoration: none;
    color: inherit;
    border-radius: 12px;
    transition: all 0.2s ease;
}

#casino_currency_modal .casino-currency-link:hover {
    text-decoration: none;
    color: inherit;
    transform: translateY(-1px);
}

#casino_currency_modal .withdraw-inbox {
    display: flex;
    align-items: center;
    padding: 14px 16px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    transition: all 0.2s ease;
    gap: 14px;
    line-height: 1.4;
}

#casino_currency_modal .withdraw-inbox:hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(var(--brand-orange-rgb, 163, 67, 18), 0.3);
}

#casino_currency_modal .currently_in_use_box {
    background: rgba(var(--brand-orange-rgb, 163, 67, 18), 0.08);
    border-color: rgba(var(--brand-orange-rgb, 163, 67, 18), 0.25);
}

#casino_currency_modal .with-lg {
    flex-shrink: 0;
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#casino_currency_modal .crypto-currency-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    padding: 4px;
    margin-left: 0;
}

#casino_currency_modal .withdt {
    flex: 1;
    min-width: 0;
}

#casino_currency_modal .withdt h3 {
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

#casino_currency_modal .withdt h6 {
    font-size: 13px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.5);
    margin: 2px 0 0 0;
}

#casino_currency_modal .currently_in_use {
    font-size: 11px;
    font-weight: 600;
    color: var(--brand-orange, #a3121f);
    background: rgba(var(--brand-orange-rgb, 163, 67, 18), 0.15);
    padding: 2px 10px;
    border-radius: 20px;
    white-space: nowrap;
}

#casino_currency_modal .currently_in_use i {
    margin-left: 2px;
    font-size: 10px;
}

#casino_currency_modal .balance_box {
    font-size: 13px;
}

#casino_currency_modal .balance_box img {
    height: 12px;
    vertical-align: middle;
}



/* **** End My Wallet Page ***** */

/* **** My Winning Page **** */

.winning-list-filter-row {
    margin: 0 0 50px;
}

.winning-list-filter-row ul.winlst-rowbx {
    display: flex;
    align-items: center;
}

.winning-list-filter-row ul.winlst-rowbx li {
    margin-right: 25px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    width: fit-content;
}

.winning-list-filter-row ul.winlst-rowbx li:last-child {
    margin: 0;
}

.winning-list-filter-row ul.winlst-rowbx li label {
    font-size: 12px;
    font-weight: normal;
    color: #d6d0c6;
    margin: 0 10px 0 0;
}

.winning-list-filter-row ul.winlst-rowbx li .form-control {
    padding: 12px 15px;
    background: var(--dark-bg-header);
    border-radius: 30px;
    height: auto;
    box-shadow: none;
    border: none;
    font-size: 12px;
    font-weight: normal;
    color: #E4E4E4;
}

.winning-list-filter-row ul.winlst-rowbx li input.form-control {
    color-scheme: dark;
}

.winning-list-filter-row ul.winlst-rowbx li label i {
    margin-right: 5px;
}

.boxselc button {
    padding: 10px 15px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: normal;
    color: #E4E4E4;
    background: var(--dark-bg-header);
    border: none;
}

.boxselc button img {
    min-width: 18px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 5px;
}

.boxselc button i {
    margin-left: 5px;
}

.boxselc .dropdown-toggle::after {
    display: none;
}

.boxselc .dropdown-menu {
    padding: 10px;
    border-radius: 10px;
    background: var(--dark-bg-header);
    border: none;
}

.winning-list-filter-row ul.winlst-rowbx li .dropdown-menu li {
    margin: 0;
    width: 100%;
}

.boxselc .dropdown-menu li a {
    padding: 5px 0;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: normal;
    color: #E4E4E4;
    width: 100%;
}

.boxselc .dropdown-menu li a img {
    min-width: 18px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 5px;
}

.boxselc .dropdown-menu li a:hover {
    background: transparent;
    color: #fff;
}

.winning-block {
    margin: 0 0 30px;
    border-radius: 20px;
    overflow: hidden;
    background: var(--dark-bg-header);
    border: 2px solid #a3121f;
    box-shadow: 0px 0px 19px 0px rgba(210, 47, 64, 0.44);
}

.winning-imgbx {
    position: relative;
}

.winning-imgbx img.win-back {
    height: 95px;
    width: 100%;
    object-fit: cover;
}

.winning-imgbx .letto-dt {
    display: flex;
    align-items: center;
    width: 100%;
}

.winning-imgbx .letto-dt img {
    margin-left: auto;
}

.letto-dt h3 {
    margin: 0;
    display: inline-block;
}

.letto-dt .favorite-container {
    display: none;
    margin-left: 5px;
}

.winning-data {
    padding: 20px 15px;
}

.winbox {
    padding: 15px;
    margin: 0 0 10px;
    border-radius: 30px;
    background: #36181b;
    display: flex;
    align-items: center;
}

.discord_box {
    padding: 15px;
    margin: 0 0 10px;
    border-radius: 30px;
    background: #36181b;
    display: flex;
    align-items: center;
    margin-top: 30px;
    margin-left: -70px;
    margin-right: -70px;
    padding-left: 30px;
}

.winbox h4 {
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    color: #f4eadc;
}

.discord_box h4 {
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    color: #f4eadc;
}

.winbox h6 {
    margin: 0 0 0 auto;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
}

.discord_box h6 {
    margin: 0 0 0 auto;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
}

.winbox.active {
    border: 2px solid #d22f40;
    background: linear-gradient(1deg, #a3121f -35.87%, #d22f40 106.8%);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
}

.winbox.active h4 {
    color: #fff;
}

.winning-data .played-block {
    padding: 20px 0;
}

/* **** End My Winning Page **** */

/* **** My Lotteries Page **** */

.my-lotteries-banner .inner-bannerimg img {
    height: 280px;
}

#lotto-entries-wrapper .modal-dialog {
    max-width: 600px;
    margin: 1.75rem auto;
}

.my-lottery-block .modal-content {
    background-color: #381e21;
    border: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.modal-header {
    border-bottom: none;
}

#lotto-entries-wrapper .modal-content {
    width: 600px;
}

#lotto-entries-wrapper .modal-body .lotto-tickets {
    margin: 0 auto;
}

#lotto-entries-wrapper .modal-body .lotto-tickets img,
#lotto-entries-wrapper .my-lottery-box img {
    width: 80px;
    float: left;
    margin-right: 14px;
    height: auto;
}

#lotto-entries-wrapper .my-lottery-title-name {
    margin-top: 10px;
    padding-top: 0;
    width: 92%;
    font-size: 20px;
    display: block;
}

#lotto-entries-wrapper .modal-body .horiz-line {
    border-color: #f4eadc;
    margin-top: 20px;
    margin-bottom: 0;
}

#lotto-entries-wrapper .modal-body h3 {
    margin: 20px 0 10px 0;
    width: 100%;
    text-align: left;
    padding: 0;
    float: left;
    font-size: 24px;
    display: inline-block;
}

#lotto-entries-wrapper .modal-body .lotto-tickets h3 img {
    width: 50px;
}

#lotto-entries-wrapper .modal-body .lotto-game {
    font-size: 16px;
    padding-top: 7px;
    display: block;
}

#lotto-entries-wrapper .modal-body .lotto-date {
    display: block;
    font-size: 16px;
}

#lotto-entries-wrapper .modal-body .chosen-numbers {
    width: 50%;
    text-align: left;
    padding: 0;
    float: left;
    display: inline-block;
    margin-bottom: 10px;
}


/* **** End My Lotteries Page **** */

/* **** My Bets Page **** */


.bets-banner .inner-bannerimg img {
    height: 260px;
}

.my-bit-wrp .winning-list-filter-row {
    margin: 0 0 30px;
}

.btn-filter {
    font-size: 12px;
    font-weight: normal;
    color: #E4E4E4;
    border: none;
    border-radius: 30px;
    background: linear-gradient(299deg, rgba(210, 47, 64, 0.37) -23.41%, rgba(210, 47, 64, 0.06) 114.79%);
    padding: 10px 15px;
    min-width: 130px;
    text-align: center;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.btn-filter:hover {
    background: #fff;
    color: #d22f40;
}

.bets-table-block table,
.referral-table-block table {
    margin: 0;
    background: var(--dark-bg-header);
    border-radius: 20px;
}

.referral-table-block table {
    margin-bottom: 20px;
}

.bets-table-block table thead th,
.referral-table-block table thead th {
    padding: 18px 10px;
    border: none;
    font-size: 14px;
    border-radius: 0;
    font-weight: 600;
    background: transparent;
    color: #E4E4E4;
}

.referral-table-block table thead th {
    padding: 5px 10px;
}

.bets-table-block table thead th:last-child,
.referral-table-block table thead th:last-child {

}

.referral-table-block table thead th:last-child {
    text-align: left;
}

.bets-table-block table tbody tr td {
    padding: 15px 10px;
    border: none;
    font-size: 12px;
    font-weight: 600;
    background: transparent;
    color: #f4eadc;
}

.intbbox {
    display: flex;
    align-items: center;
}
.intbbox small {
    margin-left: 5px;
    color: #f4eadc;
    font-weight: normal;
    font-size: 12px;
}

.bets-table-block table tbody tr td .history-cell-currency-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1.3;
}

.bets-table-block table tbody tr td .history-cell-deposited-as {
    display: block;
    margin: 2px 0 0;
    white-space: nowrap;
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
    color: #f4eadc;
}

.header_balance {
    text-align: right;
}

.bets-table-block table tbody tr td img {
    margin-right: 10px;
}

.referral-table-block table tbody tr td img {
    display: none;
}

.bets-table-block table tbody tr td span {
    color: #f4eadc;
    font-weight: normal;
    /* margin-left: 5px; */
}

.lotto-title-history {
  margin-left: 5px;
}

.btn-cancel-withdrawal {
    background: transparent;
    color: #ef4444;
    border: 1px solid #ef4444;
    border-radius: 4px;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s, color 0.2s;
}

.btn-cancel-withdrawal:hover {
    background: #ef4444;
    color: #fff;
}

.btn-cancel-withdrawal:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.bets-table-block table tbody tr:nth-child(odd) td,
.referral-table-block table tbody tr:nth-child(odd) td {
    background: rgba(210, 47, 64, 0.05);
}

.bets-table-block table tbody tr td h6,
.referral-table-block table tbody tr td h6 {
    display: flex;
    /* align-items: center; */
    font-size: 12px;
    font-weight: normal;
    color: #34C759;
    margin: 0;
}

.bets-table-block table tbody tr td h6 img,
.referral-table-block table tbody tr td h6 img {
    min-width: 15px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    object-fit: cover;
    margin: 0 0 0 5px;
}

.bets-table-block table tbody tr td:last-child .intbbox,
.referral-table-block table tbody tr td:last-child .intbbox {

}

.bets-table-block table tbody tr td:last-child .intbbox h6,
.referral-table-block table tbody tr td:last-child .intbbox h6 {
    color: #f4eadc;
    text-align: right;
}

.bets-table-block table tbody tr td h6.high,
.referral-table-block table tbody tr td h6.high {
    color: #34C759 !important;
}

.intbbox h6,
.winbox h6 {
    display: flex;
    align-items: center;
    gap: 4px;
}

.intbbox h6 .crypto-currency-icon img,
.winbox h6 .crypto-currency-icon img {
    height: 12px;
    width: auto;
}

.pager-box {
    margin: 30px 0 0;
}

.pager-box ul {
    display: flex;
    align-items: center;
}

.pager-box ul li {
    margin-right: 15px;
}

.pager-box ul li:last-child {
    margin: 0;
}

.pager-box ul li a {
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: block;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    color: #838286;
}

.pager-box ul li a.nav-btnpg {
    background: #27282F;
    color: #7E7E7E;
}

.pager-box ul li.active a {
    color: #fbf7ef;
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
}

.pager-box ul li a:hover {
    background: linear-gradient(299deg, rgba(210, 47, 64, 0.37) -23.41%, rgba(210, 47, 64, 0.06) 114.79%);
    filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.15));
    -webkit-filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.15));
    color: #d6d0c6;
}

.pager-box ul li span {
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: block;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    color: #838286;
}

.pager-box ul li span.nav-btnpg {
    background: #27282F;
    color: #7E7E7E;
}

.pager-box ul li:first-child span,
.pager-box ul li:last-child a,
.pager-box ul li:first-child a,
.pager-box ul li:last-child span {
    background: #27282F;
    color: #7E7E7E;
    border-radius: 50% !important;
}

.pager-box ul li.active span {
    color: #fbf7ef;
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
}

.pager-box ul li span:hover {
    background: linear-gradient(299deg, rgba(210, 47, 64, 0.37) -23.41%, rgba(210, 47, 64, 0.06) 114.79%);
    filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.15));
    -webkit-filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.15));
    color: #d6d0c6;
}

.resp_bet_headers_3 {
    display: none;
}

.bet-history-header {
    padding: 15px !important;
    display: flex;
    align-items: center;
    border-radius: 12px;
    background: linear-gradient(111deg, rgba(210, 47, 64, 0.7) 10.81%, rgba(163, 18, 31, 0.7) 100.23%);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
}

.bet-history-header h3 {
    font-size: 14px;
    font-weight: 500;
    color: #f4eadc;
    margin: 0;
    line-height: 1.2;
}

/* .bet-history-holder {
    max-width: 680px;
} */

.history-index {
    padding: 20px;
}

.event_header {
    display: flex;
    column-gap: 6px; /* the spaces around "vs" vanish between flex items ("Libertad Asuncionvs", owner 4 Nov 2026) */
}

.event_header img {
    margin-right: 10px;
}

.prop_and_date_header {
    font-family: Inter;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0px;
    text-align: left;
    color: #f4eadc;
    display: flex;
    margin-top: 20px;
    align-items: center;
}

.prop_date_header {
    margin-left: auto;
}

.prop_title_header {
    background: var(--dark-bg-main);
    padding: 8px 16px;
    margin-top: 10px;
    border-radius: 12px;
    display: flex;
    align-items: center;
}

.prop_odds_header {
    margin-left: auto;
}

.bet_status_header {
    font-family: Inter;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0px;
    text-align: left;
    color: #f4eadc;
    display: flex;
    margin-top: 20px;
    align-items: center;
}

.bet_id_number {
    display: flex;
    margin-top: 20px;
    align-items: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #f4eadc;
}

.bet_id_header {
    margin-left: auto;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #f4eadc;
}

.bet_overall_status {
    display: flex;
    margin-top: 8px;
    align-items: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #f4eadc;
}

.bet_overall_status_header {
    margin-left: auto;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #f4eadc;
}

.bet_decoration_header {
    display: flex;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.bet_decoration_header img {
    height: 26px;
    margin-left: 12px;
    margin-right: 12px;
}

.bet_decoration_header .main_logo_title {
    font-size: 23px;
    margin-right: 12px;
}

.bet_decoration_header_inner {
    width: 100%;
    display: flex;
    align-items: center;
}

.bet_history_stake_number {
    margin-left: auto;
}

.bet_history_stake_number .crypto-currency-icon {
    vertical-align: bottom;
}

.bet-history-stake {
    display: flex;
    margin-top: 20px;
    align-items: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #f4eadc;
}

.bet_history_stake {
    display: flex;
    margin-top: 8px;
    align-items: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #f4eadc;
}

.bet_date_made {
    display: flex;
    align-items: center;
}

.bet_type_header {
    margin-left: 20px;
}

.bet_share_header {
    margin-left: auto;
}

.bet_history_est_payout {
    display: flex;
    margin-top: 8px;
    align-items: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #f4eadc;
}

.bet_history_est_payout_number {
    margin-left: auto;
}

.bet_history_est_payout_number .crypto-currency-icon {
    vertical-align: bottom;
}

.special_bet_header {
    margin-bottom: 20px;
    color: #34C759;
}

.bet_status_header_span {
    margin-left: auto;
}

.bet-history-holder .match-box {
    margin: 0 0 30px;
}

.bet-history-holder .nav-pills {
    margin-bottom: 30px !important;
}

.bet_share_header button {
    background: none;
    border: none;
}

.modal_body_share a {
    background: none;
    border: none;
    display: block;
    margin-bottom: 10px;
    text-align: left;
}

.modal_body_share svg {
    width: 50px;
    height: auto;
}

/* **** End My Bets Page **** */

/* **** My Profile Page **** */

.profile-block {
    margin: 0 0 50px;
    padding: 50px;
    border-radius: 20px;
    background: var(--dark-bg-header);
}

.profile-block:last-child {
    margin: 0;
}

.profile-block h3 {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    margin: 0 0 25px;
}

.profile-block .form-group {
    margin: 0 0 25px;
}

.profile-block .form-group label, .withdrawal-block .form-group label {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    display: block;
    margin: 0 0 10px;
}

div.form-group.balance-distribution-box > label:nth-child(1) {
  display: inline;
}

.profile-block .form-group .form-control {
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    padding: 15px 25px;
    border: 2px solid rgba(255, 255, 255, 0.25);
    border-radius: 20px;
    box-shadow: none;
    background: var(--dark-bg-main);
}

.profile-block .form-group .form-control::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.profile-block .form-group.errorbx .form-control {
    border-color: #FF3B30;
}

.profile-block .form-group .timezoneobx {
    position: relative;
}

.profile-block .form-group .timezoneobx .form-control {
    padding: 15px 40px 15px 45px;
    -webkit-appearance: none;
    background-image: url('/images/betarama.io/downic.svg');
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center right 15px;
}

.profile-block .form-group .timezoneobx i {
    color: #E4E4E4;
    font-size: 16px;
    position: absolute;
    top: 17px;
    left: 15px;
}

.profile-block .btn-main {
    padding: 15px 30px;
    border-radius: 20px;
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    font-size: 14px;
    font-weight: 500;
    color: #fbf7ef;
    border: none;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.profile-block .btn-main:hover {
    background: #fff;
    color: #a3121f;
}

.profile-block .btn-password-chainge {
    padding: 15px 30px;
    border-radius: 20px;
    background: var(--Primary-Inverse, linear-gradient(109deg, #FFF 20.42%, rgba(255, 255, 255, 0.65) 122.47%));
    font-size: 14px;
    font-weight: 500;
    color: #211214;
    border: none;
    transition: .4s linear;
    -webkit-transition: .4s linear;
    margin-left: 20px;
    vertical-align: bottom;
}

.profile-block .btn-password-chainge:hover {
    background: #fff;
    /* color: #A34312; */
}

.profile-block .played-block {
    padding: 0;
}

.profile-block .played-block .btn-played {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    display: block;
    padding: 0 50px 0 0;
    position: relative;
}

.profile-block .played-block .btn-played span {
    position: absolute;
    top: 0;
    right: 0;
}

.profile-block .played-block .btn-played p {
    display: block;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    margin: 5px 0 0;
}

.profile-block .played-block .played-box {
    padding: 0;
    background: transparent;
    border-radius: 0;
}

.profile-block .played-box .btn-group {
    display: flex;
    align-items: center;
}

.profile-block .played-box .btn-group .btn-cen {
    padding: 12px 30px;
    border-radius: 20px;
    border: 2px solid #FF3B30;
    background: linear-gradient(276deg, #E8352B 11.32%, #d22f40 96.68%);
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    margin-right: 15px;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.profile-block .played-box .btn-group .btn-cen.btn-acdel {
    margin: 0;
    background: transparent;
    color: #FF3B30;
}

.profile-block .played-block .btn-played.collapsed span,
.profile-block .played-block .btn-played span {
    background: #27282F;
    color: #7E7E7E;
}

.profile-block .played-block .btn-played span {
    background: #FF3B30;
}

.profile-block .played-block .form-group .form-control {
    letter-spacing: 2px;
}

.profile-block .played-block .form-group .form-control:focus {
    color: #fff;
    border: 2px solid #FF3B30 !important;
}

.profile-block .played-box .btn-group .btn-cen:hover {
    background: #fff;
    border-color: #fff;
    color: #FF3B30;
}

#users_change_password .profile-block .btn-main {
    margin-left: 10px;
}

/* **** End My Profile Page **** */

/* **** PaySlip Page **** */
.payslip-wrp .container {
    max-width: 1040px;
}

.payslip-banner {
    background: url('/images/betarama.io/payslip-banner.png') 0 0 no-repeat;
    background-size: cover;
    margin: 0 0 50px;
}

.payslip-wrp .cart-total .btn-main {
    border-radius: 20px;
    border: 2px solid #d22f40;
    background: linear-gradient(1deg, #a3121f -35.87%, #d22f40 106.8%);
    box-shadow: 0px 0px 19px 0px rgba(210, 47, 64, 0.44);
    margin-left: 10px;
}

.payslip-wrp .cart-total .btn-main:hover {
    background: #fff;
    color: #d22f40;
}

.cart-blocks {
    margin: 0 0 30px;
    padding: 24px;
    border-radius: 20px;
    background: var(--dark-bg-header);
    position: relative;
}

.payslip-notice h3 {
    text-align: center;
    font-size: 22px;
}

.payboxtob {
    position: absolute;
    bottom: 24px;
    left: 24px;
}

.pro-nm-box {
    display: flex;
    align-items: center;
    margin: 0 0 20px;
}

.pro-nm-box img {
    width: 50px;
    min-width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    margin-right: 15px;
}

.pro-nm-box h3 {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin: 0;
}

.table-shrerow {
    width: 100%;
    padding: 0 40px 0 0;
    position: relative;
}

.table-shrerow div.played-box {
    padding: 10px 15px;
    border-radius: 20px;
    background: #36181b;
    margin: 0 0 25px;
}

.table-shrerow div.played-box:last-child {
    margin: 0;
}

.table-shrerow .played-box h2 {
    display: flex;
    align-items: center;
    color: #f4eadc;
    font-size: 12px;
    margin: 0 0 20px;
}

.table-shrerow .played-box h2 b {
    color: #FFF;
    font-size: 12px;
    margin-left: auto;
    margin-right: 0;
}

.table-shrerow .played-box h2 img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    object-position: center;
    margin-right: 8px;
}

.table-shrerow .played-box .inner-selbx {
    padding: 0;
    background: transparent;
}

.table-shrerow .played-box .inner-selbx ul {
    margin: 0 0 8px;
}

.table-shrerow .played-box .inner-selbx ul:last-childs {
    margin: 0;
}

.table-shrerow .played-box .inner-selbx ul li a {
    height: 30px;
    width: 30px;
    line-height: 26px;
}

a.delic {
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-size: 20px;
    color: #532d31;
    background: transparent;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

a.delic:hover {
    color: var(--brand-orange);
}

.total_line {
    padding: 20px 20px;
    border-radius: 30px;
    background: #36181b;
    margin: 0 0 10px;
}

.total_line:last-child {
    margin: 0;
}

.total_line h6 {
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    color: #f4eadc;
    display: flex;
    align-items: center;
}

.total_line h6 span {
    margin-left: auto;
    font-weight: 600;
    color: #fff;
}

/* **** End PaySlip Page **** */


/* **** Betting Page **** */
.batting-wrapper .container {
    max-width: 1420px;
}

.betting-banner {
    margin: 0 0 50px;
    border-radius: 20px;
    background: linear-gradient(299deg, rgba(210, 47, 64, 0.19) -23.41%, rgba(210, 47, 64, 0.03) 114.79%);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
}

.bet-leftbox {
    padding: 50px;
    border-radius: 20px 20px 20px 20px;
    /* background: linear-gradient(111deg, var(--brand-orange) 10.81%, #A34312 100.23%); */
    background: linear-gradient(233deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
}

.bet-leftbox ul li {
    display: flex;
    align-items: center;
    margin: 0 0 15px;
}

.bet-leftbox ul li:last-child {
    margin: 0;
}

.teamnmbx {
    display: flex;
    align-items: center;
}

.teamnmbx img {
    min-width: 24px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 15px;
}

.teamnmbx h3 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

.scornm {
    margin-left: auto;
}

.scornm h4 {
    margin: 0;
    font-size: 21px;
    font-weight: 600;
    color: #fff;
}

.bet-rightbox {
    padding: 50px 50px 50px 25px;
}

.bet-rightbox li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 500;
    color: #f4eadc;
    margin: 0 0 15px;
}

.bet-rightbox li:last-child {
    margin: 0;
}

.bet-rightbox li img {
    margin-right: 10px;
}

.betting-list {
    margin: 0 0 50px;
}

.betting-list ul {
    background: var(--dark-bg-header);
    padding: 10px;
    border-radius: 50px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15) inset;
    display: flex;
    align-items: center;
}

.betting-list ul li {
    margin-right: 5px;
}

.betting-list ul li:last-child {
    margin: 0;
}

.betting-list ul li a {
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    display: block;
}

.betting-list ul li.active a {
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    color: #fbf7ef;
}


/* Select options design Start */

/* The container must be positioned relative: */
.set-lines .product-list {
    position: relative;
    padding: 0;
    background: #36181b;
    border-radius: 20px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20) inset;
}

/*hide original SELECT element: */
.set-lines .product-list select {
    display: none;
}

.set-lines {
    padding-left: 10px;
    padding-right: 10px;
}

.pick-lines {
    margin: 0 -10px 24px;
}

.select-selected {
    background: none;
}

/* Style the arrow inside the select element: */
.select-selected:after {
    position: absolute;
    content: "";
    top: 18px;
    right: 20px;
    width: 22px;
    height: 12px;
    background: url(/images/betarama.io/up-arrow-white.png) no-repeat;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
    background: url(/images/betarama.io/down-arrow-white.png) no-repeat;
}

/* style the items (options), including the selected item: */
.select-items div,
.select-selected {
    padding-left: 15px;
    text-align: left;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    cursor: pointer;
}

.select-items div {}

.select-items div:nth-child(odd) {
    background-color: rgba(210, 47, 64, 0.067);
}

.select-items div:nth-child(even) {
    background: none;
}

/* Style items (options): */
.select-items {}

/* Hide the items when the select box is closed: */
.select-hide {
    display: none;
}

.select-items div:hover,
.same-as-selected {
    background-color: #d22f40 !important;
}

.product-list .select-items div,
.product-list .select-selected {
    font-size: 16px;
}

/* Select options design End */

.logo-showing {
    background: var(--dark-bg-header);
    padding: 15px 0 15px 30px;
    width: 100%;
}

.lotto-game-logo {
    margin-right: 5px;
    flex: inherit;
    padding: 0;
    max-width: 40px;
}

.lotto-game-logo img {
    width: 35px !important;
    height: auto;
}

.lotto-game-logo-collapse {
    padding: 0;
    width: 35px;
    text-align: right !important;
}

.lotto-game-logo-collapse a i {
    color: #fff;
}

.synd-text-plus {
    font-size: 22px;
    font-weight: 600;
}

a.lotto-logos-collapse {
    cursor: pointer;
}

.logo-showing-below {
    background: var(--dark-bg-header);
    padding: 0 0 0 30px;
    width: 100%;
}

.logo-showing-below .pt-3,
.logo-showing-below .py-3 {
    padding-top: 0 !important;
    padding-bottom: 15px;
}

.a.lotto-logos-collapse i {
    color: #fff;
}

.restricted_overlay a {
    color: #838286;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.restricted_overlay a:hover {
    color: #fff;
}

.restricted_overlay .modal-content {
    background-color: var(--dark-bg-header);
    border: 2px solid #27282F;
}

/* **** Betting Page **** */
.batting-wrapper .container {
    max-width: 1420px;
}

.betting-banner {
    margin: 0 0 50px;
    border-radius: 20px;
    background: linear-gradient(299deg, rgba(210, 47, 64, 0.19) -23.41%, rgba(210, 47, 64, 0.03) 114.79%);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
}

.bet-leftbox {
    padding: 50px;
    border-radius: 20px 20px 20px 20px;
    /* background: linear-gradient(111deg, var(--brand-orange) 10.81%, #A34312 100.23%); */
    background: linear-gradient(233deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
}

.bet-leftbox ul li {
    display: flex;
    align-items: center;
    margin: 0 0 15px;
}

.bet-leftbox ul li:last-child {
    margin: 0;
}

.teamnmbx {
    display: flex;
    align-items: center;
}

.teamnmbx img {
    min-width: 24px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 15px;
}

.teamnmbx h3 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

.scornm {
    margin-left: auto;
}

.scornm h4 {
    margin: 0;
    font-size: 21px;
    font-weight: 600;
    color: #fff;
}

.bet-rightbox {
    padding: 50px 50px 50px 25px;
}

.bet-rightbox li {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #f4eadc;
    margin: 0 0 15px;
}

.bet-rightbox li:last-child {
    margin: 0;
}

.bet-rightbox li img {
    margin-right: 10px;
}

.betting-list {
    margin: 0 0 50px;
}

.betting-list ul {
    background: var(--dark-bg-header);
    padding: 10px;
    border-radius: 50px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15) inset;
    display: flex;
    align-items: center;
    border: none;
}

.betting-list ul li {
    margin-right: 5px;
}

.betting-list ul li:last-child {
    margin: 0;
}

.betting-list ul li a {
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    display: block;
}

.betting-list ul li.active a {
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    color: #fbf7ef;
}


.betting-list-wrp .accordion .accordion-item {
    margin: 0 0 30px;
    background-color: transparent;
    border: none;
    background: var(--dark-bg-header);
    border-radius: 20px;
    overflow: hidden;
}

.betting-list-wrp .accordion .accordion-item .accordion-button {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    padding: 24px 45px 24px 24px;
    background: linear-gradient(299deg, rgba(210, 47, 64, 0.1) -32.34%, rgba(210, 47, 64, 0.1) -23.41%, rgba(210, 47, 64, 0.02) 114.79%);
    position: relative;
    margin-bottom: 0;
}

.betting-list-wrp .accordion .accordion-item .accordion-button.collapsed {

}

.betting-list-wrp .accordion .accordion-item .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
}

.betting-list-wrp .accordion .accordion-item .accordion-button:focus {
    box-shadow: none;
}

.betting-list-wrp .accordion .accordion-item .accordion-button::after {
    display: none;
}

.betting-list-wrp .accordion .accordion-item .accordion-button:before {
    position: absolute;
    content: "\f077";
    font-family: "Font Awesome 5 Pro";
    right: 24px;
    top: 50%;
    font-size: 12px;
    background: var(--brand-orange);
    color: #fbf7ef;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    opacity: 1;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.betting-list-wrp .accordion .accordion-item .accordion-button.collapsed:before {
    content: "\f078";
    opacity: 0.30;
}

.betting-list-wrp .accordion .accordion-body {
    padding: 15px 24px 0;
}

.scoring-rw {
    padding: 15px 24px 0;

}

.scoring-rw .totline {
    padding: 15px 20px;
    margin: 0 0 15px;
}

.scoring-rw h3 {
  font-size: 14px;
  font-weight: bold;
  color: #d6d0c6;
  margin: 0 0 10px 10px;
  padding: 5px 0;
  text-align: left;
}

.scoring-rw .row {
    /*align-items: center;*/
    /* naah */
}

.scoring-rw .slider-wrapper {
    height: 50px;
    position: relative;
}

.scoring-rw .slider-rangebox h3 {
    text-align: center;
    font-size: 18px;
    color: #d6d0c6;
    margin: 0 0 15px;
    justify-content: center;
}

.scoring-rw .slider-wrapper ul {
    display: flex;
    flex-wrap: wrap;
    padding: 5px 0 0;
}

.scoring-rw .slider-wrapper ul li {
    width: 20%;
    font-size: 14px;
    font-weight: 500;
    color: #E4E4E4;
    text-align: center;
}

.scoring-rw .slider-wrapper ul li:first-child {
    text-align: left;
}

.scoring-rw .slider-wrapper ul li:last-child {
    text-align: right;
}

.betting-slipside {
    border-radius: 20px;
    background: var(--dark-bg-header);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    padding: 24px 20px;
    /* min-height: 690px; */
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}


.progress-status {
    padding: 24px;
    display: none;
}

.progress-status h3 {
    font-size: 35px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin: 0;
}

.progress-status p {
    font-size: 24px;
    font-weight: normal;
    color: #fff;
    font-style: italic;
    text-align: center;
    margin: 0;
}

.workrowopen {
    position: relative;
    z-index: 1;
}

.workrowopen h2 {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #f4eadc;
    margin: 0 0 25px;
}

.workrowopen h2 img {
    margin-right: 10px;
}

.workrowopen h2 span {
    margin-left: auto;
    font-size: 14px;
    color: #a3121f;
}

.match-box {
    border-radius: 16px;
    background: linear-gradient(299deg, rgba(210, 47, 64, 0.37) -23.41%, rgba(210, 47, 64, 0.06) 114.79%);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    margin: 0 0 12px;
}

.match-head {
    padding: 15px 0 5px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.match-head-datetime{
    font-size: 9px;
    color: #f4eadc;
}

.disable {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    cursor: not-allowed;
}

.match-head h3 {
    font-size: 13px;
    font-weight: 500;
    color: #f4eadc;
    margin: 0;
}

.match-head h3 span {
    background: #FF3B30;
    border-radius: 4px;
    border: none;
    font-size: 9px;
    font-weight: 600;
    color: #fff;
    width: 26px;
    min-width: 26px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    height: 15px;
    line-height: 15px;
    margin-right: 2px;
}

a.btn-del {
    color: #d22f40;
    font-size: 16px;
    margin-left: auto;
}

a.btn-del:hover {
    color: #fff;
}

.match-dt-box {
    padding: 15px 0;
}

.match-srbx {
    margin: 0 0 15px;
    position: relative;
}

.match-srbx label {
    font-size: 12px;
    font-weight: normal;
    color: #f4eadc;
    margin: 0 0 10px;
    display: block;
}

.match-srbx h6 {
    margin: 0;
    padding: 13px 15px;
    border-radius: 12px;
    background: var(--dark-bg-main);
    font-size: 11px;
    font-weight: 600;
    color: #f4eadc;
    display: flex;
    align-items: center;
}

.match-srbx h6 span {
    margin-left: auto;
    font-weight: normal;
    color: #f4eadc;
}

.match-srbx h6 span.settl {
    color: #FF3B30;
}

.mtrw {
    display: flex;
    align-items: center;
}

.mtrw .form-group {
    position: relative;
    margin: 0;
}

.mtrw .form-group .form-control {
    padding: 12px 80px 12px 15px;
    background: var(--dark-bg-main);
    border-radius: 12px;
    border: 2px solid rgba(255, 255, 255, 0.25);
    box-shadow: none;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    width: 150px;
}

.mtrw .form-group .form-control::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.mtrw .form-group .form-control:focus {
    color: #838286;
    border: 2px solid var(--brand-orange);
}

.mtrw .form-group span {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: normal;
    color: #f4eadc;
    position: absolute;
    top: 13px;
    right: 45px;
}

.mtrw .form-group .crypto-currency-icon {
    right: 15px;
}

.mtrw .jackbox h4 img,
.mtrw .form-group span img {
    /* margin-left: 5px; */
    width: auto;
    height: 16px;
    /* border-radius: 50%; */
    object-fit: cover;
}

.mtrw .jackbox {
    justify-content: flex-end;
    text-align: right;
    margin-left: 15px;
}

.mtrw .jackbox h6 {
    text-align: right;
    font-size: 9px;
    font-weight: normal;
    color: #f4eadc;
    margin: 0 0 5px;
}

.mtrw .jackbox h4 {
    text-align: right;
    font-size: 12px;
    font-weight: normal;
    color: #f4eadc;
}

.workrowopen .played-block {
    padding: 0;
    border-radius: 20px;
    background: linear-gradient(284deg, rgba(210, 47, 64, 0.29) -18.76%, rgba(210, 47, 64, 0.07) 101.28%);
    margin: 0 0 25px;
}



.workrowopen .played-block a {
    padding: 15px;
    background: linear-gradient(284deg, rgba(210, 47, 64, 0.29) -18.76%, rgba(210, 47, 64, 0.07) 101.28%);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
}

.workrowopen .played-block .btn-played.collapsed {
    border-radius: 20px 20px;
}

.workrowopen .played-block .btn-played {
    border-radius: 20px 20px 0 0;
}

.workrowopen .played-block .btn-played.collapsed span,
.workrowopen .played-block .btn-played span {
    background: #27282F;
    color: #838286;
}

.workrowopen .played-block .btn-played span {
    background: #d22f40;
    color: #fbf7ef;
}

.workrowopen .played-block .played-box {
    margin: 0;
    padding: 12px;
    border-radius: 0 0 20px 20px;
    background: transparent;
}

.workrowopen .standard-multiple-block .played-block {
    padding: 0;
    border-radius: 20px;
    background: linear-gradient(299deg, rgba(43, 255, 52, 0.67) -23.41%, rgba(43, 255, 65, 0.11) 114.79%);
    margin: 0 0 25px;
}

.in-addbx {
    margin: 0 0 15px;
}

.in-addbx:last-child {
    margin: 0;
}

.in-addbx h6 {
    margin: 0 0 10px;
    font-size: 12px;
    font-weight: normal;
    color: #E4E4E4;
    display: flex;
    align-items: center;
    text-transform: capitalize;
}

.in-addbx h6 span {
    min-width: 15px;
    height: 15px;
    border-radius: 50%;
    line-height: 15px;
    background: #d22f40;
    color: #fbf7ef;
    text-align: center;
    margin-left: 10px;
    font-size: 12px;
    font-weight: 600;
}

.standard-multiple-block .in-addbx h6 span {
    display: none;
}

.in-addbx .mtrw .form-group span {
    color: #fff;
}

.in-addbx .mtrw .jackbox {
    flex-flow: column;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.in-addbx .mtrw .jackbox h4,
.in-addbx .mtrw .jackbox h6 {
    color: #fff;
}

.totalbox h4 {
    padding: 15px;
    background: #36181b;
    border-radius: 15px;
    font-size: 12px;
    font-weight: normal;
    color: #f4eadc;
    margin: 0 0 10px;
    display: flex;
    align-items: center;
}

.totalbox h4 span {
    margin-left: auto;
    font-size: 12px;
    font-weight: 600;
    color: #f4eadc;
    display: flex;
    align-items: center;
}

.totalbox h4 span img {
    width: auto;
    height: 16px;
    margin-left: 5px;
    object-fit: cover;
}

.workrowopen .btn-main {
    padding: 12px 15px;
    display: block;
    border-radius: 16px;
    border: transparent;
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    width: 100%;
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #fbf7ef;
    margin: 15px 0 0;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.workrowopen .btn-main:hover {
    background: #fff;
    color: var(--brand-orange);
}

#betModal .modal-dialog, #depositModal .modal-dialog, #messageModal .modal-dialog {
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
}

#betModal .modal-content,
#depositModal .modal-content,
#messageModal .modal-content,
#tokenBoostClaimModal .modal-content,
.rewards .modal-content {
    min-height: 360px;
    background-image: url(/images/betarama.io/btr_logo_white.png);
    background-repeat: no-repeat;
    background-position: 108% 105%;
    background-size: 40%;
    color: #fff;
}

#messageModal .modal-content .purchase-message {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
}

#messageModal .modal-content .modal-body {
    margin-top: 30px;
}

.purchase_results_area {
    width: 100%;
}


#messageModalRestricted .modal-dialog {
    max-width: 600px;
}

#messageModalRestricted .modal-content {
    min-height: 360px;
    padding: 20px 50px 50px 50px;
}

#messageModalRestricted .modal-content .modal-body {
}

.purchase_results_area {
    width: 100%;
}

.restricted_overlay_body_logo img {
    width: 250px;
    height: auto;
    margin: auto;
}

.restricted_overlay_body {
    color: #838286;
}

.restricted_overlay a {
    color: #838286;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.restricted_overlay a:hover {
    color: #fff;
}

.restricted_overlay .modal-content {
    background-color: var(--dark-bg-header);
    border: 2px solid #27282F;
}

.restricted_overlay_body_text ul li {
    list-style: disc;
    margin-bottom: 10px;
}

.workrowopen #share_bet_button .btn-main {
    background: linear-gradient(299deg, rgba(43, 255, 52, 0.67) -23.41%, rgba(43, 255, 65, 0.11) 114.79%);
}

.workrowopen #share_bet_button .btn-main:hover {
    background: #fff;
    color: var(--brand-orange);
}

.workrowopen #my_bets_betslip_button .btn-main {
    background: #d22f40;
}

.workrowopen #my_bets_betslip_button .btn-main:hover {
    background: #fff;
    color: var(--brand-orange);
}

#share_bet_links {
    padding: 10px 0;
}

#share_bet_links a {
    width: 90%;
    margin: 10px auto;
    display: block;
    font-size: 12px;
    line-height: 28px;
    font-weight: 600;
    background: grey;
    border: 1px solid grey;
    height: 44px;
}

#share_bet_links a:hover {
    background: #595968;
    border: 1px solid #595968;
}

#share_bet_links a svg {
    width: 28px;
    height: auto;
    float: left;
}

.props-list a {
    color: #fff;
}

.in-addbx h6 .odds {
    text-align: right;
    font-size: 9px;
    font-weight: normal;
    color: #fff;
    margin-left: auto;
}

.in-addbx h6 .odds .odds_total {
    font-size: 11px;
    font-style: normal;
    color: #f4eadc;
    font-weight: 600;
    display: inline;
}

/* **** End Betting Page **** */


/* **** Sports Main **** */
.mobile_only {
    display: none;
}

.accordion-body .match-bx ul.team-info li.versus_dash {
    display: none;
}

.mobile-prop-count {
    display: none;
}

.sports-banner {
    border-radius: 20px;
    background-color: #3A3A3A;
    box-shadow: 0px 4px 70px 0px rgba(0, 0, 0, 0.34);
    position: relative;
    margin: 0 0 50px;
}

.sports-banner .box-img img {
    width: 100%;
    border-radius: 20px;
}

.sports-banner .slider-box {
    position: relative;
}

.sports-banner .description {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 50px 60px;
}

.sports-banner .description h2 {
    color: #FFF;
    font-size: 79px;
    line-height: normal;
    margin: 0 0 32px;
}

.sports-banner .description p {
    color: #FFF;
    text-overflow: ellipsis;
    whitespace: nowrap;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 38px;
}

.sports-banner .description a {
    color: #a3121f;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 18px 28px;
    border-radius: 20px;
    /* border: 2px solid rgba(255, 255, 255, 0.25); */
    background: linear-gradient(109deg, #FFF 20.42%, rgba(255, 255, 255, 0.65) 122.47%);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    display: table;
}

.sports-banner .description a:hover {
    background: #a3121f;
    color: #fbf7ef;
}

.sports-banner .slick-prev,
.sports-banner .slick-next {
    position: absolute;
    left: 10px;
    background-color: transparent;
    border: none;
    box-shadow: none;
    outline: none;
    z-index: 9;
    font-size: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.sports-banner .slick-next {
    left: auto;
    right: 10px;
}

.sports-banner .slick-prev:before,
.sports-banner .slick-next:before {
    position: absolute;
    content: "\f104";
    height: 48px;
    width: 48px;
    border-radius: 100%;
    background: linear-gradient(358deg, rgba(255, 255, 255, 0.21) 2.38%, rgba(255, 255, 255, 0.00) 112.75%);
    border: 2px solid rgba(255, 255, 255, 0.09);
    font-size: 20px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    color: #E4E4E4;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.sports-banner .slick-next:before {
    left: auto;
    right: 0;
    content: "\f105";
}

.sports-banner .slick-prev:hover:before,
.sports-banner .slick-next:hover:before {
    background-color: #000;
    color: #fff;
}

.league_groups .fav-league {
    background: transparent;
    border: none;
    padding: 24px 16px;
}

.fav-league i {
    font-size: 12px;
    color: #fff;
    display: flex;
}

.fav-league i.fa-inverse {
    color: #d22f40;
}

.league_groups {
    width: 100%;
}

#sports_body .inner-banner .favorite-container {
    position: absolute;
    top: 10%;
    left: 2%;
}

#products_show .inner-banner .favorite-container {
    position: absolute;
    top: 12%;
    left: 2%;
}

.team-info li .favorite-container {
    margin-right: 5px;
}

.fav-team i {
    font-size: 11px;
    color: #fff;
    display: flex;
}

.fav-team i.fa-inverse {
    color: #d22f40;
}

.fav-lotto-game i {
    font-size: 12px;
    color: #fff;
    display: flex;
}

.fav-lotto-game i.fa-inverse {
    color: #d22f40;
}

.fav-lotto-syndicate i {
    font-size: 12px;
    color: #fff;
    display: flex;
}

.fav-lotto-syndicate i.fa-inverse {
    color: #d22f40;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    background: linear-gradient(1deg, rgba(255, 15, 0, 0.20) -5.49%, #FF0F00 25.78%, #FFE500 138.73%);
}

.inner-bannerimg_sportsX img {
    width: 100%;
    height: auto;
    border-radius: 20px;
}

.sport_banner_grid {
  position: relative;
}
.sport_banner_grid .favorite-container {
  position: absolute;
    top: 8%;
    left: 3%;
}

/* **** End Sports Main **** */


.sports-block {}

.sports-block .sports-title h2 {
    display: flex;
    align-items: center;
    color: #FFF;
    font-size: 18px;
    line-height: normal;
    margin: 0 0 24px;
}

.sports-block .sports-title h2 img {
    max-width: 100%;
    margin-right: 12px;
    filter: drop-shadow(0px 0px 19px rgba(255, 76, 0, 0.44));
}

.sports-block .betting-list {
    margin: 0 0 50px;
}

.sports-block .betting-list ul {
    overflow: auto;
}

.sports-block .betting-list ul li {
    white-space: nowrap;
}

.sports-block .betting-list ul::-webkit-scrollbar {
    width: 0;
    display: none;
}


.betting-list-wrp .accordion-item {
    margin: 0 0 32px;
    background: var(--dark-bg-header);
}

.sports-wrapper .betting-list-wrp .accordion-item .accordion-button img {
    margin-right: 12px;
    max-width: 100%;
}

.sports-wrapper .betting-list-wrp .accordion-item .accordion-body {
    padding: 0;
    background: linear-gradient(111deg, rgba(210, 47, 64, 0.05) 10.81%, rgba(163, 18, 31, 0.05) 100.23%);
}

.accordion-body .match-bx {
    padding: 24px;
}

.accordion-body .match-bx.dark-bg {
    background: var(--dark-bg-header);
}

.accordion-body .match-bx h3 {
    color: #f4eadc;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 16px;
}

.accordion-body .match-bx h3 a {
    color: #f4eadc;
}

.accordion-body .match-bx ul.team-info li {
    display: flex;
    align-items: center;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 16px;
}

.accordion-body .match-bx ul.team-info li:last-child {
    margin: 0;
}

.accordion-body .match-bx ul.team-info li span {
    margin-left: auto;
}

.accordion-body .match-bx ul.team-info li img {
    max-width: 100%;
    margin-right: 16px;
}

.accordion-body .match-bx ul.team-info li a {
    color: #fff;
}

.accordion-body .match-bx h4 {
    color: #d6d0c6;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    margin: 0 0 16px;
}

.accordion-body .match-bx .team-point {
    display: flex;
    align-items: center;
    margin: 0 -8px;
}

.accordion-body .match-bx .team-point li {
    padding: 0 8px;
    width: 30%;
}

.accordion-body .match-bx .team-point.big-point li {
    width: 45%;
}

.accordion-body .match-bx .team-point li:last-child {
    width: 10%;
}

.accordion-body .match-bx .team-point li .point-box {
    border-radius: 20px;
    background: #36181b;
    padding: 8px 16px;
}

.accordion-body .match-bx .team-point li .point-box h5 {
    overflow: hidden;
    color: #f4eadc;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 8px;
}

.accordion-body .match-bx .team-point li .point-box p {
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}

.accordion-body .match-bx .team-point li h6 {
    margin: 0;
    color: #d6d0c6;
    font-size: 14px;
    font-weight: 500;
}


.betting-slip-block {
    padding: 24px 20px;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.betting-slip-block .betting-slip-logo {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

.betting-slip-block h2 {
    display: flex;
    align-items: center;
    margin: 0 0 24px;
    color: #f4eadc;
    font-size: 18px;
    position: relative;
    z-index: 5;
}

.betting-slip-block h2 img {
    max-width: 100%;
    margin-right: 16px;
}

.betting-slip-block h2 a {
    color: #a3121f;
    font-size: 14px;
    margin-left: auto;
    margin-right: 0;
}

.betting-slip-block h2 a:hover {
    color: #fff;
}

.betting-slip-block p {
    padding: 45px 0;
    color: #f4eadc;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    position: relative;
    z-index: 4;
}



.sidebar-menus .nav-tabs {
    display: flex;
    align-items: center;
    border: none;
    border-radius: 20px;
    width: auto;
    background: var(--dark-bg-main);
    justify-content: center;
}

.sidebar-menus .nav-tabs li {
    border-radius: 20px;
    background: var(--dark-bg-main);
    padding: 0;
    margin: 0;
    background: transparent;
    border-radius: 0;
}

.sidebar-menus .nav-tabs li a {
    color: #838286;
    font-size: 14px;
    font-weight: 500;
    border: none;
    padding: 10px;
    background: transparent;
    opacity: 1;
}

.sidebar-menus .nav-tabs li:after {
    display: none;
}

.sidebar-menus .nav-tabs li a img {
    max-width: 100%;
    margin-right: 8px;
    opacity: 1;
}

.sidebar-menus .nav-tabs li a.active {
    border-radius: 20px;
    background: linear-gradient(299deg, rgba(210, 47, 64, 0.37) -23.41%, rgba(210, 47, 64, 0.06) 114.79%);
}

.sidebar-menus .nav-tabs li a.active img {
    filter: unset;
}


.sports-main-nav ul li.active a:before {
    background: linear-gradient(299deg, rgba(210, 47, 64, 0.37) -23.41%, rgba(210, 47, 64, 0.06) 114.79%);
}

aside.sidebar.full-sidebar .sidebar-menus .nav-tabs {
    flex-flow: column;
}


.games-block {
    margin: 0 0 50px;
}

.games-block .sports-title h2 {
    display: flex;
    align-items: center;
    color: #FFF;
    font-size: 18px;
    line-height: normal;
    margin: 0 0 25px;
}

.games-block .sports-title h2 img {
    max-width: 100%;
    margin-right: 12px;
    filter: drop-shadow(0px 0px 19px rgba(255, 76, 0, 0.44));
}

.games-slider .slick-slide {
    margin: 0 6px;
}

.games-slider .slick-list {
    margin: 0 -6px;
}

.games-slider .slider-box {
    border-radius: 20px;
    border: 2px solid rgba(210, 47, 64, 0.74);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    padding: 13px 16px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
}

.games-slider .slider-box .gg_sport_icon {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 100%;
    width: 100px;
    height: auto;
}

.games-slider .slider-box .description {
    position: relative;
    z-index: 9;
}

.games-slider .slider-box h6 {
    color: #f4eadc;
    font-size: 9px;
    font-weight: 400;
    margin: 0 0 5px;
    display: flex;
    align-items: center;
}

.games-slider .slider-box h6 span {
    color: #fbf7ef;
    font-size: 9px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 4px;
    background: linear-gradient(1deg, #a3121f -35.87%, #d22f40 106.8%);
    box-shadow: 0px 0px 19px 0px rgba(210, 47, 64, 0.47);
}

.games-slider .slider-box h6 img {
    width: 14px;
    height: 14px;
    margin-right: 6px;
}

.games-slider .slider-box h6 b {
    margin: 0 8px;
    color: #f4eadc;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}

.games-slider .slider-box h2 {
    color: #f4eadc;
    font-size: 18px;
    min-height: 24px;
    margin: 0 0 8px;
}

.games-slider .slider-box ul li {
    color: #f4eadc;
    font-size: 14px;
    font-weight: 500;
    line-height: 27px;
    margin: 0 0 5px;
    display: flex;
    align-items: center;
}

.games-slider .slider-box ul li span {
    height: 24px;
    width: 24px;
    margin-right: 10px;
}

.games-slider .slider-box ul li img {
    max-width: 100%;
}

.games-slider .slider-box ul li:last-child {
    margin: 0;
}

.games-slider .slider-box .description-img {
    position: relative;
    z-index: 5;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f4eadc;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.games-slider .slider-box .description-img img {
    max-width: 100%;
}

.games-slider .slider-box.active {
    border-radius: 12px;
    border: 2px solid rgba(210, 47, 64, 0.58);
    background: linear-gradient(284deg, rgba(210, 47, 64, 0.29) -18.76%, rgba(210, 47, 64, 0.07) 101.28%);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
}

.games-slider .slider-box.active h6 {
    color: #f4eadc;
}

.games-slider .slider-box.active h2 {
    color: #f4eadc;
}

.games-slider .slider-box.active ul li {
    color: #f4eadc;
}

.games-slider .slick-prev,
.games-slider .slick-next {
    position: absolute;
    left: 10px;
    background-color: transparent;
    border: none;
    box-shadow: none;
    outline: none;
    z-index: 9;
    font-size: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.games-slider .slick-next {
    left: auto;
    right: 10px;
}

.games-slider .slick-prev:before,
.games-slider .slick-next:before {
    width: 50px;
    height: 50px;
    content: "\f104";
    font-family: 'Font Awesome 5 Pro';
    color: #fff;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 2px solid rgba(255, 255, 255, 0.09);
    font-weight: 600;
    line-height: 47px;
    display: block;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.games-slider .slick-next:before {
    left: auto;
    right: 0;
    content: "\f105";
}

.games-slider .slick-prev:hover:before,
.games-slider .slick-next:hover:before {
    background-color: #d22f40;
    border-color: #d22f40;
    color: #fbf7ef;
}


.bets-updatebox {
    padding: 0;
    display: block;
    padding: 1px;
    overflow: hidden;
    position: relative;
}

.bets-updatebox .nav-tabs {
    margin: 16px 16px 24px;
}

.bets-updatebox .betslist {}

.bets-updatebox .betslist ul li .list-box {
    background: #281315;
    padding: 12px 20px;
}

.bets-updatebox .betslist ul li .list-box h3 {
    color: #f4eadc;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    margin: 0 0 8px;
}

.bets-updatebox .betslist ul li .list-box h3 img {
    max-width: 100%;
    margin-right: 8px;
}

.bets-updatebox .betslist ul li .list-box h3 span {
    color: #f4eadc;
    font-size: 14px;
    font-weight: 500;
    margin-left: auto;
}

.bets-updatebox .betslist ul li .list-box h5 {
    overflow: hidden;
    color: #f4eadc;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    align-items: center;
    margin: 0;
}

.bets-updatebox .betslist ul li .list-box h5 b {
    color: #7E7E7E;
    font-weight: 400;
    margin-right: 16px;
}

.bets-updatebox .betslist ul li .list-box h5 span {
    margin: 0;
    margin-left: auto;
    display: flex;
    align-items: center;
}

.bets-updatebox .betslist ul li .list-box h5 img {
    margin: 0 4px 0 0;
}

.bets-updatebox .betslist ul li .list-box h5 span img {
    margin-left: 4px;
}

.bets-updatebox .betslist ul li .list-box.dark-bg {
    background: var(--dark-bg-header);
}

.bets-updatebox .btn-show {
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 24px;
    border-radius: 20px;
    border: 2px solid rgba(255, 255, 255, 0.09);
    background: rgba(255, 255, 255, 0.21);
    backdrop-filter: blur(7.5px);
    display: table;
    position: absolute;
    left: 50%;
    bottom: 30px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.bets-updatebox .btn-show:hover {
    background: #fff;
    color: #000;
}


.navsports {
    border-radius: 16px;
    border: 2px solid #27282F;
    padding: 8px 12px;
    margin: 20px 12px;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    height: 48px;
    display: none;
}

#casino_games_show_category .navsports,
#casino_games_show .navsports,
#casino_games_launch_real_game .navsports,
#casino_games_launch_fun_game .navsports,
#users_casino_history .navsports {
    border: 2px solid rgba(210, 47, 64, 0.58);
    background: linear-gradient(284deg, rgba(210, 47, 64, 0.29) -18.76%, rgba(210, 47, 64, 0.07) 101.28%);
}

#rewards_index .navsports {
    border: 2px solid #ffd600;
    background: linear-gradient(284deg, rgba(255, 214, 0, 0.29) -18.76%, rgba(255, 214, 0, 0.07) 101.28%);
}

#bets_settled .navsports,
#bets_index .navsports,
#sports_index .navsports,
#sports_show .navsports,
#matches_show .navsports {
    border: 2px solid rgba(210, 47, 64, 0.74);
    background: linear-gradient(299deg, rgba(210, 47, 64, 0.37) -23.41%, rgba(210, 47, 64, 0.06) 114.79%);
}

#entries_index .navsports,
#products_index .navsports,
#products_show .navsports,
#products_syndicates .navsports,
#payslip_items_index .navsports,
#draw_results_index .navsports,
#draw_results_show .navsports {
    border: 2px solid rgba(52, 199, 89, 0.61);
    background: linear-gradient(284deg, rgba(52, 199, 89, 0.31) -18.76%, rgba(52, 198, 89, 0.09) 101.28%);
}

#entries_index_millionaire .navsports,
#entries_show_millionaire .navsports,
#draw_results_index_millionaire .navsports,
#draw_results_show_millionaire .navsports,
#proofs_index_millionaire .navsports,
#proofs_show_millionaire .navsports,
#instant_games_index_millionaire .navsports,
#instant_games_show_millionaire .navsports,
#instant_games_draw_status_millionaire .navsports,
#subscriptions_index_millionaire .navsports,
#subscriptions_show_millionaire .navsports {
    border: 2px solid rgba(210, 47, 64, 0.63);
    background: linear-gradient(284deg, rgba(210, 47, 64, 0.31) -18.76%, rgba(210, 47, 64, 0.09) 101.28%);
    /* box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15); */
}

.sports-main-nav .navsports {
    background: linear-gradient(299deg, rgba(210, 47, 64, 0.37) -23.41%, rgba(210, 47, 64, 0.06) 114.79%);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    border: 2px solid rgba(210, 47, 64, 0.74);
}

.lotto-menus .navsports {
    border: 2px solid rgba(52, 199, 89, 0.61);
    background: linear-gradient(284deg, rgba(52, 199, 89, 0.31) -18.76%, rgba(52, 198, 89, 0.09) 101.28%);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
}

.purple-menus .navsports {
    border: 2px solid rgba(210, 47, 64, 0.63);
    background: linear-gradient(284deg, rgba(210, 47, 64, 0.31) -18.76%, rgba(210, 47, 64, 0.09) 101.28%);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
}

.navsports .card-img {
    position: absolute;
    right: 16px;
    bottom: 8px;
    max-width: 108px;
    z-index: 9;
}

.navsports h2 {
    color: #FFF;
    font-size: 23px;
    line-height: normal;
    margin: 0;
}
.navsports h2.nav_title_millionaire {
    font-size: 16px;
}

.navsports h2 a {
    color: #FFF;
}

.navsports .card-rw {
    margin-left: auto;
    max-width: 100px;
    position: absolute;
    bottom: 8px;
    right: 15px;
}

.navsports .card-rw ul {
    display: flex;
    align-items: center;
}

.navsports .card-rw ul li {
    margin: 0 -4px;
    padding: 0;
}

.navsports .card-rw ul li:first-child {
    z-index: 2;
}

.navsports .card-rw ul li:nth-child(2) {
    z-index: 3;
}

.navsports .card-rw ul li:nth-child(3) {
    z-index: 4;
}

.navsports .card-rw ul li:last-child {
    z-index: 5;
}

.navsports .card-rw ul li a {
    padding: 0;
}

.navsports .card-rw ul li a img {
    border-radius: 4px;
    width: 32px;
    margin: 0;
    position: relative;
    z-index: 1;
    opacity: 1;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.navsports .card-rw ul li.active a:hover img,
.navsports .card-rw ul li.active a img {
    box-shadow: 0px 0px 6px rgba(210, 47, 64, 0.44);
    transform: translateY(-10px) rotate(-15deg);
    -webkit-transform: translateY(-10px) rotate(-15deg);
    z-index: 5;
}

.sidebar-menus .navsports .card-rw ul li a:before,
.sidebar-menus .navsports .card-rw ul li:after {
    display: none;
}

.navsports .card-rw ul li a:hover img {
    box-shadow: 0px 0px 6px rgba(210, 47, 64, 0.44);
    transform: translateY(-10px) rotate(15deg);
    -webkit-transform: translateY(-10px) rotate(15deg);
    z-index: 5;
}

.navsports .card-rw ul li a.very-active img {
    box-shadow: 0px 0px 6px rgba(210, 47, 64, 0.44);
    transform: translateY(-10px) rotate(15deg);
    -webkit-transform: translateY(-10px) rotate(15deg);
    z-index: 5;
}

.navsports .card-rw ul li.active a.blue-crd img,
.navsports .card-rw ul li a.blue-crd:hover img {
    box-shadow: 0px 0px 6px rgba(210, 47, 64, 0.44);
}

.navsports .card-rw ul li.active a.green-crd img,
.navsports .card-rw ul li a.green-crd:hover img {
    box-shadow: 0px 0px 6px rgba(52, 197, 88, 0.44);
}

.navsports .card-rw ul li.active a.purple-crd img,
.navsports .card-rw ul li a.purple-crd:hover img {
    box-shadow: 0px 0px 6px rgba(210, 47, 64, 0.46);
}

aside.sidebar.full-sidebar .navsports .card-rw {
    display: none;
}

.navsports .sidebarbtn {
    display: none;
    position: relative;
    background: transparent;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-shadow: none;
}

.navsports .sidebarbtn img {
    left: 0;
    right: 0;
    width: 68px;
}

aside.sidebar.full-sidebar .navsports .sidebarbtn {
    display: block;
}

.btn-openin {
    cursor: pointer;
}

h2.nav_title_casino,
.small_icon_casino {
    display: block;
}

h2.nav_title_home,
.small_icon_home {
    display: none;
}

h2.nav_title_profile,
.small_icon_profile {
    display: none;
}

h2.nav_title_rewards,
.small_icon_rewards {
    display: none;
}

h2.nav_title_cashier,
.small_icon_cashier {
    display: none;
}

h2.nav_title_millionaire,
.small_icon_millionaire {
    display: none;
}

h2.nav_title_originals {
    display: none;
}

h2.nav_title_sports,
.small_icon_sports {
    display: none;
}

h2.nav_title_lotto,
.small_icon_lotto {
    display: none;
}

.sidebar-menus ul li a.casino_menu_option {
    display: none;
}


/*.sports_menu_option {*/
/*    display: none;*/
/*}*/

/*.sidebar-menus ul li a.lotto_menu_option {*/
/*    display: none;*/
/*}*/



/* Originals (Millionaire Games) active state */
.orange_main_logo {
    display: flex;
}

#casino_games_currency_selector .sidebar-menus ul li a.casino_menu_option,
#casino_games_launch_fun_game .sidebar-menus ul li a.casino_menu_option,
#casino_games_launch_real_game .sidebar-menus ul li a.casino_menu_option,
#users_change_password .sidebar-menus ul li a.casino_menu_option,
#users_process_login .sidebar-menus ul li a.casino_menu_option,
#casino_games_currency_selector .sidebar-menus ul li a.casino_menu_option,
#users_forgot_password .sidebar-menus ul li a.casino_menu_option,
#casino_show .sidebar-menus ul li a.casino_menu_option,
#contact_forms_create .sidebar-menus ul li a.casino_menu_option,
#contact_forms_new .sidebar-menus ul li a.casino_menu_option,
#casino_games_launch_game .sidebar-menus ul li a.casino_menu_option,
#casino_games_index .sidebar-menus ul li a.casino_menu_option,
#transaction_records_history .sidebar-menus ul li a.casino_menu_option,
#cashier_currency_swap_area .sidebar-menus ul li a.casino_menu_option,
#bets_settled .sidebar-menus ul li a.casino_menu_option,
#users_casino_history .sidebar-menus ul li a.casino_menu_option,
#transaction_records_index .sidebar-menus ul li a.casino_menu_option,
#transaction_records_lotto_winnings .sidebar-menus ul li a.casino_menu_option,
#users_my_account .sidebar-menus ul li a.casino_menu_option,
#casino_games_show_category .sidebar-menus ul li a.casino_menu_option,
#users_land .sidebar-menus ul li a.casino_menu_option,
#transaction_records_index .sidebar-menus ul li a.casino_menu_option,
#casino_games_show_recent_winners_mobile .sidebar-menus ul li a.casino_menu_option,
#referral_campaigns_create .sidebar-menus ul li a.casino_menu_option,
#referral_campaigns_show .sidebar-menus ul li a.casino_menu_option,
#referral_campaigns_index .sidebar-menus ul li a.casino_menu_option,
#referral_campaigns_new .sidebar-menus ul li a.casino_menu_option,
#games_index .sidebar-menus ul li a.casino_menu_option,
#originals_index .sidebar-menus ul li a.casino_menu_option,
#instant_games_index_millionaire .sidebar-menus ul li a.casino_menu_option,
#instant_games_show_millionaire .sidebar-menus ul li a.casino_menu_option,
#instant_games_draw_status_millionaire .sidebar-menus ul li a.casino_menu_option {
    display: flex;
}

#users_process_login .password-reset {
    padding: 100px 12px 0 240px;
}

#bets_settled h2.nav_title_casino,
#bets_index h2.nav_title_casino,
#sports_index h2.nav_title_casino,
#sports_show h2.nav_title_casino,
#matches_show h2.nav_title_casino {
    display: none;
}

#bets_settled h2.nav_title_sports,
#bets_index h2.nav_title_sports,
#sports_index h2.nav_title_sports,
#sports_show h2.nav_title_sports,
#matches_show h2.nav_title_sports,
#bets_settled .full-sidebar .small_icon_sports,
#bets_index .full-sidebar .small_icon_sports,
#sports_index .full-sidebar .small_icon_sports,
#sports_show .full-sidebar .small_icon_sports,
#matches_show .full-sidebar .small_icon_sports {
    display: block;
}

#entries_index_millionaire h2.nav_title_casino,
#entries_show_millionaire h2.nav_title_casino,
#draw_results_index_millionaire h2.nav_title_casino,
#draw_results_show_millionaire h2.nav_title_casino,
#proofs_index_millionaire h2.nav_title_casino,
#proofs_show_millionaire h2.nav_title_casino,
#games_index h2.nav_title_casino,
#originals_index h2.nav_title_casino,
#instant_games_index_millionaire h2.nav_title_casino,
#instant_games_show_millionaire h2.nav_title_casino,
#instant_games_draw_status_millionaire h2.nav_title_casino,
#subscriptions_index_millionaire h2.nav_title_casino,
#subscriptions_show_millionaire h2.nav_title_casino,
#entries_index h2.nav_title_casino,
#products_index h2.nav_title_casino,
#products_show h2.nav_title_casino,
#products_syndicates h2.nav_title_casino,
#payslip_items_index h2.nav_title_casino,
#draw_results_index h2.nav_title_casino,
#draw_results_show h2.nav_title_casino {
    display: none;
}

#entries_index h2.nav_title_lotto,
#products_index h2.nav_title_lotto,
#products_show h2.nav_title_lotto,
#products_syndicates h2.nav_title_lotto,
#payslip_items_index h2.nav_title_lotto,
#draw_results_index h2.nav_title_lotto,
#draw_results_show h2.nav_title_lotto,
#entries_index .full-sidebar .small_icon_lotto,
#products_index .full-sidebar .small_icon_lotto,
#products_show .full-sidebar .small_icon_lotto,
#products_syndicates .full-sidebar .small_icon_lotto,
#payslip_items_index .full-sidebar .small_icon_lotto,
#draw_results_index .full-sidebar .small_icon_lotto,
#draw_results_show .full-sidebar .small_icon_lotto {
    display: block;
}

#entries_index_millionaire h2.nav_title_millionaire,
#entries_show_millionaire h2.nav_title_millionaire,
#draw_results_index_millionaire h2.nav_title_millionaire,
#draw_results_show_millionaire h2.nav_title_millionaire,
#proofs_index_millionaire h2.nav_title_millionaire,
#proofs_show_millionaire h2.nav_title_millionaire,
#instant_games_index_millionaire h2.nav_title_millionaire,
#instant_games_show_millionaire h2.nav_title_millionaire,
#instant_games_draw_status_millionaire h2.nav_title_millionaire,
#subscriptions_index_millionaire h2.nav_title_millionaire,
#subscriptions_show_millionaire h2.nav_title_millionaire {
    display: block;
}

#games_index h2.nav_title_originals {
    display: block;
}

#originals_index h2.nav_title_originals {
    display: block;
}

#users_land h2.nav_title_home {
    display: block;
}

#users_land h2.nav_title_casino {
    display: none;
}

#rewards_index h2.nav_title_rewards {
    display: block;
    font-size: 18px;
}

#rewards_index h2.nav_title_casino {
    display: none;
}

#cashier_currency_swap_area h2.nav_title_profile, #transaction_records_history h2.nav_title_profile, #referral_campaigns_index h2.nav_title_profile, #referral_campaigns_create h2.nav_title_profile, #referral_campaigns_show h2.nav_title_profile, #referral_campaigns_new h2.nav_title_profile, #users_close_account h2.nav_title_profile, #notifications_index h2.nav_title_profile, #contact_forms_create h2.nav_title_profile, #contact_forms_new h2.nav_title_profile, #users_my_account h2.nav_title_profile, #users_change_password h2.nav_title_profile, #users_forgot_password h2.nav_title_profile, #users_process_login h2.nav_title_profile {
    display: block;
    font-size: 22px;
}

#cashier_currency_swap_area h2.nav_title_casino, #transaction_records_history h2.nav_title_casino, #referral_campaigns_index h2.nav_title_casino, #referral_campaigns_create h2.nav_title_casino, #referral_campaigns_show h2.nav_title_casino, #referral_campaigns_new h2.nav_title_casino, #users_close_account h2.nav_title_casino, #notifications_index h2.nav_title_casino, #contact_forms_create h2.nav_title_casino, #contact_forms_new h2.nav_title_casino, #users_my_account h2.nav_title_casino, #users_change_password h2.nav_title_casino, #users_forgot_password h2.nav_title_casino, #users_process_login h2.nav_title_casino {
    display: none;
}

#cashier_deposit_area h2.nav_title_cashier, #cashier_bonus_area h2.nav_title_cashier, #cashier_withdrawal_area h2.nav_title_cashier {
    display: block;
    font-size: 20px;
}

#cashier_deposit_area h2.nav_title_casino, #cashier_bonus_area h2.nav_title_casino, #cashier_withdrawal_area h2.nav_title_casino {
    display: none;
}

#referral_campaigns_create .nav_title_casino,
#referral_campaigns_show .nav_title_casino,
#referral_campaigns_index .nav_title_casino,
#referral_campaigns_new .nav_title_casino,
#users_change_password .nav_title_casino,
#users_process_login .nav_title_casino,
#users_forgot_password .nav_title_casino,
#casino_games_launch_game .nav_title_casino,
#casino_games_index .nav_title_casino,
#transaction_records_history .nav_title_casino,
#cashier_currency_swap_area .nav_title_casino,
#bets_settled .nav_title_casino,
#users_casino_history .nav_title_casino,
#transaction_records_index .nav_title_casino,
#transaction_records_lotto_winnings .nav_title_casino,
#users_my_account .nav_title_casino,
#casino_games_show_category .nav_title_casino,
#transaction_records_index .nav_title_casino,
#casino_games_show_recent_winners_mobile .nav_title_casino,
#users_change_password .full-sidebar .small_icon_casino,
#users_process_login .full-sidebar .small_icon_casino,
#users_forgot_password .full-sidebar .small_icon_casino,
#casino_games_launch_game .full-sidebar .small_icon_casino,
#casino_games_index .full-sidebar .small_icon_casino,
#transaction_records_history .full-sidebar .small_icon_casino,
#cashier_currency_swap_area .full-sidebar .small_icon_casino,
#bets_settled .full-sidebar .small_icon_casino,
#users_casino_history .full-sidebar .small_icon_casino,
#transaction_records_index .full-sidebar .small_icon_casino,
#transaction_records_lotto_winnings .full-sidebar .small_icon_casino,
#users_my_account .full-sidebar .small_icon_casino,
#casino_games_show_category .full-sidebar .small_icon_casino,
#users_land .full-sidebar .small_icon_casino,
#transaction_records_index .full-sidebar .small_icon_casino,
#casino_games_show_recent_winners_mobile .full-sidebar .small_icon_casino,
#referral_campaigns_create .full-sidebar .small_icon_casino,
#referral_campaigns_show .full-sidebar .small_icon_casino,
#referral_campaigns_index .full-sidebar .small_icon_casino,
#referral_campaigns_new .full-sidebar .small_icon_casino {
    display: block;
}


.football-updatebox .nav-tabs {
    max-width: 351px;
    background: var(--dark-bg-header);
    padding: 10px 12px;
    margin: 0 0 60px;
}

.football-updatebox .nav-tabs li {
    width: auto;
}

.football-updatebox .nav-tabs li .nav-link {
    padding: 13px 20px;
    font-size: 12px;
}


.sidebar-menus .nav-tabs {
    display: flex;
    align-items: center;
    border: none;
    margin: 0 0 32px;
    justify-content: center;
}

.sidebar-menus .nav-tabs li {
    border-radius: 20px;
    background: var(--dark-bg-main);
    padding: 0;
    margin: 0;
    background: transparent;
    border-radius: 0;
}

.sidebar-menus .nav-tabs li a {
    color: #838286;
    font-size: 14px;
    font-weight: 500;
    padding: 10px;
    background: transparent;
    opacity: 1;
}

.sidebar-menus .nav-tabs li a img {
    max-width: 100%;
    margin-right: 8px;
    opacity: 1;
}

.sidebar-menus .nav-tabs li a.active {
    border-radius: 20px;
    background: linear-gradient(299deg, rgba(210, 47, 64, 0.37) -23.41%, rgba(210, 47, 64, 0.06) 114.79%);
}

.sidebar-menus .nav-tabs li a.active img {
    filter: unset;
}

.totline {
    padding: 20px 20px;
    border-radius: 20px;
    background: #36181b;
    margin: 0 0 10px;
}

.totline:hover,
.totline:hover h6 {
    background: #000;
    color: #fff;
    cursor: pointer;
}

/* .totline:last-child{
    margin: 0;
} */
.totline h6 {
    /* margin: 0;
    font-size: 12px;
    font-weight: normal;
    color: #FCEBD3;
    display: flex;
    align-items: center; */
    overflow: hidden;
    color: #f4eadc;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.totline h6 div {
    /* margin-left: auto;
    font-weight: 600; */
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    margin: 8px 0 0;
}

#matches_show .totline h6 {}

#matches_show .totline h6 div {
    float: right;
    margin: 0;
}

#matches_show .totline h6 div a {
    font-size: 12px;
}

#matches_show .scoring-rw .totline {
    padding: 15px 20px;
    margin: 0 0 15px;
}

#sports_index .sport_home_header,
#sports_show .sport_home_header,
#matches_show .sport_home_header {
    width: 30%;
}

#sports_index .sport_home_header2,
#sports_show .sport_home_header2,
#matches_show .sport_home_header2 {
    width: 45%;
}

#sports_index .col-sm-4.col-12.sport_home_header2,
#sports_show .col-sm-4.col-12.sport_home_header2,
#matches_show .col-sm-4.col-12.sport_home_header2 {
    width: 30%;
}


#sports_index .col-md-4.col-sm-12.sport_home_header_match,
#sports_show .col-md-4.col-sm-12.sport_home_header_match,
#matches_show .col-md-4.col-sm-12.sport_home_header_match {
    width: 33.33333333%;
}

#sports_index .sport_home_header_match,
#sports_show .sport_home_header_match,
#matches_show .sport_home_header_match {
    width: 50%;
}

#sports_index .col-sm-4.col-12.sport_home_header_match,
#sports_show .col-sm-4.col-12.sport_home_header_match,
#matches_show .col-sm-4.col-12.sport_home_header_match {
    width: 33.33333333%;
}

#sports_index .col-sm-4.col-12.sport_home_header2_match,
#sports_show .col-sm-4.col-12.sport_home_header2_match,
#matches_show .col-sm-4.col-12.sport_home_header2_match {
    width: 33.33333333%;
}

#sports_index .col-sm-6.col-12.sport_home_header2_match,
#sports_show .col-sm-6.col-12.sport_home_header2_match,
#matches_show .col-sm-6.col-12.sport_home_header2_match {
    width: 50%;
}

.more-props-here {
    width: 10%;
    align-items: center;
    display: flex;
}

#sports_index .accordion-body .match-bx h4,
#sports_show .accordion-body .match-bx h4,
#matches_show .accordion-body .match-bx h4 {
    color: #d6d0c6;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    margin: 0 0 16px;
}

/* #sports_index .betting-list-wrp .accordion .accordion-item, #sports_show .betting-list-wrp .accordion .accordion-item {
    margin: 0;
} */

/* #sports_index .betting-list-wrp .accordion .prop-type, #sports_show .betting-list-wrp .accordion .prop-type, #matches_show .betting-list-wrp .accordion .prop-type {
    margin: 0;
    background: transparent;
} */

#sports_index .more-props-here a,
#sports_show .more-props-here a {
    margin: 0;
    color: #d6d0c6;
    font-size: 14px;
    font-weight: 500;
}

#sports_index .more-props-here a:hover,
#sports_show .more-props-here a:hover {
    color: #fff;
}

#matches_show .more-props-here a {
    /* display: none; */
}

.match-dt-box h4 input,
.match-dt-box h4 input:focus,
.totalbox h4 input,
.totalbox h4 input:focus {
    color: #fff;
    background: transparent;
    border: none;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    box-shadow: none;
    padding: 0;
    margin: 0;
    border-radius: inherit;
    text-align: right;
    margin-right: 5px;
    outline: none;
}

.totalbox h4 input,
.totalbox h4 input:focus {
    color: #f4eadc;
    font-weight: 600;
}

.match-dt-box h4 .crypto-currency-code {
    display: none;
}

.in-addbx .jackbox h4 input,
.in-addbx .jackbox h4 input:focus {
    color: #fff;
    background: transparent;
    border: none;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    box-shadow: none;
    padding: 0;
    margin: 0;
    border-radius: inherit;
    text-align: right;
    margin-right: 3px;
    outline: none;
}

.in-addbx .jackbox h4 input,
.in-addbx .jackbox h4 input:focus {
    color: #f4eadc;
    font-weight: 600;
}

.in-addbx .jackbox h4 .crypto-currency-code {
    display: none;
}

.delete_all_tickets {
    padding: 12px 15px;
    display: block;
    border-radius: 16px;
    border: transparent;
    /* background: linear-gradient(111deg, var(--brand-orange) 10.81%, #A34312 100.23%); */
    width: 100%;
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    margin: 15px 0 0;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.scoring-rw .prop-odds {
    float: right;
    color: #fff;
}

/*.inside-prop-header .prop-odds a {*/
/*  float: right;*/
/*}*/

.prop-odds {
    float: right;
}

.as-updatebox {
    margin-top: 30px;
}

.match_league_head {
    margin-right: 10px;
}

.betting-list-wrp .accordion .accordion-item .sport_home_box {
    margin: 0;
    background: none;
}

.totline h6 {
    margin-bottom: 0;
}

#TB_overlay {
    z-index: 110;
}

#TB_window {
    position: fixed;
    background: #281618;
    z-index: 111;
    width: 330px;
    color: #000000;
    display: none;
    border: none;
    text-align: left;
    top: 30%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    /* True centering (was an approximate left:40%). Thickbox only sets a
       valid inline margin-left when the URL carries a width param; the
       bet-slip dialog has none, so CSS must center: left:50% plus -width/2
       margin pairs with the 330px width above. */
    left: 50%;
    margin-left: -165px;
    font-family: "Inter", sans-serif;
}

#TB_title {
    display: flex;
    height: 80px;
    min-width: 211px;
    padding: 16px 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border: none;
    background: #2f1a1c;
    font-family: "Inter", sans-serif;
}

#TB_ajaxContent {
    background: var(--dark-bg-header);
    color: #f4eadc;
}

#TB_ajaxContent input {
    padding: 12px 15px;
    width: 60%;
    display: block;
    border-radius: 20px;
    border: 2px solid var(--Orange-New, #d22f40);
    background: var(--Lotto-Orange, linear-gradient(1deg, #a3121f -35.87%, #d22f40 106.8%));
    font-size: 12px;
    font-weight: 600;
    color: #fbf7ef;
    margin: 15px auto 0;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}

.confirm_line_1,
.confirm_line_2,
.confirm_line_3,
.confirm_line_4 {
    text-align: left;
    width: 88%;
}

.confirm_line_1 {
    margin: 20px 0 30px;
}

.confirm_line_2 {
    margin: 30px 0;
}

.confirm_line_3 {
    margin: 30px 0 0px;
    text-align: center;
}

.confirm_line_1a,
.confirm_line_2a {
    float: right;
    color: #f4eadc;
    display: flex;
    align-items: center;
}

.confirm_line_3 i {
    margin-right: 20px;
}

.confirm_line_4 {
    text-align: center;
}

#TB_window a:visited,
#TB_closeAjaxWindow {
    color: #fff;
}

#TB_ajaxWindowTitle {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    color: #E4E4E4;
}

#TB_ajaxContent table.prop-table,
#TB_ajaxContent table.prop-table th,
#TB_ajaxContent table.prop-table td {
    border: none;
    padding-top: 20px;
    margin-bottom: 20px;
}

#TB_window a:link {
    color: #fff;
}

.livelist ul li .live-img img {
    width: 35px;
    height: auto;
}

.livelist ul li .sporticon {
    max-width: 35px;
    max-height: 35px;
}

/* Game terms page (static/gameterms) - readable long-form layout; nav = the content's own tab bar */
.gameterms { max-width: 920px; margin: 0 auto; padding: 28px 18px 64px; color: #d7d1c7; }
.gameterms__head { display: block; position: static; height: auto; z-index: auto; background: transparent; padding: 0 0 14px; margin: 0 0 18px; border-bottom: 1px solid rgba(255, 255, 255, .1); }
.gameterms__title { display: block; font-size: 26px; font-weight: 800; color: #fff; margin: 0 0 4px; }
.gameterms__sub { display: block; font-size: 13px; color: #a58b8f; margin: 0; }
.gameterms__body .nav-tabs { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 6px; padding: 0; list-style: none; border-bottom: 1px solid rgba(255, 255, 255, .1); }
.gameterms__body .nav-tabs .nav-item { margin: 0; }
.gameterms__body .nav-tabs .nav-link { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: #a58b8f; background: transparent; border: 0; border-bottom: 2px solid transparent; border-radius: 0; padding: 10px 14px; }
.gameterms__body .nav-tabs .nav-link:hover { color: #fff; }
.gameterms__body #static .nav-tabs .nav-link.active { color: #fff !important; background: transparent; border-bottom: 2px solid #d4af37; }
.gameterms__body .tab-pane > br:first-child { display: none; }
.gameterms__body .tab-pane h3:first-of-type { margin-top: 8px; padding-top: 0; border-top: 0; }
.gameterms__body { font-size: 14px; line-height: 1.65; }
.gameterms__body h2 { font-size: 20px; color: #fff; margin: 30px 0 10px; }
.gameterms__body h3 { font-size: 17px; font-weight: 700; color: #fff; margin: 30px 0 8px; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, .08); scroll-margin-top: 90px; }
.gameterms__body h4, .gameterms__body h5 { font-size: 15px; color: #e8eef5; margin: 18px 0 6px; }
.gameterms__body h6 { font-size: 13px; font-weight: 700; color: #d4af37; text-transform: uppercase; letter-spacing: .05em; margin: 18px 0 6px; }
.gameterms__body ul { margin: 8px 0 12px; padding-left: 6px; }
.gameterms__body li { margin-bottom: 5px; }
.gameterms__body a { color: #d4af37; }


/* Bet confirmation modal (bets/bconfirm, thickbox) */
.sbc { text-align: center; padding: 8px 6px 4px; color: #d7d1c7; }
.sbc__icon { font-size: 30px; margin-bottom: 10px; }
.sbc__icon--closed { color: #f1c40f; }
.sbc__icon--error { color: #d22f40; }
.sbc__title { font-size: 19px; font-weight: 700; color: #fff; margin: 0 0 10px; }
.sbc__text { font-size: 13px; color: #a58b8f; margin: 0 0 10px; }
.sbc__list { list-style: none; margin: 0 0 12px; padding: 0; }
.sbc__list-item { padding: 7px 10px; margin: 0 0 6px; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .08); border-radius: 8px; color: #e8eef5; font-size: 13px; font-weight: 600; }
.sbc__rows { margin: 4px 0 14px; }
.sbc__row { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 9px 12px; margin-bottom: 6px; background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .08); border-radius: 8px; }
.sbc__label { font-size: 12px; color: #a58b8f; text-align: left; }
.sbc__value { font-size: 15px; font-weight: 700; color: #fff; white-space: nowrap; }
.sbc__value--win { color: #d4af37; }
.sbc__ok.conf_bet { width: 213px; max-width: 100%; margin: 2px auto 12px; }
/* Confirm / blocked-bet modal action row (Continue / Cancel): content-sized,
   spaced, distinct primary/secondary so it fits small screens (was two identical
   213px blocks butting together). */
#TB_ajaxContent table.continue_close { width: auto; margin: 10px auto 2px; }
#TB_ajaxContent table.continue_close td { padding: 0 6px; }
#TB_ajaxContent table.continue_close td input { display: inline-block; width: auto; min-width: 116px; max-width: 100%; height: 40px; padding: 0 18px; }
#TB_ajaxContent table.continue_close td.cancel_continue input { background-color: #583034; background-image: none; }
.sbc__note { font-size: 12px; color: #a58b8f; margin-bottom: 6px; }
.sbc__hint { font-size: 11px; color: #5f6b78; }

.livelist ul li .live-img {
    min-width: 40px;
    margin-right: 10px;
}



/* **** Mobile Header **** */
.mobile-header {

    position: fixed;
    padding: 10px 0;
    background: rgba(33, 18, 20, 0.77);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    left: 0;
    right: 0;
    top: 0;
    z-index: 121;
    height: 64px;
}

.mobile-header .container {
  max-width: 100%;
  padding: 0 5px;
}

.mobile-header .header-block {
    display: flex;
    align-items: center;
}

.mobile-header .logo-img img {
    max-width: 40px;
    width: 39px;
    height: auto;
}

.mobile-header ul.mobile-account-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto;
    margin-right: 0;
}

.mobile-header ul.mobile-account-actions li {
    margin-right: 20px;
}

.mobile-header ul.mobile-account-actions li:last-child {

}

.mobile-header ul.mobile-account-actions li .btn-head-secondary {
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    padding: 15px 25px;
    border-radius: 20px;
    border: 2px solid #27282F;
    display: table;
}

.mobile-header ul.mobile-account-actions li .btn-head-primary {
    color: #fbf7ef;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    border-radius: 20px;
    border: 2px solid var(--brand-orange);
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    padding: 15px 25px;
    display: table;
}

.mobile-header ul.mobile-account-actions li a, .desktop_head_container .mobile-nav a {
    color: #fff;
    align-items: center;
    display: flex;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
}

.btn-search {
    color: #fff;
}

ul.mobile_header_ul {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

ul.mobile_header_ul #user-buttons {
    display: inline-flex;
}

ul.mobile-account-actions li .dropdown-menu {
    border-radius: 0;
    border: none;
    width: 100px;
    min-width: 100%;
    background: rgba(33, 18, 20, 0.9);
    backdrop-filter: blur(10px);
    z-index: 1;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    left: 0 !important;
    right: 0 !important;
    font-size: 12px;
}

.subscription_drop {
  width: 100%;
}

.subscription_drop ul li a {
    color: var(--bs-dropdown-link-color) !important;
    padding-left: 0;
    padding-right: 0;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    font-size: 12px !important;
}


/* **** End Mobile Header **** */

/* **** Bottom Fix **** */
.bottom-fix {
    border-top: 2px solid #1B1410;
    background: var(--dark-bg-header);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    padding: 8px 0 20px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 121;
    display: none;
}

.bottom-fix ul {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style: none;
}

.bottom-fix ul li {
    flex: 1 1 0;
    min-width: 0;
    position: relative;
}

/* Five flat tabs (owner, 3 Nov 2026: the raised fan-of-cards button and its pop-up are gone). */
.bottom-fix ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 2px 4px 0;
    color: #E4E4E4;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
}

.bottom-fix ul li a svg {
    flex: none;
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0.85;
}

.bottom-fix ul li a span {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bottom-fix ul li a:hover,
.bottom-fix ul li a.active {
    color: #fff;
}

.bottom-fix ul li a.active svg {
    opacity: 1;
}

.bottom-fix ul li a .sb2__tab-badge,
.bottom-fix ul li a .bottom-fix-count {
    position: absolute;
    top: -4px;
    right: 18%;
    min-width: 18px;
    padding: 0 5px;
    border-radius: 9px;
    background: #ff3b30;
    color: #fff;
    font-size: 10px;
    line-height: 16px;
    pointer-events: none;
}

.bottom-fix ul li a .bottom-fix-count.is-hidden {
    display: none;
}



















/* **** End Bottom Fix **** */

/* **** Start Referral Area **** */

.referral_block {
    margin: 0 0 50px;
    padding: 50px;
    border-radius: 20px;
    background: var(--dark-bg-header);
}

.aff_block {
    margin: 35px 0 35px;
    padding: 16px;
    border-radius: 20px;
    background: var(--dark-bg-header);
    width: 362px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
}

.aff_block_text h3 {
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #f4eadc;
    display: inline;
    vertical-align: middle;
    margin-left: 12px;
}

.aff_block_text p {
    margin-top: 12px;
    overflow: hidden;
    color: #d6d0c6;
    text-overflow: ellipsis;

    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140.023%;
}

.no_previous_stats {
    padding-left: 20px;
}



.vip_aff_img {
    width: 330px;
    height: 193px;
    border-radius: 12px;
}

.ref_prof .crypto-currency-icon {
    display: none !important;
}

.referral_area button {
    border: none;
    background: none;
    color: #fff;
}


.referral_block h3 {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin: 0 0 24px;
}

.referral_row {
    margin: 0;
}

.referral_area {
    padding: 10px 0;
}

.referral_area>div.col {
    width: 12.5%;
}

.referral_errors h2 {
    font-size: 20px;
}

.referral_errors ul {
    margin-bottom: 20px;
}

.no_previous_payouts {
    margin-top: 20px;
    margin-bottom: 20px;
}

.previous_payouts {
    margin-top: 50px;
    margin-bottom: 20px;
}

.referral_block .form-group label {
    margin-bottom: 8px;
}

.referral_block .affiliate_link_form input#referral_campaign_referral_code {
  display: flex;
  height: 48px;
  padding: 0px 24px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  align-self: stretch;
  border-radius: 20px;
  background: var(--dark-bg-main);
  border: 2px solid rgba(255, 255, 255, 0.25);
  color: #fff;
}

.referral_block .affiliate_link_form input#referral_campaign_referral_code::placeholder {
    color: rgba(255, 255, 255, 0.5);
    opacity: 1;
    /* Firefox */
}

.referral_block .affiliate_link_form input#referral_campaign_referral_code::-ms-input-placeholder {
    /* Edge 12 -18 */
    color: rgba(255, 255, 255, 0.5);
}

.referral_block .affiliate_link_form .field_with_errors {
    display: flex;
    width: 100%;
}

.referral_block .affiliate_link_form svg {
    position: absolute;
    right: 24px;
    top: 12px;
}



.copy_affiliate_link {
  border-radius: 20px;
  border: 2px solid #27282F;
  height: 44px;
  /* margin-top: 20px; */
  padding: 0px 24px;
  background: transparent;
  line-height: normal;
  font-size: 14px;
  color: #f4eadc;
}

.copy_affiliate_link:hover {
    background: var(--brand-orange) !important;
    border: 2px solid var(--brand-orange) !important;
    color: #fbf7ef !important;
}

.copy_link_icon {
    display: inline;
    margin-right: 5px;
}

.invite_codes {
  display: flex;
  height: 48px;
  padding: 0px 24px;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
  border-radius: 20px;
  background: var(--dark-bg-main);
  border: 2px solid #1B1410;
  color: #E4E4E4;
  font-size: 14px;
  -webkit-appearance: none;
  background-image: url(/images/betarama.io/downic.svg);
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: center right 28px;
}

.invite_codes:focus {
    box-shadow: 0 0 0;
}

.ref_code_select {
    position: relative;
}

.before_ref_code_select {
    position: absolute;
    top: 12px;
    left: 16px;
}





.dark-gray-themes {
  background-color: #27282F !important;
  font-size: 16px;
  font-weight: 600;
  padding: 0 16px;
  height: 44px;
  border-radius: 20px;
  color: #f3ede3 !important;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  border: transparent;
}
.aff_shared_buttons {
    border-radius: 20px;
    height: 44px;
    padding: 0 16px;
    font-size: 16px;
    background: var(--dark-bg-main);
    font-weight: 600;
    color: #7a7c84;
    border: 2px solid #2f1a1c;
    display: flex;
    justify-content: center;
    align-items: center;
}

.exclamation_point {
    margin-right: 10px;
}

.refresh_button {
    border-radius: 20px;
    height: 44px;
    padding: 0 16px;
    font-size: 16px;
    background: var(--dark-bg-main);
    font-weight: 600;
    color: #f4eadc;
    border: 2px solid #2f1a1c;
    display: flex;
    justify-content: center;
    align-items: center;
}

.refresh_button:hover {
background: var(--brand-orange) !important;
    border: 2px solid var(--brand-orange) !important;
    color: #fbf7ef !important;
}


.picker_form {
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0 0 16px;
    gap: 8px;
    background-color: var(--dark-bg-main);
    border-radius: 4px;
}

.picker_form h4 {
    font-weight: 600;
    font-size: 16px;
    color: #838286;
    margin-bottom: 0;
}

.picker_form input::-webkit-calendar-picker-indicator {
    filter: invert(100%);
    color: #fff;
}

.after_pick {
    padding: 16px 20px;
    gap: 12px;
    width: 100%;
    height: 80px;
    background: var(--dark-bg-main);
    border: 2px solid #2f1a1c;
    font-size: 18px;
    font-weight: 600;
}

/* .after_pick.active{
  background: #4BE30419;
} */

.after_pick_heading.active {
    color: #34C759;
}

.after_pick .name {

    font-weight: 600;
    font-size: 18px;
    color: #FFFFFF;
}

.after_pick .number {

    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #626368;
}

.after_pick .number.icon {
    display: flex;
    /* flex-direction: row-reverse; */
    justify-content: space-between;
}


.stats_block .row {
    margin-left: 0;
    margin-right: 0;
}

.stat-block {
    padding: 16px 20px;
    height: 80px;
    border-radius: 20px;
    margin-right: 20px;
    width: auto;
    margin-bottom: 20px;
    min-width: 211px;
}

.stat-block:last-child {
    margin-right: 0;
}

.stat-block:first-child {
    min-width: 242px;
}

.active_users_count h2.text-start,
.active_users_count h2.text-end {
    font-size: 24px;
    color: #E4E4E4;
}

.stat-block h5 {
    font-size: 18px;
    color: #f4eadc;
    font-weight: 700;
}

.stat-block h2 {
    overflow: hidden;
    color: #f4eadc;
    text-overflow: ellipsis;
    font-size: 14px;
}

.referral-table-block table tbody tr td span {
    color: #f4eadc;
    font-weight: normal;
    margin-left: 0;
}

.referral-table-block table tbody tr td {
    padding: 15px 10px;
    border: none;
    font-size: 12px;
    font-weight: normal;
    background: transparent;
    color: #f4eadc;
}

.gen_wagered_info,
.gen_profit_info,
.gen_earnings_info {
    display: inline;
}

.affiliate_level_table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 15px 0;
}

.affiliate_level_table th,
.affiliate_level_table td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.affiliate_level_table thead th {
    font-weight: 700;
    color: #fff;
    background: rgba(210, 47, 64, 0.2);
    border-bottom: 2px solid rgba(210, 47, 64, 0.5);
}

.affiliate_level_table thead th:first-child {
    border-radius: 8px 0 0 0;
}

.affiliate_level_table thead th:last-child {
    border-radius: 0 8px 0 0;
}

.affiliate_level_table tbody tr:hover {
    background: rgba(255, 255, 255, 0.05);
}

.affiliate_level_table tbody tr.vip-tier {
    color: #a9878d;
    font-style: italic;
}

.affiliate_level_table tbody tr.vip-tier td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.affiliate_level_info {
    font-size: 14px;
    font-weight: 500;
    color: #aaa;
    line-height: 1.6;
}


/* **** End Referral Area **** */


.total-fix-box {
    display: none;
    border-radius: 20px;
    border: 2px solid rgba(210, 47, 64, 0.74);
    background: linear-gradient(299deg, rgba(210, 47, 64, 0.37) -23.41%, rgba(210, 47, 64, 0.06) 114.79%);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.30);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: 95px;
    z-index: 9;
    padding: 16px 24px;
    display: flex;
    align-items: center;
    display: none;
}

.total-fix-box h4 {
    color: #E4E4E4;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 5px;
}

.total-fix-box h3 {
    display: flex;
    align-items: center;
    margin: 0;
    color: #FFF;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

.total-fix-box h3 img {
    max-width: 100%;
    margin-left: 8px;
}

.total-fix-box .btn-primary {
    color: #fbf7ef;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 20px;
    border: 2px solid var(--brand-orange);
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    display: table;
    margin: 0;
    margin-left: auto;
    padding: 12px 24px;
}

.fade:not(.show) {
    display: none !important;
}

body:not(input) {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.allow-to-copy-text {
    -webkit-user-select: text !important;
    -khtml-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    -o-user-select: text !important;
    user-select: text !important;
}

.scrollbar-thin {

    scroll-behavior: smooth;
}

.scrollbar-thin::-webkit-scrollbar {
    width: 4px;
    height: 6px;
    background-color: var(--dark-bg-header);
}

.scrollbar-thin::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #a3121f;
}

.march_madness_button {
    position: absolute;
    bottom: 10%;
    left: 4%;
}

.page_leaderboard .wallet-banner {
    background: url(/images/betarama.io/my-winnings-back.png) 0 0 no-repeat;
    background-size: cover;
    background-position: top;
    margin: 0 0 26px;
}

.page_leaderboard .inner-banner h1 {
    font-size: 72px;
}

.page_leaderboard .inner-banner h5 {
    font-size: 30px;
    font-family: 'Inter';
}

.leaderboard_left {
    padding: 24px 12px 24px 0;
}

.leaderboard_right {
    padding: 24px 0 24px 12px;
}

.leaderboard_box_left,
.leaderboard_box_right {
    padding: 12px 16px;
    border-radius: 12px;
    position: relative;
    background: #d22f40;
}

.leaderboard_position,
.leaderboard_amount,
.leaderboard_profile,
.leaderboard_result,
.leaderboard_wagered {
    font-size: 81px;
    font-weight: 400;
    line-height: 109px;
    font-family: 'Inter';
    padding-left: 10px;
}

.leaderboard_left_side:nth-child(3) .leaderboard_box_left {
    background: #d22f40;
}

.leaderboard_left_side:nth-child(5) .leaderboard_box_left {
    background: #AF784B;
}

.leaderboard_left_side:nth-child(7) .leaderboard_box_left {
    background: #8E6A65;
}

.leaderboard_left_side:nth-child(9) .leaderboard_box_left {
    background: #7E6274;
}

.leaderboard_left_side:nth-child(11) .leaderboard_box_left {
    background: #7c5c61;
}

.leaderboard_left_side:nth-child(13) .leaderboard_box_left {
    background: #85555d;
}

.leaderboard_left_side:nth-child(15) .leaderboard_box_left {
    background: #86565e;
}

.leaderboard_left_side:nth-child(17) .leaderboard_box_left {
    background: #d22f40;
}

.leaderboard_right_side:nth-child(4) .leaderboard_box_right {
    background: #d22f40;
}

.leaderboard_right_side:nth-child(6) .leaderboard_box_right {
    background: #AF784B;
}

.leaderboard_right_side:nth-child(8) .leaderboard_box_right {
    background: #8E6A65;
}

.leaderboard_right_side:nth-child(10) .leaderboard_box_right {
    background: #7E6274;
}

.leaderboard_right_side:nth-child(12) .leaderboard_box_right {
    background: #7c5c61;
}

.leaderboard_right_side:nth-child(14) .leaderboard_box_right {
    background: #85555d;
}

.leaderboard_right_side:nth-child(16) .leaderboard_box_right {
    background: #86565e;
}

.leaderboard_right_side:nth-child(18) .leaderboard_box_right {
    background: #d22f40;
}

.leaderboard_bottom {
    padding: 24px 0;
}

.leaderboard_box_bottom {
    padding: 12px 16px;
    border-radius: 12px;
    position: relative;
    background: #d22f40;
}

.leaderboard_bottom_position {
    font-size: 31px;
    font-weight: 400;
    line-height: 33px;
    font-family: 'Inter';
    padding-left: 10px;
}

/* **** Promo Leaderboard start **** */

.leaderboard-entry {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  background: linear-gradient(90deg, #2b2b2b 0%, #1a1a1a 100%);
  padding: 16px 20px;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
  transition: transform 0.2s ease;
}
.leaderboard-entry:hover {
  transform: scale(1.02);
}
.leaderboard-entry .rank-info {
  flex-grow: 1;
}
.rank-number {
  font-size: 0.95rem;
  font-weight: bold;
  color: #888888;
  line-height: normal;
  margin-bottom: 4px;
}
.rank-1 .rank-number { color: #ffd700; }
.rank-2 .rank-number { color: #d8d2c8; }
.rank-3 .rank-number { color: #d22f40; }
.leaderboard-entry .rank-info .username {
  font-weight: bold;
  font-size: 1.1rem;
  color: #ffffff;
  margin-bottom: 4px;
  line-height: normal;
}
.leaderboard-entry .rank-info .points {
  color: #cccccc;
  font-size: 0.95rem;
  line-height: normal;
}
.leaderboard-entry .prize {
  font-weight: bold;
  font-size: 1.1rem;
  color: #00ffcc;
  white-space: nowrap;
  padding-left: 15px;
  text-align: center;
  line-height: normal;
}
.free-lotto-bets {
  display: flex;
  font-size: 16px;
  color: #f4eadc;
}

/* **** Arena Splash Start **** */

body#arena_index {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    text-decoration: none;
}

#arena_index .main-wrpper {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

#arena_index .container {
    max-width: 1505px;
}

.wickedbet-arena-wrp {
    position: relative;
    width: 100%;
    min-height: 100vh;
    padding: 50px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wickedbet-arena-wrp .row {
    align-items: flex-end;
}

.wickedbet-form {
    max-width: 485px;
    width: 100%;
}

.wickedbet-head {
    box-shadow: 0 0 36px rgba(210, 47, 64, 0.43);
    background: url('/images/betarama.io/arena/wave-shap.png') 0 0 repeat;
    background-size: cover;
}

.wickedbet-head h1 {
    padding: 15px 30px;
    font-size: 40px;
    color: #fbf7ef;
    margin: 0;
    background: var(--brand-orange) url('/images/betarama.io/arena/wave-shap.png') 0 0 repeat;
    background-size: cover;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.wickedbet-head h1 img {
    margin: 0 0 0 auto;
}

.wickedbet-head p {
    margin: 0 0 10px;
    padding: 20px 30px;
    background: rgba(210, 47, 64, 0.5);
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    line-height: 28px;
    position: relative;
    overflow: hidden;
}

.wickedbet-head p img {
    position: absolute;
    top: -50px;
    right: 0;
    mix-blend-mode: overlay;
}

.wickedbet-form .form-group {
    margin: 0 0 10px;
}

.wickedbet-form .form-group .btn-view {
    padding: 15px 30px;
    border: none;
    display: block;
    width: 100%;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    height: auto;
    font-size: 32px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.80);

}

.wickedbet-form .form-group .btn-view:hover {
    color: #fff;
}

.wickedbet-form .btn-group {
    width: 100%;
    display: block;
}

.wickedbet-form .btn-group ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.wickedbet-form .btn-group ul li {
    width: 33.33%;
    padding: 0 5px;
}

.wickedbet-form .btn-group ul li a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border: none;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    height: auto;
    font-size: 32px;
    font-weight: 600;
    color: #fff;
}

.wickedbet-form .btn-group ul li a:hover {
    background: var(--brand-orange);
}

.logobox_arena img {
    width: 100%;
    margin: 0 auto;
}

#myVideo {
    position: fixed;
    right: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
}







/* **** Arena Splash End **** */

/* Rewards Start*/
.reward_section {
    width: 85%;
    margin: 70px auto 0;
}

.reward_banner {
    /*    height: 86px;*/
    width: auto;
    background-color: #FFF;
}

.instant_rackeback {
    height: 72px;
    background: linear-gradient(270.47deg, rgba(210, 47, 64, 0.07) -6.38%, rgba(210, 47, 64, 0.455) 100.05%), url('/newimages/Isolation_Mode.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px;
    border-radius: 0;
    isolation: isolate;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(210, 47, 64, 0.3);
}

.note{
    font-size: clamp(9px, 2vw, 14px);
}
.rankup_reward {
    height: 72px;
    background: linear-gradient(270.47deg, rgba(210, 47, 64, 0.07) -6.38%, rgba(210, 47, 64, 0.455) 100.05%), url('/newimages/rankup_bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 24px;
    border-radius: 0;
    isolation: isolate;
    border: 1px solid rgba(210, 47, 64, 0.3);

}

.instant_rackeback h4,
.rankup_reward h4 {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: 'Inter';
}

.instant_rackeback .price, .rankup_reward .price {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.5);
}

.instant_rackeback button.claim-button {
    background: linear-gradient(0.51deg, #a3121f -35.87%, #d22f40 106.8%);
    border: 2px solid #d22f40;
}

.instant_rackeback button.claim-button:hover {
    background: #d22f40;
    border: 2px solid #d22f40;
}

.rankup_reward button.claim-button {
    background: linear-gradient(0.51deg, #a3121f -35.87%, #d22f40 106.8%);
    border: 2px solid #d22f40;
}

.rankup_reward button.claim-button:hover {
  background: #d22f40;
  border: 2px solid #d22f40;
}

.instant_rackeback button.claim-button,
.rankup_reward button.claim-button {
    width: 115px;
    height: 42px;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 500;
    /* text-transform: uppercase; */
    color: #fbf7ef;

    border-radius: 4px;
}


.daily-bonus {
    background-image: url('/newimages/export.png');
}

.bonus_background {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    width: 105%;
    height: 100%;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0 5px 35px;
    margin-bottom: 20px;
    position: relative;
}
.bonus_background.daily-bonus{
    padding-left: 22px !important;
}
.weekly-bonus {
    background-image: url('/newimages/weekly.png');
    filter: drop-shadow(0px 0px 50.2215px rgba(0, 255, 71, 0.29));

}

.monthly-bonus {
    background-image: url('/newimages/monthly-bg.png');
    filter: drop-shadow(0px 0px 50.2215px rgba(173, 0, 255, 0.29));
}

.yearly-bonus {
    background-image: url('/newimages/yearly.png');
    filter: drop-shadow(0px 0px 50.2215px rgba(255, 76, 0, 0.29));
}

.bonus_background h4 {
    font-size: 22px !important;
    text-transform: uppercase;
    font-family: 'Inter';
    margin-bottom: 0;
    font-style: normal;
    font-weight: 500;
    line-height: 90.24%;
    color: #E4E4E4;


}

.bonus_background .closed-gift {
    width: 84px;
    height: 84px;
    object-fit: cover;
}

.btn-bonus {
    background-color: #27282F;
    width: 97% !important;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 12px !important;
    font-weight: 500;
    font-family: "Inter", sans-serif;
    /* text-transform: uppercase; */
    border-radius: 4px;
    padding: 0 10px;
    border: 2.31821px solid rgba(255, 255, 255, 0.05);
}

.btn-bonus:hover {
    background: linear-gradient(110.87deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    color: #fbf7ef;
}

.btn-bonus.active {
background: linear-gradient(110.87deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
border: 2.31821px solid rgba(231, 233, 240, 0.3);
box-shadow: 0px 0px 19px rgba(210, 47, 64, 0.5);
}

.reward_calendar {
    background-color: var(--dark-bg-header);
}

.header {
    background: linear-gradient(299.46deg, rgba(210, 47, 64, 0.111) -32.34%, rgba(210, 47, 64, 0.111) -23.41%, rgba(210, 47, 64, 0.0492923) 68.29%, rgba(210, 47, 64, 0.018) 114.79%);
    border-bottom: 1px solid #d22f40;
    padding: 16px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header h4 {
    font-size: 18px;
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    font-style: normal;
    font-weight: 600;
}

#reward-amount-button {
    display: flex;
    width: auto;
    padding: 0 20px;
    height: 34px;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    background: linear-gradient(110.87deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    border: 2px solid #27282F;
    border-radius: 4px;
    outline: none !important;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
    text-decoration: none;
}

#reward-amount-button:hover {
    background: #27282F;
}

.header .navigaions .left,
.header .navigaions .right {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #27282F;
    border-radius: 50%;
    color: #7E7E7E;
}

/* .header .navigaions .left svg,
.header .navigaions .right svg {
    width: 18px !important;
    height: 18px !important;
} */

.calender-body {
    padding: 16px;
    display: flex;
    gap: 10px;
    /* flex-wrap: wrap; */
    text-align: center;
    justify-content: center;
}

.calender-day {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.calender-day span.day-name {
    color: #f4eadc;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    padding: 5px 0;
}

.calender-day span.box {
    width: 140px;
    height: 140px;
    padding: clamp(10px, 2%, 0px);
    background-color: #27282F;
    border: 2px solid rgba(255, 255, 255, 0.10);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    color: #7e7e7e;
    text-transform: uppercase;
    font-size: clamp(3px, 0.7vw, 12px);
}


.calender-day span.box.recived {
    position: relative;
    background-image: url('/newimages/gift-open.png');
    background-size: 60% 60%;
    background-blend-mode: luminosity;
    background-repeat: no-repeat;
    background-position: center;
    border: 2px solid rgba(210, 47, 64, 0.5);
    color: #d6d0c6;
    z-index: 0;
}

.calender-day span.box.recived::after {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: rgba(210, 47, 64, 0.2);
    z-index: -1;
}

.calender-day span.box.expired {
    position: relative;
    border: 2px solid rgba(150, 150, 150, 0.30);
    color: #7E7E7E;
    opacity: 0.55;
    background: transparent;
}

.calender-day span.box.expired .expired-price {
    color: #7E7E7E;
    font-size: clamp(3px, 0.65vw, 11px);
    text-decoration: line-through;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.rewards-expiry-notice {
    color: #7E7E7E;
    font-size: 12px;
    text-align: center;
    margin: 8px 0 0 0;
    padding: 0 12px;
}

.calender-day span.box.today {
    position: relative;
    background-image: url('/newimages/gift-open.png');
    background-color: rgba(210, 47, 64, 0.5);
    background-size: 60% 50%;
    background-blend-mode: color-dodge;
    background-repeat: no-repeat;
    background-position: 50% 40%;
    border: 2px solid var(--brand-orange);
    order: 0;
    color: #d6d0c6;
    padding: 10px 0 0 0;
    z-index: 0;
    box-shadow: 0px 0px 50px rgba(210, 47, 64, 0.7);

}


/*

.calender-day span.box.today::after {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;
    isolation: isolate;
} */

.calender-day span.box.recived .price,
.calender-day span.box.today .price,
.calender-day span.box.next .price {
    color: #d6d0c6;
    font-size: clamp(3px, 0.7vw, 12px);
}

.calendar-day span.box .icon-claimed {
    width: 20px;
    height: 20px;
    color: #d22f40;
    background-image: linear-gradient(rgba(210, 47, 64, 0.74), rgba(210, 47, 64, 0.12));
    border: 2px solid rgba(210, 47, 64, 0.74);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}

.span-gap1 {
    gap: 5px;
}

.calender-day span.box .icon-tick svg {
    height: 12px;
    width: 12px;
}

.calender-day span.box .icon-tick {
    width: 20px;
    height: 20px;
    color: #d22f40;
    background-image: linear-gradient(rgba(210, 47, 64, 0.74), rgba(210, 47, 64, 0.12));
    border: 2px solid rgba(210, 47, 64, 0.74);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}

.calender-day span.box .icon-tick.weekly {
    background-image: linear-gradient(299.46deg, rgba(52, 199, 89, 0.555) -23.41%, rgba(52, 198, 89, 0.09) 114.79%);
    color: #34C659;
    border: 2px solid rgba(52, 199, 89, 0.555);
}

.calender-day span.box .icon-tick.monthly {
    background: linear-gradient(299.46deg, rgba(210, 47, 64, 0.74) -23.41%, rgba(210, 47, 64, 0.12) 114.79%);
    color: #d22f40;
    border: 2px solid rgba(210, 47, 64, 0.74);
}

.calender-day span.box .icon-tick.yearly {
    color: #d22f40;
    border: 2px solid rgba(210, 47, 64, 0.74);
    background: linear-gradient(299.46deg, rgba(210, 47, 64, 0.74) -23.41%, rgba(210, 47, 64, 0.12) 114.79%);

}

.calender-day span.box .icon-remaning {
    background-color: #27282F;
    width: 20px;
    height: 20px;
    color: #838286;
    border: 2px solid rgba(131, 130, 134, 0.10);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}

.claim-time {
    width: 100%;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-image: linear-gradient(to left, rgba(210, 47, 64, 0.74), rgba(210, 47, 64, 0.12));
    border-top: 2px solid rgba(231, 233, 240, 0.3);
    box-shadow: 0px 4px 35.1px rgba(0, 0, 0, 0.62);

}

.claim-time div {
    color: #d6d0c6;
    font-size: clamp(3px, 0.7vw, 12px);
    font-weight: 400;
}

.claim-time .timer {
    color: #d6d0c6;
    font-size: clamp(3px, 0.7vw, 12px);
    font-weight: 700;
}

.calender-day span.box.next {
    position: relative;
    background-image: url('/newimages/closed-gift1.png');
    background-repeat: no-repeat;
    background-size: 50% 50%;
    background-position: center;
    border: 2px solid rgba(231, 233, 240, 0.3);
    color: #d6d0c6;
    z-index: 0;
}

.calender-day span.box.next_weekly {
    position: relative;
    background-image: url('/newimages/weekly-reward.png');
    background-repeat: no-repeat;
    background-size: 50% 50%;
    background-position: center;
    border: 2px solid rgba(231, 233, 240, 0.3);
    color: #d6d0c6;
    z-index: 0;
}

.calender-day span.box.next_monthly {
    position: relative;
    background-image: url('/newimages/monthly-box.png');
    background-repeat: no-repeat;
    background-size: 50% 50%;
    background-position: center;
    border: 2px solid rgba(231, 233, 240, 0.3);
    color: #d6d0c6;
    z-index: 0;
}

.calender-day span.box.next_yearly {
    position: relative;
    background-image: url('/newimages/yearly-gift.png');
    background-repeat: no-repeat;
    background-size: 50% 50%;
    background-position: center;
    border: 2px solid rgba(231, 233, 240, 0.3);
    color: #d6d0c6;
    z-index: 0;
}

.calender-day span.box.next_weekly::after,
.calender-day span.box.next_monthly::after,
.calender-day span.box.next_yearly::after,
.calender-day span.box.next::after {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: rgba(210, 47, 64, 0.2);
    box-shadow: 0px 0px 50px rgba(210, 47, 64, 0.7);
    z-index: -1;
}

.button button.reward-claim-button {
    margin: 30px auto;
    width: 459px;
    height: 63px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 21px;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    color: #fbf7ef;
    background: linear-gradient(110.87deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    border: 3.47731px solid rgba(231, 233, 240, 0.3);
    box-shadow: 0px 0px 28.5px rgba(210, 47, 64, 0.5);
    border-radius: 6px;


}

.rewards .modal-content {
    background-color: var(--dark-bg-main);
    width: 400px;
    border: 0;
    margin: auto;
}




.cred_warning .modal-content {
    background-color: var(--dark-bg-main);
    padding: 30px 40px;
    border-radius: 10px;
    border: 1px solid #f0b90b;
    width: 400px;
    margin: auto;
    height: auto;
}

.cred_warning .cred-warning-title {
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
}

.cred_warning .cred-warning-icon {
    margin-bottom: 20px;
}

.cred_warning .cred-warning-icon i {
    font-size: 48px;
    color: #f0b90b;
}

.cred_warning .modal-body p {
    color: #fff;
    margin-bottom: 10px;
}

.cred_warning .cred-warning-button {
    background: linear-gradient(90deg, #f0b90b 0%, #d4a30a 100%);
    color: #000;
    font-weight: 600;
    border: none;
    padding: 12px 30px;
    border-radius: 5px;
    margin-top: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.cred_warning .cred-warning-button:hover {
    background: linear-gradient(90deg, #d4a30a 0%, #f0b90b 100%);
}

.rewards .modal-content button.modal_rankup_button {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 13px;
    background-color: var(--dark-bg-main);
    width: 210px;
    height: 40px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border: 0;
    text-transform: uppercase;
}

.rewards .modal-content .Values img.money-icon {
    width: 15px;
    height: 15px;
}

.rewards .modal-content .values {
    margin: 35px auto;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.rewards .modal-content .Value {
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "Inter", sans-serif;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
}

.light-color-text {
    color: #838286;
}

.rewards .values-divider {
    width: 100%;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    margin: 8px 0;
}

.rewards .boost-bonus {
    color: #4ade80;
}

.rewards .total-value {
    font-weight: 700;
}

.wicked_button {
    width: 213px;
    height: 40px;
    background-color: var(--brand-orange);
    color: #fbf7ef;
    border: 0;
    font-size: 16px;
    font-weight: 800;
    font-family: 'Inter';
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px auto 0 auto;
    border-radius: 4px;
}

.modal_content_heading {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 52px;
    margin: 0 0 15px;
    line-height: 75px;
    text-align: center;
}

/* Rewards End */

/* Lotto Footer */

.main_lotto_footer {
    padding: 0 0 0 240px;
    min-height: calc(100vh - 100px) /* you have to minus header and footer width together*/;
    background-color: var(--dark-bg-alt);
}

.main_lotto_footer .conatiner {
    max-width: 1080px;
}

.lotto_footer {
    border-radius: 20px;
    background: var(--dark-bg-header);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    padding: 24px 24px;
    margin-bottom: 50px;
}

.lotto_footer_header {
  font-size: 24px;
  margin-bottom: 20px;
}

.lotto_footer_sub3 {
    font-size: 18px;
    margin-bottom: 20px;
}

.lotto_footer_sub4 {
    font-size: 16px;
}

.lotto_footer_text1 {
    font-size: 14px;
    margin-bottom: 20px;
}

table.lotto_footer_text1 {
      margin: 0 0 25px;
      width: 100%;
      box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
  }



/* Lotto Footer End*/


.search_bar {
    width: 100%;
    height: 40px;
    margin-top: 40px;
    margin-bottom: 20px;
    /* background-color: var(--dark-bg-main); */
    display: flex;
    align-items: center;
}

.search_bar.homepage-search {
    margin-top: 20px;
}

.search_bar i {
    position: absolute;
    margin-left: 16px;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
    color: #838286 !important;
    font-weight: 400 !important;
    line-height: normal !important;
    padding-left: 10px;
}

.search_bar input.Search::placeholder, .search_bar select.form-select::placeholder, .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
    font-size: 16px;
    font-weight: 600;
    line-height: 20.42px;
    color: #838286;
}

.select2-container--bootstrap-5 .select2--small.select2-selection--single {
  border: 0;
  border-radius: 20px !important;
  box-shadow: none;
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection {
    border: none !important;
    box-shadow: none !important;
}

.select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-results__options .select2-results__option img {
    border-radius: 20px;
}

.select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-results__options .select2-results__option {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    max-width: min-content;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__message {
    max-width: none;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted {
    color: #fff;
    background: linear-gradient(270deg, rgba(210, 47, 64, 0.33) 0.31%, rgba(210, 47, 64, 0.09) 99.68%, rgba(255, 255, 255, 0.00) 99.69%);
    background: var(--dark-bg-header) !important;
}

.select2-container--bootstrap-5 {
    border: 2px solid #f4eadc;
    border-radius: 20px;
}

/* The empty holder the search widget adds for its dropdown (to the page body, or inside the search pop-up) shares this
   class; with the border above it drew a 4px ring - a stray dot by the search box (owner, 4 Nov 2026). Only the box
   itself (.select2) is bordered. */
.select2-container--bootstrap-5:not(.select2) {
    border: 0;
}

.select2-container {
  margin-left: -1px !important;
}

.search_bar input.Search, .search_bar .select2-selection, .search_bar select.form-select {
    width: 100%;
    height: 40px !important;
    padding: 8px !important;
    gap: 8px;
    border: 1px solid transparent !important;
    background-color: transparent !important;
    color: #838286 !important;
    box-shadow: none !important;
    font-weight: 600;
    text-transform: uppercase;
}
.select2-container--bootstrap-5 .select2-selection--single, .search_bar select.form-select {
    background-image: none !important;
}

.filters_game {
    margin-top: 20px;
    display: flex;
    padding: 10px 10px;
    gap: 10px;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #838286;
    height: 36px;
    /* text-transform: uppercase; */
}

select.btn_slots_dropdown {
    padding: 8px 10px;
    height: 36px;
    background-color: var(--dark-bg-header);
    border-radius: 4px;
    color: #E4E4E4;
    border: 0;
    font-size: 14px;
    font-weight: 500;
    /* text-transform: uppercase; */
}

.games_list {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 20px;
}
.games_list .casino-all-row {
    width: 100%;
}

/* CSS Grid layout for mixed-size casino game cards */
#category_index {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
}
#category_index > .casino-game-block {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
}
#category_index > .casino-game-block.casino-game-wide {
    grid-column: span 2;
    grid-row: span 2;
}
#category_index > .casino-game-block.casino-game-wide > .casino-game {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.casino-game-image-wrapper {
    position: relative;
    overflow: hidden;
}
.game-info-link {
    position: absolute;
    bottom: 6px;
    right: 6px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(0,0,0,0.6);
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    transition: background 0.2s;
    font-family: Georgia, serif;
}
/* Keep info controls clear of titles printed on these Originals collections. */
.casino-game-image-wrapper img[src*="/originals/collections/graphic-legends/"] ~ .game-info-link,
.casino-game-image-wrapper img[src*="/originals/collections/neon-arcade/"] ~ .game-info-link,
.casino-game-image-wrapper img[data-src*="/originals/collections/graphic-legends/"] ~ .game-info-link,
.casino-game-image-wrapper img[src*="/originals/collections/paper-theatre/"] ~ .game-info-link,
.casino-game-image-wrapper img[data-src*="/originals/collections/paper-theatre/"] ~ .game-info-link,
.casino-game-image-wrapper img[src*="/originals/collections/midnight-blueprint/"] ~ .game-info-link,
.casino-game-image-wrapper img[data-src*="/originals/collections/midnight-blueprint/"] ~ .game-info-link,
.casino-game-image-wrapper img[src*="/originals/collections/pop-icons/"] ~ .game-info-link,
.casino-game-image-wrapper img[data-src*="/originals/collections/pop-icons/"] ~ .game-info-link,
.casino-game-image-wrapper img[data-src*="/originals/collections/neon-arcade/"] ~ .game-info-link {
    top: 6px;
    bottom: auto;
}
.game-info-link:hover {
    background: rgba(255,255,255,0.9);
    color: #000;
}
.casino-game-title-row {
    overflow: hidden;
}
.casino-game-image-wrapper .casino_game_preview_thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.casino-game-image-wrapper .hover-game {
    bottom: 0 !important;
    height: auto !important;
    aspect-ratio: unset !important;
}

.lotto_sort_labels, .lotto_dropdown_button, .lotto_sort_buttons, .number_list label, .number_list button {
  padding: 0 10px;
  border: 0;
  background: transparent;
  font-size: 14px;
  font-weight: 500;
  color: #838286;
}

.jump_to_slip {
  display: none !important;
}

.synd-step1-type {
    margin-left: 40px;
}

.search_bar.for_lotto {
  display: none !important;
}
#draw_results_index .search_bar {
  display: none !important;
}
#draw_results_index .lottery-lst-wrp {
  margin-top: 60px;
}

.shuffle_tabs {
    margin-top: 20px;
    margin-bottom: 20px;
}

#signInTabContent h2, #signUpTabContent h2, #passwordRecoveryModalBtn h2, #metamaskModalBtn h2 {
  font-size: 10px;
  line-height: normal;
  text-align: center;
  width: 40%;
  margin: auto;
}

.modal-content .head_links {
    border-radius: 20px;
    background: var(--dark-bg-header);
}

.currency-toggle-container .btn {
  height: 44px;
}

.currency-toggle-container .btn .crypto-currency-icon {
  margin-left: 2px;
}

.btn-group input[type="radio"]:not(:checked) + .btn .crypto-currency-icon {
    opacity: 0.1;
}

.currency-toggle-container .btn-check + .btn {
  color: #ffffff22;
}

.currency-toggle-container .btn-check:checked + .btn {
  background: var(--brand-orange);
    border-color: var(--brand-orange);
    border-radius: 20px;
    color: #fbf7ef;
}

.currency-toggle-container .btn-check:checked + .btn .crypto-currency-icon {
  opacity: 1;
}

.currency-balance {
    display: flex;
    gap: 5px;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    margin: auto;
}

/* Balance Breakdown Popover */

.balance-popover .popover-body {
    padding: 10px 14px;
}

.balance-popover .popover-arrow::after {
    border-bottom-color: #2f191c;
}






.mobile_balance {
    display: none;
}

.navlinks-header ul.headlinks li button {
    padding: 15px 35px 15px 15px;
    display: flex;
    align-items: center;
    font-size: 14px;
    position: relative;
    font-weight: 500;
    color: #fff;
}

.navlinks-header ul.headlinks li button.user-info {
    padding: 8px 20px;
    border: 2px solid #27282F;
    border-radius: 20px;
    justify-content: center;
    background: none;
}

.navlinks-header ul.headlinks li button.user-info:hover {
    background: var(--brand-orange);
    border-color: var(--brand-orange);
    color: #fbf7ef;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}

.top_buttons {
    border: none;
    border-radius: 20px;
    justify-content: center;
    display: flex;
    align-items: center;
    font-size: 14px;
    position: relative;
    font-weight: 500;
    padding: 0 16px;
    height: 44px;
  }

#deposit_sidebar:first-child {
    background-color: var(--dark-bg-main);
}

.card_sidebar {
    padding: 0;
    margin: auto;
}

.card_sidebar li.active {
    /*background: rgba(255, 255, 255, 0.05);*/
}

.card_sidebar li.sidebar-section-header {
    padding: 8px 15px 4px 15px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #9CA3AF;
    pointer-events: none;
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.05); */
    /* margin-bottom: 5px; */
}

.card_sidebar li.sidebar-section-header span {
    opacity: 0.8;
}

.card_sidebar li a {
    padding: 8px 12px;
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
    color: #838286;
    text-decoration: none;
    transition: .3s linear;
}

.card_sidebar li a:hover {
    color: #fff;
}

.card_sidebar li a i.fas,
.card_sidebar li a i.fa {
    width: 18px;
    height: 18px;
    margin-right: 12px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #a9878d;
    opacity: 0.4;
    transition: .3s linear;
}

.card_sidebar li a:hover i.fas,
.card_sidebar li a:hover i.fa,
.card_sidebar li.active a i.fas,
.card_sidebar li.active a i.fa {
    color: #d22f40;
    opacity: 1;
}

/* Drawn Originals icons: an 18px box of their own, filled by the drawing, which takes the box's colour */
.card_sidebar i.og-icon {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
}

.card_sidebar i.og-icon svg {
    width: 100%;
    height: 100%;
    margin: 0;
    transition: none;
}

/* Maintenance banner and whole-site maintenance page (admin Maintenance screen) */
.site-maintenance-banner {
    position: relative;
    z-index: 1050;
}

.site-maintenance-banner__row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    font-size: 14px;
    line-height: 1.45;
    background: #d22f40;
    color: #fbf7ef;
}

.site-maintenance-banner__row.is-active {
    background: #b3261e;
    color: #fff;
}

.site-maintenance-banner__row i {
    flex: 0 0 auto;
}

.site-maintenance-banner__test {
    margin-left: 6px;
}

.site-maintenance-banner__text {
    flex: 1 1 auto;
}

.site-maintenance-banner__close {
    flex: 0 0 auto;
    margin-left: auto;
    padding: 0 4px;
    border: 0;
    background: none;
    color: inherit;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    opacity: .85;
}

.site-maintenance-banner__close:hover {
    opacity: 1;
}

.site-maintenance-banner[hidden],
.site-maintenance-banner__row[hidden] {
    display: none;
}

.site-maintenance-body {
    margin: 0;
    min-height: 100vh;
    background: #17110d;
    color: #e6e8f0;
}

.site-maintenance-page {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 24px 16px;
}

.site-maintenance-page__card {
    max-width: 520px;
    width: 100%;
    padding: 36px 28px;
    border-radius: 14px;
    background: #231a14;
    border: 1px solid #3a2a1f;
    text-align: center;
}

.site-maintenance-page__brand {
    margin: 0 0 18px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #d22f40;
}

.site-maintenance-page__icon {
    font-size: 40px;
    color: #d22f40;
}

.site-maintenance-page__title {
    margin: 16px 0 10px;
    font-size: 24px;
    color: #fff;
}

.site-maintenance-page__text,
.site-maintenance-page__estimate {
    margin: 0 0 10px;
    font-size: 15px;
    line-height: 1.5;
}

.site-maintenance-page__estimate {
    font-weight: 700;
    color: #fff;
}

.site-maintenance-page__staff {
    margin: 22px 0 0;
    font-size: 13px;
}

.site-maintenance-page__staff a {
    color: #a9878d;
}

.card_sidebar li:hover {
    /*background: rgba(255, 255, 255, 0.03);*/
}

.sidebar-menus ul li.sidebar-category-header {
    padding: 8px 12px;
    margin: 0;
}

/* Sidebar category collapsible groups */
.sidebar-category-header {
    padding: 8px 12px;
    display: flex;
    align-items: center;
    /* Same type as the rest of the left menu (owner, 21 Oct 2026: the Originals rows looked a different size). */
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    color: #838286;
    cursor: pointer;
    transition: color 0.2s ease, background 0.2s ease;
    user-select: none;
    list-style: none;
    border-top: 1px solid rgba(255, 255, 255, 0.04);
    margin-top: 2px;
}

.sidebar-category-header:first-of-type {
    border-top: none;
    margin-top: 0;
}

.sidebar-category-header:hover {
    color: #D1D5DB;
    background: rgba(255, 255, 255, 0.03);
}

.sidebar-category-header.expanded {
    color: #d1d5db;
}

.sidebar-category-header i.fas:first-child {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #9CA3AF;
    transition: color 0.2s ease;
}

.sidebar-category-header.expanded i.fas:first-child {
    color: #d22f40;
}

.sidebar-category-header span {
    flex: 1;
}

.sidebar-category-chevron {
    font-size: 10px;
    transition: transform 0.2s ease;
    color: #9CA3AF;
}

.sidebar-category-header.expanded .sidebar-category-chevron {
    transform: rotate(90deg);
    color: #9ca3af;
}

.sidebar-category-group {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.25s ease;
}

.sidebar-category-header.expanded + .sidebar-category-group {
    max-height: 1000px;
}

.my_profile_head {
    gap: 8px;
}
.my_prpofile_name {
  padding: 0 0 0 20px;
  font-size: 20px;
    font-weight: 700;
    color: #f4eadc;
    display: flex;
    align-items: baseline;
    gap: 10px;
}
.my_prpofile_name1 {
    font-size: 14px;
    font-weight: 700;
    color: rgba(244, 234, 220, 0.502);
}
.my_prpofile_name2 {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}

.my_prpofile_name_side h1 {
    font-family: 'Inter';
    font-weight: 700;
    font-size: clamp(14px, 3vw, 64px) !important;
}

.my_prpofile_name_side a {
    width: 24px;
    height: 24px;
    margin-top: 5px;
}

.my_prpofile_name_side {
  padding: 0 0 0 20px;
  font-size: 18px;
    font-weight: 700;
    color: #ebe5db;
}
.my_prpofile_name_side1 {
    font-size: 14px;
    font-weight: 700;
    color: rgba(235, 229, 219, 0.502);
}
.my_prpofile_name_side2 {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}

.my_balance_name {
    padding: 10px 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #f4eadc;
}

.my_balance_name_title {
    padding-left: 20px;
}

.my_balance_name1 {
    font-size: 16px;
    font-weight: 600;
    color: #f4eadc;
    display: flex;
    gap: 5px;
    align-items: center;
    padding-left: 20px;
    width: 100%;
    border: none;
    border-radius: 0;
    position: relative;
}

button.btn.btn-outline.text-center.my_balance_name1.active {
    color: #fff;
    background-color: var(--dark-bg-main);
}

.cookies-eu {
    position: fixed;
    bottom: 0;
    background: var(--dark-bg-main);
    width: 100%;
    z-index: 1030;
    padding: 10px 0;
    font-size: 16px;
    text-align: center;
    display: none;
    align-items: center;
    line-height: normal;
}

.cookies-eu-ok.btn-theme {
  display: inline-block;
  margin-left: 10px;
  border-color: var(--brand-orange);
  color: #fbf7ef;
  width: 60px;
  padding: 6px 15px 8px;
  border: 2px solid #27282F;
  border-radius: 20px;
  background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
}

.cookies-eu-ok.btn-theme:hover {
  background: none;
  transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}

.lotto_sort_buttons:hover {
  color: #d6d0c6;
}

.lotto_sort_buttons.active {
  color: #d6d0c6;
}

.profile-block .form-group #user_user_name.form-control  {
  font-size: 14px;
  font-weight: normal;
  padding: 15px 25px;
  border: 2px solid rgba(255, 255, 255, 0.25);
  border-radius: 20px;
  box-shadow: none;
  background: var(--dark-bg-main);
  gap: unset;
  align-items: unset;
  justify-content: unset;
  height: 55px;
  display: block;
  line-height: 1.5;
  font-family: 'Inter';
}

.profile-block .form-group .form-control:focus {
    color: #fff;
    border: 2px solid var(--brand-orange) !important;
}

.profile_creds input {
    padding: 9px 15px 10px;
    border: 2px solid #27282F;
    border-radius: 20px;
    justify-content: center;
    background: none;
    display: flex;
    align-items: center;
    font-size: 14px;
    position: relative;
    font-weight: 500;
    color: #fff;
}

.profile_creds input:hover {
    background: var(--brand-orange);
    border-color: var(--brand-orange);
    color: #fbf7ef;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}

.profile_creds a {
    padding: 9px 15px 10px;
    border: 2px solid #27282F;
    border-radius: 20px;
    justify-content: center;
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    display: flex;
    align-items: center;
    font-size: 14px;
    position: relative;
    font-weight: 500;
    color: #fbf7ef;
}

.profile_creds a:hover {
    background: var(--brand-orange);
    border-color: var(--brand-orange);
    color: #fbf7ef;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}

#passwordHelpInline {
  color: #838286;
}

#passwordChangeBTN {
    padding: 9px 15px 10px;
    border: 2px solid #27282F;
    border-radius: 20px;
    justify-content: center;
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    display: flex;
    align-items: center;
    font-size: 14px;
    position: relative;
    font-weight: 500;
    color: #fbf7ef;
}

#passwordChangeBTN:hover {
    background: var(--brand-orange);
    border-color: var(--brand-orange);
    color: #fbf7ef;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}

.new_banner_headding h1 {
    font-size: clamp(20px, 3vw, 64px) !important;
    color: #f4eadc;
}

.new_banner {
    width: 100%;
    min-height: 200px;
    background: linear-gradient(88.04deg, #a3121f 0.22%, var(--brand-orange) 100.38%);
    border-radius: 4px;
    padding: 40px;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
    position: relative;

}

.profile_range {
    gap: 5px;
    display: flex;
    flex-direction: column;
    padding-left: 20px;
}

.margin_bet {
  margin-left: 5px;
}

#notifications_index .profile-block h3 {
    display: inline-block;
    margin: 0 0 45px;
}

#global-mute-toggle {
    padding: 9px 15px 10px;
    border: 2px solid #27282F;
    border-radius: 20px;
    justify-content: center;
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    display: flex;
    align-items: center;
    font-size: 14px;
    position: relative;
    font-weight: 500;
    color: #fbf7ef;
    float: right;
}

#global-mute-toggle:hover {
    background: var(--brand-orange);
    border-color: var(--brand-orange);
    color: #fbf7ef;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}
.bell-header-desktop {
    min-width: 25px;
    text-align: center;
    opacity: 0.3;
    color: #a9878d;
    margin-right: 15px;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}
.sidebar-menus ul li a:hover i, .sidebar-menus ul li.active i {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: drop-shadow(0px 0px 19px rgba(255, 76, 0, 0.44));
    opacity: 1;
}

.close_account {
    padding: 50px;
    border-radius: 20px;
    background: var(--dark-bg-header);
}

.lottory_price_button, .played-block button#my-lotteries-btn {
    font-size: 16px;
    font-weight: 600;
    padding: 0 16px;
    height: 44px;
    border-radius: 20px;
    color: #fbf7ef !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--brand-orange) !important;
}

.lottory_price_button:hover, .played-block button#my-lotteries-btn:hover {
    background: var(--dark-bg-main);
    background-color: var(--dark-bg-main) !important;
    color: #f3ede3 !important;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}

.raqam #total-sum, .raqam, .amount_number, .inner-ticket-price, .jackbox.title h4 {
    display: flex;
    align-items: center;
    gap: 2px;
    justify-content: left;
    color: #fff !important;
}

.number_list button {
    border-radius: 20px;
    border: 2px solid #27282F;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    padding: 13px 16px;
    color: #f4eadc;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: relative;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.number_list button i {
    display: none;
}
.draw-block ul li .draw_day.btn-primary.active, .number_list button.active,
#just-once-btn.active,
#prepay-btn.active {
    background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    color: #fbf7ef;
}

.week_count {
  display: flex;
    align-items: center;
    gap: 8px;
}
.week_count input.qty, .quality-block .quality-box .quantity .qty {
    background-color: var(--brand-orange) !important;
    height: 40px;
    border-radius: 20px;
    text-align: center;
    width: 60px;
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: #fbf7ef;
}
.payslip_my_bets {
    float: right;
}
#payslipt-empty {
  display: inline-block;
}
.payslip_my_bets a {
    border-radius: 20px;
    border: 2px solid #27282F;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    padding: 13px 16px;
    color: #f4eadc;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: relative;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.payslip_my_bets a:hover {
    background: var(--brand-orange);
    border-color: var(--brand-orange);
    color: #fbf7ef;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}

.match-box {
    margin: 0 0 10px;
    padding: 12px 20px;
    border-radius: 20px;
    background: linear-gradient(299deg, rgba(210, 47, 64, 0.37) -23.41%, rgba(210, 47, 64, 0.06) 114.79%);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    overflow: inherit;

}
img.ticket_header  {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 15px;
}
.ticket-header {
    font-size: 14px;
    font-weight: 500;
    color: #f4eadc;
    margin: 0 0 8px;
    align-items: center;
}
.payslip_bin {
    float: right;
    top: -25px;
    position: relative;
}

.ticket-header2 {
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    color: #f4eadc;
    padding-left: 35px;
}

.ticket-header3 {
    justify-content: normal !important;
}

.ticket-header3 .text-end {
    text-align: left !important;
    display: flex;
    align-items: center;
    gap: 8px;
}
.ticket-header3 .text-end h3 {
    margin: 0 0 0 auto;
    font-size: 12px;
    font-weight: normal;
    color: #f4eadc;
    padding-left: 35px;
}

.lotto_betslip_place_btn {
    background-color: var(--brand-orange);
    color: #fbf7ef;
    width: 70%;
    height: 44px;
    border: transparent;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 20px;
}
.lotto_betslip_place_btn:hover {
    transition: .4s linear;
    background: #291618;
    color: #f3ede3;
}

.lotto_betslip_btn {
    border: transparent;
    font-size: 13px;
    font-weight: 600;
    transition: .4s linear;
    background-color: #291618;
    color: #838286;
    display: flex;
    align-items: center;
    gap: 5px;
    text-transform: uppercase;
    padding: 5px;
    border-radius: 20px;
}

.lotto_share_btn {
  display: none;
}
.lotto_delete_btn {
    border: transparent;
    font-size: 13px;
    font-weight: 600;
    transition: .4s linear;
    background-color: #641f1f;
    color: #838286;
    display: flex;
    text-transform: uppercase;
    padding: 5px 20px;
    border-radius: 20px;
    margin: auto;
    margin-top: 10px;
}
.lotto_delete_btn:hover {
  transition: .4s linear;
  background: #291618;
  color: #838286;
}

.logo-showing-below {
    margin: 0;
}

.logo-showing-below .lotto-game-logo {
    margin-right: 0;
    margin-bottom: 15px;
}

.lotteries-block ul .synd-lottos li {
    padding: 8px 16px 8px 12px;
    display: flex;
    align-items: center;
    margin: 24px 0 0;
    border-radius: 20px;
    background: #36181b;
}

.lotteries-block ul .synd-lottos li:last-child {
    margin: 24px 0 0;
}

.lotteries-block ul .synd-lottos li span {
    font-size: 1rem;
    color: #fff;
}

.syndicates-box .played-block .played-box h2 {
    margin: 0 !important;
}
.played-block .played-box h2 button.accordion-button.collapsed::after {
    position: absolute;
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #FFFFFF;
    font-size: 22px;
    top: 10px;
    right: 10px;
    border: none;
    margin: 0;
}

.played-block .played-box h2 button.accordion-button:not(.collapsed)::after {
  position: absolute;
  content: "\f106";
  font-family: "Font Awesome 5 Pro";
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  color: #FFFFFF;
  font-size: 22px;
  top: 10px;
  right: 10px;
  border: none;
  margin: 0;
}
.syndicates-box .played-block .played-box .inner-selbx {
  padding-bottom: 10px;
  padding-top: 10px;
}

.syndicates-box .played-block .played-box .inner-selbx ul {
    padding: 0 5px;
    justify-content: flex-start;
    gap: 6px;
}

.image-list img {
  width: 30px;
    height: 30px;
}
.shares_count_ul {
  margin: auto;
}
.shares_count_ul li {
    background-color: var(--brand-orange) !important;
    height: 40px;
    border-radius: 20px !important;
    text-align: center;
    border: none;
    box-shadow: none;
    outline: none;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #fbf7ef !important;
}

.shares_count_ul li span {
    margin-left: 5px !important;
}
.pick-lines-2-main .lotto_sort_labels {
  display: none;
}

.pick-lines-2-main .lotto_dropdown_button  {
    padding: 8px 80px 8px 12px;
    height: 46px;
    background-color: #36181b;
    border-radius: 20px;
    color: #fff;
    border: 0;
    font-size: 1rem;
    font-weight: 400;
    margin: 24px 0 0;
}

.pick-lines-2-main .lotto_dropdown_button::after {
  position: absolute;
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  color: #FFFFFF;
  font-size: 22px;
  top: 36px;
  right: 10px;
  border: none;
  margin: 0;
}

.pick-lines-2-main .lotto_dropdown_button.show::after {
  position: absolute;
  content: "\f106";
  font-family: "Font Awesome 5 Pro";
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  color: #FFFFFF;
  font-size: 22px;
  top: 36px;
  right: 10px;
  border: none;
  margin: 0;
}

.pick-lines-2-main .dropdown ul.dropdown-menu {
  padding: 8px 12px 8px 12px;
  background-color: #36181b;
  border-radius: 20px;
  color: #fff;
  border: 0;
  font-size: 1rem;
  font-weight: 400;
}

.pick-lines-2-main .dropdown ul.dropdown-menu li a {
  border-radius: 20px;
}

.pick-lines-2-main .dropdown ul.dropdown-menu li a:hover {
  border-radius: 20px;
}
.flash_over {
  position: absolute;
  left: calc(50% + 240px / 2);
  transform: translateX(-50%);
  top: 50px;
  min-width: 50%;
  max-width: 65%;
  font-weight: 600;
  font-size: 16px;
  z-index: 99;
}

.modal-header h5 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 auto;
    padding: 10px 16px;
    border-radius: 4px;
    background: var(--dark-bg-main);
    color: #fff;
}
.modal-content {
    padding: 25px 25px 20px;
}
.btn-close {
    position: absolute;
    right: 20px;
    opacity: 1;
}

.pick-lines-3 {
    padding: 0 15px 32px;
}

#lottohistoryContent .jackpot_banner .letto-img img {
  width: 100%;
  border-radius: 20px 20px 0 0;
}

#lottohistoryContent .jackpot_banner .letto-img img.jackpot_image {
  height: 80px;
}

#lottohistoryContent .jackpot_banner .letto-img {
    position: relative;
    border-radius: 20px 20px 0 0;
}

#lottohistoryContent .product-listing .logo-showing {
  padding: 15px 10px;
}
#lotto-entries-wrapper .modal-footer {
    border: none;
    padding: 0;
}
#lottohistoryContent .winbox {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    border-radius: 0;
    background: none;
}

#lottohistoryContent .winning-data {
    padding: 15px 10px;
    background: var(--dark-bg-header) !important;
    border-radius: 0 0 20px 20px !important;
    height: 146px;
}

#lottohistoryContent .winning-data .played-block {
    padding: 20px 0 0;
}

#lottohistoryContent .winning-data .played-block button {

}

#lottohistoryContent .winning-data .played-block .btn-close-white:hover {
  filter: var(--bs-btn-close-white-filter);
}

#lotto-entries-wrapper .my-lottery-main-image {
    display: flex;
    align-items: center;
}

#lottohistoryContent .letto-dt-box {
    height: 80px !important;
}
#lottohistoryContent h2 {
    font-size: 32px;
    color: #f4eadc;
    margin: 0 0 20px;
    text-transform: uppercase;
}
#lottohistory .lotto_sort_buttons {
  height: 44px;
    padding: 0 16px;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    display: flex;
align-items: center;
color: #fff !important;
border-radius: 20px;
}

.wicked-badge {
  background: var(--brand-orange);
}

.close_headding {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    color: #FFFFFF;
}

.close_subhead {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #FFFFFF;
    padding-bottom: 10px;
}
.date_bg {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--dark-bg-main);
    border-radius: 4px;
}

.date_bg input {
  background-color: #626368 !important;
    font-size: 16px;
    font-weight: 700;
    padding: 0 16px;
    height: 44px;
    border-radius: 20px;
    text-transform: uppercase;
    color: #ffefef !important;
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    border: transparent;
}

.date_bg input::-webkit-calendar-picker-indicator {
    filter: invert(100%);
    color: #fff;
}

.close_password:focus-visible, .close_password {
  outline: 0;
  height: 44px;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  padding: 15px 25px;
  border: 2px solid rgba(255, 255, 255, 0.25);
  border-radius: 20px;
  box-shadow: none;
  background: var(--dark-bg-main);
}

/* Deposit-limit boxes on the Close Account page: the password-field style, outlined so the empty boxes show. */
.close_password.deposit_limit_input {
  border-color: rgba(255, 255, 255, 0.25);
}

.date_bg .gray-themes:hover {
  background: var(--dark-bg-main);
    color: #838286 !important;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}

.close_logo {
    width: 650px;
    height: auto;
    object-fit: cover;
}

.lotto .text-field {
    height: 125px;
}

.date_time {
    position: absolute;
    top: 0;
    right: 5px;
    width: auto;
}

.date_time p {
    font-size: 10px;
    font-weight: 500;

    color: #838286;
}
.team_badge {
  display: none !important;
}
.sport_clock {
  width: 17px !important;
  height: 17px !important;
}

.tier-badge {
  display: none;
}
.livelist {
  margin: 0 15px;
}
.method-block {
  padding: 50px;
  border-radius: 20px;
  background: var(--dark-bg-header);

}

.method-block h2 {
    font-size: 32px;
    color: #f4eadc;
    margin: 0 0 20px;
    text-transform: uppercase;
}

.bet-history-holder h2 {
  font-size: 32px;
  color: #f4eadc;
  margin: 0 0 20px;
  text-transform: uppercase;
}

/* Deposit page: method selector (Crypto/Card) pills + responsive currency grid.
   Scoped to #currency-list so the other .method-block pages (bonus/withdrawal/history)
   are untouched. Replaces the fixed 137px tile that dropped to one-per-line on phones. */
.deposit-method-switch {
    display: inline-flex;
    width: fit-content;
    gap: 4px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    margin: 0 0 22px;
    padding: 4px;
    background: rgba(40, 22, 24, 0.55);
    border-radius: 12px;
    flex-wrap: nowrap;
}
.deposit-method-switch .nav-item { flex: 0 0 auto; }
.deposit-method-switch .dms-tab {
    min-width: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 26px;
    border: 1px solid transparent;
    border-radius: 9px;
    background: transparent;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-size: 14px;
    transition: .2s ease;
}
.deposit-method-switch .dms-tab:hover { color: #fff; }
.deposit-method-switch .dms-tab.active {
    color: #fbf7ef;
    background: var(--Primary-Grad, var(--brand-orange));
}

#currency-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    gap: 14px;
}
#currency-list .method-bx {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1.05;
}
#currency-list #no-results-message { grid-column: 1 / -1; }

/* Featured Community Tokens strip: operator-curated coins pinned above the
   deposit grid (admin checkbox per currency). Tiles reuse .method-bx so
   sizing and behavior always match the main grid. */
.featured-community-tokens {
    margin-bottom: 18px;
    padding: 12px 14px;
    border: 1px solid var(--strip-accent, #d22f40);
    border-radius: 10px;
}
.featured-community-tokens-title {
    margin: 0 0 10px;
    font-size: 15px;
    font-weight: 700;
}
.featured-community-tokens ul.featured-community-tokens-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    gap: 14px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.featured-community-tokens ul.featured-community-tokens-list .method-bx {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1.05;
}

/* Card deposit tab: how-it-works strip + facts row under the on-ramp hero
   (fills the desktop whitespace with conversion/trust content). */
.onramp-how { margin: 26px 0 0; }
.onramp-how__title { margin: 0 0 16px; font-size: 15px; font-weight: 800; letter-spacing: .4px; text-transform: uppercase; color: rgba(255, 255, 255, 0.85); }
.onramp-how__steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.onramp-how__step { position: relative; padding: 18px 16px 16px; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 12px; background: rgba(40, 22, 24, 0.55); }
.onramp-how__num { position: absolute; top: 14px; right: 14px; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 11px; font-weight: 800; color: #fbf7ef; background: var(--Primary-Grad, var(--brand-orange)); }
.onramp-how__icon { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 10px; margin: 0 0 12px; font-size: 16px; color: rgba(255, 255, 255, 0.85); background: rgba(255, 255, 255, 0.06); }
.onramp-how__step-title { margin: 0 0 6px; font-size: 14px; font-weight: 700; color: #fff; }
.onramp-how__step-text { margin: 0; font-size: 12px; line-height: 1.55; color: rgba(255, 255, 255, 0.55); }
.onramp-how__facts { display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0 0; }
.onramp-how__fact { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 9px; background: rgba(40, 22, 24, 0.55); font-size: 12px; font-weight: 600; color: rgba(255, 255, 255, 0.7); }
.onramp-how__fact i { font-size: 12px; color: rgba(255, 255, 255, 0.5); }

.method-block ul {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 20px;
    align-self: stretch;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.winning-list-wrp.method-block ul {
    justify-content: normal;
}
.bet-history-holder.betting-slipside {
    padding: 50px;
}
.my-bit-wrp h4 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
}
.method-bx {
    border-radius: 4px;
    border: 1px solid #2c181a;
    background: rgba(40, 22, 24, 0.2);
    position: relative;
    transition: .4s linear;
    -webkit-transition: .4s linear;
    display: flex;
    width: 137px;
    height: 155.238px;
    padding: 14px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.method-bx input {
    display: none;
}

.method-block ul li.selected .method-bx, .method-bx:hover {
    border: 1px solid var(--Primary-Grad, var(--brand-orange));
    background: linear-gradient(299deg, rgba(210, 47, 64, 0.37) -23.41%, rgba(210, 47, 64, 0.06) 114.79%);
}

.method-block ul li.selected .method-bx:after,
.method-bx:hover:after {
    opacity: 1;
    visibility: visible;
}

.method-ic {
    margin: 20px auto 0;
    display: table;
}

.method-bx h3 {
    margin: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #f3ede3;
}

.diposit-block {
    padding: 40px;
    background: rgba(33, 18, 20, 0.8);
    border-radius: 20px;

}

.diposit-block h2 {
    font-size: 32px;
    color: #f4eadc;
    margin: 0 0 30px;
}

.diposit-block p {
    font-size: 14px;
    font-weight: 600;
    color: #838286;
    line-height: normal;
    margin: 0 0 25px;
}

.diposit-block .form-group {
    position: relative;
    margin: 0 0 25px;
}

.diposit-block .form-group .form-control {
    padding: 15px 45px 15px 15px;
    background: var(--dark-bg-main);
    border-radius: 4px;
    border: 2px solid rgba(33, 18, 20, 0.5);
    height: auto;
    box-shadow: none;
    font-size: 12px;
    font-weight: 600;
    color: #d6d0c6;
}

.diposit-block .form-group .form-control::placeholder {
    color: #d6d0c6;
}

.diposit-block .form-group button {
    background: transparent;
    border: none;
    color: #f4eadc;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 15px;
    font-weight: 300;
}

.diposit-block .form-group button:hover img {
    fill: #fff;
}

.copy-text button:before {
    content: "Copied";
    position: absolute;
    top: -40px;
    right: -15px;
    background: #f4eadc;
    padding: 5px 10px;
    border-radius: 30px;
    color: #101010;
    font-weight: 600;
    font-size: 14px;
    display: none;
}

.copy-text.active button:before,
.copy-text.active button:after {
    display: block;
}

.diposit-block .btn-main {
    padding: 12px 15px;
    border-radius: 4px;
    background: var(--brand-orange);
    width: 100%;
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #fbf7ef;
    text-transform: uppercase;
    margin: 0 auto 25px;
}

.diposit-block .btn-main:hover {
    background: #f4eadc;
    border-color: #f4eadc;
    color: #1B1410;
}

.diposit-block h4 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 20px;
    border: 2px dashed #27282F;
    margin: 0 0 30px;
    font-size: 14px;
    font-weight: 600;
    color: #838286;
    text-transform: uppercase;
}

.diposit-block h4 i {
    margin-right: 10px;
    color: #27282F;
}

.qr-rw {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 40px;
}

.qr-img {
    /* border-radius: 4px;
    overflow: hidden;
    min-width: 200px;
    width: 200px; */
}

.qr-img img {
    width: 100%;
}

.qr-rw p {
    margin: 20px 0 0;
    font-size: 13px;
    font-weight: 600;
    color: #F6F6F6;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    padding: 0 10px;
}

.qr-rw p i {
    margin-right: 5px;
    color: #27282F;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.qr-warnings {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    min-width: 0;
    margin-top: 20px;
}

.qr-rw .qr-warnings p {
    margin: 0;
    align-items: flex-start;
    text-align: left;
}

.bitcoin-calcrw h3 {
    font-size: 18px;
    font-weight: bold;
    color: #f4eadc;
    text-transform: uppercase;
    margin: 0 0 20px;
}

.calc-rw {
    display: flex;
    align-items: center;
    flex-flow: column;
}

.calc-rw .form-group {
    margin: 0;
    position: relative;
}

.calc-rw .form-group .form-control {
    padding: 15px 90px 15px 20px;
    background: var(--dark-bg-main);
    border-radius: 4px;
    border: 2px solid rgba(33, 18, 20, 0.5);
    height: auto;
    box-shadow: none;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}

.calc-rw .form-group .form-control::placeholder {
    font-weight: 500;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.5);
}

.calc-rw .form-group span {
    font-size: 16px;
    font-weight: 600;
    color: #f4eadc;
    position: absolute;
    top: 15px;
    right: 15px;
}

.calc-rw i {
    font-size: 24px;
    color: #27282F;
    margin: 0 20px;
}

.note-warn {
    display: flex;
    align-items: center;
    margin: 30px 0 0;
}

.note-warn i {
    font-size: 16px;
    color: #27282F;
    margin-right: 15px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.note-warn p {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #838286;
}
.bonus-block .btn-main {
    padding: 12px 15px;
    border-radius: 4px;
    background: var(--brand-orange);
    width: 100%;
    display: block;
    border: 2px solid rgba(210, 47, 64, 0.3);
    font-size: 16px;
    font-weight: bold;
    color: #fbf7ef;
    text-transform: uppercase;
    margin: 0 auto 25px;
}

.bonus-block .btn-main:hover {
    background: #f4eadc;
    border-color: #f4eadc;
    color: #1B1410;
}

.bonus-block h4 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 20px;
    border: 2px dashed #27282F;
    margin: 0 0 30px;
    font-size: 14px;
    font-weight: 600;
    color: #838286;
    text-transform: uppercase;
}

.bonus-block h4 i {
    margin-right: 10px;
    color: #27282F;
}

.bonus_opt_in, .bonus_opt_out {
    margin-top: 60px;
    min-width: 80px !important;
}

.user_bonus-selector {
    font-weight: 500;
}

.bonus-data label {
    text-transform: uppercase;
}

.bonus-block .form-group {
    position: relative;
    margin: 0 0 25px;
}

.bonus-block .form-group .form-control {
    padding: 15px 50px 15px 20px;
    background: var(--dark-bg-main);
    border-radius: 4px;
    border: 2px solid rgba(33, 18, 20, 0.5);
    box-shadow: none;
    font-size: 16px;
    font-weight: 600;
    color: #d6d0c6;
    text-transform: uppercase;
    height: 58px;
    line-height: normal;
}

.bonus-block .form-group .form-control::placeholder {
    color: #d6d0c6;
}

.user-bonus-selector::after {
    position: absolute;
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    font-weight: bold;
    color: #fff;
    border: none;
    font-size: 12px;
    top: 40px;
    right: 20px;
    border: none;
}


.form-referrer-data .btn-wager {
    padding: 8px 15px;
    border-radius: 4px;
    height: 44px;
    background: var(--brand-orange);
    width: 100%;
    border: 2px solid rgba(210, 47, 64, 0.3);
    font-size: 16px;
    font-weight: bold;
    color: #fbf7ef;
    text-align: center;
    text-transform: uppercase;
}

.form-referrer-data .btn-wager:hover {
    border-color: #f4eadc;
    background: #fff;
    color: var(--brand-orange);
}

.bonus-block .input-box span {
    position: absolute;
    right: 20px;
    top: 18px;
    color: #f4eadc;

    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

/* Past Bonuses Table */
.past-bonuses-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.past-bonuses-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    color: #f4eadc;
}

.past-bonuses-table thead th {
    padding: 10px 12px;
    text-align: left;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #838286;
    border-bottom: 1px solid #27282F;
    white-space: nowrap;
}

.past-bonuses-table tbody td {
    padding: 10px 12px;
    border-bottom: 1px solid rgba(39, 40, 47, 0.5);
    vertical-align: middle;
    white-space: nowrap;
}

.past-bonuses-table tbody tr:hover {
    background: rgba(244, 234, 220, 0.03);
}

.past-bonus-name {
    font-weight: 600;
    color: #f4eadc;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bonus-status-badge {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    text-transform: capitalize;
}

.bonus-status-completed {
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
}

.bonus-status-expired {
    background: rgba(245, 158, 11, 0.15);
    color: #f59e0b;
}

.bonus-status-cancelled {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
}

.past-bonus-amount .past-bonus-currency-symbol,
.past-bonus-hide-mobile .past-bonus-currency-symbol {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

.past-bonus-amount .past-bonus-currency-symbol img,
.past-bonus-wager .past-bonus-currency-symbol img,
.past-bonus-hide-mobile .past-bonus-currency-symbol img {
    height: 12px;
    width: auto;
}

.past-bonus-wager .past-bonus-currency-symbol {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

.active-bonus-stat-value,
.active-bonus-wager-text {
    display: flex;
    align-items: center;
    gap: 3px;
}

.past-bonus-wager-text {
    font-size: 12px;
    margin-bottom: 4px;
}

.past-bonus-progress-bar {
    width: 100%;
    min-width: 60px;
    height: 4px;
    background: #281618;
    border-radius: 2px;
    overflow: hidden;
}

.past-bonus-progress-fill {
    height: 100%;
    background: #22c55e;
    border-radius: 2px;
    transition: width 0.3s ease;
}

.past-bonus-muted {
    color: #4a4a52;
}


.past-bonus-date {
    display: block;
    font-size: 12px;
    color: #f4eadc;
}

.past-bonus-time-ago {
    display: block;
    font-size: 11px;
    color: #838286;
}
/* End Past Bonuses Table */

/* Active Bonus Stats */
.active-bonus-stats {
    display: flex;
    gap: 12px;
    margin: 12px 0;
    flex-wrap: wrap;
}

.active-bonus-stat {
    flex: 1;
    min-width: 120px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    padding: 12px 16px;
}

.active-bonus-stat-label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #838286;
    margin-bottom: 4px;
}

.active-bonus-stat-value {
    font-size: 16px;
    font-weight: 600;
    color: #f4eadc;
}

.active-bonus-currency-symbol img {
    height: 14px;
    width: auto;
}

/* Active Bonus Wager Progress */
.active-bonus-wager {
    margin: 12px 0;
    padding: 12px 16px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
}

.active-bonus-wager-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}

.active-bonus-wager-label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #838286;
}

.active-bonus-refresh-link {
    font-size: 12px;
    color: #d22f40;
    text-decoration: none;
}

.active-bonus-refresh-link:hover {
    text-decoration: underline;
}

.active-bonus-refresh-link.refreshing {
    opacity: 0.6;
    pointer-events: none;
}

.active-bonus-refresh-msg {
    font-size: 12px;
    margin-top: 6px;
    padding: 4px 8px;
    border-radius: 4px;
}

.active-bonus-refresh-msg.refresh-success {
    color: #22c55e;
    background: rgba(34, 197, 94, 0.1);
}

.active-bonus-refresh-msg.refresh-info {
    color: #f59e0b;
    background: rgba(245, 158, 11, 0.1);
}

.active-bonus-refresh-msg.refresh-error {
    color: #ef4444;
    background: rgba(239, 68, 68, 0.1);
}

.bonus-disabled-msg {
    display: inline-block;
    font-size: 13px;
    color: #f59e0b;
    padding: 6px 12px;
    background: rgba(245, 158, 11, 0.1);
    border-radius: 4px;
}

.active-bonus-wager-text {
    font-size: 14px;
    font-weight: 600;
    color: #f4eadc;
    margin-bottom: 8px;
}

.active-bonus-progress-bar {
    height: 6px;
}

/* Active Bonus Game Rules */
.active-bonus-rules {
    margin: 12px 0;
    padding: 12px 16px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
}

.active-bonus-rules-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.active-bonus-rules-row:last-child {
    margin-bottom: 0;
}

.active-bonus-rules-label {
    font-size: 12px;
    color: #838286;
    font-weight: 600;
    white-space: nowrap;
}

.active-bonus-rules-value {
    font-size: 12px;
    color: #f4eadc;
}

.active-bonus-excluded {
    color: #ef4444;
}

.active-bonus-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.active-bonus-pill {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    background: rgba(210, 47, 64, 0.15);
    color: #d22f40;
}

.active-bonus-pill.pill-excluded {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
}

.bonus-claimed-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-top: 60px;
}

.bonus-deposit-cta {
    display: inline-block;
    padding: 12px 32px;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    min-width: 180px;
}

.bonus-opt-out-link {
    background: none;
    border: none;
    color: #aa888e;
    font-size: 13px;
    padding: 4px 0;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.bonus-opt-out-link:hover {
    color: #ef4444;
}
/* End Active Bonus */

.withdrawal-block {

}

.withdrawal-block h2 {
    font-size: 32px;
    color: #f4eadc;
    margin: 0 0 30px;
}

.withdrawal-block p {
    font-size: 14px;
    font-weight: 600;
    color: #838286;
    line-height: normal;

}

.withdrawal-block .form-group {
    position: relative;
    margin: 0 0 25px;
}

.withdrawal-block .form-group .form-control {
    padding: 15px 50px 15px 20px;
    background: var(--dark-bg-main);
    border-radius: 20px;
    border: 2px solid rgba(33, 18, 20, 0.5);
    height: auto;
    box-shadow: none;
    font-size: 14px;
    font-weight: 600;
    color: #d6d0c6;
    height: 58px;
    line-height: normal;
}

.withdrawal-block .form-group .form-control::placeholder {
    color: #d6d0c6;
}

.withdrawal-block .form-group button {
    background: transparent;
    border: none;
    color: #f4eadc;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 15px;
    font-weight: 300;
}

.withdrawal-block .form-group button:hover img {
    fill: #fff;
}

.withdrawal-block .btn-main {
    padding: 12px 15px;
    border-radius: 4px;
    background: var(--brand-orange);
    width: 100%;
    display: block;
    border: 2px solid rgba(210, 47, 64, 0.3);
    font-size: 16px;
    font-weight: bold;
    color: #fbf7ef;
    text-transform: uppercase;
    margin: 0 auto 25px;
}

.withdrawal-block .btn-main:hover {
    background: #f4eadc;
    border-color: #f4eadc;
    color: #1B1410;
}

.withdrawal-block h4 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 20px;
    border: 2px dashed #27282F;
    margin: 0 0 30px;
    font-size: 14px;
    font-weight: 600;
    color: #838286;
    text-transform: uppercase;
}

.withdrawal-block h4 i {
    margin-right: 10px;
    color: #27282F;
}

.withdrawal-block .form-group .form-control::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.form-select-crypto::after {
    position: absolute;
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    font-weight: bold;
    color: #fff;
    border: none;
    font-size: 12px;
    top: 50px;
    right: 20px;
    border: none;
}

.withdrawal_amt_input .input-box span {
    position: absolute;
    right: 20px;
    top: 18px;
    color: #f4eadc;

    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.btn-theeme.active, .btn-themes, button.btn-theme, a.btn-theme {
  padding: 9px 15px 10px;
  border: 2px solid #27282F;
  border-radius: 20px;
  justify-content: center;
  background: linear-gradient(111deg, var(--brand-orange) 10.81%, #a3121f 100.23%);
  display: flex;
  align-items: center;
  font-size: 14px;
  position: relative;
  font-weight: 500;
  color: #fbf7ef;
  padding: 0 16px;
    height: 44px;
}

.btn-theeme.active:hover, .btn-themes:hover, button.btn-theme:hover, a.btn-theme:hover {
    background: var(--dark-bg-main);
    background-color: var(--dark-bg-main) !important;
    color: #f3ede3 !important;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}

.live-updatebox .nav-tabs li a.btn-theeme.active {
  font-size: 12px;
}

.bets-table-block table tbody tr td span img {
  height: 12px;
    width: auto;
}

.launcher_base {
    padding-left: 245px;
    padding-right: 40px;
}

.launcher_base ul.navbar-nav {
    width: 100%;
    justify-content: space-around;
    align-items: center;
}
.gm-btn img {
    display: inline-block;
}
.item_search img, .item_search a {
    display: inline-block;
}
button.gm-btn span, .launcher_base .nav-item a {
    color: #9CA3AF;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}
button.gm-btn, button.gm-btn span, .item_search a {
    align-items: center;
    display: flex;
    gap: 5px;
}
#casino_games_launch_real_game .search_bar, #casino_games_launch_fun_game .search_bar {
    margin-top: 0;
    margin-bottom: 20px;
}
.search_bar img {
    position: absolute;
    width: 24px;
    height: 24px;
    margin-left: 16px;
}
#recent_winners {
    overflow: hidden;
    width: 100%;
    max-height: calc(50px * 15 + 0px);
    position: relative;
}
.live-updatebox .nav-tabs li {
    width: auto;
    margin: 0;
}
#choose-numbers-wrapper .mCustomScrollBox {
  min-height: 360px;
}

.header_Slider img {
  width: 100%;
  height: auto !important;
}
.slick-slide {
    margin-right: 0 !important;
}

#modalSportsSearch2 .select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-results__options .select2-results__option {
  min-width: 100%;
}
#modalSportsSearch2 .select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-results__options .select2-results__option {
  border-radius: 20px;
}
#modalSportsSearch2 .modal-content {
    padding: 5px 10px 20px;
}
#modalSportsSearch2 .modal-body {
    padding: 5px;
}

/* Base Layout */
.match-box {
    background-color: #1f0d0f;
    margin-bottom: 8px;
    overflow: hidden;
}

/* Teams/Players Column */
.team-col {
    padding: 0;
}

.team-name-wrapper {
    height: 100%;
    display: flex;
    align-items: center;
}

.team-link {
    padding: 10px 15px;
    text-decoration: none;
    display: block;
    width: 100%;
    transition: background-color 0.2s;
}

.team-link:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

.team-logo {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
}

.team-name {
    color: #ffffff;
    font-size: 0.9rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.draw-name {

}

/* Header Row */
.odds-header {
    color: #a68a8f;
    font-size: 0.8rem;
    text-transform: uppercase;
    padding: 8px 15px;
    background-color: #240f11;
    font-weight: 500;
}

/* Betting Rows */
.betting-row {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.betting-row:last-child {
    border-bottom: none;
}

/* Odds Buttons */
.odds-col {
    padding: 0;
}

.odds-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;

    text-decoration: none;
    text-align: center;
    transition: all 0.2s;
}

.odds-button:hover {

}

.odds-value {
    background-color: #421b20;
    border-radius: 4px;
    color: white;
    padding: 4px 6px;
    font-weight: 500;
    font-size: 0.9rem;
    width: 100%;
    height: 52px;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: background-color 0.2s;
}

.odds-button:hover .odds-value {
    background-color: #a3121f;
}

.odds-button.disabled {
    opacity: 0.5;
    cursor: default;
}

/* Moneyline Specific Styling */
.moneyline-button {

}

.moneyline-button .odds-value {

    display: flex;
    align-items: center;
    justify-content: center;
}

.handicap {
    color: #a68a8f;
    font-size: 0.8rem;
    margin-bottom: 3px;
}

/* Match Info Column */
.match-info-col {
    border-left: 1px solid rgba(255, 255, 255, 0.05);
}

.match-info-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 6px 15px;
    text-align: center;
}

.match-date-time {
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 10px;
}

.more-props {
    margin: 10px 0;
}

.more-props-link {
    display: inline-block;
    background-color: #a3121f;
    color: #fbf7ef;
    font-weight: 500;
    padding: 5px 15px;
    border-radius: 4px;
    text-decoration: none;
    transition: background-color 0.2s;
}

.more-props-link:hover {
    background-color: #d22f40;
    color: #fbf7ef;
}

.league-name {
    margin-top: 10px;
}

.league-link {
    color: #a68a8f;
    text-decoration: none;
    font-size: 0.8rem;
    transition: color 0.2s;
}

.league-link:hover {
    color: #ffffff;
}
.toast-header .btn-close {
  margin: 0;
}
.casino_button_btr a img, .casino_button_btr_buy a img, a.staking_button_btr img, a.leaderboard_button_btr img {
  width: 25px;
    height: auto;
}
.casino_button_btr_buy a span {
  color: #adff2f;
}
.casino_button_btr a span {
  color: #d22f40;
}
a.staking_button_btr span {
  color: #00ffff;
}
a.leaderboard_button_btr span {
  color: #ffcc00;
}

.my_head_profile {
  height: 44px;
    width: 114px;
    background: none;
    border: 2px solid #27282F;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
}
.my_head_profile .header_medal {
    margin-top: -6px;
    font-size: 16px;
}
.my_head_profile a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.my_head_profile .header_tier {
  font-size: 16px;
    font-weight: 600;
    color: #fff;
    width: 50%;
    margin-top: -6px;
    text-align: center;
}
.my_head_profile .badge_tier {
  display: inline-block;
  margin-top: -4px;
}
.my_head_profile .badge_tier img.profile_badge {
    margin-right: 0;
    width: auto;
    height: 50px;
}

.staking-info section {
  max-width: 900px;
  margin: 0 auto;
  font-family: Inter, sans-serif;
  color: #f1f1f1;
  padding: 40px;
  border-radius: 4px;
  background: #211214;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15)
}
.staking-info section h2 {
  color: #ffcc00;
  font-size: 28px;
}
.staking-info section h3 {
  color: #d22f40;
  font-size: 22px;
}
.staking-howitworks {
  background-color: #1e1e1e;
  padding: 15px 20px;
  border-radius: 4px;
}
.staking-example {
  background-color: #1e1e1e;
  padding: 15px 20px;
  border-left: 4px solid #d22f40;
  border-radius: 4px;
}

.select2-container--bootstrap-5 .select2--small.select2-dropdown.select2-dropdown--below {
    background-color: var(--dark-bg-header) !important;
    border-radius: 20px !important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
    background-color: var(--dark-bg-header) !important;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options:not(.select2-results__options--nested) {
    background-color: var(--dark-bg-header) !important;
}
.bets-table-block table tbody tr td span {
  font-size: 12px;
}

#affiliateLevelModal .modal-content {
  color: #fff !important;
}

#affiliateLevelModal .modal-header h5 {
  background: #211214; !important;
}

.im-ticker {
  width: 100%;
  background: #1a0b0d;
  overflow: hidden;
  position: relative;
  padding: 10px 0;
  border-radius: 0 0 20px 20px;
  margin-bottom: 20px;
  white-space: nowrap;
}

.im-ticker-content {
  display: flex;
}

.im-ticker-track {
  display: flex;
  width: max-content;
  animation: im-scroll 40s linear infinite;
}


.im-ticker-track span {
  margin: 0;
  padding: 0;
  color: #e6e9f0;
  font-size: 14px;
  opacity: 0.85;
}

.im-ticker-track span + span::before {
  content: "\25CF";
  display: inline-block;
  margin: 0 22px;
  font-size: 9px;
  color: #d22f40;
  opacity: 0.9;
  position: relative;
  top: -1px;
  line-height: 1;
}

/* Dot at the seam where the two duplicated copies meet; the rule above only
   joins sibling spans within one .im-ticker-content, not across copies. */
.im-ticker-content + .im-ticker-content > span:first-child::before {
  content: "\25CF";
  display: inline-block;
  margin: 0 22px;
  font-size: 9px;
  color: #d22f40;
  opacity: 0.9;
  position: relative;
  top: -1px;
  line-height: 1;
}

.im-ticker-track span.im-ticker-jackpot {
  color: #ffd700;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.3px;
  text-shadow: 0 0 8px rgba(255, 215, 0, 0.55);
  opacity: 1;
}

@keyframes im-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

#subscriptionDropdown::after {
  content: none !important;
  border: 0 !important;
  display: none !important;
}

#proofs_index_millionaire .card-header h5 {
  color: #fff;
}

#myentries-pane .millionaire_entries .entries_cost {
    display: flex;
    align-items: center;
}
#myentries-pane .millionaire_entries .entries_cost .crypto-currency-icon {
    margin-left: 5px;
}
#myentries-pane .millionaire_entries .entries_cost .crypto-currency-icon img {
    height: 12px !important;
}

/* Millionaire Entry Card Styling */
#myentries-pane .millionaire_entries .entry-product-header {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

#myentries-pane .millionaire_entries .entry-product-header .badge.bg-dark {
    background: linear-gradient(135deg, var(--brand-orange) 0%, #a3121f 100%) !important;
    font-weight: 600;
    font-size: 0.85rem;
    padding: 6px 12px;
}

#myentries-pane .millionaire_entries .entry-currency-icon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

#myentries-pane .millionaire_entries .entry-amounts {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

#myentries-pane .millionaire_entries .entry-cost,
#myentries-pane .millionaire_entries .entry-won {
    font-size: 0.9rem;
}

#myentries-pane .millionaire_entries .entry-won {
    background: rgba(210, 47, 64, 0.15);
    padding: 4px 10px;
    border-radius: 6px;
}

.balance-distribution-box {
    display: flex;
    gap: 7px;
    align-items: center;
}

.form-group.balance-distribution-box > label {
    margin: 0;
}

.balance-distribution-value {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.menu_buttons_main {
        display: none;
    }

.originals-category-title {
    font-size: 18px !important;
    font-weight: bold !important;
    color: #fff !important;
    margin: 0 0 30px !important;
}

/* abcd */

html {
  height: 100%;
  overflow-y: auto; /* or hidden if you're scrolling an inner container */
}

body {
  height: auto;
  overflow-y: visible;
}




/* break point for modal only 1921 to 55000 */
@media only screen and (min-width: 1400px) {
    .control.col-xxl-2 {
        width: 20% !important;
    }
}
@media only screen and (max-width:5500px) and (min-width:2500px){
    .modal-dialog {
        max-width: 100%;
        height: 100%;
        margin-right: auto;
        margin-left: auto;
    }
    .modal-dialog-centered {
        display: flex;
        align-items: center;
        min-height: 100%;
    }
    .rewards .modal-content {
        background-size: 60%;
        background-repeat: no-repeat;
        background-position: 0px bottom;
        padding: 65px 50px;
        border-radius: 0px;
        min-height: 310px;
        min-width: 400px;
        height: 40%;
        background-color: #281618;
        width: 30%;
        border: 0;
        margin: auto;
    }
    .rewards .modal-content button.modal_rankup_button {
        font-family: "Montserrat", sans-serif, sans-serif;
        font-weight: 600;
        font-size: clamp(22px, 1vw, 48px);
        background-color: #2f1a1c;
        width: 70%;
        height: 75px;
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        border: 0;
        text-transform: uppercase;
    }
    .rewards .modal-content .values {
        margin: 35px auto;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .rewards .modal-content .Value {
        width: 100%;
        margin: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-family: "Montserrat", sans-serif, sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        font-size: clamp(18px, 1vw, 39px);
    }
        .wicked_button {
        width: 50%;
        height: 75px;
        background-color: #e0b600;
        color: #fff;
        border: 0;
        font-size: clamp(22px, 1vw, 48px);
        font-weight: 800;
        font-family: "Montserrat", sans-serif;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 8% auto 0 auto;
        border-radius: 4px;
    }
}
@media only screen and (max-width:5500px) and (min-width:4501px){
    .calender-day span.box.recived .price, .calender-day span.box.today .price, .calender-day span.box.next .price {
    font-size: 32px;
    }
    .claim-time div,
    .claim-time .timer {
        font-size: 26px;
    }
    .calender-day span.box .icon-remaning, .calender-day span.box .icon-tick {
        width: 70px;
        height: 70px;
    }
    .lock svg,
    .calender-day span.box .icon-remaning svg,
    .calender-day span.box .icon-tick svg {
        height: 50px;
        width: 50px;
    }


    span.box.today {
        background-size: 60% 60%;
        background-position: 50% 50%;
    }

    .header .navigaions .left, .header .navigaions .right {
        width: 50px;
        height: 51px;
    }
    .header .navigaions .left svg, .header .navigaions .right svg {
        width: 20px !important;
        height: 20px !important;
    }
    .instant_rackeback .price {
        font-style: normal;
        font-weight: 700;
        font-size: 42px;
    }
    .note{
        font-size: 32px;
    }
    .instant_rackeback button.claim-button, .rankup_reward button.claim-button {
        width: 250px;
        height: 75px;
        font-family: "Montserrat", sans-serif, sans-serif;
        font-size: 42px;
    }
    .bonus_background h4 {
        padding-left: 50px;
        font-size: 60px;
    }
    .rankup_reward, .instant_rackeback {
        height: 150px;
    }
    .bonus_background {
        padding: 30px 50px !important;
    }
    .calender-day{
        width: 14%;
    }
    .calender-day span.box {
        width: 100%;
        height: 450px;
    }
    .tabs_games .nav.nav-pills{
        width: 100% !important;
        flex-wrap: nowrap !important;
    }
    .tabs_games .nav-pills li.nav-item{
        width: 100%  !important;
        margin-right: 10px;
    }
    .btn-bonus {
        width: 100%;
        font-size: 45px;
        height: 100px;
    }

    .instant_rackeback h4, .rankup_reward h4 {
        font-size: 60px;
    }
    .reward_section {
        width: 80%;
        margin: 70px auto 0;
    }
    .button button.reward-claim-button {
        width: 800px;
        height: 100px;
        font-size: 40px;
    }

    .header h4 {
        font-size: 42px;
    }
    #reward-amount-button {
        height: 100px;
        font-size: 45px;
    }

    .claim-time {
        width: 100%;
        height: 100px;
    }
    .calender-day span.box,
    .calender-day span.day-name {
        font-size: 32px;
    }
    .bonus_background .closed-gift {
        width: 175px;
        height: 175px;
        object-fit: cover;
    }
    .bonus_background .closed-gift2{
        filter: drop-shadow(0px 0px 26.1427px rgba(0, 255, 10, 0.47));
    }
    .bonus_background .closed-gift3{
        filter: drop-shadow(0px 0px 35.9118px rgba(173, 0, 255, 0.52));
    }
    .bonus_background .closed-gift4{
        filter: drop-shadow(0px 0px 42.1035px rgba(255, 76, 0, 0.6));
        width: 165px;
    }
}
@media only screen and (max-width:4500px) and (min-width:4001px){
    .calender-day span.box.recived .price, .calender-day span.box.today .price, .calender-day span.box.next .price {
    font-size: 32px;
    }
    .claim-time div,
    .claim-time .timer {
        font-size: 26px;
    }
    .calender-day span.box .icon-remaning,
    .calender-day span.box .icon-tick {
        width: 50px;
        height: 50px;
    }
    .lock svg,
    .calender-day span.box .icon-remaning svg,
    .calender-day span.box .icon-tick svg {
        height: 50px;
        width: 50px;
    }


    span.box.today {
        background-size: 60% 60%;
        background-position: 50% 50%;
    }

    .header .navigaions .left, .header .navigaions .right {
        width: 50px;
        height: 51px;
    }
    .header .navigaions .left svg, .header .navigaions .right svg {
        width: 20px !important;
        height: 20px !important;
    }
    .instant_rackeback .price {
        font-style: normal;
        font-weight: 700;
        font-size: 42px;
    }
    .note{
        font-size: 32px;
    }
    .instant_rackeback button.claim-button, .rankup_reward button.claim-button {
        width: 250px;
        height: 75px;
        font-family: "Montserrat", sans-serif, sans-serif;
        font-size: 42px;
    }
    .bonus_background h4 {
        padding-left: 50px;
        font-size: 60px;
    }
    .rankup_reward, .instant_rackeback {
        height: 150px;
    }
    .bonus_background {
        padding: 30px 50px !important;
    }
    .calender-day{
        width: 14%;
    }
    .calender-day span.box {
        width: 100%;
        height: 400px;
    }
    .tabs_games .nav.nav-pills{
        width: 100% !important;
        flex-wrap: nowrap !important;
    }
    .tabs_games .nav-pills li.nav-item{
        width: 100%  !important;
        margin-right: 10px;
    }
    .btn-bonus {
        width: 100%;
        font-size: 45px;
        height: 100px;
    }

    .instant_rackeback h4, .rankup_reward h4 {
        font-size: 60px;
    }
    .reward_section {
        width: 80%;
        margin: 70px auto 0;
    }
    .button button.reward-claim-button {
        width: 800px;
        height: 100px;
        font-size: 40px;
    }

    .header h4 {
        font-size: 42px;
    }
    #reward-amount-button {
        height: 100px;
        font-size: 45px;
    }

    .claim-time {
        width: 100%;
        height: 100px;
    }
    .calender-day span.box,
    .calender-day span.day-name {
        font-size: 32px;
    }
    .bonus_background .closed-gift {
        width: 175px;
        height: 175px;
        object-fit: cover;
    }
    .bonus_background .closed-gift2{
        filter: drop-shadow(0px 0px 26.1427px rgba(0, 255, 10, 0.47));
    }
    .bonus_background .closed-gift3{
        filter: drop-shadow(0px 0px 35.9118px rgba(173, 0, 255, 0.52));
    }
    .bonus_background .closed-gift4{
        filter: drop-shadow(0px 0px 42.1035px rgba(255, 76, 0, 0.6));
        width: 165px;
    }
}
@media only screen and (max-width:4000px) and (min-width:3501px){
    .calender-day span.box.recived .price, .calender-day span.box.today .price, .calender-day span.box.next .price {
        font-size: 30px;
    }
    .claim-time div, .claim-time .timer {
        font-size: 26px;
    }
        .calender-day span.box .icon-remaning, .calender-day span.box .icon-tick {
            width: 44px;
            height: 44px;
        }
        .lock svg, .calender-day span.box .icon-remaning svg, .calender-day span.box .icon-tick svg {
            height: 40px;
            width: 35px;
        }


        span.box.today {
            background-size: 60% 60%;
            background-position: 50% 50%;
        }

    .instant_rackeback .price {
        font-style: normal;
        font-weight: 700;
        font-size: 36px;
    }
    .note{
        font-size: 32px;
    }
    .instant_rackeback button.claim-button, .rankup_reward button.claim-button {
        width: 200px;
        height: 60px;
        font-family: "Montserrat", sans-serif, sans-serif;
        font-size: 36px;
    }
    .bonus_background h4 {
        padding-left: 25px;
    }
    .header h4 {
        font-size: 32px;
    }
    .calender-day span.box {
    font-size: 24px;
    }
    .calender-day span.day-name {
        color: #FFFFFF;
        text-transform: uppercase;
        font-size: 30px;
    }
    #reward-amount-button {
        height: 50px;
        font-size: 32px;
    }
    .btn-bonus {
        width: 100%;
        font-size: 32px;
        height: 60px;
    }
    .rankup_reward,.instant_rackeback {
        height: 100px;
    }
    .bonus_background {
        padding: 5px 50px !important;
    }
    .calender-day{
        width: 14%;
    }
    .calender-day span.box {
        width: 100%;
        height: 325px;
    }
    .tabs_games .nav.nav-pills{
        width: 100% !important;
        flex-wrap: nowrap !important;
    }
    .tabs_games .nav-pills li.nav-item{
        width: 100%  !important;
        margin-right: 10px;
    }
    .btn-bonus{
        width: 100%;
        font-size: 20px;
        height: 50px;

    }
    .button button.reward-claim-button {
        width: 600px;
        height: 75px;
        font-size: 30px;
    }
    .claim-time {
        width: 100%;
        height: 85px;
    }

    .instant_rackeback h4, .rankup_reward h4 {
        font-size: clamp(20px, 2vw, 42px);
    }
    .bonus_background h4 {
        font-size: 26px;
    }

    .reward_section {
        width: 80%;
        margin: 70px auto 0;
    }


    .bonus_background .closed-gift {
        width: 130px;
        height: auto;
        object-fit: cover;
    }
    .bonus_background .closed-gift1{

    }
    .bonus_background .closed-gift2{
        filter: drop-shadow(0px 0px 26.1427px rgba(0, 255, 10, 0.47));
    }
    .bonus_background .closed-gift3{
        filter: drop-shadow(0px 0px 35.9118px rgba(173, 0, 255, 0.52));
    }
    .bonus_background .closed-gift4{
        filter: drop-shadow(0px 0px 42.1035px rgba(255, 76, 0, 0.6));
        width: 165px;
    }
    .header .navigaions .left, .header .navigaions .right {
        width: 50px;
        height: 51px;
    }
    .header .navigaions .left svg, .header .navigaions .right svg {
        width: 20px !important;
        height: 20px !important;
    }
}
@media only screen and (max-width:3500px) and (min-width:3001px){
    .calender-day span.box.recived .price, .calender-day span.box.today .price, .calender-day span.box.next .price {
        font-size: 20px;
    }
        .claim-time div, .claim-time .timer {
            font-size: 18px;
        }
        .calender-day span.box .icon-remaning, .calender-day span.box .icon-tick {
            width: 44px;
            height: 44px;
        }
        .lock svg, .calender-day span.box .icon-remaning svg, .calender-day span.box .icon-tick svg {
            height: 40px;
            width: 35px;
        }


        span.box.today {
            background-size: 60% 60%;
            background-position: 50% 50%;
        }

    .instant_rackeback .price {
        font-style: normal;
        font-weight: 700;
        font-size: 36px;
    }
    .note{
        font-size: 32px;
    }
    .instant_rackeback button.claim-button, .rankup_reward button.claim-button {
        width: 200px;
        height: 60px;
        font-family: "Montserrat", sans-serif, sans-serif;
        font-size: 36px;
    }
    .bonus_background h4 {
        padding-left: 25px;
    }
    .header h4 {
        font-size: 32px;
    }
    .calender-day span.box {
    font-size: 24px;
    }
    .calender-day span.day-name {
        color: #FFFFFF;
        text-transform: uppercase;
        font-size: 30px;
    }
    #reward-amount-button {
        height: 50px;
        font-size: 32px;
    }
    .btn-bonus {
        width: 100%;
        font-size: 32px;
        height: 60px;
    }
    .rankup_reward,.instant_rackeback {
        height: 100px;
    }
    .bonus_background {
        padding: 5px 50px !important;
    }
    .calender-day{
        width: 14%;
    }
    .calender-day span.box {
        width: 100%;
        height: 275px;
    }
    .tabs_games .nav.nav-pills{
        width: 100% !important;
        flex-wrap: nowrap !important;
    }
    .tabs_games .nav-pills li.nav-item{
        width: 100%  !important;
        margin-right: 10px;
    }
    .btn-bonus{
        width: 100%;
        font-size: 20px;
        height: 50px;

    }
    .button button.reward-claim-button {
        width: 600px;
        height: 75px;
        font-size: 30px;
    }
    .claim-time {
        width: 100%;
        height: 65px;
    }

    .instant_rackeback h4, .rankup_reward h4 {
        font-size: clamp(20px, 2vw, 42px);
    }
    .bonus_background h4 {
        font-size: 26px;
    }

    .reward_section {
        width: 80%;
        margin: 70px auto 0;
    }


    .bonus_background .closed-gift {
        width: 130px;
        height: auto;
        object-fit: cover;
    }
    .bonus_background .closed-gift1{

    }
    .bonus_background .closed-gift2{
        filter: drop-shadow(0px 0px 26.1427px rgba(0, 255, 10, 0.47));
    }
    .bonus_background .closed-gift3{
        filter: drop-shadow(0px 0px 35.9118px rgba(173, 0, 255, 0.52));
    }
    .bonus_background .closed-gift4{
        filter: drop-shadow(0px 0px 42.1035px rgba(255, 76, 0, 0.6));
        width: 165px;
    }
    .header .navigaions .left, .header .navigaions .right {
        width: 50px;
        height: 51px;
    }
    .header .navigaions .left svg, .header .navigaions .right svg {
        width: 20px !important;
        height: 20px !important;
    }
}
@media only screen and (max-width:3000px) and (min-width:2501px) {
    .claim-time {
        width: 100%;
        height: 50px;
    }
    .calender-day span.box.recived .price, .calender-day span.box.today .price, .calender-day span.box.next .price {
        font-size: 16px;
    }
    .claim-time div, .claim-time .timer {
        font-size: 15px;
    }
    .calender-day span.box .icon-remaning, .calender-day span.box .icon-tick {
        width: 34px;
        height: 34px;
    }

    .lock svg, .calender-day span.box .icon-remaning svg, .calender-day span.box .icon-tick svg {
        height: 30px;
        width: 30px;
    }
    .header .navigaions .left, .header .navigaions .right {
        width: 50px;
        height: 51px;
    }
    .header .navigaions .left svg, .header .navigaions .right svg {
        width: 15px !important;
        height: 20px !important;
    }
    .rankup_reward,.instant_rackeback {
        height: 100px;
    }
    .bonus_background {
        padding: 5px 50px !important;
    }
    .calender-day{
        width: 14%;
    }
    .calender-day span.box {
        width: 100%;
        height: 250px;
    }
    .tabs_games .nav.nav-pills{
        width: 100% !important;
        flex-wrap: nowrap !important;
    }
    .tabs_games .nav-pills li.nav-item{
        width: 100%  !important;
        margin-right: 10px;
    }
    .btn-bonus{
        width: 100%;
        font-size: 20px;
        height: 50px;

    }

    .instant_rackeback h4, .rankup_reward h4 {
        font-size: clamp(20px, 2vw, 34px);
    }
    .bonus_background h4 {
        font-size: 26px;
    }

    .reward_section {
        width: 80%;
        margin: 70px auto 0;
    }


    .bonus_background .closed-gift {
        width: 130px;
        height: auto;
        object-fit: cover;
    }
    .bonus_background .closed-gift1{

    }
    .bonus_background .closed-gift2{
        filter: drop-shadow(0px 0px 26.1427px rgba(0, 255, 10, 0.47));
    }
    .bonus_background .closed-gift3{
        filter: drop-shadow(0px 0px 35.9118px rgba(173, 0, 255, 0.52));
    }
    .bonus_background .closed-gift4{
        filter: drop-shadow(0px 0px 42.1035px rgba(255, 76, 0, 0.6));
        width: 165px;
    }
}
@media only screen and (max-width:2500px) and (min-width: 1920px) {
    .calender-day span.box.recived .price, .calender-day span.box.today .price, .calender-day span.box.next .price {
        font-size: 16px;
    }
    .claim-time div, .claim-time .timer {
        font-size: 15px;
    }
    .calender-day span.box .icon-remaning, .calender-day span.box .icon-tick {
        width: 24px;
        height: 24px;
    }

    .lock svg, .calender-day span.box .icon-remaning svg, .calender-day span.box .icon-tick svg {
        height: 20px;
        width: 20px;
    }
    .header .navigaions .left, .header .navigaions .right {
        width: 50px;
        height: 51px;
    }
    .header .navigaions .left svg, .header .navigaions .right svg {
        width: 15px !important;
        height: 20px !important;
    }
    .rankup_reward,.instant_rackeback {
        height: 100px;
    }
    .bonus_background {
        padding: 5px 50px !important;
    }
    .calender-day{
        width: 14%;
    }
    .calender-day span.box {
        width: 100%;
        height: 200px;
    }
    .tabs_games .nav.nav-pills{
        width: 100% !important;
        flex-wrap: nowrap !important;
    }
    .tabs_games .nav-pills li.nav-item{
        width: 100%  !important;
        margin-right: 10px;
    }
    .btn-bonus{
        width: 100%;
        font-size: 20px;
        height: 50px;

    }

    .instant_rackeback h4, .rankup_reward h4 {
        font-size: clamp(20px, 2vw, 34px);
    }
    .bonus_background h4 {
        font-size: 26px;
    }

    .reward_section {
        width: 80%;
        margin: 70px auto 0;
    }


    .bonus_background .closed-gift {
        width: 130px;
        height: auto;
        object-fit: cover;
    }
    .bonus_background .closed-gift1{

    }
    .bonus_background .closed-gift2{
        filter: drop-shadow(0px 0px 26.1427px rgba(0, 255, 10, 0.47));
    }
    .bonus_background .closed-gift3{
        filter: drop-shadow(0px 0px 35.9118px rgba(173, 0, 255, 0.52));
    }
    .bonus_background .closed-gift4{
        filter: drop-shadow(0px 0px 42.1035px rgba(255, 76, 0, 0.6));
        width: 165px;
    }
}
@media only screen and (max-width: 1919px) {
    #reward-amount-button {
        padding: 0 10px;
    }
    .reward_section {
        width: 80%;
        margin: 70px auto 0;
    }

    .calender-day span.box {
        width: 170px;
        height: 170px;
    }

    .btn-bonus {
        width: 306.25px;
        font-size: 14px;
    }

    .bonus_background h4 {
        font-size: 26px;
    }

    .bonus_background .closed-gift {
        width: 140px;
        height: auto;
        object-fit: cover;
        position: relative;
        right: 20px;
    }

    .bonus_background .closed-gift2{
        filter: drop-shadow(0px 0px 26.1427px rgba(0, 255, 10, 0.47));
    }
    .bonus_background .closed-gift3{
        filter: drop-shadow(0px 0px 35.9118px rgba(173, 0, 255, 0.52));
    }
    .bonus_background .closed-gift4{
        filter: drop-shadow(0px 0px 42.1035px rgba(255, 76, 0, 0.6));
        width: 165px;
    }
}
@media only screen and (max-width:1900px) {
    /* .bonus_background .closed-gift4 {
        width: 150px !important;
    } */
    .bonus_background .closed-gift {
        width: 130px;
        height: auto;
    }
}
@media only screen and (max-width:1850px){
    .bonus_background .closed-gift {
        width: 110px;
        height: auto;
    }
    /* .bonus_background .closed-gift4 {
        width: 130px !important;
    } */
}
@media only screen and (max-width:1830px) {
    .calender-day span.box {
        width: 165px;
        height: 165px;
    }
}

@media only screen and (max-width:1800px) {

    .btn-bonus {
        width: 285px;
        font-size: 13px;
    }

    .calender-day span.box {
        width: 160px;
        height: 160px;
    }
}

@media only screen and (max-width:1730px) {
    .reward_section {
        width: 85%;
    }
}

@media only screen and (max-width:1650px) {
    .calender-day span.box {
        width: 155px;
        height: 155px;
    }

    .bonus_background .closed-gift {
        width: 90px;
        height: auto;
    }

    .btn-bonus {
        width: 280px;
    }
}

@media only screen and (max-width: 1599px) {
    .reward_section ul li.nav-item {
        width: 24%;
    }

    .span-gap1 {
        gap: 2px;
    }
    .calender-day span.box {
        width: 145px;
        height: 145px;
    }

    .btn-bonus {
        width: 270px;
    }

}
@media only screen and (max-width:1665px) {
    .bonus_background .closed-gift {
        width: 100px;
        height: auto;
    }
    .bonus_background .closed-gift4 {
        /* width: 110px !important; */
    }
    .bonus_background h4 {
        font-size: 24px;
    }

}
@media only screen and (max-width:1550px) {
    .bonus_background .closed-gift {
        width: 95px;
        height: auto;
    }
}
@media only screen and (max-width:1525px) {
    .calender-day span.box .icon-tick {
        width: 17px !important;
        height: 17px !important;
        border-radius: 4px !important;
    }

    .calender-day span.box {
        width: 135px;
        height: 135px;
    }

    .btn-bonus {
        width: 250px;
    }
    .bonus_background h4 {
        font-size: 24px;
    }

    .bonus_background .closed-gift {
        width: 90px;
        height: auto;
        right: 13px;
    }
    .bonus_background .closed-gift4 {
        /* width: 100px !important; */
    }
}

@media only screen and (max-width:1440px) {
    .calender-day span.box {
        width: 130px;
        height: 130px;
    }

    .btn-bonus {
        width: 223px;
    }
    .bonus_background h4 {
        font-size: 26px;
    }
    .button button.reward-claim-button {
        width: 400px;
        height: 55px;
        font-size: 19px;
    }
}

@media only screen and (max-width: 1399px) {
    .bonus_background .closed-gift {
        width: 85px;
        height: auto;
        right: 13px;
    }
    .bonus_background h4 {
        font-size: 18px !important;
    }
    .bonus_background{
        padding: 10px 0 10px 35px;
    }
    .calender-day span.box.today {
        padding: 5px 0 0 0 !important;
    }
    .calender-day span.box .icon-remaning,
    .calender-day span.box .icon-tick {
        width: 15px !important;
        height: 15px !important;
        border-radius: 4px !important;
        border: 1px solid rgba(210, 47, 64, 0.74) !important;
    }
    .calender-day span.box .icon-remaning svg,
    .calender-day span.box .icon-tick svg {
        height: 10px !important;
        width: 10px !important;
    }
    .claim-time {
        width: 100%;
        height: 30px;
    }

    .calender-day span.box {
        width: 117px;
        height: 117px;
        padding: clamp(5px, 2%, 0px);
    }
}

@media only screen and (max-width:1300px) {
    .calender-day span.box {
        width: 115px;
        height: 115px;
    }

    .btn-bonus {
        width: 200px;
    }

    .reward_section {
        width: 90%;
    }
}

@media only screen and (max-width:1260px) {
    .calender-day span.box {
        width: 110px;
        height: 110px;
    }
}

@media only screen and (max-width: 1199px) {
    .bonus_background .closed-gift {
        width: 102px;
        height: auto;
        right: 13px;
    }
    .bonus_background h4 {
        font-size: 26px;
    }

    .calender-day span.box {
        width: 130px;
        height: 130px;
    }
}

@media only screen and (max-width:1100px) {
    .bonus_background .closed-gift {
        width: 90px;
        height: auto;
        right: 13px;
    }
    .bonus_background h4 {
        font-size: 26px;
    }
    .calender-day span.box {
        width: 120px;
        height: 120px;
    }

    .claim-time {
        height: 25px !important;
    }
    .calender-day span.box {
        width: 110px;
        height: 110px;
    }
    .button button.reward-claim-button {
        width: 350px;
        height: 50px;
        font-size: 18px;
    }
}
@media only screen and (max-width:1000px){
    .bonus_background .closed-gift {
        width: 80px;
        height: auto;
        right: 13px;
    }
    .bonus_background .closed-gift4 {
        /* width: 85px !important; */
    }
}

@media only screen and (max-width:950px) {
    .calender-day span.box {
        width: 100px;
        height: 100px;
    }

    .btn-bonus {
        width: 190px;
        font-size: 10px !important;
    }

    .bonus_background {
        padding: 5px 0 5px 20px;
    }

    .bonus_background h4 {
        font-size: 22px;
    }
    .calender-day span.box .icon-remaning,
    .calender-day span.box .icon-tick {
        width: 13px !important;
        height: 13px !important;
    }
    .calender-day span.box .icon-remaning svg,
    .calender-day span.box .icon-tick svg {
        height: 8px !important;
        width: 8px !important;
    }
    .rankup_reward,
    .instant_rackeback {
        padding: 15px;
        height: 55px;
    }
}
@media only screen and (max-width:900px) {


    .rankup_reward button.claim-button,
    .instant_rackeback button.claim-button {
        height: 35px;
        width: 100px;
    }

    .instant_rackeback .price,
    .instant_rackeback h4,
    .rankup_reward h4 {
        font-size: 14px;
    }
}

@media only screen and (max-width:850px) {
    .bonus_background .closed-gift4 {
        /* width: 75px !important; */
    }
    .btn-bonus {
        width: 170px;
        font-size: 9px !important;
    }
    .rankup_reward button.claim-button, .instant_rackeback button.claim-button {
        height: 30px;
        width: 85px;
    }
    .bonus_background h4 {
        font-size: 22px;
    }
    .calender-day span.box {
        width: 90px;
        height: 90px;
    }

    .bonus_background .closed-gift {
        width: 70px;
        height: auto;
        right: 10px;
    }

    .calender-day span.box.today {
        padding: 3px 0 0 0 !important;
    }
    .calender-day span.box .icon-remaning,
    .calender-day span.box .icon-tick {
        width: 10px !important;
        height: 10px !important;
    }
    .calender-day span.box .icon-remaning svg,
    .calender-day span.box .icon-tick svg {
        height: 7px !important;
        width: 7px !important;
    }
}

@media only screen and (max-width:800px) {
    .calender-day span.box {
        width: 85px;
        height: 85px;
    }

    .button button.reward-claim-button {
        height: 55px !important;
        width: 350px !important;
        font-size: 16px !important
    }

    .claim-time {
        height: 20px !important;
        border-top: 1px solid #e7e9f0 !important;
    }
}

@media only screen and (max-width:767px) {
    .bonus_background.daily-bonus {
        padding-left: 11px !important;
    }
    .bonus_background .closed-gift4 {
      width: 40px !important;
      height: auto !important;
    }
    .bonus_background {
        width: 100%;
        margin-bottom: 0;
    }

    .reward_section {
        margin: 15px auto 0;
    }

    .bonus_background .closed-gift {
        width: 50px;
        height: auto;
    }

    .bonus_background h4 {
        font-size: 12px !important;
    }

    .btn-bonus {
        width: 155px;
        font-size: 8px !important;
    }

    .calender-day span.day-name {
        font-size: 12px;
    }
}

@media only screen and (max-width:740px) {
    .calender-day span.box {
        width: 80px;
        height: 80px;
    }
}

@media only screen and (max-width:700px) {
    .calender-day span.box .icon-remaning,
    .calender-day span.box .icon-tick {
        width: 7px !important;
        height: 7px !important;

    }

    .calender-day span.box {
        width: 70px;
        height: 70px;
    }

    .btn-bonus {
        width: 130px;
        font-size: 8px;
    }
}
@media only screen and (max-width:675px) {
    .bonus_background h4 {
        font-size: 20px;
    }
}
@media only screen and (max-width:620px) {
    .bonus_background .closed-gift4 {
        /* width: 50px !important; */
    }
    .calender-day span.box .icon-remaning,
    .calender-day span.box .icon-tick {
        width: 5px !important;
        height: 5px !important;
    }
    .button button.reward-claim-button {
        height: 46px !important;
        width: 300px !important;
        font-size: 16px !important;
    }

    .calender-day span.box svg {
        height: 7px;
        width: 7px;
    }

    .claim-time {
        height: 15px !important;
        padding-top: 1px !important;
    }

    .calender-day span.box {
        width: 60px;
        height: 60px;
    }

    .btn-bonus {
        width: 112px;
        font-size: 8px;
        height: 25px;
        padding: 0 3px;
        border-radius: 4px !important;
    }

    .calender-day span.day-name {
        font-size: 10px;
    }

    .bonus_background h4 {
      font-size: 10px !important;
      line-height: normal;
    }
}
@media only screen and (max-width:575px) {
    .bonus_background .closed-gift4 {
        /* width: 40px !important; */
    }
    .bonus_background .closed-gift {
        width: 45px;
        height: auto;
    }
}
@media only screen and (max-width:550px) {
    .calender-day span.box.today {
        border: 1px solid #e0b600 !important;
        padding: 1px 0 0 0 !important;
    }

    .calender-day span.box.next {
        border: 1px solid solid rgba(231, 233, 240, 0.3) !important;
    }

    .calender-day span.box {
        border: 1px solid rgba(255, 255, 255, 0.10) !important;
    }

    .header {
        padding: 10px;
    }

    .calender-day span.box {
        width: 50px;
        height: 50px;
        padding: 5px;
    }

    .bonus_background h4 {
        font-size: 8px !important;
    }

    .calender-day span.day-name {
        font-size: 8px;
    }

    .rakeback-claim-modal {
        padding: 0 !important;
        font-size: 10px !important;
    }

    .token-boost-reminder .reminder-text {
        font-size: 10px !important;
    }

    .currency-option .currency-amount {
        font-size: 10px !important;
    }

    .currency-option .base-amount, .currency-option .boosted-amount {
        font-size: 10px !important;
    }
}

@media only screen and (max-width:500px) {
    .bonus_background {
        padding: 5px 0 5px 10px;
    }

    .header h4 {
        font-size: 12px;
    }

    #reward-amount-button {
        font-size: 12px;
    }

    .rankup_reward,
    .instant_rackeback {
        padding: 15px 24px;
    }

    .btn-bonus {
        width: 100px;
        font-size: 7px;
    }
}

@media only screen and (max-width:460px) {
    .rankup_reward, .instant_rackeback {
        height: 40px;
    }

    .bonus_background.daily-bonus {
        padding-left: 6px !important;
    }
    .bonus_background .closed-gift4 {
        /* width: 35px !important; */
    }
    
    .span-gap1 {
        gap: 0.04rem !important;
        margin-top: 0.1rem !important;
    }

    .claim-time {
        border-top: 0.2px solid #e7e9f0 !important;
        height: 11px !important;
    }

    .calender-day span.box {
        width: 40px;
        height: 40px;
        padding: 2px;
    }

    #reward-amount-button {
        height: 25px;
        font-size: 10px;
        padding: 0 5px;
    }

    .header h4 {
        font-size: 12px;
    }

    .header .navigaions .left,
    .header .navigaions .right {
        width: 15px;
        height: 15px;
    }

    /* .header .navigaions .left svg,
    .header .navigaions .right svg {
        width: 15px !important;
        height: 15px !important;
    } */

    .reward_banner {
        /*        height: 50px;*/
    }

    .calender-day span.day-name {
        font-size: 6px;
        padding: 0;
    }

    .bonus_background .closed-gift {
        width: 35px;
        height: auto;
    }

    .bonus_background h4 {
        /* font-size: 11.52px; */
        margin-bottom: 0;
    }

    .header h4 {
        font-size: 12px;
    }

    .btn-bonus {
        width: 86px;
        font-size: 6px;
        padding: 0px;
    }

    .instant_rackeback .price {
        font-size: 12px;
    }

    .instant_rackeback h4,
    .rankup_reward h4 {
        font-size: 12px;
        margin-bottom: 0;
    }

    .button button.reward-claim-button {
        height: 40px !important;
        width: 200px !important;
        font-size: 12px !important;
    }

    .rankup_reward button.claim-button,
    .instant_rackeback button.claim-button {
        width: 80px;
        height: 30px;
        font-size: 9px;
    }

    .rankup_reward,
    .instant_rackeback {
        padding: 15px 15px;
    }

    .rankup_reward,
    .instant_rackeback {
        background-size: 500px 60px;
    }
}
@media only screen and (max-width: 425px) {
    


    .rewards .modal-content {
        height: auto;
        min-height: 245px;
        width: 280px;
        background-position: 0px 97px;
        padding: 10px;
    }

    .rewards .modal-content button.modal_rankup_button {
        font-size: 10px !important;
        width: 180px !important;
        height: 30px !important;
    }

    .rewards .modal-content .values {
        margin: 25px auto !important;
    }

    .rewards .modal-content .Value {
        font-size: 12px !important;
    }

    .wicked_button {
        width: 150px !important;
        height: 30px !important;
        margin: 20px auto 0 auto !important;
    }
}
@media only screen and (max-width:424px) {
    .bonus_background .closed-gift4 {
        /* width: 30px !important; */
    }
    .bonus_background h4 {
        font-size: 12px;
    }
    .bonus_background .closed-gift {
        width: 31px;
        height: auto;
        right: 5px;
    }
}
@media only screen and (max-width:390px) {
    .bonus_background .closed-gift {
        width: 25px !important;
    }
    .calender-body {
        gap: 5px;
    }

    .btn-bonus {
        width: 75px;
        font-size: 5px !important;
        height: 20px;
        border: 1px solid rgba(231, 233, 240, 0.30) !important;
    }

    .header h4 {
        font-size: 10px;
    }
    .bonus_background h4 {
        font-size: 6px !important;
    }
    .bonus_background .closed-gift {
        width: 25px;
        height: auto;
    }
}

@media only screen and (max-width:350px) {
    .calender-day span.box.next {
        background-size: 40% 40%;
        padding-top: 1px !important;
    }

    .rankup_reward,
    .instant_rackeback {
        padding: 10px 15px;
    }

    .calender-day span.box {
        width: 37px;
        height: 37px;
    }

    .bonus_background {
        padding: 5px 0 5px 5px;
    }

    /* .bonus_background .closed-gift {
        width: 23px;
        height: 23px;
    } */

    .reward_section {
        width: 95%;
    }

    .button button.reward-claim-button {
        height: 35px !important;
        width: 150px !important;
        font-size: 10px !important;
        margin: 15px auto !important;
    }

    .calender-day span.box.next_weekly {
        background-size: 40% 40% !important;
    }

}
/*.row.load-more-row {*/
/*    padding: 0 !important;*/
/*    margin: 0 !important;*/
/*}*/
/*img.loader-gif {*/
/*    max-height: 51px;*/
/*}*/

/*html {*/
/*    background-color: rgb(23, 27, 46);*/
/*}*/



/* Softer button accent for primary CTAs only */
.btn-primary,
button.btn-primary,
.thm_btn,
.mr-2 {
  background-color: var(--brand-orange);
  border-color: var(--brand-orange);
  color: #fbf7ef;
}

.btn-primary:hover,
button.btn-primary:hover,
.thm_btn:hover,
.mr-2:hover {
  background-color: #d22f40;
  color: #fbf7ef;
}

/* Professional Betarama Font Styling */
body, p, span, input, textarea, button {
  /* font-family: 'Inter', sans-serif;
  font-size: 14px;
  color: var(--soft-white); */
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Rubik', sans-serif;
  color: var(--brand-orange);
}



/* Custom Betarama Focus Styles */
*:focus {
  outline: none;
  box-shadow: none;
  border-color: none;
}



/* Override Bootstrap form-control focus styles */
.form-control:focus {
  border-color: var(--brand-orange) !important;
  box-shadow: 0 0 0 0.2rem rgba(210, 47, 64, 0.5) !important;
  outline: none !important;
}



/* Fix Betarama active buttons and modal triggers */
button#signinModalBtn,
button#signupModalBtn,
button#passwordRecoveryModalBtn,
button#signIn-tab.nav-link.btn-enter.active,
button#signUp-tab.nav-link.btn-enter.active,
button#passwordRecovery-tab.nav-link.btn-enter.active {
  background-color: var(--brand-orange) !important;
  border-color: var(--brand-orange) !important;
  color: #fbf7ef !important;
  box-shadow: none !important;
}



/* Reinforce override for tab buttons that are still blue */
button#signIn-tab.nav-link.btn-enter.active,
button#signUp-tab.nav-link.btn-enter.active,
button#passwordRecovery-tab.nav-link.btn-enter.active {
  background-color: var(--brand-orange) !important;
  background-image: none !important;
  border-color: var(--brand-orange) !important;
  color: #fbf7ef !important;
  box-shadow: none !important;
}

#lotto-entries-wrapper .modal-body .lotto-tickets {
  color: #ffffff;
}

/* ========== Lotto Stats Bar ========== */
.lotto-stats-bar {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);
  border-radius: 12px;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.stat-card {
  display: flex;
  align-items: center;
  gap: 12px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  padding: 15px;
  transition: all 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.stat-card:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.08);
}

.stat-card-won {
  background: linear-gradient(135deg, rgba(255, 193, 7, 0.15) 0%, rgba(255, 193, 7, 0.05) 100%);
  border-color: rgba(255, 193, 7, 0.3);
}

.lotto-stat-icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  font-size: 20px;
  color: #ffc107;
}

.stat-content {
  flex: 1;
}

.stat-value {
  font-size: 1.5rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: 4px;
}

.stat-label {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 2px;
}

/* ========== Lotto Filter Bar ========== */
.lotto-filter-bar {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 12px;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.lotto-filter-form .filter-label {
  display: block;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 6px;
  font-weight: 500;
}

.lotto-filter-form .form-control,
.lotto-filter-form .form-select {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #ffffff;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 0.9rem;
}

.lotto-filter-form .form-control::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.lotto-filter-form .btn-primary {
  background: linear-gradient(135deg, #ffc107 0%, #ff9800 100%);
  border: none;
  color: #2f191c;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 8px;
}

.lotto-filter-form .btn-outline-secondary {
  border-color: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.8);
}

/* ========== Entry Badge Row ========== */






/* ========== Winning Entry Highlight ========== */
.letto-box.entry-won {
  border: 2px solid #ffc107;
  box-shadow: 0 0 20px rgba(255, 193, 7, 0.3), 0 4px 15px rgba(0, 0, 0, 0.3);
  position: relative;
}

.letto-box.entry-won::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(255, 193, 7, 0.1) 0%, rgba(255, 152, 0, 0.05) 100%);
  pointer-events: none;
  z-index: 0;
}

.entry-win-details {
  background: linear-gradient(135deg, rgba(255, 193, 7, 0.15) 0%, rgba(255, 152, 0, 0.1) 100%);
  border-top: 1px solid rgba(255, 193, 7, 0.3);
  padding: 12px 15px;
  margin: 0 -1px;
}

.draw-result-section {
  margin-bottom: 8px;
}

.draw-result-label {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.draw-result-numbers {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: center;
}

.result-ball {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0 4px;
}

.result-ball.result-primary {
  background: linear-gradient(135deg, #d22f40 0%, #d22f40 100%);
  color: #fbf7ef;
  box-shadow: 0 2px 4px rgba(210, 47, 64, 0.3);
}

.result-ball.result-secondary {
  background: linear-gradient(135deg, #ffc107 0%, #ff9800 100%);
  color: #2f191c;
  box-shadow: 0 2px 4px rgba(255, 193, 7, 0.3);
}

.match-summary {
  text-align: center;
  font-size: 0.85rem;
  color: #4caf50;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 8px;
}

.match-summary i {
  margin-right: 5px;
}

.match-summary strong {
  font-size: 1rem;
}


.letto-img.image_header {
  position: relative;
}

.winnings-expand-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  color: #ffffff;
  cursor: pointer;
}

.winnings-expand-btn[aria-expanded="true"] i {
  transform: rotate(180deg);
}

.winnings-expand-btn i {
  transition: transform 0.3s ease;
}

.bets-table-block table tbody tr:hover {
  background: rgba(255, 193, 7, 0.08) !important;
}

.chosen-numbers .num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
}

.chosen-numbers .simple-num {
  background: linear-gradient(135deg, #d22f40 0%, #a3121f 100%);
  color: #fbf7ef;
  border: 2px solid rgba(255, 255, 255, 0.2);
}

.chosen-numbers .bonus-num {
  background: linear-gradient(135deg, #ff9800 0%, #d22f40 100%);
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.2);
}

.chosen-numbers .correct-primary-num {
  background: linear-gradient(135deg, #4caf50 0%, #1b5e20 100%) !important;
  border-color: #4caf50 !important;
  box-shadow: 0 0 10px rgba(76, 175, 80, 0.5);
}

.chosen-numbers .correct-secondary-num {
  background: linear-gradient(135deg, #ffc107 0%, #d22f40 100%) !important;
  border-color: #ffc107 !important;
  box-shadow: 0 0 10px rgba(255, 193, 7, 0.5);
}

.no-results-message {
  color: rgba(255, 255, 255, 0.7);
}

.no-results-message i {
  color: rgba(255, 255, 255, 0.3);
}

.no-results-message h4 {
  color: #ffffff;
}

.no-results-message .btn-outline-primary {
  border-color: #ffc107;
  color: #ffc107;
}

@media (max-width: 768px) {
  .lotto-stats-bar { padding: 15px; }
  .stat-card { padding: 12px; margin-bottom: 10px; }
  .lotto-stat-icon { width: 40px; height: 40px; font-size: 16px; }
  .stat-value { font-size: 1.2rem; }
  .stat-label { font-size: 0.75rem; }
    .chosen-numbers .num { min-width: 30px; height: 30px; font-size: 0.8rem; }
}

/* ========== Casino Stats Bar ========== */

.casino-stats-bar .stat-card {
  flex: 1;
  min-width: 150px;
}



.casino-stats-bar .stat-card-positive .stat-value {
  color: #28a745;
}



.casino-stats-bar .stat-card-negative .stat-value {
  color: #dc3545;
}

/* ========== Casino Filter Bar ========== */
.casino-filter-bar {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 20px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.casino-filter-form {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  align-items: flex-end;
}

.casino-filter-form .filter-group {
  display: flex;
  flex-direction: column;
  min-width: 140px;
}

.casino-filter-form .filter-group label {
  display: block;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 6px;
  font-weight: 500;
}

.casino-filter-form .filter-group-search {
  flex: 1;
  min-width: 180px;
}

.casino-filter-form .filter-group-btn {
  display: flex;
  gap: 10px;
  flex-direction: row;
}

.casino-filter-form .form-control {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #ffffff;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 0.9rem;
}

.casino-filter-form .form-control:focus {
  background: rgba(255, 255, 255, 0.12);
  border-color: #ffc107;
  box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.1);
  outline: none;
}

.casino-filter-form input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(100%);
}

.casino-filter-form .form-control::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.casino-filter-form .form-control option {
  background: #2f191c;
  color: #ffffff;
}

.casino-filter-form .btn-filter {
  background: linear-gradient(135deg, #ffc107 0%, #ff9800 100%);
  border: none;
  color: #2f191c;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.casino-filter-form .btn-filter:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 15px rgba(255, 193, 7, 0.3);
}

.casino-filter-form .btn-clear {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.7);
  padding: 10px 15px;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.casino-filter-form .btn-clear:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}

/* ========== Casino Mobile Responsive ========== */
@media (max-width: 768px) {
  
  .casino-stats-bar .stat-card {
    min-width: calc(50% - 10px);
    flex: 0 0 calc(50% - 10px);
  }

  .casino-filter-bar {
    padding: 15px;
  }

  .casino-filter-form .filter-group {
    min-width: calc(50% - 10px);
    flex: 0 0 calc(50% - 10px);
  }

  .casino-filter-form .filter-group-search {
    min-width: 100%;
    flex: 0 0 100%;
  }

  .casino-filter-form .filter-group-btn {
    min-width: 100%;
    flex: 0 0 100%;
    justify-content: center;
  }
}


/* ========================================
   Token Rakeback Boost Styles
   ======================================== */

/* Claim modal wrapper */
.rakeback-claim-modal {
    padding: 20px;
    font-size: 12px;
}

/* Currency selector list */
.currency-list {
  margin-bottom: 16px;
}

.currency-option {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  border: 1px solid #333;
  border-radius: 8px;
  margin-bottom: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  background: rgba(0, 0, 0, 0.2);
}

.currency-option:hover {
  border-color: #555;
  background: rgba(255, 255, 255, 0.02);
}

.currency-option.selected {
  border-color: #d22f40;
  background: rgba(210, 47, 64, 0.1);
}

.currency-option input[type="radio"] {
  margin-right: 12px;
  accent-color: #d22f40;
}

.currency-option .currency-code,
.currency-option .currency-amount {
  color: #fff;
}

.currency-option .currency-code {
  font-weight: 600;
  min-width: 60px;
}

.currency-option .currency-amount {
  flex: 1;
  text-align: right;
  margin-right: 12px;
}

.currency-option .currency-icon {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  border-radius: 50%;
  object-fit: contain;
}

/* Highlighted site token row */
.currency-option.token-boost-highlight {
  border-color: #f0b90b;
  background: rgba(240, 185, 11, 0.08);
}

.currency-option.token-boost-highlight:hover {
  background: rgba(240, 185, 11, 0.12);
}

.currency-option.token-boost-highlight.selected {
  border-color: #f0b90b;
  background: rgba(240, 185, 11, 0.15);
}

/* Boost badge */
.token-boost-badge {
  background: linear-gradient(135deg, #f0b90b, #d4a00a);
  color: #000;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 12px;
  white-space: nowrap;
}

/* First-time reminder tooltip */
.token-boost-reminder {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  background: rgba(240, 185, 11, 0.1);
  border: 1px solid rgba(240, 185, 11, 0.3);
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 16px;
}

.reminder-icon {
  font-size: 18px;
  margin-right: 8px;
}

.token-boost-reminder .reminder-text {
  flex: 1;
  font-size: 12px;
  color: #f0b90b;
}

.token-boost-reminder .reminder-dismiss {
  background: transparent;
  border: none;
  color: #888;
  font-size: 12px;
  cursor: pointer;
  text-decoration: underline;
  padding: 4px 8px;
}


/* Claim button in token boost modal */
.rakeback-claim-modal .claim-btn {
  width: 100%;
  padding: 14px 24px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  background: linear-gradient(135deg, #d22f40, #d22f40);
  color: #fbf7ef;
}

.rakeback-claim-modal .claim-btn:hover:not(:disabled) {
  background: linear-gradient(135deg, #d22f40, #d22f40);
}

.rakeback-claim-modal .claim-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Loading spinner */
.rakeback-claim-modal .loading-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
}

.rakeback-claim-modal .loading-spinner::after {
  content: "";
  width: 32px;
  height: 32px;
  border: 3px solid #333;
  border-top-color: #d22f40;
  border-radius: 50%;
  animation: token-boost-spin 0.8s linear infinite;
}

@keyframes token-boost-spin {
  to {
    transform: rotate(360deg);
  }
}

/* Error message */
.rakeback-claim-modal .error-message {
  background: rgba(220, 53, 69, 0.1);
  border: 1px solid rgba(220, 53, 69, 0.3);
  border-radius: 8px;
  padding: 12px 16px;
  color: #dc3545;
  font-size: 14px;
  margin-bottom: 16px;
}

/* Success state */
.rakeback-claim-modal .claim-success {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  text-align: center;
}

.rakeback-claim-modal .success-icon {
  font-size: 48px;
  color: #28a745;
  margin-bottom: 16px;
}

.rakeback-claim-modal .success-message {
  font-size: 16px;
  color: #28a745;
}

.rakeback-claim-modal .calendar-message {
  font-size: 14px;
  color: #aaa;
  margin-top: 8px;
}

/* No options available state */
.rakeback-claim-modal .no-options {
  text-align: center;
  padding: 40px 20px;
  color: #888;
  font-size: 14px;
}

/* Utility class for hiding elements */
.hidden {
  display: none !important;
}


/* Boost amount display */
.currency-option .base-amount {
  color: #888;
  text-decoration: line-through;
}

.currency-option .boost-arrow {
  color: #f0b90b;
  margin: 0 6px;
}

.currency-option .boosted-amount {
  color: #f0b90b;
  font-weight: 600;
}

/* Fix currency option layout - single line */
.currency-option {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
}

.currency-option .currency-amount {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  gap: 0;
}

/* Currency option - allow 2 lines for big numbers */
.currency-option {
  flex-wrap: wrap;
  white-space: normal;
}

.currency-option .currency-amount {
  width: 100%;
  text-align: right;
  margin-top: 4px;
  justify-content: flex-end;
}

/* Reminder text - no wrap */
.token-boost-reminder {
  flex-wrap: nowrap;
}

.token-boost-reminder .reminder-text {

}

/* Reminder dismiss button - smaller */
.token-boost-reminder .reminder-dismiss {
  font-size: 9px;
  padding: 4px 2px;
}

/* Modal close button - lighter */
#tokenBoostClaimModal .btn-close {
  filter: invert(1);
  opacity: 0.8;
}

#tokenBoostClaimModal .btn-close:hover {
  opacity: 1;
}

/* Token Boost Modal - match betModal styling */
#tokenBoostClaimModal .modal-dialog {
  max-width: 400px;
  margin-right: auto;
  margin-left: auto;
}

#tokenBoostClaimModal .modal-content {
  min-height: 360px;
  background-color: var(--dark-bg-main);
  border: 0 solid #27282F;
  border-radius: 0;
  padding: 20px 25px;
}

#tokenBoostClaimModal .modal-header {
  border-bottom: none;
  padding-bottom: 0;
}

#tokenBoostClaimModal .modal-title {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}

#tokenBoostClaimModal .modal-body {
  padding-top: 10px;
}

/* Fix token-boost-highlight for large numbers */
.currency-option.token-boost-highlight {
  overflow: hidden;
  word-break: break-word;
}

.currency-option .currency-amount {
  overflow: hidden;
  text-overflow: ellipsis;
}

.currency-option .base-amount,
.currency-option .boosted-amount {
  display: inline;
}

/* Currency options - two line layout */
.currency-option {
  flex-wrap: wrap !important;
}

.currency-option .currency-code {
  flex: 1;
}

.currency-option .currency-amount {
  width: 100% !important;
  margin-top: 8px;
  padding-left: 36px;
}

/* Show both amounts */
.currency-option .currency-amount .base-amount,
.currency-option .currency-amount .boost-arrow,
.currency-option .currency-amount .boosted-amount {
  display: inline !important;
}

/* Base amount styling - ensure visible */
.currency-option .base-amount {
  color: #888 !important;
  text-decoration: line-through !important;
  margin-right: 5px;
}

.currency-option .boost-arrow {
  color: #f0b90b !important;
  margin: 0 5px;
}

.currency-option .boosted-amount {
  color: #f0b90b !important;
}

.currency-option .token-boost-badge {
  margin-left: 8px;
}

/* Fix hidden content - remove overflow restrictions */
.currency-option,
.currency-option .currency-amount,
.currency-option.token-boost-highlight {
  overflow: visible !important;
  text-overflow: unset !important;
}

.rakeback-claim-modal .currency-list {
  overflow: visible !important;
}

/* Non-boosted currency options - single line, vertically centered */
.currency-option:not(.token-boost-highlight) {
  flex-wrap: nowrap !important;
  align-items: center;
}

.currency-option:not(.token-boost-highlight) .currency-amount {
  width: auto !important;
  margin-top: 0 !important;
  padding-left: 0 !important;
  flex: 1;
  text-align: right;
}

/* ===== REWARD DEBUG BOX (Test Users Only) ===== */
#reward-debug-box {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 320px;
    max-height: 500px;
    background: rgba(40, 20, 22, 0.95);
    border: 1px solid #684a4f;
    border-radius: 8px;
    z-index: 9999;
    font-family: 'Inter', monospace;
    font-size: 11px;
    color: #e2e8f0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    overflow: hidden;
}

#reward-debug-box .reward-debug-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    background: linear-gradient(135deg, #d22f40 0%, #915c65 100%);
    color: white;
    font-weight: 600;
    font-size: 12px;
    cursor: move;
}

#reward-debug-box .reward-debug-controls {
    display: flex;
    gap: 4px;
}

#reward-debug-box .reward-debug-btn {
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.2);
    color: white;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

#reward-debug-box .reward-debug-btn:hover {
    background: rgba(255, 255, 255, 0.3);
}

#reward-debug-box .reward-debug-close:hover {
    background: rgba(220, 53, 69, 0.8);
}

#reward-debug-box .reward-debug-title small {
    font-size: 9px;
    opacity: 0.7;
}

#reward-debug-box .reward-debug-body {
    max-height: 450px;
    overflow-y: auto;
    padding: 8px;
}

#reward-debug-box .reward-debug-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#reward-debug-box .reward-debug-section {
    background: rgba(76, 41, 45, 0.6);
    border-radius: 6px;
    padding: 8px;
}

#reward-debug-box .reward-debug-header {
    font-weight: 600;
    color: #c2bcb2;
    margin-bottom: 6px;
    padding-bottom: 4px;
    border-bottom: 1px solid rgba(194, 188, 178, 0.2);
    font-size: 11px;
}

#reward-debug-box .reward-debug-row {
    display: flex;
    justify-content: space-between;
    padding: 2px 0;
}

#reward-debug-box .reward-debug-value {
    color: #68d391;
    font-weight: 500;
}

#reward-debug-box .reward-debug-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 10px;
}

#reward-debug-box .reward-debug-table th {
    text-align: left;
    color: #c0a0a5;
    font-weight: 500;
    padding: 2px 4px;
    border-bottom: 1px solid rgba(192, 160, 165, 0.2);
}

#reward-debug-box .reward-debug-table td {
    padding: 2px 4px;
}

#reward-debug-box .reward-debug-table tr:hover {
    background: rgba(255, 255, 255, 0.05);
}

#reward-debug-box .reward-debug-rakeback {
    color: #d22f40;
    font-weight: 500;
    text-align: right;
}

#reward-debug-box .reward-debug-total {
    border-top: 1px solid rgba(192, 160, 165, 0.3);
    font-weight: 600;
}

#reward-debug-box .reward-debug-total .reward-debug-rakeback {
    color: #fc8181;
}

#reward-debug-box .reward-debug-timestamp {
    font-size: 9px;
    color: #967177;
    text-align: center;
    padding-top: 8px;
    margin-top: 8px;
    border-top: 1px solid rgba(150, 113, 119, 0.2);
}

#reward-debug-box .reward-debug-loading {
    text-align: center;
    padding: 20px;
    color: #c0a0a5;
}
/* ===== END REWARD DEBUG BOX ===== */

/* ===== VOICE DEBUG BOX ===== */
#voice-debug-box {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 420px;
    max-height: 500px;
    background: rgba(40, 20, 22, 0.95);
    border: 1px solid #684a4f;
    border-radius: 8px;
    z-index: 9999;
    font-family: 'Inter', monospace;
    font-size: 11px;
    color: #e2e8f0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

#voice-debug-box .voice-debug-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    background: linear-gradient(135deg, #c0bab0 0%, #d22f40 100%);
    color: white;
    font-weight: 600;
    font-size: 12px;
}

#voice-debug-box .voice-debug-title small {
    font-size: 9px;
    opacity: 0.7;
}

#voice-debug-box .voice-debug-controls {
    display: flex;
    gap: 4px;
}

#voice-debug-box .voice-debug-btn {
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.2);
    color: white;
    cursor: pointer;
    font-size: 12px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

#voice-debug-box .voice-debug-btn:hover {
    background: rgba(255, 255, 255, 0.3);
}

#voice-debug-box .voice-debug-close:hover {
    background: rgba(220, 53, 69, 0.8);
}

#voice-debug-box .voice-debug-status {
    padding: 6px 12px;
    background: rgba(76, 41, 45, 0.6);
    border-bottom: 1px solid rgba(104, 74, 79, 0.5);
}

#voice-debug-box .voice-debug-status-row {
    display: flex;
    justify-content: space-between;
    padding: 2px 0;
}

#voice-debug-box .voice-debug-label {
    color: #c0a0a5;
}

#voice-debug-box .voice-debug-value {
    color: #c0bab0;
    font-weight: 500;
}

#voice-debug-box .voice-debug-on {
    color: #68d391;
    font-weight: 500;
}

#voice-debug-box .voice-debug-off {
    color: #fc8181;
    font-weight: 500;
}

#voice-debug-box .voice-debug-na {
    color: #c0a0a5;
}

#voice-debug-box .voice-debug-body {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

#voice-debug-box .voice-debug-entries {
    flex: 1;
    overflow-y: auto;
    padding: 6px 8px;
    max-height: 350px;
}

#voice-debug-box .voice-debug-entry {
    display: flex;
    gap: 6px;
    padding: 3px 4px;
    border-bottom: 1px solid rgba(104, 74, 79, 0.2);
    align-items: flex-start;
    word-break: break-all;
}

#voice-debug-box .voice-debug-entry:last-child {
    border-bottom: none;
}

#voice-debug-box .voice-debug-time {
    color: #967177;
    font-size: 10px;
    white-space: nowrap;
    flex-shrink: 0;
}

#voice-debug-box .voice-debug-type {
    font-weight: 600;
    font-size: 10px;
    white-space: nowrap;
    flex-shrink: 0;
    min-width: 65px;
}

#voice-debug-box .voice-debug-type.type-request {
    color: #c2bcb2;
}

#voice-debug-box .voice-debug-type.type-response {
    color: #c0bab0;
}

#voice-debug-box .voice-debug-type.type-play {
    color: #fbd38d;
}

#voice-debug-box .voice-debug-type.type-ok {
    color: #68d391;
}

#voice-debug-box .voice-debug-type.type-fail {
    color: #fc8181;
}

#voice-debug-box .voice-debug-type.type-skip {
    color: #c0a0a5;
}

#voice-debug-box .voice-debug-data {
    color: #d5cfc5;
    font-size: 10px;
    line-height: 1.4;
}

#voice-debug-box .voice-debug-empty {
    text-align: center;
    padding: 20px 10px;
    color: #967177;
    font-size: 11px;
}
#voice-debug-box .voice-debug-actions {
    padding: 6px 12px;
    border-bottom: 1px solid rgba(104, 74, 79, 0.5);
}

#voice-debug-box .voice-debug-test-btn {
    width: 100%;
    padding: 5px 10px;
    background: linear-gradient(135deg, #c0bab0 0%, #d22f40 100%);
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.2s;
}

#voice-debug-box .voice-debug-test-btn:hover {
    opacity: 0.85;
}
/* ===== END VOICE DEBUG BOX ===== */

/* ===== VOICE BALLOON ===== */
#voice-balloon {
    position: absolute;
    top: 20px;
    right: 40px;
    z-index: 1000;
    max-width: 320px;
    opacity: 0;
    transform: scale(0.7) translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    pointer-events: none;
    filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.4));
}

#voice-balloon.visible {
    opacity: 1;
    transform: scale(1) translateY(0);
}

#voice-balloon.fading {
    opacity: 0;
    transform: scale(0.9) translateY(-10px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

#voice-balloon .voice-balloon-text {
    background: #ffffff;
    color: #2f191c;
    padding: 14px 18px;
    border-radius: 20px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; /* no cursive: on iPhones it fell to a handwriting script */
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    border: 2.5px solid #e0e0e0;
    position: relative;
}

#voice-balloon .voice-balloon-tail {
    position: absolute;
    bottom: -18px;
    left: 30px;
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 20px solid #ffffff;
    filter: drop-shadow(0 2px 0 #e0e0e0);
    z-index: 1;
}

#voice-balloon .voice-balloon-text::after {
    content: '';
    position: absolute;
    bottom: -22px;
    left: 28px;
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 23px solid #e0e0e0;
    z-index: -1;
}
/* ===== END VOICE BALLOON ===== */

/* Referral Claim Section */
.referral-claim-section {
    margin: 0 0 20px;
    padding: 24px 30px;
    background: #211214;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.referral-claim-section.pending {
    border-color: rgba(251, 191, 36, 0.3);
}

.referral-claim-section.approved {
    border-color: rgba(34, 197, 94, 0.3);
}

.referral-claim-section .claim-info h4 {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 8px;
}

.referral-claim-section .claim-info p {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
    margin: 0 0 4px;
}

.referral-claim-section .claim-info .claim-deadline {
    color: rgba(251, 191, 36, 0.8);
    font-weight: 600;
}

.referral-claim-section .claim-amount {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
}

.referral-claim-section .claim-total {
    font-size: 22px;
    font-weight: 700;
    color: #22c55e;
}

.referral-claim-section .claim-btn {
    padding: 10px 24px;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
}

.referral-claim-section .claim-btn:hover {
    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(34, 197, 94, 0.3);
    color: #fff;
}

.referral-claim-section.pending .claim-info h4 {
    color: #fbbf24;
}

.referral-claim-section.approved .claim-info h4 {
    color: #22c55e;
}

/* ============================================
   Referral Debug Box (test accounts only)
   ============================================ */
#referral-debug-box {
  position: fixed;
  bottom: 20px;
  left: 20px;
  width: 360px;
  background: rgba(40, 20, 22, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  z-index: 9999;
  font-size: 12px;
  color: #e0e6f0;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.referral-debug-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 14px;
  background: linear-gradient(135deg, rgba(210, 47, 64, 0.3), rgba(210, 47, 64, 0.2));
  border-radius: 10px 10px 0 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  font-weight: 600;
  font-size: 13px;
  cursor: default;
}

.referral-debug-title small {
  color: rgba(255, 255, 255, 0.4);
  font-weight: 400;
  font-size: 10px;
}

.referral-debug-controls {
  display: flex;
  gap: 6px;
}

.referral-debug-btn {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  color: #e0e6f0;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
}

.referral-debug-btn:hover {
  background: rgba(255, 255, 255, 0.2);
}

.referral-debug-close {
  font-size: 16px;
}

.referral-debug-body {
  overflow-y: auto;
  max-height: calc(80vh - 50px);
  padding: 10px 14px;
}

.referral-debug-content {
  color: #e0e6f0;
}

.referral-debug-loading {
  text-align: center;
  padding: 20px;
  color: rgba(255, 255, 255, 0.5);
}

.referral-debug-section {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.referral-debug-section:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.referral-debug-header {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #d22f40;
  margin-bottom: 8px;
}

.referral-debug-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3px 0;
  font-size: 12px;
}

.referral-debug-row span:first-child {
  color: rgba(255, 255, 255, 0.5);
}

.referral-debug-value {
  font-weight: 500;
  color: #e0e6f0;
}

.referral-debug-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 11px;
}

.referral-debug-table thead th {
  padding: 4px 6px;
  text-align: right;
  color: rgba(255, 255, 255, 0.4);
  font-weight: 500;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 10px;
}

.referral-debug-table thead th:first-child {
  text-align: left;
}

.referral-debug-table tbody td {
  padding: 3px 6px;
  text-align: right;
  color: #e0e6f0;
}

.referral-debug-table tbody td:first-child {
  text-align: left;
  color: rgba(255, 255, 255, 0.5);
}

.referral-debug-table .referral-debug-payout {
  color: #22c55e;
  font-weight: 600;
}

.referral-debug-table .referral-debug-total td {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 6px;
}

.referral-debug-timestamp {
  text-align: center;
  padding: 8px 0 4px;
  color: rgba(255, 255, 255, 0.3);
  font-size: 10px;
  cursor: pointer;
}

.referral-debug-timestamp:hover {
  color: rgba(255, 255, 255, 0.5);
}

/* ============================================
   Millionaire Games — Betarama Theme
   Warm brown + orange, Inter body font
   ============================================ */
body[data-site="betarama"] {
  --ml-bg-deepest: #150F0B;
  --ml-bg-primary: #1B1410;
  --ml-bg-elevated: #231B16;
  --ml-bg-deepest-rgb: 21, 15, 11;
  --ml-bg-primary-rgb: 27, 20, 16;

  --ml-border-primary: #3A2C22;
  --ml-border-subtle: #4A3C32;
  --ml-border-primary-rgb: 58, 44, 34;

  --ml-text-muted: #887F70;
  --ml-text-secondary: #B8AFA0;
  --ml-text-tertiary: #D5CFC5;
  --ml-text-primary: #EAE5DA;
  --ml-text-bright: #FAF6F0;

  --ml-info: #d22f40;
  --ml-info-dark: #d22f40;
  --ml-info-rgb: 228, 68, 40;

  --ml-font-body: 'Inter', sans-serif;
}

/* ============================================
   Betarama.io Design Improvements
   Identity: Space Grotesk headings, warm orange
   accent (#E44428), diamond accent shapes
   ============================================ */

/* --- HTML background (replaces inline style) --- */
html {
  background-color: var(--dark-bg-header);
}

/* --- Heading Typography: Space Grotesk --- */
h1, h2, h3, h4, h5 {
  font-family: 'Space Grotesk', sans-serif;
}

.category-row h2 {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0.02em;
  color: var(--brand-beige);
  position: relative;
  padding-left: 18px;
}

/* Diamond accent before category headings */
.category-row h2::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  background: var(--brand-orange);
}

.category-row h2 img {
  width: 22px;
  height: 22px;
  filter: brightness(1.1) saturate(1.2);
}

/* Don't show diamond accent when heading already has an icon */
.category-row h2:has(img)::before {
  display: none;
}

/* Casino-landing: games_slider heading accent (match category-row diamond) */
.games_slider h1 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--brand-beige);
  position: relative;
  padding-left: 18px;
  margin-bottom: 15px;
}

.games_slider h1::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  background: var(--brand-orange);
}

/* Gradient divider between casino-landing slider sections */
.games_slider + .games_slider::before {
  content: '';
  display: block;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(210, 47, 64, 0.3), transparent);
  margin: 30px 0;
}

/* Casino-landing game card styling */
.games_slider .casino-game {
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.25s ease;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.games_slider .casino-game:hover {
  transform: translateY(-4px);
}

.games_slider .casino-game .name {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
}

/* All-games page: casino-all-row game card styling */
.casino-all-row .casino-game {
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.25s ease;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.casino-all-row .casino-game:hover {
  transform: translateY(-4px);
}

.casino-all-row .casino-game .name {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
}

/* --- Originals Slider: match category-row pattern --- */
.slick-originals-row .slick-slide {
  margin: 0 6px;
}
.slick-originals-row .slick-list {
  margin: 0 -6px;
}

/* --- Game Card Hover: warm glow + lift --- */
.slot-imgbx:hover img,
.casino-game-block .casino-game:hover {
  opacity: 1;
  transform: translateY(-3px);
  transition: transform 0.25s ease;
}

.slot-imgbx img {
  transition: transform 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease;
}

.casino-game-block .casino-game {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  border-radius: 12px;
  overflow: hidden;
}

/* Originals card hover */
.slick-originals-row .casino-game-block .casino-game:hover {
  transform: translateY(-4px);
}

/* Section dividers between originals categories */
.originals-category + .originals-category::before {
  content: '';
  display: block;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(210, 47, 64, 0.3), transparent);
  margin: 30px 0;
}

/* Diamond accent on originals category titles */
.originals-category-title::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  background: var(--brand-orange);
  transform: rotate(45deg);
  margin-right: 10px;
  vertical-align: middle;
}

/* --- Section Spacing --- */
.category-row {
  margin-bottom: 35px;
  padding-top: 10px;
}

/* Section divider: warm gradient line */
.category-row + .category-row::before {
  content: '';
  display: block;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(210, 47, 64, 0.3), transparent);
  margin-bottom: 25px;
}

/* --- Footer: Space Grotesk headings --- */
.quicklinks h3 {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
}

/* --- Token Copy Button --- */
.token-copy-btn {
  background: transparent;
  color: var(--brand-orange);
  border: none;
  margin-left: 4px;
  cursor: pointer;
  transition: color 0.2s ease;
}
.token-copy-btn:hover {
  color: var(--brand-beige);
}

/* --- Token Copy Toast --- */
.token-copied-toast {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  background: var(--dark-bg-alt);
  color: var(--brand-beige);
  border: 1px solid rgba(210, 47, 64, 0.4);
  padding: 10px 24px;
  border-radius: 8px;
  font-size: 13px;
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 500;
  z-index: 10000;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
}
.token-copied-toast.visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* --- Originals game icon gradient --- */
.originals-game-icon {
  background: linear-gradient(135deg, var(--brand-orange), #d22f40) !important;
}

/* --- About Section --- */
.btr-about-section {
  padding: 50px 0 30px;
  background: var(--dark-bg-main);
  border-top: 1px solid rgba(210, 47, 64, 0.15);
}

.btr-about-block .accordion-item {
  background: transparent;
  border: none;
}

.btr-about-block .accordion-button {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0 0 20px 0;
}

.btr-about-block .accordion-button h2 {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.15em;
  color: var(--brand-beige);
  margin: 0;
  padding-left: 0;
}

.btr-about-block .accordion-button h2::before {
  display: none;
}

.btr-about-block .accordion-button::after {
  filter: invert(1) brightness(0.7);
}

.btr-about-block .accordion-body {
  padding: 0;
  color: var(--gray-text);
  font-size: 14px;
  line-height: 1.7;
}

.btr-about-block .accordion-body p {
  margin-bottom: 14px;
}

.btr-about-block .accordion-body span {
  color: var(--brand-beige);
  font-weight: 600;
}

.btr-about-lead {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: var(--brand-beige) !important;
}

.btr-about-closing {
  font-weight: 500;
  color: var(--soft-white) !important;
}

/* --- Sign-up form focus states --- */

/* --- Sign-up active tab --- */
.sign-up-wrp .nav-link.active,
.sign-up-wrp .nav-pills .nav-link.active {
  background: linear-gradient(135deg, var(--brand-orange), #d22f40) !important;
  border: none;
}

/* --- IM Ticker refinement --- */
.im-ticker {
  font-family: 'Space Grotesk', sans-serif;
}

/* --- Nav heading font --- */
.sidebar-menu a,
.head-menu a,
.navbar-nav .nav-link {
  font-family: 'Space Grotesk', sans-serif;
}

/* Instant Millionaire Jackpot Banner */
.im-jackpot-banner {
  position: relative;
  display: block;
  margin: 0 auto 5px;
  background: linear-gradient(90deg, #1a1405 0%, #3d2f08 50%, #1a1405 100%);
  border: 1px solid rgba(255, 215, 0, 0.4);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(255, 215, 0, 0.12), inset 0 0 40px rgba(255, 215, 0, 0.08);
}

.im-jackpot-banner.im-jackpot-banner-hidden {
  display: none !important;
}

.im-jackpot-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: -60%;
  width: 60%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.18), transparent);
  animation: im-jackpot-sweep 4.5s linear infinite;
  pointer-events: none;
}

@keyframes im-jackpot-sweep {
  0% { left: -60%; }
  100% { left: 120%; }
}

.im-jackpot-banner-link {
  display: block;
  padding: 5px 48px 5px 20px;
  color: inherit;
  text-decoration: none;
}

.im-jackpot-banner-link:hover,
.im-jackpot-banner-link:focus,
.im-jackpot-banner-link:active {
  text-decoration: none;
  color: inherit;
}

.im-jackpot-banner-inner {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}

.im-jackpot-banner-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #ffd700;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  text-shadow: 0 0 8px rgba(255, 215, 0, 0.4);
}

.im-jackpot-banner-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #ffd700;
  border-radius: 50%;
  box-shadow: 0 0 10px #ffd700;
  animation: im-jackpot-pulse 1.4s ease-in-out infinite;
}

@keyframes im-jackpot-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.55; transform: scale(1.35); }
}

.im-jackpot-banner-text {
  flex: 1;
  color: #f5f1e4;
  font-size: 14px;
  line-height: 1.4;
  min-width: 200px;
}

.im-jackpot-banner-text strong {
  color: #ffd700;
  font-weight: 700;
}

.im-jackpot-banner-cta {
  display: inline-block;
  color: #1a0b0d;
  background: linear-gradient(135deg, #ffd700, #ffb400);
  padding: 2px 18px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.4px;
  white-space: nowrap;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.im-jackpot-banner:hover .im-jackpot-banner-cta {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(255, 215, 0, 0.35);
}

.im-jackpot-banner-dismiss {
  position: absolute;
  top: 3px;
  right: 8px;
  background: transparent;
  border: none;
  color: rgba(245, 241, 228, 0.55);
  font-size: 22px;
  line-height: 1;
  padding: 4px 8px;
  cursor: pointer;
  z-index: 2;
  transition: color 0.15s ease;
}

.im-jackpot-banner-dismiss:hover,
.im-jackpot-banner-dismiss:focus {
  color: #ffd700;
}

@media (max-width: 1199px) {
  .im-jackpot-banner-link {
    padding: 5px 42px 5px 16px;
  }
  .im-jackpot-banner-inner {
    gap: 12px;
  }
  .im-jackpot-banner-label {
    font-size: 11px;
    letter-spacing: 1px;
  }
  .im-jackpot-banner-text {
    font-size: 13px;
    line-height: 1.35;
  }
  .im-jackpot-banner-cta {
    padding: 2px 14px;
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .im-jackpot-banner {
    margin: 0 auto 5px;
  }
  .im-jackpot-banner-link {
    padding: 5px 30px 5px 12px;
  }
  .im-jackpot-banner-inner {
    gap: 6px 10px;
  }
  .im-jackpot-banner-label {
    font-size: 9px;
    letter-spacing: 0.5px;
  }
  .im-jackpot-banner-dot {
    width: 6px;
    height: 6px;
  }
  .im-jackpot-banner-text {
    font-size: 12px;
    min-width: 0;
    flex-basis: 100%;
    line-height: 1.3;
  }
  .im-jackpot-banner-cta {
    padding: 2px 12px;
    font-size: 11px;
  }
  .im-jackpot-banner-dismiss {
    top: 2px;
    right: 4px;
    font-size: 18px;
    padding: 2px 6px;
  }
}

/* Hide rotate-prompt by default. The shared partial is rendered in every layout, but its full styling + show rule live in millionaire_shared.css which is only loaded on game pages. Without this base rule the prompt would render visible (default <div> display) on non-game pages like /en/originals. */
.ml-rotate-prompt { display: none; }



/* ===== Prediction Markets (vertical) ===== */
.pm-page, .pm-market { display: block; max-width: none; margin: 0; padding: 16px 0 40px; }

/* shared */
.pm-page-title { display: block; font-size: 30px; line-height: 1.2; font-weight: 800; color: #fff; margin: 0; }
.pm-page-subtitle { display: block; color: #b29a9e; margin: 8px 0 0; font-size: 15px; }
/* The four links under the subtitle were bare inline anchors with only a
   word space between them, so they read as one run-on line (owner, 5 Sep).
   inline-block + a right gap separates them; nowrap keeps a link from
   breaking mid-phrase; the top margin stops rows touching when they wrap. */
.pm-terms-link { display: inline-block; margin: 6px 20px 0 0; white-space: nowrap; }
.pm-section-title { display: block; font-size: 13px; font-weight: 700; color: #fff; margin: 0 0 14px; text-transform: uppercase; letter-spacing: .05em; }
.pm-empty, .pm-book-empty, .pm-pos-empty { display: block; color: #a3878c; padding: 18px 2px; font-size: 13px; }

/* info tooltip */
.pm-info { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 15px; height: 15px; border-radius: 50%; border: 1px solid #865b62; color: #b29a9e; font-size: 9px; font-weight: 700; font-style: normal; cursor: help; vertical-align: middle; margin-left: 6px; text-transform: none; font-family: "Inter", sans-serif; }
.pm-info:hover, .pm-info:focus { border-color: #e0b866; color: #e0b866; outline: none; }
.pm-info-pop { position: absolute; bottom: 150%; left: 50%; transform: translateX(-50%); width: 230px; background: #180b0d; border: 1px solid #e0b866; border-radius: 8px; padding: 10px 12px; color: #d8d2c8; font-size: 12px; line-height: 1.5; font-weight: 400; text-align: left; text-transform: none; letter-spacing: 0; font-family: "Inter", sans-serif; opacity: 0; visibility: hidden; transition: opacity .12s ease; z-index: 60; box-shadow: 0 10px 28px rgba(0,0,0,.55); }
.pm-info:hover .pm-info-pop, .pm-info:focus .pm-info-pop { opacity: 1; visibility: visible; }

/* hero + how it works */
.pm-hero { display: block; background: linear-gradient(135deg, #3e1d21 0%, #2b1316 70%); border: 1px solid #522c30; border-radius: 14px; padding: 26px 26px 24px; margin-bottom: 22px; }
.pm-how { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 22px; }
.pm-how-step { display: flex; flex-wrap: wrap; align-items: center; align-content: flex-start; column-gap: 10px; background: rgba(34, 15, 17, 0.6); border: 1px solid #4a262a; border-radius: 10px; padding: 15px 16px; }
.pm-how-num { display: inline-flex; flex: 0 0 26px; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: #e0b866; color: #220f11; font-weight: 800; font-size: 13px; margin-bottom: 9px; }
.pm-how-step h3 { display: block; flex: 1 1 0; min-width: 0; overflow-wrap: anywhere; font-size: 13px; color: #fff; margin: 0 0 9px; font-weight: 700; }
.pm-how-step p { display: block; flex: 0 0 100%; font-size: 12px; color: #b29a9e; margin: 0; line-height: 1.55; }
.pm-how-more { display: block; margin: 14px 0 0; font-size: 13px; text-align: center; }
.pm-how-more a { color: #e0b866; text-decoration: none; font-weight: 600; }
.pm-how-more a:hover { text-decoration: underline; }

/* market grid + cards */
.pm-market-grid { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; padding: 0; margin: 0; }
.pm-market-card { display: block; background: #331b1e; border: 1px solid #4a282c; border-radius: 12px; transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease; }
.pm-market-card:hover { border-color: #e0b866; transform: translateY(-3px); box-shadow: 0 12px 28px rgba(0,0,0,.45); }
.pm-market-card-link { display: flex; flex-direction: column; height: 100%; padding: 18px; color: inherit; text-decoration: none; }
.pm-market-card-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; align-self: flex-start; margin-bottom: 8px; }
.pm-market-card-chips .pm-hot-badge, .pm-market-card-chips .pm-market-card-category { margin-left: 0; }
.pm-market-card-kind { align-self: flex-start; font-size: 10px; text-transform: uppercase; color: #e0b866; letter-spacing: .07em; font-weight: 700; background: rgba(224, 184, 102, 0.12); padding: 3px 9px; border-radius: 5px; }
.pm-market-card-title { display: block; font-size: 16px; color: #fff; margin: 12px 0 6px; font-weight: 700; line-height: 1.35; }
.pm-market-card-desc { display: block; color: #b29a9e; font-size: 13px; line-height: 1.45; flex: 1 1 auto; }
.pm-market-card-foot { display: flex; justify-content: space-between; align-items: center; margin-top: 14px; padding-top: 12px; border-top: 1px solid #48272b; }
.pm-market-card-closes { font-size: 11px; color: #6b7686; }
.pm-market-card-cta { font-size: 12px; font-weight: 700; color: #e0b866; }

/* market page header */
.pm-market-head { display: block; background: #331b1e; border: 1px solid #4a282c; border-radius: 14px; padding: 22px 24px; margin-bottom: 18px; }
.pm-market-kind { display: inline-block; font-size: 10px; text-transform: uppercase; color: #e0b866; letter-spacing: .07em; font-weight: 700; background: rgba(224, 184, 102, 0.12); padding: 3px 9px; border-radius: 5px; }
.pm-market-question { display: block; font-size: 23px; line-height: 1.3; font-weight: 800; color: #fff; margin: 12px 0 0; }
.pm-watch-star { display: inline-flex; align-items: center; gap: 6px; margin: 8px 8px 0 0; padding: 5px 12px; border: 1px solid rgba(255,255,255,0.25); border-radius: 999px; background: rgba(255,255,255,0.06); color: #fff; font-size: 12px; font-weight: 700; cursor: pointer; }
.pm-watch-star::before { content: "\2606"; font-size: 14px; line-height: 1; }
.pm-watch-star:hover { border-color: #ffb400; }
.pm-watch-star.pm-watching { border-color: #ffb400; color: #ffb400; }
.pm-watch-star.pm-watching::before { content: "\2605"; }
.pm-watch-star:disabled { opacity: 0.6; cursor: default; }
.pm-market-creator { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 8px 0 0; color: #a68b90; font-size: 13px; }
.pm-market-creator-name { color: #ffffff; font-weight: 700; }
.pm-market-creator-record { color: #a37d83; font-size: 12px; }
.pm-market-creator-badge { display: inline-flex; align-items: center; gap: 4px; padding: 2px 9px; border: 1px solid rgba(111, 208, 140, 0.5); border-radius: 999px; background: rgba(111, 208, 140, 0.12); color: #6fd08c; font-size: 11px; font-weight: 700; }
.pm-market-rule { display: block; margin: 14px 0 0; padding: 12px 14px; background: #220f11; border: 1px solid #4a262a; border-radius: 9px; color: #c4aaae; font-size: 13px; line-height: 1.55; }
.pm-market-note { display: block; margin: 10px 0 0; padding: 10px 14px; background: #261315; border: 1px dashed #512b30; border-radius: 9px; color: #a68b90; font-size: 12px; line-height: 1.5; font-style: italic; }
.pm-market-house-note { border-color: rgba(224, 184, 102, 0.45); background: rgba(224, 184, 102, 0.07); color: #d8c69a; }
.pm-market-meta { display: flex; gap: 18px; margin-top: 14px; font-size: 12px; color: #9a7c81; align-items: center; flex-wrap: wrap; }
.pm-market-meta strong { color: #d8d2c8; font-weight: 600; }

/* ── PM live view + Live Cams hub (2026-08-25): click-to-play public streams ── */
.pm-live-view { margin: 14px 0 0; max-width: 720px; }
.pm-live-view-heading { margin: 0 0 8px; font-size: 15px; font-weight: 700; color: #e8edf5; }
.pm-live-cam { position: relative; width: 100%; padding-top: 56.25%; border-radius: 10px; overflow: hidden; background: #160b0c; border: 1px solid #512b30; }
.pm-live-cam-poster { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; padding: 0; border: 0; background: none; cursor: pointer; }
.pm-live-cam-thumb { width: 100%; height: 100%; object-fit: cover; display: block; }
.pm-live-cam-play { position: absolute; top: 50%; left: 50%; width: 62px; height: 62px; transform: translate(-50%, -50%); border-radius: 50%; background: rgba(22, 11, 12, 0.75); border: 1px solid rgba(255, 255, 255, 0.25); }
.pm-live-cam-play::after { content: ''; position: absolute; top: 50%; left: 55%; transform: translate(-50%, -50%); border-style: solid; border-width: 11px 0 11px 18px; border-color: transparent transparent transparent #e8edf5; }
.pm-live-cam-poster:hover .pm-live-cam-play { background: rgba(81, 43, 48, 0.9); }
.pm-live-cam-badge { position: absolute; top: 10px; left: 10px; padding: 3px 8px; border-radius: 6px; background: #b3223a; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: 0.06em; }
.pm-live-cam-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; display: block; }
.pm-live-view-note { margin: 8px 0 0; color: #a68b90; font-size: 12px; line-height: 1.5; }
.pm-live-view-yt { color: #e0b866; text-decoration: none; font-weight: 600; }
.pm-live-view-yt:hover { text-decoration: underline; }
.pm-live-cams-hero { margin-bottom: 16px; }
.pm-live-cams-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.pm-live-cams-card { background: #261315; border: 1px solid #512b30; border-radius: 12px; padding: 14px; }
.pm-live-cams-name { margin: 0 0 10px; font-size: 16px; color: #e8edf5; }
.pm-live-cams-blurb { margin: 10px 0 0; color: #c5aaaf; font-size: 13px; line-height: 1.5; }
.pm-live-cams-meta { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; margin: 8px 0 0; color: #a68b90; font-size: 12px; }
.pm-live-cams-bet { color: #e0b866; text-decoration: none; font-weight: 700; }
.pm-live-cams-bet:hover { text-decoration: underline; }
.pm-verify-link { color: #e0b866; text-decoration: none; font-weight: 600; }
.pm-verify-link:hover { text-decoration: underline; }

/* market body grid */
.pm-market-body { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; align-items: start; margin-bottom: 16px; }
.pm-market-body-pool { grid-template-columns: 1fr; }
.pm-card { display: block; background: #331b1e; border: 1px solid #4a282c; border-radius: 12px; padding: 18px; }

/* Sheriff Raid banner + opposition meter (owner 2026-08-11). Aggregate only:
   a distinct-account count and stake per currency, never a name or per-user amount. */
.pm-raid-card { border-color: rgba(224, 184, 102, 0.5); background: linear-gradient(180deg, rgba(224, 184, 102, 0.06), #331b1e 60%); margin-bottom: 18px; }
.pm-raid-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.pm-raid-badge { display: inline-block; padding: 4px 12px; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; color: #15110a; background: #e0b866; border-radius: 6px; }
.pm-raid-headline { color: #fff; font-size: 15px; font-weight: 800; }
.pm-raid-line { margin: 12px 0 0; color: #d8d2c8; font-size: 14px; line-height: 1.5; }
.pm-raid-line strong { color: #e0b866; }
.pm-raid-meter { display: flex; align-items: center; gap: 22px; margin: 16px 0 0; flex-wrap: wrap; }
.pm-raid-mob { display: flex; flex-direction: column; }
.pm-raid-count { font-size: 34px; font-weight: 900; color: #fff; line-height: 1; }
.pm-raid-count-label { font-size: 12px; color: #bcb6ac; margin-top: 4px; }
.pm-raid-count-label strong { color: #d8d2c8; }
.pm-raid-stakes { list-style: none; margin: 0; padding: 0; display: flex; gap: 10px; flex-wrap: wrap; }
.pm-raid-stake { display: inline-flex; align-items: baseline; gap: 5px; padding: 7px 12px; background: #220f11; border: 1px solid #4a262a; border-radius: 8px; }
.pm-raid-stake-amount { font-size: 15px; font-weight: 800; color: #fff; }
.pm-raid-stake-ccode { font-size: 11px; color: #9a7c81; text-transform: uppercase; letter-spacing: .05em; }
.pm-raid-countdown { margin: 16px 0 0; font-size: 12px; color: #9a7c81; text-transform: uppercase; letter-spacing: .05em; }
.pm-raid-countdown span { color: #e0b866; font-weight: 800; font-size: 14px; margin-left: 4px; }
.pm-raid-resolved { border-color: rgba(63, 191, 106, 0.4); background: linear-gradient(180deg, rgba(63,191,106,0.05), #331b1e 60%); }
.pm-raid-result-legs { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.pm-raid-result-leg { color: #d8d2c8; font-size: 14px; line-height: 1.5; }
.pm-raid-result-leg strong { color: #fff; }
/* Sheriff Raids lobby strip (live raids as appointment moments) */
.pm-raids-strip { margin: 0 0 20px; }
.pm-raids-strip-title { font-size: 13px; text-transform: uppercase; letter-spacing: .06em; color: #e0b866; margin: 0 0 10px; }
.pm-raids-strip-list { list-style: none; margin: 0; padding: 0; display: flex; gap: 12px; overflow-x: auto; }
.pm-raids-strip-item { display: flex; flex-direction: column; gap: 4px; min-width: 220px; padding: 12px 14px; background: #331b1e; border: 1px solid rgba(224, 184, 102, 0.5); border-radius: 10px; text-decoration: none; }
.pm-raids-strip-badge { align-self: flex-start; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: #15110a; background: #e0b866; border-radius: 5px; padding: 2px 8px; }
.pm-raids-strip-q { color: #fff; font-size: 14px; font-weight: 700; line-height: 1.3; }
.pm-raids-strip-side { color: #bcb6ac; font-size: 12px; }
.pm-raids-strip-side strong { color: #d8d2c8; }

/* order form */
.pm-order-form { display: flex; flex-direction: column; gap: 13px; }
.pm-order-form input.pm-input-missing { border-color: #ff6b6b !important; box-shadow: 0 0 0 2px rgba(255, 107, 107, 0.35); }
.pm-field { display: flex; flex-direction: column; gap: 5px; }
.pm-field-label { font-size: 12px; color: #b29a9e; font-weight: 600; display: flex; align-items: center; }
.pm-field select, .pm-field input { background: #220f11; border: 1px solid #4a282c; border-radius: 7px; padding: 9px 10px; color: #fff; font-size: 14px; width: 100%; box-sizing: border-box; }
.pm-field select:focus, .pm-field input:focus { border-color: #e0b866; outline: none; }
.pm-submit-btn { background: #e0b866; color: #220f11; border: none; border-radius: 8px; padding: 12px; font-weight: 800; font-size: 14px; cursor: pointer; text-transform: uppercase; letter-spacing: .03em; margin-top: 2px; }
.pm-submit-btn:hover { filter: brightness(1.08); }
.pm-outcome-field { gap: 6px; }
.pm-outcome-toggle { display: flex; flex-wrap: wrap; gap: 8px; }
.pm-outcome-btn { flex: 1 1 88px; background: #220f11; border: 1px solid #4a282c; color: #d8d2c8; border-radius: 8px; padding: 12px 8px; font-size: 14px; font-weight: 700; cursor: pointer; text-transform: uppercase; letter-spacing: .03em; transition: border-color .12s, background .12s, color .12s; }
.pm-outcome-btn:hover { border-color: #603d43; }
.pm-outcome-btn.is-selected { border-color: #e0b866; color: #fff; background: #331a1d; }
.pm-outcome-yes.is-selected { border-color: #3fbf6a; box-shadow: inset 0 0 0 1px #3fbf6a; }
.pm-outcome-no.is-selected { border-color: #e2574c; box-shadow: inset 0 0 0 1px #e2574c; }
.pm-book-level { cursor: pointer; }
.pm-book-level:hover { background: #331a1d; }
.pm-chart-card { margin-bottom: 14px; }
.pm-chart-head { display: flex; justify-content: space-between; align-items: baseline; }
.pm-chart-last { font-size: 18px; font-weight: 800; color: #fff; font-variant-numeric: tabular-nums; }
.pm-chart { margin-top: 8px; height: 64px; width: 100%; }
.pm-spark { width: 100%; height: 100%; display: block; }
.pm-spark path { fill: none; stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.pm-spark-up { stroke: #3fbf6a; }
.pm-spark-down { stroke: #e2574c; }
.pm-chart-empty { color: #9a7c81; font-size: 13px; padding: 18px 2px; }
.pm-order-result { display: block; margin-top: 10px; font-size: 13px; color: #d8d2c8; min-height: 18px; }
.pm-order-hint { display: block; margin-top: 12px; padding-top: 12px; border-top: 1px solid #48272b; font-size: 11px; color: #9a7c81; line-height: 1.5; }
.pm-payout-preview { margin-top: 12px; padding: 12px; background: #220f11; border: 1px solid #4a282c; border-radius: 8px; display: flex; flex-direction: column; gap: 6px; }
.pm-preview-row { display: flex; justify-content: space-between; align-items: center; font-size: 13px; }
.pm-preview-label { color: #b29a9e; }
.pm-preview-value { color: #fff; font-weight: 700; font-variant-numeric: tabular-nums; }
.pm-preview-cost .pm-preview-value { color: #d8d2c8; }
.pm-preview-profit .pm-preview-value { color: #2ecc71; }

/* order book */
.pm-book-cols { display: flex; gap: 14px; }
.pm-book-col { flex: 1; }
.pm-book-colhead { display: flex; justify-content: space-between; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; margin: 0 0 6px; padding-bottom: 6px; border-bottom: 1px solid #48272b; }
.pm-book-colhead .pm-bid { color: #3fbf6a; }
.pm-book-colhead .pm-ask { color: #e2574c; }
.pm-book-colhead span:last-child { color: #6b7686; }
.pm-book ul, .pm-positions ul { list-style: none; padding: 0; margin: 0; }
.pm-book-level, .pm-position { display: flex; justify-content: space-between; padding: 5px 0; font-size: 13px; color: #d8d2c8; border-bottom: 1px solid #3f2225; }
.pm-book-bids .pm-book-level span:first-child { color: #3fbf6a; font-weight: 600; }
.pm-book-asks .pm-book-level span:first-child { color: #e2574c; font-weight: 600; }
.pm-last-trade { display: block; margin-top: 14px; padding-top: 12px; border-top: 1px solid #48272b; font-size: 12px; color: #9a7c81; }

/* positions */
.pm-position span:last-child { font-weight: 600; color: #fff; }
.pm-positions ul, .pm-open-orders ul { list-style: none; padding: 0; margin: 0; }
.pm-positions .pm-position { align-items: center; gap: 10px; }
.pm-position-main { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; }
.pm-position-outcome { font-weight: 700; color: #fff; }
.pm-position-shares { color: #d8d2c8; }
.pm-position-ccode { color: #b29a9e; font-size: 11px; text-transform: uppercase; letter-spacing: .03em; }
.pm-position-avg { color: #b29a9e; font-size: 12px; }
.pm-position-pnl { font-weight: 600; font-size: 12px; }
.pm-position-tag { font-weight: 700; font-size: 12px; padding: 2px 8px; border-radius: 999px; background: #2f1619; border: 1px solid #48272b; }
.pm-pnl-up { color: #3fbf6a; }
.pm-pnl-down { color: #e2574c; }
.pm-pos-close-btn, .pm-order-cancel-btn { background: transparent; border: 1px solid #4a282c; color: #d8d2c8; border-radius: 6px; padding: 5px 10px; font-size: 12px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.pm-pos-close-btn:hover, .pm-order-cancel-btn:hover { border-color: #e0b866; color: #fff; }
.pm-order-cancel-btn:disabled { opacity: .5; cursor: default; }
.pm-open-order { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 6px 0; border-bottom: 1px solid #3f2225; }
.pm-open-order-desc { display: flex; flex-wrap: wrap; gap: 4px 8px; font-size: 13px; color: #d8d2c8; align-items: baseline; }
.pm-open-order-side { font-weight: 700; text-transform: uppercase; font-size: 11px; }
.pm-side-buy { color: #3fbf6a; }
.pm-side-sell { color: #e2574c; }
.pm-open-order-price { color: #b29a9e; }
.pm-order-empty { display: block; color: #a3878c; padding: 18px 2px; font-size: 13px; }

/* activity ticker */
.pm-activity-ticker { display: block; margin-top: 26px; }
.pm-ticker-item { display: block; padding: 8px 12px; background: #331b1e; border: 1px solid #48272b; border-radius: 7px; margin-bottom: 7px; font-size: 13px; color: #d8d2c8; }

/* ---- Prediction markets: Polymarket-parity additions (2026-07-19) ----
   Category shelf bar, multi-line probability chart, market pulse ticker,
   landing hot-markets slider. Shared shapes across all 5 sites. */
.pm-search { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 18px 0 0; }
.pm-search-input { flex: 1 1 240px; min-width: 0; padding: 8px 12px; border-radius: 16px; background: #2f1619; border: 1px solid #48272b; color: #e8eef7; font-size: 13px; }
.pm-search-input::placeholder { color: #a37d83; }
.pm-search-input:focus { outline: none; border-color: #794e55; background: #331b1e; }
.pm-search-btn { padding: 8px 16px; border-radius: 16px; background: #532c31; border: 1px solid #794e55; color: #ffffff; font-size: 13px; font-weight: 600; cursor: pointer; }
.pm-search-btn:hover { border-color: #9e6871; }
.pm-search-clear { padding: 8px 12px; color: #bcb6ac; font-size: 13px; text-decoration: none; }
.pm-search-clear:hover { color: #ffffff; }
.pm-category-bar { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 14px; }
.pm-category-tab { display: inline-block; padding: 7px 14px; border-radius: 16px; background: #331b1e; border: 1px solid #48272b; color: #d8d2c8; font-size: 13px; text-decoration: none; }
.pm-category-tab:hover { border-color: #664147; color: #ffffff; }
.pm-category-tab-active { background: #532c31; border-color: #794e55; color: #ffffff; font-weight: 600; }
.pm-flame { font-size: 12px; }
.pm-hot-badge { display: inline-block; margin-left: 6px; padding: 2px 8px; border-radius: 10px; background: #3a2b14; border: 1px solid #6b4a17; color: #ffb84d; font-size: 11px; font-weight: 600; }
.pm-market-card-category { display: inline-block; margin-left: 6px; padding: 2px 8px; border-radius: 10px; background: #4a2227; border: 1px solid #603e43; color: #bcb6ac; font-size: 11px; }
.pm-market-card-odds { display: flex; gap: 6px; margin: 8px 0 2px; flex-wrap: wrap; }
.pm-odds-pill { display: inline-block; padding: 3px 9px; border-radius: 11px; background: #2f1619; border: 1px solid #48272b; color: #d8d2c8; font-size: 12px; }
.pm-odds-pill strong { color: #6fd08c; }
.pm-closes-soon { color: #ffb84d !important; }
.pm-category-chip { display: inline-block; margin-left: 8px; padding: 3px 10px; border-radius: 11px; background: #4a2227; border: 1px solid #603e43; color: #bcb6ac; font-size: 12px; text-decoration: none; }
.pm-closes-chip { display: inline-block; margin-left: 8px; padding: 3px 10px; border-radius: 11px; background: #2f1619; border: 1px solid #48272b; color: #d8d2c8; font-size: 12px; }
.pm-chart-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.pm-chart-ranges { display: inline-flex; gap: 4px; margin-left: auto; }
.pm-chart-range { padding: 4px 10px; border-radius: 8px; background: #2f1619; border: 1px solid #48272b; color: #bcb6ac; font-size: 12px; cursor: pointer; }
.pm-chart-range-active { background: #532c31; color: #ffffff; border-color: #794e55; }
.pm-chart { height: auto; }
.pm-chart-plot { display: flex; align-items: stretch; gap: 6px; }
.pm-chart-plot .pm-chart { flex: 1; min-width: 0; margin-top: 0; }
.pm-chart-yaxis { display: flex; flex-direction: column; justify-content: space-between; width: 34px; text-align: right; font-size: 10px; color: #a37d83; line-height: 1; padding: 0; margin: -0.5em 0; }
.pm-chart-xaxis { display: flex; justify-content: space-between; margin: 4px 0 0 40px; font-size: 10px; color: #a37d83; }
.pm-chart-xtick { white-space: nowrap; }
.pm-chart-svg { display: block; width: 100%; height: 180px; overflow: hidden; }
.pm-chart-grid { stroke: #48272b; stroke-width: 0.4; }
.pm-chart-line { fill: none; stroke-width: 2px; vector-effect: non-scaling-stroke; }
.pm-chart-line-selected { stroke-width: 3px; }
.pm-chart-point { stroke-width: 3px; }
.pm-chart-line-0 { stroke: #6fd08c; } .pm-chart-dot.pm-chart-line-0 { background: #6fd08c; }
.pm-chart-line-1 { stroke: #ff7a76; } .pm-chart-dot.pm-chart-line-1 { background: #ff7a76; }
.pm-chart-line-2 { stroke: #5aa7ff; } .pm-chart-dot.pm-chart-line-2 { background: #5aa7ff; }
.pm-chart-line-3 { stroke: #ffb84d; } .pm-chart-dot.pm-chart-line-3 { background: #ffb84d; }
.pm-chart-line-4 { stroke: #c58bff; } .pm-chart-dot.pm-chart-line-4 { background: #c58bff; }
.pm-chart-line-5 { stroke: #6fe0d8; } .pm-chart-dot.pm-chart-line-5 { background: #6fe0d8; }
.pm-chart-line-6 { stroke: #f2e35c; } .pm-chart-dot.pm-chart-line-6 { background: #f2e35c; }
.pm-chart-line-7 { stroke: #ff9ecf; } .pm-chart-dot.pm-chart-line-7 { background: #ff9ecf; }
.pm-chart-legend { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 10px; }
.pm-chart-legend-item { display: inline-flex; align-items: center; gap: 6px; color: #d8d2c8; font-size: 12px; }
.pm-chart-dot { width: 9px; height: 9px; border-radius: 50%; display: inline-block; }
/* Chart parity - settings, tooltip, crosshair, expand, picker (wave-2 Phase 1, 2026-07-20). */
.pm-chart-head { position: relative; flex-wrap: wrap; }
.pm-chart-tools { display: inline-flex; gap: 4px; margin-left: 6px; position: relative; }
.pm-chart-tool { background: #4a2227; border: 1px solid #603e43; color: #d8d2c8; border-radius: 6px; width: 28px; height: 28px; cursor: pointer; font-size: 14px; line-height: 1; display: inline-flex; align-items: center; justify-content: center; }
.pm-chart-tool:hover { background: #582b30; }
.pm-chart-settings { position: absolute; top: 34px; right: 0; z-index: 30; background: #220f11; border: 1px solid #603e43; border-radius: 8px; padding: 8px 10px; min-width: 178px; box-shadow: 0 10px 26px rgba(0,0,0,0.45); }
.pm-chart-setting { display: flex; align-items: center; gap: 8px; padding: 4px 2px; color: #d8d2c8; font-size: 12px; cursor: pointer; }
.pm-chart-setting input { accent-color: #e0b866; }
.pm-chart { position: relative; }
.pm-chart-hoverlay { position: absolute; inset: 0; pointer-events: none; }
.pm-chart-crosshair { position: absolute; top: 0; bottom: 0; width: 1px; background: rgba(224, 184, 102, 0.6); }
.pm-chart-markers { position: absolute; inset: 0; }
.pm-chart-marker { position: absolute; width: 7px; height: 7px; border-radius: 50%; border: 2px solid #220f11; transform: translate(-50%, -50%); }
.pm-chart-tip { position: absolute; top: 6px; z-index: 20; background: #220f11; border: 1px solid #603e43; border-radius: 8px; padding: 7px 9px; min-width: 118px; box-shadow: 0 8px 20px rgba(0,0,0,0.45); pointer-events: none; }
.pm-chart-tip-when { color: #bcb6ac; font-size: 11px; margin-bottom: 5px; white-space: nowrap; }
.pm-chart-tip-row { display: flex; align-items: center; gap: 6px; font-size: 12px; color: #d8d2c8; white-space: nowrap; }
.pm-chart-tip-row + .pm-chart-tip-row { margin-top: 2px; }
.pm-chart-tip-focus { font-weight: 700; color: #ffffff; }
.pm-chart-tip-val { margin-left: auto; font-variant-numeric: tabular-nums; }
.pm-chart-tip-ann { margin-top: 5px; padding-top: 5px; border-top: 1px solid #4a2227; font-size: 11px; color: #b29a9e; white-space: nowrap; }
.pm-chart-tip-ann-actual { color: #ffb84d; }
.pm-chart-ann { stroke: #7a555b; stroke-width: 0.4; stroke-dasharray: 1.5 1.5; }
.pm-chart-ann-actual { stroke: #ffb84d; }
.pm-chart-legend-pick { background: none; border: 0; cursor: pointer; padding: 2px 4px; border-radius: 6px; }
.pm-chart-legend-pick:hover { background: #331b1e; }
.pm-chart-legend-off { opacity: 0.4; }
.pm-chart-expanded { position: fixed; inset: 3vh 3vw; z-index: 4000; margin: 0; overflow: auto; box-shadow: 0 24px 60px rgba(0,0,0,0.6); }
.pm-chart-expanded .pm-chart { min-height: 60vh; }
body.pm-chart-expand-lock { overflow: hidden; }
/* Lobby cards and chart polish (owner, 26 Sep 2026): markets first, cards that scan, charts after Polymarket. */
.pm-market-card { display: flex; flex-direction: column; }
.pm-market-card-link { height: auto; flex: 1 1 auto; padding: 16px 18px 0; }
.pm-market-card-head { display: flex; align-items: flex-start; gap: 12px; margin-top: 10px; }
.pm-market-card-icon { flex: 0 0 42px; width: 42px; height: 42px; border-radius: 10px; background: #4a2227; display: inline-flex; align-items: center; justify-content: center; font-size: 22px; line-height: 1; }
.pm-market-card-head .pm-market-card-title { margin: 0; font-size: 14px; font-weight: 400; line-height: 1.4; padding-right: 30px; }
.pm-market-card-new { align-self: flex-start; font-size: 10px; text-transform: uppercase; color: #d0cac0; letter-spacing: .07em; font-weight: 700; background: transparent; border: 1px solid rgba(208, 202, 192, 0.35); padding: 2px 8px; border-radius: 5px; }
.pm-card-picks { display: flex; gap: 8px; padding: 14px 18px 0; }
.pm-card-pick { flex: 1 1 0; min-width: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 2px 8px; padding: 9px 12px; border-radius: 8px; border: 1px solid #603e43; background: #2f1619; color: #d8d2c8; text-decoration: none; font-weight: 700; font-size: 13px; transition: background-color .15s ease, border-color .15s ease; }
.pm-card-pick:hover { background: #4a2227; color: #fff; }
.pm-card-pick-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.pm-card-pick-pct { margin-left: auto; font-size: 16px; font-variant-numeric: tabular-nums; }
.pm-card-pick .pm-pill-x { flex: 0 0 100%; margin-left: 0; font-size: 11px; }
.pm-card-pick-0 { background: rgba(111,208,140,.1); border-color: rgba(111,208,140,.3); color: #6fd08c; }
.pm-card-pick-0:hover { background: rgba(111,208,140,.2); color: #8be3a5; }
.pm-card-pick-1 { background: rgba(255,122,118,.1); border-color: rgba(255,122,118,.3); color: #ff7a76; }
.pm-card-pick-1:hover { background: rgba(255,122,118,.2); color: #ff9a96; }
.pm-card-picks-multi .pm-card-pick { background: #2f1619; border-color: #603e43; color: #d8d2c8; }
.pm-card-picks-multi .pm-card-pick:hover { background: #4a2227; color: #fff; }
.pm-card-more { display: block; margin: 8px 18px 0; font-size: 12px; font-weight: 600; color: #bcb6ac; text-decoration: none; }
.pm-card-more:hover { color: #fff; }
.pm-market-card > .pm-market-card-foot { flex-wrap: wrap; gap: 6px 10px; margin: 12px 18px 0; padding: 10px 0 14px; }
.pm-market-card-foot .pm-odds-leg { margin-left: 0; }
.pm-market-card-move { font-size: 11px; font-weight: 700; font-variant-numeric: tabular-nums; }
.pm-move-up { color: #6fd08c; }
.pm-move-down { color: #ff7a76; }
.pm-empty-lead { margin: 0 0 12px; color: #d8d2c8; font-size: 15px; }
.pm-empty-links { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }
.pm-empty-link { display: inline-block; padding: 9px 16px; border-radius: 8px; border: 1px solid #603e43; background: #2f1619; color: #d8d2c8; font-weight: 700; font-size: 13px; text-decoration: none; }
.pm-empty-link:hover { background: #4a2227; color: #fff; }
.pm-empty-link-cta { background: #e0b866; border-color: #e0b866; color: #15110a; }
.pm-empty-link-cta:hover { background: #ffc629; color: #15110a; }
.pm-chart-grid { stroke: #381e21; }
.pm-chart-line { stroke-linejoin: round; stroke-linecap: round; }
.pm-chart-area { stroke: none; fill-opacity: .1; }
.pm-chart-area-0 { fill: #6fd08c; } .pm-chart-area-1 { fill: #ff7a76; } .pm-chart-area-2 { fill: #d22f40; } .pm-chart-area-3 { fill: #ffb84d; }
.pm-chart-area-4 { fill: #c5bfb5; } .pm-chart-area-5 { fill: #6fe0d8; } .pm-chart-area-6 { fill: #f2e35c; } .pm-chart-area-7 { fill: #ff9ecf; }
.pm-chart-ends { position: absolute; inset: 0; pointer-events: none; }
.pm-chart-end-dot { position: absolute; width: 10px; height: 10px; border: 2px solid #331b1e; transform: translate(-50%, -50%); box-shadow: 0 0 0 3px rgba(255,255,255,.07); }
.pm-chart-end-tag { position: absolute; transform: translate(-8px, -135%); padding: 2px 7px; border-radius: 5px; background: rgba(34, 15, 17, 0.88); font-size: 11px; font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; }
.pm-chart-end-tag-below { transform: translate(-8px, 35%); }
.pm-chart-end-tag-right { transform: translate(8px, -135%); }
.pm-chart-end-tag-right.pm-chart-end-tag-below { transform: translate(8px, 35%); }
.pm-chart-end-tag-0 { color: #6fd08c; } .pm-chart-end-tag-1 { color: #ff7a76; } .pm-chart-end-tag-2 { color: #d22f40; } .pm-chart-end-tag-3 { color: #ffb84d; }
.pm-chart-end-tag-4 { color: #c5bfb5; } .pm-chart-end-tag-5 { color: #6fe0d8; } .pm-chart-end-tag-6 { color: #f2e35c; } .pm-chart-end-tag-7 { color: #ff9ecf; }
.pm-chart-quiet { color: #9a7c81; font-size: 12px; margin-left: auto; align-self: center; }
.pm-chart-range { background: transparent; border-color: transparent; color: #b08a90; font-weight: 600; }
.pm-chart-range:hover { color: #fff; }
.pm-chart-range-active { background: #492428; border-color: transparent; color: #fff; }
.pm-chart-yaxis.pm-chart-yaxis-placed { display: block; position: relative; margin: 0; }
.pm-chart-yaxis-placed span { position: absolute; right: 0; transform: translateY(-50%); }
.pm-chart-yaxis-placed[hidden] { display: none; }
.pm-chart-expanded .pm-chart-svg { height: 60vh; }
.pm-pool-row.pm-pool-row-picked { border-color: #e0b866; box-shadow: 0 0 0 1px #e0b866; }
.pm-pulse-card { margin-top: 14px; margin-bottom: 18px; }
.pm-pulse-list { list-style: none; margin: 0; padding: 0; }
.pm-pulse-item { display: flex; gap: 10px; align-items: baseline; padding: 7px 10px; border-bottom: 1px solid #4a2227; font-size: 13px; color: #d8d2c8; }
.pm-pulse-item:last-child { border-bottom: none; }
.pm-pulse-price { color: #6fd08c; font-weight: 600; }
.pm-pulse-when { margin-left: auto; color: #a37d83; font-size: 12px; }
/* Market-page tab shell + Activity feed (parity wave-2, 2026-07-20). */
.pm-tabs-card { margin-top: 14px; margin-bottom: 18px; }
.pm-tabs { display: flex; gap: 6px; border-bottom: 1px solid #4a2227; margin-bottom: 10px; overflow-x: auto; }
.pm-tab { background: none; border: 0; border-bottom: 2px solid transparent; color: #bcb6ac; font-size: 13px; font-weight: 600; padding: 8px 12px; cursor: pointer; white-space: nowrap; display: inline-flex; align-items: center; gap: 6px; }
.pm-tab:hover { color: #d8d2c8; }
.pm-tab-active { color: #ffffff; border-bottom-color: #e0b866; }
.pm-live-dot { width: 7px; height: 7px; border-radius: 50%; background: #3fbf6a; display: inline-block; opacity: 0.55; }
.pm-live-dot-pulse { animation: pmLiveDot 900ms ease-out; }
@keyframes pmLiveDot { 0% { transform: scale(1.9); opacity: 1; } 100% { transform: scale(1); opacity: 0.55; } }
.pm-activity-filter { display: flex; justify-content: flex-end; margin-bottom: 6px; }
.pm-activity-filter-label { display: inline-flex; align-items: center; gap: 8px; color: #a37d83; font-size: 12px; }
.pm-activity-filter-label select { background: #220f11; border: 1px solid #4a282c; color: #d8d2c8; border-radius: 6px; padding: 4px 8px; font-size: 12px; }
.pm-activity-list { list-style: none; margin: 0; padding: 0; }
.pm-activity-row { display: flex; gap: 8px; align-items: baseline; padding: 8px 10px; border-bottom: 1px solid #4a2227; font-size: 13px; color: #d8d2c8; }
.pm-activity-row:last-child { border-bottom: none; }
.pm-activity-row-live { animation: pmActivityIn 600ms ease-out; }
@keyframes pmActivityIn { 0% { background: rgba(224, 184, 102, 0.16); } 100% { background: transparent; } }
.pm-activity-who { display: inline-flex; align-items: center; gap: 7px; min-width: 0; align-self: center; }
.pm-activity-badge { width: 18px; height: 18px; flex: 0 0 auto; }
.pm-activity-name { font-weight: 600; color: #ffffff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 140px; }
.pm-activity-operator { display: inline-flex; align-items: center; gap: 4px; flex: 0 0 auto; padding: 1px 8px 1px 6px; border: 1px solid rgba(224, 184, 102, 0.45); border-radius: 999px; background: rgba(224, 184, 102, 0.14); color: #e0b866; font-size: 10px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; white-space: nowrap; }
.pm-activity-operator-star { font-size: 11px; line-height: 1; }
.pm-activity-row-operator { background: rgba(224, 184, 102, 0.06); }
.pm-activity-row-operator .pm-activity-name { color: #e0b866; }
.pm-activity-row-operator .pm-comment-name { color: #e0b866; }
.pm-activity-what { white-space: nowrap; }
.pm-activity-what strong { color: #e0b866; }
.pm-activity-amount { font-variant-numeric: tabular-nums; color: #6fd08c; font-weight: 600; white-space: nowrap; }
.pm-activity-detail { color: #b29a9e; font-size: 12px; }
.pm-activity-when { margin-left: auto; color: #a37d83; font-size: 12px; white-space: nowrap; }
.pm-activity-status { color: #a37d83; font-size: 13px; padding: 10px 2px; }
.pm-activity-status-error { color: #e2574c; }
.pm-activity-retry { background: #4a2227; border: 1px solid #603e43; color: #d8d2c8; border-radius: 6px; padding: 6px 14px; cursor: pointer; font-size: 12px; }
.pm-activity-sentinel { height: 1px; }
.pm-proposal-wait { color: #bcb6ac; font-style: italic; font-size: 13px; }
.pm-proposal-cta { display: inline-block; background: #e0b866; color: #331b1e; font-weight: 700; padding: 9px 18px; border-radius: 8px; text-decoration: none; margin: 6px 10px 0 0; }
.pm-proposal-cta:hover { background: #fcc940; color: #331b1e; }
.pm-proposal-cta-secondary { background: #4a2227; color: #d8d2c8; border: 1px solid #603e43; }
.pm-proposal-cta-secondary:hover { background: #582b30; color: #ffffff; }
.pm-locked-field { margin: 0 0 12px; }
.pm-locked-label { display: block; color: #a37d83; font-size: 12px; margin-bottom: 3px; }
.pm-locked-value { color: #e6edf6; font-size: 14px; line-height: 1.45; word-break: break-word; }
.pm-locked-value a { color: #e0b866; }
.pm-locked-hint { color: #bcb6ac; font-style: italic; font-size: 13px; margin: 10px 0 14px; }
/* Player PM nav strip + My predictions history (owner 2026-07-21). */
.pm-player-nav { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 16px; }
/* WHAT THE SITE TOKEN IS WORTH TO THIS PLAYER (owner 2026-09-19): the holding, what is
   in play on a market (it counts towards the tier since 19 Sep 2026), the tier it buys
   and the tier rakeback benefit. Rendered by shared/_site_token_strip on the prediction
   market pages and the cashier's swap page. */
.site-token-strip { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 16px; margin: 12px 0 16px; padding: 12px 16px; border: 1px solid #603e43; border-radius: 10px; background: #401b1f; }
.site-token-strip-main { display: flex; align-items: baseline; gap: 6px; }
.site-token-strip-amount { font-size: 20px; font-weight: 700; color: #ffffff; }
.site-token-strip-code { font-size: 13px; color: #e0b866; letter-spacing: 0.5px; }
.site-token-strip-value { font-size: 13px; color: #bcb6ac; }
.site-token-strip-note { font-size: 13px; color: #bcb6ac; }
.site-token-strip-tier { display: flex; align-items: baseline; gap: 8px; }
.site-token-strip-label { font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; color: #8b94a3; }
.site-token-strip-tier-name { font-size: 14px; font-weight: 600; color: #ffffff; }
.site-token-strip-next { font-size: 13px; color: #bcb6ac; }
/* Why holding the token pays - the tier perk line (owner, 26 Sep 2026). */
.site-token-strip-perks { font-size: 13px; color: #6ee7a8; }
.site-token-strip-perks a { color: #e0b866; font-weight: 600; margin-left: 4px; }
.site-token-strip-perks a:hover { color: #ffffff; }

.pm-player-nav-link { display: inline-block; padding: 6px 14px; border-radius: 16px; background: #4a2227; border: 1px solid #603e43; color: #d8d2c8; font-size: 13px; text-decoration: none; }
.pm-player-nav-link:hover { background: #582b30; color: #ffffff; }
.pm-player-nav-active { background: rgba(224, 184, 102, 0.14); border-color: #6b4a17; color: #e0b866; font-weight: 600; }
.pm-my-history { display: block; max-width: none; margin: 0; padding: 16px 0 40px; }
.pm-history-summary { display: flex; flex-wrap: wrap; gap: 14px; margin: 4px 0 18px; }
.pm-history-stat { background: #331b1e; border: 1px solid #48272b; border-radius: 10px; padding: 12px 18px; }
.pm-history-stat-label { display: block; color: #a37d83; font-size: 12px; margin-bottom: 4px; }
.pm-history-stat-value { font-size: 20px; font-weight: 700; color: #e6edf6; font-variant-numeric: tabular-nums; }
.pm-history-table-wrap { overflow-x: auto; background: #331b1e; border: 1px solid #48272b; border-radius: 10px; }
.pm-history-table { width: 100%; border-collapse: collapse; font-size: 13px; color: #d8d2c8; }
.pm-history-table th { text-align: left; padding: 10px 12px; color: #a37d83; font-size: 11px; text-transform: uppercase; letter-spacing: .05em; border-bottom: 1px solid #4a2227; }
.pm-history-table td { padding: 10px 12px; border-bottom: 1px solid #402024; }
.pm-history-table tr:last-child td { border-bottom: none; }
.pm-history-market a { color: #e6edf6; text-decoration: none; }
.pm-history-market a:hover { color: #e0b866; }
.pm-history-ccode { margin-left: 6px; color: #a37d83; font-size: 11px; }
.pm-history-num { font-variant-numeric: tabular-nums; white-space: nowrap; }
.pm-history-open { color: #a37d83; }
/* Results pager (owner 2026-09-06). Real page links rather than infinite
   scroll, so a crawler can walk every settled market. */
.pm-pager { display: flex; align-items: center; gap: 12px; margin: 18px 0 0; }
.pm-pager-link { display: inline-block; padding: 6px 14px; border-radius: 16px; background: #4a2227; border: 1px solid #603e43; color: #d8d2c8; font-size: 13px; text-decoration: none; font-weight: 600; }
.pm-pager-link:hover { background: #582b30; color: #ffffff; }
.pm-pager-count { color: #a37d83; font-size: 12px; }

.pm-history-state { display: inline-block; padding: 2px 9px; border-radius: 10px; font-size: 11px; background: #4a2227; border: 1px solid #603e43; color: #bcb6ac; white-space: nowrap; }
.pm-history-state-settled { color: #6fd08c; border-color: #2f5a3e; }
.pm-history-state-voided { color: #d22f40; border-color: #5a4a2f; }
.pm-history-state-open { color: #e0b866; border-color: #6b4a17; }
.pm-history-void-note { margin-top: 4px; font-size: 11px; color: #d22f40; white-space: normal; }
/* Top Holders + Positions tabs (parity wave-2 Phase 3, 2026-07-20). */
.pm-holders { display: flex; gap: 14px; flex-wrap: wrap; }
.pm-holders-col { flex: 1 1 160px; min-width: 150px; }
.pm-holders-colhead { font-weight: 700; color: #e0b866; font-size: 13px; padding: 4px 0 8px; border-bottom: 1px solid #4a2227; }
.pm-holders-list { list-style: none; margin: 0; padding: 0; counter-reset: pmholder; }
.pm-holders-row { display: flex; align-items: center; gap: 8px; padding: 7px 2px; font-size: 13px; color: #d8d2c8; border-bottom: 1px solid #331b1e; }
.pm-holders-row::before { counter-increment: pmholder; content: counter(pmholder); color: #a37d83; font-size: 11px; width: 16px; flex: 0 0 auto; text-align: right; }
.pm-holders-who { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
.pm-holders-amount { margin-left: auto; font-variant-numeric: tabular-nums; color: #6fd08c; font-weight: 600; white-space: nowrap; }
.pm-holders-empty { color: #a37d83; font-size: 12px; padding: 8px 2px; list-style: none; }
.pm-holders-status, .pm-positions-status { color: #a37d83; font-size: 13px; padding: 10px 2px; }
.pm-positions-detail { list-style: none; margin: 0; padding: 0; }
.pm-position-detail { padding: 10px 4px; border-bottom: 1px solid #4a2227; }
.pm-position-detail:last-child { border-bottom: none; }
.pm-position-detail-head { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.pm-position-detail-outcome { font-weight: 700; color: #ffffff; }
.pm-position-detail-ccode { color: #b29a9e; font-size: 12px; }
.pm-position-mark-tag { margin-left: auto; font-size: 11px; padding: 2px 8px; border-radius: 10px; background: #4a2227; border: 1px solid #603e43; color: #bcb6ac; }
.pm-mark-settled { color: #6fd08c; border-color: #2f5a3e; }
.pm-mark-voided { color: #d22f40; border-color: #5a4a2f; }
.pm-mark-pending { color: #bcb6ac; }
.pm-position-detail-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(88px, 1fr)); gap: 8px; }
.pm-position-metric { display: flex; flex-direction: column; gap: 2px; }
.pm-position-metric-label { color: #a37d83; font-size: 11px; }
.pm-position-metric-value { font-variant-numeric: tabular-nums; color: #d8d2c8; font-size: 14px; }
/* Comments tab (parity wave-2 Phase 4, 2026-07-20). */
.pm-comment-composer { margin-bottom: 12px; }
.pm-comment-input { width: 100%; box-sizing: border-box; background: #220f11; border: 1px solid #4a282c; color: #e6edf6; border-radius: 8px; padding: 9px 11px; font-size: 13px; resize: vertical; min-height: 44px; }
.pm-comment-input:focus { outline: none; border-color: #664147; }
.pm-comment-composer-foot { display: flex; align-items: center; gap: 10px; margin-top: 6px; }
.pm-comment-count { color: #a37d83; font-size: 12px; }
.pm-comment-submit { margin-left: auto; background: #e0b866; color: #331b1e; font-weight: 700; border: 0; border-radius: 6px; padding: 6px 16px; cursor: pointer; font-size: 13px; }
.pm-comment-submit:hover { background: #fcc940; }
.pm-comment-submit:disabled { opacity: 0.5; cursor: default; }
.pm-comment-composer-msg { color: #e2574c; font-size: 12px; margin-top: 5px; min-height: 14px; }
.pm-comment-list { list-style: none; margin: 0; padding: 0; }
.pm-comment { padding: 9px 2px; border-bottom: 1px solid #4a2227; }
.pm-comment:last-child { border-bottom: none; }
.pm-comment-head { display: flex; align-items: center; gap: 7px; margin-bottom: 4px; }
.pm-comment-name { font-weight: 600; color: #ffffff; font-size: 13px; }
.pm-comment-posbadge { font-size: 10px; padding: 1px 7px; border-radius: 10px; background: #4a2227; border: 1px solid #603e43; color: #bcb6ac; }
.pm-comment-posbadge-more { color: #a37d83; }
.pm-comment-when { margin-left: auto; color: #a37d83; font-size: 12px; }
.pm-comment-body { color: #d8d2c8; font-size: 13px; line-height: 1.45; word-break: break-word; }
.pm-comment-more { background: #4a2227; border: 1px solid #603e43; color: #d8d2c8; border-radius: 6px; padding: 7px 16px; cursor: pointer; font-size: 12px; margin: 8px 0; }
.pm-comment-more:hover { background: #582b30; }
.pm-comment-status { color: #a37d83; font-size: 13px; padding: 8px 2px; }
/* Order Book tab + widget polish (parity wave-2 Phase 5, 2026-07-20). */
.pm-book2 { display: block; }
.pm-book2-colhead { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6px; padding: 4px 10px 8px; color: #a37d83; font-size: 11px; border-bottom: 1px solid #4a2227; }
.pm-book2-colhead span:nth-child(2), .pm-book2-colhead span:nth-child(3) { text-align: right; }
.pm-book2-asks, .pm-book2-bids { list-style: none; margin: 0; padding: 0; }
.pm-book2 .pm-book-level { position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6px; padding: 5px 10px; font-size: 13px; font-variant-numeric: tabular-nums; cursor: pointer; overflow: hidden; }
.pm-book2 .pm-book-level:hover { background: rgba(255,255,255,0.04); }
.pm-book-shade { position: absolute; top: 0; bottom: 0; right: 0; z-index: 0; opacity: 0.14; }
.pm-book-level-ask .pm-book-shade { background: #e2574c; }
.pm-book-level-bid .pm-book-shade { background: #3fbf6a; }
.pm-book2 .pm-book-price, .pm-book2 .pm-book-size, .pm-book2 .pm-book-total { position: relative; z-index: 1; }
.pm-book-level-ask .pm-book-price { color: #ff7a76; }
.pm-book-level-bid .pm-book-price { color: #6fd08c; }
.pm-book2 .pm-book-size, .pm-book2 .pm-book-total { text-align: right; color: #d8d2c8; }
.pm-book2 .pm-book-empty { padding: 10px; color: #a37d83; font-size: 12px; text-align: center; }
.pm-book2-mid { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 10px; border-top: 1px solid #4a2227; border-bottom: 1px solid #4a2227; font-size: 12px; }
.pm-book2-last { color: #bcb6ac; }
.pm-book2-spread { color: #a37d83; }
.pm-quick-chips { display: flex; gap: 6px; margin-top: 6px; }
.pm-quick-chip { flex: 1; background: #4a2227; border: 1px solid #603e43; color: #d8d2c8; border-radius: 6px; padding: 5px 0; cursor: pointer; font-size: 12px; }
.pm-quick-chip:hover { background: #582b30; }
.pm-hot-markets-row .pm-hot-card { display: block; margin: 0 6px; padding: 14px; min-height: 150px; background: #331b1e; border: 1px solid #48272b; border-radius: 10px; color: #d8d2c8; text-decoration: none; }
.pm-hot-markets-row .pm-hot-card:hover { border-color: #664147; }
.pm-hot-card-category { display: inline-block; padding: 2px 8px; border-radius: 10px; background: #4a2227; border: 1px solid #603e43; color: #bcb6ac; font-size: 11px; margin-bottom: 6px; }
.pm-hot-card-title { display: block; font-size: 14px; font-weight: 400; color: #ffffff; line-height: 1.35; margin-bottom: 8px; }
.pm-hot-card-odds { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 10px; }
.pm-hot-card-foot { display: flex; align-items: center; justify-content: space-between; font-size: 12px; }
.pm-hot-card-closes { color: #a37d83; }
.pm-hot-card-cta { color: #6fd08c; font-weight: 600; }
.pm-hot-markets-row .pm-hot-card-more { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
/* Fewer markets than the four slots: slick.css centres its track (margin auto), which left half a card of gap before the first card (owner lol1.png, 27 Sep 2026). Start the row under its heading. */
.pm-hot-markets-row .slick-track { margin-left: 0; margin-right: 0; }
/* Homepage strip (owner, 28 Sep 2026): every card the same height with its close time and Predict on the
   bottom line, one chip row on every card, and the arrows in their own gutters beside the cards - the
   casino-row arrows sat on top of the market questions. LOL's hero card carries the same chip row. The arrow rules name both row classes so they beat
   the later .category-row arrow rules in style.css and the phone sizes in responsive.css. */
.pm-hot-markets-row .hot-markets-slider.slick-slider { position: relative; padding-left: 40px; padding-right: 40px; }
.category-row.pm-hot-markets-row .slick-prev, .category-row.pm-hot-markets-row .slick-next { top: 50%; }
.category-row.pm-hot-markets-row .slick-prev { left: 0; right: auto; }
.category-row.pm-hot-markets-row .slick-next { right: 0; left: auto; }
.category-row.pm-hot-markets-row .slick-prev:before, .category-row.pm-hot-markets-row .slick-next:before { width: 34px; height: 34px; line-height: 34px; font-size: 12px; }
.pm-hot-markets-row .slick-track { display: flex; }
.pm-hot-markets-row .slick-slide.pm-hot-card { height: auto; }
.pm-hot-markets-row .pm-hot-card { display: flex; flex-direction: column; box-sizing: border-box; }
.pm-hot-markets-row .pm-hot-card-foot { margin-top: auto; }
.pm-hot-card-chips .pm-hot-card-category, .lol-hero-market-chips .pm-hot-card-category { margin-bottom: 0; }
.lol-hero-market-chips { margin-bottom: 0; }
.pm-hot-card-more-answers { display: block; font-size: 12px; color: #bcb6ac; margin-bottom: 8px; }
.pm-hot-markets-row .pm-hot-card-more .pm-hot-card-title { font-weight: 700; }
/* Whole questions, but a runaway 255-character one cannot stretch every card in the row. */
.pm-hot-markets-row .pm-hot-card-title, .lol-hero-market-stack .lol-hero-market-q { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
/* Space under the strip before the next section on LOL (owner lol1.png, 27 Sep 2026: the next row practically touched it). Scoped to LOL's landing wrapper so every other site keeps the gap it already has (fresh r2: an unscoped rule shrank WickedBet's 35px). */
.lol-home .pm-hot-markets-row { margin-bottom: 24px; }
/* WickedBet's home renders the strip straight inside .main-wrpper, not a landing column, so it ran edge to edge with its heading on the page border (owner wic1.png, 27 Sep 2026). Give it the same centred 1399px frame as the leaderboard above it. The other sites' landing columns already contain it, so this matches nothing there. */
.main-wrpper > .pm-hot-markets-row { max-width: 1399px; margin-left: auto; margin-right: auto; padding: 0 24px; box-sizing: border-box; }
/* Related-markets rail (parity wave-2 Phase 6, 2026-07-20). */
.pm-related { margin-top: 16px; }
.pm-related-rail { display: flex; gap: 12px; overflow-x: auto; padding-bottom: 6px; }
.pm-related-card { flex: 0 0 230px; display: flex; flex-direction: column; gap: 8px; padding: 12px; background: #331b1e; border: 1px solid #48272b; border-radius: 10px; color: #d8d2c8; text-decoration: none; }
.pm-related-card:hover { border-color: #664147; }
.pm-related-title { font-size: 14px; font-weight: 600; color: #ffffff; line-height: 1.35; }
.pm-related-odds { display: flex; gap: 6px; flex-wrap: wrap; }
.pm-related-closes { font-size: 12px; color: #a37d83; margin-top: auto; }
.pm-related-closes.pm-closes-soon { color: #d22f40; }


/* Wicked Verify */
.pm-verify { display: block; max-width: none; margin: 0; padding: 16px 0 40px; }
.pm-verify-section { display: block; background: #331b1e; border: 1px solid #4a282c; border-radius: 12px; padding: 18px; margin-top: 16px; }
.pm-verify-payload { display: block; background: #220f11; border: 1px solid #4a282c; border-radius: 7px; padding: 12px; color: #d8d2c8; font-size: 12px; white-space: pre-wrap; word-break: break-word; }
.pm-verify code { background: #220f11; padding: 2px 6px; border-radius: 4px; color: #e0b866; word-break: break-all; }
.pm-verify-status { display: block; font-weight: 700; margin-top: 8px; }
.pm-verify-ok { color: #3fbf6a; }
.pm-verify-bad { color: #e2574c; }

/* Parimutuel pool board (Phase 2 zero-risk overhaul, spec 2026-05-26).
   Shows total stake per outcome, implied odds, and a stake button. */
.pm-stakeable { margin: 0 0 12px; font-size: 13px; color: #d8d2c8; }
.pm-stakeable strong { color: #ffffff; }
.pm-stakeable-note { display: block; margin-top: 4px; font-size: 12px; line-height: 1.5; color: #bcb6ac; }
.pm-pool-board { display: block; }
.pm-pool-row { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 14px; padding: 10px 12px; background: #331b1e; border: 1px solid #48272b; border-radius: 8px; margin-bottom: 8px; }
.pm-pool-row + .pm-pool-row { margin-top: 4px; }
.pm-pool-outcome { font-weight: 600; color: #e0b866; }
.pm-pool-stake { font-size: 13px; color: #d8d2c8; }
.pm-pool-odds { font-size: 12px; color: #b29a9e; }
.pm-pool-bar { grid-column: 1 / -1; height: 4px; background: #220f11; border-radius: 2px; overflow: hidden; margin-top: 6px; }
.pm-pool-bar-fill { display: block; height: 100%; background: #e0b866; transition: width 200ms ease; }
.pm-pool-bet { background: #e0b866; color: #331b1e; font-weight: 700; padding: 6px 12px; border-radius: 6px; border: 0; cursor: pointer; font-size: 12px; }
.pm-pool-bet:hover { background: #fcc940; }
.pm-pool .pm-pool-row { display: flex; flex-direction: column; align-items: stretch; gap: 6px; }
.pm-pool-row-main { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.pm-pool-row-main .pm-pool-outcome { font-weight: 700; color: #fff; flex: 1; }
.pm-pool-row-main .pm-pool-stake { font-variant-numeric: tabular-nums; color: #d8d2c8; }
.pm-pool-mine { font-size: 12px; color: #3fbf6a; }
.pm-pool-stake-entry { display: flex; gap: 8px; }
.pm-pool-amount { flex: 1; background: #220f11; border: 1px solid #4a282c; border-radius: 6px; padding: 8px 10px; color: #fff; font-size: 14px; box-sizing: border-box; }
.pm-pool-amount:focus { border-color: #e0b866; outline: none; }
.pm-pool-bet:disabled { opacity: .5; cursor: default; }
/* Pool answers as cards (owner, 28 Sep 2026): two side by side on a yes/no market, two columns for more answers and
   three on wide screens, stacked on phones (responsive.css). Figures wrap under the name so a narrow card never
   overflows; the grid gap does the spacing. The YES/NO tint only sets a colour - the picked ring and the winner/loser
   rules stay stronger. */
.pm-pool .pm-pool-board { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; align-items: start; }
.pm-pool .pm-pool-board .pm-pool-row { margin: 0; min-width: 0; }
.pm-pool .pm-pool-board .pm-pool-row-main { flex-wrap: wrap; justify-content: flex-start; column-gap: 12px; row-gap: 4px; }
.pm-pool .pm-pool-board .pm-pool-row-main .pm-pool-outcome { flex: 1 0 100%; }
.pm-pool .pm-pool-board .pm-pool-stake-entry { min-width: 0; }
.pm-pool .pm-pool-board .pm-pool-amount { min-width: 0; }
.pm-pool-row-tint-yes { border-color: rgba(111,208,140,.45); }
.pm-pool-row-tint-yes .pm-pool-row-main .pm-pool-outcome { color: #6fd08c; }
.pm-pool-row-tint-no { border-color: rgba(239,107,107,.45); }
.pm-pool-row-tint-no .pm-pool-row-main .pm-pool-outcome { color: #ef6b6b; }
@media (min-width: 1600px) {
  .pm-pool .pm-pool-board.pm-pool-board-multi { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
/* Pool-display additions 2026-08-18: lifecycle tote states, multiplier pills,
   projections, pending winnings-vs-refund tags, pool-stake ticker links. */
.pm-pill-x { color: #e0b866; font-weight: 700; margin-left: 4px; font-size: 11px; }
.pm-odds-leg { display: inline-block; margin-left: 6px; font-size: 10px; text-transform: uppercase; letter-spacing: .05em; color: #b29a9e; align-self: center; }
.pm-market-card-mode { align-self: flex-start; font-size: 10px; text-transform: uppercase; color: #c2bcb2; letter-spacing: .07em; font-weight: 700; background: rgba(194, 188, 178, 0.12); padding: 3px 9px; border-radius: 5px; }
.pm-market-mode { margin-left: 6px; }
/* Pool and order book wear different colours (owner, 25 Sep 2026); binary/kind stays yellow. */
/* Three chips, three hues (owner, 28 Sep 2026): Pool blue, Order book purple, No house fee green; New is a plain outline. */
.pm-market-card-mode.pm-mode-pool, .pm-market-mode.pm-mode-pool { color: #d22f40; background: rgba(210, 47, 64, 0.13); }
.pm-market-card-mode.pm-mode-book, .pm-market-mode.pm-mode-book { color: #cec8be; background: rgba(206, 200, 190, 0.14); }
/* Title row + put-awayable tips (owner, 25 Sep 2026): markets and the idea box come first; the
   explainers are a <details> box that stays open until the player hides it, one click to reopen. */
.pm-title-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin: 0 0 16px; }
.pm-title-cta { flex: 0 0 auto; margin-left: auto; background: #e0b866; color: #15110a; text-decoration: none; font-size: 13px; font-weight: 800; padding: 9px 16px; border-radius: 8px; }
.pm-title-cta:hover { filter: brightness(1.08); color: #15110a; }
.pm-tips { display: block; margin: 0 0 22px; }
.pm-tips > .pm-hero { margin-bottom: 0; }
.pm-tips-summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px; margin-bottom: 10px; background: rgba(62, 29, 33, 0.6); border: 1px solid #522c30; border-radius: 10px; color: #d8d2c8; font-size: 14px; font-weight: 700; }
.pm-tips-summary::-webkit-details-marker { display: none; }
.pm-tips-summary:hover { border-color: #633f45; }
.pm-tips:not([open]) > .pm-tips-summary { margin-bottom: 0; }
.pm-tips-toggle { flex: 0 0 auto; font-size: 12px; font-weight: 700; color: #e0b866; }
.pm-tips[open] .pm-tips-show, .pm-tips:not([open]) .pm-tips-hide { display: none; }
.pm-tips-guide { margin: 0 0 12px; }
.pm-create-trust { color: #b29a9e; font-size: 13px; line-height: 1.55; }
.pm-title-cta:focus-visible, .pm-tips-summary:focus-visible { outline: 2px solid #ffffff !important; outline-offset: 2px; }
.pm-market-card-fee-free { align-self: flex-start; font-size: 10px; text-transform: uppercase; color: #6fd08c; letter-spacing: .07em; font-weight: 700; background: rgba(111,208,140,.12); padding: 3px 9px; border-radius: 5px; }
.pm-market-fee-free { margin-left: 6px; color: #6fd08c; background: rgba(111,208,140,.12); }
/* Fee-free window stamp (home page, owner 7 Sep 2026): a rotated corner badge on the hero, a flat
   pill where there is no hero and on phones (responsive.css). Same green as the market-card chip. */
.pm-fee-free-stamp { display: inline-flex; flex-direction: column; align-items: center; text-align: center; gap: 1px; padding: 10px 16px; border: 2px solid #6fd08c; border-radius: 12px; background: rgba(34, 15, 17, 0.92); color: #6fd08c; text-decoration: none; box-shadow: 0 6px 24px rgba(0,0,0,.35); line-height: 1.15; z-index: 5; }
.pm-fee-free-stamp:hover, .pm-fee-free-stamp:focus { color: #6fd08c; text-decoration: none; background: #220f11; border-color: #8fe0a8; }
.pm-fee-free-stamp-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #d8d2c8; }
.pm-fee-free-stamp-head { font-size: 20px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.pm-fee-free-stamp-sub { font-size: 12px; color: #d8d2c8; max-width: 210px; }
.pm-fee-free-stamp-cta { margin-top: 3px; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; text-decoration: underline; }
.evo-hero, .btr-hero, .lol-hero, .cco-hero { position: relative; }
/* NEW tag on the Prediction Markets menu item for the launch (owner, 27 Sep 2026). */
.pm-nav-new { display: inline-block; margin-left: 6px; padding: 1px 6px; border-radius: 999px; background: #e0343a; color: #ffffff; font-size: 9px; font-weight: 800; line-height: 1.4; letter-spacing: 0.06em; text-transform: uppercase; vertical-align: middle; }
/* In the top header it sits on the item's corner and takes no width - the row is already tight next to the balances (WickedBet at 1200 and 1600). */
.head_links_prediction_markets { position: relative; }
.head_links_prediction_markets .pm-nav-new { position: absolute; top: 2px; right: 0; margin-left: 0; padding: 0 5px; font-size: 8px; pointer-events: none; }
/* In a side menu there is no room beside the label, so the tag sits on the icon's top corner like a notification badge - never over the label or wrapping it (fresh r6/r7). */
.pm_menu_option { position: relative; }
.pm_menu_option .pm-nav-new { position: absolute; top: 1px; left: 22px; margin-left: 0; padding: 0 4px; font-size: 7px; line-height: 11px; pointer-events: none; }
/* Hot-market slot in the homepage heroes (owner, 27 Sep 2026): a slim bar on EvoJacks and Betarama, LOL's
   larger card on LOL, rotating through the top five. All five sit stacked in ONE grid cell - inactive ones
   visibility:hidden, so the slot is always as tall as the tallest and nothing below the hero moves - and
   the bar's layout follows the width of its own slot (container queries), not the window. Kept in every
   site dir for parity. */
.home-hero-market-stack, .lol-hero-market-stack { display: grid; grid-template-columns: minmax(0, 1fr); }
.home-hero-market-stack > .home-hero-market, .lol-hero-market-stack > .lol-hero-market { grid-area: 1 / 1; min-width: 0; }
.home-hero-market-stack > :not(.is-active), .lol-hero-market-stack > :not(.is-active) { visibility: hidden; opacity: 0; }
@keyframes pmHeroMarketIn { from { opacity: 0; } to { opacity: 1; } }
.home-hero-market.is-entering, .lol-hero-market.is-entering { animation: pmHeroMarketIn 0.35s ease; }
.home-hero-market-dots, .lol-hero-market-dots { display: flex; justify-content: center; gap: 2px; margin-top: 4px; }
/* 24px tap targets (WCAG 2.5.8) with the visible 8px dot drawn inside. */
.home-hero-market-dot, .lol-hero-market-dot { position: relative; width: 24px; height: 24px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.home-hero-market-dot::before, .lol-hero-market-dot::before { content: ""; position: absolute; top: 8px; left: 8px; width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, 0.45); }
.home-hero-market-dot[aria-current="true"]::before, .lol-hero-market-dot[aria-current="true"]::before { background: rgba(255, 255, 255, 0.95); }
/* !important: every site's `button { outline: none !important }` reset would otherwise hide keyboard focus (fresh r5). */
.home-hero-market-dot:focus-visible, .lol-hero-market-dot:focus-visible { outline: 2px solid #ffffff !important; outline-offset: -2px; border-radius: 50%; }
.home-hero-market:focus-visible, .lol-hero-market:focus-visible { outline: 2px solid #ffffff !important; outline-offset: 2px; }
/* LOL: the rotator is the column's flex child and stretches; its card fills the column as before. */
.lol-hero-market-rotator { flex: 1 1 auto; display: flex; flex-direction: column; min-width: 0; }
.lol-hero-market-stack { flex: 1 1 auto; }
/* The bar. Default (narrow slot, or a browser without container queries): tag and Predict on top,
   the question under them (up to two lines), the odds last. From a 460px-wide slot: the question
   takes the whole middle of the top row and the odds sit under it - the question is never squeezed
   by long outcome names (fresh r4). */
.home-hero-market-rotator { margin-top: 18px; }
.home-hero-market-stack { container-type: inline-size; }
.home-hero-market { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "tag foot" "q q" "odds odds"; align-items: center; gap: 6px 12px; padding: 10px 14px; border-radius: 12px; text-decoration: none; text-align: left; transition: border-color 0.15s ease; }
.home-hero-market-tag { grid-area: tag; justify-self: start; padding: 3px 9px; border-radius: 999px; font-size: 10px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; }
.home-hero-market-q { grid-area: q; min-width: 0; font-size: 14px; font-weight: 700; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.home-hero-market-odds { grid-area: odds; display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }
/* A long outcome name gives way before its percentage does (fresh r5). */
.home-hero-market-odds .pm-odds-pill { display: inline-flex; align-items: baseline; gap: 4px; max-width: 100%; white-space: nowrap; }
.home-hero-market-odds .pm-odds-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.home-hero-market-odds .pm-odds-pill strong { flex: 0 0 auto; }
.home-hero-market-foot { grid-area: foot; justify-self: end; }
.home-hero-market-cta { font-size: 13px; font-weight: 700; white-space: nowrap; }
@container (min-width: 460px) {
  .home-hero-market { grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "tag q foot" ". odds ."; }
  .home-hero-market-q { display: block; font-size: 15px; white-space: nowrap; text-overflow: ellipsis; }
}
.evo-hero .home-hero-market-rotator { max-width: 680px; }
.evo-hero .home-hero-market { background: var(--evo-felt-raised); border: 1px solid var(--evo-line); }
.evo-hero .home-hero-market:hover { border-color: var(--evo-blue-bright); }
.evo-hero .home-hero-market-tag { background: rgba(210, 47, 64, 0.16); color: var(--evo-blue-bright); }
.evo-hero .home-hero-market-q { color: var(--evo-ivory); }
.evo-hero .home-hero-market-cta { color: var(--evo-gold); }
.btr-hero .home-hero-market-rotator { max-width: 780px; margin: 24px auto 0; }
.btr-hero .home-hero-market { background: var(--btr-brown-alt); border: 1px solid var(--btr-line); }
.btr-hero .home-hero-market:hover { border-color: var(--btr-orange-bright); }
.btr-hero .home-hero-market-tag { background: rgba(210, 47, 64, 0.16); color: var(--btr-orange-bright); }
.btr-hero .home-hero-market-q { color: var(--btr-soft); }
.btr-hero .home-hero-market-cta { color: var(--btr-beige); }
.hero-banner .pm-fee-free-stamp, .evo-hero .pm-fee-free-stamp { position: absolute; top: 12px; right: 14px; transform: rotate(-6deg); }
.hero-banner .pm-fee-free-stamp { top: 6px; right: 10px; transform: rotate(5deg); }
/* Betarama's hero is centred copy under a striped canopy - a corner badge would sit on the headline, so the stamp sits centred above it. */
.btr-hero .pm-fee-free-stamp, .land_middle_section > .pm-fee-free-stamp { display: flex; width: fit-content; margin: 0 auto 14px; transform: rotate(-2deg); }
/* LOL Casino and casinoco heroes keep a card in their right column - the stamp heads the copy column instead of a corner. */
.lol-hero-main > .pm-fee-free-stamp, .home-pm-stamp > .pm-fee-free-stamp, .cco-hero-text > .pm-fee-free-stamp { display: flex; width: fit-content; margin: 0 0 14px; transform: rotate(-2deg); }
:is(.btr-hero, .lol-hero-main, .home-pm-stamp) > a.pm-fee-free-stamp {
  /* LOL and Betarama put the stamp IN the hero's flow, where the 4-line box pushed the headline down ~130px
     (owner toobig1.png, 28 Sep 2026). There it is a slim one-line ribbon with the same four parts; WickedBet
     and EvoJacks keep the corner badge (Codex design, 28 Sep 2026). */
  position: static; transform: none; display: flex; flex-flow: row wrap; justify-content: center; align-items: center;
  box-sizing: border-box; width: 100%; max-width: 780px; min-height: 44px; margin: 0 auto 12px; padding: 6px 10px;
  gap: 4px 10px; border-width: 1px; border-radius: 8px; box-shadow: none; line-height: 1.3;
}
:is(.btr-hero, .lol-hero-main, .home-pm-stamp) .pm-fee-free-stamp-head { font-size: 14px; letter-spacing: .03em; }
:is(.btr-hero, .lol-hero-main, .home-pm-stamp) .pm-fee-free-stamp-eyebrow { font-size: 10px; letter-spacing: .06em; }
:is(.btr-hero, .lol-hero-main, .home-pm-stamp) .pm-fee-free-stamp-sub { flex: 0 1 auto; min-width: 0; max-width: none; overflow-wrap: anywhere; }
:is(.btr-hero, .lol-hero-main, .home-pm-stamp) .pm-fee-free-stamp-cta { margin-top: 0; }
.lol-hero-main { min-width: 0; }
.pm-pool-state { padding: 9px 12px; border-radius: 8px; background: #2f1619; border: 1px solid #48272b; color: #d8d2c8; font-size: 13px; margin: 0 0 10px; }
.pm-pool-state-settled, .pm-pool-state-resolved { border-color: rgba(111,208,140,.5); }
.pm-pool-state-voided { border-color: rgba(224, 184, 102, 0.5); }
.pm-pool-state-disputed { border-color: rgba(210, 47, 64, 0.5); }
.pm-pool-legs-note { font-size: 12px; color: #b29a9e; margin: 4px 0 8px; }
.pm-pool-pct { font-size: 12px; color: #b29a9e; font-variant-numeric: tabular-nums; }
.pm-pool-winner-tag { display: inline-block; margin-left: 8px; font-size: 10px; text-transform: uppercase; letter-spacing: .06em; color: #220f11; background: #6fd08c; border-radius: 5px; padding: 2px 7px; font-weight: 700; }
.pm-pool-row-winner { border-color: rgba(111,208,140,.6); }
.pm-pool-row-loser { opacity: .75; }
.pm-pool-unbacked-note { font-size: 12px; color: #b29a9e; }
.pm-pool-rake-note { color: #b29a9e; }
.pm-pool-drift-note { margin-top: 4px; }
.pm-pool-projection { display: block; font-size: 12px; color: #b29a9e; margin-top: 2px; }
.pm-pool-projection strong { color: #6fd08c; }
.pm-pending-tag { display: inline-block; margin-left: 8px; font-size: 10px; text-transform: uppercase; letter-spacing: .06em; border-radius: 5px; padding: 2px 7px; font-weight: 700; }
.pm-pending-tag-win { color: #220f11; background: #6fd08c; }
.pm-pending-tag-refund { color: #220f11; background: #e0b866; }
.pm-pending-why { display: block; font-size: 12px; color: #b29a9e; margin-top: 2px; }
.pm-tab-panel-note { font-size: 12px; color: #b29a9e; margin: 8px 0 10px; }
a.pm-ticker-item { text-decoration: none; }
a.pm-ticker-item:hover { border-color: #e0b866; }
.pm-pool-preview { font-size: 12px; color: #2ecc71; }
/* Private circles (spec 2026-07-29) - reuses the pm palette; base rules only */
.pm-circles-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 24px; }
.pm-circle-card { display: block; background: #331b1e; border: 1px solid #4a282c; border-radius: 12px; padding: 18px; margin-bottom: 18px; }
.pm-circle-card-title { display: block; font-size: 14px; font-weight: 700; color: #fff; margin: 0 0 6px; }
.pm-circle-card-hint { display: block; font-size: 12px; color: #b29a9e; margin: 0 0 12px; line-height: 1.5; }
.pm-circle-form { display: flex; gap: 8px; flex-wrap: wrap; }
.pm-circle-input { flex: 1 1 auto; min-width: 0; background: #220f11; border: 1px solid #4a282c; border-radius: 8px; padding: 9px 12px; color: #d8d2c8; font-size: 14px; }
.pm-circle-input:focus { outline: none; border-color: #e0b866; }
.pm-circle-btn { background: #4a2227; border: 1px solid #603e43; color: #d8d2c8; border-radius: 8px; padding: 9px 16px; font-size: 13px; font-weight: 700; cursor: pointer; }
.pm-circle-btn:hover { background: #582b30; color: #fff; }
.pm-circle-btn:disabled { opacity: .5; cursor: default; }
.pm-circle-btn-primary { background: #e0b866; border-color: #e0b866; color: #331b1e; }
.pm-circle-btn-primary:hover { background: #fcc940; color: #331b1e; }
.pm-circle-btn-ghost { background: transparent; }
.pm-circle-btn-danger { background: transparent; border-color: #6b2a2a; color: #e77; }
.pm-circle-btn-danger:hover { background: rgba(231,119,119,.12); color: #fff; }
.pm-circles-empty { display: block; color: #b29a9e; font-size: 14px; padding: 8px 0; }
.pm-circle-grid { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.pm-circle-tile { display: block; }

/* The community row is the money-making link (owner, 2026-09-05: "it is the
 money-making link"), so it wears the same amber the "Propose a market" button
 wears on the markets page rather than looking like every other row. */
.card_sidebar a.pm_menu_cta { background: #e0b866; border-radius: 6px; margin: 6px 8px; }
.card_sidebar a.pm_menu_cta span { color: #15110a; font-weight: 800; }
/* the row icons are pale glyphs drawn for a dark row; on amber they need to go dark */
.card_sidebar a.pm_menu_cta img { filter: brightness(0); opacity: .85; }
/* the reference rows carry no icon, so their labels take the icon column as padding */
.card_sidebar a.pm_menu_ref span { margin-left: 46px; }
.card_sidebar a.pm_menu_cta:hover, .card_sidebar li.active a.pm_menu_cta { background: #fcc940; }

.pm-circle-tile-link { display: block; background: #331b1e; border: 1px solid #4a282c; border-radius: 10px; padding: 14px 16px; text-decoration: none; color: inherit; }
.pm-circle-tile-link:hover { border-color: #603e43; }
.pm-circle-tile-name { display: block; font-size: 15px; font-weight: 700; color: #fff; margin-bottom: 4px; }
.pm-circle-tile-meta { display: block; font-size: 12px; color: #b29a9e; }
.pm-circle-owner-badge { display: inline-block; background: #4a2227; border: 1px solid #603e43; color: #e0b866; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; padding: 2px 7px; border-radius: 10px; margin-left: 6px; }
.pm-circle-back { display: inline-block; color: #b29a9e; font-size: 13px; text-decoration: none; margin-bottom: 10px; }
.pm-circle-back:hover { color: #d8d2c8; }
.pm-circle-status { display: flex; align-items: center; gap: 10px; margin: 8px 0 0; }
.pm-circle-count { font-size: 13px; color: #b29a9e; }
.pm-circle-closed-badge { display: inline-block; background: rgba(231,119,119,.12); border: 1px solid #6b2a2a; color: #e77; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; padding: 2px 8px; border-radius: 10px; }
.pm-circle-invite-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pm-circle-invite-link { flex: 1 1 240px; min-width: 0; background: #220f11; border: 1px solid #4a282c; border-radius: 8px; padding: 9px 12px; color: #d8d2c8; font-size: 12px; word-break: break-all; }
.pm-circle-member-list { list-style: none; padding: 0; margin: 0; }
.pm-circle-member { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 2px; border-bottom: 1px solid #422327; }
.pm-circle-member:last-child { border-bottom: 0; }
.pm-circle-member-name { font-size: 14px; color: #d8d2c8; }
.pm-circle-member-actions { margin-top: 14px; }
.pm-circle-pot-market-list { list-style: none; padding: 0; margin: 0; }
.pm-circle-pot-market { display: block; border-top: 1px solid #422327; padding: 14px 0; }
.pm-circle-pot-market:first-child { border-top: 0; }
.pm-circle-pot-question { display: block; font-size: 14px; font-weight: 700; color: #fff; text-decoration: none; margin-bottom: 10px; }
.pm-circle-pot-question:hover { color: #e0b866; }
.pm-circle-pot-outcomes { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.pm-circle-pot-row { background: #220f11; border: 1px solid #422327; border-radius: 8px; padding: 10px 12px; }
.pm-circle-pot-outcome-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.pm-circle-pot-outcome-name { font-size: 13px; font-weight: 700; color: #d8d2c8; }
.pm-circle-pot-current { font-size: 12px; color: #b29a9e; }
.pm-circle-pot-entry { display: flex; gap: 8px; }
.pm-circle-pot-amount { flex: 1 1 auto; min-width: 0; background: #2b1417; border: 1px solid #4a282c; border-radius: 6px; padding: 7px 10px; color: #d8d2c8; font-size: 13px; }
.pm-circle-pot-amount:focus { outline: none; border-color: #e0b866; }
.pm-circle-challenge-btn { background: #4a282c; border-color: #603d43; color: #d8d2c8; }
.pm-circle-challenge-btn:hover { background: #603e43; color: #fff; }
.pm-circle-challenges .pm-circle-card-hint { margin-bottom: 12px; }
.pm-circle-challenge-list { list-style: none; padding: 0; margin: 0; }
.pm-circle-challenge { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px; background: #220f11; border: 1px solid #422327; border-radius: 8px; margin-bottom: 8px; flex-wrap: wrap; }
.pm-circle-challenge-info { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 220px; }
.pm-circle-challenge-who { font-size: 13px; font-weight: 700; color: #fff; }
.pm-circle-challenge-detail { font-size: 12px; color: #b29a9e; }
.pm-circle-challenge-detail strong { color: #d8d2c8; }
.pm-circle-challenge-actions { display: flex; gap: 8px; align-items: center; }
.pm-circle-challenge-tag { font-size: 11px; color: #b29a9e; font-style: italic; }
/* Phase 2b circle markets + proposals (create / list / resolve) */
.pm-circle-market-form { flex-direction: column; align-items: stretch; }
.pm-circle-market-list, .pm-circle-proposal-list { list-style: none; padding: 0; margin: 0; }
.pm-circle-market { padding: 12px; background: #220f11; border: 1px solid #422327; border-radius: 8px; margin-bottom: 8px; }
.pm-circle-market-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.pm-circle-market-question { color: #e6ebf2; font-weight: 600; text-decoration: none; }
.pm-circle-market-question:hover { text-decoration: underline; }
.pm-circle-market-status { font-size: 11px; color: #b29a9e; text-transform: uppercase; letter-spacing: .04em; }
.pm-circle-market-status-open { color: #57c98a; }
.pm-circle-market-status-disputed { color: #d22f40; }
.pm-circle-market-resolve { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; }
.pm-circle-market-resolve .pm-circle-input { flex: 1 1 140px; }
.pm-circle-proposal { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px; background: #220f11; border: 1px solid #422327; border-radius: 8px; margin-bottom: 8px; flex-wrap: wrap; }
.pm-circle-proposal-title { color: #e6ebf2; }
.pm-circle-proposal-tag { font-size: 12px; color: #b29a9e; font-style: italic; }
/* Phase 3 circle season leagues */
.pm-circle-league-standings { list-style: none; padding: 0; margin: 8px 0; counter-reset: pmrank; }
.pm-circle-league-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 12px; background: #220f11; border: 1px solid #422327; border-radius: 8px; margin-bottom: 6px; }
.pm-circle-league-row::before { counter-increment: pmrank; content: counter(pmrank) "."; color: #b29a9e; font-size: 12px; margin-right: 8px; }
.pm-circle-league-name { color: #e6ebf2; flex: 1 1 auto; }
.pm-circle-league-profit.pm-up { color: #57c98a; }
.pm-circle-league-profit.pm-down { color: #d22f40; }
.pm-circle-league-empty { color: #b29a9e; font-style: italic; }
.pm-circle-league-tag { font-size: 12px; color: #b29a9e; font-style: italic; }

/* Stream shows (2026-08-04): live show page - pot card, round card, top-10 board. */
.pm-show-page { max-width: none; margin: 0; }
.pm-show-hero { text-align: center; padding: 18px 0 8px; }
.pm-show-schedule { color: #b29a9e; font-size: 13px; }
.pm-show-status { display: inline-block; margin-left: 8px; padding: 2px 10px; border-radius: 10px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; background: rgba(178, 154, 158, 0.12); border: 1px solid #5c3237; color: #b29a9e; }
.pm-show-status-live { background: rgba(210, 47, 64, 0.15); border-color: #a3121f; color: #ff6b5e; }
.pm-show-status-finished { background: rgba(46,204,113,.12); border-color: #2a6b45; color: #58d68d; }
.pm-show-card { background: #241416; border: 1px solid #3b2023; border-radius: 12px; padding: 16px; margin: 12px 0; }
.pm-show-card-title { font-size: 14px; font-weight: 700; margin: 0 0 10px; }
.pm-show-pot { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.pm-show-pot-label { color: #b29a9e; font-size: 12px; text-transform: uppercase; letter-spacing: .05em; }
.pm-show-pot-amount { font-size: 24px; font-weight: 800; }
.pm-show-pot-amount img { width: 16px; height: 16px; vertical-align: baseline; }
.pm-show-pot-entrants { color: #b29a9e; font-size: 13px; }
.pm-show-pot-guarantee { color: #f1c40f; font-size: 13px; font-weight: 700; }
.pm-show-pot-guarantee img { width: 12px; height: 12px; vertical-align: baseline; }
.pm-show-pot-terms { color: #b29a9e; font-size: 12px; margin: 8px 0 0; }
.pm-show-joined { color: #58d68d; font-weight: 700; font-size: 13px; margin: 10px 0 0; }
.pm-show-btn { display: inline-block; background: #4a2227; border: 1px solid #603e43; color: #d8d2c8; border-radius: 8px; padding: 10px 18px; font-size: 14px; font-weight: 700; cursor: pointer; }
.pm-show-btn:hover { border-color: #84555d; }
.pm-show-btn:disabled { opacity: .5; cursor: default; }
.pm-show-join-btn { margin-top: 10px; }
.pm-show-join-btn img { width: 14px; height: 14px; }
.pm-show-join-hint { color: #b29a9e; font-size: 12px; margin: 6px 0 0; }
.pm-show-round-area { min-height: 120px; }
.pm-show-waiting { color: #b29a9e; font-style: italic; text-align: center; padding: 30px 0; }
.pm-show-round-head { display: flex; justify-content: space-between; color: #b29a9e; font-size: 12px; margin-bottom: 8px; }
.pm-show-round-points { font-weight: 700; color: #f1c40f; }
.pm-show-round-question { font-size: 18px; font-weight: 700; margin-bottom: 12px; }
.pm-show-round-options { display: flex; gap: 10px; flex-wrap: wrap; }
.pm-show-option { flex: 1 1 160px; background: #321b1e; border: 1px solid #4d2a2e; color: #e6ebf2; border-radius: 10px; padding: 12px 14px; font-weight: 600; cursor: pointer; text-align: center; }
.pm-show-option:hover:not(:disabled) { border-color: #84555d; }
.pm-show-option:disabled { cursor: default; opacity: .75; }
.pm-show-option-mine { border-color: #84555d; box-shadow: 0 0 0 1px #84555d inset; }
.pm-show-option-winner { border-color: #2a6b45; background: rgba(46,204,113,.12); color: #58d68d; opacity: 1; }
.pm-show-round-state { margin-top: 10px; color: #b29a9e; font-size: 13px; }
.pm-show-round-state-won { color: #58d68d; font-weight: 700; }
.pm-show-columns { display: flex; gap: 12px; align-items: flex-start; }
.pm-show-columns > section { flex: 1 1 0; }
.pm-show-board { list-style: none; margin: 0; padding: 0; }
.pm-show-board-row { display: flex; align-items: center; gap: 10px; padding: 6px 4px; border-bottom: 1px solid #351c1f; font-size: 14px; }
.pm-show-board-row-me { background: rgba(132, 85, 93, 0.14); border-radius: 6px; }
.pm-show-board-rank { width: 22px; color: #b29a9e; font-weight: 700; text-align: right; }
.pm-show-board-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pm-show-board-entrant { color: #f1c40f; font-weight: 800; margin-left: 5px; font-size: 12px; }
.pm-show-board-points { font-weight: 800; }
.pm-show-me { color: #b29a9e; font-size: 13px; margin: 8px 0 0; }
.pm-show-history { list-style: none; margin: 0; padding: 0; }
.pm-show-history-row { display: flex; gap: 8px; padding: 6px 4px; border-bottom: 1px solid #351c1f; font-size: 13px; }
.pm-show-history-num { color: #b29a9e; }
.pm-show-history-q { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pm-show-history-result { color: #b29a9e; }
.pm-show-history-won { color: #58d68d; font-weight: 700; margin-left: 5px; }

/* Community Night: teams, the hub strip and the host console (2026-10-10) */
.pm-show-my-team { margin: 8px 0 0; color: #b29a9e; font-size: 13px; }
.pm-show-team-pill { display: inline-block; margin-left: 6px; padding: 2px 10px; border-radius: 10px; font-size: 12px; font-weight: 800; color: #190d0f; background: #f1c40f; }
.pm-show-team-pill-1, .pm-show-team-row-1 .pm-show-team-name { color: #d22f40; }
.pm-show-team-pill-1 { background: #d22f40; color: #190d0f; }
.pm-show-team-pill-2 { background: #58d68d; color: #190d0f; }
.pm-show-team-pill-3 { background: #ff6b5e; color: #190d0f; }
.pm-show-team-pill-4 { background: #c09da3; color: #190d0f; }
.pm-show-team-pill-5 { background: #e0b866; color: #190d0f; }
.pm-show-teams { list-style: none; margin: 0; padding: 0; }
.pm-show-team-row { display: flex; align-items: center; gap: 10px; padding: 8px 6px; border-bottom: 1px solid #351c1f; font-size: 15px; border-left: 4px solid #f1c40f; }
.pm-show-team-row-1 { border-left-color: #d22f40; }
.pm-show-team-row-2 { border-left-color: #58d68d; }
.pm-show-team-row-3 { border-left-color: #ff6b5e; }
.pm-show-team-row-4 { border-left-color: #c09da3; }
.pm-show-team-row-5 { border-left-color: #e0b866; }
.pm-show-team-row-me { background: rgba(132, 85, 93, 0.14); border-radius: 0 6px 6px 0; }
.pm-show-team-rank { width: 22px; color: #b29a9e; font-weight: 700; text-align: right; }
.pm-show-team-name { flex: 1; font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pm-show-team-players { color: #b29a9e; font-size: 12px; }
.pm-show-team-points { font-weight: 800; font-size: 16px; }
.pm-show-strip { margin: 0 0 20px; }
.pm-show-strip-item { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 12px 14px; background: #331b1e; border: 1px solid rgba(224, 184, 102, 0.5); border-radius: 10px; text-decoration: none; }
.pm-show-strip-badge { font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: #15110a; background: #e0b866; border-radius: 5px; padding: 2px 8px; }
.pm-show-strip-badge-live { background: #ff6b5e; }
.pm-show-strip-title { color: #fff; font-size: 14px; font-weight: 700; }
.pm-show-strip-when { color: #bcb6ac; font-size: 12px; }
.pm-host-page { max-width: none; margin: 0; }
.pm-host-hero { text-align: center; padding: 18px 0 8px; }
.pm-host-flash { padding: 10px 14px; border-radius: 8px; margin: 10px 0; font-size: 14px; }
.pm-host-flash-ok { background: rgba(46,204,113,.12); border: 1px solid #2a6b45; color: #58d68d; }
.pm-host-flash-bad { background: rgba(210, 47, 64, 0.15); border: 1px solid #a3121f; color: #ff6b5e; }
.pm-host-link-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0 0 8px; font-size: 13px; }
.pm-host-link-label { color: #b29a9e; }
.pm-host-link { background: #190d0f; border: 1px solid #3b2023; border-radius: 6px; padding: 4px 8px; font-size: 12px; color: #d8d2c8; word-break: break-all; }
.pm-host-terms-list { margin: 0; padding-left: 18px; font-size: 14px; }
.pm-host-inline-form { display: inline-block; margin: 0 6px 6px 0; }
.pm-host-form { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.pm-host-form-grid { margin-top: 8px; }
.pm-host-input { background: #190d0f; border: 1px solid #4d2a2e; border-radius: 8px; color: #e6ebf2; padding: 8px 10px; font-size: 14px; flex: 1 1 220px; min-width: 0; }
.pm-host-input-short { flex: 0 1 120px; }
.pm-host-btn-small { padding: 6px 12px; font-size: 13px; }
.pm-host-btn-go { background: #1f6b3f; border-color: #2a8a52; color: #eafff1; }
.pm-host-btn-live { background: #8e2a22; border-color: #b73a2f; color: #fff1ef; }
.pm-host-btn-warn { background: #7a5a0a; border-color: #a67c0f; color: #fff7dd; }
.pm-host-rounds { list-style: none; margin: 0; padding: 0; }
.pm-host-round { padding: 10px 8px; border-bottom: 1px solid #351c1f; }
.pm-host-round-open { background: rgba(210, 47, 64, 0.08); }
.pm-host-round-locked { background: rgba(241,196,15,.08); }
.pm-host-round-head { display: flex; gap: 10px; align-items: center; color: #b29a9e; font-size: 12px; margin-bottom: 4px; }
.pm-host-round-num { font-weight: 800; color: #e6ebf2; }
.pm-host-round-pts { color: #f1c40f; font-weight: 700; }
.pm-host-round-status { margin-left: auto; padding: 1px 8px; border-radius: 8px; text-transform: uppercase; font-size: 10px; font-weight: 800; border: 1px solid #5c3237; }
.pm-host-round-status-open { color: #ff6b5e; border-color: #a3121f; }
.pm-host-round-status-locked { color: #f1c40f; border-color: #7a5a0a; }
.pm-host-round-status-settled { color: #58d68d; border-color: #2a6b45; }
.pm-host-round-q { font-size: 16px; font-weight: 700; margin-bottom: 6px; }
.pm-host-round-options { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 6px; }
.pm-host-option { padding: 3px 10px; border-radius: 8px; background: #321b1e; border: 1px solid #4d2a2e; font-size: 13px; }
.pm-host-option-winner { border-color: #2a6b45; background: rgba(46,204,113,.12); color: #58d68d; }
.pm-host-round-notes { color: #b29a9e; font-size: 12px; font-style: italic; margin-bottom: 6px; }
.pm-host-round-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.pm-host-details { display: inline-block; margin: 0 6px 6px 0; }
.pm-host-details summary { list-style: none; cursor: pointer; }
.pm-host-details summary::-webkit-details-marker { display: none; }
.pm-host-add { display: block; margin-top: 10px; }
.pm-host-won { color: #58d68d; font-weight: 700; font-size: 13px; margin-right: 8px; }
.pm-host-skipped { color: #b29a9e; font-size: 13px; margin-right: 8px; }
.pm-host-health { color: #ff6b5e; font-size: 13px; min-height: 1em; margin: 8px 0 0; }
.pm-host-current { color: #f1c40f; font-weight: 700; font-size: 14px; margin: 4px 0 0; }
.pm-winmoment { position: fixed; inset: 0; background: rgba(18, 7, 8, 0.82); display: flex; align-items: center; justify-content: center; z-index: 9999; padding: 20px; }
.pm-winmoment-card { background: #2b1417; border: 1px solid #4a282c; border-radius: 14px; padding: 28px 32px; text-align: center; max-width: 360px; box-shadow: 0 20px 60px rgba(0,0,0,.5); }
.pm-winmoment-title { font-size: 24px; font-weight: 800; color: #d8d2c8; margin-bottom: 8px; }
.pm-winmoment-sub { font-size: 14px; color: #b29a9e; margin-bottom: 20px; }
.pm-winmoment-win .pm-winmoment-card { border-color: #e0b866; box-shadow: 0 0 0 1px #e0b866, 0 20px 60px rgba(224, 184, 102, 0.25); }
.pm-winmoment-win .pm-winmoment-title { color: #e0b866; }
.pm-winmoment-close { background: #e0b866; color: #220f11; border: 0; border-radius: 8px; padding: 10px 22px; font-weight: 800; font-size: 14px; cursor: pointer; text-transform: uppercase; letter-spacing: .03em; }
.pm-winmoment-close:hover { filter: brightness(1.08); }
.pm-goldenfill .pm-winmoment-card { border-color: #e0b866; background: linear-gradient(160deg, #341c1f, #2a2412); box-shadow: 0 0 0 1px #e0b866, 0 20px 60px rgba(224, 184, 102, 0.3); }
.pm-goldenfill .pm-winmoment-sub { font-size: 22px; font-weight: 800; color: #e0b866; }

/* Pending winnings panel (Phase 0): credits sitting out the 24h dispute window. */
.pm-pending-winnings { background: rgba(63,191,106,.06); border: 1px solid rgba(63,191,106,.3); }
.pm-pending-list { list-style: none; padding: 0; margin: 0; }
.pm-pending-row { display: grid; grid-template-columns: 1fr auto auto; gap: 14px; padding: 8px 12px; align-items: center; font-size: 13px; color: #d8d2c8; }
.pm-pending-row + .pm-pending-row { border-top: 1px solid rgba(63,191,106,.18); }
.pm-pending-amount { font-weight: 700; color: #3fbf6a; }
.pm-pending-eta { font-size: 11px; color: #b29a9e; }

/* Terms */
.pm-terms { display: block; max-width: none; margin: 0; padding: 16px 0 40px; }
.pm-terms-section { display: block; margin-top: 20px; }
.pm-terms-section h2 { display: block; font-size: 18px; color: #fff; margin-bottom: 8px; }
.pm-terms-section h3 { display: block; font-size: 14px; color: #e0b866; margin: 14px 0 4px; }
.pm-terms-section p { display: block; color: #d8d2c8; font-size: 14px; line-height: 1.55; }
.pm-terms-section ul { display: block; margin: 8px 0 0; padding: 0 0 0 20px; list-style: disc outside; }
.pm-terms-section ul li { display: list-item; list-style: disc outside; color: #d8d2c8; font-size: 14px; line-height: 1.55; margin: 0 0 6px; }
.pm-terms-section ul li::marker { color: #e0b866; }

/* header nav link — gold button (non-wickedbet affiliate sites) */
.head_links_prediction_markets { vertical-align: middle; }
.head_links_prediction_markets .pm-head-text {
  display: inline-flex;
  align-items: center;
  height: 34px;
  margin: 0 2px;
  padding: 0 14px;
  color: #e0b866;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  white-space: nowrap;
  background: linear-gradient(180deg, rgba(224, 184, 102, 0.16), rgba(224, 184, 102, 0.06));
  border: 1px solid rgba(224, 184, 102, 0.5);
  border-radius: 6px;
  transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.head_links_prediction_markets:hover .pm-head-text,
.head_links_prediction_markets .active .pm-head-text {
  background: linear-gradient(180deg, rgba(224, 184, 102, 0.3), rgba(224, 184, 102, 0.13));
  border-color: #e0b866;
  box-shadow: 0 0 0 1px rgba(224, 184, 102, 0.25);
}


/* ============================================
   WickedBet home page — $10K Leaderboard podium
   Top-3 manual leaderboard rendered from Page(home_leaderboard_top3).
   Only rendered when _home.html.erb is served (wickedbet.com only).
   ============================================ */
.wic-home-lb {
  max-width: 1399px;
  margin: 10px auto 14px;
  padding: 0 24px;
  font-family: var(--ml-font-body, 'Rajdhani', sans-serif);
}

.wic-home-lb__header {
  position: relative;
  border-radius: 6px 6px 0 0;
  padding: 8px 16px 8px;
  text-align: center;
  background-color: #d22f40;
  background-image: url('/newimages/btn_background_wave.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fbf7ef;
}

.wic-home-lb__final {
  display: inline-block;
  margin: 0 0 4px;
  padding: 2px 9px;
  border-radius: 999px;
  background-color: #FFC845;
  color: #3a171b;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.wic-home-lb__title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1.15;
  color: #fff;
}

.wic-home-lb__subtitle {
  margin: 2px 0 0;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.85);
}

.wic-home-lb__podium {
  background-color: #2f1a1c;
  border: 1px solid #442428;
  border-top: 0;
  border-radius: 0 0 6px 6px;
  padding: 18px 14px 10px;
  display: grid;
  grid-template-columns: 1fr 1.12fr 1fr;
  gap: 12px;
  align-items: end;
}

.wic-home-lb__card {
  position: relative;
  background: linear-gradient(180deg, #402225 0%, #2f1a1c 100%);
  border: 2px solid #5a3035;
  border-radius: 8px;
  padding: 30px 10px 10px;
  text-align: center;
  box-shadow: 0 4px 12px rgba(0,0,0,0.35);
}

.wic-home-lb__card--1 {
  border-color: #E8B54A;
  box-shadow: 0 0 0 1px rgba(232,181,74,0.35), 0 8px 20px rgba(232,181,74,0.22);
  transform: translateY(-8px);
  padding-top: 22px;
}

.wic-home-lb__card--2 {
  border-color: #C8CAD1;
  box-shadow: 0 0 0 1px rgba(200,202,209,0.25), 0 6px 16px rgba(0,0,0,0.4);
}

.wic-home-lb__card--3 {
  border-color: #d22f40;
  box-shadow: 0 0 0 1px rgba(210, 47, 64, 0.25), 0 6px 16px rgba(0,0,0,0.4);
}

.wic-home-lb__rank {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 800;
  color: #221314;
  background: #C8CAD1;
  border: 2px solid #2f1a1c;
  line-height: 1;
}

.wic-home-lb__card--1 .wic-home-lb__rank {
  width: 36px;
  height: 36px;
  top: -17px;
  font-size: 16px;
  background: linear-gradient(180deg, #F4CC66 0%, #E8B54A 100%);
  box-shadow: 0 0 12px rgba(232,181,74,0.5);
}

.wic-home-lb__card--2 .wic-home-lb__rank {
  background: linear-gradient(180deg, #E8EAF0 0%, #B8BBC5 100%);
}

.wic-home-lb__card--3 .wic-home-lb__rank {
  background: linear-gradient(180deg, #d22f40 0%, #B3773F 100%);
  color: #fff;
}

.wic-home-lb__name {
  margin: 0 0 6px;
  font-size: 14px;
  font-weight: 700;
  color: #F8F9FC;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  word-break: break-word;
}

.wic-home-lb__card--1 .wic-home-lb__name {
  font-size: 16px;
  color: #F6D98A;
}

.wic-home-lb__wagered {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-bottom: 7px;
}

.wic-home-lb__wagered strong {
  font-size: 17px;
  font-weight: 700;
  color: #F8F9FC;
  line-height: 1.1;
}

.wic-home-lb__card--1 .wic-home-lb__wagered strong {
  font-size: 20px;
}

.wic-home-lb__wagered span {
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #9CA3AF;
}

.wic-home-lb__prize {
  border-top: 1px solid rgba(255,255,255,0.08);
  padding-top: 6px;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.wic-home-lb__prize span {
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #9CA3AF;
}

.wic-home-lb__prize strong {
  font-size: 15px;
  font-weight: 700;
  color: #E8B54A;
  line-height: 1.15;
}

.wic-home-lb__card--1 .wic-home-lb__prize strong { font-size: 17px; }
.wic-home-lb__card--2 .wic-home-lb__prize strong { color: #C8CAD1; }
.wic-home-lb__card--3 .wic-home-lb__prize strong { color: #d22f40; }

.wic-home-lb__cta {
  text-align: center;
  margin-top: 10px;
}

.wic-home-lb__btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 14px;
  font-size: 11px;
  color: #c6c0b6;
}

.wic-home-lb__btn svg {
  fill: currentColor;
  width: 14px;
  height: 11px;
}


/* ============================================
   Leaderboard CMS page - restore list bullets
   CMS HTML starts with <main class="main-content-wrp"> which nests
   inside the layout's own <main>. Scoping to `main main` targets only
   the CMS content - sidebars are siblings of the nested main, not
   children, so they stay clean. Site nav / footer outside any <main>.
   No HTML edits required.
   ============================================ */
body.page_leaderboard main.main-content-wrp ul,
body.page_leaderboard main.main-content-wrp ol {
  padding-left: 24px;
  margin-bottom: 12px;
}
body.page_leaderboard main.main-content-wrp ul li {
  list-style: disc;
  margin-bottom: 4px;
}
body.page_leaderboard main.main-content-wrp ol li {
  list-style: decimal;
  margin-bottom: 4px;
}

/* ===== Community markets: proposal wizard, creator dashboard, entry CTA (2026-05-30) ===== */
.pm-proposal-wizard, .pm-proposal-index, .pm-proposal-show, .pm-creator-earnings { display: block; max-width: none; margin: 0; padding: 16px 0 40px; color: #d7d1c7; }

/* The player sub-nav must land in the SAME place on every page that shows it
   (owner screenshots 2026-08-07: it jumped between three positions). These pages
   all render prediction_markets/_player_nav but sat in 1180 / 1000 / 720px
   containers. Placed AFTER those rules deliberately - this stylesheet carries base
   rules both before and after its @media blocks, so an earlier insert loses. The
   wizard and market-detail pages keep the narrow width; they do NOT show the nav. */
.pm-my-history, .pm-proposal-index, .pm-creator-earnings, .pm-proposal-wizard, .pm-proposal-show { max-width: none; }
/* Full-width prediction-market pages (owner, 28 Sep 2026: the 1180px cap and side padding wasted space on every site).
   Every shell that shows the player nav is the same full width, so the nav still lands in the same place (the
   7 Aug alignment rule above); the site's own content column keeps the side gutters. Nothing inside them is
   capped either (owner, 28 Sep 2026: no width limits inside the pages - Verify and show pages included). The lobby
   grid fills up to five cards a row on wide screens. */
.pm-page, .pm-market, .pm-terms, .pm-my-history, .pm-proposal-index, .pm-creator-earnings, .pm-proposal-wizard, .pm-proposal-show { max-width: none; margin: 0; padding: 16px 0 40px; }
.pm-market-grid { grid-template-columns: repeat(auto-fill, minmax(max(300px, calc((100% - 64px) / 5)), 1fr)); }
/* Order books in two columns that flow on their own (owner, 28 Sep 2026: the three-column grid left a big empty
   block under the short cards). Left third: the order form and how the market pays; right two thirds: the chart, then
   Track Record, positions, open orders and pending winnings. Pools keep their one column; below 1200px it is one
   column in page order (responsive.css). */
.pm-market-body:not(.pm-market-body-pool) { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
.pm-book-main, .pm-book-side { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.pm-book-main > *, .pm-book-side > * { margin-top: 0; margin-bottom: 0; }
/* The small divider before the results page's Newest/Oldest toggle. */
.pm-category-sep { display: inline-block; width: 1px; align-self: stretch; min-height: 22px; margin: 0 6px; background: rgba(255,255,255,.15); }
/* EvoJacks and Betarama homepage heroes on LOL's layout (owner, 28 Sep 2026: the old heroes were far too tall and
   should lead with prediction markets). Spacing, phone rules, the slim fee-free ribbon and the hot-market card are
   LOL's; these rules only swap in each brand's colours and title font. Betarama keeps its striped canopy edge. */
.lol-hero.lol-hero-evo { background: linear-gradient(135deg, var(--evo-felt) 0%, var(--evo-ink) 75%); border-color: var(--evo-line); }
.lol-hero.lol-hero-evo::before { background: radial-gradient(120% 140% at 100% 0%, rgba(210, 47, 64, 0.16) 0%, rgba(210, 47, 64, 0.0) 55%); }
.lol-hero-evo .lol-hero-eyebrow { color: var(--evo-heart); }
.lol-hero-evo .lol-hero-title, .lol-hero-btr .lol-hero-title { font-family: inherit; }
.lol-hero-evo .lol-hero-title { color: var(--evo-ivory); }
.lol-hero-evo .lol-hero-btn, .lol-hero-evo .lol-hero-btn:hover { background: var(--evo-blue); color: #ffffff; box-shadow: 0 6px 16px rgba(210, 47, 64, 0.28); }
.lol-hero-evo .lol-hero-btn-ghost { border-color: var(--evo-line); color: var(--evo-ivory); }
.lol-hero-evo .lol-hero-btn-ghost:hover { background: rgba(210, 47, 64, 0.12); color: #ffffff; }
.lol-hero-evo .lol-hero-market { background: linear-gradient(180deg, var(--evo-felt-raised) 0%, var(--evo-felt) 100%); border-color: var(--evo-line); }
.lol-hero-evo .lol-hero-market:hover { border-color: var(--evo-blue); }
.lol-hero-evo .lol-hero-market-tag { background: rgba(224,52,74,.14); color: var(--evo-heart); }
.lol-hero-evo .lol-hero-market-cta { color: #d22f40; }
.lol-hero-evo .lol-hero-feature .evo-hero-proof-card { width: 100%; max-width: none; box-sizing: border-box; transform: none; box-shadow: 0 8px 22px rgba(0,0,0,.35); }
.lol-hero.lol-hero-btr { background: radial-gradient(ellipse at 50% 0%, var(--btr-brown-alt) 0%, var(--btr-brown) 70%); border-color: var(--btr-line); padding-top: 38px; }
.lol-hero.lol-hero-btr::before { inset: 0 0 auto 0; height: 10px; background: repeating-linear-gradient(90deg, var(--btr-orange) 0, var(--btr-orange) 26px, var(--btr-beige) 26px, var(--btr-beige) 52px); }
.lol-hero-btr .lol-hero-eyebrow { color: var(--btr-orange-bright); }
.lol-hero-btr .lol-hero-title { color: var(--btr-soft); }
.lol-hero-btr .lol-hero-sub { color: #c9b8a6; }
.lol-hero-btr .lol-hero-btn, .lol-hero-btr .lol-hero-btn:hover { background: var(--btr-orange); color: #fbf7ef; box-shadow: 0 6px 16px rgba(210, 47, 64, 0.3); }
.lol-hero-btr .lol-hero-btn-ghost { border-color: var(--btr-line); color: var(--btr-beige); }
.lol-hero-btr .lol-hero-btn-ghost:hover { background: rgba(210, 47, 64, 0.12); color: #ffffff; }
.lol-hero-btr .lol-hero-market, .lol-hero-btr .lol-hero-jackpot { background: linear-gradient(180deg, var(--btr-brown-alt) 0%, var(--btr-brown) 100%); border-color: var(--btr-line); }
.lol-hero-btr .lol-hero-market:hover { border-color: var(--btr-orange); }
.lol-hero-btr .lol-hero-market-tag { background: rgba(210, 47, 64, 0.16); color: var(--btr-orange-bright); }
.lol-hero-btr .lol-hero-market-cta, .lol-hero-btr .lol-hero-jackpot-amount { color: var(--btr-orange-bright); }
/* Review fixes (28 Sep 2026). Pool answer cards are the same height with their stake boxes on one line, and a long unbroken
   answer name wraps instead of pushing the page sideways. From 1920px the site-wide `.main-content-wrp h1 {
   font-size: 110% }` outranked the hero title and shrank it to body size; the hero keeps its 40px. */
/* EvoJacks and Betarama heroes run the full content width like the rows below them (their old heroes did); LOL keeps its centred 1399px box. */
.lol-hero.lol-hero-evo, .lol-hero.lol-hero-btr { max-width: none; margin-left: 0; margin-right: 0; }
.pm-pool .pm-pool-board { align-items: stretch; }
.pm-pool .pm-pool-board .pm-pool-stake-entry { margin-top: auto; }
.pm-pool .pm-pool-board .pm-pool-row-main .pm-pool-outcome { overflow-wrap: anywhere; }
@media (min-width: 1920px) {
  .main-content-wrp h1.lol-hero-title { font-size: 40px; }
}
.pm-proposal-wizard > h1, .pm-proposal-index > h1, .pm-proposal-show > h1, .pm-creator-earnings > h1 { font-size: 30px; font-weight: 800; color: #fff; margin: 0 0 8px; line-height: 1.2; }
.pm-proposal-wizard > p { color: #b29a9e; font-size: 15px; margin: 0 0 22px; line-height: 1.5; }

.pm-proposal-form { display: flex; flex-direction: column; gap: 16px; background: linear-gradient(135deg, #3e1d21 0%, #2b1316 70%); border: 1px solid #522c30; border-radius: 14px; padding: 24px; }
.pm-proposal-form label { display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 700; color: #cec8be; }
.pm-proposal-form input, .pm-proposal-form select, .pm-proposal-form textarea { width: 100%; box-sizing: border-box; background: #291316; border: 1px solid #4a282c; border-radius: 8px; color: #fff; font-size: 14px; font-weight: 400; padding: 10px 12px; transition: border-color .15s ease, box-shadow .15s ease; }
.pm-proposal-form input:focus, .pm-proposal-form select:focus, .pm-proposal-form textarea:focus { outline: none; border-color: #e0b866; box-shadow: 0 0 0 3px rgba(224, 184, 102, 0.15); }
.pm-proposal-form textarea { min-height: 84px; resize: vertical; line-height: 1.45; }
/* The mode cards are labels that WRAP their radio, so the generic form rules
   above - label{flex-direction:column} and input{width:100%} - stacked the
   radio above the text and stretched it to the full column (owner, 6 Sep).
   Radio beside the title, description on the line below. */
.pm-proposal-form label.pm-mode-card { flex-direction: row; flex-wrap: wrap; align-items: baseline; column-gap: 10px; row-gap: 4px; background: rgba(34, 15, 17, 0.5); border: 1px solid #4a262a; border-radius: 10px; padding: 12px 14px; cursor: pointer; font-weight: 400; }
.pm-proposal-form label.pm-mode-card:hover { border-color: #633f45; }
.pm-proposal-form label.pm-mode-card input[type="radio"] { width: auto; flex: 0 0 auto; margin: 0; accent-color: #e0b866; }
.pm-proposal-form label.pm-mode-card strong { flex: 1 1 auto; color: #fff; font-size: 14px; }
.pm-proposal-form label.pm-mode-card { color: #b29a9e; font-size: 12px; line-height: 1.55; }

/* Links inside a toast took the site's default anchor blue, which is close to
   unreadable on the info toast's blue ground (owner, 6 Sep). `inherit` takes
   whatever colour the toast set on its own body, so this holds for all five
   variants - primary, success, alert, warning and info - and for any added
   later. The underline keeps it recognisable as a link without the colour. */
#toast-container { pointer-events: none; }
#toast-container .toast { pointer-events: auto; }
#toast-container .toast-body a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
#toast-container .toast-body a:hover, #toast-container .toast-body a:focus { color: inherit; opacity: .82; }
.pm-proposal-form button[type="submit"], .pm-proposal-form input[type="submit"] { align-self: flex-start; background: #e0b866; color: #15110a; border: none; border-radius: 8px; font-size: 14px; font-weight: 800; padding: 12px 22px; cursor: pointer; transition: filter .15s ease, transform .15s ease; }
.pm-proposal-form button[type="submit"]:hover, .pm-proposal-form input[type="submit"]:hover { filter: brightness(1.08); transform: translateY(-1px); }
.pm-proposal-form button[type="submit"]:disabled { opacity: .45; cursor: not-allowed; filter: none; transform: none; }
.pm-lock-short { color: #ff6b6b; font-weight: 700; }
.pm-quote-check { margin: 0; font-size: 13px; line-height: 1.45; color: #ff8a8a; }
.pm-quote-check > span:not([hidden]) { display: block; }

.pm-proposal-fee { margin: 2px 0 0; font-size: 13px; color: #b29a9e; line-height: 1.45; }
/* Draft actions: Run AI check + Cancel (owner ask 2026-08-07). Cancel is a LINK,
   never a submit, and reads as clearly secondary so it can never be mistaken for
   the action that spends the submission fee. */
.pm-draft-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 4px; }
.pm-draft-cancel { display: inline-block; padding: 10px 18px; border-radius: 8px; border: 1px solid #603d43; background: transparent; color: #bcb6ac; font-size: 14px; text-decoration: none; }
.pm-draft-cancel:hover { border-color: #8b5961; color: #ffffff; text-decoration: none; }
.pm-draft-cancel:focus-visible { outline: 2px solid #e0b866 !important; outline-offset: 2px; color: #ffffff; }
.pm-draft-cancel-hint { margin: 8px 0 0; font-size: 12px; color: #8b94a3; line-height: 1.5; }

.pm-proposal-sections { display: flex; flex-direction: column; gap: 16px; }
.pm-proposal-tokenseed { border: 1px solid #4a282c; border-radius: 10px; padding: 16px 16px 18px; margin: 0; display: flex; flex-direction: column; gap: 14px; background: rgba(224, 184, 102, 0.04); }
.pm-proposal-tokenseed legend { font-size: 12px; font-weight: 800; color: #e0b866; text-transform: uppercase; letter-spacing: .06em; padding: 0 6px; }
.pm-tokenseed-note { margin: 0; font-size: 12px; color: #8b94a3; line-height: 1.5; }
.pm-mode-warning { margin: 6px 0 0; font-size: 12px; color: #e0a83c; line-height: 1.5; }
.pm-book-suggest { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
.pm-book-suggest-btn { background: #e0b866; color: #15110a; border: none; border-radius: 8px; font-size: 13px; font-weight: 800; padding: 8px 14px; cursor: pointer; }
.pm-book-suggest-btn:hover:not(:disabled) { filter: brightness(1.08); }
.pm-book-suggest-btn:disabled { opacity: .5; cursor: not-allowed; }
.pm-book-suggest-btn:focus-visible { outline: 2px solid #e0b866 !important; outline-offset: 2px; }
.pm-book-seed .pm-book-explainer { margin: 0; }
.pm-book-controls { display: flex; flex-wrap: wrap; gap: 10px 20px; align-items: flex-end; }
.pm-book-controls label { display: flex; flex-direction: column; gap: 6px; font-size: 12px; color: #8b94a3; }
.pm-book-view { flex: 1 1 240px; }
.pm-book-view input[type="range"] { width: 100%; accent-color: #e0b866; padding: 0; border: none; background: transparent; height: auto; box-shadow: none; }
.pm-book-view input[type="range"]:focus-visible { outline: 2px solid #e0b866 !important; outline-offset: 2px; }
.pm-book-view-label { font-weight: 700; color: #d8d2c8; }
.pm-book-amount input[type="text"] { width: 140px; }

.pm-proposal-index ul, .pm-creator-earnings ul { list-style: none; margin: 14px 0 0; padding: 0; }
.pm-proposal-index li, .pm-creator-earnings ul li { padding: 12px 14px; background: #331b1e; border: 1px solid #4a282c; border-radius: 10px; margin-bottom: 8px; font-size: 14px; }
.pm-proposal-index a:not(.pm-proposal-cta), .pm-proposal-show a:not(.pm-proposal-cta), .pm-creator-earnings a:not(.pm-proposal-cta) { color: #e0b866; text-decoration: none; font-weight: 700; }
.pm-proposal-index a:not(.pm-proposal-cta):hover, .pm-proposal-show a:not(.pm-proposal-cta):hover, .pm-creator-earnings a:not(.pm-proposal-cta):hover { color: #fcc940; }

.pm-proposal-show p { font-size: 14px; line-height: 1.5; margin: 0 0 12px; }
.pm-proposal-show button, .pm-proposal-show input[type="submit"] { background: #e0b866; color: #15110a; border: none; border-radius: 8px; font-size: 14px; font-weight: 800; padding: 11px 20px; cursor: pointer; }
.pm-proposal-show button:hover { filter: brightness(1.08); }
.pm-ai-feedback { background: rgba(224, 184, 102, 0.06); border: 1px solid rgba(224, 184, 102, 0.3); border-radius: 10px; padding: 14px 16px; margin: 0 0 18px; }
.pm-ai-feedback h2 { font-size: 16px; color: #e0b866; margin: 0 0 8px; }
.pm-ai-feedback p { color: #d7d1c7; font-size: 13px; margin: 0; line-height: 1.5; }

.pm-creator-earnings h2 { font-size: 13px; font-weight: 700; color: #fff; margin: 26px 0 10px; text-transform: uppercase; letter-spacing: .05em; }
.pm-earnings-totals { display: flex; flex-wrap: wrap; gap: 10px; }
.pm-earnings-totals li { background: linear-gradient(135deg, #3e1d21 0%, #2b1316 70%); border: 1px solid #522c30; border-radius: 10px; padding: 14px 18px; font-size: 16px; font-weight: 800; color: #e0b866; margin: 0; }


/* ===== Community markets: AI co-author (2026-05-30) ===== */
.pm-coauthor { margin: 0 0 18px; padding: 16px 18px; background: rgba(224, 184, 102, 0.05); border: 1px solid rgba(224, 184, 102, 0.25); border-radius: 12px; }
.pm-coauthor-form { display: flex; gap: 10px; align-items: flex-end; flex-wrap: wrap; }
.pm-coauthor-label { display: flex; flex-direction: column; gap: 6px; flex: 1 1 280px; font-size: 13px; font-weight: 700; color: #cec8be; }
.pm-coauthor-form input { width: 100%; box-sizing: border-box; background: #291316; border: 1px solid #4a282c; border-radius: 8px; color: #fff; font-size: 14px; padding: 10px 12px; }
.pm-coauthor-form input:focus { outline: none; border-color: #e0b866; box-shadow: 0 0 0 3px rgba(224, 184, 102, 0.15); }
.pm-coauthor-form button { background: #e0b866; color: #15110a; border: none; border-radius: 8px; font-size: 14px; font-weight: 800; padding: 11px 20px; cursor: pointer; }
.pm-coauthor-form button:hover { filter: brightness(1.08); }
.pm-coauthor-notice { margin: 12px 0 0; font-size: 12px; color: #8b94a3; line-height: 1.5; }
.pm-coauthor-verify { margin: 6px 0 0; font-size: 12px; color: #e6b04a; line-height: 1.45; }

/* ===== Community markets: create-page do/don't guidance (2026-07-18) ===== */
.pm-proposal-guide { display: flex; flex-wrap: wrap; gap: 14px; margin: 0 0 20px; }
.pm-guide-col { flex: 1 1 260px; border-radius: 12px; padding: 16px 18px; border: 1px solid; }
.pm-guide-col h2 { font-size: 14px; font-weight: 800; margin: 0 0 10px; }
.pm-guide-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.pm-guide-col li { position: relative; padding-left: 22px; font-size: 13px; line-height: 1.5; color: #d7d1c7; }
.pm-guide-col li::before { position: absolute; left: 0; top: 0; font-weight: 800; }
.pm-guide-good { background: rgba(34,197,94,.06); border-color: rgba(34,197,94,.3); }
.pm-guide-good h2 { color: #22c55e; }
.pm-guide-good li::before { content: "\2713"; color: #22c55e; }
.pm-guide-bad { background: rgba(239,68,68,.06); border-color: rgba(239,68,68,.28); }
.pm-guide-bad h2 { color: #ef4444; }
.pm-guide-bad li::before { content: "\2717"; color: #ef4444; }
.pm-guide-timing { background: rgba(255,184,77,.06); border-color: rgba(255,184,77,.3); }
.pm-guide-timing h2 { color: #ffb84d; }
.pm-guide-timing li::before { content: "\2192"; color: #ffb84d; }
.pm-guide-note { font-size: 13px; line-height: 1.5; color: #d7d1c7; margin: 0 0 10px; }
.pm-journey-steps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; counter-reset: pm-journey; }
.pm-journey-steps li { position: relative; padding-left: 34px; font-size: 13px; line-height: 1.5; color: #d7d1c7; counter-increment: pm-journey; }
.pm-journey-steps li::before { content: counter(pm-journey); position: absolute; left: 0; top: 0; width: 22px; height: 22px; border-radius: 50%; background: rgba(250,204,21,.12); border: 1px solid rgba(250,204,21,.45); color: #facc15; font-weight: 800; font-size: 12px; line-height: 20px; text-align: center; }
/* Folded coaching sections on the create page (2026-08-22 re-layout): the
   summary carries the rule, the body holds the examples. Amber, matching the
   open timing cards they replaced. */
.pm-guide-fold { border: 1px solid rgba(255,184,77,.3); background: rgba(255,184,77,.06); border-radius: 12px; margin: 0 0 12px; }
.pm-guide-fold > summary { cursor: pointer; list-style: none; display: flex; align-items: flex-start; gap: 8px; padding: 14px 18px; font-size: 14px; font-weight: 700; color: #ffb84d; line-height: 1.45; user-select: none; }
.pm-guide-fold > summary::before { content: '\25B8'; color: #ffb84d; flex: 0 0 auto; transition: transform .2s; }
.pm-guide-fold[open] > summary::before { transform: rotate(90deg); }
.pm-guide-fold > summary::-webkit-details-marker { display: none; }
.pm-guide-fold > summary:hover { color: #ffcf80; }
.pm-guide-fold > summary:focus-visible { outline: 2px solid #e0b866 !important; outline-offset: 2px; }
.pm-guide-fold-body { padding: 0 18px 16px; }
.pm-guide-fold-body ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.pm-guide-fold-body li { position: relative; padding-left: 22px; font-size: 13px; line-height: 1.5; color: #d7d1c7; }
.pm-guide-fold-body li::before { content: '\2192'; position: absolute; left: 0; top: 0; font-weight: 800; color: #ffb84d; }
.pm-pool .crypto-currency-icon, .pm-pending-winnings .crypto-currency-icon { display: inline-flex; align-items: center; vertical-align: middle; }
.pm-pool .crypto-currency-icon img, .pm-pending-winnings .crypto-currency-icon img { width: 14px; height: 14px; }
.pm-terms-details { margin-top: 14px; }
.pm-market-body .pm-terms-details { margin-top: 0; }
.pm-terms-details summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 8px; margin: 0; user-select: none; }
.pm-terms-details summary::before { content: '\25B8'; color: #e0b866; transition: transform 0.2s; }
.pm-terms-details[open] summary::before { transform: rotate(90deg); }
.pm-terms-details summary::-webkit-details-marker { display: none; }
.pm-terms-details .pm-market-rule a { color: #e0b866; text-decoration: none; font-weight: 600; }
.pm-terms-details .pm-market-rule a:hover { text-decoration: underline; }
.pm-seed-choice .pm-seed-option { display: inline-flex; align-items: center; gap: 6px; margin: 0 14px 10px 0; }
/* button_to puts the class on the BUTTON, inside <form class="button_to">, so the old
   ".pm-withdraw-link button" selector matched NOTHING and ".pm-proposal-show button" styled
   Withdraw as the loud yellow primary, identical to Pay and submit (owner 2026-09-14).
   Scoped to beat that rule, which has equal weight and sits earlier in the file. */
.pm-withdraw-link { margin-top: 10px; }
.pm-proposal-show .pm-withdraw-link { background: transparent; color: #b29a9e; border: 1px solid #603e43; border-radius: 8px; font-size: 13px; font-weight: 700; padding: 10px 18px; cursor: pointer; margin-top: 10px; }
.pm-proposal-show .pm-withdraw-link:hover { background: #4a2227; color: #d8d2c8; border-color: #734a51; filter: none; }

/* ---- Proposal: what it costs (owner 2026-09-14) ------------------------------------ */
/* The browser's own "[hidden] { display: none }" is a UA rule, so ANY author rule
   setting display beats it. Every class the mode picker toggles therefore needs its
   own [hidden], the way the onramp and rewards widgets above already do it.
   Without these, proved in Chromium on the rendered form (15 September 2026), the
   book quote fieldset and the pool stake fieldset BOTH stay on screen whichever
   mode is picked, because each one sets display:flex. */
.pm-proposal-sections[hidden], .pm-proposal-tokenseed[hidden],
.pm-mode-card-cost[hidden], .pm-book-view-min[hidden] { display: none; }
/* Same defect, three doors down, found by sweeping all 42 targets a prediction-market
   controller toggles `.hidden` on: prediction_market_controller.js hides the payout
   preview (:1341) and the two chart axes (:776-777), and all three set display, so all
   three ignored it. The payout preview is the visible one - it kept an empty bordered
   box on the live market page after its contents were cleared. */
.pm-payout-preview[hidden], .pm-chart-xaxis[hidden], .pm-chart-yaxis[hidden] { display: none; }
/* The pay line before there is anything to pay. No display rule, so [hidden] reaches it. */
.pm-pay-now-pending { font-size: 13px; color: #8b94a3; line-height: 1.45; }
/* What an order book starts at, on the choice card, before the player commits to it. */
.pm-mode-card-cost { display: block; margin-top: 6px; font-size: 12px; font-weight: 700; color: #ffb84d; line-height: 1.45; }
/* The smallest seed for the view the slider is sitting on. */
.pm-book-view-min { display: block; margin-top: 4px; font-size: 12px; color: #8b94a3; line-height: 1.4; }
/* THE payment, above Run AI check: the number the whole form is actually about. It used to
   be a 13px grey line while the big Amount box could still show a stale figure. */
.pm-pay-now { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin: 14px 0 0; }
.pm-pay-now-label { font-size: 14px; font-weight: 700; color: #d7d1c7; }
.pm-pay-now-amount { font-size: 26px; font-weight: 800; color: #ffffff; line-height: 1.15; font-variant-numeric: tabular-nums; }
.pm-pay-now-note { margin: 4px 0 0; font-size: 12px; color: #8b94a3; line-height: 1.45; }
/* The pay screen's money table: a line per quote, a divider, one total that is clearly the total. */
.pm-pay-table { border: 1px solid #572a2f; border-radius: 12px; background: rgba(44, 20, 23, 0.5); padding: 14px 16px; margin: 0 0 12px; }
.pm-pay-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 2px 14px; padding: 5px 0; font-size: 13px; color: #c4beb4; line-height: 1.45; }
.pm-pay-row-label { flex: 1 1 60%; }
.pm-pay-row-value { flex: 0 0 auto; font-weight: 700; color: #d7d1c7; font-variant-numeric: tabular-nums; }
.pm-pay-divider { height: 1px; background: #572a2f; margin: 10px 0; }
.pm-pay-total { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 4px 14px; }
.pm-pay-total-label { font-size: 14px; font-weight: 700; color: #d7d1c7; }
.pm-pay-total-amount { font-size: 26px; font-weight: 800; color: #ffffff; line-height: 1.15; font-variant-numeric: tabular-nums; }
.pm-pay-more { margin: 0 0 14px; }
/* Scoped, because ".pm-proposal-show p" carries the same weight and sits earlier in the file. */
.pm-proposal-show .pm-pay-note { margin: 0 0 12px; font-size: 12px; color: #8b94a3; line-height: 1.45; }
/* The arrow marker the guidance folds already use: the global "ul { padding: 0 }"
   reset clips a default disc, so a plain list-style renders as unmarked lines. */
.pm-proposal-show .pm-pay-points { list-style: none; margin: 0 0 12px; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.pm-proposal-show .pm-pay-points li { position: relative; padding-left: 22px; font-size: 13px; color: #c4beb4; line-height: 1.5; }
.pm-proposal-show .pm-pay-points li::before { content: '\2192'; position: absolute; left: 0; top: 0; font-weight: 800; color: #ffb84d; }
/* Pay and submit stays the yellow primary, said explicitly rather than inherited by accident. */
.pm-proposal-show .pm-pay-submit { background: #e0b866; color: #15110a; font-weight: 800; }

/* ===== Community markets: share button + modal + public share page (2026-07-18) ===== */
.pm-share-btn { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 8px; background: rgba(255,255,255,.06); border: 1px solid #4a282c; color: #d7d1c7; cursor: pointer; transition: background .15s ease, color .15s ease; }
.pm-share-btn:hover { background: rgba(224, 184, 102, 0.14); color: #e0b866; }
.pm-market-card { position: relative; }
.pm-market-card .pm-share-btn { position: absolute; top: 12px; right: 12px; z-index: 2; }
.pm-share-modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.66); display: flex; align-items: center; justify-content: center; z-index: 10000; padding: 16px; }
.pm-share-modal { width: 100%; max-width: 440px; background: #2b1316; border: 1px solid #522c30; border-radius: 14px; overflow: hidden; max-height: 90vh; display: flex; flex-direction: column; box-shadow: 0 20px 60px rgba(0,0,0,.5); }
.pm-share-modal-header { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid #4a282c; }
.pm-share-modal-header h3 { margin: 0; font-size: 16px; font-weight: 800; color: #fff; }
.pm-share-modal-close { background: none; border: none; color: #b29a9e; font-size: 22px; line-height: 1; cursor: pointer; }
.pm-share-modal-body { padding: 16px 18px 20px; display: flex; flex-direction: column; gap: 12px; overflow-y: auto; min-height: 0; }
.pm-feedback-strip { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 14px; margin: 28px 0 8px; padding: 14px 16px; border: 1px solid #4a282c; border-radius: 12px; background: rgba(255,255,255,.03); text-align: center; }
.pm-feedback-strip [hidden] { display: none; }
.pm-feedback-strip-text { color: #b29a9e; font-size: 13px; }
.pm-feedback-open { background: #331b1e; border: 1px solid #4a282c; border-radius: 8px; color: #e6ebf2; font-size: 13px; font-weight: 700; padding: 8px 16px; cursor: pointer; }
.pm-feedback-open:hover { border-color: #e0b866; color: #ffffff; }
.pm-feedback-overlay { text-align: left; }
.pm-feedback-select { width: 100%; box-sizing: border-box; background: #220f11; border: 1px solid #4a282c; border-radius: 8px; color: #d7d1c7; font-size: 13px; padding: 9px 11px; }
.pm-feedback-note { margin: 0; color: #a68b90; font-size: 12px; line-height: 1.45; }
.pm-feedback-error { margin: 0; color: #ff7a7a; font-size: 13px; }
.pm-feedback-submit { align-self: flex-start; background: #e0b866; color: #15110a; border: none; border-radius: 8px; font-size: 13px; font-weight: 800; padding: 9px 20px; cursor: pointer; }
.pm-feedback-submit:disabled { opacity: .6; cursor: default; }
.pm-feedback-done-title { margin: 0; color: #ffffff; font-size: 16px; font-weight: 800; }
.pm-watching-heading { margin: 22px 0 10px; color: #b29a9e; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.pm-watching-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.pm-watching-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 12px 14px; border: 1px solid #4a282c; border-radius: 10px; background: rgba(255,255,255,.03); }
.pm-watching-title { flex: 1 1 320px; min-width: 0; color: #e6ebf2; font-size: 14px; font-weight: 700; text-decoration: none; overflow-wrap: anywhere; }
.pm-watching-title:hover { color: #e0b866; }
.pm-watching-meta { color: #a68b90; font-size: 12px; }
.pm-share-label { display: block; margin: 10px 0 4px; color: #a68b90; font-size: 11px; letter-spacing: 0.02em; }
.pm-share-text { width: 100%; box-sizing: border-box; background: #220f11; border: 1px solid #4a282c; border-radius: 8px; color: #d7d1c7; font-size: 13px; line-height: 1.45; padding: 10px 12px; resize: vertical; }
.pm-share-url-row { display: flex; gap: 8px; }
.pm-share-url-input { flex: 1 1 auto; min-width: 0; background: #220f11; border: 1px solid #4a282c; border-radius: 8px; color: #b29a9e; font-size: 12px; padding: 9px 11px; }
.pm-share-embed { display: inline-block; margin-top: 12px; color: #bcb6ac; font-size: 12px; text-decoration: underline; }
.pm-share-embed:hover { color: #e0b866; }
.pm-won-share { display: inline-flex; align-items: center; gap: 8px; margin-left: 8px; color: #6fd08c; font-size: 13px; font-weight: 700; }
.pm-won-share-btn { background: rgba(111, 208, 140, 0.14); border: 1px solid rgba(111, 208, 140, 0.5); border-radius: 8px; color: #6fd08c; font-size: 12px; font-weight: 700; padding: 5px 12px; cursor: pointer; }
.pm-won-share-btn:hover { background: rgba(111, 208, 140, 0.24); }
.pm-bet-share-offer { display: flex; align-items: center; gap: 10px; margin-top: 8px; padding: 8px 10px; border: 1px solid rgba(224, 184, 102, 0.35); border-radius: 8px; background: rgba(224, 184, 102, 0.07); color: #d7d1c7; font-size: 12px; }
.pm-bet-share-go { background: #e0b866; color: #15110a; border: none; border-radius: 6px; font-size: 12px; font-weight: 800; padding: 5px 12px; cursor: pointer; }
.pm-bet-share-dismiss { margin-left: auto; background: none; border: none; color: #a37d83; font-size: 16px; line-height: 1; cursor: pointer; padding: 0 4px; }
.pm-bet-share-dismiss:hover { color: #e6ebf2; }
.pm-share-code-row { display: flex; align-items: center; gap: 8px; margin-top: 10px; font-size: 12px; color: #a68b90; }
.pm-share-code-value { color: #d7d1c7; font-weight: 700; }
.pm-share-code-select { background: #220f11; border: 1px solid #4a282c; border-radius: 6px; color: #d7d1c7; font-size: 12px; padding: 4px 8px; }
.pm-share-reword { display: inline-block; margin-top: 8px; background: #331b1e; border: 1px solid #4a282c; border-radius: 8px; color: #d7d1c7; font-size: 12px; font-weight: 600; padding: 7px 14px; cursor: pointer; }
.pm-share-reword:hover { border-color: #e0b866; color: #ffffff; }
.pm-share-copy { flex: 0 0 auto; background: #e0b866; color: #15110a; border: none; border-radius: 8px; font-size: 13px; font-weight: 800; padding: 9px 16px; cursor: pointer; }
.pm-share-social { display: flex; flex-wrap: wrap; gap: 8px; }
.pm-share-social-btn { flex: 1 1 auto; background: #331b1e; border: 1px solid #4a282c; border-radius: 8px; color: #e6ebf2; font-size: 13px; font-weight: 700; padding: 9px 10px; cursor: pointer; transition: filter .15s ease; }
.pm-share-social-btn:hover { filter: brightness(1.15); }
.pm-share-page-body { margin: 0; background: #0a0d12; color: #d7d1c7; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
.pm-share-page { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 24px; }
.pm-share-card { width: 100%; max-width: 560px; background: linear-gradient(135deg, #3e1d21 0%, #2b1316 70%); border: 1px solid #522c30; border-radius: 18px; padding: 32px 28px; text-align: center; }
.pm-share-eyebrow { margin: 0 0 12px; font-size: 13px; font-weight: 800; color: #e0b866; text-transform: uppercase; letter-spacing: .06em; }
.pm-share-question { margin: 0 0 18px; font-size: 26px; font-weight: 800; color: #fff; line-height: 1.3; }
.pm-share-outcomes { list-style: none; margin: 0 0 22px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.pm-share-outcome { background: #331b1e; border: 1px solid #4a282c; border-radius: 999px; padding: 8px 16px; font-size: 14px; font-weight: 700; color: #e6ebf2; }
.pm-share-cta { display: inline-block; background: #e0b866; color: #15110a; text-decoration: none; font-size: 16px; font-weight: 800; padding: 14px 30px; border-radius: 10px; }
.pm-share-cta:hover { filter: brightness(1.08); }
.pm-share-note { margin: 16px 0 0; font-size: 13px; color: #b29a9e; }

/* ===== Community markets: trusted-creator badge (2026-05-30) ===== */
.pm-creator-badge { display: inline-block; margin: 0 0 14px; padding: 4px 12px; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: #15110a; background: #e0b866; border-radius: 6px; }

/* ===== VIP Tier surfaces (hub / profile card / header chip) ===== */
.vip-tier-hub { display: flex; flex-direction: column; gap: 18px; }
.vip-tier-hero { background: #14161d; border: 1px solid #402326; border-radius: 14px; padding: 20px; }
.vip-tier-hero-head { display: flex; align-items: center; gap: 14px; }
.vip-tier-hero-id { display: flex; flex-direction: column; }
.vip-tier-emoji { font-size: 34px; line-height: 1; }
.vip-tier-eyebrow { margin: 0; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: #8a8f9c; }
.vip-tier-title { margin: 2px 0 0; color: #fff; font-size: 22px; }
.vip-tier-buy { margin-left: auto; background: #ffd700; color: #14161d; font-weight: 700; padding: 8px 16px; border-radius: 8px; white-space: nowrap; }
.vip-tier-progress-bar { height: 8px; border-radius: 6px; background: #351d20; overflow: hidden; margin-top: 14px; }
.vip-tier-progress-bar span { display: block; height: 100%; background: linear-gradient(90deg, #ffd700, #ffae00); }
.vip-tier-progress-text { margin: 8px 0 0; color: #c7ccd6; font-size: 13px; }
.vip-tier-maxed { margin: 12px 0 0; color: #ffd700; font-weight: 600; }
.vip-tier-benefits, .vip-tier-ladder { background: #14161d; border: 1px solid #402326; border-radius: 14px; padding: 18px 20px; }
.vip-tier-benefits h3, .vip-tier-ladder h3 { color: #fff; font-size: 16px; margin: 0 0 12px; }
.vip-tier-benefits ul { list-style: none; margin: 0; padding: 0; }
.vip-benefit { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #351d20; color: #e7e9ee; }
.vip-benefit:last-child { border-bottom: none; }
.vip-benefit-value { font-weight: 700; color: #ffd700; }
.vip-tier-empty { margin: 0; color: #8a8f9c; }
.vip-ladder-row { display: grid; grid-template-columns: 28px 90px 1fr; align-items: center; gap: 10px; padding: 8px 6px; border-radius: 8px; color: #c7ccd6; }
.vip-ladder-row.is-current { background: #2e191b; color: #fff; }
.vip-ladder-emoji { font-size: 18px; }
.vip-ladder-title { font-weight: 600; }
.vip-ladder-benefits { font-size: 12px; color: #9aa0ad; }
.vip-tier-rewards-link { color: #8a8f9c; font-size: 13px; text-decoration: underline; }

/* ===== VIP Tier - profile card ===== */
.profile-vip-card { display: flex; align-items: center; gap: 10px; padding: 10px 12px; background: #14161d; border: 1px solid #402326; border-radius: 10px; text-decoration: none; }
.profile-vip-emoji { font-size: 20px; }
.profile-vip-body { display: flex; flex-direction: column; }
.profile-vip-name { font-weight: 700; color: #fff; }
.profile-vip-perk { font-size: 12px; color: #ffd700; }
.profile-vip-go { margin-left: auto; color: #8a8f9c; font-size: 22px; line-height: 1; }

/* ===== VIP Tier - header chip ===== */
.header_tier_chip { display: inline-flex; align-items: center; gap: 5px; padding: 2px 8px; border-radius: 999px; background: #2e191b; text-decoration: none; }
.header_tier_chip .header_medal { line-height: 1; }
.header_tier_name { color: #fff; font-size: 12px; font-weight: 600; white-space: nowrap; }

/* ===== VIP Tier - benefit group headings + ladder legend ===== */
.vip-benefit-group-title { margin: 14px 0 6px; color: #fff; font-size: 13px; font-weight: 700; }
.vip-benefit-group-title:first-child { margin-top: 0; }
.vip-benefit-group-sub { color: #8a8f9c; font-weight: 400; font-size: 12px; }
.vip-ladder-legend { margin: 0 0 10px; color: #8a8f9c; font-size: 12px; }

/* ***** EvoJacks Originals-led homepage (2026-07-11) ***** */
/* All selectors live under .evo-home / .evo-* namespaces; the markup renders
   only in shared/_site_landevo, so these rules are inert on the other sites.
   Mirrored into all 5 affiliate css dirs per house convention. */

:root {
    --evo-ink: #160a0b;
    --evo-felt: #2c1215;
    --evo-felt-raised: #3a181c;
    --evo-line: #50262b;
    --evo-blue: #d22f40;
    --evo-blue-bright: #d22f40;
    --evo-heart: #e0344a;
    --evo-ivory: #f4efe4;
    --evo-gold: #f2c14e;
    --evo-text-dim: #bb959b;
}

.evo-home .land_middle_section {
    width: 100%;
    padding: 0;
}

/* Hero */
.evo-hero {
    display: flex;
    gap: 28px;
    align-items: stretch;
    background: linear-gradient(135deg, var(--evo-felt) 0%, var(--evo-ink) 75%);
    border: 1px solid var(--evo-line);
    border-radius: 20px;
    padding: 42px 46px;
    margin: 4px 0 28px;
    position: relative;
    overflow: hidden;
}

.evo-hero::after {
    content: "\2660";
    position: absolute;
    right: -20px;
    bottom: -70px;
    font-size: 280px;
    line-height: 1;
    color: var(--evo-blue);
    opacity: 0.07;
    pointer-events: none;
}

.evo-hero-main {
    flex: 7 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.evo-hero-eyebrow {
    color: var(--evo-heart);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    margin: 0 0 10px;
}

.evo-hero-title {
    color: var(--evo-ivory);
    font-size: 42px;
    line-height: 1.08;
    font-weight: 800;
    margin: 0 0 14px;
}

.evo-hero-sub {
    color: var(--evo-text-dim);
    font-size: 16px;
    line-height: 1.55;
    margin: 0 0 24px;
    max-width: 560px;
}

.evo-hero-actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    align-items: center;
}

.evo-hero-btn {
    display: inline-block;
    padding: 12px 28px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 12px;
    background: var(--evo-blue);
    color: #ffffff;
    text-decoration: none;
    transition: background 0.15s ease;
}

.evo-hero-btn:hover {
    background: var(--evo-blue-bright);
    color: #ffffff;
}

.evo-hero-btn-ghost {
    display: inline-block;
    padding: 12px 28px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 12px;
    border: 1px solid var(--evo-line);
    color: var(--evo-ivory);
    background: transparent;
    text-decoration: none;
    transition: border-color 0.15s ease, color 0.15s ease;
}

.evo-hero-btn-ghost:hover {
    border-color: var(--evo-blue-bright);
    color: var(--evo-blue-bright);
}

/* Hero proof card - offset card-stack look */
.evo-hero-proof {
    flex: 5 1 0;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.evo-hero-proof-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: var(--evo-felt-raised);
    border: 1px solid var(--evo-gold);
    border-radius: 16px;
    padding: 26px 30px;
    min-width: 240px;
    max-width: 330px;
    box-shadow: 8px 8px 0 0 rgba(210, 47, 64, 0.16), 16px 16px 0 0 rgba(210, 47, 64, 0.07);
    transform: rotate(2deg);
}

.evo-hero-proof-label {
    color: var(--evo-gold);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.evo-hero-proof-amount {
    color: var(--evo-ivory);
    font-size: 38px;
    font-weight: 800;
    line-height: 1.1;
}

.evo-hero-proof-name {
    color: var(--evo-blue-bright);
    font-size: 17px;
    font-weight: 700;
}

.evo-hero-proof-line {
    color: var(--evo-text-dim);
    font-size: 13px;
    line-height: 1.45;
}

.evo-hero-proof-foot {
    color: var(--evo-text-dim);
    font-size: 11px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed var(--evo-line);
}

/* Originals flagship slot */
.evo-originals-flagship .category-row {
    background: var(--evo-felt);
    border: 1px solid var(--evo-line);
    border-radius: 20px;
    padding: 20px 22px 14px;
}

.evo-originals-flagship .category-row h2 {
    font-size: 26px;
    color: var(--evo-ivory);
}

/* Instant Millionaire strip */
.evo-im-strip {
    background: var(--evo-felt);
    border: 1px solid var(--evo-line);
    border-radius: 20px;
    padding: 22px 24px;
    margin-bottom: 20px;
}

.evo-im-strip-head {
    display: flex;
    align-items: baseline;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.evo-im-strip-head h2 {
    color: var(--evo-ivory);
    font-size: 22px;
    font-weight: 800;
    margin: 0;
}

.evo-im-strip-head p {
    color: var(--evo-text-dim);
    font-size: 14px;
    margin: 0;
}

.evo-im-strip-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.evo-im-card {
    display: flex;
    flex-direction: column;
    gap: 5px;
    background: var(--evo-felt-raised);
    border: 1px solid var(--evo-line);
    border-radius: 14px;
    padding: 16px 18px;
    text-decoration: none;
    transition: border-color 0.15s ease, transform 0.15s ease;
}

.evo-im-card:hover {
    border-color: var(--evo-blue-bright);
    transform: translateY(-2px);
}

.evo-im-card-name {
    color: var(--evo-ivory);
    font-size: 16px;
    font-weight: 800;
}

.evo-im-card-line {
    color: var(--evo-gold);
    font-size: 13px;
    font-weight: 600;
}

.evo-im-card-winner {
    color: var(--evo-text-dim);
    font-size: 12px;
}

.evo-im-card-cta {
    color: var(--evo-blue-bright);
    font-size: 13px;
    font-weight: 700;
    margin-top: 6px;
}

/* Sports cross-sell strip - demoted below the game rows */
.evo-sports-strip {
    margin-bottom: 20px;
}

/* ***** Betarama circus homepage (2026-07-11) ***** */
/* All selectors live under .btr-home / .btr-* namespaces; the markup renders
   only in shared/_site_landbtr, so these rules are inert on the other sites.
   Self-contained --btr-* variables (betarama's --brand-* vars exist only in
   its own stylesheet and this block is mirrored to all 5 dirs). */

:root {
    --btr-orange: #d22f40;
    --btr-orange-bright: #d22f40;
    --btr-beige: #f4eadc;
    --btr-brown: #1B1410;
    --btr-brown-alt: #261C17;
    --btr-line: #4A342A;
    --btr-soft: #FAF6F0;
    --btr-dim: #B8AFA0;
}

.btr-home .land_middle_section {
    width: 100%;
    padding: 0;
}

/* Hero - centered marquee with striped canopy edge */
.btr-hero {
    position: relative;
    text-align: center;
    background: radial-gradient(ellipse at 50% 0%, var(--btr-brown-alt) 0%, var(--btr-brown) 70%);
    border: 1px solid var(--btr-line);
    border-radius: 20px;
    padding: 52px 40px 44px;
    margin: 4px 0 24px;
    overflow: hidden;
}

.btr-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 10px;
    background: repeating-linear-gradient(90deg, var(--btr-orange) 0, var(--btr-orange) 26px, var(--btr-beige) 26px, var(--btr-beige) 52px);
    opacity: 0.85;
}

.btr-hero-eyebrow {
    color: var(--btr-orange-bright);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    margin: 0 0 10px;
}

.btr-hero-title {
    color: var(--btr-soft);
    font-size: 44px;
    line-height: 1.08;
    font-weight: 800;
    margin: 0 auto 14px;
    max-width: 700px;
}

.btr-hero-sub {
    color: var(--btr-dim);
    font-size: 16px;
    line-height: 1.55;
    margin: 0 auto 26px;
    max-width: 620px;
}

.btr-hero-actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.btr-hero-btn {
    display: inline-block;
    padding: 13px 30px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 12px;
    background: var(--btr-orange);
    color: #fbf7ef;
    text-decoration: none;
    transition: background 0.15s ease;
}

.btr-hero-btn:hover {
    background: var(--btr-orange-bright);
    color: #fbf7ef;
}

.btr-hero-btn-ghost {
    display: inline-block;
    padding: 13px 30px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 12px;
    border: 1px solid var(--btr-line);
    color: var(--btr-beige);
    background: transparent;
    text-decoration: none;
    transition: border-color 0.15s ease, color 0.15s ease;
}

.btr-hero-btn-ghost:hover {
    border-color: var(--btr-orange-bright);
    color: var(--btr-orange-bright);
}

/* Center ring - three show cards, main ring emphasized */
.btr-im-ring {
    margin-bottom: 24px;
}

.btr-im-ring-head {
    text-align: center;
    margin-bottom: 16px;
}

.btr-im-ring-head h2 {
    color: var(--btr-soft);
    font-size: 24px;
    font-weight: 800;
    margin: 0 0 4px;
}

.btr-im-ring-head p {
    color: var(--btr-dim);
    font-size: 14px;
    margin: 0;
}

.btr-im-ring-cards {
    display: flex;
    gap: 14px;
    align-items: stretch;
}

.btr-ring-card {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    text-align: center;
    background: var(--btr-brown-alt);
    border: 1px solid var(--btr-line);
    border-radius: 16px;
    padding: 20px 18px;
    text-decoration: none;
    transition: border-color 0.15s ease, transform 0.15s ease;
}

.btr-ring-card:hover {
    border-color: var(--btr-orange-bright);
    transform: translateY(-2px);
}

.btr-ring-card--main {
    border-color: var(--btr-orange);
    box-shadow: 0 0 0 1px var(--btr-orange), 0 10px 26px rgba(210, 47, 64, 0.18);
    padding-top: 30px;
}

.btr-ring-card-flag {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--btr-orange);
    color: #fbf7ef;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 4px 14px;
    border-radius: 999px;
    white-space: nowrap;
}

.btr-ring-card-name {
    color: var(--btr-soft);
    font-size: 17px;
    font-weight: 800;
}

.btr-ring-card-line {
    color: var(--btr-orange-bright);
    font-size: 13px;
    font-weight: 600;
}

.btr-ring-card-winner {
    color: var(--btr-dim);
    font-size: 12px;
}

.btr-ring-card-cta {
    color: var(--btr-beige);
    font-size: 13px;
    font-weight: 700;
    margin-top: 6px;
}

/* Sports cross-sell strip - demoted below the game rows */
.btr-sports-strip {
    margin-bottom: 20px;
}

/* ***** EvoJacks chrome - Phase 1, CSS only (2026-07-11) ***** */
/* Card-house chrome language for header / sidebar / footer / phone bars.
   Every rule is scoped to body[data-site="evojacks"], so the mirrored copies
   in the other four css dirs are inert (each site's body carries its own
   data-site). Geometry (position, size, padding, z-index) is untouched -
   surfaces, borders, and colors only. Uses the --evo-* palette introduced
   with the homepage redesign. One interaction color (blue); gold reserved
   for prize meaning; no gradients-as-decoration, no backdrop blur. */

/* Header shell */
body[data-site="evojacks"] header {
    background: var(--evo-ink, #160a0b);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-bottom: 1px solid var(--evo-line);
}

body[data-site="evojacks"] .mobile-header {
    background: var(--evo-ink, #160a0b);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-bottom: 1px solid var(--evo-line);
}

/* Header nav wrappers: quiet felt backdrop on hover/active behind the
   existing image labels (labels themselves migrate to text in Phase 2) */
body[data-site="evojacks"] .head_links_list,
body[data-site="evojacks"] .head_links_list_mob {
    border-radius: 8px;
    transition: background 0.15s ease;
}

body[data-site="evojacks"] .head_links_list:hover,
body[data-site="evojacks"] .head_links_list_mob:hover,
body[data-site="evojacks"] .head_links_list .active,
body[data-site="evojacks"] .head_links_list_mob .active {
    background: rgba(210, 47, 64, 0.1);
}

/* Header account cluster: one blue primary, everything else quiet */
body[data-site="evojacks"] header .btn-theme,
body[data-site="evojacks"] .mobile-header .btn-theme {
    background: var(--evo-blue);
    border: 1px solid var(--evo-line);
    border-radius: 10px;
    color: #ffffff;
}

body[data-site="evojacks"] header .btn-theme:hover,
body[data-site="evojacks"] .mobile-header .btn-theme:hover {
    background: var(--evo-blue-bright);
    background-color: var(--evo-blue-bright) !important;
    color: #ffffff !important;
}

body[data-site="evojacks"] header .btn-theme.user-info,
body[data-site="evojacks"] .mobile-header .btn-theme.user-info {
    background: var(--evo-felt-raised);
    color: var(--evo-ivory);
}

body[data-site="evojacks"] header .btn-theme.user-info:hover,
body[data-site="evojacks"] .mobile-header .btn-theme.user-info:hover {
    background: var(--evo-felt);
    background-color: var(--evo-felt) !important;
}

body[data-site="evojacks"] header .btn-outline,
body[data-site="evojacks"] .mobile-header .btn-outline {
    border-radius: 10px;
    border-color: var(--evo-line);
    color: var(--evo-ivory);
}

body[data-site="evojacks"] header .btn-outline:hover,
body[data-site="evojacks"] .mobile-header .btn-outline:hover {
    border-color: var(--evo-blue-bright);
    color: var(--evo-blue-bright);
}

body[data-site="evojacks"] header .dropdown-menu,
body[data-site="evojacks"] .mobile-header .dropdown-menu {
    background: var(--evo-felt-raised);
    border: 1px solid var(--evo-line);
    border-radius: 10px;
}

body[data-site="evojacks"] header .dropdown-menu .dropdown-item,
body[data-site="evojacks"] .mobile-header .dropdown-menu .dropdown-item {
    color: var(--evo-ivory);
}

body[data-site="evojacks"] header .dropdown-menu .dropdown-item:hover,
body[data-site="evojacks"] .mobile-header .dropdown-menu .dropdown-item:hover {
    background: rgba(210, 47, 64, 0.12);
    color: #ffffff;
}

/* Sidebar shell: the vertical edge of the card table */
body[data-site="evojacks"] aside.sidebar {
    background: var(--evo-ink, #160a0b);
    border-right: 1px solid var(--evo-line);
    box-shadow: 4px 0 20px 0 rgba(0, 0, 0, 0.20);
}

/* Section headings: compact card-table labels */
body[data-site="evojacks"] .navsports h2 {
    color: var(--evo-ivory);
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
}

body[data-site="evojacks"] .navsports h2 a {
    color: var(--evo-ivory);
}

/* Card strip: keep the existing lift-and-fan behavior, recolor it -
   blue table glow + ivory edge instead of the legacy orange */
body[data-site="evojacks"] .navsports .card-rw ul li.active a:hover img,
body[data-site="evojacks"] .navsports .card-rw ul li.active a img {
    box-shadow: 0 0 0 1px var(--evo-ivory), 0 0 10px rgba(210, 47, 64, 0.55);
}

body[data-site="evojacks"] .navsports .card-rw ul li a:hover img {
    box-shadow: 0 0 0 1px var(--evo-ivory), 0 0 10px rgba(210, 47, 64, 0.55);
}

/* Promoted links: one house treatment - gold means prize, the rest stay quiet
   (replaces the legacy lime/orange/cyan/yellow four-color patchwork) */
body[data-site="evojacks"] a.leaderboard_button_evo span {
    color: var(--evo-gold);
}

body[data-site="evojacks"] .casino_button_evo_buy a span,
body[data-site="evojacks"] .casino_button_evo a span,
body[data-site="evojacks"] a.staking_button_evo span {
    color: var(--evo-text-dim);
    transition: color 0.15s ease;
}

body[data-site="evojacks"] .casino_button_evo_buy a:hover span,
body[data-site="evojacks"] .casino_button_evo a:hover span,
body[data-site="evojacks"] a.staking_button_evo:hover span {
    color: var(--evo-ivory);
}

/* Phone bottom bar */
body[data-site="evojacks"] .bottom-fix {
    background: var(--evo-ink, #160a0b);
    border-top: 1px solid var(--evo-line);
}

body[data-site="evojacks"] .bottom-fix ul li a.active {
    color: var(--evo-blue-bright, #d22f40);
}

/* Footer */
body[data-site="evojacks"] footer {
    background: var(--evo-ink, #160a0b);
    border-top: 1px solid var(--evo-line);
}

body[data-site="evojacks"] .footer-top {
    border-bottom: 1px solid var(--evo-line);
}

body[data-site="evojacks"] .quicklinks h3 {
    color: var(--evo-ivory);
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 15px;
}

body[data-site="evojacks"] .quicklinks li a {
    color: var(--evo-text-dim);
}

body[data-site="evojacks"] .quicklinks li a:hover {
    color: var(--evo-ivory);
}

body[data-site="evojacks"] .quicklinks li a span {
    color: var(--evo-blue-bright);
}

/* Chrome scrollbar */
body[data-site="evojacks"] .scrollbar-thin::-webkit-scrollbar {
    background-color: var(--evo-ink);
}

body[data-site="evojacks"] .scrollbar-thin::-webkit-scrollbar-thumb {
    background: var(--evo-line);
}

body[data-site="evojacks"] .scrollbar-thin::-webkit-scrollbar-thumb:hover {
    background: var(--evo-blue);
}

/* Keyboard focus ring - visible only for keyboard navigation */
body[data-site="evojacks"] a:focus-visible,
body[data-site="evojacks"] button:focus-visible {
    outline: 2px solid var(--evo-blue-bright);
    outline-offset: 2px;
}

/* Respect reduced-motion for the card-strip lift */
@media (prefers-reduced-motion: reduce) {
    body[data-site="evojacks"] .navsports .card-rw ul li a img,
    body[data-site="evojacks"] .navsports .card-rw ul li.active a img,
    body[data-site="evojacks"] .navsports .card-rw ul li a:hover img {
        transition: none;
        transform: none;
        -webkit-transform: none;
    }
}

/* ***** EvoJacks chrome Phase 1 addendum (2026-07-11): phone card selector ***** */
/* The bottom-bar card selector kept the legacy orange gradients and blur -
   same felt/blue language as the rest of the chrome, geometry untouched. */



/* ***** EvoJacks chrome Phase 1 addendum 2 (2026-07-11) ***** */
/* Round-2 review fixes: per-section gradient panels, mobile account cluster
   (btn-enter, not btn-theme), inherited dropdown blur. */

/* Section context panels: one felt treatment replaces the per-section
   orange/yellow/blue/green/purple gradient panels. The legacy rules key on
   page body IDs (#rewards_index .navsports, ~26 IDs in grouped selectors),
   and ID specificity cannot be beaten by class chains - hence the two
   !importants, still scoped to evojacks only. */
body[data-site="evojacks"] .navsports {
    border-color: var(--evo-line, #50262b) !important;
    background: var(--evo-felt-raised, #3a181c) !important;
}

/* Header dropdowns: clear the inherited blur, felt surface */
body[data-site="evojacks"] .navlinks-header ul.headlinks li .dropdown-menu {
    background: var(--evo-felt-raised, #3a181c);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

body[data-site="evojacks"] header .dropdown-menu,
body[data-site="evojacks"] .mobile-header .dropdown-menu {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

/* Mobile account cluster: the phone partial renders button.btn-enter
   (btn-in = primary, user-info = wallet chip), not btn-theme/btn-outline */
body[data-site="evojacks"] .mobile-header .header-block ul.mobile-account-actions li button.btn-enter {
    border: 1px solid var(--evo-line, #50262b);
    border-radius: 10px;
    color: var(--evo-ivory, #f4efe4);
}

body[data-site="evojacks"] .mobile-header .header-block ul.mobile-account-actions li button.btn-enter.btn-in {
    border-color: var(--evo-blue, #d22f40);
    background: var(--evo-blue, #d22f40);
    color: #fbf7ef;
}

body[data-site="evojacks"] .mobile-header .header-block ul.mobile-account-actions li button.btn-enter:hover {
    background: var(--evo-blue-bright, #d22f40);
    border-color: var(--evo-blue-bright, #d22f40);
    color: #fbf7ef;
}

body[data-site="evojacks"] .mobile-header .header-block ul.mobile-account-actions li button.btn-enter.user-info {
    background: var(--evo-felt-raised, #3a181c);
    color: var(--evo-ivory, #f4efe4);
}

/* Desktop headlinks btn-enter variant (gradient primary on some pages) */
body[data-site="evojacks"] .navlinks-header ul.headlinks li button.btn-enter {
    border-radius: 10px;
}

body[data-site="evojacks"] .navlinks-header ul.headlinks li button.btn-enter.btn-in {
    background: var(--evo-blue, #d22f40);
    border-color: var(--evo-blue, #d22f40);
}

/* ***** EvoJacks chrome Phase 1 addendum 3 (2026-07-11) ***** */
/* Round-3 review fixes: sidebar interaction accents, focus ring vs the global
   outline reset, subscription dropdown text, anchor-based account triggers.
   The !importants below each beat a legacy !important or an ID-specificity
   rule set that cannot otherwise be overridden; all stay evojacks-scoped. */

/* Sidebar active rail + hover fill: one blue treatment replaces the
   per-section orange/blue/green/purple gradients (ID-keyed legacy rules) */
body[data-site="evojacks"] .sidebar-menus ul li:after {
    background: var(--evo-blue, #d22f40) !important;
}

body[data-site="evojacks"] .sidebar-menus ul li a:before {
    background: rgba(210, 47, 64, 0.1) !important;
}

/* Keyboard focus ring: the global a:focus/button:focus reset uses
   outline: none !important, so this must be important too. Specificity
   (body[data-site] prefix) makes it win for keyboard focus only. */
body[data-site="evojacks"] a:focus-visible,
body[data-site="evojacks"] button:focus-visible {
    outline: 2px solid var(--evo-blue-bright, #d22f40) !important;
    outline-offset: 2px;
}

/* Subscriptions dropdown: legacy rule pins bootstrap's dark link color with
   !important - unreadable on the new felt surface */
body[data-site="evojacks"] .subscription_drop ul li a {
    color: var(--evo-ivory, #f4efe4) !important;
}

/* Account cluster triggers that are anchors, not buttons (currency/balance
   dropdown toggles on phone and the sub-1400px mobile_balance variant) */
body[data-site="evojacks"] .mobile-header .header-block ul.mobile-account-actions li a.btn-enter,
body[data-site="evojacks"] .mobile_balance a.dropdown-toggle.btn-enter,
body[data-site="evojacks"] header .mobile_balance a.dropdown-toggle {
    border-radius: 10px;
    color: var(--evo-ivory, #f4efe4);
}

/* ***** EvoJacks chrome Phase 1 addendum 4 (2026-07-11) ***** */
/* Round-4 review fixes: account controls behind ID selectors, remaining
   orange sidebar icon accents, desktop dropdown hover specificity. */

/* Sign In / Sign Up / wallet chip: legacy #logInOutBtn/#signUpBtn and the
   long headlinks selector outrank the first-pass class rules */
body[data-site="evojacks"] #logInOutBtn {
    border: 1px solid var(--evo-line, #50262b);
    border-radius: 10px;
    color: var(--evo-ivory, #f4efe4);
}

body[data-site="evojacks"] #signUpBtn {
    border: 1px solid var(--evo-blue, #d22f40);
    border-radius: 10px;
    background: var(--evo-blue, #d22f40);
}

body[data-site="evojacks"] #signUpBtn:hover {
    background: var(--evo-blue-bright, #d22f40);
}

body[data-site="evojacks"] .navlinks-header ul.headlinks li button.user-info {
    border: 1px solid var(--evo-line, #50262b);
    border-radius: 10px;
    background: var(--evo-felt-raised, #3a181c);
}

/* Sidebar icon accents: the orange drop-shadow family -> blue. !important
   beats the ID-keyed per-section variants of the same rules. */
body[data-site="evojacks"] .sidebar-menus ul li a:hover img,
body[data-site="evojacks"] .sidebar-menus ul li.active a img,
body[data-site="evojacks"] .sidebar-menus ul li.newly-added a img,
body[data-site="evojacks"] .sidebar-menus ul li a:hover i,
body[data-site="evojacks"] .sidebar-menus ul li.active i {
    filter: grayscale(0%) drop-shadow(0 0 12px rgba(43, 107, 255, 0.55)) !important;
    -webkit-filter: grayscale(0%) drop-shadow(0 0 12px rgba(43, 107, 255, 0.55)) !important;
}

body[data-site="evojacks"] .card_sidebar li.active a i.fas,
body[data-site="evojacks"] .card_sidebar li.active a i.fa,
body[data-site="evojacks"] .sidebar-category-header.expanded i.fas:first-child {
    color: var(--evo-blue-bright, #d22f40);
}

/* Desktop dropdown item hover: the legacy selector carries more element
   parts and was winning with a transparent background */
body[data-site="evojacks"] .navlinks-header ul.headlinks li .dropdown-menu li a:hover {
    background: rgba(210, 47, 64, 0.12);
    color: #ffffff;
}

/* ***** EvoJacks chrome Phase 1 addendum 5 (2026-07-11) ***** */
/* Round-5 review fixes: last legacy orange/purple accents in the sidebar. */

/* Hover icons matched the active-state orange, round-4 only covered active */
body[data-site="evojacks"] .card_sidebar li a:hover i.fas,
body[data-site="evojacks"] .card_sidebar li a:hover i.fa {
    color: var(--evo-blue-bright, #d22f40);
}

/* The active rail kept its section-colored glow (ID-keyed box-shadows) */
body[data-site="evojacks"] .sidebar-menus ul li:after {
    box-shadow: 0 0 18px 0 rgba(210, 47, 64, 0.35) !important;
}

/* Sidebar footer links hovered orange */
body[data-site="evojacks"] .sidelinks ul li a:hover {
    color: var(--evo-blue-bright, #d22f40);
}

/* ***** EvoJacks chrome Phase 1 addendum 6 (2026-07-11) ***** */
/* Badges carry the heart red per the design law (alerts/counts only). */
body[data-site="evojacks"] .wicked-badge {
    background: var(--evo-heart, #e0344a);
}

body[data-site="evojacks"] .cart-items {
    background: var(--evo-heart, #e0344a);
}

/* ***** EvoJacks chrome Phase 2 (2026-07-11): text navigation ***** */
/* The header nav labels are now tr() text spans (.evo-nav-label) instead of
   per-language SVG image pairs; active_link_to still supplies .active on the
   link. Evojacks-scoped; the other sites keep their image nav. */

body[data-site="evojacks"] .head_links_list a,
body[data-site="evojacks"] .head_links_list_mob a {
    display: inline-flex;
    align-items: center;
    padding: 9px 14px;
    text-decoration: none;
}

body[data-site="evojacks"] .evo-nav-label {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.3px;
    color: var(--evo-text-dim, #bb959b);
    white-space: nowrap;
    transition: color 0.15s ease;
}

body[data-site="evojacks"] .head_links_list a:hover .evo-nav-label,
body[data-site="evojacks"] .head_links_list_mob a:hover .evo-nav-label,
body[data-site="evojacks"] .head_links_list a.active .evo-nav-label,
body[data-site="evojacks"] .head_links_list_mob a.active .evo-nav-label {
    color: var(--evo-ivory, #f4efe4);
}

/* Active marker: a short blue underline inside the link, no layout shift */
body[data-site="evojacks"] .head_links_list a.active,
body[data-site="evojacks"] .head_links_list_mob a.active {
    box-shadow: inset 0 -2px 0 var(--evo-blue, #d22f40);
}

/* Prediction Markets loses its lone gold-button treatment and joins the row
   (the legacy rule keys on .pm-head-text, which the evo header no longer
   renders; this guard also neutralizes any shared leftovers) */
body[data-site="evojacks"] .head_links_prediction_markets .evo-nav-label {
    background: none;
    border: none;
    height: auto;
    padding: 0;
    margin: 0;
}

/* ***** Betarama chrome - Phase 1, CSS only (2026-07-15) ***** */
/* Circus chrome language for header / sidebar / footer / phone bars. Every
   rule is scoped to body[data-site="betarama"], so the mirrored copies in the
   other four css dirs are inert. Geometry (position, size, padding, z-index)
   is untouched - surfaces, borders, and colors only. Uses the global --btr-*
   palette introduced with the homepage redesign, plus one prize gold declared
   below. One interaction color (orange); gold reserved for prize meaning;
   deliberately NOT the EvoJacks treatment: warm browns instead of ink/navy,
   pill silhouettes (18px+) instead of 10px cards, an active FILL instead of
   an underline, and the homepage tent-stripe echoed once on the header edge.
   Structure copied whole from the EvoJacks chrome blocks (Phase 1 + addenda
   1-6), which already encode the legacy specificity traps: ID-keyed section
   panels, the three button systems (btn-theme / btn-enter / #signUpBtn), the
   global focus-outline reset, and the subscription dropdown !important. */

body[data-site="betarama"] {
    --btr-gold: #edba4e;
}

/* Header shell: brown ground, fine warm border. (The tent-stripe echo was
   dropped 2026-07-15 - owner: two stacked stripe bars was too much; the
   homepage hero keeps the one stripe.) */
body[data-site="betarama"] header,
body[data-site="betarama"] .mobile-header {
    background: var(--btr-brown, #1B1410);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-bottom: 1px solid var(--btr-line, #4A342A);
}

/* Header nav wrappers: warm fill on hover/active behind the labels */
body[data-site="betarama"] .head_links_list,
body[data-site="betarama"] .head_links_list_mob {
    border-radius: 999px;
    transition: background 0.15s ease;
}

body[data-site="betarama"] .head_links_list:hover,
body[data-site="betarama"] .head_links_list_mob:hover,
body[data-site="betarama"] .head_links_list .active,
body[data-site="betarama"] .head_links_list_mob .active {
    background: rgba(210, 47, 64, 0.12);
}

/* Header account cluster: one orange primary (the existing brand gradient),
   everything else quiet warm chips; keep betarama's rounder pill radius */
body[data-site="betarama"] header .btn-theme,
body[data-site="betarama"] .mobile-header .btn-theme {
    background: linear-gradient(111deg, var(--btr-orange) 10.81%, #a3121f 100.23%);
    border: 1px solid var(--btr-line, #4A342A);
    border-radius: 20px;
    color: #fbf7ef;
}

body[data-site="betarama"] header .btn-theme:hover,
body[data-site="betarama"] .mobile-header .btn-theme:hover {
    background: var(--btr-orange-bright, #d22f40);
    background-color: var(--btr-orange-bright, #d22f40) !important;
    color: #fbf7ef !important;
}

body[data-site="betarama"] header .btn-theme.user-info,
body[data-site="betarama"] .mobile-header .btn-theme.user-info {
    background: var(--btr-brown-alt, #261C17);
    color: var(--btr-beige, #f4eadc);
}

body[data-site="betarama"] header .btn-theme.user-info:hover,
body[data-site="betarama"] .mobile-header .btn-theme.user-info:hover {
    background: var(--btr-brown, #1B1410);
    background-color: var(--btr-brown, #1B1410) !important;
}

body[data-site="betarama"] header .btn-outline,
body[data-site="betarama"] .mobile-header .btn-outline {
    border-radius: 20px;
    border-color: var(--btr-line, #4A342A);
    color: var(--btr-beige, #f4eadc);
}

body[data-site="betarama"] header .btn-outline:hover,
body[data-site="betarama"] .mobile-header .btn-outline:hover {
    border-color: var(--btr-orange-bright, #d22f40);
    color: var(--btr-orange-bright, #d22f40);
}

body[data-site="betarama"] header .dropdown-menu,
body[data-site="betarama"] .mobile-header .dropdown-menu {
    background: var(--btr-brown-alt, #261C17);
    border: 1px solid var(--btr-line, #4A342A);
    border-radius: 14px;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

body[data-site="betarama"] header .dropdown-menu .dropdown-item,
body[data-site="betarama"] .mobile-header .dropdown-menu .dropdown-item {
    color: var(--btr-beige, #f4eadc);
}

body[data-site="betarama"] header .dropdown-menu .dropdown-item:hover,
body[data-site="betarama"] .mobile-header .dropdown-menu .dropdown-item:hover {
    background: rgba(210, 47, 64, 0.14);
    color: var(--btr-soft, #FAF6F0);
}

/* Sidebar shell */
body[data-site="betarama"] aside.sidebar {
    background: var(--btr-brown, #1B1410);
    border-right: 1px solid var(--btr-line, #4A342A);
    box-shadow: 4px 0 20px 0 rgba(0, 0, 0, 0.25);
}

/* Section headings: circus-poster tracking, beige */
body[data-site="betarama"] .navsports h2 {
    color: var(--btr-beige, #f4eadc);
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
}

body[data-site="betarama"] .navsports h2 a {
    color: var(--btr-beige, #f4eadc);
}

/* Section context panels: one warm panel replaces the per-section gradient
   panels (legacy rules key on page body IDs; hence the !importants) */
body[data-site="betarama"] .navsports {
    border-color: var(--btr-line, #4A342A) !important;
    background: var(--btr-brown-alt, #261C17) !important;
}

/* Header dropdowns behind the long legacy selector */
body[data-site="betarama"] .navlinks-header ul.headlinks li .dropdown-menu {
    background: var(--btr-brown-alt, #261C17);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

body[data-site="betarama"] .navlinks-header ul.headlinks li .dropdown-menu li a:hover {
    background: rgba(210, 47, 64, 0.14);
    color: var(--btr-soft, #FAF6F0);
}

/* Mobile account cluster (button.btn-enter family, not btn-theme) */
body[data-site="betarama"] .mobile-header .header-block ul.mobile-account-actions li button.btn-enter {
    border: 1px solid var(--btr-line, #4A342A);
    border-radius: 18px;
    color: var(--btr-beige, #f4eadc);
}

body[data-site="betarama"] .mobile-header .header-block ul.mobile-account-actions li button.btn-enter.btn-in {
    border-color: var(--btr-orange, #d22f40);
    background: linear-gradient(111deg, var(--btr-orange) 10.81%, #a3121f 100.23%);
    color: #fbf7ef;
}

body[data-site="betarama"] .mobile-header .header-block ul.mobile-account-actions li button.btn-enter:hover {
    background: var(--btr-orange-bright, #d22f40);
    border-color: var(--btr-orange-bright, #d22f40);
    color: #fbf7ef;
}

body[data-site="betarama"] .mobile-header .header-block ul.mobile-account-actions li button.btn-enter.user-info {
    background: var(--btr-brown-alt, #261C17);
    color: var(--btr-beige, #f4eadc);
}

/* Desktop headlinks btn-enter variant */
body[data-site="betarama"] .navlinks-header ul.headlinks li button.btn-enter {
    border-radius: 18px;
}

body[data-site="betarama"] .navlinks-header ul.headlinks li button.btn-enter.btn-in {
    background: linear-gradient(111deg, var(--btr-orange) 10.81%, #a3121f 100.23%);
    border-color: var(--btr-orange, #d22f40);
}

/* Account controls behind ID selectors */
body[data-site="betarama"] #logInOutBtn {
    border: 1px solid var(--btr-line, #4A342A);
    border-radius: 18px;
    color: var(--btr-beige, #f4eadc);
}

body[data-site="betarama"] #signUpBtn {
    border: 1px solid var(--btr-orange, #d22f40);
    border-radius: 18px;
    background: linear-gradient(111deg, var(--btr-orange) 10.81%, #a3121f 100.23%);
}

body[data-site="betarama"] #signUpBtn:hover {
    background: var(--btr-orange-bright, #d22f40);
}

body[data-site="betarama"] .navlinks-header ul.headlinks li button.user-info {
    border: 1px solid var(--btr-line, #4A342A);
    border-radius: 18px;
    background: var(--btr-brown-alt, #261C17);
}

/* Anchor-based account triggers (currency/balance dropdowns) */
body[data-site="betarama"] .mobile-header .header-block ul.mobile-account-actions li a.btn-enter,
body[data-site="betarama"] .mobile_balance a.dropdown-toggle.btn-enter,
body[data-site="betarama"] header .mobile_balance a.dropdown-toggle {
    border-radius: 18px;
    color: var(--btr-beige, #f4eadc);
}

/* Sidebar active rail + hover fill: warm orange replaces the per-section
   gradients (ID-keyed legacy rules; !important required) */
body[data-site="betarama"] .sidebar-menus ul li:after {
    background: var(--btr-orange, #d22f40) !important;
    box-shadow: 0 0 18px 0 rgba(210, 47, 64, 0.35) !important;
}

body[data-site="betarama"] .sidebar-menus ul li a:before {
    background: rgba(210, 47, 64, 0.1) !important;
}

/* Sidebar icon accents: one warm glow for hover/active/new */
body[data-site="betarama"] .sidebar-menus ul li a:hover img,
body[data-site="betarama"] .sidebar-menus ul li.active a img,
body[data-site="betarama"] .sidebar-menus ul li.newly-added a img,
body[data-site="betarama"] .sidebar-menus ul li a:hover i,
body[data-site="betarama"] .sidebar-menus ul li.active i {
    filter: grayscale(0%) drop-shadow(0 0 12px rgba(228, 68, 40, 0.55)) !important;
    -webkit-filter: grayscale(0%) drop-shadow(0 0 12px rgba(228, 68, 40, 0.55)) !important;
}

body[data-site="betarama"] .card_sidebar li.active a i.fas,
body[data-site="betarama"] .card_sidebar li.active a i.fa,
body[data-site="betarama"] .card_sidebar li a:hover i.fas,
body[data-site="betarama"] .card_sidebar li a:hover i.fa,
body[data-site="betarama"] .sidebar-category-header.expanded i.fas:first-child {
    color: var(--btr-orange-bright, #d22f40);
}

/* Promoted links: gold means prize, the rest stay quiet
   (replaces the legacy lime/orange/cyan/yellow four-color patchwork) */
body[data-site="betarama"] a.leaderboard_button_btr span {
    color: var(--btr-gold, #edba4e);
}

body[data-site="betarama"] .casino_button_btr_buy a span,
body[data-site="betarama"] .casino_button_btr a span,
body[data-site="betarama"] a.staking_button_btr span {
    color: var(--btr-dim, #B8AFA0);
    transition: color 0.15s ease;
}

body[data-site="betarama"] .casino_button_btr_buy a:hover span,
body[data-site="betarama"] .casino_button_btr a:hover span,
body[data-site="betarama"] a.staking_button_btr:hover span {
    color: var(--btr-beige, #f4eadc);
}

/* Subscriptions dropdown text (legacy pins a dark color with !important) */
body[data-site="betarama"] .subscription_drop ul li a {
    color: var(--btr-beige, #f4eadc) !important;
}

/* Phone bottom bar */
body[data-site="betarama"] .bottom-fix {
    background: var(--btr-brown, #1B1410);
    border-top: 1px solid var(--btr-line, #4A342A);
}

body[data-site="betarama"] .bottom-fix ul li a.active {
    color: var(--btr-orange-bright, #d22f40);
}

/* Footer */
body[data-site="betarama"] footer {
    background: var(--btr-brown, #1B1410);
    border-top: 1px solid var(--btr-line, #4A342A);
}

body[data-site="betarama"] .footer-top {
    border-bottom: 1px solid var(--btr-line, #4A342A);
}

body[data-site="betarama"] .quicklinks h3 {
    color: var(--btr-beige, #f4eadc);
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-size: 14px;
}

body[data-site="betarama"] .quicklinks li a {
    color: var(--btr-dim, #B8AFA0);
}

body[data-site="betarama"] .quicklinks li a:hover {
    color: var(--btr-beige, #f4eadc);
}

body[data-site="betarama"] .quicklinks li a span {
    color: var(--btr-orange-bright, #d22f40);
}

/* Chrome scrollbar */
body[data-site="betarama"] .scrollbar-thin::-webkit-scrollbar {
    background-color: var(--btr-brown, #1B1410);
}

body[data-site="betarama"] .scrollbar-thin::-webkit-scrollbar-thumb {
    background: var(--btr-line, #4A342A);
}

body[data-site="betarama"] .scrollbar-thin::-webkit-scrollbar-thumb:hover {
    background: var(--btr-orange, #d22f40);
}

/* Sidebar footer links */
body[data-site="betarama"] .sidelinks ul li a:hover {
    color: var(--btr-orange-bright, #d22f40);
}

/* Keyboard focus ring (the global reset uses outline:none !important) */
body[data-site="betarama"] a:focus-visible,
body[data-site="betarama"] button:focus-visible {
    outline: 2px solid var(--btr-orange-bright, #d22f40) !important;
    outline-offset: 2px;
}

/* ***** Betarama chrome Phase 2 (2026-07-15): text navigation ***** */
/* Header nav labels are tr() text spans (.btr-nav-label) instead of the
   per-language SVG image pairs; active_link_to still supplies .active.
   Circus-poster type (uppercase, wide tracking) and an active pill FILL -
   deliberately not the EvoJacks underline treatment. */

body[data-site="betarama"] .head_links_list a,
body[data-site="betarama"] .head_links_list_mob a {
    display: inline-flex;
    align-items: center;
    padding: 9px 15px;
    text-decoration: none;
    border-radius: 999px;
}

body[data-site="betarama"] .btr-nav-label {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: var(--btr-dim, #B8AFA0);
    white-space: nowrap;
    transition: color 0.15s ease;
}

body[data-site="betarama"] .head_links_list a:hover .btr-nav-label,
body[data-site="betarama"] .head_links_list_mob a:hover .btr-nav-label,
body[data-site="betarama"] .head_links_list a.active .btr-nav-label,
body[data-site="betarama"] .head_links_list_mob a.active .btr-nav-label {
    color: var(--btr-beige, #f4eadc);
}

/* Active marker: the warm pill fill (no underline, no layout shift) */
body[data-site="betarama"] .head_links_list a.active,
body[data-site="betarama"] .head_links_list_mob a.active {
    background: rgba(210, 47, 64, 0.16);
}

/* Prediction Markets joins the row; neutralize the legacy gold-button rule
   in case any shared leftovers still target the old class */
body[data-site="betarama"] .head_links_prediction_markets .btr-nav-label {
    background: none;
    border: none;
    height: auto;
    padding: 0;
    margin: 0;
}


/* =========================================================================
   LOL Casino homepage chrome (owner call 2026-08-29) - mirrored across the
   affiliate stylesheets for cross-site reuse parity. LOL-only class names,
   rendered only on lolcasino.io, so these rules are inert on every other site.
   The per-site .wic-home-lb leaderboard reskin is NOT mirrored (each site keeps
   its own leaderboard colours; it lives in lolcasino.io/style.css only).
   ========================================================================= */

/* --- Hero --- */
.lol-hero {
  display: flex;
  gap: 24px;
  align-items: stretch;
  max-width: 1399px;
  margin: 14px auto 16px;
  padding: 28px 30px;
  background: linear-gradient(135deg, #2e171a 0%, #200e10 100%);
  border: 1px solid #412326;
  border-radius: 14px;
  position: relative;
  overflow: hidden;
}
.lol-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(120% 140% at 100% 0%, rgba(224, 182, 0, 0.14) 0%, rgba(224, 182, 0, 0) 55%);
  pointer-events: none;
}
.lol-hero-main {
  position: relative;
  flex: 1 1 58%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.lol-hero-eyebrow {
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #e0b600;
}
.lol-hero-title {
  margin: 0 0 14px;
  font-family: 'Montserrat', sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.08;
  color: #F8F9FC;
}
.lol-hero-sub {
  margin: 0 0 22px;
  max-width: 540px;
  font-size: 15px;
  line-height: 1.6;
  color: #9295A8;
}
.lol-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.lol-hero-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 26px;
  border: 0;
  border-radius: 8px;
  background: linear-gradient(111deg, #e0b600 0%, #f5c518 100%);
  color: #221314;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 6px 16px rgba(224, 182, 0, 0.28);
  transition: filter 0.15s ease, transform 0.15s ease;
}
.lol-hero-btn:hover {
  filter: brightness(1.06);
  color: #221314;
  transform: translateY(-1px);
}
.lol-hero-btn-ghost {
  display: inline-flex;
  align-items: center;
  padding: 12px 24px;
  border-radius: 8px;
  border: 1px solid rgba(224, 182, 0, 0.5);
  background: transparent;
  color: #e0b600;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease;
}
.lol-hero-btn-ghost:hover {
  background: rgba(224, 182, 0, 0.12);
  color: #F6D98A;
}

/* --- Hero featured market card (data-driven from @hot_markets) --- */
.lol-hero-feature {
  position: relative;
  flex: 1 1 42%;
  display: flex;
}
.lol-hero-market {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  padding: 20px;
  border-radius: 12px;
  background: linear-gradient(180deg, #381e21 0%, #2e171a 100%);
  border: 1px solid #572f34;
  text-decoration: none;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35);
  transition: border-color 0.15s ease, transform 0.15s ease;
}
.lol-hero-market:hover {
  border-color: #e0b600;
  transform: translateY(-2px);
}
.lol-hero-market-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  align-self: flex-start;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(224, 182, 0, 0.14);
  color: #e0b600;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.lol-hero-market-q {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  color: #F8F9FC;
}
.lol-hero-market-odds {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.lol-hero-market-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: auto;
  padding-top: 6px;
}
.lol-hero-market-closes {
  font-size: 12px;
  color: #9295A8;
}
.lol-hero-market-cta {
  font-size: 13px;
  font-weight: 700;
  color: #e0b600;
}

/* --- Hero fallback (no live markets): Instant Millionaire invite --- */
.lol-hero-jackpot {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  width: 100%;
  padding: 26px 22px;
  text-align: center;
  border-radius: 12px;
  background: linear-gradient(180deg, #381e21 0%, #2e171a 100%);
  border: 1px solid #572f34;
}
.lol-hero-jackpot-label {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #9295A8;
}
.lol-hero-jackpot-amount {
  font-family: 'Montserrat', sans-serif;
  font-size: 44px;
  font-weight: 800;
  line-height: 1;
  color: #e0b600;
}
.lol-hero-jackpot-line {
  font-size: 14px;
  color: #DFE0E8;
}
.lol-hero-jackpot-foot {
  font-size: 12px;
  color: #9CA3AF;
}

/* --- About LOL (gold-skinned homepage About accordion) --- */
.lol-about-section {
  padding: 0 0 40px;
}
.lol-about-block {
  background: #211214;
  border-radius: 12px;
  border: 1px solid #412326;
  overflow: hidden;
}
.lol-about-block .accordion-item {
  background: transparent;
  border: none;
}
.lol-about-block .accordion-button {
  background: transparent;
  color: #fff;
  box-shadow: none;
  padding: 24px 30px;
}
.lol-about-block .accordion-button::after {
  filter: invert(1);
}
.lol-about-block .accordion-button:not(.collapsed)::after {
  filter: invert(1);
}
.lol-about-block h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 20px;
  letter-spacing: -0.2px;
  margin: 0;
  color: #fff;
}
.lol-about-block .accordion-body {
  padding: 0 30px 30px;
  color: #9295A8;
  font-size: 14px;
  line-height: 1.6;
}
.lol-about-block .accordion-body p {
  margin-bottom: 14px;
}
.lol-about-block .accordion-body span {
  color: #F6D98A;
  font-weight: 600;
}
.lol-about-lead {
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  font-weight: 800;
  color: #fff !important;
  letter-spacing: -0.3px;
  margin-bottom: 18px !important;
}
.lol-about-closing {
  border-top: 1px solid rgba(224, 182, 0, 0.2);
  padding-top: 14px;
  margin-top: 20px !important;
}

/* Home hero, casino-first (16 Oct 2026). The one advertised offer, shown only while the site has the 100% sign-up
   bonus live (in each brand's colours), and the Sign Up button, which is a <button> so it needs the hero font and a pointer. */
.lol-hero-offer {
  align-self: flex-start;
  margin: 0 0 18px;
  padding: 6px 14px;
  border: 1px solid rgba(224, 182, 0, 0.5);
  border-radius: 999px;
  background: rgba(224, 182, 0, 0.12);
  color: #f5c518;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.lol-hero-evo .lol-hero-offer { border-color: rgba(210, 47, 64, 0.55); background: rgba(210, 47, 64, 0.16); color: #c7c1b7; }
.lol-hero-btr .lol-hero-offer { border-color: rgba(210, 47, 64, 0.55); background: rgba(210, 47, 64, 0.16); color: var(--btr-orange-bright); }
.lol-hero-actions button.lol-hero-btn {
  font-family: inherit;
  cursor: pointer;
}