*, *::before, *::after { box-sizing: border-box; }

body { min-width: 0 !important; }

:root {
  --gold:        #F5C542;
  --gold-h:      #FFD454;
  --gold-dim:    rgba(245,197,66,.13);
  --gold-line:   rgba(245,197,66,.22);
  --bg:          #0d0e17;
  --bg2:         #111220;
  --bg3:         #1c1f31;
  --bg4:         #23273d;
  --text:        #ffffff;
  --muted:       rgba(255,255,255,.5);
  --row1-h:      62px;
  --row2-h:      46px;
  --nav-h:       108px;
  --radius:      8px;
}

body,
#trader-tutan,
.layout-bc {
  background: var(--bg) !important;
  min-width: 0 !important;
}


nav:not(.tb-mainnav) {
  background-color: transparent !important;
  background:       none !important;
  height:           0 !important;
  max-height:       0 !important;
  overflow:         hidden !important;
  display:          none !important;
}

#sticky-container {
  margin-left: 0 !important;
  width:       100% !important;
  padding-top: var(--nav-h) !important;
  margin-top:  0 !important;
}

#mainSlider {
  margin-top: 16px !important;
}


#tb-topnav {
  position:       fixed !important;
  top:            0 !important;
  left:           0 !important;
  right:          0 !important;
  width:          100% !important;
  z-index:        1000000 !important;
  display:        flex !important;
  flex-direction: column !important;
  margin:         0 !important;
  padding:        0 !important;
  border:         none !important;
}

#tb-topnav .tb-row1 {
  display:         flex !important;
  align-items:     center !important;
  justify-content: space-between !important;
  height:          var(--row1-h) !important;
  padding:         0 36px !important;
  background:  var(--bg) !important;
  flex-shrink: 0 !important;
}
#tb-topnav .tb-row1-left {
  display:     flex !important;
  align-items: center !important;
  gap:         12px !important;
}
#tb-topnav .tb-row1-right {
  display:     flex !important;
  align-items: center !important;
  gap:         10px !important;
  flex-shrink: 0 !important;
}

#tb-topnav .tb-logo {
  display:         inline-flex !important;
  align-items:     center !important;
  text-decoration: none !important;
  flex-shrink:     0 !important;
  margin-right:    8px !important;
  padding:         0 !important;
  background:      none !important;
  border:          none !important;
}
#tb-topnav .tb-logo img {
  height:    40px !important;
  width:     auto !important;
  display:   block !important;
  max-width: none !important;
}

#tb-topnav .tb-pill {
  display:         inline-flex !important;
  align-items:     center !important;
  gap:             6px !important;
  padding:         7px 15px !important;
  border-radius:   100px !important;
  background:      rgba(245,197,66,.1) !important;
  border:          1px solid rgba(245,197,66,.28) !important;
  color:           #F5C542 !important;
  font-size:       13px !important;
  font-weight:     700 !important;
  letter-spacing:  0 !important;
  text-transform:  none !important;
  text-decoration: none !important;
  white-space:     nowrap !important;
  line-height:     1 !important;
  cursor:          pointer !important;
  transition:      background .18s, border-color .18s !important;
}
#tb-topnav .tb-pill i {
  font-size:   12px !important;
  line-height: 1 !important;
  display:     inline-block !important;
}
#tb-topnav .tb-pill:hover {
  background:   rgba(245,197,66,.18) !important;
  border-color: rgba(245,197,66,.55) !important;
  color:        #F5C542 !important;
}

#tb-topnav .tb-lang {
  position:    relative !important;
  display:     inline-flex !important;
  flex-shrink: 0 !important;
}
#tb-topnav .tb-lang-btn {
  display:        inline-flex !important;
  align-items:    center !important;
  gap:            6px !important;
  padding:        7px 11px !important;
  background:     rgba(255,255,255,.05) !important;
  border:         1px solid rgba(255,255,255,.12) !important;
  border-radius:  7px !important;
  color:          rgba(255,255,255,.85) !important;
  font-size:      13px !important;
  font-weight:    600 !important;
  cursor:         pointer !important;
  line-height:    1 !important;
  text-transform: none !important;
  white-space:    nowrap !important;
  transition:     border-color .18s, background .18s !important;
}
#tb-topnav .tb-lang-btn:hover {
  border-color: rgba(245,197,66,.4) !important;
  background:   rgba(245,197,66,.06) !important;
}
#tb-topnav .tb-flag {
  font-size:      17px !important;
  line-height:    1 !important;
  display:        inline-block !important;
}
#tb-topnav .tb-lang-code {
  font-size:   13px !important;
  font-weight: 600 !important;
  color:       rgba(255,255,255,.85) !important;
  line-height: 1 !important;
}
#tb-topnav .tb-lang-arrow {
  font-size:   9px !important;
  color:       rgba(255,255,255,.3) !important;
  line-height: 1 !important;
  transition:  transform .2s !important;
}
#tb-topnav .tb-lang:hover .tb-lang-arrow {
  transform: rotate(180deg) !important;
}
#tb-topnav .tb-lang-drop {
  display:       none !important;
  position:      absolute !important;
  top:           calc(100% + 8px) !important;
  right:         0 !important;
  min-width:     145px !important;
  background:    #1e2132 !important;
  border:        1px solid rgba(245,197,66,.2) !important;
  border-radius: 10px !important;
  overflow:      hidden !important;
  box-shadow:    0 14px 40px rgba(0,0,0,.6) !important;
  z-index:       1000001 !important;
  padding:       4px 0 !important;
}
#tb-topnav .tb-lang:hover .tb-lang-drop {
  display: block !important;
}
#tb-topnav .tb-lang-opt {
  display:         flex !important;
  align-items:     center !important;
  gap:             9px !important;
  padding:         10px 15px !important;
  color:           rgba(255,255,255,.7) !important;
  text-decoration: none !important;
  font-size:       13px !important;
  font-weight:     500 !important;
  line-height:     1 !important;
  background:      transparent !important;
  border:          none !important;
  width:           100% !important;
  transition:      background .15s, color .15s !important;
}
#tb-topnav .tb-lang-opt:hover {
  background: rgba(245,197,66,.1) !important;
  color:      #F5C542 !important;
}

#tb-topnav .tb-vdivider {
  width:       1px !important;
  height:      20px !important;
  background:  rgba(255,255,255,.1) !important;
  flex-shrink: 0 !important;
  display:     block !important;
}

#tb-topnav .tb-btn-outline {
  display:         inline-flex !important;
  align-items:     center !important;
  justify-content: center !important;
  padding:         8px 20px !important;
  background:      transparent !important;
  border:          1.5px solid rgba(245,197,66,.55) !important;
  border-radius:   7px !important;
  color:           #F5C542 !important;
  font-size:       14px !important;
  font-weight:     600 !important;
  text-decoration: none !important;
  text-transform:  none !important;
  white-space:     nowrap !important;
  line-height:     1 !important;
  cursor:          pointer !important;
  letter-spacing:  0 !important;
  transition:      background .18s, border-color .18s !important;
}
#tb-topnav .tb-btn-outline:hover {
  background:   rgba(245,197,66,.1) !important;
  border-color: rgba(245,197,66,.85) !important;
}
#tb-topnav .tb-btn-gold {
  display:         inline-flex !important;
  align-items:     center !important;
  justify-content: center !important;
  padding:         8px 20px !important;
  background:      #F5C542 !important;
  border:          1.5px solid #F5C542 !important;
  border-radius:   7px !important;
  color:           #111320 !important;
  font-size:       14px !important;
  font-weight:     700 !important;
  text-decoration: none !important;
  text-transform:  none !important;
  white-space:     nowrap !important;
  line-height:     1 !important;
  cursor:          pointer !important;
  letter-spacing:  0 !important;
  transition:      background .18s, border-color .18s !important;
}
#tb-topnav .tb-btn-gold:hover {
  background:   #ffd454 !important;
  border-color: #ffd454 !important;
}

