: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-superBanner {
  padding: 0 0 16px;
}
@media screen and (min-width: 300px) and (max-width: 1023px) {
  .SB-superBanner {
    padding: 0 8px 16px;
  }
}
.SB-superBanner .SB-splide-superBanner .splide__list {
  display: flex;
}
.SB-superBanner .SB-splide-superBanner .splide__list > li {
  margin-right: 10px;
}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .SB-superBanner .SB-splide-superBanner .splide__list > li {
    margin-right: 10px;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
}
.SB-superBanner .SB-splide-superBanner .splide__arrows {
  display: none;
}
@media screen and (min-width: 300px) and (max-width: 1023px) {
  .SB-superBanner .SB-splide-superBanner .splide__arrows {
    display: none;
  }
}
.SB-superBanner .SB-splide-superBanner .splide__arrows .splide__arrow.splide__arrow--prev {
  left: 0;
  border-radius: 0 3px 3px 0;
}
.SB-superBanner .SB-splide-superBanner .splide__arrows .splide__arrow.splide__arrow--next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
.SB-superBanner .SB-independentBanner-item {
  border-radius: 6px;
  overflow: hidden;
  display: block;
}
.SB-superBanner .SB-independentBanner-item img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 1024px) {
  .SB-superBanner:hover .splide__arrows {
    display: block;
  }
}

