:root {
  /*--primary colors--*/
  --primary: #F47621;
  --primary-textColor: #FFF;
  --primary-light: color-mix(in srgb, var(--primary), var(--color-fg) 60%);
  --primary-headerColor: color-mix(in srgb, var(--primary), var(--color-fg) 82%);
  /*--secondary colors--*/
  --secondary: #28A95B;
  --secondary-textColor: #FFF;
  /*--third/fourth colors--*/
  --thirdColor: #fee100;
  --thirdColor-textColor: #000000;
  --fourthColor: #1a1a1a;
  /*--body bg & body text colors--*/
  --body-bg: #E6E6E6;
  --body-txtColor: 0, 0, 0;
  /*--specific UI elements--*/
  --topHeaderStrip-bg: #363636;
  /*--landing Page--*/
  --landingPage-mainHeader-bg: #434242;
  --btnJoinNow-bg:#ffffff;
  --btnJoinNow-textColor:var(--primary);
  /*--custom scrollbar--*/
  --custom-scrollbar-thumb-bg: #AAA;
  /*--supporting text/svg fill icon colors--*/
  --color-base: 255, 255, 255;
  /*--section backgrounds--*/
  --section-bg: 255, 255, 255;
  /*--supporting BG scale--*/
  --color-1: #eeeeee;
  /*--success and error colors--*/
  --successColor: #14c45a;
  --successColor-rgb:20, 196, 90;
  --errorColor: #FF3D3D;
  --errorColor-rgb:255, 61, 61;
  /*--ribbon colors to highlight the popular leagues--*/
  --ribbon:#f00606;
  --ribbon-bg: #8F0808;
  /*--logout button color--*/
  --logout-btn-bg: rgba(255, 61, 61, 0.8);
  /*--Button Bg/text colors--*/
  --btnReset-bg:#f77878;
  --btnReset-textColor:#ffffff;
  /*--Header badge colors--*/
  --header-badge-blinkAnimation-textColor: #fc4343;
  --subheader-badge-bg: #ff6363;
  --subheader-badge-textColor: #ffffff;
  --subheader-badge-blinkAnimation-textColor: #f5d134;
  /*--content loader colors--*/
  --contentLoader-bg: 165, 165, 165;
  /*--color mix formula variables--*/
  --color-fg: #ffffff;
  --color-bg: #000000;
  /*--combi bet variables--*/
  --combiBet-betGroup-gradient-bg: linear-gradient(180deg, color-mix(in srgb, var(--color-fg), transparent 100%) 25%, color-mix(in srgb, var(--color-fg), transparent 70%) 25% 50%, color-mix(in srgb, var(--color-fg), transparent 40%) 50% 75%, color-mix(in srgb, var(--color-fg), transparent 20%) 75% 100%);
}