#tb-topnav .tb-uname {
  display:       inline-flex !important;
  align-items:   center !important;
  gap:           6px !important;
  color:         rgba(255,255,255,.5) !important;
  font-size:     13px !important;
  font-weight:   500 !important;
  max-width:     130px !important;
  overflow:      hidden !important;
  text-overflow: ellipsis !important;
  white-space:   nowrap !important;
  line-height:   1 !important;
  text-decoration: none !important;
}
#tb-topnav .tb-uname i {
  color:       #F5C542 !important;
  font-size:   15px !important;
  line-height: 1 !important;
}
#tb-topnav .tb-bal {
  display:       inline-flex !important;
  align-items:   center !important;
  padding:       7px 13px !important;
  background:    rgba(245,197,66,.1) !important;
  border:        1px solid rgba(245,197,66,.28) !important;
  border-radius: 7px !important;
  color:         #F5C542 !important;
  font-size:     14px !important;
  font-weight:   700 !important;
  white-space:   nowrap !important;
  line-height:   1 !important;
}

#tb-topnav .tb-row2 {
  display:       flex !important;
  align-items:   center !important;
  height:        calc(var(--row2-h) - 8px) !important;
  min-height:    calc(var(--row2-h) - 8px) !important;
  margin:        4px 16px 4px !important;
  border-top:    0 !important;
  padding:       0 18px !important;
  border-radius: 999px !important;
  background:    linear-gradient(180deg, #ffd96b, #F5C542 55%, #e2ac2c) !important;
  box-shadow:    inset 0 1px 0 rgba(255,255,255,.45), 0 6px 16px rgba(0,0,0,.35) !important;
  flex-shrink: 0 !important;
}

#tb-topnav .tb-mainnav {
  display:          flex !important;
  align-items:      stretch !important;
  justify-content:  center !important;
  gap:              6px !important;
  margin:           0 !important;
  padding:          0 !important;
  list-style:       none !important;
  height:           100% !important;
  background-color: transparent !important;
  background:       none !important;
  box-shadow:       none !important;
  width:            100% !important;
  line-height:      normal !important;
}

#tb-topnav .tb-mainnav a {
  display:         inline-flex !important;
  align-items:     center !important;
  justify-content: center !important;
  flex:            0 0 auto !important;
  gap:             9px !important;
  padding:         0 4px !important;
  color:           #111320 !important;
  font-size:       16px !important;
  font-weight:     700 !important;
  text-decoration: none !important;
  text-transform:  none !important;
  letter-spacing:  0 !important;
  white-space:     nowrap !important;
  background:      transparent !important;
  border:          none !important;
  line-height:     1 !important;
  cursor:          pointer !important;
  position:        relative !important;
  transition:      color .15s !important;
}
#tb-topnav .tb-mainnav a i {
  font-size:   18px !important;
  line-height: 1 !important;
  display:     inline-block !important;
  color:       #111320 !important;
  width:       auto !important;
  height:      auto !important;
}
#tb-topnav .tb-mainnav a svg.tb-nav-ico {
  width:        22px !important;
  height:       22px !important;
  display:      inline-block !important;
  flex-shrink:  0 !important;
  color:        #111320 !important;
  fill:         none !important;
  stroke:       currentColor !important;
  overflow:     visible !important;
}
#tb-topnav .tb-mainnav a img.tb-nav-img {
  width:        20px !important;
  height:       20px !important;
  object-fit:   contain !important;
  display:      inline-block !important;
  flex-shrink:  0 !important;
  vertical-align: middle !important;
  filter:       drop-shadow(0 1px 2px rgba(0,0,0,.25)) !important;
}
#tb-topnav .tb-mainnav .tb-nav-in {
  position:    relative !important;
  display:     inline-flex !important;
  align-items: center !important;
  gap:         8px !important;
  padding:     7px 12px !important;
}
#tb-topnav .tb-mainnav .tb-nav-in::before,
#tb-topnav .tb-mainnav .tb-nav-in::after {
  content:       "" !important;
  position:      absolute !important;
  width:         0 !important;
  height:        0 !important;
  border:        0 solid #111320 !important;
  opacity:       0 !important;
  pointer-events: none !important;
  transition:    width .22s cubic-bezier(.2,.8,.2,1), height .22s cubic-bezier(.2,.8,.2,1), opacity .15s !important;
}
#tb-topnav .tb-mainnav .tb-nav-in::before {
  top:  0 !important;
  left: 0 !important;
  border-top-width:  2px !important;
  border-left-width: 2px !important;
  border-top-left-radius: 4px !important;
}
#tb-topnav .tb-mainnav .tb-nav-in::after {
  bottom: 0 !important;
  right:  0 !important;
  border-bottom-width: 2px !important;
  border-right-width:  2px !important;
  border-bottom-right-radius: 4px !important;
}
#tb-topnav .tb-mainnav a:hover .tb-nav-in::before,
#tb-topnav .tb-mainnav a:hover .tb-nav-in::after,
#tb-topnav .tb-mainnav a.is-active .tb-nav-in::before,
#tb-topnav .tb-mainnav a.is-active .tb-nav-in::after,
#tb-topnav .tb-mainnav a:focus-visible .tb-nav-in::before,
#tb-topnav .tb-mainnav a:focus-visible .tb-nav-in::after {
  width:   14px !important;
  height:  11px !important;
  opacity: 1 !important;
}
#tb-topnav .tb-mainnav a:hover,
#tb-topnav .tb-mainnav a.is-active {
  background: transparent !important;
  color:      #000 !important;
}
#tb-topnav .tb-mainnav a:focus-visible { outline: none !important; }

#tb-topnav .tb-pill--promo {
  position:   relative;
  color:      #1a1305 !important;
  font-weight: 700 !important;
  background: linear-gradient(180deg, #ffe08a, #f2b73f 55%, #d99a22) !important;
  border-color: transparent !important;
  box-shadow: 0 4px 14px rgba(242,183,63,.35), inset 0 1px 0 rgba(255,255,255,.6);
  animation:  tb-promo-hop 3.2s cubic-bezier(.3,0,.3,1) infinite;
  transform-origin: 50% 100%;
}
#tb-topnav .tb-pill--promo i { animation: tb-promo-gift 3.2s ease-in-out infinite; transform-origin: 50% 80%; }
#tb-topnav .tb-pill--promo::after {
  content: "";
  position: absolute;
  inset: -3px;
  border-radius: inherit;
  box-shadow: 0 0 0 0 rgba(242,183,63,.55);
  animation: tb-promo-ring 3.2s ease-out infinite;
  pointer-events: none;
}
#tb-topnav .tb-pill--promo:hover { animation-play-state: paused; filter: brightness(1.06); }
@keyframes tb-promo-hop {
  0%, 62%, 100% { transform: translateY(0) scale(1, 1); }
  66%           { transform: translateY(0) scale(1.06, .9); }
  74%           { transform: translateY(-7px) scale(.97, 1.04); }
  82%           { transform: translateY(0) scale(1.05, .93); }
  87%           { transform: translateY(-2px) scale(1, 1); }
  92%           { transform: translateY(0) scale(1, 1); }
}
@keyframes tb-promo-gift {
  0%, 66%, 100% { transform: rotate(0); }
  72% { transform: rotate(-14deg); }
  78% { transform: rotate(12deg); }
  84% { transform: rotate(-6deg); }
  90% { transform: rotate(0); }
}
@keyframes tb-promo-ring {
  0%, 80% { box-shadow: 0 0 0 0 rgba(242,183,63,.55); }
  100%    { box-shadow: 0 0 0 9px rgba(242,183,63,0); }
}
#tb-topnav .tb-mainnav a:hover i {
  color: #000 !important;
}

