@import url("https://cdn.jsdelivr.net/npm/@flaticon/flaticon-uicons@3.3.1/css/all/all.min.css");
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cabin+Condensed:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap');
/*---------- RESET ----------*/
html, body { height: 100%;}

/*:root {
    --logo: url(https://storage.googleapis.com/kironlite/images/kiron-lite-home-white.png);
    --primary_color: #34495e;
    --color-secondary: #0a1f2f;
    --color-accent: #23313d;
    --accent_color: #23313d;
    --bg-active: #fab135;
    --active_background: #fab135;
    --market_bg_color: #04011b;
    --active_color: #37b34a;
    --color-active: #37b34a;
    --market_button_background: transparent;
    --market_wrap_odd_background: #0a1f2f;
    --market_wrap_even_background: #23313d;
    --odd_button_background: #34495e;
    --border-color-odd-button: #34495e;
    --odd_button_active_background: #fab135;
    --border-color-odd-button_active: #fab135;
    --odds_title_active_color: #000000;
    --odds_active_color: #000000;
    --odds_container_background: #04011b;
    --bg-my-container: #34495e;
    --bg-betslip: #23313d;
    --betslip_background: #23313d;
    --betstlip_action_bg: #0a1f2f;
    --betslip_market_color: #98a9bc;
    --betslip_odd_color: #98a9bc;
    --betslip_action_clear: #333333;
    --bg-placebet-button: #37b34a;
    --placebet_button_color: #37b34a;
    --bg-market-wrap-odd: #0a1f2f;
    --bg-market-wrap-even: #23313d;
    --bg-odd-button: #34495e;
    --odds_title_color: #fff;
    --selection_active_market_color: #0a1f2f;
    --tab_markets: #ffffff;
    --tab_markets_color: #333333;
    --market_button_color: #fff;
    --counter_promo_bg: #FF0303;
    --border_color: #363d48;
    --border_light_color: #ebebeb;
    --ad-gradient-front-color: #401B8C;
    --ad-gradient-back-color: #5123B1;
    --freebet-adcolor: #5123B1;
    --text-color-light: #fff;
    --text-color-dark: #23313d;
    --light-bg: #f5f5f5;
    --teams_name: #fff;
    --view_betslip: #23313d;
    --betslip_odds_color: #fff;
    --betslip_odds_bg: #0a1f2f;
    --placebet_color: #fff;
    --placebet_bg_color: #34495e;
    --page_header_color: #fff;

    --period_bg: #0a1f2f;
    --period_color: #fff;
    --betslip_teams:#fff;
    --betstlip_action_color: #fff;
    --betslip_color: #fff;
    --odds_color: #fff;
    --remove_bet: #fff;
    --country_name: #fff;
    --check_betslip_btn_bg_color: #34495e;
    --check_betslip_btn_border_color: #34495e;
    --check_betslip_btn_color: #FFF;
    --clearbet_bg_color: #34495e;
    --clearbet_btn_color: #FFF;
}*/

body {background-color: #f2f4f6;
    line-height: 1;
    -webkit-text-size-adjust: none;
}
body, select, input {
    font-family: 'Cabin Condensed', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, font,img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table,caption, tbody, tfoot, thead, tr, th,td {
    margin: 0;
    padding: 0;
    /* border: 0; */
    font-size: 100%;
    vertical-align: baseline;
    background-color: transparent;
    text-decoration: none;
}

article, aside, footer, header, hgroup, nav, section, figure, figcaption {
    display: block;
    margin: 0;
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input,
textarea {
    -webkit-border-radius: 0;
    border-radius: 0;
}

input[type="submit"],
input[type="button"] {
    -webkit-appearance: none;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

:focus {
    outline: 0;
}

::-moz-focus-inner {
    border: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

* {
    box-sizing: border-box;
}

body {
    background-color: #e3e4ec;
    font-family: "Cabin Condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    height: auto;
    background-image: url("https://storage.googleapis.com/mbg-assets/images/mossbet-1681720269.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

body p {
    padding-bottom: 1em;
}

.clearfloat {
    zoom: 1;
}

.clearfloat:before,
.clearfloat:after {
    content: "";
    display: table;
}

.clearfloat:after {
    clear: both;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition-delay: 9999s;
    transition-delay: 9999s;
}

input {
    background-color: var(--color-accent) !important;
    color: #fff !important;
}

input:-webkit-autofill {
    background-color: var(--market_bg_color) !important;
    color: #ffff;
}
input:autofill {
    background-color: var(--market_bg_color) !important;
    color: var(--text-color-light);
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--text-color-light);
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: var(--text-color-light);
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: var(--text-color-light);
}

::-webkit-scrollbar {
    display: none;
    width: 0; /* Remove scrollbar space */
    background: transparent; /* Optional: just make scrollbar invisible */
}

.app-bet-time::-webkit-scrollbar {
    display: none;
}

.app-bet-time::-webkit-scrollbar-track {
    background: var(--market_bg_color);
}
.app-bet-time::-webkit-scrollbar-thumb {
    background: var(--market_bg_color);
}
.app-bet-time::-webkit-scrollbar-thumb:hover {
    background: var(--market_bg_color);
}

a {
    outline: none;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

a:hover {
    text-decoration: none;
}

img {
    width: 100%;
    display: block;
}

.clearfloat {
    zoom: 1;
}

.clearfloat:before,
.clearfloat:after {
    content: "";
    display: table;
}

.clearfloat:after {
    clear: both;
}

/*--------- Main Style -------*/

#app-container {
    max-width: 540px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background-color: #f9f9f9;
    overflow-x: hidden;
}

#app {
    max-width: 540px;
    width: 100%;
    min-height: 100vh;
    overflow-x: hidden;
    position: relative;
    background-color: #f9f9f9;
    margin: auto;
}

#main-content {
    max-width: 540px;
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--bg-market-wrap-even);
    min-height: 96vh;
}

#other-main-content {
    max-width: 540px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.main-app-main-header {
    max-width: 540px;
    width: 100%;
    transition: top 0.2s ease-in-out;
    width: 100%;
    max-width: 540px;
    background-color: var(--color-accent);
    color: var(--active_color);
    height: 3em;
}

#slider-banner {
    width: 100%;
    float: left;
}

.fixed-header {
    transition: top 0.2s ease-in-out;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0 auto;
}

.deposit {
    width: 100%;
    text-transform: uppercase;
    display: block;
    padding-top: 15px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.deposit span {
    width: 50%;
    font-size: 12px;
}

.deposit a {
    color: var(--text-color-light);
    font-weight: 600;
    letter-spacing: 0.3;
    font-size: 8px;
}

.deposit a .paybill {
    color: #56a451;
}

.dropdown-arrow img {
    max-width: 10px;
    padding-left: 2px;
}

.logo-section {
    width: 100%;
    max-width: 540px;
    background-color: var(--color-accent);
    color: var(--active_color);
    height: 3em;
    display: flex;
    align-items: center;
    padding: 0 5px;
}

.logo-section .row {
    display: flex;
    align-items: center;
}

.logo-section a {
    text-align: center;
    display: flex;
    align-items: center;
}

.logo-section img {
    display: inline-block;
}

.menu-icon {
    float: left;
    text-align: center;
    display: flex;
    justify-content: flex-start;
}

.menu-icon img {
    max-width: 40px;
    width: 40px;
}

.logo-icon {
    width: 100%;
    text-align: center !important;
    display: flex;
    justify-content: center;
}

.logo-icon img {
    max-width: 100px;
}

.login-nav {
    border-radius: 5px !important;
    margin-right: 5px;
}

.account-access {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    gap: 5px;
}

.account-access a {
    text-transform: capitalize;
}

.account-access a:hover {
    color: var(--color-active);
}

.login-nav a {
    background-color: transparent;
    border: 2px solid var(--color-active) !important;
    padding: 7px 7px;
    border-radius: 5px !important;
}

.register-nav {
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    width: 100%;
}

.register-nav a {
    width: auto;
}

.league-account {
    display: flex;
    justify-content: center;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    color: var(--text-color-light);
}

.league-account .account-balance {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-content: stretch;
}

.league-account a {
    color: var(--text-color-light);
    font-size: 10px;
}

.nav-betslip {
    display: flex;
    text-align: center;
    justify-content: space-between;
}

.nav-betslip span {
    display: block;
}

.league-account img {
    width: 15px;
}

.league-account .account-balance span {
    width: 100%;
    display: block;
    text-align: center;
    padding: 2px 0;
}

.app-sports-icons {
    background-color: #212335;
    width: 100%;
    float: left;
    max-width: 540px;
    display: block;
    text-align: center;
}

.scrollmenu {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
}

.col-xs-2 {
    width: 60px;
    height: 60px;
    max-width: 60px;
    display: inline-block;
}

.sport-icon {
    height: 55px;
    max-width: 55px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border-radius: 2px;
    opacity: 1;
}

.sport-icon a {
    width: 60px;
    height: 60px;
    max-width: 60px;
    padding: 5px;
    display: block;
}

.sport-icon a span.icon-title {
    color: var(--text-color-light);
    font-size: 8px;
    text-transform: uppercase;
}

.active-sports {
    opacity: 1;
    background-color: var(--color-active) !important;
    display: block;
}

.sport-icon.active-sports span.icon-title {
    color: #ffffff !important;
}

.sport-icon .icon {
    display: block;
}

.sport-icon .icon img {
    width: 25px;
    height: 25px;
}

.navigation-bar {
    padding: 0;
    width: 100%;
    max-width: 540px;
    position: relative;
    background-color: var(--market_bg_color);
    display: flex;
    flex-direction: row;
}

.market-games {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: 60px;
}

.market-games a {
    padding: 0 5px;
    color: var(--text-color-light);
    font-size: 13px;
    text-transform: capitalize;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 400;
    margin: 0 10px;
    opacity: 0.6;
    height: 45px;
}

.market-games.active-game a {
    color: var(--text-color-light);
    opacity: 1;
}

.market-games img {
    max-width: 25px;
    margin-top: 0;
    width: 25px;
}

.market-games span {
    display: block;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-color-light);
    margin-bottom: 0.5em;
}

.market-games.search-icon {
    top: 0;
    right: 0;
    box-shadow: #27273f 0 0 1px 0;
    background-color: var(--color-secondary);
    text-align: center;
    padding: 10px 0;
}

.nicescroll-rails {
    bottom: 0 !important;
    opacity: 0 !important;
}
#ascrail2000-hr {
    height: 0 !important;
}

#ascrail2000 {
    opacity: 0 !important;
}

.games-nav-wrapper {
    max-width: 540px;
    width: 100%;
    background-color: var(--market_bg_color);
    float: left;
    padding-bottom: 0 !important;
    margin-top: -2px;
}

.games-nav-wrapper .page-navigation a {
    color: #ffff;
    text-transform: capitalize;
    padding: 10px 5px;
    font-weight: 600;
    margin: 0;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    text-align: center;
    width: 100%;
}

.page-tab-nav {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.page-navigation {
    width: 24%;
}

.page-navigation img {
    width: 20px;
    margin-right: 5px;
}

#popular {
    background-color: #2781e3;
    background: rgb(39, 110, 219);
    background: linear-gradient(90deg, rgba(39, 110, 219, 1) 35%, rgba(36, 160, 237, 1) 100%);
}

#instant {
    background-color: #b842fb;
    background: rgb(185, 65, 251);
    background: linear-gradient(90deg, rgba(185, 65, 251, 1) 51%, rgba(170, 74, 251, 1) 100%);
}

#tables {
    background-color: #e7a63d;
    background: rgb(252, 142, 52);
    background: linear-gradient(90deg, rgba(252, 142, 52, 1) 51%, rgba(227, 173, 62, 1) 100%);
}

#slots {
    background-color: #dc3941;
    background: rgb(237, 53, 67);
    background: linear-gradient(90deg, rgba(237, 53, 67, 1) 50%, rgba(230, 91, 96, 1) 100%);
}

.games-nav-wrapper .page-navigation.active-tag-game a {
    color: var(--text-color-light);
}

.page-nav a {
    border: 2px solid var(--color-active);
    background-color: var(--color-secondary);
    color: #ffff;
    text-transform: capitalize;
    padding: 10px 30px;
    font-weight: 600;
    border-radius: 5px;
    display: inline-block;
    font-size: 13px;
    text-align: center;
}

.tab-nav .page-nav a {
    border: 2px solid var(--color-active);
}

.tab-nav .page-nav.active-page a {
    background-color: var(--color-active);
    color: var(--color-secondary);
    color: #ffff;
}

.page-nav.active-page a {
    background-color: var(--color-active);
}

.footer-nav .page-nav a {
    padding: 5px 7px;
}

.page-nav a img {
    max-width: 15px;
    display: inline-block;
    width: 15px;
}

.page-nav span {
    width: 100%;
    display: inline-block;
    color: #ffff;
    text-transform: capitalize;

    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.footer-links a {
    color: var(--text-color-light);
    border-right: 1px solid #fff;
    font-size: 11px;
}

.footer-links a:last-child {
    border-right: 0;
}

.footer-logo img {
    margin: auto;
}

.other-contacts a {
    color: #ffff;
    font-size: 12px;
    text-align: center;
    display: block;
}

.other-contacts .bi {
    color: var(--color-active);
    font-size: 30px;
}

.age-limit {
    background-color: var(--color-active);
    padding: 10px;
    border-radius: 50px;
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 13px;
    line-height: 21px;
    margin-top: 10px;
}

.bottom-footer {
    background-color: var(--color-active);
    display: none;
}

.provider-logo img {
    max-width: 50px;
}

.footer-nav {
    bottom: -5px;
    z-index: 50;
    background-color: var(--color-secondary);
    max-width: 540px;
    width: 100%;
    box-shadow: var(--color-active) 0 0 1px 0;
    clip-path: inset(-10px 0 0 0);
    padding-bottom: 0.5em;
}

.footer-nav .d-flex {
    width: 100%;
}

.footer-nav .d-flex .flex-fill {
    width: 25%;
}

.search-bar .form-control {
    border: 1px solid #ffffff;
}

.search-wrapper a {
    color: var(--text-color-light);
}

.search-game {
    font-size: 14px;
}

.games-wrapper {
    max-width: 540px;
    width: 100%;
    float: left;
    padding-top: 0 !important;
}

.menu-wrapper a {
    color: var(--text-color-light);
    padding: 7px 0;
    display: flex !important;
    justify-content: space-between;
}

.subscriptions .subscription-status {
    border-radius: 4px;
}

.credit-status {
    background: rgba(81, 164, 86, 0.4);
}

.debit-status {
    background: rgba(245, 194, 68, 0.4);
}

.faqs-wrapper .btn {
    padding-left: 0;
    width: 100%;
    text-align: left;
}

.faqs-wrapper .card-body {
    opacity: 0.5;
}

.faqs-tab-section .card-body {
    opacity: 0.5;
    font-size: 0.9em;
}

.faqs-tab-section .btn {
    padding: 0;
    font-size: 1em;
    text-transform: inherit;
}

.summary-section {
    padding-bottom: 5em;
}

.summary-section .card-body {
    padding: 0;
    font-size: 13px;
}

.summary-tab-wrap .flex-fill.nav-item {
    text-align: center;
}

.referral-tab-section p {
    opacity: 0.5;
    padding-bottom: 0;
}

.referred-person-avator {
    border-radius: 50%;
    padding: 12px 10px;
    width: 40px;
    height: 40px;
    line-height: 15px;
    box-shadow: #e2edff 0 0 2px 0;
    font-size: 13px;
    display: inline-block;
}

/* -----Pop Up---- */

#ad-popup-wrapper {
    height: 100vh;
    display: none;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    max-width: 540px;
}

#ad-popup-wrapper .close {
    top: 50px;
    right: 30px;
    z-index: 1000;
    border-radius: 50%;
}

#ad-popup-wrapper .card {
    position: absolute;
    width: 100%;
    text-align: center;
    max-width: 350px;
    margin: auto;
    left: 0;
    right: 0;
}

#ad-popup-wrapper img {
    display: inline-block;
}

.ad-image img {
    width: 100%;
    max-width: 350px;
}

.popup-btn img {
    max-width: 150px;
}

button {
    background: #000;
    color: var(--text-color-light);
    text-align: center;
    font-weight: bold;
    padding: 10px 30px;
    border-radius: 3px;
}

.overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    z-index: 100;
}

#popup {
    max-width: 520px;
    width: 100%;
    padding: 0;
    position: absolute;
    background-color: #27273f;
    margin: 5px auto 0;
    bottom: 10px;
    left: 0;
    right: 0;
}

#popup h1 {
    font-size: 17px;
    font-weight: 800;
}

.close {
    position: absolute;
    top: -1px;
    right: 14px;
    cursor: pointer;
    color: var(--text-color-light);
    font-size: 30px;
    z-index: 100;
}

.home-icon {
    text-align: right;
}

.home-icon .bi {
    color: var(--text-color-light);
    font-size: 25px;
}

.home-icon img {
    width: 30px;
}

.join-logo img {
    max-width: 250px;
}

.join-logo {
    margin: 0;
}

#header {
    width: 100%;
    max-width: 540px;
    /*position: fixed;*/
    z-index: 1000;
}

.form-check a u {
    color: #ddd;
}

button.gradient-custom-4 {
    color: #ffffff !important;
    font-size: 1.3em;
    height: calc(1.5em + 1.5rem + 2px);
}