:root {
  /*--secondary variables--*/
  --secondaryHover: color-mix(in srgb, var(--secondary), var(--color-bg) 10%);
  /*--body colors--*/
  --body-bg-shade1: color-mix(in srgb, var(--body-bg), var(--color-fg) 30%);
  /*--landing page variables--*/
  --landingPage-bg: linear-gradient(180deg, var(--landingPage-mainHeader-bg) 0%, var(--color-bg) 100%);
  --landingPage-mobileNumberField-borderColor: color-mix(in srgb, var(--landingPage-mainHeader-bg), var(--color-fg) 30%);
  /*--Sportsbook specific--*/
  --SB-sportName-title_border: linear-gradient(90deg, var(--primary) 0%, color-mix(in srgb, var(--primary), transparent 50%) 100%);
  /*--custom scrollbar--*/
  --custom-scrollbar-thumb-hover-bg: color-mix(in srgb, var(--custom-scrollbar-thumb-bg), var(--color-bg) 15%);
  /*--supporting BG scale--*/
  --color-2: color-mix(in srgb, var(--color-1), var(--color-bg) 10%);
  --color-3: color-mix(in srgb, var(--color-1), var(--color-bg) 30%);
  --color-4: color-mix(in srgb, var(--color-1), var(--color-bg) 20%);
  --color-5: color-mix(in srgb, var(--color-1), var(--color-bg) 15%);
  --color-6: color-mix(in srgb, var(--color-1), var(--color-fg) 10%);
  /*--success and error colors--*/
  --error-bg: rgb(var(--errorColor-rgb), 0.1);
  --error-txtColor: var(--errorColor);
  --success-bg:rgb(var(--successColor-rgb), 0.1);
  --success-txtColor: var(--successColor);
  /*--odds change colors--*/
  --oddsIncreased-color: var(--successColor);
  --oddsDecreased-color: var(--errorColor);
  /*--borderadius--*/
  --borderRadius: 6px;
  /*--bordercOlor--*/
  --borderColor: color-mix(in srgb, rgb(var(--body-txtColor)), transparent 85%);
  /*--Button Animations--*/
  --btnHoveranimation-secondary-outline-color: color-mix(in srgb, var(--secondary), transparent 10%);
  --btnHoveranimation-secondary-hover-boxShadow: inset 0 0 20px color-mix(in srgb, var(--secondary), transparent 50%), 0 0 20px color-mix(in srgb, var(--secondary), transparent 80%);
  --btnHoveranimation-secondary-hover-outline-color: color-mix(in srgb, var(--secondary), transparent 100%);
  --btnHoveranimation-secondary-hover-textShadow: color-mix(in srgb, var(--secondary), var(--color-fg) 50%);
  --btnHoveranimation-primary-outline-color: color-mix(in srgb, var(--primary), transparent 10%);
  --btnHoveranimation-primary-hover-boxShadow: inset 0 0 20px color-mix(in srgb, var(--primary), transparent 49%), 0 0 20px color-mix(in srgb, var(--primary), transparent 84%);
  --btnHoveranimation-primary-hover-textShadow: color-mix(in srgb, var(--primary), var(--color-fg) 20%);
  --btnHoveranimation-primary-hover-outline-color: color-mix(in srgb, var(--primary), transparent 100%);
  --btnHoveranimation-boxShadow: color-mix(in srgb, var(--color-fg), transparent 100%);
  /*--partial cashout slider varibles--*/
  --slider-primary-color: var(--primary);
  --slider-bg-color: var(--body-bg-shade1);
  /*--event banner text color--*/
  --eventBanner-textColor: #ffffff;
  /*--Mixins icon variables--*/
  --sectionBox-accordion-arrowColor: var(--primary);
  --checkbox-check-icon-color: var(--primary);
  --league-header-arrow-color: rgb(var(--body-txtColor));
  --select-arrow-color: rgb(var(--body-txtColor));
  --moreInfo-arrow-color: rgb(var(--body-txtColor));
  --oddsIncrease-arrow-color: var(--successColor);
  --oddsDecrease-arrow-color: var(--errorColor);
  --accordion-arrowColor: rgb(var(--body-txtColor));
  --match-widget-headermenu-active-arrow-bg: var(--primary);
  /*--other varibles--*/
  --form-control-bg:rgb(var(--section-bg));
  --marketGroupsList-bg:var(--color-6);
  --oddsIncreased-bg: var(--oddsIncreased-color);
  --oddsDecreased-bg: var(--oddsDecreased-color);
  --oddsDecreased-txtColor: rgb(var(--color-base));
  --oddsIncreased-txtColor: rgb(var(--color-base));
  --btnOdds-hover-bg: var(--color-2);
  --select-bg:rgb(var(--section-bg));
  --toggleSwitch-label-bg:var(--color-5);
  --toggleSwitch-label-after-bg:rgb(var(--color-base));
  --badge-bg:var(--color-1);
  --badge-txtColor:rgb(var(--body-txtColor));
  --mobile-footer-bg:rgb(var(--section-bg));
  --section-box-content-bg: rgb(var(--section-bg));
  --modal-dialog-bg:rgb(var(--section-bg));
  --modal-close-bg:var(--color-1);
  --myAccountSection-containe-bg:rgb(var(--section-bg));
  --betSlip-fixture-txtColor:rgb(var(--body-txtColor), 0.7);
  --promotion-item-bg:rgb(var(--section-bg));
  --won_txtColor: var(--successColor);
  --won_bg:rgb(var(--section-bg));
  --CTT-score-bg:var(--won_txtColor);
  --CTT-score-txtColor:rgb(var(--color-base));
  --lost-txtColor:var(--errorColor);
  --lost-bg:rgb(var(--section-bg));
  --mainHeader-more-bg:var(--primary);
  --nextBet-market-color: rgb(var(--color-base));
  --nextBet-msgBox-container-bg: var(--color-1);
  --nextBet-msgBox-container-txtColor: var(--errorColor);
  --nextBet-betReceipt-header-txtColor: var(--successColor);
  --iconSVG-dynamicmulties-info-bg:var(--primary);
  --tbl-splitBet-table-bg:rgb(var(--section-bg));
  --input-placeholder-color:rgb(var(--body-txtColor), 0.5);
  --spaceLR-mobile: 10px;
  /*--event component varibles--*/
  --extraInfo-container-bg:var(--primary-headerColor);
  --eventCode-bg:var(--primary-headerColor);
  --setPoints-txtColor:var(--color-3);
  --SB-subMarket-item-bg:rgb(var(--section-bg));
  /*--home page varibles--*/
  --ribbon_gradient: linear-gradient(var(--ribbon) 0%, var(--ribbon-bg) 100%);
  --ribbon_boxShadow: rgb(var(--body-txtColor), 0.1);
  /*--mybets varibles--*/
  --SB-badge-running_bg:#3C93E4;
  --SB-betItem-fixtureInfo_bg:var(--color-1);
  --SB-betItem-fixtureInfo-live_bg:var(--thirdColor);
  --SB-btnMatchResult_bg:rgb(var(--section-bg));
  /*--odds table varibles--*/
  --SB-setPoints-txtColor:rgb(var(--color-base));
  --SB-btnFilter_bg:rgb(var(--section-bg));
  --SB-dropdown-menu-bg:rgb(var(--section-bg));
  --SB-rangeSliderClear-bg:var(--color-1);
  --SB-rangeSlider_bg:var(--color-2);
  --SB-marketGroup-header_bg:var(--primary-headerColor);
  --SB-accordion-collapsed_borderColor:var(--borderColor);
  --SB-marketList_tabItem_bg:rgb(var(--section-bg));
  --SB-SR-widget-betBuilder-close-bg:rgb(var(--section-bg));
  --SB-leagueBox-header_bg:var(--color-1);
  --SB-leagueBox-header_bg:rgb(var(--section-bg));
  --SB-sportPageTabs_tabItem_bg:rgb(var(--section-bg));
  --SB-section-box__header__left_bg:rgb(var(--section-bg));
  --SB-section-box__content_bg:rgb(var(--section-bg));
  --SB-section-box__content_txtColor:rgb(var(--body-txtColor));
  --SB-sportsList-container_border:rgb(var(--color-base), 0.2);
  --SB-matchesCount-txtColor:rgb(var(--body-txtColor));
  --SB-liveNowSection__SB-section-header_bg:rgb(var(--section-bg));
  --SB-liveNowSection__SB-section-header_txtColor:rgb(var(--body-txtColor));
  --SB-liveNowSection__SB-league-header_bg:var(--primary-headerColor);
  --SB-liveNowSection__SB-league-header_txtColor:rgb(var(--body-txtColor));
  --SB-liveNowSection-btnOdds__bg:var(--body-bg);
  --SB-liveNowSection-btnOdds__txtColor:rgb(var(--body-txtColor));
  --SB-liveNowSection-btnOdds-hover__bg:var(--btnOdds-hover-bg);
  --SB-liveNowSection__SB-virtualNextUpcoming__SB-matchCard-bg:rgb(var(--section-bg));
  --SB-liveNowSection__SB-virtualNextUpcoming__SB-leagueInfo-txtColor:rgb(var(--body-txtColor));
  --SB-liveNowSection__SB-virtualNextUpcoming__SB-fixtureInfo-txtColor:rgb(var(--body-txtColor));
  --SB-liveNowSection__SB-virtualNextUpcoming__SB-kickoff-txtColor:rgb(var(--body-txtColor), 0.7);
  --SB-liveNowSection__SB-virtualNextUpcoming__SB-btnOdds-matchCard-bg:var(--body-bg);
  --SB-liveNowSection__SB-virtualNextUpcoming__SB-btnOdds-matchCard-txtColor:rgb(var(--body-txtColor));
  --SB-liveNowSection__SB-virtualNextUpcoming__SB-btnOdds-matchCard-hover-bg:var(--body-bg);
  --SB-iconMoreMarkets_bg:linear-gradient(90deg, rgb(var(--section-bg)) 0%, rgb(var(--section-bg)) 30%);
  /*--promotion page varibles--*/
  --SB-promotions-item-tabs-bg:rgb(var(--section-bg));
  --SB-promotion-item-header-bg:rgb(var(--section-bg));
  --SB-promoDetail-banner-content-txtColor:rgb(var(--color-base));
  /*--virtuals page varibles--*/
  --SB-virtualRound-kickOff:rgb(var(--body-txtColor), 0.5);
  --SB-betOnNextEvent-container-bg:var(--color-6);
  --SB-btnBetOnNextEvent-bg:rgb(var(--section-bg));
  --SB-match-scoreBox-bg:rgb(var(--section-bg));
  --SB-toggleSwitch-checked-bg:rgb(var(--section-bg));
  --SB-virtuals-live__SB-leagueBox-header-bg:var(--primary-headerColor);
  --SB-virtuals-live__SB-leagueBox-header-txtColor:rgb(var(--body-txtColor));
  --SB-virtuals-live__SB-matchBox-bg:rgb(var(--section-bg));
  --SB-virtuals-live__SB-matchBox-txtColor:rgb(var(--body-txtColor));
  --SB-virtuals-live__SB-matchBox-borderColor:var(--borderColor);
  --SB-nightTimeMatches-bg:rgb(var(--section-bg));
  /*--widgets varibles--*/
  --SB-nextBet-leftrightArrow_bg:var(--color-2);
  --SB-netxtBet-market-container__SB-select_bg:var(--color-1);
  --SB-netxtBet-market-container__SB-select_txtColor:rgb(var(--body-txtColor));
  --SB-netxtBet-market-container_SB-nextBet-marketBox_bg:rgb(var(--section-bg));
  --SB-netxtBet-market-container_SB-nextBet-marketBox_borderColor:var(--borderColor);
  --SB-nextBet-marketOutComeOddsList__SB-btnNBOdds-bg:var(--body-bg);
  --SB-nextBet-marketOutComeOddsList__SB-btnNBOdds-txtColor:rgb(var(--body-txtColor));
  --SB-nextBet-marketOutComeOddsList__SB-btnNBOdds-hover-bg:var(--color-2);
  --SB-nextBet-marketOutComeOddsList__SB-nextBet-odds-txtColor:rgb(var(--body-txtColor));
  --SB-nextBet-stakeOddsReturns-container__SB-nextBet-stakeSelection_bg:rgb(var(--section-bg));
  --SB-nextBet-stakeOddsReturns-container__SB-quickStake__item_bg:var(--color-1);
  --SB-nextBet-stakeOddsReturns-container__SB-quickStake__item_txtColor:rgb(var(--body-txtColor));
  --SB-nextBet-stakeOddsReturns-container__SB-quickStake__item_bgHover:var(--color-2);
  --SB-nextBet-stakeOddsReturns-container__SB-quickStake__item_txtColorHover:rgb(var(--body-txtColor));
  --SB-nextBet-betReceipt-bg:var(--color-1);
  --SB-nextBet-betReceipt-txtColor:rgb(var(--body-txtColor));
  /*--betslip varibles--*/
  --SB-couponToolsContainer-bg:rgb(var(--section-bg));
  --SB-betSlip-container-bg:rgb(var(--section-bg));
  --SB-betSlipBox-highlight_bg:rgb(var(--section-bg));
  --SB-betSlip-fixture-txtColor-hover:rgb(var(--body-txtColor));
  --SB-betSlipBox-stakePayout-container-bg:rgb(var(--section-bg));
  --SB-stakeInputControl-bg:var(--color-1);
  --SB-btnCoupon_bg:rgb(var(--section-bg));
  --SB-btnCoupon-active_bg:var(--SB-btnCoupon_bg);
  --SB-btnCoupon__SB-btnDisabled_bg:var(--color-2);
  --SB-btnCoupon__SB-btnDisabled_SB-coupons-txtContainer-txtColor:rgb(var(--body-txtColor), 0.8);
  --SB-btnPrint_txtColor:rgb(var(--body-txtColor));
  --SB-bookingCodeShare-container-bg:var(--color-6);
  --SB-bookingCodeShare-container-txtColor:rgb(var(--body-txtColor));
  --SB-btnShare_bg:var(--color-1);
  --SB-btnShare-txtColor:rgb(var(--body-txtColor));
  --SB-bookingCode_fillColor:rgb(var(--body-txtColor));
  --SB-betslipCoupons-container-bg:rgb(var(--section-bg));
  --SB-betslipCoupons-container-txtColor:rgb(var(--body-txtColor));
  --SB-couponCode-item_bg:var(--primary-headerColor);
  --SB-topWinners-content_bg:rgb(var(--section-bg));
  --SB-winnerMobileNumber-txtColor:rgb(var(--body-txtColor),0.7);
  --SB-betTime-txtColor:var(--color-3);
  --SB-betslip-recommendations_bg:var(--primary-headerColor);
  --SB-betslip-recommendations_border:var(--primary-headerColor);
  --SB-matchBox_bg:rgb(var(--section-bg));
  --SB-dynamicMultis-InputControl_disable_iconColor:rgb(var(--body-txtColor),0.4);
  --SB-btnBookABet_bg:var(--body-bg);
  /*--side menu varibles--*/
  --SB-sideMennu-sportsFilter__SB-tabs_bg:rgb(var(--section-bg));
  --SB-sidePanel-topLeagues__SB-leagueName_color:rgb(var(--body-txtColor));
  --SB-sideMenu-collapseIcon_SB-iconSVG_hover_Bg:rgb(var(--section-bg));
  --SB-sidePanel-subTitle__bg:rgb(var(--section-bg), 0.5);
  --SB-sidePanelList-item__txtColor:rgb(var(--body-txtColor));
  --SB-sidePanelList-item__SB-accordionArrow_bg:rgb(var(--section-bg));
  --SB-sidePanelList-item__SB-accordionArrow_txtColor:rgb(var(--body-txtColor));
  --SB-sidePanelList-item__active_bg:rgb(var(--section-bg));
  --SB-sidePanelList-item__hover_bg:var(--SB-sidePanelList-item__active_bg);
  --SB-accordion_bg:rgb(var(--section-bg));
  --SB-sidePanelList-leagueItem_hover_bg:var(--color-1);
  --SB-sidePanelList-leagueItem__SB-eventsCount_color:rgb(var(--body-txtColor));
  --SB-azSports-SB-sidePanelList-item_bg:rgb(var(--section-bg));
  --SB-sidePanel-applyNow-container_bg:rgb(var(--section-bg));
  /*--forms varibles--*/
  --SB-helpTxtColor:rgb(var(--body-txtColor), 0.5);
  --SB-resend_txtColor:rgb(var(--body-txtColor), 0.5);
  --SB-addon-right-hover_bg:var(--color-1);
  --SB-success__SB-form-addon_bg:rgb(var(--section-bg));
  --SB-form-control-fileUpload-input-placeholder_color:var(--input-placeholder-color);
  --SB-file-upload-button_bg:var(--body-bg);
  /*--animate varibles--*/
  --SB-flashLoader_bg:var(--body-bg);
  /*--common varibles--*/
  --SB-line-tabs-txtColor:rgb(var(--body-txtColor), 0.5);
  --splide__pagination__page_bg:rgb(var(--section-bg));
  --splide__arrows_bg:rgb(var(--color-base));
  --SB-searchClose__icon_close_color:rgb(var(--color-base));
  --SB-searchResultBox__SB-msgBox-container__bg:rgb(var(--section-bg));
  --SB-breadCrumb-scrollable-icon_color:rgb(var(--body-txtColor), 0.5);
  --SB-sidePanelList-item-active_bg:rgb(var(--section-bg));
  --SB-chatBubble-container_bg:rgb(var(--section-bg));
  /*--header varibles--*/
  --SB-topHeaderStrip_bg:var(--topHeaderStrip-bg);
  --SB-topHeaderStrip_textColor:rgb(var(--color-base));
  --SB-btnDeposit_txtColor:rgb(var(--color-base));
  --SB-iconDeposit_bg:rgb(var(--color-base));
  --SB-mainHeader-userBalance__txtColor:rgb(var(--body-txtColor));
  --SB-myAccountMenu-close-bg:rgb(var(--color-base),0.2)
  --SB-myAccountMenu-closeIcon-fillColor:rgb(var(--color-base));
  --SB-userBalance_txtColor:rgb(var(--color-base));
  --SB-userID-txtColor:var(--color-3);
  --SB-myAccountList-item_hover_bg:var(--body-bg);
  --SB-myAccountList-item_arrowColor:var(--color-4);
  --SB-btnLogout_bg:var(--logout-btn-bg);
  --SB-btnLogout_txtColor:rgb(var(--color-base));
  --SB-myAccountDropdown__SB-dropdown-btn_active_bg:rgb(var(--section-bg));
  --SB-myAccountDropdown__SB-dropdown-menu_bg:rgb(var(--section-bg));
  --SB-hamBurger-bar_bg:rgb(var(--color-base));
  /*--combi bet varibles--*/
  --combiBet__card-bg: rgb(var(--section-bg));
  --combiBet__card-footer-bg:var(--color-2);
  /*--modal popup varibles--*/
  --SB-winBet-logoURL_bg:rgb(var(--section-bg));
  /*--partial cashout varibles--*/
  --betBox-btnCashout-container_bg:rgb(var(--section-bg));
}