.SB-eventBanner-item {
  border-radius: var(--borderRadius);
  padding: 10px;
  background-size: cover;
  background-position: bottom;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 130px;
  height: 100%;
  width: 320px;
  color: var(--eventBanner-textColor);
}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .SB-eventBanner-item {
    width: 100%;
  }
}
.SB-eventBanner-item .SB-eventBanner-header {
  text-align: center;
  font-size: 11px;
  line-height: 1;
  position: relative;
  z-index: 1;
}
.SB-eventBanner-item .SB-eventBanner-header a, .SB-eventBanner-item .SB-eventBanner-header span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.SB-eventBanner-item .SB-eventBanner-header .SB-leagueInfo {
  display: flex;
}
.SB-eventBanner-item .SB-eventBanner-header .SB-leagueInfo .SB-seperator {
  padding: 0 4px;
}
.SB-eventBanner-item .SB-eventBanner-header .SB-leagueInfo a:hover {
  text-decoration: underline;
  cursor: pointer;
  opacity: 1;
}
.SB-eventBanner-item .SB-eventBanner-content {
  position: relative;
  z-index: 9;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.SB-eventBanner-item .SB-fixtureInfo {
  display: flex;
  align-items: center;
  padding: 16px 0;
  flex: 1;
}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .SB-eventBanner-item .SB-fixtureInfo {
    padding: 10px 0 6px;
  }
}
.SB-eventBanner-item .SB-fixtureInfo .SB-teamInfo {
  flex: 1 1 0%;
  text-align: center;
  cursor: pointer;
  min-width: 0;
}
.SB-eventBanner-item .SB-fixtureInfo .SB-teamInfo .SB-teamPic {
  padding-bottom: 6px;
}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .SB-eventBanner-item .SB-fixtureInfo .SB-teamInfo .SB-teamPic {
    padding-bottom: 2px;
  }
}
.SB-eventBanner-item .SB-fixtureInfo .SB-teamInfo .SB-teamPic img {
  height: 30px;
}
.SB-eventBanner-item .SB-fixtureInfo .SB-teamInfo .SB-teamName {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.SB-eventBanner-item .SB-fixtureInfo .SB-middleInfo {
  flex: 1 1 0%;
  text-align: center;
}
.SB-eventBanner-item .SB-fixtureInfo .SB-middleInfo .SB-kickOff .SB-date {
  font-size: 10px;
  line-height: 1;
  margin-bottom: 4px;
}
.SB-eventBanner-item .SB-fixtureInfo .SB-middleInfo .SB-kickOff .SB-time {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}
.SB-eventBanner-item .SB-btnOddsGroup ul {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 8px;
}
.SB-eventBanner-item .SB-btnOddsGroup ul li {
  flex: 1 1 0%;
}
.SB-eventBanner-item .SB-btnOddsGroup ul li .SB-btnOdds-eventBanner {
  padding: 0 8px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.SB-eventBanner-item .SB-btnOddsGroup ul li .SB-btnOdds-eventBanner .SB-outcome {
  display: block;
  color: rgb(var(--body-txtColor));
}
.SB-eventBanner-item .SB-btnOddsGroup ul li .SB-btnOdds-eventBanner.active .SB-outcome {
  color: var(--secondary-textColor);
}

.SB-splide-superBanner.SB-fullWidth .SB-eventBanner-item {
  width: 100%;
  min-height: 100px;
}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .SB-splide-superBanner.SB-fullWidth .SB-eventBanner-item .SB-fixtureInfo {
    padding-top: 6px;
  }
  .SB-splide-superBanner.SB-fullWidth .SB-eventBanner-item .SB-fixtureInfo .SB-teamInfo {
    display: flex;
    align-items: center;
  }
  .SB-splide-superBanner.SB-fullWidth .SB-eventBanner-item .SB-fixtureInfo .SB-teamInfo .SB-teamPic img {
    height: 20px;
    min-width: 20px;
  }
  .SB-splide-superBanner.SB-fullWidth .SB-eventBanner-item .SB-fixtureInfo .SB-teamInfo.SB-home .SB-teamPic img {
    margin-right: 4px;
  }
  .SB-splide-superBanner.SB-fullWidth .SB-eventBanner-item .SB-fixtureInfo .SB-teamInfo.SB-away {
    flex-direction: row-reverse;
  }
  .SB-splide-superBanner.SB-fullWidth .SB-eventBanner-item .SB-fixtureInfo .SB-teamInfo.SB-away .SB-teamPic img {
    margin-left: 4px;
  }
}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .SB-splide-superBanner.SB-fullWidth .SB-eventBanner-item .SB-middleInfo .SB-kickOff {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .SB-splide-superBanner.SB-fullWidth .SB-eventBanner-item .SB-middleInfo .SB-kickOff .SB-date {
    margin: 0 4px 0 0;
  }
  .SB-splide-superBanner.SB-fullWidth .SB-eventBanner-item .SB-middleInfo .SB-kickOff .SB-time {
    font-size: 12px;
  }
}

.SB-popularWidget .splide__track {
  padding: 0 !important;
}
.SB-popularWidget .SB-thumbnailsList {
  padding: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  margin-bottom: 8px;
}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .SB-popularWidget .SB-thumbnailsList::-webkit-scrollbar {
    display: none;
    background: transparent;
  }
}
@media screen and (min-width: 1024px) {
  .SB-popularWidget .SB-thumbnailsList::-webkit-scrollbar {
    height: 4px;
  }
  .SB-popularWidget .SB-thumbnailsList::-webkit-scrollbar-track {
    background: transparent;
  }
  .SB-popularWidget .SB-thumbnailsList::-webkit-scrollbar-thumb {
    background: var(--color-2);
    visibility: hidden;
  }
  .SB-popularWidget .SB-thumbnailsList::-webkit-scrollbar-thumb:hover {
    background: var(--color-2);
  }
  .SB-popularWidget .SB-thumbnailsList:hover::-webkit-scrollbar-thumb {
    visibility: visible;
  }
}
.SB-popularWidget .SB-thumbnailsList ul {
  display: flex;
  align-items: center;
}
.SB-popularWidget .SB-thumbnailsList ul li {
  margin-right: 12px;
}
@media screen and (min-width: 300px) and (max-width: 1023px) {
  .SB-popularWidget .SB-thumbnailsList ul li:first-child {
    margin-left: 10px;
  }
}
.SB-popularWidget .SB-thumbnailsList ul li.active .SB-tab-item {
  color: rgb(var(--color-base));
}
.SB-popularWidget .SB-thumbnailsList .SB-tab-item {
  font-size: 13px;
  color: rgb(var(--body-txtColor));
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  min-height: 34px;
  cursor: pointer;
  white-space: nowrap;
  background-color: rgb(var(--section-bg));
  border-radius: 24px;
  position: relative;
  min-width: max-content;
}
.SB-popularWidget .SB-thumbnailsList .SB-tab-item::after {
  content: "";
  border: 6px solid var(--secondary);
  border-top-color: transparent;
  border-right-color: transparent;
  transform: rotate(-45deg);
  bottom: -4px;
  position: absolute;
  opacity: 0;
}
.SB-popularWidget .SB-thumbnailsList .SB-tab-item .tab-item__icon {
  height: 18px;
}
.SB-popularWidget .SB-thumbnailsList .thumbnail.is-active .SB-tab-item {
  background-color: var(--secondary);
  color: var(--secondary-textColor);
  transition: all 0.1s ease-in;
}
.SB-popularWidget .SB-thumbnailsList .thumbnail.is-active .SB-tab-item::after {
  transition: all 0.1s ease-in;
  opacity: 1;
}
.SB-popularWidget .SB-thumbnailsList .thumbnail.is-active .SB-tab-item .tab-item__icon {
  margin-right: 6px;
}
.SB-popularWidget .SB-thumbnailsList .thumbnail.is-active .SB-tab-item .tab-item__text {
  transition: all 0.1s ease-in;
}
.SB-popularWidget .SB-matchCard {
  min-width: 300px;
}
@media screen and (min-width: 1024px) {
  .SB-popularWidget .SB-matchCard {
    min-width: 300px;
  }
}
.SB-popularWidget .SB-splide-popularMatches {
  padding: 0 12px 12px;
}
@media screen and (min-width: 1024px) {
  .SB-popularWidget .SB-btnGoToSports-container {
    text-align: right;
    display: none;
  }
}
.SB-popularWidget .SB-btnGoToSports {
  margin-top: 8px;
  padding: 0 20px;
}
@media screen and (min-width: 1024px) {
  .SB-popularWidget .SB-btnGoToSports {
    width: auto;
  }
}