form .btn-primary:hover {
    color: #212529 !important;
    background-color: var(--color-active);
    border-color: var(--color-active);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.code-form-wrap {
    width: 100%;
    display: inline-block;
    margin-bottom: 1em;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid var(--color-active);
    padding: 0.2em;
    border-radius: 0.3em;
}

.code-form-wrap a {
    color: var(--text-color-light);
}

.code-form-wrap a:hover {
    color: var(--text-color-light);
}

.code-form {
    margin: 0;
    border: none;
    font-size: 13px;
    background-color: transparent !important;
    color: #ffffff !important;
    padding: 12px;
    display: inline-block;
    height: calc(1em + 1.5rem + 10px);
    width: 70%;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.submit-code {
    margin: 0;
    height: 48px;
    border: none;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 38px;
    background-color: var(--color-active) !important;
    color: var(--text-color-light);
    padding: 5px 10px;
    width: 28%;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    border-radius: 0.3em;
    cursor: pointer;
    float: right;
    text-align: center;
}

.alert-message {
    color: #00ee6f;
    font-size: 13px;
    margin-bottom: 2em;
}

.other-verification-option {
    border-radius: 5px;
    background-color: #191b27;
    padding: 2em;
}

.other-verification-option h2 {
    color: var(--color-active);
    font-weight: 600;
    font-size: 1.5em !important;
}

.onboarding {
    width: 100%;
    float: left;
}

.onboarding p {
    font-size: 15px;
}

.onboarding p.alert-message {
    font-size: 13px;
}

.success-icon-wrap {
    background-color: #1bb37d;
    background-color: rgba(27, 179, 125, 0.5);
    width: 90px;
    height: 90px;
    position: relative;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-bottom: 2em;
}

.success-icon {
    background-color: rgba(27, 179, 125, 0.9);
    width: 60px;
    height: 60px;
    position: absolute;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.success-icon .bi {
    font-size: 36px;
    color: var(--text-color-light);
    margin: auto;
}

.footer {
    float: left;
    padding-bottom: 0 !important;
}

.license {
    margin-bottom: 0 !important;
}

.page-nav.active-tag-game a {
    border: 2px solid var(--color-active);
    background-color: var(--color-active);
    color: var(--text-color-light);
}

.contacts h6 {
    font-weight: 600;
}

.license h6 {
    font-weight: 600;
}

.license p {
    font-size: 11px;
    line-height: 14px;
    font-weight: 400;
}

.responsible-age {
    display: flex;
    flex-direction: column;
}

.market-games.search-icon a {
    margin: 0;
    opacity: 1;
}

.choose-amount-to-deposit button span {
    display: block;
    text-align: center;
    font-weight: 600;
    font-size: 13px;
}

.jackpot-wrapper {
    width: 100%;
    float: left;
}

.jackpot-tab {
    width: 100%;
    float: left;
    background-color: var(--color-secondary) !important;
}

.jackpot-tab a {
    color: #ffff;
    font-size: 1em;
    padding: 10px 0 !important;
}

.jackpot-tab a:hover {
    color: #ffff;
    opacity: 0.6;
}

.jackpot-display {
    width: 100%;
    float: left;
}

.jackpot-timer-wrapper {
    background-color: var(--market_bg_color);
    display: flex;
    overflow: hidden;
    outline: none;
    cursor: grab;
    touch-action: none;
    width: 100%;
}

.jackpot-timer-wrapper .scrollmenu {
    display: flex;
    cursor: grab;
    touch-action: none;
}

.jackpot-timer {
    padding-inline: 5px;
}

.jackpot-timer a {
    color: var(--text-color-light);
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 5px;
}

.jackpot-timer.active-jackpot a {
    padding: 5px;
    background-color: #cf2029;
}

.jackpot-text {
    font-weight: 600;
    font-size: 11px;
    padding: 1px 0;
}

.jackpot-time {
    font-size: 10px;
}

.jackpot-time .date {
    font-size: 10px;
}

.jackpot-time .time {
    font-size: 11px;
}

.all-trasaction-done {
    color: var(--color-active);
    font-size: 13px;
}

.jackpot-games {
    width: 100%;
    float: left;
    padding-top: 5px;
}

.team-selection-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0;
}

.team-selection {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.league-display-wrapper {
    font-size: 1.2em;
    margin-bottom: 10px !important;
    width: 100%;
    float: left;
    color: var(--text-color-light);
}

.match-selection {
    float: left;
    width: 100%;
    display: inline;
}

.single-match {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding: 2px 0;
}

.playing-teams-wrap {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 0;
}

.playing-teams-wrap a {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 0;
}

.playing-teams {
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0;
    text-align: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    font-size: 16px;
    gap: 5px;
}

.playing-teams span {
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-size: 15px;
    text-align: center;
    color: var(--primary-color);
    display: flex;
    align-items: center;
    letter-spacing: 0;
    justify-content: flex-start;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    gap: 2px;
}

.playing-teams span.home-away{
    color: var(--text-color-light);
}

.playing-teams span.remove-bet {
    margin-left: 0;
}

.playing-teams .col-2 .final-odds-applied {
    text-align: center;
    display: flex;
    justify-content: center;
    font-size: 16px;
    color: var(--betslip_odd_color);
}

.freegame-wrapper {
    width: 100%;
    padding-inline: 5px;
}

.freegame-wrapper .team-badge {
    width: 35px;
}

.freegame-wrapper .team-badge img {
    width: 100%;
    display: block;
}

.freegame-wrapper .other-markets-wrapper {
    width: 100%;
    padding: 1%;
    border-radius: 10px;
    margin-bottom: 10px;
    background-color: var(--bg-market-wrap-even);
}

.freegame-wrapper .accordion > .card > .card-header {
    margin-bottom: 0;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.125); */
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.freegame-wrapper .accordion > .card > .card-header:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.freegame-wrapper .accordion > .card > .card-header h3 {
    text-transform: uppercase;
    padding: 0.3em 0.5em;
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--odds_color);
}
.freegame-wrapper .other-markets-wrapper .accordion-markets-header {
    padding: 0.5em;
    font-size: 12px;
    opacity: 0.6;
    color: var(--odds_color);
}

.freegame {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 0;
}

.freegame .verses {
    display: flex;
    height: auto;
    align-items: center;
    padding-inline: 6px;
    color: var(--odds_color);
}

.freegame .playing-teams .odd-selection {
    background: var(--bg-odd-button);
    border-radius: 2px;
    padding: 3px;
    font-size: 10px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    width: 50px;
    display: none;
}

.freegame .playing-teams .btn-wrapper {
    width: 20px;
    margin: 0;
}

.freegame .playing-teams-wrap {
    padding-top: 0;
    width: 100%;
    padding-inline: 5px;
}

.event-t .team-event {
    width: 49%;
}

.freegame-wrapper .possible-win {
    background-color: var(--bg-market-wrap-even);
    width: 100%;
    padding-inline: 1%;
    border-radius: 10px;
    padding-top: 10px;
}

.preset-stake {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px;
    padding-inline: 0;
}

.preset-possibleWin {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px;
    padding-inline: 0;
}

.preset-possibleWin {
    width: 100%;
}

.playing-teams .odd-selection {
    background: var(--bg-odd-button);
    border-radius: 2px;
    border: 1px solid var(--border-color-odd-button);
    padding: 3px 0;
    font-size: 10px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
}

.btn-odd-option {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.red-txt-1 {
    color: #d32027;
    font-size: 20px;
}
.red-txt {
    background-color: #ca1017cf !important;
    font-size: 20px;
    color: var(--text-color-light);
}

.green-up .bi {
    color: green;
    margin-left: -3px;
}

.ods-given {
    width: 100%;
    padding: 5px 0;
    color: var(--odds_color);
    font-size: 15px;
    font-weight: 600;
}

.ods-title {
    width: 100%;
    top: 6px;
    color: var(--odds_title_color);
    font-size: 16px;
    opacity: 0.3;
    text-align: center !important;
}

.possible-win {
    max-width: 540px;
    width: 100%;
    min-height: 50px;
    font-family: "Cabin Condensed", sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: capitalize;
    mix-blend-mode: normal;
    padding: 10px 0;
    padding-top: 5px;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    gap: 5px;
    font-weight: 600;
    background-color: var(--betstlip_action_bg);
    color: var(--betstlip_action_color);
}

.possible-win a span.possible-payout {
    color: #202020;
}

.ods-title .bi {
    display: none;
}

.league-display-wrapper span {
    font-weight: 600;
}

.place-bet, .place-bet-expired {
    display: block;
    text-align: center;
}

.place-bet a {
    background-color: var(--color-active);
    border-radius: 2px;
    color: var(--text-color-light);
    font-size: 17px;
    display: block;
    padding: 10px 2em;
    width: 100%;
}

.odds-updated {
    width: 100%;
}

.odds-updated button {
    background-color: var(--color-active);
    border-radius: 2px;
    font-size: 10px;
    width: 100%;
    border: none;
    text-transform: initial;
    padding: 2px 10px;
    color: var(--betslip_color);
}

.footer-logo {
    margin-bottom: 0;
    width: 100%;
}

.footer-logo a {
    font-size: 24px;
}

.total-odds,
.combinations {
    font-weight: 400;
    font-size: 13px;
}

.stake-amount {
    font-size: 16px;
}

.use-freebet .form-check {
    padding-left: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.stake-amount .form-check {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.usefreebet_icon {
    margin-top: -10px;
    width: 24px;
    display: flex;
}

.usefreebet_icon img {
    width: 24px;
}

.form-check {
    padding-left: 0;
}

.stake-amount .form-check label {
    color: var(--betstlip_action_color);
}

.jackpot-game-selected {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 3px 5px;
    border: 1px solid #fff;
}

.odd-selection.added-game-btn {
    background-color: var(--odd_button_active_background);
    border: 1px solid var(--border-color-odd-button_active);
}

.odd-selection.added-game-btn .ods-title {
    color: var(--odds_title_active_color);
    opacity: 1;
}

.odd-selection.added-game-btn .ods-given {
    color: var(--odds_active_color);
}

.rewards-wrapper {
    padding-bottom: 8em;
    width: 100%;
    float: left;
}

.terms-and-conditions-wrapper {
    padding-bottom: 8em;
}

.account-access.account-balance-wrap a {
    font-weight: 400;
    padding: 4px 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-radius: 5px !important;
}

.free-game-to-pla {
    position: relative;
}

.free-game-content {
    top: 2em;
    text-align: center;
    width: 100%;
    color: var(--text-color-light);
    left: 0;
    right: 0;
}

.free-game-content h1 {
    font-size: 2.5em;
    font-weight: 900;
    margin-bottom: 0.2em;
}

.free-game-content h1 span {
    display: block;
    font-weight: 200;
}

.free-game-content h6 {
    font-size: 1.5em;
    margin-bottom: 0.5em;
}

.free-game-content a {
    background-color: #1cb675;
    color: var(--text-color-light);
    font-size: 1.1em;
    padding: 1em 1em;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
}

.free-game-content.btn-cta a {
    text-align: center;
    display: flex;
    justify-content: center;
    font-size: 1em;
}

.free-bets {
    padding-bottom: 2em;
    float: left;
    width: 100%;
}

.terms-and-conditions-header {
    padding: 10px;
    padding-bottom: 0;
}

.Freebets-terms {
    color: var(--odds_color);
    padding: 10px 5px;
}

.Freebets-terms .accordion {
    border-radius: 6px;
    background-color: var(--bg-market-wrap-odd);
}

.Freebets-terms .accordion > .card > .card-header {
    border-bottom: 1px solid var(--color-active);
    margin-bottom: 0;
}

.accordion > .card > .card-header h3 {
    padding: 0.3em 0;
}

.Freebets-terms .accordion > .card {
    border-bottom: 1px solid #212335;
}

.Freebets-terms li {
    padding-bottom: 0.7em;
    color: var(--text-color-light);
    font-size: 13px;
}

.Freebets-terms h3 {
    line-height: 1.5em;
    font-size: 13px;
    color: var(--text-color-light);
    display: flex;
    justify-content: space-between;
    color: var(--color-active) !important;
    padding: 0.3em !important;
}

.Freebets-terms p {
    line-height: 1.5em;
    font-size: 1.078em;
    color: var(--text-color-light);
    opacity: 0.5;
    padding: 0.3em;
}

.Freebets-terms h6 {
    line-height: 1.5em;
    font-size: 13px;
    color: var(--text-color-light);
}

.game-action-btn {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 20px;
}

.game-action-btn a {
    width: 50%;
    padding: 10px;
    font-size: 1em;
}

.account-balance-wrap span.account-bal {
    display: inline-block;
    text-align: center;
    padding: 0;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    text-wrap: nowrap;
}

.account-balance-wrap span.account-bal img {
    width: 20px;
}

.leaderboard {
    float: left;
    background-color: var(--bg-market-wrap-even);
}

.modal-dialog {
    max-width: 512px;
    margin-top: 0;
}

.modal-content {
    margin-top: 10px;
    background-color: var(--bg-my-container);
}

.close {
    opacity: 1;
}

.modal-header .close .bi {
    margin-right: -15px;
}

.bi-x-circle::before {
    content: "\f623";
    color: var(--text-color-light);
}

.modal-body {
    padding-top: 0;
    padding-inline: 0.5rem;
    padding-bottom: 0;
}

.choose-amount {
    color: var(--text-color-light);
}

.account-successful-created h1 {
    color: var(--text-color-light);
    font-size: 2em;
    padding-bottom: 1em;
}

.account-successful-created img {
    width: 55px;
}

.welcome-bonus a,
.welcome-freebets a {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.welcome-bonus {
    margin-bottom: 2em;
}

.account-successful-created {
    border-radius: 5px;
    background-color: #191b27;
    padding: 2em 1em;
}

.welcome-details h2 {
    font-size: 1.3em !important;
    color: #00ee6f !important;
}

.account-successful-created p {
    color: var(--text-color-light);
    opacity: 0.7;
    font-size: 13px;
}

.account-successful-created .welcome-details {
    max-width: 350px;
}

.welcome-to-offer-page .bi {
    color: var(--text-color-light);
}

.welcome-bonus .welcome-details {
    border-bottom: 1px solid #494c61;
}

.welcome-icon {
    padding-inline: 0.4em;
}

.welcome-to-offer-page {
    padding-inline: 1em;
}

.card-header a {
    width: 100%;
}

.card-header-tabs {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-bottom: 0;
}

.card-header-tabs li.nav-item {
    width: 50%;
    text-align: center;
    border-bottom: 1px solid var(--color-active);
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: transparent;
}

li.nav-tabs .nav-item {
    width: 100%;
    text-align: center;
}

.nav-tabs a.nav-link {
    color: #ffffff !important;
    font-size: 1.3em;
}

.nav-tabs .nav-link.active {
    background-color: var(--color-active);
    color: var(--text-color-light);
}

.deposit-wrapper .card {
    width: 100%;
}

.choose-amount-to-deposit {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    max-width: 768px;
    width: 100% !important;
    margin: auto;
}

.choose-amount-to-deposit .col-12 {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 5px;
    width: 100%;
}

.choose-amount-to-deposit .btn {
    font-size: 13px;
    flex: 1 0 60px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #ffff;
    border: 2px solid var(--color-active) !important;
    border-radius: 4px;
}

.choose-amount-to-deposit .btn.btn-primary {
    color: var(--betslip_color);
}

.choose-amount-to-deposit .form {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 5px;
    width: 100%;
}

.choose-amount-to-deposit .form button {
    flex: 1 0 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

a.place-bet {
    background-color: var(--bg-placebet-button);
    color: var(--text-color-light);
    padding: 15px 10px;
    border-radius: 4px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    width: 100%;
    height: 44px;
}


a.place-bet-expired {
    background-color: #b71c1c !important;
    color: #ffcdd2 !important;
    padding: 15px 10px;
    border-radius: 4px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    width: 100%;
    height: 44px;
}

/* ---------------League---------------------------- */

.app-countries-icons {
    width: 100%;
    max-width: 540px;
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: hidden;
    background: var(--primary_color);
}

.league-countries {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.country-flag-icon {
    display: flex;
    justify-content: center;
    flex-direction: row;
    color: var(--text-color-light);
    text-align: center;
    text-decoration: none;
    opacity: 0.3;
    flex-grow: 1;
}

.country-flag-icon.active-league {
    opacity: 1;
}

.country-flag-icon .icon img {
    width: 20px;
    margin: 0;
}

.country-flag-icon a {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    gap: 2px;
    position: relative;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    height: 60px;
    width: 100%;
    color: var(--country_name);
}

.country-flag-icon a span {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.country-name {
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 600;
    font-family: "Inter", sans-serif;
}

.app-market-results-standing {
    width: 100%;
    max-width: 540px;
    background-color: var(--tab_markets);
}

.tab {
    overflow: hidden;
    padding: 0 0;
    width: 100%;
}

.tab-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
    color: var(--tab_markets_color);
}

.more-menu {
    width: 80px;
    display: flex;
    align-items: center;
}

.tab li a.active-tab {
    opacity: 1;
    padding: 5px 16px;
    background-color: var(--color-secondary);
    border-radius: 4px;
    color: var(--text-color-light);
}
.tab a {
    float: none;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    font-family: "Cabin Condensed", sans-serif;
    text-transform: capitalize;
    text-align: center;
    text-decoration: none;
    font-weight: 400;
}

.tab-container {
    width: calc(100% - 40px);
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    justify-content: space-between;
    flex-grow: 1;
}

.more-option-nav {
    position: absolute;
    right: 0;
    padding: 5px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-size: 1em;
    z-index: 120;
}

.more-option-nav a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    gap: 2px;
    color: var(--text-color-light);
    opacity: 0.6;
    color: var(--tab_markets_color);
}

#myLinks {
    position: relative;
    background-color: var(--color-accent);
    display: none;
    height: 100vh;
    z-index: 100;
    transition: all 0.5s ease-out;
}

.option-menu {
    position: absolute;
    width: 100%;
    z-index: 1000;
}

#myOverlayMenu .modal-dialog {
    margin: 0 auto;
    max-width: 540px;
    height: 100%;
}

#myOverlayMenu .modal-dialog .modal-content {
    margin-top: 0;
    height: 100%;
}

.overlay-list-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 1em;
    justify-content: center;
    gap: 10px;
    padding-top: 1em;
    padding-inline: 1em;
}

.overlay-list-menu a {
    font-size: 1em;
    text-transform: capitalize;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 90px;
    height: 80px;
    color: var(--tab_markets);
    border: 1px solid var(--border-color-odd-button);
    border-radius: 4px;
    padding: 10px;
    align-items: center;
    text-align: center;
}

.overlay-list-menu a img {
    width: 25px;
    margin-bottom: 0;
}

.close-menu {
    display: flex;
    flex-direction: column;
    gap: 0;
    color: transparent;
    opacity: 0.8;
}

#myOverlayMenu .modal-header .close {
    right: 20px;
}

.close-menu .close-btn {
    color: transparent;
}

.close-menu .close-btn .bi {
    margin-right: 0;
    color: #f3c717;
    box-shadow: none;
    text-shadow: none;
}

.close-menu .close-btn .bi-x-circle::before {
    color: #f3c717;
    font-size: 21px;
}

.close-menu .close-text {
    font-size: 14px;
    outline: none;
    font-weight: 100;
}

.more-option-nav span {
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-image: url("https://storage.googleapis.com/kironlite/images/kironlite-1701959074.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: 0.1s all ease-in-out;
}

.tab-details {
    flex-grow: 1;
    width: 100%;
    height: 100%;
    display: block;
    border-right: 1px solid var(--light-bg);
}

.tab-details:last-child {
    border-right: 0;
    display: flex;
    align-items: center;
}

.tab-details a {
    position: relative;
    display: flex;
    justify-content: center;
    opacity: 1;
    font-size: 17px;
    padding: 0;
    width: 100%;
    color: var(--tab_markets_color);
    flex-direction: row;
    align-items: center;
    gap: 2px;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    padding-left: 0.25em;
    padding-right: 0.25em;
    height: 50px;
}

.tab-details .icon-title {
    white-space: nowrap;
    display: flex;
}

.tab-details.active-tab a {
    color: var(--color-active);
    background-color: var(--color-accent);
    border-bottom: 4px solid var(--color-active);
}

.tab-details.my-bets {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
}

.tab-details.my-bets img {
    width: 20px;
}

.tab-details .icon svg {
    height: 24px;
    stroke: var(--primary_color);
}

.tab-details.active-tab a .icon svg {
    stroke: var(--color-active);
}

.active-tab-jackpot {
    opacity: 1;
    color: var(--color-active) !important;
    border-bottom: 2px solid var(--color-active);
    padding: 10px 0 !important;
}

.app-bet-time {
    width: 100%;
    max-width: 768px;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    display: flex;
    flex-direction: row;
    justify-content: start;
    padding: 0.1em 0.3rem;
    gap: 2px;
}

.app-bet-time ul.time {
    width: 100%;
    background-color: var(--tab_markets);
    padding-right: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-grow: 0;
    gap: 2px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}

.app-bet-time li.next-game-time {
    padding: 8px 8px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    flex-shrink: 0;
    flex-grow: 0;
    width: 50px;
    height: 28px;
    border-radius: 5px;
    background-color: var(--period_bg);
    border-bottom: var(--period_bg) solid 3px;
    color: var(--period_color);
    font-weight: 600;
    font-size: 13px;
    text-align: center;
}

.market-display {
    width: 100%;
    float: left;
}

.league-games-wrapper {
    width: 100%;
    float: left;
}

.league-free-game .btn-odd-option {
    padding-right: 0;
}

.league-free-game .playing-teams-wrap {
    display: flex;
    flex-direction: row;
}

.league-free-game .playing-teams-wrap a {
    display: flex;
    flex-direction: row;
}

.freebet-home-team.playing-teams {
    display: flex;
    justify-content: flex-start;
}

.freebet-draw-team.playing-teams {
    display: flex;
    justify-content: center;
}

.freebet-away-team.playing-teams {
    display: flex;
    justify-content: flex-end;
}

.freebet-counter-wrap {
    margin-bottom: 5px;
    margin-top: 5px;
}

.freebet-counter {
    display: flex;
    align-items: center;
    gap: 7px;
    border-radius: 2px;
}

.freebet-counter .timer {
    width: 50px;
    height: 25px;
    padding: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.timer {
    color: var(--text-color-light);
    background-color: #f00;
    font-weight: 600;
    padding: 5px 8px 5px;
    font-size: 13px;
    text-align: center;
    border-radius: 5px;
    width: 50px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.match-number-wrap .row {
    align-items: center;
}

.match-number-wrap {
    background-color: #f00;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.match-number-wrap span {
    /* padding: 2px 0; */
    color: var(--text-color-light);
    font-size: 13px;
    font-weight: 700;
}

.match-number-selected {
    color: var(--bg-active) !important;
}

.market-option {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 0.3rem;
}

.main_markets_view {
    padding-top: 0.195em;
    padding-bottom: 0.2em;
    width: 100%;
}

.tabcontent {
    padding: 0 5px !important;
    border-top: 2px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sport_dropdowns {
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    white-space: nowrap;
    /*display: flex;*/
    flex: 1;
    flex-wrap: wrap;
    gap: 5px;
    overflow-x: hidden;
    width: 100%;
    display: table;
}

.sport_dropdowns button.btn {
    border-radius: 50px;
    color: var(--color-market-button);
    background-color: var(--bg-market-button);
    height: 2em;
    line-height: 1px;
}

.sport_dropdowns button {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
}

.sport_dropdowns button a.other-options {
    opacity: 1;
    padding: 7px 10px;
    background-color: var(--color-secondary);
    border-radius: 3rem;
    color: var(--text-color-light);
}

.page-nav-wrapper {
    bottom: 0;
    z-index: 100;
    background-color: var(--color-secondary);
    max-width: 540px;
    width: 100%;
    padding-bottom: 0 !important;
}

.share-bet-stake-and-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0;
    padding: 0;
    gap: 5px;
    font-weight: 700;
}

.share-bet-stake-and-wrap .col-8 {
    padding-inline: 0;
    padding-left: 0;
}

.share-bet-stake-and-wrap .col-4 {
    padding-right: 0 !important;
}

.stake-input input::-webkit-input-placeholder {
    direction: rtl;
    text-align: left;
    color: var(--text-color-light);
    font-size: 13px;
}

.stake-input {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 18px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    gap: 10px;
}

.stake-input input.form-control {
    font-size: 16px;
    border: transparent;
    color: #2c3e50 !important;
    background-color: #fff !important;
    height: 30px;
    border-radius: 3px;
}

.my-slip-teams {
    background-color: var(--active_background) !important;
    color: var(--market_bg_color);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    padding: 14px 10px;
    font-size: 1.2em;
    font-weight: 900;
}

.my-teams {
    background-color: var(--bg-active);
    border-radius: 50px;
    padding: 5px;
    color: var(--market_bg_color);
    width: 25px;
    height: 25px;
    text-align: center !important;
    font-size: 13px;
    line-height: 15px;
    font-weight: 500;
}

.my-teams a {
    font-size: 16px;
    color: var(--tab_markets_color);
}

.share-bet a {
    background-color: var(--color-active);
    border-radius: 2px;
    color: var(--text-color-light);
    font-size: 13px;
    display: block;
    padding: 10px;
    text-align: center;
    width: 100%;
    font-weight: 400;
    line-height: 30px;
}

#resultingPage {
    width: 100%;
}

.league-wrapper {
    width: 100%;
    background-color: #ffffff;
    min-height: auto;
    display: flex;
    flex-direction: column;
}

.standing-wrapper {
    width: 100%;
    background-color: var(--primary_color);
    font-weight: 400;
    color: var(--text-color-light);
    font-size: 14px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 5px 10px;
    gap: 5px;
}

.standing-heading {
    color: var(--text-color-light);
    font-size: 16px;
}

.green-txt-1 {
    color: #37b34a;
    font-size: 20px;
}
.green-txt {
    background-color: #29b13ec9 !important;
    font-size: 20px;
    color: var(--text-color-light);
}

.black-txt {
    color: black;
    font-size: 20px;
}

.live-match-selection {
    border-bottom: 1px solid #f1f1f1;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
}

.live-match-selection .col-6 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.live-match-selection a {
    display: flex;
    align-items: center;
    gap: 5px;
    /* width: 100px; */
}

.home-team,
.away-team {
    white-space: nowrap;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    line-height: initial;
}

.team-jersey img {
    width: 30px;
}

.warning-signal {
    width: 100%;
    text-align: center;
}

.warning-signal span {
    width: 100%;
    display: block;
    font-weight: 600;
    font-size: 12px;
    padding: 2px 5px;
    padding-right: 15px;
    padding-left: 15px;
    color: var(--text-color-light);
    text-transform: capitalize;
}

.warning-signal span.bg-light {
    color: var(--color-secondary);
}

.standing-heanding {
    background-color: var(--primary_color);
    color: var(--text-color-light);
    padding: 0.75em 0;
}

.match-standing {
    border-bottom: 1px solid #f1f1f1;
}

.match-standing-wrapper {
    padding-bottom: 0;
}

select::-ms-expand {
    display: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    background: transparent;
    background-image: none;
    width: 100%;
    height: 100%;
    margin: 0;
    padding-left: 1em;
    color: var(--text-color-light);
    cursor: pointer;
    font-size: 15px;
    line-height: initial;
    appearance: none;
    outline: 0;
    border: none;
    text-transform: capitalize;
    font-weight: 600;
}

.select {
    position: relative;
    display: flex;
    width: 100%;
    height: 2em;
    line-height: 3;
    background: var(--bg-active);
    overflow: hidden;
    border-radius: 1em;
    font-size: 14px;
    left: 0;
    right: 0;
    margin: auto;
}

.select.active-select {
    background-color: var(--color-active);
}

.select::after {
    content: "\25BC";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0 01em;
    background: transparent;
    color: var(--text-color-light);
    pointer-events: none;
    font-size: 10px;
}

.select:hover::after {
    color: var(--market_bg_color);
}

.select::after {
    -webkit-transition: 0.25s all ease;
    -o-transition: 0.25s all ease;
    transition: 0.25s all ease;
}

.page-header {
    width: 100%;
    float: left;
    background: var(--primary_color);
    padding: 7px 10px;
    color: var(--page_header_color);
}

.page-header a {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 14px;
    color: var(--text-color-light);
}

.page-header .col-12 {
    display: flex;
    align-items: center;
}

.selected-team {
    font-weight: 600;
}
.remove-bet a {
    font-size: 22px;
    color: var(--remove_bet);
}

.playing-teams .row,
.team-to-win-selected .row,
.team-to-win-odds .row {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.team-to-win-selected {
    margin-bottom: 5px;
    width: 100%;
    font-size: 1.13em;
}

.page-heading {
    width: 100%;
    text-transform: capitalize;
    font-size: 16px;
    align-items: center;
    gap: 10px;
}

.page-heading a {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    color: var(--text-color-light);
    font-size: 14px;
}

.my-bets-wrapper {
    margin: 0;
}

.stake-and-outcome-result{
    font-size: 15px;
    display: flex;
    justify-content: space-around;
    color: var(--text-color-light);
    gap: 5px;
    align-items: center;
    border: 1px solid var(--primary_color);
    padding: 10px 12px;
    background-color: var(--bg-betslip);
}

.bet-outcome-result{
    display: flex;
    justify-content: center;
    color: var(--color-active);
    gap: 5px;

}

#final_outcome_and_status .outcome{
    text-transform: capitalize;
}
.game_won,
.game_lost,
.game_cancelled,
.game_pending,
.game_suspended{
    padding: 3px 4px;
    border-radius: 3px;
    font-weight: 900;
}

.game_won{
    color:#37b34a;
    background: rgba(0, 151, 19, 0.3);
}

.game_lost{
    color:#bec8c8;
    background-color: rgba(190, 200, 200, 0.4);
}

.game_cancelled{
    color:#17a2b8;
    background-color: rgba(23, 162, 184, 0.4);
}

.game_pending{
    color:#ffc107;
    background-color: rgba(255, 193, 7, 0.4);
}

.game_suspended{
    color:#FFffff;
    background-color: rgba(255, 255, 255, 0.4);
}

#season_and_weeks{
    width: 100%;
    display: flex;
    gap: 5px;
}

#bet_type{
    width: 100%;
    display: flex;
}

.mybetslip-header{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: var(--text-color-light);
    background-color: var(--primary_color);
    padding: 10px 12px;
}

.know-about-bets {
    text-align: center;
    color: var(--text-color-light);
    background: var(--primary_color);
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    text-transform: capitalize;
}

.know-about-bets .badge {
    width: 100%;
    font-size: 10px;
    border-radius: 2px;
}

.bets-tab-scroll {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    width: 100%;
}

.my-bets-wrapper .nav-tabs {
    border-bottom: none;
    margin-bottom: 0;
    background: var(--color-secondary);
    display: flex;
    flex-wrap: wrap;
    gap: 1px;
    width: 100%;
}

.my-bets-wrapper .nav-tabs .nav-item {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    display: flex;
    flex: 1 1;
}

.my-bets-wrapper .nav-tabs .nav-item button {
    width: 100%;
    border-radius: 0;
    background-color: #16202c;
    background: #363d48;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 400;
}

.my-bets-wrapper .nav-tabs .nav-item button.active {
    background-color: var(--color-active);
}

.my-bets-wrapper .nav-tabs .nav-item button:focus {
    border-color: transparent;
}

.mybet-wrapper {
    width: 100%;
    float: left;
    /*background: var(--color-accent);*/
    padding: 0;
    border-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.outcome-signs-wrap {
    color: var(--text-color-light);
    display: flex;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 5px;
    width: 100%;
}

.single-bet-outcome-wrapper {
    padding: 0;
}

.single-bet-outcome-wrapper .bet-outcome {
    padding: 0;
    margin-bottom: 0;
}

.single-bet-outcome-wrapper .single-bet-outcome .bet-outcome {
    border-bottom: 0;
}

.single-bet-outcome-wrapper .single-bet-outcome {
    width: 100%;
    font-weight: 400;
    color: var(--text-color-light);
    font-size: 1em;
    display: flex;
    padding: 0.5em 1em;
    border-radius: 0;
    box-shadow: none !important;
    border-bottom: 1px solid #2d4458;
}

.single-bet-outcome-wrapper .single-bet-outcome:last-child {
    border-bottom: 0;
}

.single-bet-outcome a {
    color: var(--betslip_color);
}

.bet-outcome-wrap {
    display: flex;
    width: 100%;
    flex-direction: column;
}

.bet-outcome-wrap .mybets-accordion {
    width: 100%;
    display: flex;
    flex-direction: column;
    border-bottom: 1px soli var(--primary_color);
}

.bet-outcome {
    width: 100%;
    color: var(--betslip_color);
    background-color: var(--bg-betslip);
    border-bottom: 1px solid var(--primary_color);
    padding: 10px 12px;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.bet-outcome a{
    color: var(--betslip_color);
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.bet-outcome a:hover{
    color: var(--betslip_color);
}

.bet-outcome-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
}

.bet-details {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.betid-number{
    text-transform: uppercase;
}

#bet-teams{
    text-transform: capitalize;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    padding-bottom: 2px;
    font-weight: 600;
}

.bet-outcome-container .viewMore {
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
}

#your_pick_and_odds {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    text-transform: capitalize;
}

#final_outcome_and_status {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    text-transform: capitalize;
}

#betWon,
#betPending,
#betCancelled,
#betLost{
    border-left: 4px solid
}

#betWon {
    border-left-color: #37b34a;
}