/*----------------------- layout Variables ----------------------*/
/*----------------------- Buttons Variables ----------------------*/
/*----- Input ------*/
/*-------- Event Page -----------*/
/*-------- Betslip and Mybets -----------*/
/*-------- Sidebar -----------*/
/*-------- Odds Button -----------*/
/*-------- Forms -----------*/
/*-------- Header -----------*/
/*----------------------- Sub Header  Variables ---------------------*/
/*----------------------- Footer Variables ---------------------*/
/*------ Login Register Page -------------*/
/*---------------------Modal-popup Variables ------------------*/
/*--------------- My Account Sections Variables --------------*/
/*----------------------- Deposit and Withdraw Variables ------------------*/
/*----- My Bets -----*/
/*----- History pages ------*/
/*----------------------- Promotions pages ------------------------*/
/*---Event page---*/
/*--Games Page--*/
/*--Home Page--*/
/*--inplay Page--*/
/*--Modal Popup--*/
/*--my account--*/
/*--new variables--*/
/*------------------ Nextbet and Predict Next Widgets variables---------------------*/
/*------------------ Nextbet and Predict Next Widgets variables End---------------------*/
/*------------------ Bonus Usage Variables start ---------------------*/
/*------------------ Bonus Usage Variables end ---------------------*/
/*--landing page--*/
/*--modal popup--*/
/*--my account--*/
/*--Sports SVG sprite--*/
.SB-search-casinoCategoryList-container {
  display: flex;
  align-items: center;
  padding: 12px 0 12px;
  position: relative;
}
@media screen and (min-width: 300px) and (max-width: 1023px) {
  .SB-search-casinoCategoryList-container {
    display: block;
    padding: 16px 12px 12px;
  }
}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .SB-search-casinoCategoryList-container {
    display: block;
  }
}
.SB-search-casinoCategoryList-container .SB-search-container {
  min-width: 165px;
  max-width: 165px;
  width: 100%;
}
@media screen and (min-width: 300px) and (max-width: 1023px) {
  .SB-search-casinoCategoryList-container .SB-search-container {
    max-width: 100%;
  }
}
.SB-search-casinoCategoryList-container .SB-search-container .SB-searchBox {
  background-color: rgb(var(--section-bg));
}
.SB-search-casinoCategoryList-container .SB-search-container .SB-searchBox input {
  height: 32px;
}
.SB-search-casinoCategoryList-container .SB-casinoCategoryList-container {
  flex: 1 1 auto;
  min-width: 0;
}
@media screen and (min-width: 1024px) {
  .SB-search-casinoCategoryList-container .SB-casinoCategoryList-container {
    padding: 0 8px;
  }
}
.SB-search-casinoCategoryList-container .SB-filterDropdowns {
  padding: 0 8px;
  display: flex;
}
@media screen and (min-width: 300px) and (max-width: 1023px) {
  .SB-search-casinoCategoryList-container .SB-filterDropdowns {
    padding: 10px 0;
  }
}
.SB-search-casinoCategoryList-container .SB-filterDropdowns .SB-select {
  margin-right: 6px;
  height: 32px;
}
.SB-search-casinoCategoryList-container .SB-filterDropdowns .SB-select:last-child {
  margin-right: 0;
}
.SB-search-casinoCategoryList-container .SB-casinoCategoryList ul li {
  margin-right: 10px;
}
.SB-search-casinoCategoryList-container .SB-casinoCategoryList ul li .SB-casinoCategoryList-item {
  padding: 6px 12px;
  cursor: pointer;
  color: rgb(var(--body-txtColor));
  display: inline-flex;
  background-color: rgb(var(--section-bg));
  border-radius: 36px;
  white-space: nowrap;
  border: 1px solid transparent;
}
@media screen and (min-width: 300px) and (max-width: 1023px) {
  .SB-search-casinoCategoryList-container .SB-casinoCategoryList ul li .SB-casinoCategoryList-item {
    padding: 8px 12px;
  }
}
.SB-search-casinoCategoryList-container .SB-casinoCategoryList ul li .SB-casinoCategoryList-item:hover {
  color: var(--primary);
}
.SB-search-casinoCategoryList-container .SB-casinoCategoryList ul li .SB-casinoCategoryList-item.active {
  color: var(--primary);
  font-weight: bold;
  border: 1px solid var(--primary);
}

