@import url('https://fonts.googleapis.com/css2?family=Saira:wght@500&display=swap');

.Toastify__toast-body, html {
    font-family: Saira, sans-serif !important;
}
:root {
     --b-sc: 255, 255, 255!important;
     --b: 45, 45, 45 !important;
     --b-sc-rgb: 255, 255, 255!important;
     --hero: 170, 170, 170!important;
     --oc-1: 102, 102, 102!important ; 
      --opak: 129,129, 128!important;
}
body {
    background: url(https://i.ibb.co/LDhkhMX1/bc.png) 40% 0 / 100% auto !important;
    background-attachment: fixed !important;
}
.hdr-logo-bc {
    max-width: 300px!important;
}
.layout-header-holder-bc {
    background: #161616 !important;
    box-shadow: none!important;
    backdrop-filter: blur(10px)!important;
}
.layout-footer-holder-bc {
    background: #161616 !important;
    box-shadow: none!important;
    backdrop-filter: blur(10px);
}
.market-odd-bc {
    color: white!important;
    font-weight: 500!important;
}
.nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item.active, .nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item.active {
    background: #161616 !important;
    box-shadow: inset 0 2px 0 0 rgba(var(--hero), 1) !important;
}
.header-bc {
    background: transparent!important;
}
.sdr-image-bc {
    border-radius: 30px!important;
}
.sdr-item-bc:before {
    background: transparent!important;
}
.nav-menu-container .nav-menu {
    width: 100% !important;
    flex-wrap: wrap !important;
    height: 80px !important;
}
.nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item>i, .nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item>i {
    font-size: 25px !important;
    margin-bottom: 5px !important;
    text-align: center !important;
    margin: 0px auto !important;
    margin-bottom: 5px !important;
}
.nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item {
  padding: 0 30px !important;
  color: #ffffff !important;
  letter-spacing: .1px !important;
  transition: all .24s !important;
  display: flex !important;
  align-content: flex-start !important;
  align-items: center !important;
  flex-direction: column !important;
  justify-content: center!important;
}

.nav-menu-container .nav-menu-other .nav-menu-item, .nav-menu-container .nav-menu .nav-menu-item {
    font-size: 15px !important;
}
.nav-menu-container .nav-menu, .nav-menu-container .nav-menu-other {
    /* display: flex !important; */
    justify-content: space-between !important;
}
.nav-menu-container.header-navigation:first-child .nav-menu-other:hover>.nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu>li:hover>.nav-menu-item {
    color: #ffffff !important;
    background: #1d1f1e !important;
    box-shadow: inset 0 2px 0 0 rgba(var(--hero), 1) !important;
   border-radius: 0px !important;
    padding-top: 15px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-bottom: 15px !important;
}
.nav-menu-container.header-navigation:first-child {
    background: transparent!important;
}
.nav-menu-container .nav-menu {
    width: 100% !important;
    flex-wrap: wrap !important;
    height: 60px !important;
}
.nav-menu-container .nav-menu>li {
    display: flex !important;
    height: 100% !important;
    background: #0e0d0d00 !important;
    align-items: center !important;
    align-content: center !important;
}
.nav-menu-container.header-navigation:first-child .nav-menu-other:hover>.nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu>li:hover>.nav-menu-item {
    color: #ffffff !important;
    background: transparent!important;
    box-shadow: inset 0 0px 10px 0 rgba(var(--opak), 1)  !important;
    border-radius: 1px!important;
    padding-top: 0px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-bottom: 0px !important;
}
.header-bc {
    background: #111b21 c7!important;
}
 .nav-content-bc, .nav-content-bc .nav-menu-container .nav-menu-sub {
    background: #111b21 !important;
}
.nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item.active, .nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item.active {
    border-radius: 20px !important;
    padding-top: 0px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-bottom: 0px !important;
}

.nav-content-bc {
    border-radius: 20px!important;
}
ul.nav-menu.nav-menu-hide-items > li> a > i
{
 text-transform: uppercase;
 background-image: linear-gradient( 140deg, #a4a4a4 15%, #ededed 25%, #a4a4a4 65%, #929292 85% ) !important;
 background-size: auto auto;
 background-clip: border-box;
 background-size: 200% auto;
 color: #ffffff !important;
 background-clip: text;
 text-fill-color: transparent;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 display: inline-block !important;
 font-size: 30px !important;
}

.nav-menu-container .nav-menu, .nav-menu-container .nav-menu-other {
    display: flex !important;
    justify-content: space-around !important;
    flex-wrap: nowrap  !important;
}
.nav-menu-container.header-navigation:first-child {
     border-bottom: 2px solid #111b21 !important;
     border-radius: 18px!important;
}
.nav-menu-container.header-navigation:first-child .nav-menu-other:hover>.nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu>li:hover>.nav-menu-item
{
border-top-left-radius: 7px !important;
    border-top-right-radius: 7px !important;
}
.informative-widget-link {
    display: flex;
    justify-content: center;
    background: #1e2c32;
}

.nav-content-bc, .nav-content-bc .nav-menu-container .nav-menu-sub {
    background: linear-gradient(121deg, #1d1f1f 10%, #1d1f1f 20%, #1d1f1f 55%, #1d1f1f 85%)!important;
}
.hdr-main-content-bc, .logo {
    height: 50px!important;
}
.nav-menu-container.header-navigation:first-child {
    border-bottom: 1px solid #b1b1b1 !important;
    border-radius: 18px!important;
}
.nav-menu-container.header-navigation:first-child .nav-menu>li .nav-menu-sub-arrow {
    display: none!important;
  }
.btn.a-color.header-icon-text.bc-i-promotions-3 {
    background: #00af88 !important;
    padding: 0 10px!important;
    text-decoration: none!important;
}
  .btn.a-color.header-icon-text.bc-i-telegram {
    background: #28a4e4 !important;
    padding: 0 10px!important;
    text-decoration: none!important;
    }
  .btn.a-color.header-icon-text.bc-i-whatsapp {
    background: #25d366 !important;
    padding: 0 10px!important;
    text-decoration: none!important;
    }
.btn.a-color {
    color: rgba(var(--oc-1-sc), 1);
     background: #00af88 !important;
    transition: background var(--default-transition-duration);
}
.btn.sign-in {
    font-weight: 700!important;
    background: #00af88 !important;
    padding: 0 10px!important;
    border: 1px solid color:009b71!important;
    border-radius: 0px 10px 0px 10px!important;
    text-decoration: none!important;
}
.btn.register {
    font-weight: 700!important;
    padding: 0 10px!important;
    border-radius: 0px 10px 0px 10px !important;
    text-decoration: none!important;
}
.btn.register {
    animation: blinker 1.1s linear infinite;
    background: #00af88 !important;
    box-shadow: 0px 0px 0px 0px #009b71 !important;
    color: white!important;
  }
      @keyframes blinker {  
      42% { opacity: 0; }
      }
}
.header-custom-buttons+.sign-in {
    min-height: 26px!important;
} 
.layout-bc:not(.page-full-size) .layout-content-holder-bc, .layout-bc:not(.page-full-size) .layout-footer-holder-bc {
    padding: 0 100px!important;
}
.ftr-n-link-bc {
    color: white!important;
}
select.s-small .form-control-select-bc {
    color: white!important;
}
.c-info-score-bc, .c-info-time-bc {
    color: white!important;
}
.info-live-prematch-icon-bc.bc-i-prematch {
    color: white!important;
}
.popup-inner-bc { 
    background: #161616 !important;
    backdrop-filter: blur(15px)!important;
    border-radius: 30px!important;
    box-shadow: 0 0 0.2rem #446375, 0 0 0.2rem #446375, 0 0 1rem #446375, 0 0 0.4rem #446375, 0 0 1.4rem #446375, inset 0 0 0.7rem #446375 !important;
}
.c-segment-holder-bc {
    backdrop-filter: blur(10px)!important;
}
.sidePanel-holder {
    height: 600px!important;
    background: #111b21 f7!important;
}
.sidePanel-holder-bc:before {
    background: transparent!important;
    backdrop-filter: blur(10px)!important;
}
.product-banner-info-bc:before {
    background: transparent!important;
}
.leaderboard-bc {
    display: none!important;
}
.multi-column-content.active, .multi-column-content:hover {
    background: #111b21!important;
}
.multi-column-content {
    background: #111b21!important;
}
.betslip-suggested-content, .bs-bet-item-bc {
    background: #111b21!important;
}
.accordion-items .accordion-button {
    background: #111b21!important;
}
.m-block-nav-items-bc {
    grid-template-columns: repeat(auto-fill,minmax(140px,1fr))!important;
}
.informative-widget {
    margin-top: 0px!important;
    padding: 0 0px!important;
}
.hdr-dynamic-content {
    padding-bottom: 0px!important;
}
.promotion-details-info p {
    color: var(--toastify-color-light) !important;
}
.ftr-copy-rights-bc {
    color: var(--toastify-color-light) !important;
}
.footer-title {
   color: var(--toastify-color-light) !important;

}
.casino-category-chooser-container .horizontal-sl-item-bc:not(:empty) {
    color: var(--toastify-color-light) !important;
    background: #111b21 !important;
}
.left-menu-container {
    background: var(--toastify-color-dark) !important;
}
.multi-column-teams {
    color: var(--toastify-color-light) !important;
}
.left-menu-scroll>.sp-sub-list-bc>.sp-s-l-head-bc .sp-s-l-h-title-bc {
    color: var(--toastify-color-light) !important;
}
.left-menu-scroll>.sp-sub-list-bc>.sp-s-l-b-content-bc>.sp-sub-list-bc>.sp-s-l-head-bc .sp-s-l-h-title-bc {
    color: var(--toastify-color-light) !important;
}
.sp-s-l-b-c-i-g-league-c-bc {
    color: var(--toastify-color-light) !important;
}
sp-s-l-h-arrow-icon-bc {
    color: var(--toastify-color-light) !important;
}
.informative-widget-container {
    padding: 5px !important;
}
.hdr-dynamic-content .e-p-close-icon-bc {
    top: 0px !important;
}
.hdr-logo-bc {
    padding: 0px !important;
}
.casino-popup-button-block .btn+.btn{
    display: none !important