#betPending {
    border-left-color: #ffc107;
}

#betCancelled {
    border-left-color: #17a2b8;
}

#betLost {
    border-left-color: #bec8c8;
}

.single-game-bet-id {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-size: 0.9em;
}

.game-final-outcome {
    color: var(--betslip_color-market);
}

.bet-id {
    padding: 0;
}

.game-playing {
    font-weight: 900;
    font-size: 15px;
}

.playing-teams span.type-selection {
    display: flex;
    align-items: center;
    padding: 5px 0;
}

.playing-teams span.game-playing {
    font-size: 16px;
}

.playing-teams span.type-selection .team-chosen,
.playing-teams span.type-selection .game-chose-outcome {
    color: var(--betslip_color-market);
}

.playing-teams span.type-selection .game-chose-outcome {
    padding-left: 10px;
}

.bet-outcome-won {
    border-left: 10px solid #37b34a;
}

.bet-outcome-pending {
    border-left: 10px solid #ffc107;
}

.bet-outcome-cancelled {
    border-left: 10px solid #17a2b8;
}

.bet-outcome-lost {
    border-left: 4px solid #bec8c8;
}

.bet-id-and-game-time {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0.5em;
}

.outcome-signs {
    text-transform: capitalize;
    font-size: 1.1em;
    flex: 1 0 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.scanner-wrapper {
    width: 100%;
    float: left;
    text-align: center;
}

.scanner {
    margin: auto;
    max-width: 200px;
    text-align: center;
}

.scanner img {
    border-radius: 10px;
    display: block;
    width: 100%;
}

.faqs-wrapper {
    width: 100%;
    float: left;
}

.referral-form-wrap .card-header-tabs li.nav-item {
    display: flex;
    flex: 1 1;
    justify-content: center;
    text-align: center;
    border-bottom: 1px solid var(--market_bg_color);
}

.referral-form-wrap .nav-tabs a.nav-link {
    font-size: 13px;
    padding: 7px;
    font-weight: 600;
    width: 100%;
    text-transform: capitalize;
}

.referral-form-wrap .tab-content {
    color: var(--text-color-light);
}

.referral-form input.form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.referral-form button {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.app-content {
    width: 100%;
    float: left;
    margin-top: 1em !important;
}

.account-links a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 0 !important;
}

.account-icon {
    display: inline-flex;
    align-items: center;
}

.account-icon img {
    width: 20px;
    margin-right: 5px;
}

.referral-form-wrap {
    width: 100%;
    float: left;
}

.place-bet-wrap {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    justify-content: space-between;
    gap: 0.25rem;
    align-items: center;
    padding-top: 10px;
}

.place-bet-wrap .clearbets {
    grid-column: span 2 / span 2;
    background-color: var(--bg-my-container);
    padding: 10px 5px;
    border-radius: 4px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.place-bet-wrap .placebet-btn {
    grid-column: span 4 / span 4;
}

.jackpot-wrapper .clear-all-bet {
    justify-content: center;
}

.clear-all-bet {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    text-transform: capitalize;
    font-size: 16px;
}

.clear-all-bet .bi {
    color: var(--text-color-light);
}

.clear-all-bet span {
    color: var(--text-color-light);
}

.how-to-play-jackpot {
    color: var(--text-color-light);
    font-size: 12px;
    padding-bottom: 8rem;
    font-weight: 400;
    line-height: 16px;
}

.jackpot-results-outcome {
    width: 100%;
    float: left;
    padding-bottom: 8rem;
}

.betslip-wrapper {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    border-bottom: 1px solid var(--bg-betslip);
    background-color: var(--bg-betslip);
    margin-top: 0;
    max-height: 60vh;
    overflow-y: scroll;
    padding-bottom: 0;
}

.betslip-wrapper .betslip {
    width: 100%;
    padding-bottom: 0;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 13px;
    position: relative;
    border-bottom: 1px solid #2d4458;
    background-color: var(--bg-betslip);
    color: var(--betslip_color);
}

.betslip-wrapper .betslip:last-child {
    border-bottom: 0;
}

.betslip .playing-teams {
    position: relative;
    padding: 0.25em 0;
}

.mybetslip{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 0;
}

.underline_slip {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    border-bottom: 1px solid #2d4458;
}

.game-number {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    align-content: start;
    width: 30px;
}

.game-number-dtls {
    display: flex;
    justify-content: start;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.team-number {
    width: 20px;
    padding-top: 5px;
}

.team-number-selected {
    width: 100%;
}

.total-wrap {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: space-between;
    gap: 0.5rem;
    align-items: center;
    padding: 5px 0;
}

.accordion_container {
    width: 100%;
    font-size: 13px;
}

.accordion_container.total-wrap {
    padding: 0;
}

.accordion_head {
    color: var(--text-color-light);
    cursor: pointer;
    font-size: 14px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: space-between;
    gap: 0.5rem;
    align-items: center;
    padding-bottom: 5px;
}

.accordion_body {
    background: transparent;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 2px;
    font-size: 14px;
}

.accordion_body .total-wrap {
    padding: 0;
}

.accordion_body p {
    padding: 18px 5px;
    margin: 0;
}

/* -------------------accordion panel------------------- */

.accordion-panel-wrapper {
    background-color: var(--bg-market-wrap-even);
    border-radius: 10px;
}
.panel-heading {
    padding: 0;
    border: 0;
}
.panel-title {
    display: block;
    padding: 10px;
    color: var(--text-color-light);
    font-size: 16px;
    font-weight: normal;
    text-transform: capitalize;
    letter-spacing: 1px;
    word-spacing: 0;
    text-decoration: none;
}

.panel-title a {
    opacity: 0.7;
    display: block;
    color: var(--odds_color);
}

.panel-heading.active .panel-title a {
    color: var(--color-active);
    opacity: 1 !important;
}

.panel-heading a:before {
    content: url("https://storage.googleapis.com/kironlite/images/kironlite-1702056179.svg");
    width: 16px;
    float: right;
    transition: all 0.5s;
    filter: hue-rotate(11deg);
    opacity: 0.5;
}

.panel.panel-default {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.panel-body {
    padding: 10px;
    font-size: 14px;
    line-height: 18px;
}

/* -------------------End Of accordion panel------------------- */

.plusminus {
    float: right;
    width: 5px;
}
.referred-person-position {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.referred-person-position img {
    width: 20px;
}

.referral-profile h6 {
    font-size: 13px;
    margin-bottom: 5px;
}

.faqs-tab-section {
    padding-bottom: 13em;
}

.menu-wrapper {
    margin-bottom: 1em;
    float: left;
    width: 100%;
}

.menu-wrapper h5 {
    color: #24ac7b;
    font-size: 16px;
}

.referral-tab-section .table-striped .table-header {
    background-color: var(--market_bg_color);
}

.referral-tab-section .table thead th {
    border-bottom: 0;
    color: var(--text-color-light);
    font-weight: 600;
}

.referral-tab-section .table thead th:first-child {
    border-right: 1px solid #fff;
}

.referral-tab-section .table th, .table td {
    color: var(--market_bg_color);
    padding-left: 5px;
}

.referral-tab-section .table {
    font-size: 11px;
    border: 1px solid #fff;
}

.referral-tab-section .table th:first-child {
    border-right: 1px solid #343a40;
    width: 25px;
    padding: 10px 15px !important;
}

.referral-tab-section .table td:nth-child(3) {
    padding: 10px 5px !important;
    width: 55px;
    text-align: left;
}

.my-slip-teams {
    width: 40px;
    height: 40px;
}

.my-bet-slip {
    width: 76px;
    text-align: center;
    font-size: 1.13em;
}

.my-total {
    text-align: center;
    padding-right: 10px;
    font-size: 1.13em;
}

.btn-wrapper {
    appearance: none;
    opacity: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex: 1 1;
    margin-top: 5px;
    margin-bottom: 5px;
    gap: 5px;
}

.game-image {
    position: relative;
    cursor: pointer;
}

.play-now-btn {
    width: 100%;
    padding: 10px;
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
    background-color: var(--color-active);
    font-size: 10px;
    font-weight: 600;
    color: var(--text-color-light);
    text-align: center;
    bottom: 0;
    z-index: 10;
    position: absolute;
    display: none;
}

.onboarding .card-body h2 {
    color: #00ee6f;
    font-size: 1.4em !important;
}

.account-balance-wrap .login-nav a.deposit-funds {
    background-color: var(--color-active);
    color: var(--text-color-light);
}

.classic-tabs {
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 0;
}

.classic-tabs ul.nav {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.classic-tabs ul.nav li {
    width: 33%;
    text-align: center;
}

.classic-tabs ul.nav li a {
    color: var(--text-color-light);
    font-weight: 600;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    border-radius: 0.1rem;
    padding: 0.8rem 0.6rem;
}

.classic-tabs ul.nav li a.active {
    background-color: var(--color-active);
    color: var(--text-color-light);
}

.team-to-win-odds {
    width: 100%;
}

.won-amount {
    font-weight: 900;
}

.promotions {
    max-width: 540px;
    width: 100%;
    background-color: var(--color-accent);
    padding: 0;
}

.promotions-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 5px;
}

.product-promotion {
    padding: 10px;
    width: 100%;
}

.promo-description {
    margin: 1em 0;
    color: var(--text-color-light);
}

.promo-description h2 {
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.promo-description p {
    font-size: 13px;
    padding-bottom: 0.5em;
}

.promo-description ul {
    padding: 0.5em;
    margin-bottom: 1em;
    list-style-type: decimal;
    list-style-position: outside;
    padding-left: 2em;
}

.promo-description ul li {
    padding-bottom: 0.5em;
    line-height: 13px;
    font-size: 11px;
}

.play-promo-btn a {
    color: var(--text-color-light);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #24ac7b;
    color: var(--text-color-light);
    font-size: 13px;
    padding: 14px 10px;
    border-radius: 2px;
    font-weight: 600;
    text-transform: uppercase;
}

.product-promotion.disabled-promo {
    pointer-events: none;
    cursor: default;
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}

.bonus {
    background-color: var(--market_bg_color);
    border-radius: 5px;
    padding: 1em;
    color: var(--text-color-light);
    font-size: 13px;
    position: relative;
    width: 100%;
    height: 110px;
    border: 1px solid #25292e;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.bonus a {
    color: var(--color-active);
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
}

.disabled-bonus {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: right;
    align-content: center;
    height: 100%;

    background-color: #000;
    background-color: rgba(24, 26, 28, 0.7);
    border-radius: 5px;
}

.bonus-icon .bi {
    color: var(--bg-active);
    font-size: 30px;
    padding-right: 5px;
    opacity: 0.5;
}

.bonus span {
    display: flex;
    flex-direction: column;
}

.bonus span.bonus-amount {
    padding: 0.5em 0;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: 0.5px;
}

.bonus-text {
    font-size: 13px;
    font-weight: 600;
}

.bonuses-wrapper .row .col-4 {
    display: flex;
    align-items: stretch;
}

.bonuses-wrapper .row .col-12 {
    margin-bottom: 1em;
}

.bonus-details-wrap {
    width: 100%;
}
.bonus-details {
    color: var(--text-color-light);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.bonus-details .bonus-text {
    font-size: 1em;
}

.bonus-details .bonus-amount {
    font-size: 3em;
    padding: 0.3em 0;
    font-weight: 900;
    color: #24ac7b;
}

.bonus-details p {
    color: var(--text-color-light);
}

.disclaimer p {
    color: var(--text-color-light);
    font-size: 11px;
    margin-bottom: 0;
    padding: 1em 0;
}

#instant-games {
    width: 100%;
    background-color: #2d001f;
    min-height: 95vh;
}

#instant-games .card-header {
    background-color: #27273f;
}

#instant-games .card-header-tabs li.nav-item {
    display: flex;
    flex-direction: row;
    width: 33.333%;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: none;
}

#instant-games .tab-content {
    color: var(--text-color-light);
}

#instant-games .tab-content > .tab-pane p {
    font-size: 13px;
    line-height: 20px;
}

#instant-games .tab-content > .tab-pane h5 {
    font-size: 13px;
}

#instant-games .nav-tabs .nav-link.active {
    background-color: transparent !important;
    color: var(--color-active) !important;
    width: 100%;
}