.SB-casinoCategoryItem {
  padding: 12px 20px;
  scroll-margin-top: 70px;
  background-color: rgb(var(--section-bg));
  margin-bottom: 20px;
  border-radius: 12px;
}
@media screen and (min-width: 300px) and (max-width: 1023px) {
  .SB-casinoCategoryItem {
    padding: 12px 12px;
    scroll-margin-top: 60px;
  }
}
.SB-casinoCategoryItem .SB-casinoCategoryItem-header {
  display: flex;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
  margin-bottom: 3px;
}
.SB-casinoCategoryItem .SB-casinoCategoryItem-header a:hover {
  color: var(--thirdColor);
}
.SB-casinoCategoryItem .SB-casinoCategoryItem-header .SB-casinoCategoryItem-title {
  flex: 1 1 auto;
  color: rgb(var(--body-txtColor));
  line-height: 1.2;
  font-size: 20px;
  font-weight: bold;
}
@media screen and (min-width: 300px) and (max-width: 1023px) {
  .SB-casinoCategoryItem .SB-casinoCategoryItem-header .SB-casinoCategoryItem-title {
    font-size: 16px;
    padding: 4px 0;
  }
}
.SB-casinoCategoryItem .SB-casinoCategoryItem-header .SB-filterDropdowns {
  padding: 0;
}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .SB-casinoCategoryItem .SB-casinoCategoryItem-header .SB-filterDropdowns {
    width: 100%;
  }
}
.SB-casinoCategoryItem .SB-casinoCategoryItem-content .SB-btnShowMore {
  margin: 8px 0;
  width: auto;
}
.SB-casinoCategoryItem .SB-showMore-container {
  text-align: center;
}

