.ucf {
        text-transform: capitalize;
    }
    
    a,
    li,
    button {
        -webkit-tap-highlight-color: transparent;
    }
    
    body.opened {
        overflow: hidden;
    }
    /* .marquee-box {
                        border: 0;
                    } */
    
    .game-wrap.sticky-game-head {
        position: sticky;
        position: -webkit-sticky;
        width: 100%;
        height: 26px;
        top: 21vw;
        z-index: 11;
    }
    
    .market-list-section-in {
        padding: 0px 15px 15px 15px;
        margin-top: 5.33333vw;
    }
    
    .market-tab-section ul {
        display: flex;
        justify-content: space-between;
        overflow: auto hidden;
        gap: 0 4px;
        padding-bottom: 10px;
    }
    
    .market-tab-section ul li {
        font-family: 'proxima_novaregular';
        font-style: normal;
        font-weight: 700;
        font-size: 15px;
        line-height: 15px;
        padding: 1px 25px !important;
        list-style-type: none;
        height: 35px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        background: linear-gradient(180deg, #33414B 28.44%, #1F282E 100%);
        border-radius: 3px;
        color: #fff;
        cursor: pointer;
        padding: 0 8px;
        box-sizing: border-box;
        flex: 0 0 auto;
        flex-grow: 1;
        position: relative;
    }
    
    .market-tab-section ul li.active {
        color: #F5BA42;
    }
    
    .market-tab-section ul li.active:after {
        content: "";
        position: absolute;
        bottom: 0%;
        left: 0;
        right: 0;
        width: 100%;
        background: #F5BA42;
        height: 2px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }
    
    .market-list {
        margin-top: -9.5px;
    }
    
    .market-list .icon-sec {
        width: 20.25px;
        height: 20.25px;
        border: 1px solid #8396A5;
        border-radius: 50%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin-right: 9.34px;
    }
    
    .marget-list-row {
        margin-top: 9.5px;
    }
    
    .reject_tickets,
    .suspend_sec {
        position: relative;
        z-index: 2;
    }
    
    .suspend_sec,
    .reject_tickets {
        pointer-events: none!important;
    }
    
    .suspend_sec:before,
    .reject_tickets:before {
        content: "In-active";
        pointer-events: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        background: rgb(235 235 235 / 73%);
        z-index: 2;
        border: 1px solid red;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        color: red;
    }
    
    .suspend_sec:before {
        content: "Suspended";
        z-index: 20;
    }
    
    .suspended-sec-txt,
    .rejected-sec-txt {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }
    
    .suspended-sec-txt span,
    .rejected-sec-txt span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 200000;
        color: red;
    }
    
    .suspend_sec .reject_tickets:before,
    .suspend_sec .rejected-sec-txt {
        display: none;
    }
    
    .marget-list-row-head {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        background: #40505F;
        border-radius: 5px 5px 0px 0px;
        padding: 7.38px 17.25px 7.38px 6.82px;
        text-transform: capitalize;
    }
    
    .head-lft {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: calc(100% - 19px);
    }
    
    .icon-content {
        width: calc(100% - 38px);
        display: inline-block;
    }
    
    .icon-content p {
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 18px;
        color: #fff;
    }
    
    .head-rgt {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
    }
    
    .market-list-section h3 {
        background: transparent;
        font-size: inherit;
        line-height: inherit;
        color: inherit;
    }
    
    .market-list-row-cnt {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 4px 0;
    }
    
    .list-row-cnt-lft {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        background: #fff;
        width: 50%;
        border-bottom-left-radius: 4px;
    }
    
    .market-list-row-cnt.three-clmn {
        gap: 4px 0;
        justify-content: unset;
    }
    
    .three-clmn .list-row-cnt-lft {
        width: 33.2%;
        flex: 1 1 auto;
    }
    
    .list-row-cnt-lft.rgt {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 0px;
    }
    
    .list-row-cnt-lft h3 {
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        color: #363636;
        text-align: left;
        width: 100%;
    }
    
    .three-clmn .list-row-cnt-lft h3 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: clip;
    }
    
    .cnt-lft-cnt {
        padding: 9.74px 0 10.26px 10.25px;
        width: calc(100% - 74px);
        text-transform: capitalize;
    }
    
    .three-clmn .list-row-cnt-lft .cnt-lft-cnt {
        padding-left: 5px;
    }
    
    .three-clmn .list-row-cnt-lft.rgt .cnt-rgt-cnt {
        border-radius: 0;
    }
    
    .cnt-rgt-cnt {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        background: #D2D2D2;
        padding: 16.5px 12px;
        height: 100%;
        box-sizing: border-box;
        min-width: 60px;
    }
    
    .cls-scroll-sec {
        max-height: 100vh;
        overflow-x: hidden;
        overflow-y: auto;
        padding-bottom: 2px;
    }
    
    .cnt-rgt-cnt.downchanged {
        animation-name: newHighlightBack;
        animation-duration: .3s
    }
    
    @keyframes newHighlightBack {
        0% {
            background-color: #E63C3C;
        }
        50% {
            background-color: #E63C3C;
        }
        100% {
            background-color: #E63C3C;
        }
    }
    
    .cnt-rgt-cnt.upchanged {
        animation-name: newHighlightUpBack;
        animation-duration: .3s
    }
    
    @keyframes newHighlightUpBack {
        0% {
            background-color: #32EA32;
        }
        50% {
            background-color: #32EA32;
        }
        100% {
            background-color: #32EA32;
        }
    }
    
    .bottom-sec p.downchanged {
        animation-name: newHighlightColor;
        animation-duration: .5s
    }
    
    @keyframes newHighlightColor {
        0% {
            color: #E63C3C;
        }
        50% {
            color: #E63C3C;
        }
        100% {
            color: #E63C3C;
        }
    }
    
    .bottom-sec p.upchanged {
        animation-name: newHighlightUpColor;
        animation-duration: .5s
    }
    
    @keyframes newHighlightUpColor {
        0% {
            color: #32EA32;
        }
        50% {
            color: #32EA32;
        }
        100% {
            color: #32EA32;
        }
    }
    
    .list-row-cnt-lft.rgt .cnt-rgt-cnt {
        border-bottom-right-radius: 4px;
    }
    
    .list-row-cnt-lft .cnt-rgt-cnt h3 {
        text-align: center;
        width: auto;
        font-family: 'proxima_novaregular';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        color: #000;
    }
    /* .tabs_container .tab_content{
  display: none;
}

.tabs_container .tab_content.active{
  display: block;
  background:transparent;
} */
    
    .list-row-cnt-lft.selected {
        background: #F8C84E;
    }
    
    .list-row-cnt-lft.selected .cnt-rgt-cnt {
        background: #CEA130;
    }
    
    .list-row-cnt-lft.selected .cnt-rgt-cnt h3 {
        color: #fff;
    }
    
    .modal.market-list-pop,
    .modal.placebet-modal,
    .market-list-pop-carousel {
        display: none;
        position: fixed;
        z-index: 999999;
        left: 0;
        top: 50px;
        width: 100%;
        height: 100%;
        overflow: auto;
        top: 0;
        background-color: rgba(0, 0, 0, 0.4);
    }
    
    .modal.market-list-pop.opened,
    .modal.placebet-modal.opened,
    .market-list-pop-carousel.opened {
        display: block;
    }
    
    .modal.market-list-pop .modal-content,
    .modal.placebet-modal .place-modal-content,
    .market-list-pop-carousel .modal-content {
        margin: auto;
        background: #fff;
        box-shadow: 0px -3px 4px rgb(0 0 0 / 15%);
        border-radius: 0px;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
        display: inherit;
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0;
        right: 0;
        transform: translateY(50px);
        animation: come-in 0.7s ease forwards;
        padding-bottom: 0;
        height: auto;
    }
    .bet_slip_pp_hi{
        max-height: 95dvh;
        overflow-y: auto;
    }
    .bet_slip_pp_hi::-webkit-scrollbar {
        display: none;
    }
    
    .modal-content-in {
        padding: 11.3px 10px 15.71px 10px;
        background: #fff;
    }
    
    .modal-header,
    .place-modal-header {
        background: #40505F;
        border-radius: 5px 5px 0px 0px;
        height: 35px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        position: relative;
    }
    
    img.arrow-sec {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        right: 14.5px;
    }
    
    .modal-header h3 {
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 18px;
        color: #fff;
        text-transform: uppercase;
        background: none;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    
    .modal-header h3 span {
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 9px;
        line-height: 9px;
        color: #fff;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        width: 16px;
        height: 16px;
        background: #D93737;
        border-radius: 50%;
        padding-top: 1px;
        box-sizing: border-box;
        margin-left: 5.7px;
    }
    
    .modal-content-in .market-tab-section ul,
    .modal-content-in .market-tab-section ul.market-tabs-inner {
        flex-wrap: wrap;
        gap: 0;
        overflow: hidden;
        background: #DFDFDF;
        border: 0.5px solid #CFCFCF;
        border-radius: 3px;
        margin-bottom: 5.86px;
        padding-bottom: 0;
    }
    
    .modal-content-in .market-tab-section ul li,
    .modal-content-in .market-tab-section ul.market-tabs-inner li {
        flex: inherit;
        width: 33.333%;
        background: transparent;
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 18px;
        color: #040404;
        border-left: 0.5px solid #CACACA;
    }
    
    .modal-content-in .market-tab-section ul li.active,
    .modal-content-in .market-tab-section ul.market-tabs-inner li.active {
        color: #F5BA42;
        background: linear-gradient(180deg, #4A4A4A 28.44%, #222222 100%);
        border-radius: 3px;
    }
    
    .modal-content-in .tabs_container {
        background: #fff;
        position: relative;
    }
    
    .modal-content-in .market-tab-section ul li.active:after,
    .modal-content-in .market-tab-section ul.market-tabs-inner li.active:after {
        display: none;
    }
    
    li.disabled {
        pointer-events: none;
        opacity: 0.2;
        color: #C6C6C6;
    }
    
    .no-bets-sec {
        text-align: center;
        padding: 86.44px 0 69.98px 0;
    }
    
    .market-list-section.ht-full {
        min-height: calc(100vh - 125px);
        overflow: hidden;
        position: relative;
    }
    
    .ht-full .no-market-sec {
        text-align: center;
        padding: 48.44px 0 43.98px 0;
        background: #fff;
        margin-top: -10px;
        position: absolute;
        width: 95%;
        left: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        margin: 0 auto;
        border: 1px solid #ccc;
        border-radius: 12px;
    }
    
    @media (min-width:768px) and (max-height:1024px) {
        .market-list-section.ht-full {
            min-height: calc(100vh - 266px);
        }
    }
    
    @media (min-width:1024px) and (max-height:1366px) {
        .market-list-section.ht-full {
            min-height: calc(100vh - 353px);
        }
    }
    
    @media (min-width:800px) and (max-height:1280px) {
        .market-list-section.ht-full {
            min-height: calc(100vh - 275px);
        }
    }
    
    @media (min-width:600px) and (max-height:1024px) {
        .market-list-section.ht-full {
            min-height: calc(100vh - 206px);
        }
    }
    
    @media (min-width:540px) and (max-height:720px) {
        .market-list-section.ht-full {
            min-height: calc(100vh - 186px);
        }
    }
    
    @media only screen and (orientation: landscape) {
        .market-list-section.ht-full {
            min-height: inherit;
        }
        .ht-full .no-market-sec {
            position: static;
            transform: none;
            margin-top: 40px;
        }
    }
    
    .no-bets-sec p {
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 18px;
        color: #000;
    }
    
    .bets-footer {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        margin-top: 10px;
    }
    
    .bets-left {
        width: 110px;
    }
    
    .single-tab-row {
        margin-top: 2.06px;
        position: relative;
    }
    
    .bets-msg {
        position: absolute;
        height: 100%;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        z-index: 20000;
    }
    
    .bet-message {
        /* position: absolute;
                        height: 100%;
                        width: 100%;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        background: rgb(0 0 0 / 33%) */
    }
    
    .bet-message {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 100%;
        width: 100%;
    }
    
    .bet-message span {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        background: rgb(0 0 0 / 66%);
        color: #fff;
    }
    
    .bet-message span label {
        background: #D93737;
        padding: 4px 10px;
        border-radius: 5px;
    }
    
    .bet-message-combo {
        z-index: 1;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 100%;
        width: 100%;
    }
    
    .market-list-overlay {
        position: fixed;
        background: rgb(0 0 0 / 52%);
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        top: 0;
        z-index: 2;
    }
    
    .market-list-message {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 10px;
        width: 88%;
        text-align: center;
    }
    
    .market-list-message p {
        font-size: 16px;
        color: #fff;
    }
    
    .bet-message-combo span {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        background: rgb(0 0 0 / 66%);
        color: #fff;
    }
    /* .bet-message span:before {
                        content: "";
                        position: absolute;
                        height: 100%;
                        width: 100%;
                    } */
    
    .betssuccess {
        width: 100%;
        text-align: center;
        padding-top: 10px;
    }
    
    .betssuccess i {
        font-size: 46px;
        color: rgb(0 128 0);
    }
    
    .bets-footer a.clear-bets {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        background: #FFFFFF;
        border: 0.5px solid #D93737;
        box-sizing: border-box;
        border-radius: 3px;
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 10px;
        line-height: 15px;
        color: #D93737;
        padding: 5px 10.68px 5px 8.74px;
        box-sizing: border-box;
    }
    
    .bets-footer a img {
        margin-right: 8.87px;
    }
    
    .bets-right-lft {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    
    .bets-right-lft p {
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 10px;
        line-height: 15px;
        color: #797979;
        margin-left: 5.54px;
        margin-right: 7px;
    }
    
    .switch-input {
        position: relative;
        display: inline-block;
        width: 40px;
        height: 20px;
    }
    
    .switch-input input {
        opacity: 0;
        width: 0;
        height: 0;
    }
    
    .switch-input .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }
    
    .switch-input .slider:before {
        position: absolute;
        content: "";
        height: 16.21px;
        width: 16.21px;
        left: 4px;
        bottom: 2px;
        background: #fff;
        -webkit-transition: .4s;
        transition: .4s;
    }
    
    .switch-input input:checked+.slider {
        background-color: #40505F;
    }
    
    .switch-input input:focus+.slider {
        box-shadow: 0 0 1px #2196F3;
    }
    
    .switch-input input:checked+.slider:before {
        -webkit-transform: translateX(16px);
        -ms-transform: translateX(16px);
        transform: translateX(16px);
    }
    
    .switch-input .slider.round {
        border-radius: 34px;
    }
    
    .switch-input .slider.round:before {
        border-radius: 50%;
    }
    
    .bets-right {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
    }
    
    .single-tab-row-in {
        background: #fff;
        border: 0.5px solid #C4C4C4;
        box-sizing: border-box;
        border-radius: 4px;
        padding: 7.25px 7.33px 7.12px 7.91px;
    }
    
    .single-tab-row-head {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    
    .single-tab-row-head-lft {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: calc(100% - 25px);
    }
    
    .head-icon-cnt {
        width: calc(100% - 20px);
    }
    
    .single-tab-row-head-lft p {
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 10px;
        line-height: 15px;
        color: #686868;
        margin-left: 6.23px;
    }
    
    .head-icon-sec {
        width: 15.47px;
        height: 15.47px;
        border-radius: 5px;
        background: #138710;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    
    .close-sec {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        position: relative;
        z-index: 200000;
        cursor: pointer;
    }
    
    .single-tab-row-cnt {
        margin-top: 5px;
    }
    
    .single-tab-row-cnt h3 {
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 18px;
        color: #010101;
        background: none;
        text-align: left;
    }
    
    .single-tab-row-cnt-in {
        margin-top: 2.68px;
    }
    
    .top-sec p {
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 10px;
        line-height: 15px;
        color: #686868;
    }
    
    .bottom-sec p {
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 18px;
        color: #010101;
        margin-top: 3.26px;
    }
    
    .single-tab-row-cnt-in {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    
    .amt-sec {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    
    .amt-sec a {
        color: #000;
        font-family: Helvetica, Tahoma, sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        background: #EFEFEF;
        border: 0.5px solid #DADADA;
        box-sizing: border-box;
        border-radius: 5px;
        width: 102px;
        height: 30.38px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    
    .amt-sec a input {
        position: static;
        width: 49px;
        border: 0px;
        box-shadow: none;
        background: #EFEFEF;
        height: 100%;
        padding: 0;
        margin-bottom: 0;
        font-size: 15px;
    }
    
    .loader-sec {
        /* z-index: 2;
                        width: 100%;
                        text-align: center;
                        padding-top: 10px;
                        position: absolute;
                        left: 50%;
                        top: 50%;
                        transform: translate(-50%, -50%); */
        z-index: 20000000;
        width: 100%;
        text-align: center;
        padding-top: 10px;
        position: absolute;
        left: 0;
        top: 0;
        /* transform: translate(-50%, -50%); */
        background: #fff;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .loader-sec p {
        margin-top: 15px;
    }
    
    #loading-bar-spinner.spinner {
        animation: loading-bar-spinner 1s linear infinite;
        width: 60px;
        height: 44px;
        margin: 0 auto;
    }
    
    #loading-bar-spinner.spinner .spinner-icon {
        width: 40px;
        height: 40px;
        border: solid 4px transparent;
        border-top-color: #40505F;
        border-left-color: #40505F;
        border-radius: 50%;
    }
    
    @keyframes loading-bar-spinner {
        0% {
            transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    .amt-sec.accept-odds a,
    .bottom-sec button.accept_odds_change {
        width: auto;
        background: linear-gradient(180deg, #3A3A3A 0%, #0C0C0C 100%);
        border-radius: 5px;
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 10px;
        line-height: 15px;
        color: #F8C84E;
        padding-left: 8px;
        padding-right: 8px;
        border: none;
        height: 25.38px;
        margin-top: 4px;
    }
    
    .slip_modal.opened .bottom-sec button.accept_odds_change {
        -webkit-animation: yellow 5s;
        -moz-animation: yellow 5s;
        -o-animation: yellow 5s;
        animation: yellow 5s;
    }
    
    @keyframes yellow {
        50% {
            box-shadow: 1px 0px 10px 4px #f8c84e;
        }
    }
    
    .amt-sec a span {
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 21px;
        color: #000;
        margin-left: 1px;
    }
    
    .single-tab-row-share {
        margin-top: 10px;
    }
    
    .single-tab-row-share .single-tab-row-in {
        border: 0px;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 0 10px;
    }
    
    .share-section {
        flex: 1 1 auto;
    }
    
    .share a,
    .share button {
        background: #F8C84E;
        border: 0.5px solid #F8C84E;
        box-sizing: border-box;
        border-radius: 4px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 18px;
        color: #010101;
        padding: 12.5px 0;
        width: 100%;
    }
    
    .betsplace-msg:before {
        background: rgb(235 235 235 / 73%);
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
    }
    
    .share a svg {
        margin-right: 8.36px;
    }
    
    .share-section.active a {
        background: linear-gradient(180deg, #3D3D3D 0%, #070707 100%);
        color: #F8C84E;
    }
    
    .share-section.active a svg path {
        fill: #F8C84E;
    }
    
    .total-row {
        margin-top: 10.5px;
    }
    
    .bets-right-rgt {
        display: flex;
        flex-wrap: wrap;
    }
    
    .total-row-in {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 4.46px;
    }
    
    .total-rgt {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    
    .total-lft {
        width: calc(100% - 110px);
    }
    
    .total-row h4 {
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 18px;
        color: #010101;
    }
    
    .total-row h5 {
        font-family: Helvetica, Tahoma, sans-serif;
        font-size: 14px;
        line-height: 21px;
    }
    
    .total-row h5 span {
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 21px;
        color: #010101;
    }
    
    .place-modal-content {
        background: #fff;
    }
    
    .place-modal-content-in {
        text-align: center;
        background: #fff;
    }
    
    .no-place-bet-section {
        padding: 26.43px 0 15.47px 0;
        background: #fff;
    }
    
    .no-placebet {
        max-width: 263px;
        width: 100%;
        margin: 0 auto;
        padding: 0 10px;
        box-sizing: border-box;
    }
    
    .no-placebet p {
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 18px;
        text-align: center;
        color: #000;
        margin-top: 12.27px;
    }
    
    .deposit-btn-sec {
        width: 90%;
        margin: 30.12px auto 0;
    }
    
    .deposit-btn-sec a {
        background: linear-gradient(180deg, #3A3A3A 0%, #0C0C0C 100%);
        border: 0.5px solid #C4C4C4;
        box-sizing: border-box;
        border-radius: 4px;
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 18px;
        color: #F8C84E;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        padding: 12.42px 0 9.58px 0;
    }
    
    .login-section {
        text-align: center;
        margin-top: 21.49px;
    }
    
    .login-button button.login {
        width: 100%;
        background: linear-gradient(180deg, #3A3A3A 0%, #0C0C0C 100%);
        border-radius: 4px;
        height: 40px;
        max-width: 340px;
        width: 100%;
        margin: 10.32px auto 5.32px;
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 18px;
        color: #F8C84E;
    }
    
    .login-top-section {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    
    .login-button button.login:after {
        display: none;
    }
    
    p.login-sec {
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 19px;
        color: #000;
        margin-left: 6.66px;
    }
    
    .login-button p {
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 10px;
        line-height: 15px;
        color: #000;
    }
    
    .closed-main {
        text-align: center;
    }
    
    p.closed-txt {
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 10px;
        line-height: 15px;
        text-align: center;
        color: #000;
        text-transform: uppercase;
    }
    
    p.event-txt {
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 10px;
        line-height: 15px;
        text-align: center;
        color: #313131;
        margin-top: 3px;
    }
    
    .single-tab-row-cnt-inn {
        width: calc(100% - 160px);
    }
    
    .single-tab-row-in.closed-section {
        position: relative;
    }
    
    .single-tab-row-in.closed-section:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgb(0 0 0 / 42%);
    }
    
    .closed-popover {
        font-family: 'proxima_novaregular';
        position: absolute;
        z-index: 200000;
        top: 50%;
        left: 0;
        background: red;
        padding: 6px 10px;
        transform: translateY(-50%);
        border: 1px solid #ccc;
        font-weight: bold;
        color: #fff;
        font-size: 16px;
        right: 0;
        text-align: center;
        display: none;
    }
    
    .floating-button-sec {
        display: block;
        position: fixed;
        bottom: 96px;
        width: 100%;
        left: 0;
        right: 0;
        z-index: 9999999;
    }
    
    .floating-button-sec span.floating-btn {
        display: block;
        position: absolute;
        top: 0px;
        right: auto;
        left: 14px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-image: radial-gradient(circle 19px at center, #f8c84e 0, #cea130 50%, #f8c84e 100%);
    }
    
    .floating-button-sec.carousel span.floating-button {
        display: block;
        position: absolute;
        top: 0px;
        left: 7px;
        right: auto;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-image: radial-gradient(circle 19px at center, #f8c84e 0, #cea130 50%, #f8c84e 100%);
    }
    
    .floating-button-sec span.floating-btn svg,
    .floating-button-sec.carousel span.floating-button svg {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        fill: #fff;
        transition: all .3s ease-out;
    }
    
    span.badge-round {
        position: absolute;
        top: 3px;
        right: -8px;
        display: inline-block;
        min-width: 16px;
        height: 16px;
        line-height: 14px;
        vertical-align: middle;
        border: 1px solid #000;
        border-radius: 50%;
        background-color: #40505f;
        color: #fff;
        font-size: 10px;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: -1px;
        padding-top: 0px;
        box-sizing: border-box;
    }
    
    .tab_content.active {
        background: transparent;
    }
    
    @keyframes come-in {
        to {
            transform: translateY(0);
        }
    }
    
    .load-container {
        display: flex;
        justify-content: space-between;
        height: 16px;
        width: 26px;
    }
    
    .load-container .box {
        transform: scaleY(.4);
        height: 100%;
        width: 4px;
        background: #1e272e;
        animation-duration: 1.2s;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
        border-radius: 8px;
    }
    
    .load-container .box1 {
        animation-name: quiet;
    }
    
    .load-container .box2 {
        animation-name: normal;
    }
    
    .load-container .box3 {
        animation-name: quiet;
    }
    
    .load-container .box4 {
        animation-name: loud;
    }
    
    .load-container .box5 {
        animation-name: quiet;
    }
    
    .single-tab-stake {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        margin-top: 6px;
    }
    
    .single-tab-stake p {
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
    }
    
    .exchange .single-tab-stake input {
        margin: 0 0 0 10px;
        color: #000;
        font-size: 15px;
        background: #EFEFEF;
        border: 0.5px solid #DADADA;
        box-sizing: border-box;
        border-radius: 5px;
        width: 102px;
        height: 30.38px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        box-shadow: none;
        padding: 5px 10px;
    }
    
    @keyframes quiet {
        25% {
            transform: scaleY(.6);
        }
        50% {
            transform: scaleY(.4);
        }
        75% {
            transform: scaleY(.8);
        }
    }
    
    @keyframes normal {
        25% {
            transform: scaleY(1);
        }
        50% {
            transform: scaleY(.4);
        }
        75% {
            transform: scaleY(.6);
        }
    }
    
    @keyframes loud {
        25% {
            transform: scaleY(1);
        }
        50% {
            transform: scaleY(.4);
        }
        75% {
            transform: scaleY(1.2);
        }
    }
    
    @media (min-width:270px) and (max-width:324px) {
        .amt-sec.accept-odds a {
            font-size: 9px;
        }
        .single-tab-row-cnt-inn {
            width: calc(100% - 139px);
        }
        .bets-right-lft {
            display: block;
            width: 100%;
        }
        .bets-right-lft img {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            top: -5px;
        }
        .bets-right-lft p {
            margin-left: 0.54px;
            margin-right: -41px;
            display: inline-block;
            vertical-align: middle;
            margin-bottom: 10px;
        }
    }
    
    @media (min-width:270px) and (max-width:319px) {
        .list-row-cnt-lft h3 {
            font-size: 9px;
        }
        .list-row-cnt-lft .cnt-rgt-cnt h3 {
            font-size: 11px;
        }
        .cnt-lft-cnt {
            padding-left: 6.25px;
        }
    }
    /* @media only screen and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape) {
    .modal .tabs_container {
        max-height: inherit;
        overflow-x: hidden;
        overflow-y: auto;
    }
    .cls-scroll-sec.withoutauth-bets {
        max-height: 200px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (min-device-width: 412px) and (max-device-height: 732px) and (orientation: portrait) {
    .modal .single-main-row {
        max-height: 450px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (max-device-height: 667px) and (orientation: portrait) {
    .modal .single-main-row {
        max-height: 450px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (min-device-width: 540px) and (max-device-height: 720px) and (orientation: portrait) {
    .modal .single-main-row {
        max-height: 502px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (min-device-width: 360px) and (max-device-height: 740px) and (orientation: portrait) {
    .modal .single-main-row {
        max-height: 238px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: portrait) {
    .modal .single-main-row {
        max-height: 142px;
        overflow-x: hidden;
        overflow-y: auto;
    }
    .cls-scroll-sec.withoutauth-bets {
        max-height: 142px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 658px) and (orientation: portrait) {
    .modal .single-main-row {
        max-height: 127px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: portrait) {
    .modal .single-main-row {
        max-height: 127px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (min-device-width: 384px) and (max-device-height: 640px) and (orientation: portrait) {
    .modal .single-main-row {
        max-height: 127px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) {
    .modal .single-main-row {
        max-height: 152px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 533px) and (orientation: portrait) {
    .modal .single-main-row {
        max-height: 152px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (orientation: portrait) {
    .modal .single-main-row {
        max-height: 152px;
        overflow-x: hidden;
        overflow-y: auto;
    }
    .cls-scroll-sec.withoutauth-bets {
        max-height: 100px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (orientation: portrait) {
    .modal .single-main-row {
        max-height: 152px;
        overflow-x: hidden;
        overflow-y: auto;
    }
    .cls-scroll-sec.withoutauth-bets {
        max-height: 100px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (max-device-height: 480px) and (orientation: portrait) {
    .modal .single-main-row {
        max-height: 309px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (max-device-height: 800px) and (orientation: landscape) {
    .modal .single-main-row {
        max-height: 362px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (max-device-height: 600px) and (orientation: landscape) {
    .modal .tabs_container {
        max-height: 281px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (max-device-width: 896px) and (max-device-height: 414px) and (orientation: landscape) {
    .modal .tabs_container {
        max-height: 195px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (max-device-height: 412px) and (orientation: landscape) {
    .modal .tabs_container {
        max-height: 150px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (max-device-height: 384px) and (orientation: landscape) {
    .modal .tabs_container {
        max-height: 137px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (max-device-height: 360px) and (orientation: landscape) {
    .modal .tabs_container {
        max-height: 173px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (max-device-height: 320px) and (orientation: landscape) {
    .modal .tabs_container {
        max-height: 129px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (max-device-width: 533px) and (max-device-height: 320px) and (orientation: landscape) {
    .modal .tabs_container {
        max-height: 96px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (max-device-height: 384px) and (orientation: landscape) {
    .modal .single-main-row {
        max-height: 142px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (max-device-height: 360px) and (orientation: landscape) {
    .modal .single-main-row {
        max-height: 180px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (max-device-height: 353px) and (orientation: landscape) {
    .modal .tabs_container {
        max-height: 153px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (max-device-width: 653px) and (max-device-height: 280px) and (orientation: landscape) {
    .modal .tabs_container {
        max-height: 89px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (max-device-width: 658px) and (max-device-height: 320px) and (orientation: landscape) {
    .modal .tabs_container {
        max-height: 89px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (max-device-width: 568px) and (max-device-height: 320px) and (orientation: landscape) {
    .modal .tabs_container {
        max-height: 89px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (max-device-width: 480px) and (max-device-height: 320px) and (orientation: landscape) {
    .modal .tabs_container {
        max-height: 107px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (max-device-height: 320px) and (orientation: landscape) {
    .modal .single-main-row {
        max-height: 136px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (orientation: landscape) {
    .modal.market-list-pop .modal-content,
    .modal.placebet-modal .place-modal-content {
        bottom: 0;
        padding-bottom: 0;
    }
} */
    
    #myModalcarousel .game-section-image {
        height: 162px;
        background: #d8effb;
        background: #d8effb;
        border-top-left-radius: 22px;
        border-top-right-radius: 22px;
    }
    
    #myModalcarousel .owl-prev {
        display: none;
    }
    
    .modal-carousel.owl-carousel .owl-nav button.owl-next {
        /* background: #3382d0; */
        background-image: linear-gradient(-180deg, #464646 15%, #121212 100%);
        border-color: #000;
        color: #FFB80C;
        height: 9vw;
        width: 93%;
        border-radius: 5px;
        font-size: 4vw;
    }
    
    .modal-carousel.owl-carousel .owl-nav button.owl-next.disabled {
        display: none;
    }
    
    #myModalcarousel .carousel-cnt-sec {
        margin-top: 12vw;
        padding: 0 15px;
        margin-bottom: 27vw;
    }
    
    #myModalcarousel .owl-item.active {
        background: #fff;
        border-top-left-radius: 22px;
        border-top-right-radius: 22px;
    }
    
    #myModalcarousel .owl-item {
        background: #fff;
        border-top-left-radius: 22px;
        border-top-right-radius: 22px;
    }
    
    #myModalcarousel .modal-content {
        text-align: center;
        background: transparent;
    }
    
    #myModalcarousel .modal-content h2 {
        font-size: 5vw;
    }
    
    #myModalcarousel .modal-content p {
        margin-top: 20px;
        font-size: 4vw;
    }
    
    #myModalcarousel .modal-content-in {
        padding: 0;
        background-color: rgba(0, 0, 0, 0.4);
        border-top-left-radius: 22px;
        border-top-right-radius: 22px;
    }
    
    #myModalcarousel .owl-nav {
        position: absolute;
        bottom: 20px;
        width: 100%;
    }
    
    #myModalcarousel .owl-dots button {
        width: 2vw;
        height: 2vw;
        background: #ebebeb;
        display: inline-block;
        border-radius: 50%;
        margin: 0 5px;
    }
    
    #myModalcarousel .owl-dots button.active {
        background: #FFB80C;
    }
    
    #myModalcarousel .owl-dots {
        position: absolute;
        width: 100%;
        top: 172px;
    }
    
    .got-it-sec {
        display: none;
    }
    
    #myModalcarousel .owl-item.active.firstActiveItem:last-of-type .got-it-sec {
        display: block;
        position: absolute;
        bottom: 20px;
        width: 93%;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    
    #myModalcarousel .owl-item.active.firstActiveItem:last-of-type .got-it-sec button {
        background-image: linear-gradient(-180deg, #464646 15%, #121212 100%);
        border-color: #000;
        color: #FFB80C;
        font: inherit;
        height: 9vw;
        width: 100%;
        border-radius: 5px;
        font-size: 4vw;
        border: 0;
    }
    
    .skip-section {
        position: absolute;
        bottom: 16vw;
        width: 100%;
        left: 0;
        right: 0;
        z-index: 200;
    }
    
    .skip-section a {
        color: #FFB80C;
    }
    /* @media only screen and (orientation: landscape) {
                        .modal .single-main-row,
                        .cls-scroll-sec {
                            max-height: inherit!important;
                        }
                    } */
    
    @media only screen and (max-device-width: 820px) and (max-device-height: 1180px) and (orientation: portrait) {
        .cls-scroll-sec {
            max-height: 42vh;
            padding-bottom: 2px;
        }
    }
    
    @media (max-height: 533px) and (orientation: portrait) {
        .cls-scroll-sec {
            max-height: 30vh;
        }
    }
    
    @media only screen and (orientation: landscape) {
        .modal-content-in .tabs_container {
            max-height: 55vh;
            overflow-x: hidden;
            overflow-y: scroll;
            padding-bottom: 2px;
        }
        .cls-scroll-sec {
            max-height: inherit;
        }
    }
    
    @supports (-webkit-touch-callout: none) {
        @media only screen and (orientation: landscape) {
            .cls-scroll-sec {
                max-height: 90px!important;
            }
        }
    }