#instant-games .nav-tabs a.nav-link {
    width: 100%;
}

.instant-games-balance {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.instant-games-balance p {
    color: #f3c717;
    font-size: 12px;
    padding-bottom: 0.5em;
    padding-top: 1em;
}

.instant-games-balance h5 {
    font-size: 13px;
    font-weight: 600;
}

.instant-balance {
    width: 50%;
    text-align: right;
    border-right: 1px solid #f3c717;
    padding-right: 3%;
}

.instant-bonus {
    width: 48%;
}

.instant-games-wrapper {
    background-color: #180010;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 10px;
}

.instant-game {
    width: 31.333%;
    margin: 1%;
    border-radius: 5px;
    border: 2px solid #f3c717;
    max-width: 165px;
    cursor: pointer;
}

.instant-game img {
    width: 100%;
    max-width: 160px;
}

.instant-selected {
    width: 31.333%;
    margin: 1%;
    border-radius: 5px;
    border: 2px solid var(--color-active);
    max-width: 165px;
    cursor: pointer;
}

.instant-selected img {
    width: 100%;
    max-width: 160px;
}

.treasure-box img {
    border-radius: 5px;
    max-width: 160px;
}

.instant-deposit {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0 15px;
}

.instant-deposit h5 {
    width: 100%;
    margin-bottom: 1em !important;
    margin-top: 1em;
}

.instant-deposit h5.small {
    font-size: 100%;
}

.instant-deposit-input,
.instant-deposit-submit,
.instant-deposit-btns {
    width: 100%;
}

.instant-deposit-input .form-control {
    border: 2px solid #f3c717;
}

.instant-deposit-input input.form-control {
    background-color: #2d001f !important;
    height: calc(1.5em + 1.5rem + 2px);
}

.instant-deposit-btns .btn {
    border: 2px solid #f3c717;
    color: var(--text-color-light);
    padding: 0.9rem 1rem;
}

.deposit-instant-btns {
    background-color: #f3c717;
    color: #292929 !important;
}

.instant-deposit-btns .form-control {
    border: 2px solid #f3c717;
}

.instant-deposit-btns {
    display: flex;
    align-items: center;
    justify-content: center;
}

.instant-amount {
    width: 100%;
    padding-inline: 2px;
}

.instant-deposit-submit .btn {
    background-color: #f3c717;
    font-weight: 600;
    font-size: 1.2rem;
}

.instant-game-result {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-direction: column;
    position: relative;
}

.instant-game-result img {
    width: 100%;
}

.treasure-box-outcome {
    width: 100%;
    position: relative;
}

.treasure-box-outcome-message {
    position: absolute;
    width: 90%;
    top: 5%;
    margin: auto;
    text-align: center;
}

.treasure-box-outcome-message h5 {
    color: var(--color-active);
    font-size: 2em !important;
    text-transform: capitalize;
    font-weight: 700;
}

.treasure-box-total-outcome {
    position: absolute;
    width: 90%;
    bottom: 8%;
    margin: auto;
    text-align: center;
}

.treasure-box-total-outcome h5 {
    color: var(--color-active);
    font-size: 1.5em !important;
    text-transform: capitalize;
    font-weight: 700;
}

.treasure-box-total-outcome h5 span {
    color: var(--text-color-light);
}

.treasure-box-outcome-prize {
    position: absolute;
    width: 90%;
    text-align: center;
}

.treasure-box-outcome-prize h5 {
    color: var(--text-color-light);
    font-size: 4em !important;
    text-transform: capitalize;
    font-weight: 700;
}

.play-again-btn {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 15px;
}

.double-chance-market {
    white-space: nowrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    display: table-cell !important;
    padding-inline: 2px;
}

.double-chance-market.select-other-markets {
    width: 100%;
}

.playing-games-wrapper {
    width: 100%;
    padding-bottom: 0;
}

.od-wrap {
    width: 100%;
    background-color: var(--bg-market-wrap-odd);
}

.even-wrap {
    width: 100%;
    background-color: var(--bg-market-wrap-even);
}

.team-badge {
    padding-right: 0;
    width: auto;
}

.team-badge img {
    width: 17px;
    display: inline-block;
    margin: 2px 0;
}

.game-time-and-day {
    font-size: 13px;
}

.stake-and-possible-win {
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.see-final-outcome {
    padding: 2px 0;
    font-size: 14px;
    color: var(--betslip_color-market);
}

.see-final-outcome-stake {
    color: var(--text-color-light);
    font-size: 14px;
}

.playing-teams span.team-name-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    font-size: 15px;
    color: var(--teams_name);
}

.match-standing {
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    font-size: 1.13em;
}

.standing-team-position {
    padding-right: 0.3em;
}

.match-standing-wrapper table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 0 auto 1em;
}

table thead {
    color: var(--market_bg_color);
    font-weight: 400;
    text-align: left;
    background: transparent;
    font-size: 1.13em;
    display: flex;
    vertical-align: bottom;
    width: 100%;
}

table thead tr th:nth-child(1) {
    padding: 4px !important;
    text-align: center;
    width: 50px;
}

table thead tr th:nth-child(2) {
    width: 100%;
    padding-left: 5px;
    display: flex;
    align-items: center;
}

table thead tr th:nth-child(3) {
    text-align: center;
    padding: 10px 5px !important;
    width: 55px;
}

table thead tr th:nth-child(4) {
    width: 170px;
    text-align: center;
}

td,
th {
    border: 2px solid #343a40;
}

tr td:nth-child(1) {
    text-align: center;
    padding: 4px;
    width: 40px;
    font-size: 15px;
}

table tr td:nth-child(2) {
    width: 100%;
    padding-left: 5px;
}

tr td:nth-child(3) {
    text-align: center;
    font-size: 1.13em;
    font-style: normal;
    font-weight: 400;
    line-height: 13px;
    letter-spacing: 0;
    padding: 4px !important;
    width: 50px;
}

tr td:nth-child(4) {
    width: 115px;
    text-align: center;
}

.team-form {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

tr:nth-child(even) {
    background: transparent;
}

tr {
    width: 100%;
    vertical-align: bottom;
    border-color: inherit;
}

.ods-wrap {
    display: flex;
    align-items: center;
    gap: 5px;
}

.reemove-this-team a .bi {
    font-size: 2em;
    color: var(--text-color-light);
}

.stake-input input::placeholder {
    color: var(--market_bg_color);
    font-size: 1em;
}

.stake-input ::-webkit-input-placeholder {
    color: var(--market_bg_color);
}
.stake-input ::-moz-placeholder {
    color: var(--market_bg_color);
}
.stake-input :-ms-input-placeholder {
    color: var(--market_bg_color);
}
.stake-input :-moz-placeholder {
    color: var(--market_bg_color);
}

.total-payout {
    font-weight: 400;
    font-size: 16px;
}

.total-payout-amount,
.excise-tax-amount,
.withholding-tax-amount {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 2px;
}

.betslip-active {
    width: 100%;
    display: flex;
}

.deactivated-game {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    text-transform: capitalize;
    gap: 5px;
    text-align: center;
    background-color: #ffcdd2;
    color: #b71c1c;
    font-weight: 300;
    font-size: 10px;
    padding: 2px 10px;
}

.remove-all-deactivated-game {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    text-transform: capitalize;
    gap: 5px;
    text-align: center;
    background-color: #b71c1c;
    color: #ffcdd2;
    font-weight: 300;
    font-size: 10px;
    padding: 2px 10px;
}

.app-bet-time li.next-game-time.active {
    color: var(--color-active);
    border-bottom: var(--color-active) solid 3px;
    font-weight: 500;
    flex-grow: 0;
    /*min-width: 70px;*/
}

.live {
    background-color: red;
}

/* -------------- Start Of Prevent scrollbars to appear when waves go out of bound --------------*/
.sonar-wrapper {
    position: relative;
    z-index: 10;
    overflow: hidden;
    padding: 5rem 0;
}

.sonar-emitter {
    position: relative;
    margin: 0 auto;
    width: 90px;
    height: 90px;
    border-radius: 9999px;
    background-color: var(--color-active);
}

.more-menu .sonar-wave {
    width: 20px;
    height: 20px;
    right: 10px;
    top: 5px;
}

.sonar-wave {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 9999px;
    opacity: 0;
    background-color: var(--primary_color);
    z-index: -1;
    pointer-events: none;
}

.sonar-wave {
    animation: sonarWave 2s linear infinite;
}

@keyframes sonarWave {
    from {
        opacity: 0.4;
    }
    to {
        transform: scale(3);
        opacity: 0;
    }
}

.time-count-down {
    position: absolute;
    color: var(--text-color-light);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 90px;
    font-size: 3em;
    font-weight: 600;
}

.time-counter-heading {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    height: 50px;
    font-size: 2em;
    font-weight: 600;
    color: var(--color-active);
}

/*-------------- End of Prevent scrollbars to appear when waves go out of bound  --------------*/

/* --------------Start of Other Markets--------------------------- */

.event {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

.event-t {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5em;
}

.event-t .team-badge {
    display: flex;
    align-items: center;
    color: var(--betslip_color);
    width: auto !important;
}

.event-t .team-badge span {
    padding-inline: 0.4em;
}

.btn-odd-option .odd-selection {
    flex: 1 0 50px !important;
    justify-content: center;
    align-items: center;
    gap: 0;
    background: var(--odd_button_background);
    border-radius: 2px;
    border: 1px solid var(--border-color-odd-button);
    padding: 3px 0;
    font-weight: 600;
    display: flex;
    flex-direction: column;
}

.btn-odd-option .odd-selection.added-game-btn {
    background-color: var(--odd_button_active_background);
    border: 1px solid var(--border-color-odd-button_active);
}

.divider {
    color: var(--text-color-light);
    padding: 5px;
}

.event-market .btn-odd-option {
    padding-right: 0;
}

.game-odds {
    font-size: 14px;
    color: var(--bg-active);
    text-align: center;
}

.betslip .col-8 {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.card-body h2 {
    font-size: 1.4em !important;
}

.search-bar button {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.search-bar .form-control {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-right: none;
}

.money-box-wrapper {
    background: #1b0013;
}

.money-box-wrapper ul.nav {
    background: var(--color-accent) !important;
}

.money-box-wrapper ul {
    background: var(--color-accent) !important;
}

.money-box {
    padding-top: 1em;
    padding-right: 15px;
    padding-left: 15px;
    color: var(--text-color-light);
}

.money-box #deposit {
    padding-left: 5px;
    padding-right: 5px;
}

.money-box-wallet-balance {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

.money-box-wallet-bonus {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.money-box-wrapper #bet-slip a {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    color: var(--text-color-light);
    font-size: 12px;
}

.money-box-wrapper #bet-slip a img {
    max-width: 25px;
    margin: 0 2px;
    width: 25px;
}

.wallet-number {
    color: var(--text-color-light);
    font-size: 1.5em;
    line-height: 1.5em;
    font-weight: 800;
}

.wallet-text {
    color: #f3c717;
}

.money-box-wrapper .nav-tabs .nav-item button.active {
    color: var(--color-active);
}

.money-box-wrapper .nav-tabs .nav-item {
    display: flex;
    flex: 1 0 70px;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.money-box-wrapper .nav-tabs .nav-item button {
    width: 100%;
    border-radius: 0;
    background-color: #16202c;
    background: var(--color-accent) !important;
    text-transform: capitalize;
    font-size: 1em;
    font-weight: 400;
    padding: 0.5rem 0.5rem;
}

.money-box-image-wrap {
    width: 33.333%;
    padding: 2px;
}

.money-box-image {
    position: relative;
}

.money-box-odds {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 5px;
    width: 100%;
}
.odds-directions {
    padding-left: 2px;
}

.odds-directions .bi {
    font-size: 13px;
}

.odds-directions .bi-caret-up-fill {
    color: green;
}

.odds-directions .bi-caret-down-fill {
    color: red;
}

.money-box .col-12 {
    display: flex;
    flex: 1 1;
    flex-wrap: wrap;
    margin: 0;
    padding: 4px;
}

.other-money-boxes-heading {
    /* background-color: #2d001f; */
    width: 100%;
    text-align: center;
    padding: 4px;
    color: var(--text-color-light);
    font-size: 14px;
    text-transform: capitalize;
}

.other-money-boxes {
    display: flex;
    padding: 5px;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
}

.other-money-boxes .money-box-image-wrap {
    width: 16.666666667%;
}

.deposit-btn-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}

.deposit-btn {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 5px;
    width: 100%;
}

.money-box #deposit .deposit-btn input[type="submit"] {
    margin-bottom: 0;
    padding: 0.5rem 0.75rem !important;
}

.deposit-btn input[type="submit"] {
    width: 100%;
    margin-bottom: 10px;
    margin-inline: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 1;
    font-size: 1.3em;
}

#deposit .submit-btn {
    margin-top: 10px;
}

#deposit {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

#deposit h2 {
    font-size: 1.2em !important;
}

.submit-deposit {
    align-items: center;
    background-clip: padding-box;
    background: #f3c717;
    border: 1px solid #990808;
    background: -moz-linear-gradient(92deg, #990808 0%, #f97c00 100%);
    background: -webkit-linear-gradient(92deg, #990808 0%, #f97c00 100%);
    background: -ms-linear-gradient(92deg, #990808 0%, #f97c00 100%);
    border: none;
    color: #ffffff !important;
    padding: 5px 10px;
    line-height: 30px;
    -moz-border-radius: 30px;
    border-radius: 5px;
    font-size: 1.3em;
    width: 100%;
    text-transform: uppercase;
    font-weight: 900;
    cursor: pointer;
}

#deposit input[type="button"],
#deposit input[type="submit"],
#deposit input[type="type"],
#deposit input[type="reset"] {
    color: #495057;
    background-color: transparent !important;
    background-clip: padding-box;
    border: 2px solid #f97c00;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    padding: 15px 15px;
    line-height: 10px;
    width: 100%;
}

#deposit input[type="type"] {
    font-size: 1.3em;
    padding: 10px 15px;
}

.money-box-image-wrap.money-box-won {
    width: 100%;
}

.money-box-won .money-box-odds {
    font-size: 4em;
    font-weight: 700;
    display: flex;
    top: 0;
    bottom: 0;
    color: #fff800;
}

.congratulations-text {
    /* position: absolute; */
    top: 20px;
    width: 100%;
    left: 0;
    right: 0;
    text-align: center;
    color: var(--color-active);
    font-size: 2em;
    text-transform: capitalize;
}

.confirmation-text {
    /* position: absolute; */
    width: 100%;
    left: 0;
    right: 0;
    text-transform: capitalize;
    text-align: center;
    color: var(--text-color-light);
    bottom: 20px;
    font-size: 1.5em;
}

.confirmation-text span.money-box-amount-won {
    color: var(--color-active);
    font-size: 1em;
}

.other-money-boxes .confirmation-text {
    bottom: 2px;
    font-size: 1em;
    color: var(--color-active);
}
.other-money-boxes .congratulations-text {
    top: 5px;
    font-size: 1em;
    color: var(--text-color-light);
}

.league-free-game .single-match {
    padding: 20px 0;
}

.league-free-game .free-bets {
    padding-bottom: 0;
}

.league-free-game .free-game-content a {
    width: 100%;
    border-radius: 2px;
}

.team-form .btn-sm,
.btn-group-sm > .btn {
    padding: 0 !important;
    width: 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;
}

#confetti-canvas {
    position: absolute;
    top: 0;
}
.account-balance {
    font-size: 28px !important;
    font-weight: 700 !important;
}

.account-balance .currency-type {
    font-size: 28px !important;
    font-weight: 700 !important;
}

/* --------------share-happiness---------------------- */

.faqs-wrapper .card-header {
    padding-inline: 0;
}

.faqs-wrapper .card-header button.btn {
    padding-inline: 0 !important;
}

.important-info .faqs-wrapper .card-body {
    opacity: 1;
}

.important-info .faqs-wrapper .card-body ul {
    list-style: decimal;
    padding: 10px;
}

.important-info .faqs-wrapper .card-body ul li {
    margin-bottom: 0.5em;
}

.share-happiness .bi {
    font-size: 2em;
    color: var(--color-active);
    padding: 5px;
}

.share-happiness span {
    text-transform: capitalize;
}

.faqs-tab-section p {
    padding: 0.5rem 0.75rem !important;
}

.referral-form-wrap .card .card-body {
    padding-bottom: 0 !important;
}

.match-standing-wrapper table tr.table-header {
    height: 20px;
    background: #f7f7f7;
}

.match-standing-wrapper table tr.table-header th {
    padding-top: 5px;
    padding-bottom: 4px;
    border: 1px solid #f1f1f1;
}

.match-standing-wrapper table tr.table-header th:nth-child(1) {
    text-align: center;
    border: 1px solid #f1f1f1;
}
.match-standing-wrapper table tr td:nth-child(1) {
    width: 2.5em;
    border: 1px solid #f1f1f1;
}

.match-standing-wrapper table tr.table-header th:nth-child(2) {
    padding-left: 5px;
}
.match-standing-wrapper table tr td:nth-child(2) {
    padding: 5px;
    border-bottom: 1px solid #f1f1f1;
}

.match-standing-wrapper table tr.table-header th:nth-child(3) {
    text-align: center;
}

.match-standing-wrapper table tr td:nth-child(3) {
    width: 2.5em;
    border: 1px solid #f1f1f1;
}
.match-standing-wrapper table tr.table-header th:nth-child(4) {
    padding-left: 5px;
}

.match-standing-wrapper table tr td:nth-child(4) {
    width: 95px;
    border: 1px solid #f1f1f1;
    padding-right: 5px;
}

.subscriptions.card .card-body {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #343a40;
    padding-bottom: 1em !important;
}

.b2b-transaction-wrap .subscriptions .card-body {
    padding-bottom: 0.5em !important;
}

.group-teams .card-body {
    padding: 0;
    float: left;
    width: 100%;
}

.group-teams .card-header {
    padding: 0.1rem 1.25rem;
    background-color: var(--color-primary);
}

.group-teams .card-header h5 button.btn {
    padding: 0.1rem !important;
    width: 100%;
    text-align: left;
    font-size: 1em;
}

.group-teams .card {
    margin-bottom: 0;
}

.display-banner {
    display: block !important;
}

.games-selection {
    color: var(--text-color-light);
    display: flex;
    justify-content: center;
    align-items: center;
}

.games-selection a {
    color: var(--text-color-light);
    padding: 10px 0;
}