.SB-matchCard {
  background-color: rgb(var(--section-bg));
  border: 1px solid var(--borderColor);
  border-radius: calc(var(--borderRadius) + 4px);
  padding: 10px;
  position: relative;
  margin-right: 10px;
}
.SB-matchCard .SB-leagueKickOff-container {
  font-size: 11px;
  text-align: center;
  padding: 0 4px;
}
.SB-matchCard .SB-leagueKickOff-container .SB-kickOff {
  color: rgb(var(--body-txtColor), 0.6);
}
.SB-matchCard .SB-leagueInfo {
  text-align: center;
  font-size: 11px;
  color: rgb(var(--body-txtColor), 0.5);
  margin-bottom: 5px;
  text-decoration: underline;
  cursor: pointer;
}
.SB-matchCard .SB-fixtureInfo {
  color: rgb(var(--body-txtColor));
  margin-bottom: 5px;
  display: flex;
  align-items: center;
}
.SB-matchCard .SB-fixtureInfo .SB-teamInfo {
  flex: 1 1 0%;
  text-align: center;
  min-width: 0;
}
.SB-matchCard .SB-fixtureInfo .SB-teamInfo .SB-teamPic {
  padding-bottom: 6px;
}
.SB-matchCard .SB-fixtureInfo .SB-teamInfo .SB-teamPic img {
  height: 40px;
}
.SB-matchCard .SB-fixtureInfo .SB-teamInfo .SB-teamName {
  font-size: 13px;
  line-height: 1.2;
}
.SB-matchCard .SB-fixtureInfo .SB-teamInfo .SB-teamName.SB-home {
  margin-bottom: 3px;
}
.SB-matchCard .SB-fixtureInfo .SB-teamInfo .SB-teamName {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.SB-matchCard .SB-fixtureInfo .SB-middleInfo {
  flex: 1 1 0%;
  text-align: center;
}
.SB-matchCard .SB-fixtureInfo .SB-middleInfo .SB-kickOff .SB-time {
  font-size: 16px;
}
.SB-matchCard .SB-fixtureInfo .SB-market {
  height: 26px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  color: var(--secondary);
  line-height: 1;
}
.SB-matchCard .SB-fixtureInfo .SB-score {
  font-weight: bold;
  font-size: 12px;
  min-width: 20px;
  max-width: 20px;
}
.SB-matchCard .SB-fixtureInfo .SB-matchMinute {
  text-align: center;
  font-size: 10px;
  color: rgb(var(--body-txtColor), 0.5);
}
.SB-matchCard .SB-fixtureInfo .SB-matchMinute div {
  margin: 3px 0;
}
.SB-matchCard .SB-fixtureInfo .SB-kickOff {
  font-size: 10px;
  color: rgb(var(--body-txtColor), 0.5);
}
.SB-matchCard .SB-fixtureInfo .SB-kickOff .SB-time {
  font-size: 16px;
  line-height: 1.2;
}
.SB-matchCard .SB-fixtureInfo.SB-rowLayout {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.SB-matchCard .SB-fixtureInfo.SB-rowLayout .SB-teamInfo {
  flex: 1 1 auto;
  text-align: left;
}
.SB-matchCard .SB-fixtureInfo.SB-rowLayout .SB-kickOff {
  text-align: right;
}
.SB-matchCard .SB-market {
  text-align: center;
  color: var(--secondary);
}
.SB-matchCard .SB-btnOddsGroup {
  margin: 0 -4px;
  height: 40px;
}
.SB-matchCard .SB-btnOddsGroup ul {
  display: flex;
  width: 100%;
}
.SB-matchCard .SB-btnOddsGroup ul li {
  flex: 1 1 auto;
  padding: 0 4px;
}
.SB-matchCard .SB-btnOddsGroup ul li .SB-btnOdds-matchCard {
  padding: 0 10px;
  height: 40px;
  background-color: var(--body-bg);
  border-radius: 4px;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 12px;
}
.SB-matchCard .SB-btnOddsGroup ul li .SB-btnOdds-matchCard .SB-outcome {
  width: 30%;
  display: block;
  padding: 0;
  text-align: left;
  font-weight: normal;
}
.SB-matchCard .SB-btnOddsGroup ul li .SB-btnOdds-matchCard .SB-odds {
  font-weight: bold;
  width: 70%;
  text-align: right;
}
.SB-matchCard .SB-btnOddsGroup ul li .SB-btnOdds-matchCard.active {
  background-color: var(--secondary);
  color: var(--secondary-textColor);
}
.SB-matchCard .SB-btnOddsGroup ul li .SB-btnOdds-matchCard.active .SB-outcome {
  color: rgb(var(--color-base));
}
.SB-matchCard .SB-btnOddsGroup ul li .SB-btnOdds-matchCard.active .SB-odds {
  color: rgb(var(--color-base));
}
.SB-matchCard .ribbon {
  z-index: 1;
  overflow: hidden;
  text-align: right;
}
.SB-matchCard .ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: rgb(var(--color-base));
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  width: 40px;
  display: block;
  background: var(--ribbon-bg);
  background: var(--ribbon_gradient);
  box-shadow: 0 3px 10px -5px var(--ribbon_boxShadow);
  position: absolute;
  left: -5px;
}
.SB-matchCard .ribbon span::before {
  content: "";
  position: absolute;
  right: -12px;
  top: 0;
  border-width: 10px 12px 0 0;
  border-color: var(--ribbon) transparent transparent transparent;
  border-style: solid;
}
.SB-matchCard .ribbon span::after {
  content: "";
  position: absolute;
  right: -12px;
  bottom: 0;
  top: auto;
  border-width: 0 12px 10px 0;
  border-color: transparent transparent var(--ribbon-bg) transparent;
  border-style: solid;
}

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