#tb-topnav .tb-live-dot {
  display:       inline-block !important;
  width:         8px !important;
  height:        8px !important;
  min-width:     8px !important;
  min-height:    8px !important;
  border-radius: 50% !important;
  background:    #c0392b !important;
  flex-shrink:   0 !important;
  animation:     tb-pulse 1.6s ease-in-out infinite !important;
}
@keyframes tb-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(0,0,0,.3); }
  60%       { box-shadow: 0 0 0 6px rgba(0,0,0,0); }
}

#preloader             { background: var(--bg) !important; }
.sk-wave-rect          { background: var(--gold) !important; }

.hdr-cntr,
header#header          { background: var(--bg) !important; border-bottom: 1px solid var(--gold-line) !important; }
.hdr-cntr-second-row   { background: var(--bg) !important; }

.a-color, .btn.a-color, button.a-color,
.connect-wallet,
.btn-primary,
.hdr-smart-panel-holder-bc,
.sp-button-bc.active,
.sp-button-bc:hover {
  background:   var(--gold) !important;
  color:        var(--bg)   !important;
  border-color: var(--gold) !important;
}
.a-color:hover, .btn.a-color:hover { background: var(--gold-h) !important; }
.connect-wallet:before, .currency-control-symbol { background: var(--gold) !important; }

.dropdown-content, #rgstr-drop-fix {
  background:  var(--bg3) !important;
  border:      1px solid var(--gold-line) !important;
  box-shadow:  0 8px 32px rgba(0,0,0,.6) !important;
}
.dropdown-content .content { background: var(--bg3) !important; }
.dropdown-content ul li a   { color: var(--text) !important; }
.dropdown-content ul li a:hover { color: var(--gold) !important; background: var(--gold-dim) !important; }
.dropdown-content ul li a svg path,
.dropdown-content ul li a svg circle { fill: var(--muted) !important; }
.dropdown-content ul li a:hover svg path,
.dropdown-content ul li a:hover svg circle { fill: var(--gold) !important; }

.user-name .username { color: var(--gold) !important; font-weight: 600 !important; }
.user-name .second   { color: var(--muted) !important; font-size: 11px !important; }

.serce-modal .modal-dialog { background: var(--bg3) !important; border: 1px solid var(--gold-line) !important; }
.serce-vip-tabs .tab-header button { background: transparent !important; color: var(--muted) !important; border: none !important; border-bottom: 2px solid transparent !important; }
.serce-vip-tabs .tab-header button.active { color: var(--gold) !important; border-bottom-color: var(--gold) !important; }
.progress-bar > div { background: var(--gold) !important; }
.progress-card { background: var(--bg4) !important; border: 1px solid var(--gold-line) !important; }
.claim.enabled, .claim-rakeback, .vip-shop-btn { background: var(--gold) !important; color: var(--bg) !important; border-color: var(--gold) !important; }

.ngs-icon path, .ngs-icon circle { fill: var(--muted) !important; transition: fill .15s; }
a:hover .ngs-icon path, a:hover .ngs-icon circle { fill: var(--gold) !important; }

* { scrollbar-width: thin; scrollbar-color: var(--bg3) var(--bg); }
*::-webkit-scrollbar       { width: 5px; height: 5px; }
*::-webkit-scrollbar-track { background: var(--bg); }
*::-webkit-scrollbar-thumb { background: var(--bg3); border-radius: 4px; }


.bm_topup { display: none !important; }

#tb-footer {
  background:   var(--bg2);
  border-top:   1px solid var(--gold-line);
  margin-top:   48px;
  padding:      40px 0 0;
  font-size:    14px;
  color:        var(--muted);
}
#tb-footer .tb-ft-inner {
  max-width:  var(--tb-page-max);
  margin:     0 auto;
  padding:    0 24px;
}
#tb-footer .tb-ft-top {
  display:   grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap:       40px;
  padding-bottom: 40px;
  border-bottom:  1px solid var(--gold-line);
}
#tb-footer .tb-ft-brand img {
  height: 34px;
  width:  auto;
  margin-bottom: 14px;
  display: block;
}
#tb-footer .tb-ft-brand p {
  font-size:   13px;
  line-height: 1.7;
  max-width:   260px;
  color:       var(--muted);
}
#tb-footer .tb-ft-col h4 {
  color:          var(--gold);
  font-size:      12px;
  font-weight:    700;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin:         0 0 14px;
}
#tb-footer .tb-ft-col a {
  display:         block;
  color:           var(--muted);
  text-decoration: none;
  font-size:       13px;
  padding:         4px 0;
  transition:      color .15s;
}
#tb-footer .tb-ft-col a:hover { color: var(--gold); }

#tb-footer .tb-ft-payments {
  padding:        28px 0;
  border-bottom:  1px solid var(--gold-line);
  display:        flex;
  align-items:    center;
  justify-content: center;
  gap:            24px;
  flex-wrap:      wrap;
}
#tb-footer .tb-ft-payments span {
  font-size:  12px;
  color:      var(--muted);
  white-space: nowrap;
}
#tb-footer .tb-ft-payments .tb-pay-logos {
  display:     flex;
  justify-content: center;
  align-items: center;
  gap:         12px;
  flex-wrap:   wrap;
}
#tb-footer .tb-ft-payments .tb-pay-wrap {
  width:            76px;
  height:           36px;
  display:          flex;
  align-items:      center;
  justify-content:  center;
  flex-shrink:      0;
}
#tb-footer .tb-ft-payments .tb-pay-wrap img {
  max-width:       100%;
  max-height:      100%;
  width:           auto;
  height:          auto;
  object-fit:      contain;
  opacity:         .55;
  filter:          grayscale(1) brightness(1.1);
  transition:      opacity .2s, filter .2s;
}
#tb-footer .tb-ft-payments .tb-pay-wrap:hover img {
  opacity: 1;
  filter:  grayscale(0) brightness(1);
}

#tb-footer .tb-ft-gcb {
  display:     flex;
  align-items: center;
  gap:         20px;
  padding:     18px 0;
  border-bottom: 1px solid var(--gold-line);
}
#tb-footer .tb-gcb-logo {
  text-decoration: none;
  flex-shrink:     0;
  transition:      opacity .2s;
}
#tb-footer .tb-gcb-logo:hover { opacity: .8; }
#tb-footer .gcb-badge {
  background:    #1b6b3a;
  border-radius: 8px;
  padding:       10px 16px;
  text-align:    center;
  min-width:     76px;
}
#tb-footer .gcb-letters {
  display:        block;
  font-size:      26px;
  font-weight:    900;
  color:          #fff;
  line-height:    1;
  letter-spacing: 3px;
}
#tb-footer .gcb-domain {
  display:        block;
  font-size:      9px;
  color:          rgba(255,255,255,.75);
  margin-top:     5px;
  letter-spacing: .5px;
}
#tb-footer .tb-gcb-text {
  font-size:   11px;
  color:       var(--muted);
  line-height: 1.7;
  margin:      0;
}
#tb-footer .tb-gcb-text strong {
  color: rgba(255,255,255,.7);
}
#tb-footer .tb-gamecheck {
  flex-shrink:   0;
  display:       flex;
  align-items:   center;
  gap:           10px;
  padding:       6px 14px 6px 6px;
  border-radius: 10px;
  background:    #15151f;
  box-shadow:    inset 0 0 0 1px rgba(46,160,90,.55);
  text-decoration: none;
  transition:    box-shadow .2s, transform .2s;
}
#tb-footer a.tb-gamecheck:hover {
  transform:  translateY(-2px);
  box-shadow: inset 0 0 0 1px rgba(62,194,122,.9), 0 0 16px rgba(62,194,122,.18);
}
#tb-footer .tb-gc-qr {
  display:       block;
  padding:       3px;
  border-radius: 6px;
  background:    #fff;
}
#tb-footer .tb-gc-qr img {
  display: block;
  width:   40px;
  height:  40px;
}
#tb-footer .tb-gc-text {
  display:        flex;
  flex-direction: column;
  line-height:    1.15;
}
#tb-footer .tb-gc-logo {
  font-size:      15px;
  font-weight:    300;
  letter-spacing: .6px;
  color:          #3ec27a;
}
#tb-footer .tb-gc-logo b {
  font-weight: 900;
  color:       #fff;
}
#tb-footer .tb-gc-cta {
  margin-top:     2px;
  font-size:      9px;
  font-weight:    800;
  letter-spacing: 1px;
  color:          rgba(255,255,255,.55);
}
#tb-footer .tb-gc-id {
  margin-top:  3px;
  font-size:   11px;
  font-weight: 700;
  color:       #3ec27a;
}
@media (max-width: 760px) {
  #tb-footer .tb-ft-gcb {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }
}