.games-selection.active-tab a {
    color: var(--bg-active);
}
.winning-combination {
    padding: 1em 0;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-transform: capitalize;
    font-weight: 400;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.group-teams button.btn {
    width: 100%;
    padding: 0.1rem 0.5rem !important;
}
.group-teams .group-stage {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    font-size: 16px;
    text-transform: capitalize;
}

.affiliate-tab {
    margin-top: 1em;
    background-color: var(--color-accent);
    border-radius: 0.25rem;
}

.affiliate-tab .card {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 2px;
    padding-inline: 10px;
    border-radius: 0;
    border-bottom: 1px solid var(--color-primary);
}

.affiliate-tab .card:last-child {
    border-bottom: 0;
}

.affiliate-tab .card .card-body {
    padding: 0;
}

.affiliate {
    display: flex;
    flex-direction: row;
    font-size: 1em;
    align-items: center;
}

.affiliate span {
    padding-right: 5px;
    text-transform: capitalize;
    margin: 2px 0;
    font-size: 13px;
    color: var(--text-color-light);
}

.affiliate span:first-child {
    width: 100px;
}

.affiliate span.referral-numbers span:first-child {
    width: auto;
}

.affiliate span.referral-numbers span {
    padding-inline: 10px;
}

.affiliate span.stake-amount span:first-child {
    width: auto;
}

.affiliate span.stake-amount span {
    padding-inline: 10px;
}

.moss-play-wrapper {
    width: 100%;
    background-color: #f9f9f9;
}

.moss-play-menu-icon {
    display: flex;
    justify-content: flex-start;
}

.moss-play-menu-icon img {
    max-width: 40px;
    width: 24px;
}

.moss-play-wrapper .user-image {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.moss-play-wrapper .user-image img {
    width: 50px;
    margin: auto;
}

.moss-play-games .col-6 {
    padding-inline: 4px !important;
    margin-bottom: 10px;
}

.moss-game-wrap {
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
    border-radius: 7px;
}

.tag {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("https://storage.googleapis.com/mbg-assets/images/lite-tag.png");
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
    z-index: 10;
    width: 75px;
    height: 70px;
}

.moss-game-wrap img {
    border-radius: 7px;
}

.moss-game {
    position: absolute;
    padding: 1em;
    width: 100%;
    bottom: 0;
    height: 0%;
    /* background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); */
}

.moss-game-cta {
    position: absolute;
    bottom: 3px;
    display: flex;
    flex-direction: row;
    justify-content: right;
    width: 100%;
    left: 0;
    right: 0;
}

.moss-game-cta a {
    margin-right: 4px;
    font-size: 1em;
}

.moss-play-wrapper .currency-type,
.moss-play-wrapper .account-balance {
    font-size: 16px !important;
}

.b2b-transaction-wrap .subscription-status.credit-status {
    background: rgba(81, 164, 86, 1);
    background: #28a745 !important;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 8px;
}

.b2b-transaction-wrap .subscription-status.debit-status {
    background: rgba(245, 194, 68, 1);
    background: #dc3545 !important;
    font-size: 13px;
    font-weight: 700;
    padding: 5px 8px;
}

.footer {
    background-color: #f9f9f9;
}

.footer .play-responsibly {
    text-align: center;
    width: 100%;
}

.footer .col-12 {
    display: flex;
    align-items: center;
    width: 100%;
}

.footer-logo img {
    max-width: 120px;
    margin-bottom: 0 !important;
}

.play-responsibly img {
    width: 120px;
}

.social-media {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.social-media a {
    padding-inline: 3px;
    font-size: 20px;
    color: var(--color-active);
}

.social-media a.bi {
    color: var(--color-active);
}

.moss-game-cta a.badge {
    padding: 0.75em 0.75em;
}

.moss-play-wrapper .card-body {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.moss-play-wrapper .card-body .user-image {
    padding-right: 10px;
}

.moss-play-wrapper .card-body .wallet-wrap {
    text-align: left;
    width: 100%;
    border-left: 1px solid #ccc;
    padding-left: 10px;
}

.account-balance-wrap.moss-play-account a {
    align-items: center;
    font-size: 13px;
    color: var(--active_color);
    border: 2px solid var(--active_color) !important;
    padding: 2px 5px;
    border-radius: 5px;
    height: 30px;
}

.account-user-name {
    padding-left: 2px;
}

.sidenav {
    height: 100%;
    width: 0;
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    background-color: var(--color-secondary);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 65px;
}

.sidenav a {
    padding: 10px 10px 10px 20px;
    text-decoration: none;
    font-size: 15px;
    display: block;
    transition: 0.3s;
    border-bottom: 1px solid var(--market_bg_color);
    color: var(--market_bg_color);
}

.sidenav a:hover {
    color: var(--market_bg_color);
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 21px;
    padding: 20px 20px;
    width: 100%;
    text-align: right;
    border-bottom: 1px solid var(--market_bg_color);
    cursor: pointer;
}

.sidenav .bi {
    opacity: 0.6;
}

.sidenav a span {
    padding-right: 10px;
}

.closebtn {
    color: var(--market_bg_color);
}

.share-bet-stake-and-wrap a.win-amount {
    color: var(--text-color-light);
    font-size: 16px;
}

.loadmore-field {
    width: 100%;
    float: left;
}

.loadmore-field button {
    background-color: var(--market_bg_color);
    border-color: var(--market_bg_color);
    color: var(--text-color-light);
    border-radius: 3px;
}

.modal-body {
    padding: 0 0;
}
.modal-body img {
    margin-bottom: 1em;
}

.week-round-content {
    font-size: 16px;
}

.other-box-container {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 5px;
    width: 100%;
}

.other-box {
    position: relative;
    font-size: 13px;
    flex: 1 0 50px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #ffff;
}

.other-box-odds {
    position: absolute;
    bottom: 2px;
}

.other-box .congratulations-text {
    font-size: 12px;
    top: 2px;
}

.won-boxes-container {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 5px;
    width: 100%;
}

.won-boxes-container .other-box {
    flex: 1 0 100px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.money-box-not-won {
    position: relative;
}

.money-box-not-won .confirmation-text {
    position: absolute;
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
}

.money-box-not-won .confirmation-text .other-box-odds {
    font-size: 30px;
    color: var(--color-active);
}

.other-markets-wrapper .btn-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    width: 100%;
}

.league-games-matches {
    width: 100%;
}

.league-anthem {
    opacity: 0;
}

a.card-tag {
    display: block;
}

.dropdown-select {
    width: 100%;
}
.double-chance-market.select-other-markets .select {
    font-size: 14px;
}
.sport_dropdowns button {
    font-size: 14px;
}

.b2b-transaction-wrap {
    background-color: var(--market_bg_color);
    border-radius: 3px;
}

.b2b-transaction-wrap .wallet-balance .card {
    padding: 0 !important;
    padding-top: 5px !important;
}

.subscriptions {
    padding-left: 5px;
    padding-right: 5px;
}

.account-balance .currency-type {
    text-transform: uppercase;
}

.mb-3.time-payment-was-done {
    margin-bottom: 10px !important;
}

.bet-counter,
.bet-counter-promo {
    position: absolute;
    background-color: var(--odd_button_active_background);
    color: var(--tab_markets_color);
    font-size: 14px;
    line-height: 12px;
    font-weight: 700;
    padding: 2px;
    border-radius: 50%;
    top: 10px;
    right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 18px;
    height: 18px;
    left: auto;
    text-wrap: nowrap;
}

.bet-counter-promo {
    right: 5px;
}

.tab-details.freebet_promo {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
}

.my-bets-container {
    background-color: var(--check_betslip_btn_bg_color);
    border-radius: 5px;
    width: 170px;
    display: flex;
}

.my-bets-container button.btn {
    font-size: 16px;
    color: var(--betslip_color);
    padding: 10px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 700;
    text-transform: capitalize;
}

.my-bets-container a.btn{
    font-size: 16px;
    padding: 10px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--check_betslip_btn_color);
}

.odds-container {
    background-color: var(--odds_container_background);
    border-radius: 5px;
    width: 100%;
    align-items: center;
    height: 50px;
    padding-left: 10px;
    padding-right: 10px;
}

.odds-container span {
    font-size: 16px;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 5px;
}

#freebet-playing-game-card {
    display: flex;
    flex-direction: column;
}

#freebet-live-game-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: var(--white);
}

.team-selected {
    font-size: 13px;
    padding: 5px 0;
}

#freebet-live-game-card .warning-signal {
    padding-top: 5px;
}

#freebet-playing-game-card .team-badge img {
    width: 30px;
    display: block;
}

.games-alert-notification {
    margin-top: 0;
    margin-bottom: 0;
    float: left;
    width: 100%;
}

.games-alert-notification .alert {
    margin-bottom: 0 !important;
    border-radius: 0 !important;
    padding: 0;
    color: #34495e;
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 13px;
    border-color: 0;
    position: relative;
    background-color: #ffffff;
}

.alert-dismissible .close {
    position: absolute;
    top: -5px;
    right: 0;
    padding: 0 0.5rem;
    color: inherit;
}

#countdown360_countdown {
    width: 35px !important;
    height: 35px !important;
}

#freebet-playing-game-card .team-selection-wrapper {
    border-bottom: 1px solid #0a1f2f;
    margin-bottom: revert-layer;
}

/*---------------------------------------------Freebet bonus----------------------------------------------*/

#bonus-adwrapper_cta {
    background-image: linear-gradient(to right, #471e67 10%, #2a0c3d 30%, #882e31 60%);
    background-image: linear-gradient(to right, var(--ad-gradient-front-color) 10%, var(--ad-gradient-front-color) 30%, var(--ad-gradient-back-color) 60%);
    background-color: var(--freebet-adcolor);
    border-radius: 0;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

#bonus-adwrapper_cta.alert {
    width: 100%;
    max-width: 100% !important;
    margin-bottom: 0;
    color: var(--period_color);
}

#bonus-adwrapper_cta.alert button {
    border: none;
    font-size: 14px;
    padding: 0;
    position: static;
}

#bonus-adwrapper_cta a {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: var(--text-color-light);
}

#bonus-adwrapper .bonus-number_text {
    position: static;
    width: auto;
    padding: 0;
    margin: 0;
    display: flex;
}

.bonus-image-and-text {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.bonus-image-and-text .icon {
    font-size: 21px;
}

.bonus-image-and-text img {
    width: 30px;
}

.bonus-number-and-text {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    font-size: 18px;
}

#bonus-adwrapper .bonus-adtext {
    display: flex;
    justify-content: flex-end;
    column-gap: 15px;
    font-weight: 800;
    align-items: center;
    width: 100%;
    color: var(--text-color-dark);
}

#bonus-adwrapper .bonus-number {
    color: var(--text-color-dark);
    height: 24px;
}

#bonus-adwrapper .bonus-number {
    position: relative;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
    color: var(--text-color-light);
}

.bonus-number_icon {
    color: var(--bg-active);
    position: relative;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bonus-number_text {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: var(--tab_markets_color);
    line-height: 100%;
    justify-content: center;
    margin: auto;
    background-color: var(--bg-active);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-weight: 600;
}

.bonus-image {
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bonus-image img {
    width: 30px;
    display: flex;
}

.bonus-avaiable {
    font-weight: normal;
    display: flex;
    flex-direction: row;
    row-gap: 2px;
    align-items: self-start;
    justify-content: flex-end;
    text-align: right;
    width: 100%;
    color: var(--text-color-light);
}

.redeem_cta {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
}

.redeem_cta .btn {
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    color: var(--text-color-light);
    padding: 0.25rem 0.75rem;
    font-size: 14px;
    font-weight: 600;
}

.redeem_cta .btn:hover {
    color: var(--text-color-light);
}

#availableBonus {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    align-items: center;
    gap: 10px;
}

#availableBonus.bonus-adtext {
    color: var(--text-color-dark);
}

#availableBonus .bonus-image {
    width: 50px;
}

#availableBonus .bonus-image img {
    width: 100%;
}
.my_freebet {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: flex-start;
    align-items: flex-start;
}

.my_freebet .bonus-indicator {
    font-size: 14px;
    font-weight: normal;
    opacity: 0.8;
    width: 100%;
    max-width: fit-content;
}

.my_freebet .my-freebet_amount,
.my_freebet .bonus-text {
    font-size: 21px;
    font-weight: 600;
}

#claim_bonus {
    border: 1px solid var(--border-light-color);
    color: var(--text-color-dark);
    border-radius: 10px;
    padding: 10px 10px;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

#claim_bonus .bonus-avaiable {
    color: var(--text-color-dark);
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

#claim_bonus .bonus-avaiable .redeem_cta .btn {
    border-radius: 5px;
}

#claim_bonus .bonus-avaiable .bonus_expiry_date {
    width: 100%;
    border: 1px solid var(--color-active);
    color: var(--color-active);
    padding: 10px 10px;
    border-radius: 5px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    text-align: left;
}

.my-freebet_amount {
    font-weight: 900;
}

.claim_bonus_wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.progress-element {
    width: 100%;
    position: relative;
}

.progress-element .progress {
    height: 7px;
    padding: 0;
}

.progress-element .progress-bar {
    width: 100%;
    height: 7px;
    border-radius: 0.25rem;
    background: linear-gradient(to right, var(--color-active) 0%, var(--color-active) 100%);
}

.freebet-tabs {
    overflow: hidden;
    background-color: var(--light-bg);
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 5px;
    padding: 5px;
}

.freebet-content-wrap .freebet-tabs button {
    background-color: inherit;
    float: left;
    outline: none;
    cursor: pointer;
    padding: 10px 10px;
    transition: 0.3s;
    font-size: 15px;
    width: 50%;
    border-radius: 5px;
    color: var(--text-color-dark);
    text-transform: capitalize;
    border: 1px solid var(--border-light-color);
}

.freebet-content-wrap .freebet-tabs button.active {
    color: var(--text-color-light);
    background-color: var(--color-accent);
}

.how-to-use-bet-tab {
    width: 100%;
    border: 1px solid var(--border-light-color);
    display: flex;
    border-radius: 5px;
}

.how-to-use-bet-tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 10px;
    transition: 0.3s;
    font-size: 15px;
    width: 50%;
    border-radius: 0;
    color: #616161;
    text-transform: capitalize;
    border-bottom: 1px solid var(--border-light-color);
}

.how-to-use-bet-tab button.active {
    color: var(--color-active);
    border-bottom: 1px solid var(--color-active) !important;
}

.how-to-use-bet-wrapper {
    width: 100%;
    padding: 10px 5px;
    padding-top: 20px;
}

.how_to_use-freebet {
    width: 100%;
    display: none;
}

.freebet-tabcontent .text-wrap::before {
    display: inline-block;
    content: "";
    -webkit-border-radius: 0.375rem;
    border-radius: 0.375rem;
    height: 5px;
    width: 5px;
    margin-top: 5px;
    margin-right: 0.5rem;
    background-color: var(--color-accent);
}

.how_to_use-freebet .text-icon {
    padding-top: 0;
    display: table-caption;
}

.freebet-tabcontent .text-wrap p {
    padding-bottom: 0;
    display: -webkit-inline-box;
    align-items: center;
}

.freebet-tabcontent .text-wrap {
    width: 100%;
    font-family: "Inter", sans-serif;
    padding-bottom: 10px;
    line-height: normal;
    display: inline-flex;
    align-items: flex-start;
    flex-direction: row;
    justify-content: flex-start;
}

.freebet-tabs-wrapper h3 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    font-size: 18px;
    font-weight: 600;
}

#ifNoBonusModule {
    width: 100%;
    border: 1px solid var(--border-light-color);
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.no_bonus_module a {
    color: var(--text-color-dark);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    gap: 20px;
}

.no_bonus_module img,
.no_bonus_module svg {
    width: 100px !important;
    opacity: 0.6;
}

.no_bonus_module p {
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 16px;
}

.no_bonus_module span {
    font-size: 21px;
    text-decoration: underline;
    color: var(--color-active);
}
/*---------------------------------------------bonus Bar----------------------------------------------*/

.bonus-wrapper .bar {
    width: 100%;
    height: 30px;
    border-radius: 0;
    background-color: transparent;
    color: var(--text-color-light);
    text-align: center;
    display: flex;
    align-items: center;
    gap: 1px;
    justify-content: flex-end;
}

.percentage-mark {
    width: 10%;
}

.bonus-wrapper .ten-percent {
    height: 100%;
    background-color: #e6f2e8;
    float: left;
}

.bonus-wrapper .twenty-percent {
    height: 100%;
    background-color: #cce6cb;
    float: left;
}

.bonus-wrapper .thirty-percent {
    height: 100%;
    background-color: #b3d9b2;
    float: left;
}

.bonus-wrapper .fourty-percent {
    height: 100%;
    background-color: #9acc99;
    float: left;
}

.bonus-wrapper .fifty-percent {
    height: 100%;
    background-color: #80c080;
    float: left;
}

.bonus-wrapper .sixty-percent {
    height: 100%;
    background-color: #66b365;
    float: left;
}

.bonus-wrapper .seventy-percent {
    height: 100%;
    background-color: #4aa941;
    float: left;
}
.bonus-wrapper .eighty-percent {
    height: 100%;
    background-color: #339933;
    float: left;
}

.bonus-wrapper .ninty-percent {
    height: 100%;
    background-color: #1a8c1a;
    float: left;
}
.bonus-wrapper .hundred-percent {
    height: 100%;
    background-color: #027e06;
    float: left;
}
.bonus-wrapper .bar span {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
}

.bonus-percentage {
    background-color: var(--color-active);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-color-light);
    font-size: 21px;
    font-weight: 900;
}

.bonus-number {
    display: flex;
    justify-content: flex-start;
    padding: 2px 5px;
    font-size: 12px;
    flex-direction: column;
    gap: 5px;
}

.games-alert-notification button.close {
    font-weight: 200;
    color: #ffeeba;
}

.bonus-accordion {
    width: 100%;
}

.bonus-accordion .bi {
    color: var(--text-color-light);
    font-size: 1.5em;
}

.bonus-games-number {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.bonus-games-number svg {
    width: 20px;
    height: 20px;
    line-height: 0;
    color: var(--bg-active);
    fill: var(--bg-active);
    display: flex;
    align-items: center;
    justify-content: center;
}

.bonus-accordion .bonus-number {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 16px;
    padding: 0;
    display: flex;
    text-align: center;
    justify-content: center;
    line-height: 1;
    color: var(--selection_active_market_color);
}

.bonus-display {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}

.bonus-type {
    margin-left: 3px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    border-radius: 20px;
    background-color: #d1ecf1;
    color: var(--text-color-light);
    font-size: 12px;
    position: relative;
}

.progress-bar {
    position: absolute;
    top: 0;
    height: 10px;
    background: linear-gradient(to right, #d1ecf1 0%, var(--color-active) 100%);
}

#progress-bar-container {
    width: 100%;
    height: 10px;
    margin: 0 auto;
    position: absolute;
    top: 52%;
    transform: translateY(-50%);
    border-radius: 35px;
    overflow: hidden;
}

.progress-bar-child {
    width: 100%;
    height: 100%;
}

.progress {
    text-align: center;
    padding: 5px 0;
    animation-direction: reverse;
    background: #d1ecf1;

    /* Chrome10-25,Safari5.1-6 */
    background-color: #d1ecf1;
}

.shrinker {
    background-color: #d1ecf1;
    background: #d1ecf1;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
}

.timelapse {
    animation-name: timelapse;
    animation-fill-mode: forwards;
    animation-duration: 2s;
    animation-timing-function: cubic-bezier(0.86, 0.05, 0.4, 0.96);
}

@keyframes timelapse {
    0% {
        width: 100%;
    }
    100% {
        width: 0%;
    }
}

.bonus-percent-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2px 5px;
    border: 1px solid var(--primary_color);
    margin-left: 3px;
    border-radius: 10px;
}

.percent-number {
    background-color: transparent;
    padding: 0 5px;
    font-size: 14px;
    font-weight: 800;
    width: 70px;
    display: flex;
    justify-content: flex-end;
    flex-shrink: 1;
    color: var(--active_background);
    text-transform: capitalize;
}

.games-alert-notification .accordion > .card > .card-header {
    padding: 0.3em 0.5rem;
}

.games-alert-notification .accordion > .card > .card-header h3 {
    padding: 0;
}

.games-alert-notification {
    background-color: var(--color-accent);
}

.games-alert-notification .card-body {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    line-height: 1.2em;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.bonus-noti-text {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-start;
    padding-left: 10px;
    color: var(--primary_color);
    font-size: 10px;
    text-align: left;
}

.games-alert-notification .alart-text-wrap {
    width: 100%;
    display: block;
}
#showbonusDetails .alart-text-wrap .alart-text {
    padding-top: 5px;
    padding-bottom: 5px;
}

.games-alert-notification .alart-text {
    color: var(--text-color-light);
    padding: 0.25rem 0.75rem;
    border-radius: 7px;
    font-size: 13px;
    border: 1px solid var(--primary_color);
    display: block;
    width: 100%;
}

.odds-bg {
    background-color: #d1ecf1 !important;
    color: #0c5460;
    border-radius: 20px;
}

@media handheld, only screen and (max-width: 360px) {
    .bonus-number {
        font-size: 11px;
    }

    .bonus-percentage {
        font-size: 16px;
    }

    .games-alert-notification .alart-text {
        font-size: 12px;
    }
}

@media handheld, only screen and (max-width: 300px) {
    .percentage-mark {
        width: 9.3%;
    }

    .bonus-number {
        font-size: 9px;
    }
}

/* added On 13/05/2025 */

.kironlite-logo {
    max-width: 120px;
}

.kironlite-logo img {
    width: 100%;
}

.country-flag-icon a {
    position: relative;
    height: 52px;
    width: 100%;
}

.country-flag__and__name {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1px;
}

.country-flag__and__name img {
    width: 28px;
    border-radius: 2px;
}

.country-flag-icon a span.icon {
    position: absolute;
    top: 4px;
    left: 0;
    right: 30px;
}

.country-flag-icon a span.icon .fi {
    font-size: 24px;
}

.bonus__details {
    width: 100%;
    display: flex;
    flex-direction: column;
}

/*--results-standing-tab-content Style the tab */

.results-standing-tab {
    background-color: var(--color-accent);
    padding: 10px 7%;
}

.results-standing-tab-content .tab {
    overflow: hidden;
    border: none;
    width: 100%;
    display: flex;
    justify-content: space-around;
    gap: 5px;
}

.results-standing-tab-content .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 15px;
    transition: 0.3s;
    font-size: 14px;
    width: 100%;
    border-radius: 7px;
    border: 1px solid var(--primary_color);
    font-weight: 400;
    font-family: "Inter", sans-serif;
}

.results-standing-tab-content .tab button.active {
    background-color: var(--color-active);
    border: 1px solid var(--color-active);
}

.results-standing-tab-content .tab button:hover {
    background-color: transparent;
}

.results-standing-content {
    width: 100%;
}

.results-standing-tab-content .tabcontent {
    padding: 0 !important;
    border: none;
    border-top: none;
    flex-direction: column;
}

/* -------freebet listing ------- */
.freegame-wrapper {
    margin-top: 5px;
    padding-bottom: 5px;
}

.freebet-wrap {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    padding: 0;
    border-radius: 8px;
    margin-bottom: 5px;
    color: var(--text-color-light);
}

