:root {
  --color-button-primary: #ff6222;
  --color-odds: #ff6222;
  --color-header: #04172d;
  --color-skin: #04172d;
  --color-menu: #09D8C7;
  --color-button-secondary: #00aace;
  --override-icon-login: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='white' d='M217.9 105.9 340.7 228.7c7.2 7.2 11.3 17.1 11.3 27.3s-4.1 20.1-11.3 27.3L217.9 406.1c-6.4 6.4-15 9.9-24 9.9-18.7 0-33.9-15.2-33.9-33.9V320H32c-17.7 0-32-14.3-32-32v-64c0-17.7 14.3-32 32-32h128v-62.1c0-18.7 15.2-33.9 33.9-33.9 9 0 17.6 3.6 24 9.9zM352 416h64c17.7 0 32-14.3 32-32V128c0-17.7-14.3-32-32-32h-64c-17.7 0-32-14.3-32-32s14.3-32 32-32h64c53 0 96 43 96 96v256c0 53-43 96-96 96h-64c-17.7 0-32-14.3-32-32s14.3-32 32-32z'/%3E%3C/svg%3E");
  --override-icon-register: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='white' d='M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3 0 498.7 13.3 512 29.7 512h388.6c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304h-91.4z'/%3E%3C/svg%3E");
  --override-icon-sport: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' stroke='white' stroke-width='1.6'/%3E%3Cpath d='M2 12Q7 6 12 2' stroke='white' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M22 12Q17 18 12 22' stroke='white' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M5 5Q12 8 19 5' stroke='white' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M5 19Q12 16 19 19' stroke='white' stroke-width='1.3' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='12' r='3' fill='white' opacity='.8'/%3E%3C/svg%3E");
  --override-icon-live: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Crect x='2' y='5' width='20' height='14' rx='3' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M10 9l6 3-6 3z' fill='white'/%3E%3Ccircle cx='5' cy='8' r='2' fill='%23ff4444'/%3E%3Cpath d='M17 5Q22 12 17 19' stroke='white' stroke-width='1.3' stroke-linecap='round' opacity='.5'/%3E%3C/svg%3E");
  --override-icon-casino: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='18' height='18' rx='4' stroke='white' stroke-width='1.5'/%3E%3Ccircle cx='8' cy='8' r='1.8' fill='white'/%3E%3Ccircle cx='16' cy='8' r='1.8' fill='white'/%3E%3Ccircle cx='8' cy='16' r='1.8' fill='white'/%3E%3Ccircle cx='16' cy='16' r='1.8' fill='white'/%3E%3Ccircle cx='12' cy='12' r='1.8' fill='white'/%3E%3C/svg%3E");
  --override-icon-vip: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpolygon points='12 2 15 9 22 9 17 14 19 21 12 17 5 21 7 14 2 9 9 9' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpolygon points='12 7 14 11 18 11 15 14 16 18 12 16 8 18 9 14 6 11 10 11' fill='white' opacity='.3'/%3E%3C/svg%3E");
  --override-icon-grid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Crect x='2' y='2' width='9' height='9' rx='2' opacity='.9'/%3E%3Crect x='13' y='2' width='9' height='9' rx='2' opacity='.9'/%3E%3Crect x='2' y='13' width='9' height='9' rx='2' opacity='.5'/%3E%3Crect x='13' y='13' width='9' height='9' rx='2' opacity='.5'/%3E%3C/svg%3E");
  --override-icon-gift: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Crect x='2' y='10' width='20' height='12' rx='2' stroke='white' stroke-width='1.5'/%3E%3Crect x='2' y='6' width='20' height='5' rx='2' stroke='white' stroke-width='1.5'/%3E%3Cline x1='12' y1='6' x2='12' y2='22' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M12 6Q8 4 8 2Q8 0 10 0Q12 0 12 6' stroke='white' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M12 6Q16 4 16 2Q16 0 14 0Q12 0 12 6' stroke='white' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E");
}

