:root {
    --base-rem: 10px;
    --unit-rm: 2.5px;
    --card-border-color:#4e4e4ec7;
    --card-header-color:#8b939a;
    --card-text-color:#fff;
    --card-bg-color:#151926;
    --card-odds-bg-color:#ffffff;
    --card-odds-text-color:#151926;
    /* main theme colors */
    --theme-border-color:#e7e7e7c7;
    --theme-bg-color:#d8edf6;
    --theme-text-color:#383838;
    --theme-primary-bg:#5fbcdb;
    --theme-primary-text:#fff;
    /* donut colors */
    --theme-donut-outer:#5fbcdb61;
    --theme-donut-fill:#5fbcdb;
    --theme-donut-inner-border:#fff;
    --theme-donut-tex-bg:#5fbcdb61;
    --theme-donut-text-color:#fff;
    /* tips colors */
    --theme-tip-box-bg:#5fbcdb;
    --theme-tip-box-header-text:#fff;
    --theme-tip-box-body-text:#383838;
    --theme-tip-odd-bg:#5fbcdb;
    --theme-tip-odd-text:#fff;
    /* bet of day colors */
    --theme-betofday-bg:#fff;
    --theme-betofday-text:#383838;
    --theme-betofday-border:#e7e7e7c7;
    --theme-betofday-button-bg:#5fbcdb;
    --theme-betofday-button-text:#fff;
    /* h2h page colors */
    /* --theme-h2h-bg:#151926;
    --theme-h2h-border-color:#5fbcdb61;
    --theme-h2h-border-secondary:#282828c7;
    --theme-h2h-bg-color:#00001a;
    --theme-h2h-text-color:#fff;
    --theme-h2h-hover-bg-color:#151926;
    --theme-h2h-hover-text-color:#fff; */
    --theme-h2h-bg:#fff;
    --theme-h2h-main-border-color:#5fbcdb61;
    --theme-h2h-border-color:#e7e7e7c7;
    --theme-h2h-border-secondary:#bdbdbdc7;
    --theme-h2h-bg-color:#d8edf6;
    --theme-h2h-text-color:#383838;
    --theme-h2h-hover-bg-color:#151926;
    --theme-h2h-hover-text-color:#fff;
    /* betslip colors */
    --theme-betslip-bg:#d8edf6;
    --theme-betslip-header-bg:#1d3b48;
    --theme-betslip-btn-bg:#5fbcdb;
    --theme-betslip-btn-text:#fff;
    --theme-betslip-text-color:#383838;
}
/* bootstrap part */
.fixtures-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.fixtures-col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.fixtures-col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.fixtures-col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.fixtures-col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.fixtures-col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.fixtures-col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.fixtures-col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.fixtures-col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.fixtures-col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.fixtures-col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.fixtures-col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.fixtures-col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.fixtures-col-lg1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.fixtures-col-lg2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.fixtures-col-lg3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.fixtures-col-lg4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.fixtures-col-lg5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.fixtures-col-lg6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.fixtures-col-lg7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.fixtures-col-lg8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.fixtures-col-lg9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.fixtures-col-lg10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.fixtures-col-lg11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.fixtures-col-lg12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.fixtures-col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.fixtures-col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.fixtures-col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.fixtures-col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.fixtures-col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.fixtures-col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.fixtures-col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.fixtures-col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.fixtures-col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.fixtures-col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.fixtures-col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.fixtures-col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:calc(var(--unit-rm) * 1)!important}.mt-1,.my-1{margin-top:calc(var(--unit-rm) * 1)!important}.mr-1,.mx-1{margin-right:calc(var(--unit-rm) * 1)!important}.mb-1,.my-1{margin-bottom:calc(var(--unit-rm) * 1)!important}.ml-1,.mx-1{margin-left:calc(var(--unit-rm) * 1)!important}.m-2{margin:calc(var(--unit-rm) * 2)!important}.mt-2,.my-2{margin-top:calc(var(--unit-rm) * 2)!important}.mr-2,.mx-2{margin-right:calc(var(--unit-rm) * 2)!important}.mb-2,.my-2{margin-bottom:calc(var(--unit-rm) * 2)!important}.ml-2,.mx-2{margin-left:calc(var(--unit-rm) * 2)!important}.m-3{margin:calc(var(--unit-rm) * 4)!important}.mt-3,.my-3{margin-top:calc(var(--unit-rm) * 4)!important}.mr-3,.mx-3{margin-right:calc(var(--unit-rm) * 4)!important}.mb-3,.my-3{margin-bottom:calc(var(--unit-rm) * 4)!important}.ml-3,.mx-3{margin-left:calc(var(--unit-rm) * 4)!important}.m-4{margin:calc(var(--unit-rm) * 6)!important}.mt-4,.my-4{margin-top:calc(var(--unit-rm) * 6)!important}.mr-4,.mx-4{margin-right:calc(var(--unit-rm) * 6)!important}.mb-4,.my-4{margin-bottom:calc(var(--unit-rm) * 6)!important}.ml-4,.mx-4{margin-left:calc(var(--unit-rm) * 6)!important}.m-5{margin:calc(var(--unit-rm) * 12)!important}.mt-5,.my-5{margin-top:calc(var(--unit-rm) * 12)!important}.mr-5,.mx-5{margin-right:calc(var(--unit-rm) * 12)!important}.mb-5,.my-5{margin-bottom:calc(var(--unit-rm) * 12)!important}.ml-5,.mx-5{margin-left:calc(var(--unit-rm) * 12)!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:calc(var(--unit-rm) * 1)!important}.pt-1,.py-1{padding-top:calc(var(--unit-rm) * 1)!important}.pr-1,.px-1{padding-right:calc(var(--unit-rm) * 1)!important}.pb-1,.py-1{padding-bottom:calc(var(--unit-rm) * 1)!important}.pl-1,.px-1{padding-left:calc(var(--unit-rm) * 1)!important}.p-2{padding:calc(var(--unit-rm) * 2)!important}.pt-2,.py-2{padding-top:calc(var(--unit-rm) * 2)!important}.pr-2,.px-2{padding-right:calc(var(--unit-rm) * 2)!important}.pb-2,.py-2{padding-bottom:calc(var(--unit-rm) * 2)!important}.pl-2,.px-2{padding-left:calc(var(--unit-rm) * 2)!important}.p-3{padding:calc(var(--unit-rm) * 4)!important}.pt-3,.py-3{padding-top:calc(var(--unit-rm) * 4)!important}.pr-3,.px-3{padding-right:calc(var(--unit-rm) * 4)!important}.pb-3,.py-3{padding-bottom:calc(var(--unit-rm) * 4)!important}.pl-3,.px-3{padding-left:calc(var(--unit-rm) * 4)!important}.p-4{padding:calc(var(--unit-rm) * 6)!important}.pt-4,.py-4{padding-top:calc(var(--unit-rm) * 6)!important}.pr-4,.px-4{padding-right:calc(var(--unit-rm) * 6)!important}.pb-4,.py-4{padding-bottom:calc(var(--unit-rm) * 6)!important}.pl-4,.px-4{padding-left:calc(var(--unit-rm) * 6)!important}.p-5{padding:calc(var(--unit-rm) * 12)!important}.pt-5,.py-5{padding-top:calc(var(--unit-rm) * 12)!important}.pr-5,.px-5{padding-right:calc(var(--unit-rm) * 12)!important}.pb-5,.py-5{padding-bottom:calc(var(--unit-rm) * 12)!important}.pl-5,.px-5{padding-left:calc(var(--unit-rm) * 12)!important}.m-n1{margin:-calc(var(--unit-rm) * 1)!important}.mt-n1,.my-n1{margin-top:-calc(var(--unit-rm) * 1)!important}.mr-n1,.mx-n1{margin-right:-calc(var(--unit-rm) * 1)!important}.mb-n1,.my-n1{margin-bottom:-calc(var(--unit-rm) * 1)!important}.ml-n1,.mx-n1{margin-left:-calc(var(--unit-rm) * 1)!important}.m-n2{margin:-calc(var(--unit-rm) * 2)!important}.mt-n2,.my-n2{margin-top:-calc(var(--unit-rm) * 2)!important}.mr-n2,.mx-n2{margin-right:-calc(var(--unit-rm) * 2)!important}.mb-n2,.my-n2{margin-bottom:-calc(var(--unit-rm) * 2)!important}.ml-n2,.mx-n2{margin-left:-calc(var(--unit-rm) * 2)!important}.m-n3{margin:-calc(var(--unit-rm) * 4)!important}.mt-n3,.my-n3{margin-top:-calc(var(--unit-rm) * 4)!important}.mr-n3,.mx-n3{margin-right:-calc(var(--unit-rm) * 4)!important}.mb-n3,.my-n3{margin-bottom:-calc(var(--unit-rm) * 4)!important}.ml-n3,.mx-n3{margin-left:-calc(var(--unit-rm) * 4)!important}.m-n4{margin:-calc(var(--unit-rm) * 6)!important}.mt-n4,.my-n4{margin-top:-calc(var(--unit-rm) * 6)!important}.mr-n4,.mx-n4{margin-right:-calc(var(--unit-rm) * 6)!important}.mb-n4,.my-n4{margin-bottom:-calc(var(--unit-rm) * 6)!important}.ml-n4,.mx-n4{margin-left:-calc(var(--unit-rm) * 6)!important}.m-n5{margin:-calc(var(--unit-rm) * 12)!important}.mt-n5,.my-n5{margin-top:-calc(var(--unit-rm) * 12)!important}.mr-n5,.mx-n5{margin-right:-calc(var(--unit-rm) * 12)!important}.mb-n5,.my-n5{margin-bottom:-calc(var(--unit-rm) * 12)!important}.ml-n5,.mx-n5{margin-left:-calc(var(--unit-rm) * 12)!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:calc(var(--unit-rm) * 1)!important}.mt-1,.my-1{margin-top:calc(var(--unit-rm) * 1)!important}.mr-1,.mx-1{margin-right:calc(var(--unit-rm) * 1)!important}.mb-1,.my-1{margin-bottom:calc(var(--unit-rm) * 1)!important}.ml-1,.mx-1{margin-left:calc(var(--unit-rm) * 1)!important}.m-2{margin:calc(var(--unit-rm) * 2)!important}.mt-2,.my-2{margin-top:calc(var(--unit-rm) * 2)!important}.mr-2,.mx-2{margin-right:calc(var(--unit-rm) * 2)!important}.mb-2,.my-2{margin-bottom:calc(var(--unit-rm) * 2)!important}.ml-2,.mx-2{margin-left:calc(var(--unit-rm) * 2)!important}.m-3{margin:calc(var(--unit-rm) * 4)!important}.mt-3,.my-3{margin-top:calc(var(--unit-rm) * 4)!important}.mr-3,.mx-3{margin-right:calc(var(--unit-rm) * 4)!important}.mb-3,.my-3{margin-bottom:calc(var(--unit-rm) * 4)!important}.ml-3,.mx-3{margin-left:calc(var(--unit-rm) * 4)!important}.m-4{margin:calc(var(--unit-rm) * 6)!important}.mt-4,.my-4{margin-top:calc(var(--unit-rm) * 6)!important}.mr-4,.mx-4{margin-right:calc(var(--unit-rm) * 6)!important}.mb-4,.my-4{margin-bottom:calc(var(--unit-rm) * 6)!important}.ml-4,.mx-4{margin-left:calc(var(--unit-rm) * 6)!important}.m-5{margin:calc(var(--unit-rm) * 12)!important}.mt-5,.my-5{margin-top:calc(var(--unit-rm) * 12)!important}.mr-5,.mx-5{margin-right:calc(var(--unit-rm) * 12)!important}.mb-5,.my-5{margin-bottom:calc(var(--unit-rm) * 12)!important}.ml-5,.mx-5{margin-left:calc(var(--unit-rm) * 12)!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:calc(var(--unit-rm) * 1)!important}.pt-1,.py-1{padding-top:calc(var(--unit-rm) * 1)!important}.pr-1,.px-1{padding-right:calc(var(--unit-rm) * 1)!important}.pb-1,.py-1{padding-bottom:calc(var(--unit-rm) * 1)!important}.pl-1,.px-1{padding-left:calc(var(--unit-rm) * 1)!important}.p-2{padding:calc(var(--unit-rm) * 2)!important}.pt-2,.py-2{padding-top:calc(var(--unit-rm) * 2)!important}.pr-2,.px-2{padding-right:calc(var(--unit-rm) * 2)!important}.pb-2,.py-2{padding-bottom:calc(var(--unit-rm) * 2)!important}.pl-2,.px-2{padding-left:calc(var(--unit-rm) * 2)!important}.p-3{padding:calc(var(--unit-rm) * 4)!important}.pt-3,.py-3{padding-top:calc(var(--unit-rm) * 4)!important}.pr-3,.px-3{padding-right:calc(var(--unit-rm) * 4)!important}.pb-3,.py-3{padding-bottom:calc(var(--unit-rm) * 4)!important}.pl-3,.px-3{padding-left:calc(var(--unit-rm) * 4)!important}.p-4{padding:calc(var(--unit-rm) * 6)!important}.pt-4,.py-4{padding-top:calc(var(--unit-rm) * 6)!important}.pr-4,.px-4{padding-right:calc(var(--unit-rm) * 6)!important}.pb-4,.py-4{padding-bottom:calc(var(--unit-rm) * 6)!important}.pl-4,.px-4{padding-left:calc(var(--unit-rm) * 6)!important}.p-5{padding:calc(var(--unit-rm) * 12)!important}.pt-5,.py-5{padding-top:calc(var(--unit-rm) * 12)!important}.pr-5,.px-5{padding-right:calc(var(--unit-rm) * 12)!important}.pb-5,.py-5{padding-bottom:calc(var(--unit-rm) * 12)!important}.pl-5,.px-5{padding-left:calc(var(--unit-rm) * 12)!important}.m-n1{margin:-calc(var(--unit-rm) * 1)!important}.mt-n1,.my-n1{margin-top:-calc(var(--unit-rm) * 1)!important}.mr-n1,.mx-n1{margin-right:-calc(var(--unit-rm) * 1)!important}.mb-n1,.my-n1{margin-bottom:-calc(var(--unit-rm) * 1)!important}.ml-n1,.mx-n1{margin-left:-calc(var(--unit-rm) * 1)!important}.m-n2{margin:-calc(var(--unit-rm) * 2)!important}.mt-n2,.my-n2{margin-top:-calc(var(--unit-rm) * 2)!important}.mr-n2,.mx-n2{margin-right:-calc(var(--unit-rm) * 2)!important}.mb-n2,.my-n2{margin-bottom:-calc(var(--unit-rm) * 2)!important}.ml-n2,.mx-n2{margin-left:-calc(var(--unit-rm) * 2)!important}.m-n3{margin:-calc(var(--unit-rm) * 4)!important}.mt-n3,.my-n3{margin-top:-calc(var(--unit-rm) * 4)!important}.mr-n3,.mx-n3{margin-right:-calc(var(--unit-rm) * 4)!important}.mb-n3,.my-n3{margin-bottom:-calc(var(--unit-rm) * 4)!important}.ml-n3,.mx-n3{margin-left:-calc(var(--unit-rm) * 4)!important}.m-n4{margin:-calc(var(--unit-rm) * 6)!important}.mt-n4,.my-n4{margin-top:-calc(var(--unit-rm) * 6)!important}.mr-n4,.mx-n4{margin-right:-calc(var(--unit-rm) * 6)!important}.mb-n4,.my-n4{margin-bottom:-calc(var(--unit-rm) * 6)!important}.ml-n4,.mx-n4{margin-left:-calc(var(--unit-rm) * 6)!important}.m-n5{margin:-calc(var(--unit-rm) * 12)!important}.mt-n5,.my-n5{margin-top:-calc(var(--unit-rm) * 12)!important}.mr-n5,.mx-n5{margin-right:-calc(var(--unit-rm) * 12)!important}.mb-n5,.my-n5{margin-bottom:-calc(var(--unit-rm) * 12)!important}.ml-n5,.mx-n5{margin-left:-calc(var(--unit-rm) * 12)!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}
.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:calc(var(--unit-rm) * 1)!important}.mt-sm-1,.my-sm-1{margin-top:calc(var(--unit-rm) * 1)!important}.mr-sm-1,.mx-sm-1{margin-right:calc(var(--unit-rm) * 1)!important}.mb-sm-1,.my-sm-1{margin-bottom:calc(var(--unit-rm) * 1)!important}.ml-sm-1,.mx-sm-1{margin-left:calc(var(--unit-rm) * 1)!important}.m-sm-2{margin:calc(var(--unit-rm) * 2)!important}.mt-sm-2,.my-sm-2{margin-top:calc(var(--unit-rm) * 2)!important}.mr-sm-2,.mx-sm-2{margin-right:calc(var(--unit-rm) * 2)!important}.mb-sm-2,.my-sm-2{margin-bottom:calc(var(--unit-rm) * 2)!important}.ml-sm-2,.mx-sm-2{margin-left:calc(var(--unit-rm) * 2)!important}.m-sm-3{margin:calc(var(--unit-rm) * 4)!important}.mt-sm-3,.my-sm-3{margin-top:calc(var(--unit-rm) * 4)!important}.mr-sm-3,.mx-sm-3{margin-right:calc(var(--unit-rm) * 4)!important}.mb-sm-3,.my-sm-3{margin-bottom:calc(var(--unit-rm) * 4)!important}.ml-sm-3,.mx-sm-3{margin-left:calc(var(--unit-rm) * 4)!important}.m-sm-4{margin:calc(var(--unit-rm) * 6)!important}.mt-sm-4,.my-sm-4{margin-top:calc(var(--unit-rm) * 6)!important}.mr-sm-4,.mx-sm-4{margin-right:calc(var(--unit-rm) * 6)!important}.mb-sm-4,.my-sm-4{margin-bottom:calc(var(--unit-rm) * 6)!important}.ml-sm-4,.mx-sm-4{margin-left:calc(var(--unit-rm) * 6)!important}.m-sm-5{margin:calc(var(--unit-rm) * 12)!important}.mt-sm-5,.my-sm-5{margin-top:calc(var(--unit-rm) * 12)!important}.mr-sm-5,.mx-sm-5{margin-right:calc(var(--unit-rm) * 12)!important}.mb-sm-5,.my-sm-5{margin-bottom:calc(var(--unit-rm) * 12)!important}.ml-sm-5,.mx-sm-5{margin-left:calc(var(--unit-rm) * 12)!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:calc(var(--unit-rm) * 1)!important}.pt-sm-1,.py-sm-1{padding-top:calc(var(--unit-rm) * 1)!important}.pr-sm-1,.px-sm-1{padding-right:calc(var(--unit-rm) * 1)!important}.pb-sm-1,.py-sm-1{padding-bottom:calc(var(--unit-rm) * 1)!important}.pl-sm-1,.px-sm-1{padding-left:calc(var(--unit-rm) * 1)!important}.p-sm-2{padding:calc(var(--unit-rm) * 2)!important}.pt-sm-2,.py-sm-2{padding-top:calc(var(--unit-rm) * 2)!important}.pr-sm-2,.px-sm-2{padding-right:calc(var(--unit-rm) * 2)!important}.pb-sm-2,.py-sm-2{padding-bottom:calc(var(--unit-rm) * 2)!important}.pl-sm-2,.px-sm-2{padding-left:calc(var(--unit-rm) * 2)!important}.p-sm-3{padding:calc(var(--unit-rm) * 4)!important}.pt-sm-3,.py-sm-3{padding-top:calc(var(--unit-rm) * 4)!important}.pr-sm-3,.px-sm-3{padding-right:calc(var(--unit-rm) * 4)!important}.pb-sm-3,.py-sm-3{padding-bottom:calc(var(--unit-rm) * 4)!important}.pl-sm-3,.px-sm-3{padding-left:calc(var(--unit-rm) * 4)!important}.p-sm-4{padding:calc(var(--unit-rm) * 6)!important}.pt-sm-4,.py-sm-4{padding-top:calc(var(--unit-rm) * 6)!important}.pr-sm-4,.px-sm-4{padding-right:calc(var(--unit-rm) * 6)!important}.pb-sm-4,.py-sm-4{padding-bottom:calc(var(--unit-rm) * 6)!important}.pl-sm-4,.px-sm-4{padding-left:calc(var(--unit-rm) * 6)!important}.p-sm-5{padding:calc(var(--unit-rm) * 12)!important}.pt-sm-5,.py-sm-5{padding-top:calc(var(--unit-rm) * 12)!important}.pr-sm-5,.px-sm-5{padding-right:calc(var(--unit-rm) * 12)!important}.pb-sm-5,.py-sm-5{padding-bottom:calc(var(--unit-rm) * 12)!important}.pl-sm-5,.px-sm-5{padding-left:calc(var(--unit-rm) * 12)!important}.m-sm-n1{margin:-calc(var(--unit-rm) * 1)!important}.mt-sm-n1,.my-sm-n1{margin-top:-calc(var(--unit-rm) * 1)!important}.mr-sm-n1,.mx-sm-n1{margin-right:-calc(var(--unit-rm) * 1)!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-calc(var(--unit-rm) * 1)!important}.ml-sm-n1,.mx-sm-n1{margin-left:-calc(var(--unit-rm) * 1)!important}.m-sm-n2{margin:-calc(var(--unit-rm) * 2)!important}.mt-sm-n2,.my-sm-n2{margin-top:-calc(var(--unit-rm) * 2)!important}.mr-sm-n2,.mx-sm-n2{margin-right:-calc(var(--unit-rm) * 2)!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-calc(var(--unit-rm) * 2)!important}.ml-sm-n2,.mx-sm-n2{margin-left:-calc(var(--unit-rm) * 2)!important}.m-sm-n3{margin:-calc(var(--unit-rm) * 4)!important}.mt-sm-n3,.my-sm-n3{margin-top:-calc(var(--unit-rm) * 4)!important}.mr-sm-n3,.mx-sm-n3{margin-right:-calc(var(--unit-rm) * 4)!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-calc(var(--unit-rm) * 4)!important}.ml-sm-n3,.mx-sm-n3{margin-left:-calc(var(--unit-rm) * 4)!important}.m-sm-n4{margin:-calc(var(--unit-rm) * 6)!important}.mt-sm-n4,.my-sm-n4{margin-top:-calc(var(--unit-rm) * 6)!important}.mr-sm-n4,.mx-sm-n4{margin-right:-calc(var(--unit-rm) * 6)!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-calc(var(--unit-rm) * 6)!important}.ml-sm-n4,.mx-sm-n4{margin-left:-calc(var(--unit-rm) * 6)!important}.m-sm-n5{margin:-calc(var(--unit-rm) * 12)!important}.mt-sm-n5,.my-sm-n5{margin-top:-calc(var(--unit-rm) * 12)!important}.mr-sm-n5,.mx-sm-n5{margin-right:-calc(var(--unit-rm) * 12)!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-calc(var(--unit-rm) * 12)!important}.ml-sm-n5,.mx-sm-n5{margin-left:-calc(var(--unit-rm) * 12)!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:calc(var(--unit-rm) * 1)!important}.mt-md-1,.my-md-1{margin-top:calc(var(--unit-rm) * 1)!important}.mr-md-1,.mx-md-1{margin-right:calc(var(--unit-rm) * 1)!important}.mb-md-1,.my-md-1{margin-bottom:calc(var(--unit-rm) * 1)!important}.ml-md-1,.mx-md-1{margin-left:calc(var(--unit-rm) * 1)!important}.m-md-2{margin:calc(var(--unit-rm) * 2)!important}.mt-md-2,.my-md-2{margin-top:calc(var(--unit-rm) * 2)!important}.mr-md-2,.mx-md-2{margin-right:calc(var(--unit-rm) * 2)!important}.mb-md-2,.my-md-2{margin-bottom:calc(var(--unit-rm) * 2)!important}.ml-md-2,.mx-md-2{margin-left:calc(var(--unit-rm) * 2)!important}.m-md-3{margin:calc(var(--unit-rm) * 4)!important}.mt-md-3,.my-md-3{margin-top:calc(var(--unit-rm) * 4)!important}.mr-md-3,.mx-md-3{margin-right:calc(var(--unit-rm) * 4)!important}.mb-md-3,.my-md-3{margin-bottom:calc(var(--unit-rm) * 4)!important}.ml-md-3,.mx-md-3{margin-left:calc(var(--unit-rm) * 4)!important}.m-md-4{margin:calc(var(--unit-rm) * 6)!important}.mt-md-4,.my-md-4{margin-top:calc(var(--unit-rm) * 6)!important}.mr-md-4,.mx-md-4{margin-right:calc(var(--unit-rm) * 6)!important}.mb-md-4,.my-md-4{margin-bottom:calc(var(--unit-rm) * 6)!important}.ml-md-4,.mx-md-4{margin-left:calc(var(--unit-rm) * 6)!important}.m-md-5{margin:calc(var(--unit-rm) * 12)!important}.mt-md-5,.my-md-5{margin-top:calc(var(--unit-rm) * 12)!important}.mr-md-5,.mx-md-5{margin-right:calc(var(--unit-rm) * 12)!important}.mb-md-5,.my-md-5{margin-bottom:calc(var(--unit-rm) * 12)!important}.ml-md-5,.mx-md-5{margin-left:calc(var(--unit-rm) * 12)!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:calc(var(--unit-rm) * 1)!important}.pt-md-1,.py-md-1{padding-top:calc(var(--unit-rm) * 1)!important}.pr-md-1,.px-md-1{padding-right:calc(var(--unit-rm) * 1)!important}.pb-md-1,.py-md-1{padding-bottom:calc(var(--unit-rm) * 1)!important}.pl-md-1,.px-md-1{padding-left:calc(var(--unit-rm) * 1)!important}.p-md-2{padding:calc(var(--unit-rm) * 2)!important}.pt-md-2,.py-md-2{padding-top:calc(var(--unit-rm) * 2)!important}.pr-md-2,.px-md-2{padding-right:calc(var(--unit-rm) * 2)!important}.pb-md-2,.py-md-2{padding-bottom:calc(var(--unit-rm) * 2)!important}.pl-md-2,.px-md-2{padding-left:calc(var(--unit-rm) * 2)!important}.p-md-3{padding:calc(var(--unit-rm) * 4)!important}.pt-md-3,.py-md-3{padding-top:calc(var(--unit-rm) * 4)!important}.pr-md-3,.px-md-3{padding-right:calc(var(--unit-rm) * 4)!important}.pb-md-3,.py-md-3{padding-bottom:calc(var(--unit-rm) * 4)!important}.pl-md-3,.px-md-3{padding-left:calc(var(--unit-rm) * 4)!important}.p-md-4{padding:calc(var(--unit-rm) * 6)!important}.pt-md-4,.py-md-4{padding-top:calc(var(--unit-rm) * 6)!important}.pr-md-4,.px-md-4{padding-right:calc(var(--unit-rm) * 6)!important}.pb-md-4,.py-md-4{padding-bottom:calc(var(--unit-rm) * 6)!important}.pl-md-4,.px-md-4{padding-left:calc(var(--unit-rm) * 6)!important}.p-md-5{padding:calc(var(--unit-rm) * 12)!important}.pt-md-5,.py-md-5{padding-top:calc(var(--unit-rm) * 12)!important}.pr-md-5,.px-md-5{padding-right:calc(var(--unit-rm) * 12)!important}.pb-md-5,.py-md-5{padding-bottom:calc(var(--unit-rm) * 12)!important}.pl-md-5,.px-md-5{padding-left:calc(var(--unit-rm) * 12)!important}.m-md-n1{margin:-calc(var(--unit-rm) * 1)!important}.mt-md-n1,.my-md-n1{margin-top:-calc(var(--unit-rm) * 1)!important}.mr-md-n1,.mx-md-n1{margin-right:-calc(var(--unit-rm) * 1)!important}.mb-md-n1,.my-md-n1{margin-bottom:-calc(var(--unit-rm) * 1)!important}.ml-md-n1,.mx-md-n1{margin-left:-calc(var(--unit-rm) * 1)!important}.m-md-n2{margin:-calc(var(--unit-rm) * 2)!important}.mt-md-n2,.my-md-n2{margin-top:-calc(var(--unit-rm) * 2)!important}.mr-md-n2,.mx-md-n2{margin-right:-calc(var(--unit-rm) * 2)!important}.mb-md-n2,.my-md-n2{margin-bottom:-calc(var(--unit-rm) * 2)!important}.ml-md-n2,.mx-md-n2{margin-left:-calc(var(--unit-rm) * 2)!important}.m-md-n3{margin:-calc(var(--unit-rm) * 4)!important}.mt-md-n3,.my-md-n3{margin-top:-calc(var(--unit-rm) * 4)!important}.mr-md-n3,.mx-md-n3{margin-right:-calc(var(--unit-rm) * 4)!important}.mb-md-n3,.my-md-n3{margin-bottom:-calc(var(--unit-rm) * 4)!important}.ml-md-n3,.mx-md-n3{margin-left:-calc(var(--unit-rm) * 4)!important}.m-md-n4{margin:-calc(var(--unit-rm) * 6)!important}.mt-md-n4,.my-md-n4{margin-top:-calc(var(--unit-rm) * 6)!important}.mr-md-n4,.mx-md-n4{margin-right:-calc(var(--unit-rm) * 6)!important}.mb-md-n4,.my-md-n4{margin-bottom:-calc(var(--unit-rm) * 6)!important}.ml-md-n4,.mx-md-n4{margin-left:-calc(var(--unit-rm) * 6)!important}.m-md-n5{margin:-calc(var(--unit-rm) * 12)!important}.mt-md-n5,.my-md-n5{margin-top:-calc(var(--unit-rm) * 12)!important}.mr-md-n5,.mx-md-n5{margin-right:-calc(var(--unit-rm) * 12)!important}.mb-md-n5,.my-md-n5{margin-bottom:-calc(var(--unit-rm) * 12)!important}.ml-md-n5,.mx-md-n5{margin-left:-calc(var(--unit-rm) * 12)!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:calc(var(--unit-rm) * 1)!important}.mt-lg-1,.my-lg-1{margin-top:calc(var(--unit-rm) * 1)!important}.mr-lg-1,.mx-lg-1{margin-right:calc(var(--unit-rm) * 1)!important}.mb-lg-1,.my-lg-1{margin-bottom:calc(var(--unit-rm) * 1)!important}.ml-lg-1,.mx-lg-1{margin-left:calc(var(--unit-rm) * 1)!important}.m-lg-2{margin:calc(var(--unit-rm) * 2)!important}.mt-lg-2,.my-lg-2{margin-top:calc(var(--unit-rm) * 2)!important}.mr-lg-2,.mx-lg-2{margin-right:calc(var(--unit-rm) * 2)!important}.mb-lg-2,.my-lg-2{margin-bottom:calc(var(--unit-rm) * 2)!important}.ml-lg-2,.mx-lg-2{margin-left:calc(var(--unit-rm) * 2)!important}.m-lg-3{margin:calc(var(--unit-rm) * 4)!important}.mt-lg-3,.my-lg-3{margin-top:calc(var(--unit-rm) * 4)!important}.mr-lg-3,.mx-lg-3{margin-right:calc(var(--unit-rm) * 4)!important}.mb-lg-3,.my-lg-3{margin-bottom:calc(var(--unit-rm) * 4)!important}.ml-lg-3,.mx-lg-3{margin-left:calc(var(--unit-rm) * 4)!important}.m-lg-4{margin:calc(var(--unit-rm) * 6)!important}.mt-lg-4,.my-lg-4{margin-top:calc(var(--unit-rm) * 6)!important}.mr-lg-4,.mx-lg-4{margin-right:calc(var(--unit-rm) * 6)!important}.mb-lg-4,.my-lg-4{margin-bottom:calc(var(--unit-rm) * 6)!important}.ml-lg-4,.mx-lg-4{margin-left:calc(var(--unit-rm) * 6)!important}.m-lg-5{margin:calc(var(--unit-rm) * 12)!important}.mt-lg-5,.my-lg-5{margin-top:calc(var(--unit-rm) * 12)!important}.mr-lg-5,.mx-lg-5{margin-right:calc(var(--unit-rm) * 12)!important}.mb-lg-5,.my-lg-5{margin-bottom:calc(var(--unit-rm) * 12)!important}.ml-lg-5,.mx-lg-5{margin-left:calc(var(--unit-rm) * 12)!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:calc(var(--unit-rm) * 1)!important}.pt-lg-1,.py-lg-1{padding-top:calc(var(--unit-rm) * 1)!important}.pr-lg-1,.px-lg-1{padding-right:calc(var(--unit-rm) * 1)!important}.pb-lg-1,.py-lg-1{padding-bottom:calc(var(--unit-rm) * 1)!important}.pl-lg-1,.px-lg-1{padding-left:calc(var(--unit-rm) * 1)!important}.p-lg-2{padding:calc(var(--unit-rm) * 2)!important}.pt-lg-2,.py-lg-2{padding-top:calc(var(--unit-rm) * 2)!important}.pr-lg-2,.px-lg-2{padding-right:calc(var(--unit-rm) * 2)!important}.pb-lg-2,.py-lg-2{padding-bottom:calc(var(--unit-rm) * 2)!important}.pl-lg-2,.px-lg-2{padding-left:calc(var(--unit-rm) * 2)!important}.p-lg-3{padding:calc(var(--unit-rm) * 4)!important}.pt-lg-3,.py-lg-3{padding-top:calc(var(--unit-rm) * 4)!important}.pr-lg-3,.px-lg-3{padding-right:calc(var(--unit-rm) * 4)!important}.pb-lg-3,.py-lg-3{padding-bottom:calc(var(--unit-rm) * 4)!important}.pl-lg-3,.px-lg-3{padding-left:calc(var(--unit-rm) * 4)!important}.p-lg-4{padding:calc(var(--unit-rm) * 6)!important}.pt-lg-4,.py-lg-4{padding-top:calc(var(--unit-rm) * 6)!important}.pr-lg-4,.px-lg-4{padding-right:calc(var(--unit-rm) * 6)!important}.pb-lg-4,.py-lg-4{padding-bottom:calc(var(--unit-rm) * 6)!important}.pl-lg-4,.px-lg-4{padding-left:calc(var(--unit-rm) * 6)!important}.p-lg-5{padding:calc(var(--unit-rm) * 12)!important}.pt-lg-5,.py-lg-5{padding-top:calc(var(--unit-rm) * 12)!important}.pr-lg-5,.px-lg-5{padding-right:calc(var(--unit-rm) * 12)!important}.pb-lg-5,.py-lg-5{padding-bottom:calc(var(--unit-rm) * 12)!important}.pl-lg-5,.px-lg-5{padding-left:calc(var(--unit-rm) * 12)!important}.m-lg-n1{margin:-calc(var(--unit-rm) * 1)!important}.mt-lg-n1,.my-lg-n1{margin-top:-calc(var(--unit-rm) * 1)!important}.mr-lg-n1,.mx-lg-n1{margin-right:-calc(var(--unit-rm) * 1)!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-calc(var(--unit-rm) * 1)!important}.ml-lg-n1,.mx-lg-n1{margin-left:-calc(var(--unit-rm) * 1)!important}.m-lg-n2{margin:-calc(var(--unit-rm) * 2)!important}.mt-lg-n2,.my-lg-n2{margin-top:-calc(var(--unit-rm) * 2)!important}.mr-lg-n2,.mx-lg-n2{margin-right:-calc(var(--unit-rm) * 2)!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-calc(var(--unit-rm) * 2)!important}.ml-lg-n2,.mx-lg-n2{margin-left:-calc(var(--unit-rm) * 2)!important}.m-lg-n3{margin:-calc(var(--unit-rm) * 4)!important}.mt-lg-n3,.my-lg-n3{margin-top:-calc(var(--unit-rm) * 4)!important}.mr-lg-n3,.mx-lg-n3{margin-right:-calc(var(--unit-rm) * 4)!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-calc(var(--unit-rm) * 4)!important}.ml-lg-n3,.mx-lg-n3{margin-left:-calc(var(--unit-rm) * 4)!important}.m-lg-n4{margin:-calc(var(--unit-rm) * 6)!important}.mt-lg-n4,.my-lg-n4{margin-top:-calc(var(--unit-rm) * 6)!important}.mr-lg-n4,.mx-lg-n4{margin-right:-calc(var(--unit-rm) * 6)!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-calc(var(--unit-rm) * 6)!important}.ml-lg-n4,.mx-lg-n4{margin-left:-calc(var(--unit-rm) * 6)!important}.m-lg-n5{margin:-calc(var(--unit-rm) * 12)!important}.mt-lg-n5,.my-lg-n5{margin-top:-calc(var(--unit-rm) * 12)!important}.mr-lg-n5,.mx-lg-n5{margin-right:-calc(var(--unit-rm) * 12)!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-calc(var(--unit-rm) * 12)!important}.ml-lg-n5,.mx-lg-n5{margin-left:-calc(var(--unit-rm) * 12)!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:calc(var(--unit-rm) * 1)!important}.mt-xl-1,.my-xl-1{margin-top:calc(var(--unit-rm) * 1)!important}.mr-xl-1,.mx-xl-1{margin-right:calc(var(--unit-rm) * 1)!important}.mb-xl-1,.my-xl-1{margin-bottom:calc(var(--unit-rm) * 1)!important}.ml-xl-1,.mx-xl-1{margin-left:calc(var(--unit-rm) * 1)!important}.m-xl-2{margin:calc(var(--unit-rm) * 2)!important}.mt-xl-2,.my-xl-2{margin-top:calc(var(--unit-rm) * 2)!important}.mr-xl-2,.mx-xl-2{margin-right:calc(var(--unit-rm) * 2)!important}.mb-xl-2,.my-xl-2{margin-bottom:calc(var(--unit-rm) * 2)!important}.ml-xl-2,.mx-xl-2{margin-left:calc(var(--unit-rm) * 2)!important}.m-xl-3{margin:calc(var(--unit-rm) * 4)!important}.mt-xl-3,.my-xl-3{margin-top:calc(var(--unit-rm) * 4)!important}.mr-xl-3,.mx-xl-3{margin-right:calc(var(--unit-rm) * 4)!important}.mb-xl-3,.my-xl-3{margin-bottom:calc(var(--unit-rm) * 4)!important}.ml-xl-3,.mx-xl-3{margin-left:calc(var(--unit-rm) * 4)!important}.m-xl-4{margin:calc(var(--unit-rm) * 6)!important}.mt-xl-4,.my-xl-4{margin-top:calc(var(--unit-rm) * 6)!important}.mr-xl-4,.mx-xl-4{margin-right:calc(var(--unit-rm) * 6)!important}.mb-xl-4,.my-xl-4{margin-bottom:calc(var(--unit-rm) * 6)!important}.ml-xl-4,.mx-xl-4{margin-left:calc(var(--unit-rm) * 6)!important}.m-xl-5{margin:calc(var(--unit-rm) * 12)!important}.mt-xl-5,.my-xl-5{margin-top:calc(var(--unit-rm) * 12)!important}.mr-xl-5,.mx-xl-5{margin-right:calc(var(--unit-rm) * 12)!important}.mb-xl-5,.my-xl-5{margin-bottom:calc(var(--unit-rm) * 12)!important}.ml-xl-5,.mx-xl-5{margin-left:calc(var(--unit-rm) * 12)!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:calc(var(--unit-rm) * 1)!important}.pt-xl-1,.py-xl-1{padding-top:calc(var(--unit-rm) * 1)!important}.pr-xl-1,.px-xl-1{padding-right:calc(var(--unit-rm) * 1)!important}.pb-xl-1,.py-xl-1{padding-bottom:calc(var(--unit-rm) * 1)!important}.pl-xl-1,.px-xl-1{padding-left:calc(var(--unit-rm) * 1)!important}.p-xl-2{padding:calc(var(--unit-rm) * 2)!important}.pt-xl-2,.py-xl-2{padding-top:calc(var(--unit-rm) * 2)!important}.pr-xl-2,.px-xl-2{padding-right:calc(var(--unit-rm) * 2)!important}.pb-xl-2,.py-xl-2{padding-bottom:calc(var(--unit-rm) * 2)!important}.pl-xl-2,.px-xl-2{padding-left:calc(var(--unit-rm) * 2)!important}.p-xl-3{padding:calc(var(--unit-rm) * 4)!important}.pt-xl-3,.py-xl-3{padding-top:calc(var(--unit-rm) * 4)!important}.pr-xl-3,.px-xl-3{padding-right:calc(var(--unit-rm) * 4)!important}.pb-xl-3,.py-xl-3{padding-bottom:calc(var(--unit-rm) * 4)!important}.pl-xl-3,.px-xl-3{padding-left:calc(var(--unit-rm) * 4)!important}.p-xl-4{padding:calc(var(--unit-rm) * 6)!important}.pt-xl-4,.py-xl-4{padding-top:calc(var(--unit-rm) * 6)!important}.pr-xl-4,.px-xl-4{padding-right:calc(var(--unit-rm) * 6)!important}.pb-xl-4,.py-xl-4{padding-bottom:calc(var(--unit-rm) * 6)!important}.pl-xl-4,.px-xl-4{padding-left:calc(var(--unit-rm) * 6)!important}.p-xl-5{padding:calc(var(--unit-rm) * 12)!important}.pt-xl-5,.py-xl-5{padding-top:calc(var(--unit-rm) * 12)!important}.pr-xl-5,.px-xl-5{padding-right:calc(var(--unit-rm) * 12)!important}.pb-xl-5,.py-xl-5{padding-bottom:calc(var(--unit-rm) * 12)!important}.pl-xl-5,.px-xl-5{padding-left:calc(var(--unit-rm) * 12)!important}.m-xl-n1{margin:-calc(var(--unit-rm) * 1)!important}.mt-xl-n1,.my-xl-n1{margin-top:-calc(var(--unit-rm) * 1)!important}.mr-xl-n1,.mx-xl-n1{margin-right:-calc(var(--unit-rm) * 1)!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-calc(var(--unit-rm) * 1)!important}.ml-xl-n1,.mx-xl-n1{margin-left:-calc(var(--unit-rm) * 1)!important}.m-xl-n2{margin:-calc(var(--unit-rm) * 2)!important}.mt-xl-n2,.my-xl-n2{margin-top:-calc(var(--unit-rm) * 2)!important}.mr-xl-n2,.mx-xl-n2{margin-right:-calc(var(--unit-rm) * 2)!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-calc(var(--unit-rm) * 2)!important}.ml-xl-n2,.mx-xl-n2{margin-left:-calc(var(--unit-rm) * 2)!important}.m-xl-n3{margin:-calc(var(--unit-rm) * 4)!important}.mt-xl-n3,.my-xl-n3{margin-top:-calc(var(--unit-rm) * 4)!important}.mr-xl-n3,.mx-xl-n3{margin-right:-calc(var(--unit-rm) * 4)!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-calc(var(--unit-rm) * 4)!important}.ml-xl-n3,.mx-xl-n3{margin-left:-calc(var(--unit-rm) * 4)!important}.m-xl-n4{margin:-calc(var(--unit-rm) * 6)!important}.mt-xl-n4,.my-xl-n4{margin-top:-calc(var(--unit-rm) * 6)!important}.mr-xl-n4,.mx-xl-n4{margin-right:-calc(var(--unit-rm) * 6)!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-calc(var(--unit-rm) * 6)!important}.ml-xl-n4,.mx-xl-n4{margin-left:-calc(var(--unit-rm) * 6)!important}.m-xl-n5{margin:-calc(var(--unit-rm) * 12)!important}.mt-xl-n5,.my-xl-n5{margin-top:-calc(var(--unit-rm) * 12)!important}.mr-xl-n5,.mx-xl-n5{margin-right:-calc(var(--unit-rm) * 12)!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-calc(var(--unit-rm) * 12)!important}.ml-xl-n5,.mx-xl-n5{margin-left:-calc(var(--unit-rm) * 12)!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-break:break-word!important;word-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}