.tb-ft-section {
  padding:       0 0 36px;
  margin-bottom: 36px;
  border-bottom: 1px solid rgba(242,183,63,.12);
}
.tb-prov-viewport {
  overflow:           hidden;
  clip-path:          inset(0);
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 9%, #000 91%, transparent 100%);
  mask-image:         linear-gradient(90deg, transparent 0, #000 9%, #000 91%, transparent 100%);
}
.tb-sponsors-grid {
  display:               grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:                   16px;
  max-width:             900px;
  margin:                0 auto;
}
.tb-sponsor {
  display:        flex;
  flex-direction: column;
  align-items:    center;
  gap:            6px;
  padding:        22px 16px 20px;
  border-radius:  16px;
  text-align:     center;
  background:     #15151f;
  box-shadow:     inset 0 0 0 1px rgba(242,183,63,.22);
  transition:     transform .3s, box-shadow .3s;
}
.tb-sponsor:hover {
  transform:  translateY(-3px);
  box-shadow: inset 0 0 0 1px rgba(255,214,110,.7), 0 0 22px rgba(242,183,63,.14);
}
.tb-sponsor-logo {
  display:       grid;
  place-items:   center;
  height:        76px;
  margin-bottom: 8px;
}
.tb-sponsor-logo img {
  max-height: 76px;
  max-width:  76px;
  object-fit: contain;
  filter:     drop-shadow(0 6px 12px rgba(0,0,0,.45));
}
.tb-sponsor-logo--wide img {
  max-width:  170px;
  max-height: 40px;
}
.tb-sponsor-name {
  font-size:   15px;
  font-weight: 800;
  color:       #fff;
}
.tb-sponsor-role {
  font-size:      11.5px;
  font-weight:    700;
  letter-spacing: .4px;
  color:          #d9b24a;
}
.tb-prov-track {
  display:    flex;
  gap:        14px;
  width:      max-content;
  animation:  tb-marquee 80s linear infinite;
}
.tb-prov-track:hover {
  animation-play-state: paused;
}
@keyframes tb-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
.tb-prov-item {
  display:         flex;
  isolation:       isolate;
  align-items:     center;
  justify-content: center;
  width:           168px;
  height:          72px;
  flex-shrink:     0;
  border-radius:   14px;
  background:      #15151f;
  box-shadow:      inset 0 0 0 1px rgba(242,183,63,.22);
  transition:      box-shadow .25s, background .25s;
}
.tb-prov-item img {
  width:          150px;
  height:         auto;
  display:        block;
  object-fit:     contain;
  filter:         grayscale(1) contrast(2.4) brightness(1.75);
  opacity:        .8;
  transition:     opacity .25s, filter .25s;
}
.tb-prov-item:hover {
  background: #191925;
  box-shadow: inset 0 0 0 1px rgba(242,183,63,.7), 0 0 18px rgba(242,183,63,.15);
}
.tb-prov-item:hover img {
  opacity: 1;
  filter:  grayscale(1) contrast(2.4) brightness(1.75) sepia(1) saturate(3.5) hue-rotate(-8deg);
}

#tb-footer .tb-ft-bottom {
  display:         flex;
  align-items:     center;
  justify-content: space-between;
  padding:         20px 0;
  flex-wrap:       wrap;
  gap:             12px;
}
#tb-footer .tb-ft-copyright {
  font-size: 12px;
  color:     var(--muted);
}
#tb-footer .tb-ft-social {
  display: flex;
  gap:     10px;
}
#tb-footer .tb-ft-social a {
  width:           34px;
  height:          34px;
  border-radius:   50%;
  background:      var(--bg3);
  border:          1px solid var(--gold-line);
  display:         flex;
  align-items:     center;
  justify-content: center;
  color:           var(--muted);
  font-size:       14px;
  text-decoration: none;
  transition:      background .15s, color .15s, border-color .15s;
}
#tb-footer .tb-ft-social .tb-ft-social-off {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  color: rgba(242,197,74,.55);
  background: rgba(255,255,255,.04);
  box-shadow: inset 0 0 0 1px rgba(242,183,63,.25);
  cursor: default;
}
#tb-footer .tb-ft-social a:hover {
  background:   var(--gold-dim);
  border-color: var(--gold);
  color:        var(--gold);
}
#tb-footer .tb-ft-18 {
  display:        inline-flex;
  align-items:    center;
  gap:            6px;
  font-size:      11px;
  color:          var(--muted);
  border:         1px solid var(--muted);
  border-radius:  4px;
  padding:        2px 7px;
}

#tb-livechat {
  position:       fixed;
  bottom:         28px;
  right:          24px;
  z-index:        999999;
  display:        flex;
  flex-direction: column;
  align-items:    flex-end;
  gap:            12px;
  pointer-events: none;
}

#tb-lc-panel {
  position:      absolute;
  right:         0;
  bottom:        calc(100% + 14px);
  width:         340px;
  border-radius: 18px;
  overflow:      hidden;
  background:    linear-gradient(180deg, #1c1a22 0%, #121117 100%);
  box-shadow:    0 18px 48px rgba(0,0,0,.65), 0 0 30px rgba(242,183,63,.08);
  transform-origin: calc(100% - 30px) calc(100% + 40px);
  transform:     translateY(10px) scale(.86);
  opacity:       0;
  visibility:    hidden;
  pointer-events: none;
  transition:    transform .22s cubic-bezier(.4,0,1,1), opacity .18s ease, visibility 0s linear .22s;
}
#tb-lc-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(242,183,63,.45);
  pointer-events: none;
  z-index: 2;
}
#tb-lc-panel.tb-lc-visible {
  transform:      translateY(0) scale(1);
  opacity:        1;
  visibility:     visible;
  pointer-events: auto;
  transition:     transform .32s cubic-bezier(.2,.8,.2,1), opacity .2s ease, visibility 0s;
}