.freebet-details {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px 5px;
    flex-wrap: wrap;
    row-gap: 10px;
    font-size: 14px;
}

.freebet-details .number {
    width: 10%;
}
.freebet-details .freebet-text {
    width: 15%;
}
.freebet-details .freebet-type {
    width: 35%;
}
.freebet-details .currency {
    width: 20%;
}
.freebet-details .claim-btn {
    width: 20%;
}

.freebet-details a.claim-freebt-btn {
    background-color: var(--bg-placebet-button);
    color: var(--text-color-light);
    font-size: 12px;
    padding: 10px 10px;
    border-radius: 5px;
    display: inline-block;
    width: 100%;
}

/* --------------Start Of available-freegames--------------- */

.freegame-count {
    background-color: #f78a3b; /* For browsers that do not support gradients */
    background-image: linear-gradient(#fab135, #f78a3b);
    border-radius: 4px;
    margin-bottom: 10px;
}

.freegame-count-text {
    padding-top: 5px;
    padding-bottom: 5px;
}

.top-text {
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
    font-size: 16px;
    text-transform: capitalize;
    color: #b20d78;
    font-family: "Alfa Slab One", serif;
}

.bottom-text {
    display: flex;
    text-align: center;
    justify-content: center;
    font-size: 24px;
    color: var(--text-color-light);
    font-family: "Alfa Slab One", serif;
    text-shadow: #b20d78 2px 2px 2px;
}

.number-of-freegame {
    border: 1px solid white;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    background-color: #b20d78;
    color: var(--text-color-light);
}

.available-freegames {
    width: 100%;
}

.available-freegames .freebet-wrap {
    border: 1px solid #304051;
    padding: 5px;
    border-radius: 4px;
    gap: 5px;
}

.available-freegames .freebet-details {
    display: flex;
    flex-direction: column;
    row-gap: 3px;
    padding: 5px 0;
}

.freebet-details-wrap {
    width: 100%;
    display: flex;
    gap: 5px;
    align-items: center;
}

.available-freegames .freebet-details .freebet-type {
    width: 100%;
    font-size: 18px;
}

.available-freegames .freebet-details .freebet-text {
    width: 100%;
}

.available-freegames .freebet-details .currency {
    width: 100%;
    color: #fab135;
    font-weight: 900;
    font-size: 16px;
}

.claim-btn {
    background-color: #1cb675;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.claim-btn a {
    display: flex;
    flex-direction: row;
    color: var(--text-color-light);
    gap: 5px;
    padding: 5px 50px;
    font-size: 16px;
    text-align: center;
    text-transform: capitalize;
    font-weight: 900;
}

.claim-btn a.span {
    display: block;
}

.freebet-bonus-icon {
    display: flex;
    align-items: center;
    max-width: 60px;
}

.freebet-bonus-icon img {
    border-radius: 0;
}

.star img {
    width: 45px;
}
.heart-beat {
    color: var(--text-color-light);
    animation: beat 0.25s infinite alternate;
    transform-origin: center;
}

@keyframes beat {
    to {
        transform: scale(1.2);
    }
}

/* --------------End Of available-freegames--------------- */

/* --------------Start Of use-freebet--------------- */
.use-freebet .form-check {
    padding-left: 0;
}

.select-freebet-dropdown .form-control {
    border-radius: 3px;
    height: 30px;
    border: none;
    padding: 0 0.75rem;
    color: #000;
    text-align: left;
    background-image: url(https://storage.googleapis.com/kironlite/images/down-arrow.png);
    background-position: 98% 5px;
    background-repeat: no-repeat;
    background-size: 20px;
}

.select-freebet-dropdown {
    width: 100%;
    position: relative;
}
/* --------------End Of use-freebet--------------- */

/* --------------Mybets Edited--------------- */

.single-bet-outcome {
    background-color: var(--bg-betslip);
    padding: 4px;
}

.bet-id-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.bet-id {
    color: var(--betslip_color);
    padding: 0;
}

.bet-id-wrap .bet-outcome {
    padding: 0.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-bottom: 0;
}

.accordion-container {
    width: 100%;
}

.bet-details-wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 5px;
}
.see-outcome {
    width: 30px;
}

.see-outcome a {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: transparent;
    border-bottom: 0;
    padding: 0;
}

.accordion .container {
    position: relative;
    margin: 0;
    padding: 4px;
    background: #363d48;
}

.accordion .label {
    position: relative;
    padding: 0;
    font-size: 14px;
    color: var(--betslip_color);
    cursor: pointer;
    transition-duration: 300ms;
}

.accordion .label::before {
    content: "^";
    color: #98a9bc;
    position: absolute;
    top: 13px;
    right: 0;
    font-size: 21px;
    transform: translateY(-50%);
}

.accordion .container.active .label::before {
    content: "^";
    font-size: 21px;
    -moz-transform: scale(1, -1);
    -webkit-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
    top: -7px;
}

.accordion .content {
    position: relative;
    background: transparent;
    height: 0;
    font-size: 15px;
    text-align: left;
    width: 100%;
    overflow: hidden;
    transition: 0.5s;
    transition-duration: 300ms;
    display: flex;
    align-items: center;
}

.accordion hr {
    width: 100;
    margin-left: 0;
    border: 1px solid grey;
}

.accordion .container.active .content {
    height: 80px;
}

.betytpe {
    padding-left: 10px;
    color: var(--color-active);
}

.result-number {
    padding: 4px 13px;
    background-color: #dee2e6;
    border-radius: 4px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.viewbetslipnumber-wrap {
    position: relative;
}

.viewbetslipnumber-wrap .fi {
    font-size: 28px;
    line-height: 0;
}

.viewbetslipnumber {
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: var(--odd_button_active_background);
    color: var(--view_betslip);
    display: flex;
    align-items: center;
    justify-content: center;
    right: -5px;
    top: -2px;
    font-size: 14px;
    font-weight: 900;
}

/*------------ Freebet-css -----------*/

#freebet-wrapper {
    width: 100%;
    padding: 0;
}

#freebet-wrapper h4 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    padding-bottom: 0;
    color: var(--color-active);
    border-radius: 10px;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    text-align: center;
}

.freebet-content-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
}

.freebet-tabs-wrapper {
    width: 100%;
    border: 1px solid var(--border-light-color);
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    gap: 10px;
    padding: 10px 10px;
}

.freebet-tabs {
    overflow: hidden;
    background-color: transparent;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border: 1px solid #ebebeb;
    border-radius: 10px;
}

.freebet-tabs button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 16px;
    transition: 0.3s;
    font-size: 15px;
    width: 50%;
    border-radius: 0;
    color: #616161;
    text-transform: capitalize;
    border-bottom: 2px solid #fff;
}

.freebet-tabs button:hover {
    background-color: transparent;
}

.freebet-tabs button.active {
    color: var(--color-active);
    border-bottom: 2px solid;
}

.freebet-content {
    width: 100%;
    padding: 10px;
}

.freebet-tabcontent {
    display: none;
    padding: 5px;
    border-top: none;
}

.freebet-tabcontent .text-wrap p {
    font-size: 14px;
    display: -webkit-box;
    display: inline-block;
    line-height: 17px;
    padding-bottom: 0;
}

.freebet-tabcontent .text-wrap .text-number {
    background-color: #1cb675;
    padding: 2px;
    width: 20px;
    height: 20px;
    margin-left: 3px;
    margin-right: 3px;
    display: inline-block;
    text-align: center;
    font-size: 13px;
    line-height: 16px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: var(--text-color-light);
    font-weight: 800;
}

.freebet-tabcontent .text-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 3px;
    margin-right: 3px;
}

.freebet-tabcontent img {
    width: 20px;
    display: -webkit-box;
}

.all-markets {
    width: 100%;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll !important;
    display: flex;
    flex-direction: row;
    gap: 3px;
}

.all-markets button {
    background: var(--primary_color);
    color: var(--market_button_color);
    align-items: center;
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px;
    gap: 2px;
    letter-spacing: 0.48px;
    line-height: 1;
    padding: 5px 10px;
    white-space: nowrap;
    font-weight: 600;
    height: 30px;
}

.all-markets button:hover {
    color: var(--market_button_color);
}

.all-markets button:focus-visible {
    outline: none;
    border: none;
}

.all-markets button#otherMarkets {
    width: 64px;
    display: flex;
    display: none;
}

.all-markets button#otherMarkets #mydivmore,
.all-markets button#otherMarkets #mydivless {
    width: 30px;
    text-align: center;
}

.all-markets button#otherMarkets .icon {
    width: 20px;
    display: flex;
}

#displayOtherMarkets {
    display: none;
}

.btn.btn-warning {
    background-color: var(--active_color);
    border-color: transparent;
    /* color: var(--selection_active_market_color) !important; */
    color: var(--market_button_color);
    font-weight: 900;
}

.time.scrollable-container,
.all-markets.scrollable-container {
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-y: scroll;
}
/* hide scrollbar but allow scrolling */

.time.scrollable-container::-webkit-scrollbar,
.all-markets.scrollable-container::-webkit-scrollbar {
    width: 0;
    height: 0;
}

/* --------Bonus CSS------- */
#bonus-card {
    background-color: var(--color-secondary);
    display: flex;
    flex-direction: column;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.bonus-display-wrap {
    width: 100%;
}

.bonus-display-wrap .bonus-display {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    width: 100%;
    gap: 5px;
    padding: 0.3em 0.5rem;
}

.bonus-games-number {
    width: 24px;
}

.type-of-bonus {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    color: var(--text-color-light);
    font-size: 16px;
    position: relative;
    text-transform: uppercase;
}

#showbonus {
    width: 34px;
    cursor: pointer;
    display: flex;
}

#showbonusDetails {
    width: 100%;
    display: none;
    background-color: var(--bg-market-wrap-even);
    animation: slide 7s linear infinite;
}

#bonus-card .progress {
    overflow: visible;
    border-radius: 0;
    padding: 0;
    height: 7px;
    width: 100%;
    position: relative;
    background-color: #34495e;
    top: 0;
}

.progress {
    text-align: center;
    padding: 5px 0;
    animation-direction: reverse;
    background: #d1ecf1;
    background-color: #d1ecf1;
}

.progress-value {
    position: absolute;
    background-color: var(--color-active);
    color: var(--odds_color);
    height: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    font-size: 9px;
    font-weight: 900;
}

.alart-text-wrap {
    display: flex;
    flex-direction: column;
    color: var(--text-color-light);
    width: 100%;
    gap: 5px;
}

.alart-text {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 10px;
    padding-top: 0;
    font-size: 12px;
    line-height: 16px;
}

.btn-warning:focus,
.btn-warning.focus {
    box-shadow: none;
}

.scrollable-container {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    cursor: grab;
    user-select: none;
}

.scrollable-container.active {
    cursor: grabbing;
}

#bonus-card .percent-number {
    display: flex;
    width: auto;
    white-space: nowrap;
}

/* Added on 29th 05 2025 */

.leagues-and-rules {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2px;
}

#ruleMenu {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #191919;
    padding-left: 0.5em;
    padding-right: 0.5em;
    width: 40px;
}

.access-rules a {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    height: 100%;
}

.access-rules a .bi {
    font-size: 24px;
    color: #929200;
}

.access-rules a small {
    font-size: 14px;
    color: var(--text-color-light);
    display: none;
}

#rulesOverlay a {
    opacity: 1;
}

#rulesOverlay .bi {
    font-size: 21px;
    color: var(--text-color-light);
    margin-right: 0;
    text-shadow: none;
}

#rulesOverlay small {
    font-weight: 700;
    font-size: 12px;
}

#rulesOverlay {
    width: 100%;
}

#rulesOverlay .modal-dialog {
    max-width: 540px;
    margin: 0 auto;
}

#rulesOverlay .modal-content {
    background-color: #ffffff;
    padding: 10px 10px;
    height: 100vh;
    overflow-y: scroll;
    white-space: inherit;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 0;
    width: 100%;
    border-radius: 0;
}

#rulesOverlay .modal-header {
    background-color: var(--color-accent);
    padding: 7px 10px;
    border-radius: 8px;
}

#rulesOverlay .modal-header .close {
    position: static;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0.2em;
}

.modal-header-text {
    font-size: 18px;
    line-height: 21px;
    text-shadow: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.modal-header-text img {
    width: 140px;
}

#rulesOverlay.modal-header .close .bi {
    font-size: 14px;
}

.virtual-football-games-rules {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-family: "Inter", sans-serif;
}

.virtual-football-games-rules h4 {
    font-size: 18px;
    font-weight: 700;
}

.virtual-football-games-rules ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    list-style-type: initial;
    list-style-position: inside;
    padding-left: 18px;
    gap: 7px;
    font-size: 14px;
}

.virtual-football-games-rules ul li {
    width: 100%;
    list-style-position: outside;
}

.matches-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.match-result {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    align-items: flex-start;
    color: var(--primary_color);
    padding: 5px 0;
    font-family: "Inter", sans-serif;
}
.home___team,
.away___team {
    grid-column: span 1 / span 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
}

.home___team .team-jersey,
.away___team .team-jersey {
    width: 30px;
}

.resulting-scores {
    grid-column: span 1 / span 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.score-columns {
    width: 100%;
    justify-content: center;
    display: flex;
    text-align: center;
    gap: 5px;
    font-size: 26px;
    line-height: 120%;
    font-weight: 900;
    height: 30px;
}

.winning-goals {
    opacity: 1;
}

.loosing-goals,
.draw-goals {
    opacity: 0.4;
}

.score-vs {
    line-height: 110%;
}

.team_name {
    font-size: 14px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
}

.live-match-selection:nth-child(odd) {
    background-color: var(--light-bg);
}

.live-match-selection:nth-child(even) {
    background-color: transparent;
}

.score-time {
    width: 100%;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}

.promotional-header {
    background-image: linear-gradient(to right, #471e67 10%, #2a0c3d 30%, #882e31 60%);
    background-image: linear-gradient(to right, var(--ad-gradient-front-color) 10%, var(--ad-gradient-front-color) 30%, var(--ad-gradient-back-color) 60%);
    background-color: var(--freebet-adcolor);
    border-radius: 6px;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    color: var(--counter-promo_color);
}

.promotional-header .icon {
    font-size: 30px;
    color: var(--bg-active);
}

.promotional-header .icon .fi {
    line-height: 1;
}

.promotional-header .text {
    font-size: 16px;
}

.multiboost_bonus {
    background-color: #191919;
    color: var(--counter-promo_color);
    border-radius: 10px;
    padding: 15px 15px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    font-family: "Inter", sans-serif;
}

.multiboost_bonus_progress {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.multiboost_bonus .progress {
    padding: 0;
}

.multiboost_bonus .progress-bar {
    position: static;
    background: var(--color-active);
    height: 20px;
}

.progress-bar-details span {
    font-weight: 600;
}

.multiboost_bonus .progress-bar-details {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.progress-bar-details small {
    font-size: 12px;
}

.multiboost_bonus h1 {
    width: 100%;
    display: flex;
    justify-content: center;
    color: var(--color-active);
    font-size: 36px;
    font-family: "Inter", sans-serif;
    font-weight: 900;
    line-height: 1;
}

.multiboost_bonus h5 {
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 17px;
    font-weight: 700;
}

.multiboost_bonus a {
    padding: 10px 15px;
    font-size: 16px;
    background-color: #39c715;
    color: #241f34;
    border-radius: 5px;
}

.freebet_bonus {
    background-color: #37033b;
    color: var(--counter-promo_color);
    border-radius: 10px;
    padding: 15px 15px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2px;
    font-family: "Inter", sans-serif;
}

.freebet_bonus_details {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.freebet_bonus_details img {
    width: 75px;
    display: flex;
}

.freebet_bonus_details .text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    justify-content: flex-start;
}

.freebet_bonus_details .text small {
    font-size: 11px;
}

.freebet_bonus_details h5 {
    font-size: 17px;
    line-height: 1;
    font-weight: 700;
}

.freebet_bonus_details span {
    color: var(--bg-active);
}

.freebet_bonus a {
    background-color: #99d52a;
    color: #241f34;
    border-radius: 5px;
    padding: 10px 15px;
    font-size: 16px;
    width: 120px;
    text-align: center;
}

.challenger_series_bonus {
    background-color: #241f34;
    background-image: url("../images/challanger-series-bg.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--counter-promo_color);
    border-radius: 10px;
    padding: 35px 10%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    font-family: "Inter", sans-serif;
}

.challenger_bonus_details {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.challenger_bonus_details .image {
    width: 120px;
    display: flex;
}

.challenger_bonus_details .image img {
    max-width: 100%;
}

.series_bonus_details {
    width: calc(100% - 100px);
    display: flex;
    flex-direction: column;
    gap: 2px;
    justify-content: flex-start;
}

.series_bonus_details h5 {
    text-transform: capitalize;
    font-size: 17px;
    font-weight: 700;
}

.series_bonus_details h6 {
    color: var(--bg-active);
    font-size: 14px;
}

.series_bonus_details span {
    font-size: 11px;
}

.series_bonus_details a {
    background-color: #ffdc0b;
    color: #241f34;
    border-radius: 5px;
    display: inline-block;
    text-transform: capitalize;
    text-align: center;
    padding: 10px 15px;
    font-size: 16px;
    width: 120px;
}

.rains_bonus {
    background-color: #170128;
    color: var(--counter-promo_color);
    border-radius: 10px;
    padding: 15px 15px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    font-family: "Inter", sans-serif;
}

.rains_bonus_details {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.rains_bonus_details .top-section {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.rains_bonus_details .top-section h5 {
    font-size: 17px;
}

.rains_bonus_details .top-section button {
    background-color: #263209;
    padding: 10px 13px;
    border: none;
    outline: none;
    color: #99d52a;
    font-weight: 400;
}

.rains_bonus_details .middle-section {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.rains_bonus_details .middle-section img {
    width: 30px;
}

.rains_bonus_details .middle-section h5 {
    font-size: 17px;
    font-weight: 700;
}

.rains_bonus_details .middle-section h5 .bold {
    font-weight: 900;
}

.rains_bonus_details a {
    background-color: var(--freebet-adcolor);
    background-image: linear-gradient(to right, var(--ad-gradient-front-color) 10%, var(--ad-gradient-front-color) 30%, var(--ad-gradient-back-color) 60%);
    color: var(--counter-promo_color);
    border-radius: 5px;
    display: inline-block;
    text-transform: capitalize;
    text-align: center;
    padding: 10px 15px;
    font-size: 16px;
    width: 120px;
}

.jackpot_bonus {
    background-color: #031d14;
    background-image: url(../images/million-jackpot-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--counter-promo_color);
    border-radius: 10px;
    padding: 10px 25px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    font-family: "Inter", sans-serif;
}

.jackpot_bonus_details {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.jackpot_bonus_details h1 {
    font-family: "Luckiest Guy", cursive;
    line-height: 0.25;
    color: #01b660;
    -webkit-text-stroke: 3px #fff;
    font-size: 4.5rem;
    vertical-align: middle;
}

.jackpot_bonus_details h5 {
    font-family: "Inter", sans-serif;
    line-height: 3.5;
    font-size: 17px;
    font-weight: 700;
}

.jackpot_bonus_details h6 {
    font-family: "Inter", sans-serif;
    line-height: 1;
    font-size: 17px;
    font-weight: 700;
}

.jackpot_bonus_details a {
    background-color: #01b660;
    color: #241f34;
    border-radius: 5px;
    display: inline-block;
    text-transform: capitalize;
    text-align: center;
    padding: 10px 15px;
    font-size: 16px;
    width: 120px;
}

.match-resulting {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.resulting__time {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.5rem;
    align-items: flex-start;
    padding-top: 5px;
}

.resulting-col-time.text-left .score-time {
    justify-content: flex-start;
    grid-column: span 2 / span 2;
}

.resulting-col-time,
.resulting-col-time {
    grid-column: span 3 / span 3;
}

.resulting-col-time.text-right .score-time {
    justify-content: flex-end;
}

.resulting__time .col-time-c {
    grid-column: span 1 / span 1;
}

.col-time-c {
    font-size: 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 3px;
    font-weight: 600;
}

.total-odds-number {
    display: flex;
    justify-content: flex-end;
}

.betslip-teams-wrap {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    justify-content: space-between;
    gap: 0.25rem;
    align-items: center;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.betslip-teams {
    grid-column: span 7 / span 7;
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 0.25em;
    color: var(--betslip_teams);
}

.betslip-teams .game-playing {
    font-size: 13px;
    text-transform: capitalize;
}

.remove-bet {
    grid-column: span 1 / span 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.final-odds-applied {
    grid-column: span 1 / span 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

.odds-updates {
    background-color: var(--betslip_odds_bg);
    color: var(--betslip_odds_color);
    padding: 3px 5px;
    max-width: 50px;
    text-align: center;
    border-radius: 3px;
}
/* ------------#adslider---------------- */
#adslider {
    background-color: #23313d;
}

#adslider .bonus-avaiable {
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: flex-end;
    justify-content: center;
    align-items: center;
    text-align: right;
    width: 100%;
    color: var(--text-color-light);
    font-size: 18px;
    font-weight: 900;
}

#adslider .bonus-avaiable .bonus-cta {
    font-size: 14px;
    text-transform: capitalize;
    background-color: #631f68;
    padding: 3px 5px;
    border: 1px solid #631f68;
    border-radius: 5px;
}

#adslider .bonus-adtext {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    color: #fff;
    font-weight: 800;
    align-items: center;
    padding: 10px 30px;
    width: 100%;
    height: 40px;
}

#adslider .bonus-adtext a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}

#adslider .bonus-indicator {
    max-width: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#adslider .bonus-indicator img {
    width: 30px;
}

.bonus-adtext .badge {
    font-size: 16px;
}

.bonus-heading {
    font-family: "Montserrat", sans-serif;
    font-style: italic;
    font-weight: 900;
    font-size: 17px;
}

#MultiBoostBonus {
    background-color: #191919;
    background-image: linear-gradient(to right, #191919 20%, #191919 30%, #191919 50%);
}

#MultiBoostBonus .bonus-avaiable {
    justify-content: center;
}

#MultiBoostBonus .bonus-heading {
    text-transform: uppercase;
    color: #14d524;
}

#MultiBoostBonus .bonus-cta {
    font-size: 12px;
    text-transform: uppercase;
}

#MultiBoostBonus .badge.badge-warning {
    background-color: transparent;
    color: var(--text-color-light);
    padding: 0;
    text-transform: initial;
    width: auto;
}

#MultiBoostBonus .bonus-indicator img {
    width: 30px;
}

#FreeBetBonus {
    background-color: #23313d;
    background-image: linear-gradient(to right, #471e67 10%, #37033b 40%, #471e67 50%);
}

#FreeBetBonus .bonus-avaiable {
    justify-content: center;
    align-items: center;
    gap: 2px;
    font-size: 16px;
}

#FreeBetBonus .bonus-indicator img {
    width: 30px;
}

#FreeBetBonus .bonus-heading {
    text-transform: capitalize;
}

#FreeBetBonus .badge-warning {
    background-color: transparent;
    color: #ff9e05;
    padding: 0;
    font-size: 16px;
    text-transform: initial;
    width: auto;
    font-family: "Montserrat", sans-serif;
    font-style: italic;
}