.SB-casinoGamesList.splide ul {
  flex-wrap: nowrap;
}
.SB-casinoGamesList ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px;
}
@media screen and (min-width: 300px) and (max-width: 1023px) {
  .SB-casinoGamesList ul {
    margin: 0 -6px;
  }
}
.SB-casinoGamesList li {
  flex: 1 1 12.5%;
  min-width: 12.5%;
  max-width: 12.5%;
  padding: 8px;
  height: 100%;
}
@media screen and (min-width: 300px) and (max-width: 1023px) {
  .SB-casinoGamesList li {
    padding: 6px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .SB-casinoGamesList li {
    flex: 1 1 16.5%;
    min-width: 16.5%;
    max-width: 16.5%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .SB-casinoGamesList li {
    flex: 1 1 20%;
    min-width: 20%;
    max-width: 20%;
  }
}
@media screen and (min-width: 320px) and (max-width: 375px) {
  .SB-casinoGamesList li {
    flex: 1 1 50%;
    min-width: 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .SB-casinoGamesList li {
    flex: 1 1 33.33%;
    min-width: 33.33%;
    max-width: 33.33%;
  }
}
@media screen and (min-width: 1024px) {
  .SB-casinoGamesList li.SB-casino-mobile {
    display: none;
  }
}
@media screen and (min-width: 300px) and (max-width: 1023px) {
  .SB-casinoGamesList li.SB-casino-desktop {
    display: none;
  }
}
.SB-casinoGamesList li .SB-casinoGameItem {
  cursor: pointer;
  background-color: var(--color-1);
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.SB-casinoGamesList li .SB-casinoGameItem .SB-casinoGameItem-container {
  position: relative;
  height: 100%;
  overflow: hidden;
  border-radius: 8px;
}
.SB-casinoGamesList li .SB-casinoGameItem .SB-casinoGameItem-container img {
  width: 100%;
  object-fit: cover;
  height: 100%;
  transition: all 0.5s;
}
.SB-casinoGamesList li .SB-casinoGameItem .SB-game-badge {
  position: absolute;
  top: 10px;
  left: 0;
  background-color: var(--primary);
  padding: 0 4px;
  font-weight: bold;
  color: var(--primary-textColor);
  height: 20px;
}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .SB-casinoGamesList li .SB-casinoGameItem .SB-game-badge {
    font-size: 10px;
    height: 16px;
  }
}
.SB-casinoGamesList li .SB-casinoGameItem .SB-game-badge span {
  display: inline-block;
  animation: flashing 1s ease-in-out infinite;
  color: rgb(var(--color-base));
}
@keyframes flashing {
  50% {
    color: rgb(var(--body-txtColor));
  }
}
.SB-casinoGamesList li .SB-casinoGameItem .SB-game-badge span::before {
  content: "";
  position: absolute;
  top: 0;
  right: -10px;
  border-width: 10px 10px 0 0;
  border-style: solid;
  border-color: var(--primary) transparent transparent transparent;
}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .SB-casinoGamesList li .SB-casinoGameItem .SB-game-badge span::before {
    right: -8px;
    border-width: 8px 8px 0 0;
  }
}
.SB-casinoGamesList li .SB-casinoGameItem .SB-game-badge span::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -10px;
  border-width: 0 10px 10px 0;
  border-style: solid;
  border-color: transparent transparent var(--primary) transparent;
}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .SB-casinoGamesList li .SB-casinoGameItem .SB-game-badge span::after {
    right: -8px;
    border-width: 0 8px 8px 0;
  }
}
.SB-casinoGamesList li .SB-casinoGameItem .SB-casinoGameItem-playGame-container {
  border-radius: 8px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 20px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  display: none;
  backdrop-filter: blur(5px);
}
.SB-casinoGamesList li .SB-casinoGameItem .SB-casinoGameItem-playGame-container .SB-btnPlayGame {
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  position: relative;
}
.SB-casinoGamesList li .SB-casinoGameItem .SB-casinoGameItem-playGame-container .SB-btnPlayGame img {
  width: 36px;
  margin-top: 10px;
}
.SB-casinoGamesList li .SB-casinoGameItem .SB-casinoGameItem-playGame-container .SB-btnPlayGame .SB-iconSVG svg {
  min-height: 36px;
  max-height: 36px;
  min-width: 36px;
  max-width: 36px;
}
.SB-casinoGamesList li .SB-casinoGameItem .SB-casinoGameItem-playGame-container .SB-btnPlayGame .SB-iconSVG svg use {
  fill: rgb(var(--color-base));
}
.SB-casinoGamesList li .SB-casinoGameItem:hover .SB-casinoGameItem-playGame-container {
  display: block;
}
.SB-casinoGamesList li .SB-casinoGameItem:hover img {
  transform: scale(1.2);
}
.SB-casinoGamesList li .SB-casinoGameItem .SB-casinoGameTitle {
  font-size: 12px;
  line-height: 1.2;
  color: rgb(var(--body-txtColor));
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.SB-casinoGamesList li .SB-casinoGameItem .SB-casinoGameItem-footer {
  padding: 8px 8px;
  background-color: var(--color-1);
}

@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .SB-games-container .SB-casinoGamesList ul li {
    flex: 1 1 25%;
    min-width: 25%;
    max-width: 25%;
  }
}