#tb-lc-header {
  position:        relative;
  display:         flex;
  align-items:     center;
  justify-content: space-between;
  padding:         16px 16px 16px 18px;
  background:      radial-gradient(120% 160% at 0% 0%, rgba(242,183,63,.22) 0%, rgba(242,183,63,0) 55%), #17161d;
}
#tb-lc-header::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(242,183,63,.7), rgba(242,183,63,0));
}
.tb-lc-hd-left {
  display:     flex;
  align-items: center;
  gap:         12px;
  color:       #fff;
}
.tb-lc-hd-left > i {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  font-size: 17px;
  color: #1a1305;
  background: linear-gradient(180deg, #ffe08a, #f2b73f 55%, #d99a22);
  box-shadow: 0 4px 12px rgba(242,183,63,.35), inset 0 1px 0 rgba(255,255,255,.6);
}
.tb-lc-title {
  font-size:   15px;
  font-weight: 800;
  line-height: 1.2;
}
.tb-lc-sub {
  font-size: 11.5px;
  color: #b9a982;
  margin-top: 3px;
}
#tb-lc-close {
  background:  rgba(255,255,255,.06);
  border:      none;
  color:       #d8cfb8;
  width:       30px;
  height:      30px;
  border-radius: 50%;
  cursor:      pointer;
  display:     flex;
  align-items: center;
  justify-content: center;
  font-size:   13px;
  box-shadow:  inset 0 0 0 1px rgba(242,183,63,.25);
  transition:  background .15s, color .15s;
  flex-shrink: 0;
}
#tb-lc-close:hover { background: rgba(242,183,63,.15); color: #fff; }