#root .hdr-user-bc button.btn.s-small.sign-in,
button.btn.s-small.sign-in {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(9, 216, 199, .24) !important;
  border-radius: 8px !important;
  color: rgba(255, 255, 255, .86) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .025)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .06),
    0 6px 18px rgba(0, 0, 0, .18) !important;
  backdrop-filter: blur(14px);
  font-weight: 800 !important;
  line-height: 2 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition:
    color .2s ease,
    background-color .2s ease,
    border-color .2s ease,
    box-shadow .2s ease,
    transform .2s ease !important;
}

#root .btn {
  font-weight: 200 !important;
}

#root .hdr-user-bc button.btn.s-small.register,
button.btn.s-small.register {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  max-width: none !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(255, 98, 34, .34) !important;
  border-radius: 8px !important;
  color: #fff !important;
  background: linear-gradient(180deg, rgba(255, 98, 34, .28), rgba(255, 98, 34, .12)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .08),
    0 0 18px rgba(255, 98, 34, .18) !important;
  backdrop-filter: blur(14px);
  font-weight: 800 !important;
  line-height: 20px !important;
  white-space: nowrap !important;
  transition:
    color .2s ease,
    background-color .2s ease,
    border-color .2s ease,
    box-shadow .2s ease,
    transform .2s ease !important;
}

#root .hdr-user-bc button.btn.s-small.sign-in::before,
button.btn.s-small.sign-in::before,
#root .hdr-user-bc button.btn.s-small.register::before,
button.btn.s-small.register::before {
  content: "" !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  width: 18px !important;
  height: 18px !important;
  margin-inline-end: 6px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

#root .hdr-user-bc button.btn.s-small.sign-in::before,
button.btn.s-small.sign-in::before {
  background-image: var(--override-icon-login) !important;
}

#root .hdr-user-bc button.btn.s-small.register::before,
button.btn.s-small.register::before {
  background-image: var(--override-icon-register) !important;
}

#root .hdr-user-bc button.btn.s-small.sign-in:hover,
button.btn.s-small.sign-in:hover {
  border-color: rgba(9, 216, 199, .48) !important;
  background: linear-gradient(180deg, rgba(9, 216, 199, .22), rgba(0, 170, 206, .10)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .08),
    0 0 18px rgba(9, 216, 199, .20) !important;
  color: #fff !important;
  transform: translateY(-1px);
  cursor: pointer;
}

#root .hdr-user-bc button.btn.s-small.register:hover,
button.btn.s-small.register:hover {
  border-color: rgba(255, 98, 34, .58) !important;
  background: linear-gradient(180deg, rgba(255, 98, 34, .38), rgba(255, 98, 34, .18)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .08),
    0 0 22px rgba(255, 98, 34, .28) !important;
  color: #fff !important;
  transform: translateY(-1px);
  cursor: pointer;
}

#root .btn.a-color:not(.s-small),
button.btn.a-color:not(.s-small) {
  border: 1px solid rgba(9, 216, 199, .24) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .025)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .06),
    0 6px 18px rgba(0, 0, 0, .18) !important;
  color: rgba(255, 255, 255, .86) !important;
  font-weight: 800 !important;
  text-transform: none !important;
  backdrop-filter: blur(14px);
}

#root .btn.a-color:not(.s-small):hover,
button.btn.a-color:not(.s-small):hover {
  border-color: rgba(9, 216, 199, .48) !important;
  background: linear-gradient(180deg, rgba(9, 216, 199, .22), rgba(0, 170, 206, .10)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .08),
    0 0 18px rgba(9, 216, 199, .20) !important;
  color: #fff !important;
}