.fixtures-container,.fixtures-container-fluid,.fixtures-container-lg,.fixtures-container-md,.fixtures-container-sm,.fixtures-container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.fixtures-container,.fixtures-container-sm{max-width:540px}}@media (min-width:768px){.fixtures-container,.fixtures-container-md,.fixtures-container-sm{max-width:720px}}@media (min-width:992px){.fixtures-container,.fixtures-container-lg,.fixtures-container-md,.fixtures-container-sm{max-width:960px}}@media (min-width:1200px){.fixtures-container,.fixtures-container-lg,.fixtures-container-md,.fixtures-container-sm,.fixtures-container-xl{max-width:1140px}}

@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{display:inline-block;width:calc(var(--unit-rm) * 8);height:calc(var(--unit-rm) * 8);vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:calc(var(--unit-rm) * 4);height:calc(var(--unit-rm) * 4);border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}.spinner-grow{display:inline-block;width:calc(var(--unit-rm) * 8);height:calc(var(--unit-rm) * 8);vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:calc(var(--unit-rm) * 4);height:calc(var(--unit-rm) * 4)}
/* end bootstrap */

.fixtures-wrapper {
    min-height: 500px;
}
/*
|================================
| START OF SEARCH SECTION
|================================
*/
.fixtures-search-section {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 15px;
    float: left;
    display: flex;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    justify-content: space-between;
    align-items: center;
}
.fixtures-search-section .fixtures-search-header {
    font-size: 20px;
    font-weight: bold;
}
.fixtures-search-section .fixtures-search-filters {
    display: flex;
    flex-direction: row;
    column-gap: 7px;
    max-height: 30px;
    height: 30px;
}
.fixtures-search-section .fixtures-search-filters .fixtures-search-filters-select-wrapper {
    position: relative;
    height: 30px;
    max-height: 30px;
    line-height: normal !important;
}
.fixtures-search-section .fixtures-search-filters .fixtures-search-filters-select-wrapper .fixtures-select-date {
    display: flex;
    width: 100%;
    height: 30px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.fixtures-search-section .fixtures-search-filters .fixtures-search-filters-select-wrapper .fixtures-select-date input {
    width: calc(100% - 35px) !important;
    height: 30px !important;
    border: 2px solid var(--theme-border-color) !important;
    border-right: 0 !important;
    cursor: pointer;
    font-family: inherit !important;
    border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    background: var(--theme-bg-color);
    color: var(--theme-text-color);
    font-size: 12px !important;
    font-weight: normal !important;
    padding: 0px !important;
    padding-left: 10px !important;
}
.fixtures-search-section .fixtures-search-filters .fixtures-search-filters-select-wrapper .fixtures-select-date input:focus {
    outline: none !important;
}
.fixtures-search-section .fixtures-search-filters .fixtures-search-filters-select-wrapper .fixtures-select-date span {
    /* position: absolute; */
    height: 30px !important;
    background: var(--theme-bg-color);
    color: var(--theme-text-color);
    width: 35px;
    text-align: center;
    line-height: 28px !important;
    border: 2px solid var(--theme-border-color) !important;
    border-left: 0 !important;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    font-family: inherit;
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
    margin-left: -1px;
    margin-top: 0px !important;
    line-height: 0 !important;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.fixtures-search-section .fixtures-search-filters .fixtures-search-filters-select-wrapper .fixtures-select-date:hover span, .fixtures-search-section .fixtures-search-filters .fixtures-search-filters-select-wrapper .fixtures-select-date:hover input {
    border-color: var(--theme-text-color) !important;
}
.fixtures-search-section .fixtures-search-filters .fixtures-search-filters-select-wrapper select {
    border-radius: 20px;
    padding: 3px 15px;
    font-size: 12px !important;
    background: var(--theme-bg-color);
    color: var(--theme-text-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: max-content;
    /* border: 2px solid var(--card-border-color); */
    border: 2px solid var(--theme-border-color);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    max-height: 30px;
    height: 30px;
    line-height: 20px !important;
    line-height: unset !important;
    font-weight: normal !important;
}
.fixtures-search-section .fixtures-search-filters .fixtures-search-filters-select-wrapper select:hover,
.fixtures-search-section .fixtures-search-filters .fixtures-search-filters-select-wrapper select:focus {
    /* border-color: var(--card-bg-color); */
    border-color: var(--theme-text-color);
}
/*
|================================
| END OF SEARCH SECTION
|================================
*/

/*
|================================
| START OF RESULTS SECTION
|================================
*/
.fixtures-results-section {
    width: 100%;
    float: left;
    display: flex;
    align-items: flex-start;
    font-family: 'Roboto', sans-serif;
    /* font-weight: 700; */
}
.fixtures-results-section .fixtures-result-card-group {
    display: flex;
    width: 100%;
    flex-direction: column;
    background-clip: border-box;
    box-shadow: 0 calc(var(--unit-rm) * 1) calc(var(--unit-rm) * 1.5) rgba(0, 0, 0, 0.09) !important;
    border-radius: 5px;
    font-family: "Play", sans-serif;
    margin-bottom: calc(var(--unit-rm) * 6);
    padding: 0 !important;
    border: 1px solid var(--theme-border-color) !important;
}
.fixtures-results-section .fixtures-result-card-group .fixtures-result-card:not(:first-child) {
    border-top: 1px solid var(--theme-border-color) !important;
}
.fixtures-results-section .fixtures-result-card {
    width: 100%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    /* background-color: var(--card-text-color); */
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    /* box-shadow: 0 calc(var(--unit-rm) * 1) calc(var(--unit-rm) * 1.5) rgba(0, 0, 0, 0.09) !important; */
    /* border-radius: 5px; */
    border-radius: 0px !important;
    font-family: "Play", sans-serif;
    margin: 0 !important;
    padding: 0 !important;
    /* background: var(--theme-bg-color); */
    color: #fff;
    /* border: 1px solid var(--theme-border-color); */
    border: 0px !important;
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-channels {
    background: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: var(--theme-text-color);
    display: flex;
    flex-direction: row;
    column-gap: 10px;
    padding: calc(var(--unit-rm) * 6);
    line-height: normal;
    font-size: 14px;
    border-bottom: 1px solid var(--theme-border-color);
    align-items: center;
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-channels i {
    font-style: normal !important;
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-channels i.fa {
    font-family: 'FontAwesome' !important;
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-channels .fixtures-result-card-channels-first {
    display: flex;
    flex-direction: row;
    column-gap: 10px;
    justify-content: center;
    align-items: center;
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-channels .fixtures-result-card-channels-first .fixtures-result-card-channels-first-image {
    line-height: 0 !important;
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-channels .fixtures-result-card-channels-first .fixtures-result-card-channels-first-image > img {
    height: 20px !important;
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-channels .fixtures-result-card-channels-first .fixtures-result-card-channels-first-text {
    height: 20px !important;
    line-height: 20px !important;
    display: block;
    font-weight: 700;
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-channels > div:first-child {
    margin-left: 10px;
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-channels > div:nth-child(2) {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 2px;
    cursor: pointer;
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-channels > div:last-child {
    margin-left: auto;
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-channels > div:last-child a {
    background: transparent;
    display: block;
    color: var(--theme-text-color);
    padding: 6px;
    text-decoration: none;
    border-radius: 5px;
    line-height: 1.1em;
    border: 1px solid var(--theme-border-color);
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-channels > div:last-child a:hover {
    background: var(--theme-primary-text);
    color: var(--theme-text-color);
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-header {
    display: flex;
    flex-direction: row;
    /* width: 100%; */
    align-items: center;
    justify-content: space-between;
    font-family: "Play", sans-serif;
    text-align: center;
    font-size: 14px;
    line-height: 1em;
    font-weight: 700;
    color: var(--card-header-color);
    padding-bottom: 12px;
    padding: calc(var(--unit-rm) * 3) calc(var(--unit-rm) * 6);
    /* border-bottom: 1px solid var(--card-border-color); */
    /* border-bottom: 1px solid #202020c7; */
    border-bottom: 1px solid var(--theme-border-color);
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-header .fixtures-result-card-header-first {
    display: flex;
    flex-direction: row;
    column-gap: 7px;
    width: calc(50%);
    min-width: calc(50%);
    max-width: calc(50%);
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-header .fixtures-result-card-header-second {
    display: flex;
    flex-direction: row;
    column-gap: 7px;
    text-align: left;
    position: relative;
    width: calc(50%);
    min-width: calc(50%);
    max-width: calc(50%);
    justify-content: flex-end;
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-header .fixtures-result-card-header-second div {
    width: 60px;
    text-align: center;
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-header .fixtures-card-hour {
    min-width:50px;
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-body {
    display: flex;
    flex-direction: row;
    /* width: 100%; */
    align-items: center;
    justify-content: space-between;
    font-family: "Play", sans-serif;
    text-align: center;
    font-size: 14px;
    line-height: 1em;
    color: var(--card-text-color);
    padding-bottom: 12px;
    padding: calc(var(--unit-rm) * 6);
    /* background: #00001a; */
    background: #fff;
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-body .fixtures-result-card-body-first {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 10px;
    width: calc(50%);
    min-width: calc(50%);
    max-width: calc(50%);
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-body.fixtures-result-card-completed .fixtures-result-card-body-first {
    width: calc(80%);
    max-width: calc(80%);
    min-width: calc(80%);
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-body .fixtures-card-time {
    color: var(--card-header-color);
    font-size: 12px;
    font-weight: 700;
    min-width: 40px;
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-body .fixtures-card-time-live {
    color: var(--card-header-color);
    font-size: 12px;
    font-weight: 700;
    min-width: 40px;
    display: flex;
    flex-direction: row;
    row-gap: 5px;
    justify-content: center;
    align-items: center;
    width: 60%;
    /* background: var(--theme-bg-color); */
    text-align: center;
    border-radius: 5px;
    padding: 0;
    column-gap: 4px;
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-body .fixtures-card-time-live .fixtures-card-time-live-score {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 6px;
    padding: 4px 0px;
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-body .fixtures-card-time-live .fixtures-card-time-live-ping {
    width: 70%;
    background: #87ff56;
    height: 3px;
    position: relative;
    margin: auto;
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-body .fixtures-card-time-live .fixtures-card-time-live-ping.pinging {
    -webkit-animation: flash linear 1s infinite;
    animation: flash linear 1s infinite;
}
@-webkit-keyframes flash {
    0% { background: #bcfda0; } 
    50% { background: #9be37d; } 
    100% { background: #87ff56; }
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-body .fixtures-card-time-live .fixtures-card-time-live-timer {
    color: var(--card-header-color);
    font-size: 9px;
    /* width: calc(100% - 37px); */
    width: 10px;
    padding: 2px;
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-body .fixtures-time-live-info,
.fixtures-time-live-info {
    width: 80%;
    height: 15px;
    background: #5fbcdb;
    line-height: 15px;
    font-size: 10px;
    margin: auto;
    font-weight: 700;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 3px;
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-body .fixtures-card-teams {
    display: flex;
    flex-direction: row;
    column-gap: 10px;
    color: var(--theme-text-color);
    align-items: center;
    position: relative;
    width: calc(100% - 40px);
}
.fixtures-card-teams:before {
    content: '';
    width: 0px;
    height: 35px;
    background: #dddddd;
    position: absolute;
    left: -5px;
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-body .fixtures-card-teams .fixtures-card-team-name {
    display: flex;
    flex-direction: column;
    row-gap: 7px;
    width: calc(100% - 50px);
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-body .fixtures-card-teams .fixtures-card-team-scores {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #dddddd;
    width: 25px;
    min-width: 25px;
    max-width: 25px;
    border-radius: 3px;
    padding: 2px 0px;
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-body .fixtures-card-teams .fixtures-card-team-scores > span {
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-body .fixtures-card-team-data {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    column-gap: 6px;
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-body .fixtures-card-team-data img {
    width: 20px;
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-body .fixtures-card-team-data span {
    text-align: left;
    width: calc(100%);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.fixtures-results-section .fixtures-result-card .fixtures-result-card-body .fixtures-result-card-body-second {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 7px;
    width: calc(50%);
    min-width: calc(50%);
    max-width: calc(50%);
    justify-content: flex-end !important;
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-body.fixtures-result-card-completed .fixtures-result-card-body-second {
    width: calc(20%);
    max-width: calc(20%);
    min-width: calc(20%);
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-body .fixtures-result-card-body-second .fixtures-result-card-body-button {
    width: 60px;
    height: 30px;
    background: var(--theme-donut-outer);
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: var(--theme-text-color);
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-body .fixtures-result-card-body-second .fixtures-result-card-body-button.fixtures-show-popup-stats {
    cursor: pointer !important;
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-odds-showmore button {
    width: 100%;
    background: transparent;
    /* border: 1px solid var(--card-border-color); */
    /* border: 1px solid #202020c7; */
    border: 1px solid var(--theme-border-color);
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
    padding: calc(var(--unit-rm) * 2);
    font-size: 12px;
    text-transform: capitalize;
    color: var(--card-header-color);
    line-height: 21.6px;
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-odds-showmore button:hover {
    /* color: var(--card-text-color); */
    color: var(--theme-text-color);
}
/*
|================================
| END OF RESULTS SECTION
|================================
*/

/*
|================================
| START OF ODDS SECTION
|================================
*/
.fixtures-results-section .fixtures-result-card .fixtures-result-card-odds,
.fixtures-detail-wrapper .fixtures-tabs-body-section .fixtures-result-card-odds {
    display: flex;
    flex-direction: column;
    padding: calc(var(--unit-rm) * 6);
    /* border-top: 1px solid var(--card-border-color); */
    border-top: 1px solid var(--theme-border-color);
    background: #f1f1f1;
}
.fixtures-results-section .fixtures-result-card .fixtures-result-card-odds .fixtures-odds-container,
.fixtures-detail-wrapper .fixtures-tabs-body-section .fixtures-result-card-odds .fixtures-odds-container {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 10px;
}
.fixtures-odds-container .fixtures-odds-container-aside {
    width: 200px;
    font-size: 14px;
    color: var(--theme-text-color);
}
.fixtures-odds-container .fixtures-odds-container-aside div {
    /* border-bottom: 1px solid var(--card-border-color); */
    border-bottom: 1px solid var(--theme-border-color);
    /* padding: 11px 0px; */
    height: 50px;
    line-height: 50px;
}
.fixtures-odds-container .fixtures-odds-container-aside div:first-child {
    height: 90px;
    display: flex;
    align-items: center;
}
.fixtures-odds-container .fixtures-odds-container-data {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.fixtures-odds-container .fixtures-odds-container-data::-webkit-scrollbar {
    display: none;
}
.fixtures-odds-container .fixtures-odds-container-data .fixtures-odds-container-data-header-container {
    display: flex;
    margin-top: 10px;
    align-items: center;
}
.fixtures-odds-container .fixtures-odds-container-data .fixtures-odds-container-data-header-container .fixtures-odds-container-data-header {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: 5px;
}
.fixtures-odds-container .fixtures-odds-container-data .fixtures-odds-container-data-header-container .fixtures-odds-container-data-header .odds-header-item {
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    line-height: 20px;
    text-align: center;
    color: #c6e1d9;
    border-radius: 6px;
    height: 80px;
    color: #008758;
    width: 38px;
    text-align: center;
}
.fixtures-odds-container .fixtures-odds-container-data .fixtures-odds-container-data-header-container .fixtures-odds-container-data-header .odds-header-item img:nth-child(1) {
    width: 60px;
    height: auto;
    position: relative;
    top: 50%;
    transform: translate(-50%, -50%) rotate(270deg);
    left: 50%;
    max-width: none;
}
.fixtures-odds-container .fixtures-odds-container-data .fixtures-odds-container-data-row-container {
    display: flex;
    align-items: center;
    height: 50px;
}
.fixtures-odds-container .fixtures-odds-container-data .fixtures-odds-container-data-row-container .fixtures-odds-container-data-row {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: 5px;
}
.fixtures-odds-container .fixtures-odds-container-data .fixtures-odds-container-data-row-container .fixtures-odds-container-data-row .odds-row-item a {
    background-color: var(--card-odds-bg-color);
    color: var(--card-odds-text-color);
    width: 38px;
    height: 38px;
    /* margin-top: 5px; */
    text-align: center;
    border-radius: 5px;
    font-size: 11px;
    line-height: 37px;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    display: block;
    text-decoration: none !important;
}
.fixtures-odds-container .fixtures-odds-container-data .fixtures-odds-container-data-row-container .fixtures-odds-container-data-row .odds-row-item a:hover:before {
    content: "Bet";
    display: block;
    position: absolute;
    top: 0;
    background: var(--card-odds-text-color);
    width: 100%;
    height: 12px;
    line-height: normal;
    color: var(--card-odds-bg-color);
}
.fixtures-odds-container .fixtures-odds-container-data .fixtures-odds-container-data-row-container .fixtures-odds-container-data-row .odds-row-item a.expired {
    cursor: not-allowed;
}
.fixtures-odds-container .fixtures-odds-container-data .fixtures-odds-container-data-row-container .fixtures-odds-container-data-row .odds-row-item a.expired:hover:before {
    background: var(--card-header-color);
}
/*
|================================
| END OF ODDS SECTION
|================================
*/

/*
|================================
| START OF DONUTS SECTION
|================================
*/
.circle_percent {
    font-size:50px; 
    width:1em; 
    height:1em; 
    position: relative; 
    background: var(--theme-donut-outer); 
    border-radius:50%; 
    overflow:hidden; 
    display:inline-block; 
    margin:0px !important;
    color: var(--theme-donut-text-color);
}
.circle_inner {
    position: absolute; 
    left: 0; 
    top: 0; 
    width: 1em; 
    height: 1em; 
    clip:rect(0 1em 1em .5em);
}
.round_per {
    position: absolute; 
    left: 0; 
    top: 0; 
    width: 1em; 
    height: 1em; 
    background: var(--theme-donut-fill); 
    clip:rect(0 1em 1em .5em); 
    transform:rotate(180deg); 
    transition:1.05s;
}
.percent_more .circle_inner {
    clip:rect(0 .5em 1em 0em);
}
.percent_more:after {
    position: absolute; 
    left: .5em; 
    top:0em; 
    right: 0; 
    bottom: 0; 
    background: var(--theme-donut-fill);
    content:'';
}
.circle_inbox {
    position: absolute; 
    top: 4px; 
    left: 4px; 
    right: 4px; 
    bottom: 4px; 
    /* background: var(--card-bg-color);  */
    background: #1d3b48;
    z-index:3; 
    border-radius: 50%;
    /* border: 3px solid var(--card-bg-color); */
    border: 3px solid var(--theme-donut-inner-border);
}
.percent_text {
    position: absolute;
    font-size: 14px;
    left: auto;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 3;
    font-weight: 700;
    width: 100%;
    height: 100%;
    background: var(--theme-donut-tex-bg);
    border-radius: 50%;
    line-height: 36px;
}
/*
|================================
| END OF DONUTS SECTION
|================================
*/

/*
|================================
| START OF DETAIL PAGE SECTION
|================================
*/
.fixtures-detail-wrapper {
    width: 100%;
    font-family: "Play", sans-serif;
    background: var(--theme-h2h-bg);
    min-height: 100vh;
    padding: 0px 20px;
}
.fixtures-detail-wrapper .fixtures-match-status-section {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /* background: #5fbcdb61; */
    background: var(--theme-h2h-bg-color);
    border-radius: 5px;
    margin-top: 20px;
    padding: 10px 15px;
    color: var(--card-text-color);
    border: 2px solid var(--theme-h2h-main-border-color);
    color: var(--theme-h2h-text-color);
}
.fixtures-detail-wrapper .fixtures-match-status-section .fixtures-team {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 7px;
    font-size: 16px;
    font-weight: 700;
    width: 100px;
}
.fixtures-detail-wrapper .fixtures-match-status-section .fixtures-team img {
    width: 100px;
}
.fixtures-detail-wrapper .fixtures-match-status-section .fixtures-team span {
    /* background: var(--card-bg-color); */
    width: 100%;
    text-align: center;
    border-radius: 5px;
    padding: 3px 7px;
}
.fixtures-detail-wrapper .fixtures-match-status-section .fixtures-status {
    width: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}
.fixtures-detail-wrapper .fixtures-match-status-section .fixtures-status .fixtures-time {
    background: var(--theme-h2h-bg);
    padding: 5px 10px;
    border-radius: 5px;
    color: var(--theme-h2h-text-color);
}
.fixtures-detail-wrapper .fixtures-match-status-section .fixtures-status .fixtures-time-live {
    color: var(--card-text-color);
    font-size: 18px;
    font-weight: 700;
    min-width: 50px;
    display: flex;
    flex-direction: column;
    row-gap: 5px;
    justify-content: center;
    align-items: center;
    background: var(--theme-h2h-bg);
    border-radius: 5px;
    color: var(--theme-h2h-text-color);
}
.fixtures-detail-wrapper .fixtures-match-status-section .fixtures-status .fixtures-time-live-ping {
    width: 80%;
    background: #5fbcdb;
    height: 3px;
    position: relative;
}
.fixtures-detail-wrapper .fixtures-match-status-section .fixtures-status .fixtures-time-live-ping.pinging {
    -webkit-animation: flash linear 1s infinite;
    animation: flash linear 1s infinite;
}
.fixtures-detail-wrapper .fixtures-match-status-section .fixtures-status .fixtures-time-live-info {
    width: 100%;
    height: 20px;
    background: #5fbcdb;
    line-height: 20px !important;
    font-size: 12px;
    margin: 0 auto !important;
    font-weight: 700;
    border-radius: 4px;
    margin-top: 7px !important;
    cursor: pointer;
}
.fixtures-detail-wrapper .fixtures-tabs-section {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-top: 15px;
    padding: 0;
    /* background: #5fbcdb61; */
    background: var(--theme-h2h-bg-color);
    border-radius: 5px;
    color: var(--theme-h2h-text-color);
    /* border: 2px solid #5fbcdb61; */
    border: 2px solid var(--theme-h2h-main-border-color);
    flex-wrap: nowrap;
}
.fixtures-detail-wrapper .fixtures-tabs-section .tab-header {
    min-width: 100px;
    height: 100%;
    padding: 7px 15px;
    text-align: center;
}
.fixtures-detail-wrapper .fixtures-tabs-section .tab-header:hover,
.fixtures-detail-wrapper .fixtures-tabs-section .tab-header.fixtures-tab-active {
    background: var(--theme-h2h-hover-bg-color);
    cursor: pointer;
    color: var(--theme-h2h-hover-text-color);
}
.fixtures-detail-wrapper .fixtures-tabs-body-section {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-top: 5px;
    padding: 0;
    /* background: #5fbcdb61; */
    background: var(--theme-h2h-bg-color);
    border-radius: 5px;
    color: var(--card-text-color);
    border: 2px solid var(--theme-h2h-border-color);
    margin-bottom: 15px;
}
.fixtures-detail-wrapper .fixtures-tabs-body-section .tabs-body-section-header {
    width: 100%;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 700;
    /* border-top: 2px solid #5fbcdb61; */
    background: var(--theme-h2h-bg-color);
    color: var(--theme-h2h-text-color);
}
.fixtures-detail-wrapper .fixtures-tabs-body-section .tab-overview-last5 {
    display: flex;
    flex-direction: row;
    width: 100%;
}
.fixtures-detail-wrapper .fixtures-tabs-body-section .tab-overview-last5 div {
    padding: 10px 15px;
    display: flex;
    flex-direction: row;
    column-gap: 10px;
}
.fixtures-detail-wrapper .fixtures-tabs-body-section .tab-overview-last5 div.tab-overview-last5-first {
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.fixtures-detail-wrapper .fixtures-tabs-body-section .tab-overview-last5 .tab-overview-last5-second {
    justify-content: end;
}
.fixtures-detail-wrapper .fixtures-tabs-body-section .tab-overview-last5 div span {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 2px solid var(--theme-h2h-border-secondary);
    text-align: center;
    line-height: 27px;
    color: var(--theme-h2h-text-color);
}
.fixtures-detail-wrapper .fixtures-tabs-body-section .tab-overview-last5 div span.won {
    background: var(--theme-h2h-bg);
}
.fixtures-detail-wrapper .fixtures-tabs-body-section .tab-overview-3parts {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding: 10px 15px;
    align-items: center;
    border-top: 2px solid var(--theme-h2h-border-color);
    background: var(--theme-h2h-bg);
}
.fixtures-detail-wrapper .fixtures-tabs-body-section .tab-overview-3parts .tab-header-part {
    text-align: center;
    font-size: 14px;
    line-height: 1em;
    font-weight: 700;
    color: var(--theme-h2h-text-color);
}
.fixtures-detail-wrapper .fixtures-tabs-body-section .tab-overview-3parts .tab-left-part,
.fixtures-detail-wrapper .fixtures-tabs-body-section .tab-overview-3parts .tab-right-part {
    margin: 0;
    padding: 0;
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.fixtures-detail-wrapper .percent_text {
    left: 50%;
    text-align: center;
}
.fixtures-detail-wrapper .fixtures-tabs-body-section .tab-overview-3parts .tab-overview-box {
    background: var(--theme-h2h-bg-color);
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    border: 2px solid var(--theme-h2h-border-color);
    font-weight: 700;
    min-width: 45px;
    text-align: center;
    color: var(--theme-h2h-text-color);
}
.fixtures-detail-wrapper .fixtures-w50 {
    width: 50%;
}
.fixtures-detail-wrapper .fixtures-tabs-body-description {
    display: flex;
    flex-direction: column;
    color: var(--theme-h2h-text-color);
    margin-bottom: 15px;
}
.fixtures-detail-wrapper .fixtures-tabs-body-description h1,
.fixtures-detail-wrapper .fixtures-tabs-body-description h2,
.fixtures-detail-wrapper .fixtures-tabs-body-description h3 {
    padding: 0px;
    margin: 20px 0px;
    font-size: 22px;
    font-weight: 700;
    color: var(--theme-h2h-text-color);
}
/*
|================================
| END OF DETAIL PAGE SECTION
|================================
*/

/*
|================================
| START OF TIPS PAGE SECTION
|================================
*/
.fixtures-tips-wrapper .fixtures-tips-header {
    /* width: 100%; */
    /* margin-top: 35px;
    margin-bottom: 35px; */
    float: left;
    display: flex;
    font-family: 'Roboto', sans-serif;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
}
.fixtures-tips-section {
    width: 100%;
    float: left;
    display: flex;
    align-items: flex-start;
    font-family: 'Roboto', sans-serif;
}
.fixtures-tips-section .fixtures-tip-card {
    width: 100%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--card-text-color);
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    box-shadow: 0 calc(var(--unit-rm) * 1) calc(var(--unit-rm) * 1.5) rgba(0, 0, 0, 0.09) !important;
    border-radius: 5px;
    font-family: "Play", sans-serif;
    margin-bottom: calc(var(--unit-rm) * 6);
    padding: 0 !important;
    /* background: var(--card-bg-color); */
    background: var(--theme-bg-color);
    color: #fff;
    /* border: 1px solid var(--card-border-color); */
    /* border: 1px solid #202020c7; */
    border: 1px solid var(--theme-border-color);
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-channels {
    background: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: var(--theme-text-color);
    display: flex;
    flex-direction: row;
    column-gap: 10px;
    padding: calc(var(--unit-rm) * 6);
    line-height: normal;
    font-size: 14px;
    border-bottom: 1px solid var(--theme-border-color);
    align-items: center;
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-channels i {
    font-style: normal !important;
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-channels > div:first-child {
    margin-left: 10px;
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-channels > div:nth-child(2) {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 2px;
    cursor: pointer;
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-channels > div:last-child {
    margin-left: auto;
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-channels > div:last-child a {
    background: transparent;
    display: block;
    color: var(--theme-text-color);
    padding: 6px;
    text-decoration: none;
    border-radius: 5px;
    line-height: 1.1em;
    border: 1px solid var(--theme-border-color);
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-channels > div:last-child a:hover {
    background: var(--theme-primary-text);
    color: var(--theme-text-color);
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-header {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    font-family: "Play", sans-serif;
    text-align: center;
    font-size: 14px;
    line-height: 1em;
    font-weight: 700;
    color: var(--card-header-color);
    padding-bottom: 12px;
    padding: calc(var(--unit-rm) * 6);
    /* border-bottom: 1px solid var(--card-border-color); */
    /* border-bottom: 1px solid #202020c7; */
    border-bottom: 1px solid var(--theme-border-color);
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-header .fixtures-tip-card-header-first {
    display: flex;
    flex-direction: row;
    column-gap: 40px;
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-header .fixtures-tip-hour {
    min-width: 50px;
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-header .fixtures-tip-card-header-second {
    display: flex;
    flex-direction: row;
    column-gap: 25px;
    position: relative;
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-header .fixtures-tip-card-header-second .fixtures-tip-win {
    width: 195px;
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-header .fixtures-tip-card-header-second .fixtures-tip-odd {
    width: 75px;
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    font-family: "Play", sans-serif;
    text-align: center;
    font-size: 14px;
    line-height: 1em;
    color: var(--card-text-color);
    padding-bottom: 12px;
    padding: calc(var(--unit-rm) * 6);
    /* background: #00001a; */
    background: #fff;
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-card-body-first {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 40px;
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-time {
    color: var(--card-header-color);
    font-size: 16px;
    font-weight: 700;
    min-width: 50px;
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-teams {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    color: var(--theme-text-color);
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-team-data {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    column-gap: 6px;
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-team-data img {
    width: 20px;
}
.fixtures-tip-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-team-data span {
    text-align: left;
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-card-body-second {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 25px;
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-card-body-second .fixtures-tip-predict-box {
    padding: 0;
    background: transparent;
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    border: 2px solid var(--theme-tip-box-bg);
    max-width: 200px;
    min-width: 200px;
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-card-body-second .fixtures-tip-predict-box .fixtures-tip-predict-box-header {
    background: var(--theme-tip-box-bg);
    color: var(--theme-tip-box-header-text);
    padding: 7px 35px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size: 14px;
    font-weight: 700;
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-card-body-second .fixtures-tip-predict-box .fixtures-tip-predict-box-body {
    padding: 7px 35px;
    color: var(--theme-tip-box-body-text);
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-card-body-second .fixtures-tip-odd-box a {
    padding: 7px 0px;
    background: var(--theme-tip-odd-bg);
    color: var(--theme-tip-odd-text);
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    border-radius: 5px;
    height: 60px;
    display: block;
    line-height: 42px;
    position: relative;
    width: 75px;
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-card-body-second .fixtures-tip-odd-box a:hover:before {
    content: "Bet";
    display: block;
    position: absolute;
    top: 0;
    background: var(--card-odds-text-color);
    width: 100%;
    height: 17px;
    line-height: normal;
    color: var(--card-odds-bg-color);
    left: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-card-body-second .fixtures-tip-odd-box a.expired {
    cursor: not-allowed;
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-card-body-second .fixtures-tip-odd-box a.expired:hover:before {
    background: var(--card-header-color);
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-time-live {
    color: var(--card-header-color);
    font-size: 16px;
    font-weight: 700;
    min-width: 50px;
    display: flex;
    flex-direction: column;
    row-gap: 5px;
    justify-content: center;
    align-items: center;
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-time-live .fixtures-tip-time-live-ping {
    width: 80%;
    background: #5fbcdb;
    height: 3px;
    position: relative;
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-time-live .fixtures-tip-time-live-ping.pinging {
    -webkit-animation: flash linear 1s infinite;
    animation: flash linear 1s infinite;
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-time-live .fixtures-tip-time-live-timer {
    color: var(--card-header-color);
    font-size: 12px;
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-card-body-second .fixtures-tip-predict-box.success-tip {
    border-color: #6ec36b;
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-card-body-second .fixtures-tip-predict-box.success-tip .fixtures-tip-predict-box-header {
    background: #6ec36b;
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-card-body-second .fixtures-tip-predict-box.failed-tip {
    border-color: #ff6363;
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-card-body-second .fixtures-tip-predict-box.failed-tip .fixtures-tip-predict-box-header {
    background: #ff6363;
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-showmore button {
    width: 100%;
    background: transparent;
    /* border: 1px solid var(--card-border-color); */
    /* border: 1px solid #202020c7; */
    border: 1px solid var(--theme-border-color);
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
    padding: calc(var(--unit-rm) * 2);
    font-size: 12px;
    text-transform: capitalize;
    color: var(--card-header-color);
    line-height: 21.6px;
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-showmore button:hover {
    color: var(--theme-text-color);
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-info {
    display: flex;
    flex-direction: column;
    padding: calc(var(--unit-rm) * 6);
    /* border-top: 1px solid var(--card-border-color); */
    border-top: 1px solid var(--theme-border-color);
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-info ul.fixtures-tip-info-list {
    margin: 0px;
    padding: 0px;
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-info ul.fixtures-tip-info-list li {
    list-style: none;
    font-size: 14px;
    margin-bottom: 5px;
    color: var(--theme-text-color);
}
.fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-info ul.fixtures-tip-info-list li:before {
    content: "\f00c";
    font-family: 'FontAwesome' !important;
    margin-right: 5px;
    background: #5fbcdb;
    border-radius: 25px;
    font-size: 12px;
    padding: 3px;
}
/*
|================================
| END OF TIPS PAGE SECTION
|================================
*/

/*
|================================
| START OF BET SLIP SECTION
|================================
*/
.fixtures-betslip-section {
    width: 300px;
    height: 100vh;
    background: #fff;
    position: fixed;
    top: 0px;
    right: -300px;
    z-index: 100000;
    box-shadow: 15px 0px 10px 15px #00000061;
    font-family: "Play", sans-serif;
    background: var(--theme-betslip-bg);
}
.fixtures-betslip-section .fixtures-betslip-header {
    width: 100%;
    display: flex;
    flex-direction: row;
    background: var(--theme-betslip-header-bg);
    height: 45px;
    align-items: center;
    border-bottom: 1px solid var(--card-border-color);
}
.fixtures-betslip-section .fixtures-betslip-header .fixtures-betslip-hide-btn,
.fixtures-betslip-section .fixtures-betslip-header .fixtures-betslip-clear-btn {
    width: 25%;
    color: var(--card-header-color);
    padding: 5px;
    cursor: pointer;
}
.fixtures-betslip-section .fixtures-betslip-header .fixtures-betslip-hide-btn {
    text-align: left;
}
.fixtures-betslip-section .fixtures-betslip-header .fixtures-betslip-hide-btn i.fa {
    color: #fff;
    padding: 4px 5px;
    border-radius: 20px;
    /* border: 2px solid #5fbcdb; */
}
.fixtures-betslip-section .fixtures-betslip-header .fixtures-betslip-clear-btn {
    text-align: right;
}
.fixtures-betslip-section .fixtures-betslip-header .fixtures-betslip-clear-btn i.fa {
    color: #fff;
    padding: 4px 5px;
    border-radius: 20px;
    /* border: 2px solid #5fbcdb; */
    font-family: 'FontAwesome' !important;
}
.fixtures-betslip-section .fixtures-betslip-header .fixtures-betslip-text {
    width: 50%;
    color: #fff;
    font-weight: 700;
    text-align: center;
}
.fixtures-betslip-section .fixtures-betslip-bookmakers {
    width: 100%;
}
.fixtures-betslip-section .fixtures-betslip-bookmakers .fixtures-betslip-bookmakers-items {
    list-style: none;
    width: 100%;
    padding: 10px;
    margin: 0px;
    height: 90vh;
    overflow-y: scroll;
    display: none;
    /* background: #5fbcdb61; */
    scrollbar-width: unset;
}
.fixtures-betslip-section .fixtures-betslip-bookmakers .fixtures-betslip-bookmakers-items::-webkit-scrollbar {
    display: none;
}
.fixtures-betslip-section .fixtures-betslip-bookmakers .fixtures-betslip-bookmakers-items .fixtures-betslip-bookmakers-item {
    width: 100%;
    height: 60px;
    /* margin-bottom: 10px; */
    display: flex;
    flex-direction: row;
    /* background: #5fbcdb61; */
    padding: 10px;
    /* border-radius: 5px; */
    cursor: pointer;
    border-bottom: 1px dashed var(--card-header-color);
}
.fixtures-betslip-section .fixtures-betslip-bookmakers .fixtures-betslip-bookmakers-items .fixtures-betslip-bookmakers-item .fixtures-betslip-bookmakers-item-image {
    width: 50%;
    display: flex;
    align-items: center;
    height: 40px;
    border-radius: 5px;
    justify-content: center;
}
.fixtures-betslip-section .fixtures-betslip-bookmakers .fixtures-betslip-bookmakers-items .fixtures-betslip-bookmakers-item .fixtures-betslip-bookmakers-item-image img {
    width: auto;
    height: 30px;
    border-radius: 5px;
    padding: 5px;
}
.fixtures-betslip-section .fixtures-betslip-bookmakers .fixtures-betslip-bookmakers-items .fixtures-betslip-bookmakers-item .fixtures-betslip-bookmakers-item-odds {
    width: 50%;
}
.fixtures-betslip-section .fixtures-betslip-bookmakers .fixtures-betslip-bookmakers-items .fixtures-betslip-bookmakers-item .fixtures-betslip-bookmakers-item-odds span {
    display: flex;
    cursor: pointer;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100%;
    border: none;
    border-radius: 4px;
    box-shadow: none;
    background-color: var(--theme-betslip-btn-bg);
    color: var(--theme-betslip-btn-text);
    font-size: 16px;
    font-weight: 400;
    line-height: 41px;
    float: right;
}
.fixtures-betslip-section .fixtures-betslip-bookmakers .fixtures-betslip-bookmakers-item-selector {
    display: flex;
    width: 94%;
    background: var(--theme-betslip-bg);
    flex-direction: row;
    align-items: center;
    padding: 10px;
    margin: auto;
    margin-bottom: 15px;
    margin-top: 15px;
    border-radius: 5px;
    cursor: pointer;
    color: var(--theme-betslip-text-color);
}
.fixtures-betslip-section .fixtures-betslip-bookmakers .fixtures-betslip-bookmakers-item-selector .fixtures-betslip-bookmakers-item-selector-image {
    width: 50%;
    margin: 0px;
    padding: 0px;
    line-height: 0;
}
.fixtures-betslip-section .fixtures-betslip-bookmakers .fixtures-betslip-bookmakers-item-selector .fixtures-betslip-bookmakers-item-selector-image img {
    /* width: 40px; */
    margin: 0px;
    padding: 0px;
    height: 30px;
}
.fixtures-betslip-section .fixtures-betslip-bookmakers .fixtures-betslip-bookmakers-item-selector .fixtures-betslip-bookmakers-item-selector-arrow {
    width: 50%;
    text-align: right;
}
.fixtures-betslip-section .fixtures-betslip-bookmakers .fixtures-betslip-bookmakers-item-selector .fixtures-betslip-bookmakers-item-selector-arrow span {
    cursor: pointer;
}
.fixtures-betslip-section .fixtures-betslip-runners {
    width: 100%;
    background: #5fbcdb61;
    padding: 0;
}
.fixtures-betslip-section .fixtures-betslip-runners .fixtures-betslip-runners-item {
    width: 100%;
    /* border-bottom: 2px solid #dbdbdb; */
    border-bottom: 1px solid var(--card-header-color);
    font-weight: 700;
    color: var(--theme-betslip-text-color);
    padding: 10px 15px;
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    column-gap: 15px;
}
.fixtures-betslip-section .fixtures-betslip-runners .fixtures-betslip-runners-item span.fa {
    /* background: var(--card-bg-color); */
    color: var(--theme-betslip-text-color);
    border-radius: 100%;
    padding: 6px;
    font-size: 10px;
    display: inline-block;
    position: relative;
    float: left;
    top: 2px;
    font-size: 12px;
}
.fixtures-betslip-section .fixtures-betslip-runners .fixtures-betslip-runners-item .fixtures-betslip-runner-detail {
    display: inline-block;
    top: 0px;
    line-height: normal;
    margin-left: 5px;
}
.fixtures-betslip-section .fixtures-betslip-runners .fixtures-betslip-runners-item span.venue-time {
    font-weight: normal;
    margin: 0px !important;
}
.fixtures-betslip-section .fixtures-betslip-button {
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 0 15px;
}
.fixtures-betslip-section .fixtures-betslip-button .fixtures-betslip-button-inner {
    width: 100%;
    background: var(--theme-betslip-btn-bg);
    display: block;
    text-align: center;
    padding: 13px 13px;
    border-radius: 5px;
    color: var(--theme-betslip-btn-text);
    font-weight: 600;
    text-decoration: none !important;
}
.fixtures-betslip-section .fixtures-betslip-button .fixtures-betslip-button-inner:hover {
    background: var(--theme-betslip-btn-text);
    color: var(--theme-betslip-text-color);
    transform: scale(1.01);
}
.fixtures-betslip-section .fixtures-betslip-calcs {
    width: 100%;
    font-weight: bold;
    color: var(--theme-betslip-text-color);
    padding: 10px 15px;
}
.fixtures-betslip-section .fixtures-betslip-empty {
    width: 100%;
    height: 100vh;
    background: var(--theme-betslip-bg);
    text-align: center;
    padding-top: 25vh;
    font-weight: 500;
    color: var(--theme-betslip-text-color);
}
.fixtures-betslip-section .fixtures-betslip-section-loader {
    width: 100%;
    height: 100vh;
    position: absolute;
    background: var(--theme-betslip-bg);
    z-index: 1000;
}
.fixtures-betslip-section .fixtures-betslip-section-loader .spinner-border {
    margin-top: 40vh !important;
}

.fixtures-show-betslip-button {
    position: fixed;
    background: var(--theme-betslip-btn-bg);
    width: 140px;
    height: 35px;
    top: 50vh;
    right: -52px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    transform: rotate(90deg);
    text-align: center;
    color: var(--theme-betslip-btn-text);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    z-index: 100000;
    cursor: pointer;
    font-family: "Play", sans-serif;
    font-size: 15px;
}
.fixtures-show-betslip-button:hover{
    color: #fff;
    background: var(--theme-betslip-header-bg);
}
.fixtures-betslip-section .fixtures-betslip-runners .fixtures-betslip-runners-item .betslip-runner-detail-container {
    display: flex;
    flex-direction: column;
    row-gap: 0px;
    line-height: 1.3em;
}
.fixtures-betslip-section .fixtures-betslip-runners .fixtures-betslip-runners-item .betslip-runner-detail-container .fixtures-betslip-subheader {
    font-size: 12px;
    font-weight: normal;
}
/*
|================================
| END OF BET SLIP SECTION
|================================
*/

/*
|================================
| START OF CUSTOM CHECKBOX SECTION
|================================
*/
.fixtures-switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: -webkit-fill-available;
    min-height: 29.19px;
    margin: 0 !important;
}
.fixtures-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
/* The slider */
.fixtures-switch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    /* border: 2px solid var(--card-border-color); */
    border: 2px solid var(--theme-border-color);
}
.fixtures-switch-slider:before {
    font-size: 10px;
    position: absolute;
    content: "";
    height: 21px;
    width: 21px;
    left: 5px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    text-align: center;
    line-height: 22px;
}
.fixtures-switch-slider.decimal:before {
    content: "1.2";
}
.fixtures-switch-slider.fractional:before {
    content: "1/2";
}
input:checked + .fixtures-switch-slider {
    /* background-color: var(--card-bg-color); */
    background-color: var(--theme-bg-color);
}
input:focus + .fixtures-switch-slider {
    box-shadow: 0 0 1px #2196F3;
}
input:checked + .fixtures-switch-slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
.fixtures-switch-slider.round {
    border-radius: 31px;
}
.fixtures-switch-slider.round:before {
    border-radius: 50%;
}

/*
|================================
| END OF CUSTOM CHECKBOX SECTION
|================================
*/

/*
|================================
| START OF BETS OF DAY SECTION
|================================
*/
.fixtures-betofday-wrapper {
    display: flex;
    flex-direction: column;
    /* background: var(--card-bg-color); */
    background: var(--theme-bg-color);
    width: 100%;
    border-radius: 5px;
    align-items: flex-start;
    justify-content: flex-start;
    font-family: "Play", sans-serif;
    text-align: center;
    font-size: 14px;
    line-height: 1em;
    /* color: var(--card-text-color); */
    color: var(--theme-text-color);
    border-radius: 5px;
    border: 1px solid var(--theme-border-color);
}
.fixtures-betofday-wrapper .fixtures-betofday-main-header {
    padding: calc(var(--unit-rm) * 6);
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /* border-bottom: 1px solid var(--card-border-color); */
    /* border-bottom: 1px solid var(--theme-border-color); */
    border-bottom: 1px solid var(--theme-border-color);
    font-size: 16px;
    font-weight: 700;
}
.fixtures-betofday-wrapper .fixtures-betofday-main-body {
    padding: calc(var(--unit-rm) * 6);
    display: flex;
    flex-direction: column;
    width: 100%;
}
.fixtures-betofday-wrapper .fixtures-betofday-main-body .fixtures-betofday-section {
    display: flex;
    flex-direction: row;
    column-gap: 15px;
    flex-wrap: nowrap;
    overflow-x: scroll;
    width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.fixtures-betofday-wrapper .fixtures-betofday-main-body .fixtures-betofday-section::-webkit-scrollbar {
    display: none;
}
.fixtures-betofday-wrapper .fixtures-betofday-main-body .fixtures-betofday-section .fixtures-betofday-card {
    width: calc(100%/3);
    min-width: 280px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    word-wrap: break-word;
    box-shadow: 0 calc(var(--unit-rm) * 1) calc(var(--unit-rm) * 1.5) rgba(0, 0, 0, 0.09) !important;
    border-radius: 5px;
    font-family: "Play", sans-serif;
    padding: 0 !important;
    /* background: #343740e8; */
    color: #fff;
    /* border: 1px solid var(--card-border-color); */
    /* background: #00001a; */
    /* border: 1px solid #202020c7; */
    background: var(--theme-betofday-bg);
    border: 1px solid var(--theme-border-color);
}
.fixtures-betofday-wrapper .fixtures-betofday-main-body .fixtures-betofday-section .fixtures-betofday-card .fixtures-betofday-card-header {
    padding: 10px 15px;
    /* border-bottom: 1px solid var(--card-border-color); */
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    /* border-bottom: 1px solid #202020c7; */
    border-bottom: 1px solid var(--theme-betofday-border);
    color: var(--theme-betofday-text);
}
.fixtures-betofday-wrapper .fixtures-betofday-main-body .fixtures-betofday-section .fixtures-betofday-card .fixtures-betofday-card-body {
    display: flex;
    flex-direction: column;
    padding: 0px;
    row-gap: 0px;
}
.fixtures-betofday-wrapper .fixtures-betofday-main-body .fixtures-betofday-section .fixtures-betofday-card .fixtures-betofday-card-body .fixtures-betofday-card-body-item {
    display: flex;
    flex-direction: row;
    column-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    /* border-bottom: 1px solid var(--card-border-color); */
    padding: 10px 15px;
    /* border-bottom: 1px solid #202020c7; */
    border-bottom: 1px solid var(--theme-border-color);
}
.fixtures-betofday-wrapper .fixtures-betofday-main-body .fixtures-betofday-section .fixtures-betofday-card .fixtures-betofday-card-body .fixtures-betofday-card-body-item .fixtures-betofday-card-body-item-second {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: left;
    row-gap: 3px;
    font-size: 10px;
    color: var(--theme-betofday-text);
}
.fixtures-betofday-wrapper .fixtures-betofday-main-body .fixtures-betofday-section .fixtures-betofday-card .fixtures-betofday-card-body .fixtures-betofday-card-body-item .fixtures-betofday-card-body-item-second .fixtures-betofday-bet-header {
    font-weight: 700;
    font-size: 14px;
}
.fixtures-betofday-wrapper .fixtures-betofday-main-body .fixtures-betofday-section .fixtures-betofday-card .fixtures-betofday-card-action {
    padding: 10px 15px;
    margin-top: 10px;
    margin-top: auto;
}
.fixtures-betofday-wrapper .fixtures-betofday-main-body .fixtures-betofday-section .fixtures-betofday-card .fixtures-betofday-card-action a {
    width: 100%;
    background: var(--theme-betofday-button-bg);
    display: block;
    text-align: center;
    padding: 12px 10px;
    border-radius: 5px;
    color: var(--theme-betofday-button-text);
    font-weight: 600;
    text-decoration: none !important;
}
/*
|================================
| END OF BETS OF DAY SECTION
|================================
*/

/*
|================================
| START OF MISC SECTION
|================================
*/
.fixtures-hide {
    display: none !important;
}
.highest-odd-class {
    background-color: #bffbbff0 !important;
}
@-webkit-keyframes live_animation {
    0%   {left: 0px; top: 0px;}
    100%  {left: 75px; top: 0px;}
}
.fixtures-card-link {
    padding: 4px 4px;
    position: absolute;
    right: -4px;
    display: block;
    color: var(--theme-primary-text);
    background: var(--theme-primary-bg);
    top: -4px;
    border-radius: 100%;
    font-weight: 700;
    font-size: 12px;
    text-decoration: none !important;
}
.fixtures-card-link .fa {
    font-family: 'FontAwesome' !important;
    font-size: 15px;
    display: flex;
}
.fixtures-card-link:hover {
    background: var(--theme-primary-text) !important;
    color: var(--theme-text-color) !important;
}
/*
|================================
| END OF MISC SECTION
|================================
*/

/*
|================================
| START OF RESPONSIVE SECTION
|================================
*/
@media (max-width:590px){
    .fixtures-results-section .fixtures-result-card .fixtures-result-card-channels > div:first-child,
    .fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-channels > div:first-child {
        margin-left: 0;
    }
    .fixtures-results-section .fixtures-result-card .fixtures-result-card-body,
    .fixtures-results-section .fixtures-result-card .fixtures-result-card-header {
        padding: calc(var(--unit-rm) * 2);
    }
    .fixtures-results-section .fixtures-result-card .fixtures-result-card-body .fixtures-result-card-body-first {
        width: calc(50%);
        max-width: calc(50%);
        min-width: calc(50%);
    }
    .fixtures-results-section .fixtures-result-card .fixtures-result-card-body .fixtures-result-card-body-second {
        width: calc(50%);
        min-width: calc(50%);
        max-width: calc(50%);
        column-gap: 7px;
    }
    .fixtures-results-section .fixtures-result-card .fixtures-result-card-body .fixtures-result-card-body-second .fixtures-result-card-body-button, 
    .fixtures-results-section .fixtures-result-card .fixtures-result-card-header .fixtures-result-card-header-second div {
        width: 40px;
    }
    .percent_text {
        font-size: 12px;
    }
    .fixtures-odds-container .fixtures-odds-container-aside {
        width: 120px;
    }
    .fixtures-detail-wrapper .fixtures-col-sm-8 {
        width: 100%;
        max-width: unset;
    }
    .fixtures-detail-wrapper .fixtures-tabs-section {
        overflow-x: scroll;
        scrollbar-width: unset;
    }
    .fixtures-detail-wrapper .fixtures-tabs-section::-webkit-scrollbar {
        display: none;
    }
    .fixtures-detail-wrapper .fixtures-match-status-section .fixtures-team img {
        width: 60px;
    }
    .fixtures-detail-wrapper .fixtures-match-status-section .fixtures-team span {
        font-size: 14px;
    }
    .fixtures-detail-wrapper .fixtures-match-status-section .fixtures-status {
        width: auto;
    }
    .fixtures-detail-wrapper .fixtures-match-status-section .fixtures-status .fixtures-time {
        font-size: 14px;
    }
    .fixtures-detail-wrapper .fixtures-tabs-body-section .tab-overview-last5 div span {
        width: 25px;
        height: 25px;
        border: 2px solid var(--card-bg-color);
        text-align: center;
        font-size: 14px;
        line-height: 20px;
    }
    .fixtures-detail-wrapper .fixtures-tabs-body-section .tab-overview-last5 div {
        column-gap: 5px;
    }
    .fixtures-detail-wrapper .fixtures-tabs-section .tab-header {
        padding: 5px 10px;
        min-width: max-content;
    }
    .fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-header .fixtures-tip-card-header-first {
        width: 100%;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
    .fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-header .fixtures-tip-card-header-second {
        display: none;
    }
    .fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body {
        flex-direction: column;
        padding: 0px;
    }
    .fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-card-body-first {
        flex-direction: row-reverse;
        justify-content: space-between;
        width: 100%;
        border-bottom: 1px solid var(--theme-border-color);
        padding: calc(var(--unit-rm) * 6);
    }
    .fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-card-body-second {
        padding: calc(var(--unit-rm) * 6);
        column-gap: 32px;
        width: 100%;
        justify-content: center;
    }
    .fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-card-header-mobile {
        display: flex;
        flex-direction: row;
        column-gap: 45px;
        text-align: left;
        border-bottom: 1px solid var(--theme-border-color);
        width: 100%;
        justify-content: center;
        padding: calc(var(--unit-rm) * 6);
        font-family: "Play", sans-serif;
        text-align: center;
        font-size: 14px;
        line-height: 1em;
        font-weight: 700;
        color: var(--card-header-color);
    }
    .fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-card-header-mobile .fixtures-card-action {
        position: relative;
    }
    .fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-card-header-mobile .fixtures-tip-win {
        width: 135px;
        margin-left: 35px;
        text-align: center;
    }
    .fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-card-header-mobile .fixtures-tip-odd {
        width: 80px;
        padding-left: 15px;
        text-align: center;
    }
    .fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-card-header-mobile .fixtures-card-action {
        position: absolute;
        right: 9px;
    }
    .fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-card-header-mobile .fixtures-card-action .fixtures-card-link {
        top: -4px;
        right: 0;
        width: max-content;
    }
    .fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-card-body-second .fixtures-tip-action:last-child {
        display: none;
    }
}
@media (max-width:425px){
    .hide-425 {
        display: none;
    }
    .fixtures-search-section .fixtures-search-filters .fixtures-search-filters-select-wrapper select {
        width: 120px;
    }
}
@media (max-width:500px){
    .fixtures-popup-section .fixtures-popup-body {
        width: 350px !important;
        max-height: 300px !important;
        top: calc((100% - 300px)/2) !important;
    }
    .fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body {
        max-height: 250px !important;
    }
    .fixtures-popup-channels .fixtures-popup-channels-body {
        flex-direction: row !important;
        width: 350px !important;
        /* max-height: 300px !important; */
        top: calc((100% - 300px)/2) !important;
    }
    .fixtures-popup-section .fixtures-popup-channels-body .fixtures-popup-channels-tabs-body {
        max-height: 250px !important;
    }
    .fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-card-header-mobile .fixtures-card-action {
        left: 12%;
        right: unset;
    }
}
@media (max-width:375px){
    .fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-card-header-mobile .fixtures-card-action {
        left: 12%;
        right: unset;
    }
}
@media (max-width:320px){
    .fixtures-results-section .fixtures-result-card .fixtures-result-card-body .fixtures-result-card-header-mobile .fixtures-card-action .fixtures-card-link {
        right: -8px;
    }
    .fixtures-tips-section .fixtures-tip-card .fixtures-tip-card-body .fixtures-tip-card-body-second {
        column-gap: 5px;
    }
}
/*
|================================
| END OF RESPONSIVE SECTION
|================================
*/

/*
|================================
| START OF LEAGUES STANDINGS SECTION
|================================
*/
.fixtures-table-outer-wrapper {
    border:unset;
    width: -webkit-fill-available;
    width: -moz-available;
    position: relative;
    width: fill-available;
    font-family: "Play", sans-serif;
}

.fixtures-scrolling-table-wrapper {
    overflow-x:scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    width:100%;
    padding-left: 230px;
    font-family: "Play", sans-serif;
}
.fixtures-scrolling-table-wrapper::-webkit-scrollbar {
    display: none;
}
.fixtures-main-table {
    margin: 0 !important;
    padding: 0 !important;
    border-collapse: collapse !important;
    border: unset !important;
}
.fixtures-main-table thead {
    background: var(--theme-h2h-bg-color);
}
.fixtures-main-table tr {
    border-bottom: 1px solid #5fbcdb61 !important;
}
.fixtures-main-table th, .fixtures-main-table td {
    border: unset !important;
}
.fixtures-main-table td, .fixtures-main-table th {
    padding: 5px 20px;
    text-align:left;
    white-space: nowrap;
    color: var(--theme-h2h-text-color);
    line-height: 28.8px;
}
.fixtures-main-table td {
    background: var(--theme-h2h-bg);
}
.fixtures-main-table th:nth-of-type(1), .fixtures-main-table td:nth-of-type(1) {
    position: absolute;
    left: 0;
    width: 50px;
    background-color: var(--theme-h2h-bg-color);
    text-align: center;
    border-bottom: 1px solid var(--theme-h2h-bg-color) !important;
    color: var(--theme-h2h-text-color);
}
.fixtures-main-table th:nth-of-type(2), .fixtures-main-table td:nth-of-type(2) {
    position: absolute;
    left: 50px;
    width: 180px;
    background-color: var(--theme-h2h-bg-color);
    border-bottom: 1px solid var(--theme-h2h-bg-color) !important;
    color: var(--theme-h2h-text-color);
}
.fixtures-main-table .fixtures-main-table-team {
    display: flex;
    flex-direction: row;
    column-gap: 10px;
    align-items: center;
}
.fixtures-main-table .fixtures-main-table-team img {
    width: 20px;
}
/*
|================================
| END OF LEAGUES STANDINGS SECTION
|================================
*/

/*
|================================
| START OF POPUP SECTION
|================================
*/
.fixtures-popup-section {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}
.fixtures-popup-section .fixtures-popup-backdrop {
    width: 100%;
    height: inherit;
    background: black;
    opacity: 0.7;
}
.fixtures-popup-section .fixtures-popup-body {
    position: fixed;
    top: calc((100% - 550px)/2);
    left: -430px;
    right: 0;
    /* bottom: 0; */
    /* width: 350px; */
    /* height: 300px; */
    /* max-height: 300px; */
    width: 450px;
    height: auto;
    max-height: 550px;
    background: white;
    opacity: 1;
    border-radius: 4px;
    z-index: 100000;
    font-family: "Play", sans-serif;
    /* background: #151926; */
    background: var(--theme-bg-color);
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    margin: 0 !important;
    border: 1px solid var(--theme-border-color);
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-header {
    display: flex;
    flex-direction: row;
    position: relative;
    padding: 0px;
    /* border-bottom: 1px solid #202020c7; */
    border-bottom: 1px solid var(--theme-border-color);
    width: 100%;
    height: 48px;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-header .fixtures-popup-tabs-header {
    display: flex;
    flex-direction: row;
    width: 100%;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-header .fixtures-popup-tabs-header div {
    padding: 10px;
    /* color: #fff; */
    color: var(--theme-text-color);
    font-size: 15px;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-header .fixtures-popup-tabs-header div:hover, .fixtures-popup-section .fixtures-popup-body .fixtures-popup-header .fixtures-popup-tabs-header div.fixtures-tab-active {
    background: #00001a;
    cursor: pointer;
    color: #fff;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-header .fixtures-popup-tabs-header div:first-child, .fixtures-popup-section .fixtures-popup-body .fixtures-popup-header .fixtures-popup-tabs-header div:first-child.fixtures-tab-active {
    border-top-left-radius: 5px;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-header .fixtures-popup-close {
    position: absolute;
    right: 10px;
    padding: 10px 0px;
    /* color: #fff; */
    color: var(--theme-text-color);
    cursor: pointer;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body {
    /* background: #00001a; */
    /* width: 100%; */
    height: auto;
    max-height: 450px;
    padding: 10px;
    overflow-y: scroll;
    scrollbar-width: 0 !important;
    background: #fff;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body::-webkit-scrollbar {
    display: none;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .fixtures-popup-tabs-body-detail {
    display: flex;
    flex-direction: column;
}

.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .popup-tab-detail-table {
    display: flex;
    flex-direction: column;
    width: 100%;
    /* border: 1px solid #202020c7; */
    border: 0px !important;
    border-radius: 5px;
    row-gap: 15px;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .popup-tab-detail-table .popup-tab-detail-table-row {
    width: 100%;
    /* border-bottom: 1px solid #202020c7; */
    border: 0px !important;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    justify-content: space-between;
    /* color: #fff; */
    color: var(--theme-text-color);
    padding: 0px !important;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .popup-tab-detail-table .popup-tab-detail-table-row.popup-tab-detail-header > div {
    width: calc(100%/3);
    justify-content: center;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .popup-tab-detail-table .popup-tab-detail-table-row > .popup-team {
    width: calc(40%);
    text-align: left;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .popup-tab-detail-table .popup-tab-detail-table-row .popup-goals > i {
    font-style: normal;
    font-weight: 700;
    /* background: var(--theme-bg-color); */
    padding: 2px 6px;
    border-radius: 5px;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .popup-tab-detail-table .popup-tab-detail-table-row .popup-minute {
    width: 20%;
    text-align: center;
    color: grey;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .popup-tab-detail-table .popup-tab-detail-table-row .popup-minute > i {
    font-style: normal;
    font-weight: 700;
    background: var(--theme-bg-color);
    padding: 2px 12px;
    border-radius: 5px;
    line-height: normal !important;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .popup-tab-detail-table .popup-tab-detail-table-row .popup-team {
    display: flex;
    flex-direction: row;
    column-gap: 10px;
    align-items: center;
    justify-content: space-between;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .popup-tab-detail-table .popup-tab-detail-table-row .popup-team .popup-player {
    display: flex;
    flex-direction: column;
    line-height: normal;
    /* width: 80%; */
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .popup-tab-detail-table .popup-tab-detail-table-row .popup-team .popup-player.popup-sub {
    color: red;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .popup-tab-detail-table .popup-tab-detail-table-row .popup-team .popup-player.popup-sub > i {
    color: green;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .popup-tab-detail-table .popup-tab-detail-table-row .popup-team .popup-player img {
    width: 40px;
    display: flex;
    align-self: center;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .popup-tab-detail-table .popup-tab-detail-table-row .popup-team.away .popup-player img {
    align-self: flex-end;
}

.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .popup-tab-detail-table .popup-tab-detail-table-row .popup-team .popup-player > i {
    font-style: normal;
    opacity: 0.6;
    font-weight: 700;
    font-size: 10px;
    margin-top: 3px;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .popup-tab-detail-table .popup-tab-detail-table-row .popup-team.away .popup-player {
    text-align: right;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .popup-tab-detail-table .popup-tab-detail-table-row .popup-event {
    font-weight: 700;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .popup-tab-detail-table .popup-tab-detail-table-row .popup-event > i {
    font-style: normal;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .popup-tab-detail-table .popup-tab-detail-table-row .popup-event .popup-event-card {
    width: 10px;
    height: 15px;
    border-radius: 3px;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .popup-tab-detail-table .popup-tab-detail-table-row .popup-event .popup-event-card.yellowcard {
    background: yellow;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .popup-tab-detail-table .popup-tab-detail-table-row .popup-event .popup-event-card.redcard {
    background: red;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .popup-tab-detail-stats-table {
    display: flex;
    flex-direction: column;
    width: 100%;
    row-gap: 10px;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .popup-tab-detail-stats-table .popup-tab-detail-stats-table-row {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    row-gap: 3px;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .popup-tab-detail-stats-table .popup-tab-detail-stats-table-row .popup-stats-headers {
    display: flex;
    flex-direction: row;
    /* color: #fff; */
    color: var(--theme-text-color);
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .popup-tab-detail-stats-table .popup-tab-detail-stats-table-row .popup-stats-headers > div {
    width: calc(100%/3);
    text-align: center;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .popup-tab-detail-stats-table .popup-tab-detail-stats-table-row .popup-stats-headers > div:first-child {
    text-align: left;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .popup-tab-detail-stats-table .popup-tab-detail-stats-table-row .popup-stats-headers > div:last-child {
    text-align: right;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .popup-tab-detail-stats-table .popup-tab-detail-stats-table-row .popup-stats-headers > div:has(img),
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .popup-tab-detail-stats-table .popup-tab-detail-stats-table-row .popup-stats-headers > div:has(canvas) {
    text-align: center !important;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .popup-tab-detail-stats-table .popup-tab-detail-stats-table-row .popup-stats-headers > div > img {
    width: 40px;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .popup-tab-detail-stats-table .popup-tab-detail-stats-table-row .popup-stats-progress-bars {
    display: flex;
    flex-direction: row;
    column-gap: 10px;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .popup-tab-detail-stats-table .popup-tab-detail-stats-table-row .popup-stats-progress-bars .popup-stats-bar {
    width: calc(100%/2);
    /* background: #00001a; */
    background: linear-gradient(180deg, #00001a, #151926);
    height: 12px;
    border-radius: 4px;
    display: flex;
    align-items: center;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .popup-tab-detail-stats-table .popup-tab-detail-stats-table-row .popup-stats-progress-bars .popup-stats-bar.home {
    justify-content: flex-end;
}
.fixtures-popup-section .fixtures-popup-body .fixtures-popup-tabs-body .popup-tab-detail-stats-table .popup-tab-detail-stats-table-row .popup-stats-progress-bars .popup-stats-bar .popup-stats-bar-bg {
    /* background: #5fbcdb; */
    background: linear-gradient(180deg, #5fbcdb, #5fbcdb61);
    height: 11px;
    border-radius: 2px;
}
/*
|================================
| END OF POPUP SECTION
|================================
*/


/*
|================================
| START OF CHANNELS POPUP SECTION
|================================
*/
.fixtures-popup-channels {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}
.fixtures-popup-channels .fixtures-popup-channels-backdrop {
    width: 100%;
    height: inherit;
    background: black;
    opacity: 0.7;
}
.fixtures-popup-channels .fixtures-popup-channels-body {
    position: fixed;
    top: calc((100% - 550px)/2);
    left: -430px;
    right: 0;
    width: 450px;
    height: auto;
    max-height: 550px;
    background: white;
    opacity: 1;
    border-radius: 4px;
    z-index: 100000;
    font-family: "Play", sans-serif;
    background: var(--theme-bg-color);
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    margin: 0 !important;
    border: 1px solid var(--theme-border-color);
}
.fixtures-popup-channels .fixtures-popup-channels-body .fixtures-popup-channels-header {
    display: flex;
    flex-direction: row;
    position: relative;
    padding: 0px;
    border-bottom: 1px solid var(--theme-border-color);
    width: 100%;
    height: 48px;
    color: var(--theme-text-color);
    font-size: 15px !important;
}
.fixtures-popup-channels .fixtures-popup-channels-body .fixtures-popup-channels-header > div {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    padding-left: 10px;
    column-gap: 5px;
}
.fixtures-popup-channels .fixtures-popup-channels-body .fixtures-popup-channels-header .fixtures-popup-channels-close {
    position: absolute;
    right: 10px;
    padding: 10px 0px;
    color: var(--theme-text-color);
    cursor: pointer;
}
.fixtures-popup-channels .fixtures-popup-channels-body .fixtures-popup-channels-tabs-body {
    width: 100%;
    height: auto;
    max-height: 450px;
    padding: 10px;
    overflow-y: scroll;
    scrollbar-width: 0 !important;
    background: #fff;
    scrollbar-width: 0 !important;
}
.fixtures-popup-channels .fixtures-popup-channels-body .fixtures-popup-channels-tabs-body::-webkit-scrollbar {
    display: none;
}
.fixtures-popup-channels .fixtures-popup-channels-body .fixtures-popup-channels-tabs-body ul {
    margin: 0 !important;
    padding: 0 !important;
}
.fixtures-popup-channels .fixtures-popup-channels-body .fixtures-popup-channels-tabs-body ul li {
    list-style: none;
    font-size: 14px;
    margin-bottom: 5px;
    color: var(--theme-text-color);
}
.fixtures-popup-channels .fixtures-popup-channels-body .fixtures-popup-channels-tabs-body ul li::before {
    content: "\f26c";
    font-family: 'FontAwesome' !important;
    margin-right: 5px;
    /* background: #5fbcdb; */
    /* border-radius: 25px; */
    font-size: 12px;
    padding: 3px;
}
/*
|================================
| END OF POPUP SECTION
|================================
*/

/*
|================================
| START OF GOOGLE TRANSLATE SECTION
|================================
*/
#google_translate_element_fixtures,.skiptranslate {
    display:none !important;
}
font {
    pointer-events:none;
}
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf {
    left:-1000px !important;
    top:-1000px !important;
}
/*
|================================
| END OF GOOGLE TRANSLATE SECTION
|================================
*/