.SB-casinoPlayGame .SB-casinoPlayGame-iframe iframe {
  height: calc(100vh - 45px);
  overflow-y: auto;
}

.SB-home-casino .SB-casinoGamesList {
  overflow: hidden;
}
.SB-home-casino .SB-casinoGamesList ul {
  display: inline-block;
}
@media screen and (min-width: 300px) and (max-width: 1023px) {
  .SB-home-casino .SB-casinoGamesList ul {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    overflow-x: auto;
  }
}
@media screen and (min-width: 1024px) {
  .SB-home-casino .SB-casinoGamesList ul li {
    float: left;
    padding-bottom: 0;
  }
  .SB-home-casino .SB-casinoGamesList ul li.SB-casinoItem-big {
    min-width: 25%;
    max-width: 25%;
  }
  .SB-home-casino .SB-casinoGamesList ul li.SB-casinoItem-big .SB-casinoGameItem .SB-casinoGameItem-container {
    height: 405px;
  }
}
@media screen and (min-width: 300px) and (max-width: 1023px) {
  .SB-home-casino .SB-casinoGamesList ul li {
    flex: 0;
    min-width: 135px;
    max-width: 135px;
  }
}
@media screen and (min-width: 1024px) {
  .SB-home-casino .SB-casinoGamesList ul li .SB-casinoGameItem .SB-casinoGameItem-container {
    height: 180px;
  }
  .SB-home-casino .SB-casinoGamesList ul li .SB-casinoGameItem .SB-casinoGameItem-footer {
    min-height: 35px;
  }
}