.horizontal-sl-list-container {
  margin: 8px 0 10px !important;
  padding: 6px 10px !important;
  background: rgba(4, 23, 45, .74) !important;
  border-block: 1px solid rgba(9, 216, 199, .16) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 8px 20px rgba(0, 0, 0, .18) !important;
  backdrop-filter: blur(14px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(145%) !important;
}

.horizontal-sl-list-container .horizontal-sl-list {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 0 !important;
}

.horizontal-sl-list-container .horizontal-sl-item-bc.accordion-button {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: max-content !important;
  min-height: 36px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(9, 216, 199, .22) !important;
  border-radius: 8px !important;
  color: rgba(255, 255, 255, .84) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .03)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 6px 16px rgba(0, 0, 0, .16) !important;
  overflow: hidden !important;
  transition: color .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.horizontal-sl-list-container .horizontal-sl-item-bc.accordion-button:hover {
  border-color: rgba(9, 216, 199, .44) !important;
  color: #fff !important;
  background: linear-gradient(180deg, rgba(9, 216, 199, .18), rgba(255, 255, 255, .05)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), 0 0 18px rgba(9, 216, 199, .16) !important;
  transform: translateY(-1px) !important;
}

.horizontal-sl-list-container .horizontal-sl-item-bc.accordion-button.active {
  border-color: rgba(255, 98, 34, .58) !important;
  color: #fff !important;
  background: linear-gradient(180deg, rgba(255, 98, 34, .34), rgba(255, 98, 34, .13)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 0 20px rgba(255, 98, 34, .24) !important;
}

.horizontal-sl-list-container .horizontal-sl-title-bc {
  margin: 0 !important;
  color: inherit !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.product-banner-container-bc.col-3.product-banner-without-titles > div {
  display: flex !important;
  aspect-ratio: auto !important;
  height: auto !important;
  line-height: 0 !important;
}

.product-banner-container-bc.col-3.product-banner-without-titles > div > .product-banner-info-bc {
  height: auto !important;
}

.product-banner-container-bc.col-3.product-banner-without-titles > div > .product-banner-info-bc > .product-banner-img-bc {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

.layout-navigation-holder-bc .tab-navigation-w-bc,
.tab-navigation-w-bc {
  position: fixed !important;
  right: 0 !important;
  bottom: 14px !important;
  left: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  width: calc(100% - 24px) !important;
  height: 68px !important;
  min-height: 68px !important;
  margin: 0 auto !important;
  padding: 6px !important;
  border: 1px solid rgba(9, 216, 199, .24) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(4, 23, 45, .82), rgba(4, 23, 45, .64)) !important;
  box-shadow: 0 18px 36px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .12) !important;
  overflow: visible !important;
  backdrop-filter: blur(18px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
}

.layout-navigation-holder-bc .tab-navigation-w-bc .tab-nav-item-bc,
.tab-navigation-w-bc .tab-nav-item-bc {
  flex: 1 0 0 !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  height: 56px !important;
  padding: 7px 3px 6px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  color: rgba(255, 255, 255, .70) !important;
  background: rgba(255, 255, 255, .035) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
  text-decoration: none !important;
  transition: color .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.layout-navigation-holder-bc .tab-navigation-w-bc .tab-nav-item-bc.active,
.tab-navigation-w-bc .tab-nav-item-bc.active,
.layout-navigation-holder-bc .tab-navigation-w-bc .tab-nav-item-bc:hover,
.tab-navigation-w-bc .tab-nav-item-bc:hover {
  border-color: rgba(9, 216, 199, .32) !important;
  color: #fff !important;
  background: linear-gradient(180deg, rgba(9, 216, 199, .16), rgba(255, 255, 255, .05)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), 0 0 16px rgba(9, 216, 199, .14) !important;
  transform: translateY(-1px) !important;
}

.layout-navigation-holder-bc .tab-navigation-w-bc .tab-nav-icon-bc,
.tab-navigation-w-bc .tab-nav-icon-bc {
  margin: 0 0 4px !important;
  color: rgba(9, 216, 199, .88) !important;
  font-size: 21px !important;
  line-height: 22px !important;
  text-shadow: 0 0 12px rgba(9, 216, 199, .18) !important;
}

.layout-navigation-holder-bc .tab-navigation-w-bc .tab-nav-item-bc.active .tab-nav-icon-bc,
.tab-navigation-w-bc .tab-nav-item-bc.active .tab-nav-icon-bc {
  color: var(--color-button-primary) !important;
  text-shadow: 0 0 14px rgba(255, 98, 34, .28) !important;
}

.layout-navigation-holder-bc .tab-navigation-w-bc .tab-nav-title-bc,
.tab-navigation-w-bc .tab-nav-title-bc {
  max-width: 100% !important;
  margin-top: 0 !important;
  color: currentColor !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 13px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

.layout-navigation-holder-bc .tab-navigation-w-bc .tab-nav-item-bc::after,
.tab-navigation-w-bc .tab-nav-item-bc::after {
  content: "" !important;
  position: absolute !important;
  right: 14px !important;
  bottom: 5px !important;
  left: 14px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.layout-navigation-holder-bc .tab-navigation-w-bc .tab-nav-item-bc.active::after,
.tab-navigation-w-bc .tab-nav-item-bc.active::after {
  background: var(--color-button-primary) !important;
  box-shadow: 0 0 12px rgba(255, 98, 34, .46) !important;
}

.layout-navigation-holder-bc .tab-navigation-w-bc .tab-nav-item-bc[data-badge]::before,
.tab-navigation-w-bc .tab-nav-item-bc[data-badge]::before {
  border: 1px solid rgba(255, 255, 255, .20) !important;
  background: linear-gradient(180deg, rgba(255, 98, 34, .96), rgba(255, 98, 34, .72)) !important;
  box-shadow: 0 0 12px rgba(255, 98, 34, .34) !important;
}

.header-bc .hdr-navigation-scrollable-bc-holder,
.hdr-navigation-scrollable-bc-holder {
  background: var(--color-header) !important;
}

.header-bc .hdr-navigation-scrollable-bc,
.hdr-navigation-scrollable-bc {
  height: 48px !important;
  background: var(--color-header) !important;
  border-top: 1px solid rgba(9, 216, 199, .28) !important;
  border-bottom: 1px solid rgba(9, 216, 199, .28) !important;
}

.header-bc .hdr-navigation-scrollable-content,
.hdr-navigation-scrollable-content {
  display: flex !important;
  align-items: stretch !important;
  gap: 4px !important;
  padding: 0 8px !important;
}

.header-bc .hdr-navigation-link-bc,
.hdr-navigation-link-bc {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 88px !important;
  height: 48px !important;
  padding: 0 10px !important;
  color: rgba(255, 255, 255, .86) !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 1 !important;
  text-transform: none !important;
}

.header-bc .hdr-navigation-link-bc.active,
.hdr-navigation-link-bc.active {
  color: #fff !important;
  background: rgba(255, 255, 255, .06) !important;
}

/* Profile tabs: keep the row scrollable (other pages have more tabs), but
   size each tab to its label instead of a fixed 88px, and drop the empty
   18px icon box - these tabs have no icon. That fits ~24px more per tab, so
   the short lists stop overflowing at all and the long ones scroll less. */
.user-tab-navigation .hdr-navigation-scrollable-content {
  gap: 2px !important;
  padding: 0 4px !important;
}

.user-tab-navigation .hdr-navigation-link-bc {
  /* grow to share leftover width (no dead space at the end), never shrink,
     so a long tab list still overflows and scrolls */
  flex: 1 0 auto !important;
  min-width: 0 !important;
  padding: 0 8px !important;
}

.user-tab-navigation .hdr-navigation-link-bc .nav-menu-title::before {
  display: none !important;
}

/* The site renders this nav right-to-left while keeping the container LTR:
   it gives the tabs descending `order` (-1, -2, -3...) so they lay out in
   reverse. The scroll container's start edge then stays on the LEFT, so the
   row rests on the LAST tab and the active one sits off-screen right.
   Fix the mismatch at the source: make the scroller genuinely RTL and drop
   the order hack, so DOM order and the resting edge both start at the right. */
.user-tab-navigation .hdr-navigation-scrollable-content {
  direction: rtl !important;
}

.user-tab-navigation .hdr-navigation-link-bc {
  order: 0 !important;
}

/* Site CSS sticks the active tab to the right edge via
   [dir=rtl] .hdr-navigation-link-bc.active { right: 0 }. Drop the inset and
   the sticky has nothing to pin against, so the tab sits in normal flow. */
.user-tab-navigation .hdr-navigation-link-bc.active {
  right: auto !important;
  left: auto !important;
}

.header-bc .hdr-navigation-link-bc .nav-menu-title,
.hdr-navigation-link-bc .nav-menu-title {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 14px !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

.hdr-navigation-link-bc .nav-menu-title::before {
  content: "" !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  width: 18px !important;
  height: 18px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

.hdr-navigation-link-bc[href*="/sports/live/"] .nav-menu-title::before {
  background-image: var(--override-icon-live) !important;
}

.hdr-navigation-link-bc[href*="/sports/pre-match/"] .nav-menu-title::before {
  background-image: var(--override-icon-sport) !important;
}

.hdr-navigation-link-bc[href*="/casino/slots"] .nav-menu-title::before {
  background-image: var(--override-icon-casino) !important;
}

.hdr-navigation-link-bc[href*="/live-casino/"] .nav-menu-title::before {
  background-image: var(--override-icon-vip) !important;
}

.hdr-navigation-link-bc[href*="/games/home"] .nav-menu-title::before {
  background-image: var(--override-icon-grid) !important;
}

.hdr-navigation-link-bc[href*="/promotions"] .nav-menu-title::before {
  background-image: var(--override-icon-gift) !important;
}

.hdr-navigation-link-bc[class*="badge-"]::after {
  top: 2px !important;
  height: 14px !important;
  padding: 0 5px !important;
  border: 1px solid rgba(255, 255, 255, .3) !important;
  border-radius: 4px !important;
  color: #fff !important;
  background: rgba(227, 32, 32, .4) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .1) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  backdrop-filter: blur(4px) !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  line-height: 12px !important;
}

.hdr-navigation-link-bc.badge-jackpot::after {
  background: rgba(123, 100, 24, .4) !important;
}

.hdr-navigation-link-bc.badge-top::after {
  background: rgba(110, 58, 133, .4) !important;
}

.hdr-navigation-link-bc.badge-exclusive::after {
  background: rgba(83, 147, 79, .4) !important;
}

.hdr-navigation-link-bc.badge-new::after {
  background: rgba(127, 25, 79, .4) !important;
}

.hdr-navigation-link-bc.badge-free::after {
  background: rgba(16, 119, 195, .4) !important;
}

.header-bc,
#root .header-bc {
  background: var(--color-header) !important;
}

.header-bc .hdr-main-content-bc,
.hdr-main-content-bc {
  height: 56px !important;
  padding-inline-start: 8px !important;
  padding-inline-end: 8px !important;
  background: var(--color-header) !important;
  border-bottom: 1px solid rgba(9, 216, 199, .18) !important;
}

.header-bc .logo-container,
.logo-container {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-inline-end: 6px !important;
}

.header-bc .logo,
.logo {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  height: 46px !important;
}

.header-bc .hdr-logo-bc,
.hdr-logo-bc {
  display: block !important;
  width: auto !important;
  max-width: 75px !important;
  height: 100% !important;
  padding: 2px 0 !important;
  object-fit: contain !important;
}

.header-bc .hdr-user-bc,
.hdr-user-bc {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  gap: 6px !important;
  margin-inline-start: 2px !important;
}

.header-bc .sp-button-bc,
.sp-button-bc {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 36px !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: 18px !important;
  color: rgba(255, 255, 255, .86) !important;
  background: rgba(255, 255, 255, .11) !important;
  box-shadow: none !important;
  font-size: 17px !important;
}

.header-bc .sp-button-bc:hover,
.sp-button-bc:hover {
  color: #fff !important;
  background: rgba(33, 187, 255, .22) !important;
}

.header-bc .sp-button-icon-bc,
.sp-button-icon-bc {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: currentColor !important;
  font-size: 17px !important;
  line-height: 1 !important;
}

.header-bc .hdr-toggle-button-bc,
.hdr-toggle-button-bc {
  color: rgba(255, 255, 255, .86) !important;
  background: rgba(255, 255, 255, .11) !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: 18px !important;
}

.header-bc .sp-button-content-text-bc,
.sp-button-content-text-bc {
  display: none !important;
}

.header-bc .hdr-additional-info,
.hdr-additional-info {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 42px !important;
  padding: 5px 8px !important;
  background: var(--color-header) !important;
  border-top: 1px solid rgba(255, 255, 255, .06) !important;
  border-bottom: 1px solid rgba(9, 216, 199, .22) !important;
  box-sizing: border-box !important;
}

.header-bc .hdr-additional-info .hdr-user-bc,
.hdr-additional-info .hdr-user-bc {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
}

.header-bc .hdr-additional-info .user-nav-icon,
.hdr-additional-info .user-nav-icon {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 32px !important;
  width: 32px !important;
  height: 32px !important;
  border: 1px solid rgba(255, 255, 255, .13) !important;
  border-radius: 16px !important;
  color: rgba(255, 255, 255, .88) !important;
  background: rgba(255, 255, 255, .1) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
  font-size: 16px !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

.header-bc .hdr-additional-info .user-nav-icon:hover,
.hdr-additional-info .user-nav-icon:hover {
  color: #fff !important;
  background: rgba(33, 187, 255, .22) !important;
}

.hdr-additional-info .user-nav-icon.undefined::before {
  content: "" !important;
  width: 17px !important;
  height: 17px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21 4 3 11.5l6.8 2.1L17 8l-5.5 6.9L17 19l4-15Z' stroke='white' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

.hdr-additional-info .user-nav-icon::after {
  content: "" !important;
  position: absolute !important;
  inset: -3px !important;
  border-radius: 19px !important;
  border: 1px solid transparent !important;
  pointer-events: none !important;
}

.hdr-additional-info .user-nav-icon:hover::after {
  border-color: rgba(9, 216, 199, .35) !important;
}

.layout-footer-holder-bc,
.footerWrapper {
  background: var(--color-skin) !important;
}

.footerWrapper {
  margin-top: 16px !important;
  padding: 18px 14px 96px !important;
  border-top: 1px solid rgba(9, 216, 199, .24) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

.footerContainer {
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
}

.footerHeader {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
  box-shadow: none !important;
}

.footerTopButtonGroup,
.footerInnerLeftCol .footerSocialLinks {
  display: none !important;
}

.footerInfoColumn {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}

.footerInfoColumn .languageDropdown {
  width: min(100%, 220px) !important;
}

.footerInfoColumn .form-control-label-bc.inputs {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 40px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(9, 216, 199, .28) !important;
  border-radius: 8px !important;
  color: rgba(255, 255, 255, .92) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .07)) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .18) !important;
  backdrop-filter: blur(14px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(145%) !important;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease !important;
}

.footerInfoColumn .languageDropdown:hover .form-control-label-bc.inputs,
.footerInfoColumn .languageDropdown:focus-within .form-control-label-bc.inputs {
  border-color: rgba(9, 216, 199, .48) !important;
  background: linear-gradient(180deg, rgba(9, 216, 199, .17), rgba(255, 255, 255, .08)) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .28), 0 0 0 3px rgba(9, 216, 199, .12), inset 0 1px 0 rgba(255, 255, 255, .22) !important;
  transform: translateY(-1px) !important;
}

.footerInfoColumn .languageDropdown .select-icon-bc {
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 13px !important;
  margin: 0 !important;
}

.footerInfoColumn .languageDropdown .form-control-select-bc {
  flex: 1 1 auto !important;
  height: 40px !important;
  color: rgba(255, 255, 255, .94) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.footerInfoColumn .languageDropdown .form-control-icon-bc {
  inset-inline-end: 10px !important;
  color: rgba(9, 216, 199, .88) !important;
  font-size: 12px !important;
  opacity: .95 !important;
}

.footerLinksSection {
  padding: 18px 0 8px !important;
}

.footerLinkCols {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  width: 100% !important;
}

.footerLinkCol {
  width: 100% !important;
  margin: 0 !important;
  padding: 12px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, .045) !important;
  box-sizing: border-box !important;
}

.footerLinkColTitle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 0 10px !important;
  padding-bottom: 7px !important;
  border-bottom: 2px solid var(--color-menu) !important;
  color: #fff !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 16px !important;
  text-align: center !important;
}

.footerLinkColLinks {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 8px 0 !important;
  width: 100% !important;
}

.footerLinkColEl {
  position: relative !important;
  padding: 0 9px !important;
}

.footerLinkColEl:not(:last-child)::after {
  content: "" !important;
  position: absolute !important;
  top: 3px !important;
  left: 0 !important;
  width: 1px !important;
  height: 12px !important;
  background: rgba(255, 255, 255, .14) !important;
}

.footerLinkColEl a {
  color: rgba(255, 255, 255, .66) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 16px !important;
  text-decoration: none !important;
}

.footerLinkColEl a:hover {
  color: #fff !important;
}

.footerWarning {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-top: 12px !important;
  padding: 14px 10px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, .045) !important;
  text-align: center !important;
}

.footerWarning::before {
  content: none !important;
}

.footerWarningAge {
  width: 28px !important;
  height: 28px !important;
  margin: 0 !important;
  border: 2px solid #e32020 !important;
  color: #fff !important;
  background: rgba(227, 32, 32, .18) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}

.footerCopyrights {
  margin: 12px 0 0 !important;
  color: rgba(255, 255, 255, .52) !important;
  font-size: 11px !important;
  line-height: 16px !important;
  text-align: center !important;
}

.popular-matches-bc.upcoming-games {
  margin: 12px 8px 14px !important;
  padding: 10px !important;
  border: 1px solid rgba(33, 187, 255, .18) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(24, 36, 54, .96), rgba(9, 15, 25, .98)) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .24) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.popular-matches-bc.upcoming-games .marketSlider {
  margin: 0 0 10px !important;
  padding: 9px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, .045) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.popular-matches-bc.upcoming-games .marketSlider:last-child {
  margin-bottom: 0 !important;
}

.popular-matches-bc.upcoming-games .marketSlider::before {
  content: none !important;
}

.popular-matches-bc.upcoming-games .marketSliderContent {
  display: grid !important;
  gap: 7px !important;
}

.popular-matches-bc.upcoming-games .marketSliderContentItem.hasTeamName {
  display: grid !important;
  grid-template-columns: minmax(104px, 38%) minmax(0, 1fr) !important;
  gap: 7px !important;
  align-items: stretch !important;
}

.popular-matches-bc.upcoming-games .marketSliderHeader,
.popular-matches-bc.upcoming-games .marketHolderName {
  min-height: 34px !important;
  margin: 0 !important;
  padding: 6px 9px !important;
  border: 1px solid rgba(33, 187, 255, .14) !important;
  border-radius: 8px !important;
  color: rgba(255, 255, 255, .82) !important;
  background: rgba(0, 0, 0, .18) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 16px !important;
  box-sizing: border-box !important;
}

.popular-matches-bc.upcoming-games .marketSliderTitle,
.popular-matches-bc.upcoming-games .marketHolderName .ellipsis {
  color: #fff !important;
  font-weight: 800 !important;
}

.popular-matches-bc.upcoming-games .sgm-market-g-i-cell-bc.market-bc {
  min-height: 34px !important;
  margin: 0 !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  border-radius: 8px !important;
  color: #fff !important;
  background: rgba(255, 255, 255, .075) !important;
  box-shadow: none !important;
}

.popular-matches-bc.upcoming-games .sgm-market-g-i-cell-bc.market-bc:not(.empty-market-bc):hover,
.popular-matches-bc.upcoming-games .sgm-market-g-i-cell-bc.market-bc.active {
  border-color: rgba(33, 187, 255, .55) !important;
  background: rgba(33, 187, 255, .16) !important;
}

.popular-matches-bc.upcoming-games .sgm-market-g-i-cell-bc.empty-market-bc {
  opacity: .42 !important;
  background: rgba(255, 255, 255, .035) !important;
}

.popular-matches-bc.upcoming-games .marketSliderIcons {
  margin-top: 8px !important;
}

.popular-matches-bc.upcoming-games .marketSliderIconsHolder {
  min-height: 30px !important;
  border: 1px solid rgba(9, 216, 199, .16) !important;
  border-radius: 8px !important;
  color: var(--color-menu) !important;
  background: rgba(9, 216, 199, .08) !important;
}

.popup-inner-bc {
  border: 2px solid var(--color-odds) !important;
  box-shadow: 0 -2px 30px var(--color-odds) !important;
}

.marketSliderIconsHolder{
  padding: 10px;
}

.swiper {
  margin-top: 10px !important;
}

[class*=is-mobile] .sliderSingleEl .sliderImage img {
    height: 62px !important;
    width: 193px !important;
}

.product-banner-container-bc.col-2.product-banner-without-titles {
	border-top: 1px solid rgba(9, 216, 199, .24) !important;
    margin-top: 10px !important;
    padding-top: 18px !important;
}
.prematch-page-bc {
  padding-top: 17px;
}
.live-page-sections-bc{
  margin-top: 23px;
}