#ChallengerSeries {
    background-color: #231b2d;
    background-image: linear-gradient(to right, #231b2d 10%, #231b2d 30%, #241f34 60%);
}

#ChallengerSeries .bonus-heading {
    font-family: "Montserrat", sans-serif;
}

#ChallengerSeries .bonus-avaiable {
    justify-content: center;
    align-items: center;
    text-transform: capitalize;
    gap: 5px;
}

#ChallengerSeries .bonus-cta {
    color: #ffffff;
    font-size: 13px;
    background-color: #fab135;
    padding: 3px 5px;
    border-radius: 3px;
}

#RainsBonus {
    background-color: #170128;
    background-image: linear-gradient(to right, #2a0c3d 10%, #2a0c3d 30%, #2a0c3d 60%);
}

#RainsBonus .bonus-indicator img {
    width: 30px;
}

#RainsBonus .badge-warning {
    background-color: #263209;
    color: #99d52a;
    font-size: 16px;
    width: auto;
    padding: 4px 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#RainsBonus .bonus-cta {
    color: #c875fb;
    font-size: 13px;
}

#JackpotBonus {
    background-color: #0f502e;
    background-image: linear-gradient(to right, #0f502e 10%, #0f502e 30%, #0f502e 60%);
}

#JackpotBonus .bonus-avaiable {
    justify-content: center;
}

#JackpotBonus .badge-warning {
    background-color: #c7c701;
    color: #212529;
    width: auto;
    padding: 4px 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 300;
}

#MegaJackpotBonus {
    background-color: #fb1052;
    background-image: linear-gradient(to right, #fb1052 10%, #fb1052 30%, #a10b2a 60%);
}

#MegaJackpotBonus .bonus-avaiable {
    justify-content: flex-start;
    text-transform: uppercase;
}

#MegaJackpotBonus .badge-warning {
    background-color: #c7c701;
    color: #212529;
    font-size: 16px;
    width: auto;
    padding: 4px 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#MegaJackpotBonus .bonus-indicator img {
    width: 24px;
}

#MegaJackpotBonus .bonus-heading {
    font-size: 21px;
}


#noPromos{
    font-family: "Inter", sans-serif;
    border: 1px solid var(--primary_color);
    background-color: #191919;
    color: var(--counter-promo_color);
    border-radius: 10px;
    padding: 35px 15px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 5px;
}

#noPromos h4{
    font-size: 16px;
    line-height: 21px;
    color: var(--bg-active);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
}

#noPromos h4 .fi{
    line-height: 0;
    display: inline;
    font-size: 21px;
}

#noPromos p{
    color: var(--text-color-light);
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 0;
}

#noPromos a {
    background-color: var(--freebet-adcolor);
    background-image: linear-gradient(to right, var(--ad-gradient-front-color) 10%, var(--ad-gradient-front-color) 30%, var(--ad-gradient-back-color) 60%);
    color: var(--counter-promo_color);
    border-radius: 5px;
    display: inline-block;
    text-transform: capitalize;
    text-align: center;
    padding: 14px 15px;
    font-size: 12px;
    width: 120px;
}

/* =====================================================================Media Queries=====================================================================*/

@media handheld, only screen and (max-width: 768px) {
    body {
        background-image: none;
    }
}

@media handheld, only screen and (max-width: 480px) {
    .page-nav a {
        padding: 10px 15px;
        font-size: 12px;
    }

    .moss-play .logo-icon img {
        margin-left: 0;
    }

    .logo-icon img {
        max-width: 100px;
    }
    .home-icon {
        text-align: right;
    }
    .games-nav-wrapper .page-navigation a {
        padding: 8px 5px;
        font-size: 16px;
    }
    .btn-sm,
    .btn-group-sm > .btn {
        padding: 0.1rem 0.2rem;
    }

    .join-logo img {
        max-width: 130px;
    }

    .play-responsibly {
        padding: 10px 0;
    }

    .page-heading {
        font-size: 14px;
    }

    .subscribe-wrapper.pt-3.pb-5.px-3 {
        padding: 5px !important;
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .odds-container span,
    .my-bets-container button.btn,
    .my-bets-container a.btn {
        font-size: 16px;
    }

    #JackpotBonus .bonus-cta {
        font-size: 13px;
    }
}

@media handheld, only screen and (max-height: 460px) {
    .sidenav {
        padding-top: 15px;
    }
    .sidenav a {
        font-size: 18px;
    }
}

@media handheld, only screen and (max-width: 420px) {
    .logo-section {
        padding: 0;
    }
    .page-nav a {
        padding: 10px 10px;
        font-size: 11px;
    }
    .account-access.account-balance-wrap a {
        margin-top: 0;
    }

    .referral-form-wrap .nav-tabs a.nav-link {
        font-size: 11px;
    }

    .account-successful-created {
        padding: 1em;
    }

    .bonus span.bonus-amount {
        font-size: 13px;
    }

    .logo-icon img {
        max-width: 100px;
    }

    .my-slip-teams {
        width: 45px;
        height: 45px;
    }

    .my-bet-slip {
        width: 56px;
        text-align: left;
        padding-left: 5px;
    }

    .moss-game-cta a.badge {
        font-size: 1em;
    }

    .moss-game-cta a.badge {
        padding: 0.3em 0.3em;
    }

    .odds-container span,
    .my-bets-container button.btn,
    .my-bets-container a.btn {
        font-size: 14px;
    }

    .odds-container {
        padding: 0.3em 0.6em !important;
    }

    .overlay-list-menu a {
        width: 82px;
    }

    .claim-btn a {
        padding: 5px 10px;
    }

    .bet-counter,
    .bet-counter-promo {
        right: 3px;
        top: 5px;
    }

    .team_name {
        font-size: 11px;
    }

    .tab-details a {
        font-size: 15px;
        height: 40px;
    }

    .challenger_bonus_details .image {
        width: 100px;
    }

    .challenger_series_bonus {
        padding: 30px 5%;
    }

    .jackpot_bonus_details h1 {
        font-size: 4em;
    }

    #adslider .bonus-adtext {
        padding: 10px 10px;
    }

    .bonus-heading {
        font-size: 16px;
    }

    #ChallengerSeries .bonus-avaiable {
        justify-content: center;
    }

    #JackpotBonus .bonus-heading {
        font-size: 21px;
    }
}

@media handheld, only screen and (max-width: 380px) {
    .page-nav a {
        padding: 10px 10px;
    }
    .account-access a {
        font-size: 1.15em;
    }

    .page-tab-nav {
        flex-wrap: wrap;
    }

    .page-navigation {
        width: 24%;
        margin-bottom: 0.2em;
    }

    .free-game-content {
        top: 0.5em;
    }
    .free-game-content h1 {
        font-size: 1.5em;
    }

    .free-game-content h6 {
        font-size: 1.3em;
    }
    .team-selection-wrapper {
        padding-bottom: 0;
    }
    .menu-icon img {
        width: 35px;
    }

    .games-nav-wrapper .page-navigation a {
        padding: 5px 5px;
        font-size: 13px;
    }

    .welcome-details h2 {
        font-size: 1em !important;
    }

    .account-successful-created h1 {
        padding-bottom: 0.5em;
        font-size: 1.5em;
    }
    .possible-win {
        width: 100%;
    }
    .share-bet a {
        padding: 0.5em;
        font-size: 12px;
        height: 40px;
    }

    .btn-sm,
    .btn-group-sm > .btn {
        padding: 0.1rem 0.1rem;
    }

    a.place-bet {
        font-size: 1.3em;
    }

    .my-total {
        font-size: 1em;
    }

    .logo-icon img {
        max-width: 100px;
    }

    .game-type {
        font-size: 11px;
    }

    .footer {
        padding-bottom: 1em !important;
    }

    .moss-play-wrapper .card-body {
        padding-inline: 0;
    }

    .odds-container span,
    .my-bets-container button.btn,
    .my-bets-container a.btn {
        font-size: 15px;
    }

    .results-standing-tab {
        padding: 10px 4%;
    }

    .results-standing-tab-content .tab button {
        padding: 6px 10px;
    }

    #bonus-adwrapper_cta a {
        gap: 5px;
    }

    .bonus-number-and-text {
        font-size: 12px;
    }

    .redeem_cta .btn {
        width: 70px;
        padding: 0.25rem 0.5rem;
        font-size: 10px;
    }

    #bonus-adwrapper_cta {
        padding: 2px 5px;
    }

    .tab-details a {
        font-size: 14px;
    }

    .country-flag-icon a span.icon {
        top: 10px;
    }

    .bonus-heading {
        font-size: 14px;
    }

    #FreeBetBonus .badge-warning {
        font-size: 13px;
    }

    #adslider .bonus-avaiable .bonus-cta {
        font-size: 13px;
    }
    .tab-details .icon svg {
        height: 20px;
    }
}

@media handheld, only screen and (max-width: 360px) {
    .accordion .label {
        font-size: 12px;
    }

    .accordion .container.active .content {
        height: 60px;
    }

    .see-final-outcome-stake {
        font-size: 12px;
    }

    .bet-outcome-won {
        border-left: 5px solid #37b34a;
    }

    .bet-outcome-pending {
        border-left: 5px solid #ffc107;
    }

    .bet-outcome-cancelled {
        border-left: 5px solid #17a2b8;
    }

    .bet-outcome-lost {
        border-left: 5px solid #bec8c8;
    }

    .week-round-wrap {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }

    .game-playing {
        font-size: 14px;
    }

    .page-navigation {
        width: 23%;
    }

    a.place-bet {
        font-size: 1.1em;
    }

    .my-slip-teams {
        width: 30px;
        height: 30px;
    }
    .tab a {
        height: 40px;
        padding-left: 0.25em;
        padding-right: 0.25em;
        font-size: 13px;
    }

    .col-4.account-access {
        margin-left: 0;
    }

    .col-3.account-access.account-balance-wrap.moss-play-account {
        padding-left: 0;
    }

    .card-body h2.wallet-heading {
        font-size: 12px !important;
        margin-bottom: 0 !important;
    }

    .moss-play-wrapper .currency-type,
    .moss-play-wrapper .account-balance {
        font-size: 13px !important;
    }

    .logo-section a {
        text-align: right;
    }

    .double-chance-market.select-other-markets select {
        min-width: 104px;
        font-size: 1em;
    }

    #app-container {
        padding-inline: 0;
    }

    .Freebets-terms {
        padding-inline: 4px;
    }

    .overlay-list-menu a {
        width: 100px;
    }

    .my-bets-container button.btn,
    .my-bets-container a.btn {
        font-size: 15px;
        padding: 0.75em 0 !important;
    }

    .freebet a.claim-freebt-btn {
        margin-top: 5px;
    }

    .freebet-details .number {
        width: 10%;
    }
    .freebet-details .freebet-text {
        width: 20%;
    }
    .freebet-details .freebet-type {
        width: 50%;
    }
    .freebet-details .currency {
        width: 20%;
    }
    .freebet-details .claim-btn {
        width: 100%;
    }
    .available-freegames .freebet-details .freebet-type {
        font-size: 16px;
    }

    .claim-btn a {
        padding: 5px 5px;
        font-size: 14px;
    }

    .bet-details-wrap {
        font-size: 12px;
    }

    .accordion .label {
        font-size: 12px;
    }

    #rulesOverlay .modal-content {
        padding: 5px;
    }

    #rulesOverlay .modal-header .close {
        align-items: center;
        padding: 0;
    }

    .country-flag-icon .icon img {
        width: 24px;
    }

    .league-countries a {
        padding-top: 0.25em;
        padding-bottom: 0.35em;
    }

    #ruleMenu {
        padding: 0;
        width: 40px;
        height: 40px;
    }

    .access-rules a small {
        font-size: 12px;
    }

    .modal-header-text img {
        width: 100px;
    }

    .home-team,
    .away-team {
        max-width: 110px;
    }

    .bet-counter,
    .bet-counter-promo {
        right: 0;
        top: 2px;
    }

    .team_name {
        font-size: 12px;
    }

    .freebet_bonus_details h5,
    .multiboost_bonus h5,
    .rains_bonus_details .middle-section h5,
    .series_bonus_details h5 {
        font-size: 14px;
    }

    .series_bonus_details h6 {
        font-size: 11px;
    }

    .resulting__time {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .resulting-col-time,
    .resulting-col-time {
        grid-column: span 2 / span 2;
    }

    .country-name {
        font-size: 12px;
    }

    .bet-counter,
    .bet-counter-promo {
        right: 5px;
    }

    .bonus-adtext .badge {
        font-size: 14px;
    }

    #bet-teams{
        font-size: 14px;
    }
}

@media handheld, only screen and (max-width: 320px) {
    .modal-header-text {
        font-size: 13px;
    }

    .sport_dropdowns button {
        font-size: 14px;
        font-weight: 600;
    }
    .logo-icon img {
        width: 100px;
        display: block;
        margin-left: 15px;
    }

    .logo-icon {
        text-align: left !important;
    }

    .choose-amount-to-deposit .btn {
        padding: 0.3rem 0.2rem !important;
    }

    .choose-amount-to-deposit button span {
        font-size: 12px;
    }

    .referral-form-wrap .nav-tabs a.nav-link {
        font-size: 12px;
    }

    .menu-icon img {
        width: 30px;
    }

    .bonuses-wrapper .row .col-4 {
        max-width: 50%;
        flex: 0 0 50.333333%;
    }

    .time-count-down {
        width: 100px;
        height: 100px;
    }

    .sonar-emitter {
        width: 100px;
        height: 100px;
    }

    .logo-icon img {
        display: none;
        margin-left: -25px !important;
    }

    .logo-icon a {
        background-image: var(--logo);
        background-position: center;
        background-size: 40px;
        background-repeat: no-repeat;
        padding: 25px;
    }

    #ad-popup-wrapper .close {
        top: 45px;
        right: 25px;
        font-size: 30px;
    }

    .search-game {
        font-size: 12px;
    }

    .menu-wrapper {
        margin-bottom: 0;
    }

    .menu-wrapper a {
        padding: 0;
    }

    .btn-odd-option .odd-selection {
        width: 100%;
        flex: 1 0 45px !important;
    }

    .modal-header .close .bi {
        font-size: 30px;
    }

    small,
    .small {
        font-size: 100%;
    }

    .form-control-lg {
        height: calc(1em + 1.5rem + 2px);
    }

    .access-area button {
        font-size: 12px;
    }

    .other-money-boxes .money-box-image-wrap {
        width: 33.3333333%;
    }
    .playing-teams {
        width: 100%;
    }

    .page-navigation {
        width: 49%;
    }

    .share-bet-stake-and-wrap a.win-amount {
        font-size: 12px;
    }

    .page-heading {
        font-size: 12px;
    }

    .moss-play-wrapper .card-body {
        padding-inline: 0;
    }

    .moss-play-wrapper .user-image img {
        width: 60px;
    }

    .moss-play-wrapper .card-body h2 {
        font-size: 1.2em !important;
    }

    .play-responsibly {
        padding: 5px 0;
    }

    .tab-details.my-bets img {
        width: 14px;
    }

    .total-payout,
    .total-payout-amount {
        font-size: 13px;
    }

    .total-odds,
    .total-odds-number {
        font-size: 12px;
    }

    .stake-amount {
        font-size: 13px;
    }

    .use-freebet .form-check {
        padding-left: 0;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .usefreebet_icon {
        margin-top: -10px;
        width: 24px;
        display: flex;
    }

    .usefreebet_icon img {
        width: 24px;
    }

    .form-check {
        padding-left: 0;
    }

    .stake-amount .form-check label {
        color: var(--betstlip_action_color);
    }

    .accordion h2 {
        font-size: 17px !important;
    }

    .ods-given {
        padding-bottom: 0;
    }

    .odd-selection .ods-title {
        font-size: 11px;
    }

    .choose-amount-to-deposit .form button {
        flex: 1 0 40px;
    }

    .freegame .playing-teams .odd-selection {
        width: 30px;
    }

    .time-payment-was-done .row {
        display: flex;
        flex-direction: column;
    }

    .time-payment-was-done .row .col-6 {
        max-width: 100%;
        text-align: center !important;
        font-size: 12px;
    }

    .b2b-transaction-wrap .subscriptions .card-body .row .col-3 {
        max-width: 50%;
        flex: 0 0 50%;
        display: flex;
        flex-direction: row;
        text-align: center !important;
        justify-content: center;
        margin-bottom: 4px;
    }

    .b2b-transaction-wrap .currency-type {
        padding-right: 5px;
    }

    .b2b-transaction-wrap .card-body.py-2 {
        padding: 0 !important;
    }

    .b2b-transaction-wrap .wallet-balance {
        margin-bottom: 5px !important;
    }

    .account-balance.mb-4 {
        margin-bottom: 0 !important;
    }

    .mb-3.time-payment-was-done {
        margin-bottom: 5px !important;
    }

    .playing-games-wrapper {
        padding-bottom: 0;
    }

    .page-header .col-4:nth-child(2) {
        padding-left: 0;
        padding-right: 0;
    }

    .page-header .col-4:nth-child(2) .bi.pl-1 {
        padding-left: 0 !important;
    }

    .time-counter-heading {
        font-size: 1.5em;
    }

    .total-wrap {
        font-size: 13px;
    }

    .free-game-content a {
        padding: 0.75em 1em;
    }

    .col-time-c {
        font-size: 10px;
    }

    .more-option-nav span {
        width: 20px;
        height: 20px;
    }

    .more-option-nav span {
        width: 20px;
        height: 20px;
    }

    .overlay-list-menu a {
        width: 86px;
    }

    #myOverlayMenu .modal-header .close {
        top: 0;
        right: 3px;
    }

    .available-freegames .freebet-details .freebet-type {
        font-size: 13px;
    }
    .freegame-count {
        margin-bottom: 5px;
        border-radius: 4px;
    }

    .available-freegames .freebet-details {
        padding: 0;
    }

    .pr-0 .star img {
        margin-left: 4px;
    }
    .star img {
        width: 80%;
    }

    .available-freegames .col-12 {
        padding-inline: 5px !important;
    }

    .claim-btn a {
        gap: 2px;
        font-size: 13px;
    }

    .team_name {
        font-size: 10px;
    }

    .match-resulting .home-team {
        text-align: left;
    }

    .match-resulting .away-team {
        text-align: right;
    }

    .home-team,
    .away-team {
        max-width: 80px;
    }

    .viewbetslipnumber,
    .bet-counter,
    .bet-counter-promo {
        width: 16px;
        height: 16px;
        font-size: 12px;
    }

    .bonus-heading {
        font-size: 12px;
    }

    #FreeBetBonus .badge-warning {
        font-size: 12px;
    }

    #adslider .bonus-avaiable .bonus-cta {
        font-size: 12px;
    }

    #ChallengerSeries .bonus-heading {
        font-size: 14px;
    }

    #RainsBonus .bonus-heading {
        font-size: 13px;
    }

    #RainsBonus .badge-warning {
        font-size: 11px;
    }

    .account-access {
        gap: 1px;
    }

    .account-balance-wrap span.account-bal img {
        width: 17px;
    }

    .account-balance-wrap.moss-play-account a {
        padding: 2px 2px;
    }

    #bet-teams{
        font-size: 13px;
    }

    .standing-heading{
        font-size: 14px;
    }
}