.SB-casinoGamePlay {
  height: 100vh;
}
.SB-casinoGamePlay .SB-casinoGamePlay-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  background-repeat: no-repeat;
  background-size: cover;
}
.SB-casinoGamePlay .SB-casinoGamePlay-container::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(10px);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
@media screen and (min-width: 300px) and (max-width: 1023px) {
  .SB-casinoGamePlay .SB-casinoGamePlay-container {
    padding: 0;
  }
}
.SB-casinoGamePlay .SB-casinoGamePlay-container .SB-casinoGamePlay-box {
  width: 80%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
  z-index: 9;
}
@media screen and (min-width: 300px) and (max-width: 1023px) {
  .SB-casinoGamePlay .SB-casinoGamePlay-container .SB-casinoGamePlay-box {
    width: 100%;
    border-radius: 0;
  }
}
.SB-casinoGamePlay .SB-casinoGamePlay-container .SB-casinoGamePlay-box .SB-casinoGamePlay-boxHeader {
  background-color: var(--primary);
  padding: 6px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--primary-textColor);
  height: 50px;
}
@media screen and (min-width: 300px) and (max-width: 1023px) {
  .SB-casinoGamePlay .SB-casinoGamePlay-container .SB-casinoGamePlay-box .SB-casinoGamePlay-boxHeader {
    padding: 2px 12px;
    height: 35px;
  }
}
.SB-casinoGamePlay .SB-casinoGamePlay-container .SB-casinoGamePlay-box .SB-casinoGamePlay-boxHeader .SB-casinoGamePlay-boxHeader__left {
  display: flex;
  align-items: center;
  min-width: 0;
}
.SB-casinoGamePlay .SB-casinoGamePlay-container .SB-casinoGamePlay-box .SB-casinoGamePlay-boxHeader .SB-casinoGamePlay-boxHeader__left img {
  margin-right: 12px;
  height: 20px;
}
@media screen and (min-width: 300px) and (max-width: 1023px) {
  .SB-casinoGamePlay .SB-casinoGamePlay-container .SB-casinoGamePlay-box .SB-casinoGamePlay-boxHeader .SB-casinoGamePlay-boxHeader__left img {
    height: 15px;
  }
}
.SB-casinoGamePlay .SB-casinoGamePlay-container .SB-casinoGamePlay-box .SB-casinoGamePlay-boxHeader .SB-casinoGamePlay-title {
  font-size: 16px;
  font-weight: bold;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (min-width: 300px) and (max-width: 1023px) {
  .SB-casinoGamePlay .SB-casinoGamePlay-container .SB-casinoGamePlay-box .SB-casinoGamePlay-boxHeader .SB-casinoGamePlay-title {
    font-size: 12px;
  }
}
.SB-casinoGamePlay .SB-casinoGamePlay-container .SB-casinoGamePlay-box .SB-casinoGamePlay-boxHeader .SB-casinoGamePlay-boxHeader__right {
  display: flex;
  align-items: center;
}
.SB-casinoGamePlay .SB-casinoGamePlay-container .SB-casinoGamePlay-box .SB-casinoGamePlay-boxHeader .SB-casinoGamePlay-boxHeader__right .SB-casinoGameClose {
  margin-left: 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.SB-casinoGamePlay .SB-casinoGamePlay-container .SB-casinoGamePlay-box .SB-casinoGamePlay-boxHeader .SB-casinoGamePlay-boxHeader__right .SB-casinoGameClose .SB-iconSVG svg {
  min-height: 13px;
  max-height: 13px;
  min-width: 13px;
  max-width: 13px;
}
.SB-casinoGamePlay .SB-casinoGamePlay-container .SB-casinoGamePlay-box .SB-casinoGamePlay-boxHeader .SB-casinoGamePlay-boxHeader__right .SB-casinoGameClose .SB-iconSVG svg use {
  fill: rgb(var(--color-base));
}
.SB-casinoGamePlay .SB-casinoGamePlay-container .SB-casinoGamePlay-box .SB-casinoGamePlay-boxHeader .SB-casinoGamePlay-boxHeader__right .SB-casinoGameExpand {
  margin-left: 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.SB-casinoGamePlay .SB-casinoGamePlay-container .SB-casinoGamePlay-box .SB-casinoGamePlay-boxHeader .SB-casinoGamePlay-boxHeader__right .SB-casinoGameExpand .SB-icon:hover {
  color: var(--secondary);
}
.SB-casinoGamePlay .SB-casinoGamePlay-container .SB-casinoGamePlay-box .SB-casinoGamePlay-boxHeader .SB-casinoGamePlay-boxHeader__right .SB-casinoGameExpand .SB-iconSVG svg {
  min-height: 13px;
  max-height: 13px;
  min-width: 13px;
  max-width: 13px;
}
.SB-casinoGamePlay .SB-casinoGamePlay-container .SB-casinoGamePlay-box .SB-casinoGamePlay-boxHeader .SB-casinoGamePlay-boxHeader__right .SB-casinoGameExpand .SB-iconSVG svg use {
  fill: rgb(var(--color-base));
}
.SB-casinoGamePlay .SB-casinoGamePlay-container .SB-casinoGamePlay-box .SB-casinoGamePlay-boxHeader .SB-casinoGamePlay-boxHeader__right img {
  width: 20px;
}
@media screen and (min-width: 300px) and (max-width: 1023px) {
  .SB-casinoGamePlay .SB-casinoGamePlay-container .SB-casinoGamePlay-box .SB-casinoGamePlay-boxHeader .SB-casinoGamePlay-boxHeader__right img {
    width: 16px;
  }
}
.SB-casinoGamePlay .SB-casinoGamePlay-container .SB-casinoGamePlay-box .SB-casinoGamePlay-boxContent {
  height: calc(100vh - 110px);
  background-color: rgb(var(--section-bg));
}
@media screen and (min-width: 300px) and (max-width: 1023px) {
  .SB-casinoGamePlay .SB-casinoGamePlay-container .SB-casinoGamePlay-box .SB-casinoGamePlay-boxContent {
    height: calc(100vh - 35px);
  }
}
.SB-casinoGamePlay .SB-casinoGamePlay-container .SB-casinoGamePlay-box .SB-casinoGamePlay-boxContent iframe {
  height: 100%;
}
.SB-casinoGamePlay .SB-casinoGamePlay-container .SB-casinoGamePlay-box.SB-casinoGamePlay-fullScreen {
  border-radius: 0;
}
.SB-casinoGamePlay .SB-casinoGamePlay-container .SB-casinoGamePlay-box.SB-casinoGamePlay-fullScreen .SB-casinoGamePlay-boxContent {
  height: calc(100vh - 50px);
}
@media screen and (min-width: 300px) and (max-width: 1023px) {
  .SB-casinoGamePlay .SB-casinoGamePlay-container .SB-casinoGamePlay-box.SB-casinoGamePlay-fullScreen .SB-casinoGamePlay-boxContent {
    height: calc(100vh - 35px);
  }
}

.SB-NE-games {
  margin: 12px 0;
}
.SB-NE-games .SB-NEGamesList ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px;
}
.SB-NE-games .SB-NEGamesList ul li {
  flex: 1 1 16.66%;
  max-width: 16.66%;
  padding: 8px;
}
@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .SB-NE-games .SB-NEGamesList ul li {
    flex: 1 1 25%;
    max-width: 25%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .SB-NE-games .SB-NEGamesList ul li {
    flex: 1 1 20%;
    min-width: 20%;
    max-width: 20%;
  }
}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .SB-NE-games .SB-NEGamesList ul li {
    flex: 1 1 50%;
    min-width: 50%;
    max-width: 50%;
  }
}
.SB-NE-games .SB-NEGamesList ul li .SB-NE-gameItem {
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}
.SB-NE-games .SB-NEGamesList ul li .SB-NE-gameItem img {
  width: 100%;
  object-fit: cover;
  height: 100%;
  transition: all 0.5s;
}
.SB-NE-games .SB-NEGamesList ul li .SB-NE-gameItem .SB-game-badge {
  position: absolute;
  top: 10px;
  left: 0;
  background-color: var(--primary);
  padding: 0 4px;
  font-weight: bold;
  color: var(--primary-textColor);
  height: 20px;
}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .SB-NE-games .SB-NEGamesList ul li .SB-NE-gameItem .SB-game-badge {
    font-size: 10px;
    height: 16px;
  }
}
.SB-NE-games .SB-NEGamesList ul li .SB-NE-gameItem .SB-game-badge span {
  display: inline-block;
  animation: flashing 1s ease-in-out infinite;
  color: rgb(var(--color-base));
}
@keyframes flashing {
  50% {
    color: rgb(var(--body-txtColor));
  }
}
.SB-NE-games .SB-NEGamesList ul li .SB-NE-gameItem .SB-game-badge span::before {
  content: "";
  position: absolute;
  top: 0;
  right: -10px;
  border-width: 10px 10px 0 0;
  border-style: solid;
  border-color: var(--primary) transparent transparent transparent;
}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .SB-NE-games .SB-NEGamesList ul li .SB-NE-gameItem .SB-game-badge span::before {
    right: -8px;
    border-width: 8px 8px 0 0;
  }
}
.SB-NE-games .SB-NEGamesList ul li .SB-NE-gameItem .SB-game-badge span::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -10px;
  border-width: 0 10px 10px 0;
  border-style: solid;
  border-color: transparent transparent var(--primary) transparent;
}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .SB-NE-games .SB-NEGamesList ul li .SB-NE-gameItem .SB-game-badge span::after {
    right: -8px;
    border-width: 0 8px 8px 0;
  }
}
.SB-NE-games .SB-NEGamesList ul li .SB-NE-gameItem .SB-NE-gameItem-playGame-container {
  border-radius: 4px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 20px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  display: none;
  backdrop-filter: blur(5px);
  transition: all 0.3s;
  text-align: center;
}
.SB-NE-games .SB-NEGamesList ul li .SB-NE-gameItem .SB-NE-gameItem-playGame-container .SB-btnPlayGame {
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  position: relative;
  width: auto;
  padding: 0 20px;
  margin: 0 auto;
  background-color: var(--primary);
  color: var(--primary-textColor);
  height: 42px;
  font-size: 18px;
}
@media screen and (min-width: 300px) and (max-width: 1023px) {
  .SB-NE-games .SB-NEGamesList ul li .SB-NE-gameItem .SB-NE-gameItem-playGame-container .SB-btnPlayGame {
    height: 32px;
    font-size: 14px;
  }
}
.SB-NE-games .SB-NEGamesList ul li .SB-NE-gameItem .SB-NE-gameItem-playGame-container .SB-btnPlayGame img {
  width: 36px;
  margin-top: 10px;
}
.SB-NE-games .SB-NEGamesList ul li .SB-NE-gameItem:hover .SB-NE-gameItem-playGame-container {
  display: block;
}
.SB-NE-games .SB-NEGamesList ul li .SB-NE-gameItem:hover img {
  transform: scale(1.2);
}

@media screen and (min-width: 1024px) {
  .SB-splitPot, .SB-turboGames {
    margin: 12px 0;
  }
}

/*# sourceMappingURL=sb-games.css.map */