#tb-lc-body {
  padding: 18px 18px 20px;
}
.tb-lc-field {
  margin-bottom: 14px;
}
.tb-lc-field label {
  display:     block;
  font-size:   12px;
  font-weight: 700;
  color:       #cfc6b0;
  margin-bottom: 6px;
  letter-spacing: .2px;
}
.tb-lc-field label span {
  color: #f2b73f;
  margin-left: 2px;
}
.tb-lc-field input,
.tb-lc-field select {
  width:         100%;
  background:    #0f0e14;
  border:        1px solid rgba(242,183,63,.22);
  border-radius: 10px;
  color:         #fff;
  font-size:     13px;
  padding:       11px 12px;
  outline:       none;
  transition:    border-color .2s, box-shadow .2s;
  box-sizing:    border-box;
  font-family:   inherit;
}
.tb-lc-field select {
  appearance: none;
  -webkit-appearance: none;
  height: auto;
  line-height: 18px;
  color-scheme: dark;
  padding-right: 34px;
  background-image: linear-gradient(45deg, transparent 50%, #f2b73f 50%), linear-gradient(135deg, #f2b73f 50%, transparent 50%);
  background-position: calc(100% - 17px) 50%, calc(100% - 12px) 50%;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}
.tb-lc-field input::placeholder { color: rgba(255,255,255,.3); }
.tb-lc-field input[readonly] { color: #d8cfb8; background: #15141b; }
.tb-lc-field input:focus,
.tb-lc-field select:focus { border-color: #f2b73f; box-shadow: 0 0 0 3px rgba(242,183,63,.15); }
.tb-lc-field select option { background: #17161d; color: #fff; }
@media (max-width: 768px) {
  .tb-lc-field input,
  .tb-lc-field select { font-size: 16px; }
}

#tb-lc-submit {
  width:         100%;
  background:    linear-gradient(180deg, #ffe08a 0%, #f2b73f 55%, #d99a22 100%);
  border:        none;
  border-radius: 12px;
  color:         #1a1305;
  font-size:     14px;
  font-weight:   800;
  padding:       13px;
  cursor:        pointer;
  margin-top:    4px;
  font-family:   inherit;
  display:       flex;
  align-items:   center;
  justify-content: center;
  gap:           8px;
  box-shadow:    0 8px 20px rgba(242,183,63,.25), inset 0 1px 0 rgba(255,255,255,.6);
  transition:    filter .2s, transform .15s;
}
#tb-lc-submit:hover    { filter: brightness(1.06); transform: translateY(-1px); }
#tb-lc-submit:disabled { opacity: .6; cursor: not-allowed; transform: none; }

#tb-livechat.is-open .tb-coin { animation: none; }
#tb-livechat.is-open .tb-chat-label { display: none; }

#tb-chat-btn {
  pointer-events: auto;
  position: relative;
  width: 74px;
  height: 74px;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  perspective: 520px;
  filter: drop-shadow(0 10px 14px rgba(0,0,0,.55));
  -webkit-tap-highlight-color: transparent;
}
#tb-chat-btn::before {
  content: "";
  position: absolute;
  inset: -10px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(242,183,63,.38) 0%, rgba(242,183,63,0) 68%);
  animation: tb-coin-glow 3.6s ease-in-out infinite;
}
.tb-coin {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  animation: tb-coin-flip 7.2s cubic-bezier(.66,0,.34,1) infinite;
}
.tb-coin-edge,
.tb-coin-face {
  position: absolute;
  inset: 0;
  border-radius: 50%;
}
.tb-coin-edge {
  background: linear-gradient(90deg, #6b4508 0%, #c98d1e 22%, #ffe08a 50%, #c98d1e 78%, #6b4508 100%);
}
.tb-coin-edge:nth-child(1){transform:translateZ(-5.000px)}
.tb-coin-edge:nth-child(2){transform:translateZ(-4.375px)}
.tb-coin-edge:nth-child(3){transform:translateZ(-3.750px)}
.tb-coin-edge:nth-child(4){transform:translateZ(-3.125px)}
.tb-coin-edge:nth-child(5){transform:translateZ(-2.500px)}
.tb-coin-edge:nth-child(6){transform:translateZ(-1.875px)}
.tb-coin-edge:nth-child(7){transform:translateZ(-1.250px)}
.tb-coin-edge:nth-child(8){transform:translateZ(-0.625px)}
.tb-coin-edge:nth-child(9){transform:translateZ(0.000px)}
.tb-coin-edge:nth-child(10){transform:translateZ(0.625px)}
.tb-coin-edge:nth-child(11){transform:translateZ(1.250px)}
.tb-coin-edge:nth-child(12){transform:translateZ(1.875px)}
.tb-coin-edge:nth-child(13){transform:translateZ(2.500px)}
.tb-coin-edge:nth-child(14){transform:translateZ(3.125px)}
.tb-coin-edge:nth-child(15){transform:translateZ(3.750px)}
.tb-coin-edge:nth-child(16){transform:translateZ(4.375px)}
.tb-coin-edge:nth-child(17){transform:translateZ(5.000px)}
.tb-coin-face {
  display: grid;
  place-items: center;
  overflow: hidden;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  background:
    radial-gradient(circle at 34% 26%, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 38%),
    radial-gradient(circle at 50% 55%, #23222b 0%, #121117 62%, #08080b 100%);
  box-shadow:
    inset 0 0 0 3px #f2b73f,
    inset 0 0 0 4px #8a5c12,
    inset 0 0 0 6px rgba(255,224,138,.35),
    inset 0 -8px 14px rgba(0,0,0,.65),
    inset 0 4px 8px rgba(255,255,255,.08);
}
.tb-coin-rim {
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: calc(50% - 4.6px);
  width: 9.2px;
  border-radius: 4.6px;
  transform: rotateY(90deg);
  background: linear-gradient(180deg, #6b4508 0%, #e0a72e 18%, #ffe8a3 50%, #e0a72e 82%, #6b4508 100%);
}
.tb-coin-front { transform: translateZ(5.2px); }
.tb-coin-back  { transform: rotateY(180deg) translateZ(5.2px); }
.tb-coin-face::after {
  content: "";
  position: absolute;
  top: -20%;
  bottom: -20%;
  width: 38%;
  left: -60%;
  background: linear-gradient(100deg, rgba(255,255,255,0) 0%, rgba(255,240,200,.38) 50%, rgba(255,255,255,0) 100%);
  transform: skewX(-18deg);
  animation: tb-coin-shine 3.6s ease-in-out infinite;
}
.tb-coin-headset { width: 56%; height: 56%; filter: drop-shadow(0 2px 2px rgba(0,0,0,.6)); }
.tb-coin-logo    { width: 58%; height: auto; filter: drop-shadow(0 2px 2px rgba(0,0,0,.6)) drop-shadow(0 0 6px rgba(242,183,63,.35)); }
.tb-chat-label {
  position: absolute;
  right: calc(100% + 12px);
  top: 50%;
  transform: translate(8px, -50%);
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
  padding: 8px 14px;
  border-radius: 999px;
  background: #15141b;
  box-shadow: inset 0 0 0 1px rgba(242,183,63,.6), 0 8px 20px rgba(0,0,0,.45);
  color: #f7c948;
  font: 700 13px/1 inherit;
  font-family: inherit;
  letter-spacing: .3px;
  transition: opacity .2s, transform .2s;
}
#tb-chat-btn:hover .tb-coin,
#tb-chat-btn:focus-visible .tb-coin { animation-play-state: paused; }
#tb-chat-btn:hover .tb-chat-label,
#tb-chat-btn:focus-visible .tb-chat-label { opacity: 1; transform: translate(0, -50%); }
#tb-chat-btn:focus-visible { outline: 2px solid #f7c948; outline-offset: 4px; border-radius: 50%; }

@keyframes tb-coin-flip {
  0%, 36%  { transform: rotateY(0deg) translateY(0); }
  43%      { transform: rotateY(90deg) translateY(-6px); }
  50%, 86% { transform: rotateY(180deg) translateY(0); }
  93%      { transform: rotateY(270deg) translateY(-6px); }
  100%     { transform: rotateY(360deg) translateY(0); }
}
@keyframes tb-coin-shine {
  0%, 55%  { left: -60%; }
  85%, 100% { left: 130%; }
}
@keyframes tb-coin-glow {
  0%, 100% { opacity: .55; transform: scale(.92); }
  50%      { opacity: 1;   transform: scale(1.06); }
}
@media (max-width:600px) {
  #tb-lc-panel         { width: calc(100vw - 20px); }
  #tb-chat-btn { width: 60px; height: 60px; }
  .tb-chat-label { display: none; }
}


.ngsv3-showcase_popular-title h2,
.ngsv3-showcase_livecasino-title h2 {
  display:     flex !important;
  align-items: center !important;
  gap:         10px !important;
  font-size:   18px !important;
  font-weight: 700 !important;
  color:       #fff !important;
  margin:      0 !important;
  font-family: Archivo, serif !important;
}

.tb-sec-showall {
  display:     inline-flex !important;
  align-items: center !important;
  gap:         5px !important;
  font-size:   13px !important;
  font-weight: 600 !important;
  color:       rgba(255,255,255,.55) !important;
  text-decoration: none !important;
  margin-right: 70px !important;
  transition:  color .2s !important;
  white-space: nowrap !important;
}
.tb-sec-showall:hover {
  color: var(--gold, #F5C542) !important;
  text-decoration: none !important;
}
.tb-sec-showall i { font-size: 11px !important; }

.ngsv3-showcase_popular  .carousel-item,
.ngsv3-showcase_livecasino .carousel-item {
  padding: 3px !important;
}
.ngsv3-showcase_popular  .carousel-item img,
.ngsv3-showcase_livecasino .carousel-item img {
  border-radius: 10px !important;
}

.ngsv3-showcase_popular  .owl-prev,
.ngsv3-showcase_livecasino .owl-prev,
.ngsv3-showcase_popular  .owl-next,
.ngsv3-showcase_livecasino .owl-next {
  background:    rgba(255,255,255,.1) !important;
  border-radius: 6px !important;
  width:         26px !important;
  height:        26px !important;
}
.ngsv3-showcase_popular  .owl-prev:hover,
.ngsv3-showcase_livecasino .owl-prev:hover,
.ngsv3-showcase_popular  .owl-next:hover,
.ngsv3-showcase_livecasino .owl-next:hover {
  background: rgba(245,197,66,.25) !important;
  color: var(--gold, #F5C542) !important;
}
.ngsv3-showcase_popular  .owl-prev i,
.ngsv3-showcase_livecasino .owl-prev i,
.ngsv3-showcase_popular  .owl-next i,
.ngsv3-showcase_livecasino .owl-next i {
  font-size:   12px !important;
  color:       #fff !important;
  line-height: 1 !important;
}


.tb-winners {
  display:        flex;
  flex-direction: column;
  gap:            12px;
}


.tb-winners-tabs {
  display:    flex;
  gap:        6px;
}
.tb-winners-tab {
  padding:         6px 16px;
  border-radius:   20px;
  border:          1.5px solid rgba(255,255,255,0.10);
  background:      transparent;
  color:           rgba(255,255,255,0.55);
  font-size:       13px;
  font-weight:     600;
  cursor:          pointer;
  transition:      all .2s;
  outline:         none;
  appearance:      none;
  -webkit-appearance: none;
  white-space:     nowrap;
}
.tb-winners-tab:hover {
  border-color: rgba(245,197,66,.4);
  color:        var(--gold, #F5C542);
}
.tb-winners-tab.active {
  background:   var(--gold, #F5C542);
  border-color: var(--gold, #F5C542);
  color:        #000;
}

.tb-winners-groups {
  display:    flex;
  gap:        6px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: 2px;
  margin-top: -4px;
}
.tb-winners-groups::-webkit-scrollbar { display: none; }
.tb-winners-group {
  display:         flex;
  align-items:     center;
  gap:             5px;
  padding:         5px 13px;
  border-radius:   20px;
  border:          1.5px solid rgba(255,255,255,0.10);
  background:      transparent;
  color:           rgba(255,255,255,0.50);
  font-size:       12px;
  font-weight:     600;
  cursor:          pointer;
  transition:      all .2s;
  outline:         none;
  white-space:     nowrap;
  flex-shrink:     0;
  appearance:      none;
  -webkit-appearance: none;
}
.tb-winners-group i { font-size: 11px; }
.tb-wg-icon {
  width: 13px !important;
  height: 13px !important;
  background-color: rgba(255,255,255,0.50) !important;
}
.tb-winners-group:hover .tb-wg-icon,
.tb-winners-group.active .tb-wg-icon {
  background-color: var(--gold, #F5C542) !important;
}
.tb-wg-ldot {
  width: 8px !important;
  height: 8px !important;
}
.tb-winners-group:hover {
  border-color: rgba(245,197,66,.4);
  color:        var(--gold, #F5C542);
}
.tb-winners-group.active {
  background:   rgba(245,197,66,0.14);
  border-color: rgba(245,197,66,0.50);
  color:        var(--gold, #F5C542);
}

.tb-winners-panel { display: none; }
.tb-winners-panel.active { display: flex; flex-direction: column; gap: 6px; }

.tb-winner-row {
  display:         flex;
  align-items:     center;
  gap:             12px;
  padding:         10px 14px;
  border-radius:   10px;
  background:      var(--bg3, #1c1f31);
  border:          1px solid rgba(255,255,255,0.05);
  text-decoration: none;
  transition:      background .2s, border-color .2s, transform .15s;
  cursor:          pointer;
}
.tb-winner-row:hover {
  background:    var(--bg4, #23273d);
  border-color:  rgba(245,197,66,0.15);
  transform:     translateX(3px);
  text-decoration: none;
}

.tb-winner-rank {
  display:         flex;
  align-items:     center;
  justify-content: center;
  width:           28px;
  min-width:       28px;
  height:          28px;
  border-radius:   50%;
  font-size:       11px;
  font-weight:     700;
  flex-shrink:     0;
}
.tb-winner-rank.rank-1 {
  background: rgba(255,215,0,.15);
  color:      #FFD700;
  font-size:  13px;
}
.tb-winner-rank.rank-2 {
  background: rgba(192,192,192,.12);
  color:      #C0C0C0;
  font-size:  13px;
}
.tb-winner-rank.rank-3 {
  background: rgba(205,127,50,.12);
  color:      #CD7F32;
  font-size:  13px;
}
.tb-winner-rank.rank-other {
  background: rgba(255,255,255,0.06);
  color:      rgba(255,255,255,0.40);
}

.tb-winner-img {
  width:         44px;
  min-width:     44px;
  height:        44px;
  border-radius: 7px;
  overflow:      hidden;
  flex-shrink:   0;
  background:    var(--bg4, #23273d);
}
.tb-winner-img img {
  width:      100%;
  height:     100%;
  object-fit: cover;
  display:    block;
}

.tb-winner-info {
  display:        flex;
  flex-direction: column;
  gap:            2px;
  flex:           1;
  min-width:      0;
}
.tb-winner-user {
  display:     flex;
  align-items: center;
  gap:         5px;
  font-size:   12px;
  font-weight: 600;
  color:       rgba(255,255,255,0.80);
  white-space: nowrap;
}
.tb-winner-user i {
  font-size: 10px;
  color:     rgba(255,255,255,0.35);
}
.tb-winner-game {
  font-size:     11px;
  color:         rgba(255,255,255,0.40);
  white-space:   nowrap;
  overflow:      hidden;
  text-overflow: ellipsis;
}

.tb-winner-amount {
  display:        flex;
  flex-direction: column;
  align-items:    flex-end;
  gap:            1px;
  flex-shrink:    0;
}
.tb-winner-label {
  font-size: 10px;
  color:     rgba(255,255,255,0.30);
  font-weight: 500;
}
.tb-winner-value {
  font-size:   14px;
  font-weight: 700;
  color:       #4ade80;
  white-space: nowrap;
}
.tb-winner-row:nth-child(1) .tb-winner-value { color: #FFD700; }
.tb-winner-row:nth-child(2) .tb-winner-value { color: #C0C0C0; }
.tb-winner-row:nth-child(3) .tb-winner-value { color: #CD7F32; }

@media (max-width: 480px) {
  .tb-winner-label { display: none; }
  .tb-winner-row { padding: 8px 10px; gap: 8px; }
  .tb-winner-img { width: 36px; min-width: 36px; height: 36px; }
}

.tb-orta-banner {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 28px 0 8px;
}
.tb-orta-banner::before {
  content: "";
  position: absolute;
  inset: -18px -24px;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(40% 70% at 20% 50%, rgba(242,183,63,.16), transparent 70%), radial-gradient(40% 70% at 55% 50%, rgba(140,70,255,.16), transparent 70%), radial-gradient(40% 70% at 85% 50%, rgba(242,183,63,.14), transparent 70%);
  filter: blur(8px);
}
.tb-orta-kart {
  display: block;
  border-radius: 14px;
  overflow: hidden;
  line-height: 0;
  box-shadow: 0 0 0 1px rgba(242,183,63,.22), 0 12px 28px rgba(0,0,0,.45);
  transition: transform .25s, box-shadow .25s;
}
.tb-orta-kart:hover {
  transform: translateY(-3px);
  box-shadow: 0 0 0 1.5px rgba(255,214,110,.75), 0 16px 34px rgba(0,0,0,.5), 0 0 24px rgba(242,183,63,.22);
}
.tb-orta-kart img {
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 768px) {
  .tb-orta-banner { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 84%; gap: 10px; margin: 18px 0 6px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; }
  .tb-orta-banner::before { display: none; }
  .tb-orta-banner::-webkit-scrollbar { display: none; }
  .tb-orta-kart { scroll-snap-align: start; }
  .tb-orta-kart:hover { transform: none; }
}

.ngsv3-showcase_popular .owl-carousel:not(.owl-loaded),
.ngsv3-showcase_livecasino .owl-carousel:not(.owl-loaded) {
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
.ngsv3-showcase_popular .owl-carousel:not(.owl-loaded) .carousel-item,
.ngsv3-showcase_livecasino .owl-carousel:not(.owl-loaded) .carousel-item {
  display:        inline-block;
  width:          19%;
  margin-right:   1%;
  vertical-align: top;
  white-space:    normal;
}
.ngsv3-showcase_popular .owl-carousel:not(.owl-loaded) .carousel-item img,
.ngsv3-showcase_livecasino .owl-carousel:not(.owl-loaded) .carousel-item img {
  width:   100%;
  height:  auto;
  display: block;
  border-radius: 10px;
}

@media (max-width: 768px) {
  #tb-footer {
    margin-top: 24px;
    padding-top: 28px;
  }
  #tb-footer .tb-ft-inner {
    padding: 0 16px;
  }
  #tb-footer .tb-ft-top {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px 12px;
    padding-bottom: 24px;
  }
  #tb-footer .tb-ft-brand {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #tb-footer .tb-ft-brand img {
    height: 28px;
    width: auto;
    margin-bottom: 10px;
  }
  #tb-footer .tb-ft-brand p {
    font-size: 12px;
    max-width: 100%;
    line-height: 1.6;
  }
  #tb-footer .tb-ft-col h4 {
    font-size: 10px;
    letter-spacing: .5px;
    margin-bottom: 10px;
  }
  #tb-footer .tb-ft-col a {
    font-size: 11px;
    padding: 3px 0;
    line-height: 1.4;
  }
  #tb-footer .tb-ft-payments {
    gap: 12px;
    padding: 20px 0;
  }
  #tb-footer .tb-ft-payments .tb-pay-logos {
    gap: 8px;
  }
  #tb-footer .tb-ft-payments .tb-pay-wrap {
    width: 58px;
    height: 28px;
  }
  #tb-footer .tb-ft-gcb {
    flex-direction: row;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 0;
  }
  #tb-footer .tb-gcb-logo {
    flex-shrink: 0;
  }
  #tb-footer .tb-gcb-logo img {
    height: 52px !important;
    width: auto !important;
  }
  #tb-footer .tb-gcb-text {
    font-size: 10px;
    line-height: 1.6;
  }
  #tb-footer .tb-ft-bottom {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 14px;
    padding: 16px 0 24px;
  }
  #tb-footer .tb-ft-copyright {
    font-size: 11px;
  }
  .tb-prov-track {
    gap: 10px;
    animation: none;
  }
  .tb-prov-viewport {
    overflow-x: auto;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
  }
  .tb-prov-viewport::-webkit-scrollbar {
    display: none;
  }
  .tb-sponsors-grid {
    gap: 8px;
  }
  .tb-sponsor {
    padding: 14px 6px 12px;
    gap: 4px;
    border-radius: 12px;
  }
  .tb-sponsor-logo {
    height: 50px;
    margin-bottom: 4px;
  }
  .tb-sponsor-logo img {
    max-height: 50px;
    max-width: 50px;
  }
  .tb-sponsor-logo--wide img {
    max-width: 92px;
    max-height: 22px;
  }
  .tb-sponsor-name {
    font-size: 11.5px;
    line-height: 1.25;
  }
  .tb-sponsor-role {
    font-size: 9.5px;
    letter-spacing: 0;
  }
  .tb-ft-section {
    padding-bottom: 28px;
    margin-bottom: 28px;
  }
  .tb-prov-item {
    width:  128px;
    height: 56px;
  }
  .tb-prov-item img {
    width: 114px;
  }
}

html body {
  background-color: var(--bg) !important;
}
#sticky-container,
.sl-page,
.lc-wrap,
#forgot-password .container {
  background-color: transparent !important;
}
.li-page,
.su-page {
  background-color: var(--bg) !important;
}

.cus_cont {
  background:    #15151f !important;
  border-radius: 16px !important;
  box-shadow:    inset 0 0 0 1px rgba(242,183,63,.18) !important;
  padding:       22px 26px !important;
  color:         #cfc6b0 !important;
}
.cus_cont .cus_header {
  background:     transparent !important;
  color:          #ffd76a !important;
  font-weight:    800 !important;
  letter-spacing: .5px;
  border-bottom:  1px solid rgba(242,183,63,.22) !important;
  padding:        0 0 14px !important;
  margin-bottom:  18px !important;
}
.cus_cont .custom_content_text,
.cus_cont p,
.cus_cont li,
.cus_cont td,
.cus_cont span,
.cus_cont div {
  color: #cfc6b0 !important;
}
.cus_cont b,
.cus_cont strong,
.cus_cont h1, .cus_cont h2, .cus_cont h3, .cus_cont h4, .cus_cont h5, .cus_cont h6 {
  color: #fff !important;
}
.cus_cont a {
  color: #f2b73f !important;
}
.cus_cont table,
.cus_cont th,
.cus_cont td {
  border-color: rgba(242,183,63,.18) !important;
}
.cus_cont th {
  color:      #ffd76a !important;
  background: rgba(242,183,63,.06) !important;
}
.cus_cont .collapsible {
  border:     1px solid rgba(242,183,63,.18) !important;
  box-shadow: none !important;
  background: transparent !important;
}
.cus_cont .collapsible-header {
  background:    #1a1924 !important;
  color:         #fff !important;
  border-bottom: 1px solid rgba(242,183,63,.14) !important;
}
.cus_cont .collapsible-body {
  background:    #121119 !important;
  border-bottom: 1px solid rgba(242,183,63,.1) !important;
}
.cus_cont input,
.cus_cont textarea,
.cus_cont select {
  background:    #0f0e14 !important;
  color:         #fff !important;
  border:        1px solid rgba(242,183,63,.25) !important;
  border-radius: 10px !important;
}
#page-content .cus_cont ul.collapsible .collapsible-header,
#page-content .cus_cont ul.collapsible .collapsible-header.active {
  background-color: #1a1924 !important;
  color:            #ffd76a !important;
}

.tb-rail-head{display:flex;align-items:center;gap:12px;margin:12px 0 14px;padding:10px 12px 10px 18px;min-height:56px;border-radius:14px;background:linear-gradient(90deg,rgba(242,183,63,.14),rgba(242,183,63,.03) 45%,rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(242,183,63,.16)}
.tb-rail-title{display:flex;align-items:center;gap:10px;margin:0;font-size:19px;font-weight:800;letter-spacing:.1px;line-height:1.2;color:#fff;white-space:nowrap}
.tb-rail-title > i{font-size:17px;color:#f2b73f}
.tb-rail-title > .tb-nimg{width:18px;height:18px;background-color:#f2b73f}
.tb-rail-sep{width:1px;height:18px;flex:0 0 auto;background:rgba(255,255,255,.12)}
.tb-rail-sub{font-size:13px;font-weight:600;color:#9a93ab;white-space:nowrap}
.tb-rail-line{flex:1;min-width:0}
.tb-rail-ctrl{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-left:auto}
.tb-rail-head--center{justify-content:center}
.tb-rail-all{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;font-size:12.5px;font-weight:700;color:#e9d9ae;text-decoration:none;background:#17161d;box-shadow:inset 0 0 0 1px rgba(242,183,63,.3);transition:color .2s,box-shadow .2s}
.tb-rail-all:hover{color:#fff;box-shadow:inset 0 0 0 1px rgba(242,183,63,.8)}
.tb-rail-btn{width:32px;height:32px;border:0;border-radius:50%;cursor:pointer;display:grid;place-items:center;font-size:12px;color:#1a1305;background:linear-gradient(180deg,#ffe08a,#f2b73f 55%,#d99a22);box-shadow:0 4px 12px rgba(242,183,63,.25),inset 0 1px 0 rgba(255,255,255,.55);transition:filter .2s,opacity .2s}
.tb-rail-btn:hover{filter:brightness(1.08)}
.tb-rail-btn:disabled{opacity:.35;cursor:default;filter:none}
.tb-rail-btn:focus-visible,.tb-rail-all:focus-visible{outline:2px solid #f5c400;outline-offset:2px}
@media (max-width:768px){
  .tb-rail-head{gap:10px;margin:10px 0 12px;padding:8px 10px 8px 14px;min-height:48px}
  .tb-rail-title{font-size:16px;gap:8px}
  .tb-rail-title > i{font-size:15px}
  .tb-rail-sep,.tb-rail-sub{display:none}
  .tb-rail-all{padding:6px 10px;font-size:11.5px}
  .tb-rail-btn{display:none}
  .tb-rail-title{min-width:0;overflow:hidden}
}
@media (max-width:400px){
  .tb-rail-head{gap:8px;padding-left:12px}
  .tb-rail-title{font-size:15px}
}
.tb-winners-head{flex-wrap:wrap;row-gap:10px}
.tb-triple-head { margin-top: 36px; }
.tb-home-promos { margin-bottom: 8px; }

.tb-promo-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
#tb-promo-grid { grid-template-columns: repeat(2, 1fr); gap: 26px; }
@media (max-width: 900px) { .tb-promo-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .tb-promo-grid, #tb-promo-grid { grid-template-columns: 1fr; } }

.tb-promo-empty {
  grid-column: 1/-1;
  text-align: center;
  color: rgba(255,255,255,0.4);
  padding: 60px 0;
  font-size: 15px;
}

.tb-promo-card {
  background: var(--bg3, #1c1f31);
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.06);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  cursor: pointer;
}
.tb-promo-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(0,0,0,0.45);
  border-color: rgba(245,197,66,0.2);
}

.tb-promo-img {
  position: relative;
  aspect-ratio: 16 / 7;
  overflow: hidden;
  background: linear-gradient(135deg, #111320 0%, #1a1d2e 100%);
}
.tb-promo-img--noimg {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tb-promo-img--noimg::after {
  content: '\f03e';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-size: 32px;
  color: rgba(201,162,39,.2);
}
.tb-promo-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
}
.tb-promo-card:hover .tb-promo-img img {
  transform: scale(1.04);
}
.tb-promo-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.58);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.25s ease;
}
.tb-promo-card:hover .tb-promo-overlay {
  opacity: 1;
}
.tb-promo-detail-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--gold, #F5C542);
  color: #000;
  font-weight: 700;
  font-size: 14px;
  padding: 11px 24px;
  border-radius: 8px;
  text-decoration: none;
  transform: translateY(8px);
  transition: transform 0.25s ease, background 0.2s;
  white-space: nowrap;
}
.tb-promo-card:hover .tb-promo-detail-btn {
  transform: translateY(0);
}
.tb-promo-detail-btn:hover {
  background: var(--gold-h, #FFD454);
  color: #000;
  text-decoration: none;
}

.tb-promo-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  background: rgba(0,0,0,0.70);
  color: var(--gold, #F5C542);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  padding: 3px 9px;
  border-radius: 20px;
  border: 1px solid rgba(245,197,66,0.25);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.tb-promo-body {
  padding: 6px 12px 7px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.tb-promo-card-title {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  margin: 0;
  line-height: 1.3;
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tb-promo-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 600;
  color: var(--gold, #F5C542);
  text-decoration: none;
  transition: gap 0.2s;
  white-space: nowrap;
  flex-shrink: 0;
}
.tb-promo-link:hover { gap: 7px; color: var(--gold-h, #FFD454); text-decoration: none; }

html.tb-scroll-lock,
html.tb-scroll-lock body {
  overflow: hidden !important;
  overscroll-behavior: none;
}

:root { --tb-page-max: 1600px; }
.container,
#container-fluid.static { max-width: var(--tb-page-max); }
@media screen and (min-width: 993px) {
  .container { max-width: var(--tb-page-max); }
}