@media handheld, only screen and (max-width: 280px) {
    .bonuses-wrapper {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    .games-wrapper .row .col-5 {
        max-width: 38.666667%;
        margin-left: 3px;
    }

    .footer-logo img {
        width: 135px;
    }

    .logo-section {
        height: 3em;
    }

    .logo-icon {
        text-align: center !important;
    }

    .account-access a {
        font-size: 10px;
    }

    .logo-icon img {
        width: 95px;
        margin-left: 10px;
    }

    .games-nav-wrapper {
        margin-top: 2px;
    }

    .footer {
        padding-top: 2em !important;
    }

    .market-games a {
        margin: 0 5px;
        padding-inline: 0;
    }

    .market-games span.icon-title {
        font-size: 8px;
    }

    .games-nav-wrapper {
        padding: 4px !important;
    }

    .games-wrapper {
        margin-top: -5px;
    }

    .games-wrapper .col {
        padding-left: 0 !important;
        padding-right: 1px !important;
    }

    .games-wrapper .col-7 {
        padding-right: 1px !important;
    }

    .games-wrapper .col-6 {
        margin-top: -0.6em;
    }

    .page-nav span {
        font-size: 8px;
    }

    .other-contacts .bi {
        font-size: 21px;
    }

    .contacts p {
        font-size: 10px;
        padding-inline: 10px;
    }

    .contacts p br {
        display: none;
    }

    .contacts a {
        font-size: 10px;
    }

    .footer-logo a {
        font-size: 13px;
    }

    .sport_dropdowns .col-4 {
        padding-right: 5px;
        padding-left: 5px;
    }

    .sport_dropdowns button.btn {
        padding: 0.5em 1em;
        font-size: 13px;
    }

    .select {
        height: 2em;
        line-height: 2;
    }

    .league-display-wrapper {
        font-size: 0.8em;
    }

    .tabcontent {
        padding-top: 0.2em !important;
        padding-bottom: 0.2em !important;
    }

    .playing-teams span {
        max-width: 100%;
        width: auto;
        font-size: 1.15em;
    }

    .single-match .col-8 {
        padding-right: 5px;
        padding-left: 5px;
    }

    .odd-selection {
        min-width: 15px !important;
    }

    .team-selection-wrapper {
        padding-bottom: 0;
    }

    .join-logo img {
        max-width: 100px;
        width: 100px;
    }

    .home-icon {
        margin-top: 0;
    }

    .home-icon .bi {
        font-size: 20px;
    }

    .onboarding .card-body h2 {
        font-size: 0.9em !important;
    }

    .account-successful-created img {
        width: 20px;
    }

    .onboarding .col-12 {
        padding-inline: 0.5em;
    }

    .success-icon .bi {
        font-size: 13px;
    }

    .success-icon-wrap {
        width: 65px;
        height: 65px;
    }

    .success-icon {
        width: 35px;
        height: 35px;
    }

    .form-wrap {
        padding: 1em !important;
    }

    .account-action .btn {
        padding: 0.3rem 0rem;
        font-size: 0.7rem;
    }

    .wallet-amount {
        font-size: 17px !important;
    }

    .select {
        font-size: 0.9em;
    }

    .select::after {
        top: 2px;
    }

    .account-balance-wrap .login-nav a.deposit-funds,
    .account-access.account-balance-wrap a {
        font-weight: 800;
    }

    .country-flag-icon .icon img {
        width: 20px;
    }

    .country-name {
        font-size: 13px;
        text-transform: capitalize;
    }

    .match-number-wrap span {
        font-size: 9px;
    }

    #header {
        width: 100%;
    }

    #other-main-content {
        padding-top: 0;
    }

    .logo-section .col-6 {
        padding-left: 0;
    }

    .share-bet-stake-and-wrap .col-8 {
        padding-left: 0;
    }

    .share-bet-stake-and-wrap .col-4 {
        padding-right: 7.5px !important;
    }

    .my-bet-slip {
        width: 50px;
        padding-left: 1px;
        font-size: 12px;
    }

    .my-total {
        font-size: 0.9em;
        padding-right: 0;
    }

    .ods-given {
        font-size: 1em;
    }

    .playing-teams span.team-name-text {
        font-size: 13px;
    }

    .league-games-wrapper {
        padding-bottom: 0;
    }

    .mybet-wrapper {
        font-size: 0.9em;
        margin-top: 1px;
    }

    .game-time-and-day {
        font-size: 0.9em;
    }
    .see-final-outcome {
        font-size: 0.9em;
    }

    .my-bets-wrapper .nav-tabs .nav-item button {
        padding: 0.5rem 0.1rem;
        font-size: 12px;
    }

    .single-bet-outcome {
        margin-bottom: 0 !important;
    }

    a.place-bet {
        padding: 10px 0;
    }

    .stake-input {
        padding: 2px;
    }

    .possible-win {
        height: auto;
    }

    .match-number-wrap .col-6 {
        padding-inline: 3px;
    }

    .timer {
        padding: 10px 5px;
    }

    .logo-icon a {
        background-size: 30px;
    }

    .btn-odd-option .odd-selection {
        min-width: 15px !important;
        width: 100%;
        flex: 1 0 30px !important;
    }

    .match-standing-wrapper .playing-teams {
        font-size: 0.85em;
    }

    .logo-icon a {
        width: 100%;
    }

    .team-form .btn-sm,
    .btn-group-sm > .btn {
        width: 20px;
    }

    table thead tr th:nth-child(1) {
        width: 30px;
    }

    table thead tr th:nth-child(2) {
        width: 64%;
    }

    .match-standing-wrapper table tbody tr {
        overflow-x: scroll;
    }

    .game-action-btn {
        margin-top: -10px;
    }

    .close {
        top: 15px;
        right: 15px;
        font-size: 25px;
    }

    .home-team,
    .away-team {
        font-size: 0.9em !important;
    }

    .standing-heading {
        font-size: 1em;
    }

    .betslip-wrapper {
        width: 100%;
    }

    .double-chance-market {
        flex: 1 0 40px;
    }

    .select.active-select select {
        font-size: 1em;
    }

    .team-badge img {
        width: 15px;
    }

    .app-bet-time li.next-game-time {
        padding: 0.4em 0.5em;
        font-size: 12px;
    }

    .moss-play-wrapper .user-image img {
        width: 40px;
    }

    .wallet-details {
        flex-direction: column;
        gap: 5px;
    }

    .team-jersey img {
        width: 21px;
    }

    .red-txt,
    .green-txt {
        font-size: 14px;
    }

    .games-selection.active-tab a,
    .games-selection a {
        font-size: 12px !important;
    }
    .event-t .team-badge span {
        font-size: 0.9em;
    }

    .playing-teams span {
        max-width: 130px;
    }

    .playing-teams span.game-playing {
        font-size: 11px;
        max-width: 100%;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-content: center;
    }

    .playing-teams span.game-playing span:nth-child(2) {
        text-align: center;
        display: flex;
        justify-content: center;
    }

    .betslip .playing-teams .col-9 {
        padding-left: 2px;
        padding-right: 2px;
    }

    .betslip .playing-teams .col-9 {
        margin-left: 0;
    }

    .betslip .playing-teams .col-2 {
        margin-left: -20px;
    }

    .playing-teams .col-2 .final-odds-applied {
        font-size: 12px;
    }

    .subscribe-wrapper.pt-3.pb-5.px-3 {
        padding: 5px !important;
    }

    .moss-play-wrapper {
        padding: 10px !important;
        padding-top: 5px !important;
    }

    .tab-details.my-bets span {
        font-size: 13px;
    }

    .tab a {
        font-size: 10px;
    }

    .bet-counter {
        width: 14px;
        height: 14px;
        padding: 2px;
        font-size: 12px;
        line-height: 10px;
        right: 2px;
        top: 5px;
    }

    .overlay-list-menu a {
        width: 76px;
        font-size: 0.8em;
    }

    .freebet-wrap {
        margin-top: 10px;
        width: 100%;
        padding: 0;
    }
    .freebet-details .number {
        width: 10%;
    }
    .freebet-details .freebet-text {
        width: 20%;
    }
    .freebet-details .freebet-type {
        width: 50%;
    }
    .freebet-details .currency {
        width: 20%;
    }
    .freebet-details .claim-btn {
        width: 96%;
        margin: auto;
    }

    .available-freegames .freebet-wrap {
        flex-direction: column;
        gap: 4px;
        margin-top: 0;
        border-radius: 4px;
    }

    .claim-btn a {
        flex-direction: row;
        gap: 5px;
        font-weight: 900;
    }

    .freebet-bonus-icon img {
        width: 100%;
    }

    .available-freegames .freebet-details .freebet-type {
        font-size: 14px;
    }

    .top-text {
        font-size: 10px;
    }

    .bottom-text {
        font-size: 16px;
    }

    .number-of-freegame {
        width: 20px;
        height: 20px;
        font-size: 14px;
    }

    .freebet-bonus-icon {
        width: 50px;
    }

    .account-balance-wrap.moss-play-account a {
        font-size: 11px;
    }

    .know-about-bets {
        padding-right: 5px;
        padding: 5px;
        font-size: 13px;
    }

    .sport_dropdowns {
        display: flex;
        font-size: 14px;
    }

    .sport_dropdowns .select {
        height: 20px;
    }

    .match-standing-wrapper table tr td:nth-child(3) {
        width: 20px;
    }
    table tr td:nth-child(2) {
        width: 100%;
    }

    tr td:nth-child(3) {
        font-size: 12px;
        padding: 4px 2px !important;
    }

    .match-standing-wrapper table tr td:nth-child(1) {
        font-size: 12px;
        padding: 4px 2px !important;
    }

    .know-about-bets .col-12 {
        padding: 2px 0;
    }

    .modal-header-text {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    #MultiBoostBonus .bonus-heading {
        font-size: 10px;
    }

    .tab-details a {
        font-size: 12px;
    }

    .bonus-heading {
        font-size: 8px;
    }

    .country-flag__and__name img {
        width: 24px;
    }

    .country-flag-icon a span.icon .fi {
        font-size: 20;
    }

    .country-flag-icon a {
        height: 44px;
        padding-top: 0;
        padding-bottom: 0.5em;
    }

    .app-bet-time,
    .market-option {
        padding: 0.1em 0.15rem;
    }

    .my-bets-container {
        width: 70px;
    }

    #ChallengerSeries .bonus-heading {
        font-size: 12px;
    }

    #RainsBonus .bonus-heading {
        font-size: 12px;
    }

    #JackpotBonus .bonus-heading {
        font-size: 17px;
    }

    .viewbetslipnumber-wrap .fi {
        font-size: 17px;
    }

    .access-rules a .bi {
        font-size: 17px;
    }
}

@media handheld, only screen and (max-width: 240px) {
    .country-name {
        font-size: 9px;
    }

    .tab-details.my-bets span {
        font-size: 11px;
    }

    .playing-teams {
        gap: 2px;
    }

    .logo-section a {
        font-size: 11px;
    }

    .playing-teams span.team-name-text {
        font-size: 11px;
    }
    .match-number-wrap .col-7 {
        padding-right: 5px;
        padding-left: 5px;
    }
    .match-number-wrap .col-5 {
        padding-right: 5px;
        padding-left: 5px;
    }
    .moss-play-menu-icon img {
        width: 30px;
    }
    .account-access.account-balance-wrap a {
        padding: 5px 1px;
    }
    .country-flag-icon .icon img {
        width: 15px;
    }
    .tab a {
        font-size: 0.8em;
    }
    .sport_dropdowns button.btn {
        padding: 0.2rem 0.75rem !important;
        font-size: 10px;
    }

    .share-bet-stake-and-wrap .col-4 {
        padding-left: 7.5px !important;
        text-align: center !important;
    }

    .share-bet-stake-and-wrap .col-4:nth-child(2) {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .moss-play-games .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .live-match-selection .col-6 {
        padding: 0;
    }

    .games-selection.active-tab a,
    .games-selection a {
        font-size: 11px !important;
    }

    .match-playing-time {
        font-size: 0.55em !important;
        font-weight: 900 !important;
    }

    .timer {
        font-size: 0.8em;
    }
    .home-team,
    .away-team {
        font-size: 0.95em !important;
        max-width: 56px;
        width: 56px;
        text-align: left;
    }

    .home-team .team-badge,
    .away-team .team-badge {
        padding-right: 3px;
    }

    .playing-teams span {
        font-size: 16px;
        max-width: 100px;
    }

    .stake-input span.pl-3 {
        padding-left: 2px !important;
    }

    .stake-input {
        font-size: 0.8em !important;
    }

    .my-bets-container button.btn,
    .my-bets-container a.btn {
        padding: 0.4rem 0.2rem !important;
        font-size: 11px;
    }

    .moss-play-wrapper .currency-type,
    .moss-play-wrapper .account-balance {
        font-size: 10px !important;
    }

    .wallet-balance .card.p-2 {
        padding: 5px !important;
    }

    .wallet-details {
        gap: 3px;
    }

    .wallet-heading {
        font-size: 10px;
        padding: 5px !important;
    }

    .time-payment-was-done {
        font-size: 10px;
    }

    .wallet-balance {
        margin-bottom: 5px !important;
    }

    .market-games img {
        width: 20px;
    }

    .market-games {
        height: 50px;
        padding-top: 10px;
    }

    .sidenav {
        padding-top: 45px;
    }

    .sidenav .closebtn {
        padding: 10px;
    }

    .time-counter-heading {
        align-items: center;
        font-size: 1em;
    }

    .sonar-emitter {
        width: 70px;
        height: 70px;
    }

    .time-count-down {
        width: 70px;
        height: 70px;
        font-size: 2em;
    }

    .sonar-wrapper {
        padding: 4rem 0;
    }

    .overlay-list-menu a {
        width: 90px;
        height: 60px;
    }
    #adslider .bonus-adtext {
        padding: 10px 5px;
    }

    #MegaJackpotBonus .bonus-heading {
        font-size: 17px;
    }

    #MultiBoostBonus .bonus-avaiable {
        gap: 2px;
    }

    #MultiBoostBonus .bonus-heading {
        font-size: 12px;
        text-align: center;
        white-space: normal;
    }
    #MultiBoostBonus .badge.badge-warning {
        font-size: 12px;
    }

    #adslider .bonus-avaiable .bonus-cta {
        font-size: 12px;
        white-space: nowrap;
    }

    .bonus-percent-wrap {
        padding: 1px 2px;
    }

    .percent-number {
        padding: 0;
        font-size: 12px;
        width: 50px;
    }

    #ChallengerSeries .bonus-heading {
        font-size: 10px;
    }

    #RainsBonus .bonus-heading {
        font-size: 8px;
    }

    #JackpotBonus .bonus-heading {
        font-size: 13px;
    }

    #JackpotBonus .badge-warning {
        padding: 4px;
        font-size: 10px;
    }
}

@media handheld, only screen and (max-width: 220px) {
    .overlay-list-menu a {
        width: 80px;
    }

    #ChallengerSeries .bonus-heading {
        font-size: 8px;
    }
}

.rule-content{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.rule-content>td{
    width: 100% !important;
}

.all-markets {
    overflow-x: auto;
    white-space: nowrap;
}
.all-markets .btn {
    display: inline-block;
}

/* -------------Added on 8th 07 2025---------- */

.freebet-count{
    background-color: #fab135;
    color: #202020;
    font-size: 14px;
    line-height: 12px;
    font-weight: 700;
    padding: 2px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 18px;
    height: 18px;
    text-wrap: nowrap;
}

.table_body{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1px;
    border: 1px solid var(--light-bg);
}

.table_body_content{
    width: 100%;
    padding: 10px 10px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    border-radius: 2px;
}

.table_body_content:nth-child(odd) {
    background-color: var(--light-bg);
}

.market-opportunity,
.explanation,
.examples{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    justify-content: center;
    align-items: flex-start;
    grid-gap: 0.5rem;
    padding: 0;
}

.table_body_content .table_header{
    width: 100%;
    grid-column: 1 span / 1 span;
    text-transform: capitalize;
    font-weight: 600;
}

.table_body_content .text{
    width: 100%;
    grid-column: 3 span / 3 span;
    display: flex;
    flex-wrap: wrap;
    font-style: italic;
}


/* Disable body scroll */
body.no-scroll {
    overflow: hidden;
}

/* Popup overlay */
.multi-boost-popup .popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

/* Show popup */
.multi-boost-popup .popup-overlay.active {
    display: flex;
}

/* Popup content */
.multi-boost-popup .popup-content {
    background: white;
    padding: 10px 20px 20px;
    border-radius: 10px;
    max-width: 400px;
    width: 90%;
}

#MultiBoostpopup button{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background-color: transparent;
    border: none;
    outline: none;
    color: #191919;
    padding: 10px 5px;
    font-size: 18px;
}

.multi-boost-popup .available-percentage{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-family: "Inter", sans-serif;
}

.multi-boost-popup h3{
    width: 100%;
    font-size: 21px;
    font-weight: 700;
}

.multi-boost-popup h4{
    width: 100%;
    font-size: 18px;
    color: var(--color-active);
}

.multi-boost-popup ul{
    width: 100%;
    display: flex;
    flex-direction: column;
    list-style: none;
    list-style-position: inside;
    padding-left: 10px;
    gap: 8px;
}

.multi-boost-popup ul li{
    width: 100%;
    font-size: 14px;
}

@media handheld, only screen and (max-width: 387px) {
    .market-opportunity, .explanation, .examples{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .table_body_content .text{
        grid-column: 2 span / 2 span;
    }

}

.place-bet.disabled {
    pointer-events: none;
    opacity: 0.6;
    cursor: not-allowed;
}

/* <!----------Custom League--------------> */

#customCountry{
    width: 100%;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

.country__flag__wrap{
    width: 100%;
    position: relative;
}

.country__flag{
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    background-color: rgb(0 0 0);
    height: 40px;
    overflow: hidden;
}

.country__flag img{
    width: 120px;
    object-fit: cover;
    margin-right: -10px;
}

.league__name{
    width: 100%;
    position: absolute;
    padding: 10px;
    z-index: 100;
    background-image: linear-gradient(to left, #000 0%, transparent 10%, #000000 17%);
    /* background: linear-gradient(to left, transparent 0%, #000 100%); */
    top: 0;
    height: 100%;
    color: var(--text-color-light);
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 900;
    font-style: italic;
}

.bet__round__and__rules{
    background-color: var(--color-secondary);
    width: 100%;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    font-size: 11px;
}

.bet__round__and__rules a .bi {
    font-size: 16px;
    color: #929200;
}

.bet__round__and__week{
    grid-column: 4 span / 4 span;
    padding: 8px 10px;
    color: var(--text-color-light);
}

#customCountry .rules{
    grid-column: 2 span / 2 span;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    color: var(--text-color-light);
    align-items: center;
}
#customCountry #ruleMenu{
    background-color: transparent;
    height: auto;
    padding-left: 0;
    padding-right: 10px;
    width: 30px;
    display: flex;
    align-items: center;
    line-height: 0;
}
.week__round{
    border-right: 1px solid var(--light-bg);
    padding-right: 2px;
    margin-right: 7px;
}

.bet__round .number{
    color: var(--bg-active);
}

.tab-details .icon-title {
    font-size: 21px;
}

@media handheld, only screen and (max-width: 540px) {
    .league__name{
        font-size: 24px;
    }

}

@media handheld, only screen and (max-width: 420px) {
    .bet-counter, .bet-counter-promo {
        right: 6px;
        top: 5px;
    }
}

@media handheld, only screen and (max-width: 386px) {
    .league__name{
        font-size: 18px;
        background-image: linear-gradient(to left, #000 0%, transparent 10%, #000000 28%);
    }

    .tab-details .icon-title {
        font-size: 18px;
    }

}

@media handheld, only screen and (max-width: 260px) {
    .bet__round__and__week,
    #customCountry .rules{
        font-size: 11px;
    }

    .bet__round__and__week {
        padding: 10px 4px;
    }

    .league__name{
        font-size: 16px;
    }
}

.possible-win small {
    font-size: 12px;
    opacity: .65;
    text-align: left;
    padding: 0;
    padding-bottom: 3px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
@media handheld, only screen and (max-width: 386px) {

    .betslip-wrapper{
        max-height: 50vh;
    }
    .possible-win small{
        font-size: 11px;
    }

    .possible-win{
        padding: 14px 0;
        padding-top: 5px;
    }


}