/*! Main Stylesheet */

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas Neue:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas Neue:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas Neue:wght@700&display=swap');

* {
    font-family: "Roboto", Arial, sans-serif;
    box-sizing: border-box;
}

body,
html {
    font-family: "Roboto", Arial, sans-serif;
    height: 100%;
}

.standings_qualified {
    background-position: center center;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(../images/qualified.png);
    background-size: contain;
    margin-left: auto;
    margin-top: 7px;
}

.smWrap {
    position: relative;
    min-height: 100%
}

.smcpl-row {
    padding-bottom: 50px;
}

.mc__headerWrap {
    height: 80px;
    background: url(../images/header-pattern.png) repeat center top / contain;
    position: relative;
}

.mc__headerWrap::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/header-img.png) no-repeat center / 475px;
}

p {
    font-family: inherit;
}

.downLink {
    display: none;
}

.mcRow {
    max-width: 100%;
}

.mcLoader {
    background: #22126bf2;
}

.loader__inner::after {
    position: relative;
    background: url(../images/loader-tnpl.png) no-repeat center;
    width: 130px;
    height: 130px;
    font-size: 0;
    -webkit-animation: zoomIn 0.5s ease-in-out 0.5s both;
    animation: zoomIn 0.5s ease-in-out 0.5s both;
    top: 40%;
    margin: 0 auto;
    text-align: center;
}

.loader__inner::after {
    background: url(../images/pattern-circle.png) no-repeat center;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    animation: round 1.7s infinite ease;
}

.bounce2 {
    -webkit-animation: bounce2 2s ease infinite;
    animation: bounce2 2s ease infinite;
}

@-webkit-keyframes bounce2 {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    60% {
        transform: translateY(-15px);
    }
}

@keyframes bounce2 {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    60% {
        transform: translateY(-15px);
    }
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.matchHead .back .logo,
.matchHead .back h1 {
    display: none;
}

.mcContainer {
    width: 100%;
}

.smscorecardwidget {
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.smscorecardwidget.matchCenter {
    background-color: #F0F0F0;
}

#matchFilterWrapper {
    overflow: inherit;
    margin-block-end: 1.6rem;
    padding: 0;
    background: transparent;
}

#matchFilterWrapper .seasonFilter {
    justify-content: start;
}

#mcMenuWrapper {
    margin: 0 0 25px 0;
}

ul.mcTabs {
    margin: 0 auto 15px;
    padding: 6px 10px;
    background: #ffffff;
    border: 0;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
}

ul.mcTabs li {
    position: relative;
    letter-spacing: 0.05em;
    color: #999999;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    border-radius: 4px;
}

ul.mcTabs li span {
    border: 0;
    padding: 0;
    padding: 12px;
    border-radius: 4px;
}

ul.mcTabs li.current,
ul.mcTabs li:hover,
ul.mcTabs li:focus,
ul.roleTab.teamTab li.current,
ul.roleTab.tourTab li.current {
    color: #fff;
    background: #22126B;
    font-weight: 500;
}

ul.mcTabs li.current {
    font-weight: 600;
}

ul.mcTabs li::before {
    content: "";
    height: 0;
    display: block;
    position: absolute;
    bottom: 0;
    left: -.6rem;
    right: -.6rem;
    margin: 0 auto;
    background: #fff;
    transition: height .1s ease-in;
    display: none
}

ul.mcTabs li.current::before {
    content: "";
    background: #ffcc05;
    height: .3rem;
}

ul.mcTabs li:hover::before,
ul.mcTabs li:focus::before {
    height: 0.3rem;
}

.no-scrollbar {
    scrollbar-width: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.hide-for-mobile {
    display: block;
}

.hide-for-web {
    display: none;
}

.navbar-fixed {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 2;
}

.matchBox,
.matchVenue,
.mcRowData .btRuns,
.mcTotal,
.innScore,
.batStyle .wagonSide h6,
.widget .widgetTitle,
.mcSecondaryMenu ul li,
.resultStrip .resultBox,
.liveStrip .resultBox,
.mcExtras,
.mcTotal {
    font-family: "Roboto", Arial, sans-serif;
}

.resultStrip .resultBox .btnScorecard {
    margin-right: 5px;
}

.resultStrip .resultBox .btnScorecard:last-child {
    margin: 0;
}

/* Calendare*/

.atc-style-menu-wb .atcb-list .atcb-item {
    width: 100%;
}

.atc-style-menu-wb .atcb-item.hover,
.atc-style-menu-wb .atcb-item:hover {
    background: #4059A7;
}

/* OverAll - Match Box Strip */

.matchBox {
    position: relative;
    background: #fff;
    border-radius: 8px;
    border: none;
    margin-bottom: 20px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09), 0 1px 3px 0 rgba(0, 0, 0, 0.07), 0 2px 1px -3px rgba(0, 0, 0, 0.06);
}

.matchBox:nth-of-type(odd) {
    background: #f9f7ff;
}

/*.matchBox::before { content: url(images/cmd-pattern-1.png); position: absolute; top: -873px; left: -738px; transform: scale(0.2); z-index: -1; }
.matchBox::after { content: url(images/cmd-pattern-1.png); position: absolute; bottom: -764px; right: -738px; transform: scale(0.2); z-index: -1; }
*/

.matchInfo .teamNames p {
    color: #00060C;
}

.runs {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    color: #00060C;
}

.overs,
.runRate,
.resultStrip .innings .teamScore.activeInn .runRate,
.resultStrip .innings .teamScore.activeInn .overs,
.resultStrip .innings .teamScore .runRate,
.resultStrip .innings .teamScore .overs {
    color: rgba(0, 6, 12, 0.75);
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
}

.resultStrip .resultBox .matchDate,
.resultStrip .resultBox .matchVenue,
.liveStrip .resultBox .matchDate,
.liveStrip .resultBox .matchVenue {
    color: #00060C;
    font-weight: 600;
}

.resultStrip .resultBox .matchResult,
.liveStrip .resultBox .matchResult,
.fixtureStrip .resultBox .matchResult {
    color: #00060C;
}

.matchTeams .logo__container .tLogo {
    width: auto;
    height: auto;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    background: -webkit-radial-gradient(#fff, #eee);
    background: -moz-radial-gradient(#fff, #eee);
    background: -o-radial-gradient(#fff, #eee);
    background: radial-gradient(#fff, #eee);
}

.matchTeams .tLogo img {
    width: 75px;
    height: 75px;
}

.count {
    width: 65%;
    font-weight: 600;
}

.matchCountdown span {
    font-size: 12px;
    color: #777777;
    font-weight: 600;
}

.matchTeams .tLogo,
.matchTeams .tVs {
    font-size: 14px;
}

/** Fixture, Result - Match Box Strip **/

.fixtureStrip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 8rem;
}

.fixture-date_container,
.match-date_container {
    width: 8rem;
    padding-right: .4rem;
}

.fixture-venue_container {
    width: 13rem;
}

.fixture-date_container,
.fixture-venue_container,
.match-date_container,
.match-team_container,
.match-result-info {
    position: relative;
}

.fixture-date_container::after,
.fixture-venue_container::after,
.match-date_container::after,
.match-team_container::after,
.match-result-info::after {
    position: absolute;
    top: 0;
    right: 0;
    width: .1rem;
    height: 100%;
    content: "";
    display: block;
    background: #d7d7d7;
}

.fixture-date_container .matchDate,
.match-date_container .matchDate {
    font-family: 'Bebas Neue';
    font-style: normal;
    font-size: 20px;
    line-height: 22px;
    color: #00060C;
    display: block;
    width: auto;
}

.fixture-date_container .matchTime,
.match-date_container .matchTime {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #625C5C;
    ;
}

/*****Overwrite Style fixtureStrip  for  Qualifier*****/

.fixture-date_container .match_qualy {
    font-size: 18px;
    color: #cf3364;
    margin-bottom: 2px;
}

.fixture-venue_container .matchVenue {
    color: #00060C;
    margin: 0;
    padding: 0 10px;
}

.fixture-venue_container .matchVenue .fixture-ground_name {
    font-size: 13px;
    line-height: 15px;
    font-weight: 600;
    padding-bottom: 2px;
}

.fixture-team_container {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    align-items: center
}

.fixture-team_container .fixture-team-info {
    display: flex;
    align-items: center;
}

.fixture-team_container .fixture-team-info p {
    margin: 0;
    width: 10rem
}

.fixture-team_container .fixture-team-info img {
    height: 4rem;
    padding: 0 10px;
}

.fixture-team_container .fixture-team-info.fixture-team__second {
    flex-direction: row-reverse;
}

.fixture-team_container .tVs,
.matchTeams .tVs {
    padding: 0 5px;
    font-weight: 700;
    color: #0F0F0F;
}

.fixture-team_container .fixture-team-info .fixture-team_name {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
}

.fixture-team_container .fixture-team__first .fixture-team_name {
    text-align: right;
    margin-left: 10px;
}

.fixture-team_container .fixture-team__second .fixture-team_name {
    text-align: left;
    margin-right: 10px;
}

.fixtureStrip .matchInfo .teamNames p,
.fixtureStrip .matchInfo .teamNames span {
    font-size: 16px;
    line-height: 18px;
}

.fixtureStrip .matchInfo .teamNames p {
    font-weight: 600;
}

.fixtureTimerCountdown span.fixtureTimer,
.count {
    position: relative;
    background: transparent;
    z-index: 1;
}

.fixtureTimerCountdown span.fixtureTimer::after,
.count::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #300030;
    ;
    transform: skewX(-6deg);
    border-radius: 5px;
    box-shadow: 0px 3px 2px #DF0E463B;
    z-index: -1;
}

.fixtureTimerCountdown span span.timerLabel {
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    font-weight: 400;
}

.fixtureTimerCountdown span span.timervalue {
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
    font-family: "Bebas Neue", Arial, sans-serif;
    color: #ffffff;
}

.fixtureStrip ul.otherMatchInfo {
    font-family: "Roboto", Arial, sans-serif;
}

.fixtureStrip ul.otherMatchInfo li.mtWeather span.fixweather {
    background: #865893;
    color: #ffffff;
    border: 0;
}

.fixture-countdown-info .matchCountdown {
    width: 13rem;
    margin: 0;
}

.fixtureTimerCountdown span.fixtureTimer {
    width: 22%;
}

.fixture-other-info {
    width: 30rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 7px;
}

.mc-ticket-icon img {
    width: 38px;
}

.fixtureStrip ul.otherMatchInfo li {
    background: transparent;
    margin: 0;
}

.match-other-info .btnScorecard {
    margin-top: 5px;
}

.count,
.match-result-info .matchResult {
    color: #300030;
    ;
    font-family: "Bebas Neue", Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
}

.match-result-info .matchResult {
    line-height: 24px;
}

.count::after {
    color: #300030;
    ;
    background: none;
    box-shadow: none;
}

.matchInfo {
    border-left: 2px dashed #999;
}

/** Result - Match Box Strip **/

.matchTeams .logo__container .tLogo {
    background: transparent;
    box-shadow: none;
}

.matchTeams .logo__container .teamLogo-name_info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.matchTeams .logo__container .teamLogo-name_info .tm-name {
    display: none;
    width: 8rem;
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
}

.resultStrip .matchTeams .matchSummary,
.liveStrip .matchTeams .matchSummary {
    display: none;
}

.resultStrip .matchInfo,
.liveStrip .matchInfo {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.resultStrip .resultBox .matchResult {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: #300030;
    margin: 0;
}

.resultStrip .innings .vs {}

.innings .teamScore {
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
}

#mcBestPerformers {
    border: 0;
    margin-bottom: 0;
}

#mcBestPerformers .mcTitle {
    color: #232323;
}

.statsContent {
    margin: 0 0 30px;
}

select.mcSelectDefault {
    padding: 5px 45px 5px 16px;
    background-image: linear-gradient(45deg, transparent 50%, #300030 50%), linear-gradient(135deg, #300030 50%, transparent 50%);
    background-position: calc(100% - 23px) calc(1em + 0px), calc(100% - 15px) calc(1em + 0px), 100% 0;
}

.seasonFilter select.mcSelectDefault,
.seasonFilter input.mcSearchDefault {
    width: fit-content;
    height: 40px;
    border-radius: 4px;
    box-shadow: none;
    color: #300030;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid #999999;
}

#mcBestPerformers,
#mwpage,
#analytPage {
    padding: 0 10px
}

#fullScoreContent #rightPanel {
    padding-right: 0;
    display: none;
}

.match-date_container {
    width: auto;
    flex-shrink: 0;
    padding: 0;
    flex-basis: 6rem;
}

.match-team_container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-basis: 36rem;
    flex-shrink: 1;
}

.matchVenue {
    color: #0F0F0F;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
}

.match-team-score-box {
    display: flex;
    align-items: center;
}

.match-team-score-box>* {
    flex-shrink: 0;
    color: #00060C;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.match-team-info .vs {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #0F0F0F;
}

.match-team-info {
    display: flex;
    align-items: center;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 18rem;
    gap: 1rem;
}

.match-team-info.match-team__second {
    flex-direction: row-reverse;
}

.match-team-info.match-team__second .match-team__score {
    text-align: right;
}

.match-team__logo img {
    width: 50px;
}

.resultStrip .teamScore .runRate {
    display: none;
}

.match-result-info .matchSummary {
    margin: 0;
    padding: 0;
    background: transparent;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    font-family: 'Roboto';
    text-transform: none;
}

.match-other-info,
.match-result-info {
    flex-shrink: 1;
    flex-basis: 18rem;
}

.match-result-info,
.match-team_container {
    padding-inline: 1rem;
}

.match-other-info .btnScorecard,
.match-other-info .btnWrap {
    margin: 0;
}

.match-other-info {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0 0 1rem;
    gap: 5px;
}

/*****Overwrite Style for resultStrip Qualifier*****/

.resultStrip .resultStrip-matchDate-box {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 2px;
}

.resultStrip .resultStrip-matchDate-box .match_qualy {
    font-weight: 600;
    color: #cf3364;
}

/* Innings Tab */

.innings-tab {
    display: flex;
    justify-content: space-around;
    margin-block-end: 2rem;
    align-items: center;
}

.innings-tab .innings-tab_link {
    flex: 1 1 auto;
}

.innings-tab .innings-tab_link-super {
    flex: 1 0 auto;
}

.innings-tab .innings-tab_link a {
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 10px;
    font-weight: 400;
    cursor: pointer;
    text-transform: uppercase;
}

.innings-tab .innings-tab_link:not(:last-child) a {}

.innings-tab .innings-tab_link a.ap-active-team {
    color: #300030;
    border-bottom: 3px solid #300030;
    font-weight: 600;
}

.super-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-content: center;
}

.super-header .sh_teamdetL,
.super-header .sh_teamdetR {
    cursor: pointer;
    opacity: 0.75;
}

.super-header .ap-active-team {
    opacity: 1;
}

.super-header .ap-active-team .sh_teamScoredet,
.super-header .sh_teamdetL:hover .sh_teamScoredet,
.super-header .sh_teamdetR:hover .sh_teamScoredet {
    color: #F2C01F
}

.fixtureSquadTeamsTabWrap {
    background: rgba(0, 0, 0, 0.3);
    padding: 10px 10px 0;
    margin-bottom: 15px;
    border-radius: 10px;
}

.ap-outer-tb-wrp {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-block-end: 2rem;
}

.ap-outer-tb-wrp a {
    color: #ffffff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    border-bottom: 2px solid transparent;
    text-transform: uppercase;
    display: block;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
}

.ap-outer-tb-wrp a.ap-active-team {
    color: #F2C01F;
    border-bottom: 3px solid #F2C01F;
    font-weight: 600;
}

/* Scorecard */

#briefScoreBoard {}

#scoreBox {
    padding-block: 3rem;
}

#scoreBox::after {
    content: url('images/bg-pattern.png');
    position: absolute;
    bottom: -115px;
    left: 0px;
    transform: scale(1);
    z-index: -1;
}

.matchNav {
    width: auto;
    font-size: 12px;
}

#briefScoreBoard {
    height: auto;
    padding: 0 0 20px 0;
    margin: 0;
    background-color: rgba(34, 18, 107, 0.8);
    background-image: url(../images/bs-mask-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-blend-mode: screen;
}

#briefScoreBoard::after {
    background: linear-gradient(#24154600 50%, #241546);
}

.matchSummary {
    background: #eae6ec;
    color: #300030;
    font-size: 13px;
    line-height: 20px;
    margin: 5px 0;
    font-weight: 600;
    display: inline-block;
    padding: 0 15px;
}

/***overWrite csss***/

#scoreBox .innings {
    clear: both;
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    margin-block: 1.6rem;
    justify-content: space-between;
    align-items: start;
}

#scoreBox .innings .teamScore {
    color: #fff;
    width: auto;
    opacity: 1;
}

#scoreBox .tournament--name {
    display: none;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2px;
    color: #ffffff;
    margin-bottom: 2px;
}

#scoreBox .matchSummary {
    color: #fff;
    font: 700 20px/34px "Roboto", Arial, sans-serif;
    margin: 0 0 10px;
    text-transform: capitalize;
}

#briefScoreBoard #scoreBox .innings .vs {}

#scoreBox .innings .vs {}

#scoreBox .innings .teamScore .runs {
    font-size: 32px;
    line-height: 42px;
    color: #ffffff;
}

#scoreBox .tName {
    font: 300 18px/22px "Roboto", Arial, sans-serif;
    text-transform: capitalize;
}

#scoreBox .teamScores .tName {
    display: none;
}

/***overWriteStyle******/

#scoreBox .teamScores .tName {
    display: block;
}

#scoreBox .tLogo img {
    margin: 0;
    width: 130px;
    height: 130px;
}

#scoreBox .tLogo {
    border-radius: 50%;
    padding: 0;
    margin: 0 0 10px;
    overflow: hidden;
}

#scoreBox .matchVenue {
    margin-bottom: 0;
}

#scoreBox .innings .teamScore .overs,
#scoreBox .innings .teamScore .runRate {
    color: rgba(255, 255, 255, 0.6);
}

#overStreamMC .dataStreamSMIPL {
    background: rgba(0, 0, 0, 0.2);
}

#overStreamSMIPL ul.bbbMC li a.mcBall {}

#scorecardWrapper .tabLinkscontainer,
#mcMenuWrapper .tabLinkscontainer {
    top: -25px;
}

#scorecardWrapper ul.mcTabs {
    margin: 0 auto;
}

.captain-pic {
    position: absolute;
    display: none;
}

.captain-pic img {
    mix-blend-mode: overlay;
}

.captain-pic.st-tm-left {
    top: 0;
    left: 0;
}

.captain-pic.st-tm-right {
    top: 0;
    right: 0;
}

.st-match-teams {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    margin-block-end: 1rem;
}

.st-match-teams .st-vs {
    font-family: 'Roboto';
    margin-inline: 0.5rem;
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 22px;
}

.st-match-place {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-block-end: 1rem;
}

#scoreBox .matchDate,
#scoreBox .matchVenue {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-transform: capitalize;
    letter-spacing: 0.05em;
}

#scoreBox .matchDate {
    padding-inline-end: 10px;
    margin: 0 10px 0 0;
    border-right: 1px solid #ffffff;
}

.btnWrap {
    overflow: inherit;
}

.btnScorecard {
    position: relative;
    background-color: transparent;
    background: #5A308B;
    color: #ffffff;
    border-radius: 5px;
    padding: 8px 10px;
    font-size: 12px;
    line-height: 16px;
    z-index: 1;
}

.btnScorecard::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 3px 3px 0 var(--pri-color-pink);
    z-index: -1;
    transition: opacity .5s linear;
    opacity: 0;
    border-radius: 5px;
}

.btnScorecard:hover::before,
.btnScorecard:focus::before {
    opacity: 1;
}

.btnScorecard span {
    display: none;
}

.btnScorecard:hover,
.btnScorecard:focus {
    background: #22126B;
}

.playingXI .widgetContent .team ul.squadList {
    text-transform: uppercase;
}

ul.bbbMC li {
    font-size: 16px;
}

.bgSix,
.mcSix,
.bgWicket,
.mcWicket,
.bgFour,
.mcFour {
    font-weight: 600;
}

.resultStrip .innings .teamScore.activeInn {
    color: #131313;
}

#fullScoreContent #leftPanel {
    border: none;
}

#fullScoreContent .mcRowData .playerName {
    font-size: 14px;
    font-weight: 600;
    color: #00060C;
}

#fullScoreContent .mcRowData .dismissalSmall {
    color: #999999;
}

.matchDetails,
.battingCardMC,
.bowlingCardMC,
.mcNotBat,
.mcFallWicket,
.partnerChart {
    background-image: linear-gradient(130deg, #ffffff 40%, #f2edff);
    margin-block: 0 15px;
    clear: both;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #381f7330;
}

.mcRowData {
    border: 0;
}

.mcRowData .mcRowData-Inner {
    padding: 10px;
}

.mcRowData .icon-plus-circled {
    color: #888;
}

.mcRowData .icon-minus-circled {
    color: rgb(8, 41, 108);
}

.mcRowHead {
    margin-bottom: 5px;
}

.mcRowHead,
.mcFallWicket h4,
.mcRowHead .tt,
.partnerChart .performHeader {
    background: var(--sec-color-purple);
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
}

.mcRowData:nth-child(2n+1) {
    background: transparent;
}

.mcRowData .plyData {
    color: #00060C;
    font-size: 14px;
}

.mcRowHead .tt {
    font-size: 14px;
    display: flex;
    align-items: center;
}

.mcRowHead .tt svg,
.mcRowHead .tt img {
    margin-right: 10px;
}

.mcRowHead .tt svg path {
    fill: #ffffff;
}

.mcRowData .btRuns,
.partnerChart ul.partnerContent li .parters-chart .prTot span {
    font-weight: 700;
    color: #00060C;
}

.scorecardHeader {
    background: #381F73;
    padding: 15px 10px;
    border-radius: 10px;
    color: #ffffff;
    margin: 0 0 15px;
}

.scorecardHeader .innScore {
    display: flex;
    justify-content: start;
    align-items: end;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    width: 100%;
}

.scorecardHeader .innScore span {
    font-weight: 500;
}

.scorecardHeader .innScore span.sh_teamScore_runs {
    margin: 0;
}

.scorecardHeader .innScore span.sh_teamScore_Overs {
    margin-left: 5px;
}

.scorecardHeader .inningsList {
    background-color: #ffffff;
    color: #00060C;
    font-weight: 700;
    background-image: linear-gradient(45deg, transparent 50%, #052839 50%), linear-gradient(135deg, #052839 50%, transparent 50%);
}

select.mcSelectDefault,
input.mcSearchDefault {
    color: #052839;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
}

.sh_teamdetC {
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-family: 'Bebas Neue';
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0.5px;
    background: #711059;
    padding: 5px 10px;
    border-radius: 4px;
}

.widget {
    background: #ffffff;
    margin-left: 15px;
    border: 0;
    border-radius: 8px;
    box-shadow: 0px 4px 10px 0px rgb(6 6 6 / 15%);
}

.innScore {
    color: #ffffff;
    font-weight: 700;
}

.playingXI .widgetContent .team ul.squadList,
.h2h__perform .mcRowHead {
    font-weight: 500;
}

.mcTotal {
    font-size: 14px;
    color: #00060C;
    font-weight: 700;
    border-bottom: 2px solid #4059A7;
    display: none;
}

.mcExtras {
    font-weight: 400;
    border-top: 2px solid #0000001a;
    border-radius: 0px 0px 10px 10px;
}

/**overWitecss****/

.mcNotBat {
    margin: 0 0 10px 0;
}

.matchDetails h4.widgetTitle {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin: 0 0 5px 0;
    display: block;
    vertical-align: middle;
    text-align: left;
}

.matchDetails h4.widgetTitle,
.mcNotBat h4 {
    text-transform: uppercase;
    font-weight: 700;
    color: #300030;
}

.mcNotBat span,
.mcFallWicket p span {
    font-size: 14px;
}

.mcFallWicket {
    border-radius: 10px;
    padding-bottom: 8px;
}

.mcFallWicket h4 img {
    margin-right: 10px;
}

.mcFallWicket p {
    padding-left: 10px;
}

.partnerChart ul.partnerContent li .parters-chart .prTot span {
    font-size: 14px;
}

/* Inner Scorecard */

#scorecardWrapper {
    position: relative;
    background-color: #ffffff;
    z-index: 0;
    padding-block: 0;
}

#scorecardTabs.mcTabs li {
    margin: 0;
}

#scorecardTabs.mcTabs li::before {
    width: 75%;
}

/* Team BG Colors */

#scorecardWrapper.team-bg {
    position: relative;
}

#scorecardWrapper .mcRowHead .tt {
    background: transparent;
}

#scorecardWrapper.team-bg.SLS {
    background-image: linear-gradient(180deg, #3AC1C1 0%, #076296 100%);
}

#scorecardWrapper.team-bg.CSG {
    background-image: linear-gradient(180deg, #FDDF6B 0%, #E01F26 100%);
}

#scorecardWrapper.team-bg,
#scorecardWrapper.team-bg.LKK {
    background-image: linear-gradient(#241546, #5834AC);
}

#scorecardWrapper.team-bg.BT {
    background-image: linear-gradient(180deg, #F8C125 0%, #D0662F 100%);
}

#scorecardWrapper.team-bg.NRK {
    background-image: linear-gradient(180deg, #4d2f7e 0%, #381E59 100%);
}

#scorecardWrapper.team-bg.DDR {
    background-image: linear-gradient(180deg, #F1921E 0%, #CB2927 100%);
}

#scorecardWrapper.team-bg.ITT {
    background-image: linear-gradient(180deg, #F24059 0%, #D22E34 100%);
}

#scorecardWrapper.team-bg.SMP {
    background-image: linear-gradient(180deg, #EFF40E 0%, #BA9B1B 100%);
}

#scorecardWrapper.team-bg.SLS::after,
#scorecardWrapper.team-bg.CSG::after,
#scorecardWrapper.team-bg.LKK::after,
#scorecardWrapper.team-bg.BT::after,
#scorecardWrapper.team-bg.NRK::after,
#scorecardWrapper.team-bg.DDR::after,
#scorecardWrapper.team-bg.ITT::after,
#scorecardWrapper.team-bg.SMP::after {
    background: url(../images/7-pattern.png);
}

#scorecardWrapper .battingCardMC.SLS .mcRowHead,
#scorecardWrapper .mcFallWicket.SLS h4,
#scorecardWrapper .partnerChart.SLS .performHeader {
    background-color: #076296;
}

#scorecardWrapper .battingCardMC.CSG .mcRowHead,
#scorecardWrapper .mcFallWicket.CSG h4,
#scorecardWrapper .partnerChart.CSG .performHeader {
    background-color: #E01F26;
}

#scorecardWrapper .battingCardMC.LKK .mcRowHead,
#scorecardWrapper .mcFallWicket.LKK h4,
#scorecardWrapper .partnerChart.LKK .performHeader {
    background-color: #132349;
}

#scorecardWrapper .battingCardMC.BT .mcRowHead,
#scorecardWrapper .mcFallWicket.BT h4,
#scorecardWrapper .partnerChart.BT .performHeader {
    background-color: #D0662F;
}

#scorecardWrapper .battingCardMC.NRK .mcRowHead,
#scorecardWrapper .mcFallWicket.NRK h4,
#scorecardWrapper .partnerChart.NRK .performHeader {
    background-color: #381E59;
}

#scorecardWrapper .battingCardMC.DDR .mcRowHead,
#scorecardWrapper .mcFallWicket.DDR h4,
#scorecardWrapper .partnerChart.DDR .performHeader {
    background-color: #CB2927;
}

#scorecardWrapper .battingCardMC.ITT .mcRowHead,
#scorecardWrapper .mcFallWicket.ITT h4,
#scorecardWrapper .partnerChart.ITT .performHeader {
    background-color: #D22E34;
}

#scorecardWrapper .battingCardMC.SMP .mcRowHead,
#scorecardWrapper .mcFallWicket.SMP h4,
#scorecardWrapper .partnerChart.SMP .performHeader {
    background-color: #BA9B1B;
}

.widget .widgetTitle {
    color: #00060C;
    font-weight: 700;
    font-size: 18px;
}

.matchDetails .widgetContent ul li {
    font-size: 14px;
}

.matchDetails .widgetContent ul li {
    display: flex;
    border-bottom: 1px solid #eee;
}

.matchDetails .widgetContent ul li span:first-child {
    font-weight: 500;
    color: #444444;
    padding-right: 10px;
    text-transform: capitalize;
}

.matchDetails .widgetContent ul li span:last-child {
    color: #222222;
    flex: 1;
    text-transform: uppercase;
}

.matchDetails .widgetContent ul li span {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
}

.matchDetails .widgetContent ul li:last-child {
    border: 0;
}

.hrz-bg3 {
    background: #ff6edb;
}

/* Team based Partnership Chart BAR bg color change */

#scorecardWrapper .partnerChart.SLS .hrz-bg1 {
    background: #3AC1C1;
}

#scorecardWrapper .partnerChart.SLS .hrz-bg2 {
    background: #076296;
}

#scorecardWrapper .partnerChart.CSG .hrz-bg1 {
    background: #FDDF6B;
}

#scorecardWrapper .partnerChart.CSG .hrz-bg2 {
    background: #E01F26;
}

#scorecardWrapper .partnerChart.LKK .hrz-bg1 {
    background: #234DB1;
}

#scorecardWrapper .partnerChart.LKK .hrz-bg2 {
    background: #132349;
}

#scorecardWrapper .partnerChart.BT .hrz-bg1 {
    background: #F8C125;
}

#scorecardWrapper .partnerChart.BT .hrz-bg2 {
    background: #D0662F;
}

#scorecardWrapper .partnerChart.NRK .hrz-bg1 {
    background: #653da6;
}

#scorecardWrapper .partnerChart.NRK .hrz-bg2 {
    background: #3B1F60;
}

#scorecardWrapper .partnerChart.DDR .hrz-bg1 {
    background: #F1921E;
}

#scorecardWrapper .partnerChart.DDR .hrz-bg2 {
    background: #CB2927;
}

#scorecardWrapper .partnerChart.ITT .hrz-bg1 {
    background: #F24059;
}

#scorecardWrapper .partnerChart.ITT .hrz-bg2 {
    background: #BD262C;
}

#scorecardWrapper .partnerChart.SMP .hrz-bg1 {
    background: #D7DB20;
}

#scorecardWrapper .partnerChart.SMP .hrz-bg2 {
    background: #BA9B1B;
}

/* Team based bowling card HEADER bg color change */

.bowlingCardMC.SLS .mcRowHead {
    background: #076296;
}

.bowlingCardMC.CSG .mcRowHead {
    background: #EE2C33;
}

.bowlingCardMC.LKK .mcRowHead {
    background: #132349;
}

.bowlingCardMC.BT .mcRowHead {
    background: #D0662F;
}

.bowlingCardMC.NRK .mcRowHead {
    background: #3B1F60;
}

.bowlingCardMC.DDR .mcRowHead {
    background: #A61918;
}

.bowlingCardMC.ITT .mcRowHead {
    background: #F24059;
}

.bowlingCardMC.SMP .mcRowHead {
    background: #BA9B1B;
}

/* All Upcoming Match List - POPUP */

.matchNav.openDev,
.matchNav.openDev span:last-child {
    width: 100%;
}

.matchNavContent {
    top: 0;
    background: rgb(39, 35, 36, 0.98);
}

.matchHead {
    background: #22126B;
    z-index: 9;
    padding: 1rem 3%;
}

.noScroll .matchHead {
    top: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9999;
    position: absolute;
    width: 18%;
}

.matchNavContent.active .mcContainer {
    margin-top: 60px;
}

.matchNavContent .matchesByType ul.matchList li a.event,
.matchNavContent .matchesByType ul.matchList li a.event .team.winner {
    color: #fff;
    background: #63656a;
}

.noRecord {
    color: #000;
    font-size: 18px;
    line-height: 22px;
    text-transform: capitalize;
}

.matchNavContent .matchesByType ul.matchList li a:hover::after {
    border-left-color: #fff;
}

/** Story **/

#photostreamPage #photoGrid-SM,
#newsPage #newsGrid-SM,
#videostreamPage .container {
    margin-bottom: 30px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    background: #fff;
}

/*
.thumb-caption {
    background: #282b56;
}*/

.tagColor-three {
    background: #282b56;
}

.thumb-container:hover>ul.otherLinks,
.thumb-container:focus>ul.otherLinks {
    background: rgba(40, 43, 86, 0.9);
}

ul.otherLinks li.newsView-icon a:hover,
ul.otherLinks li.newsView-icon a:focus {
    background-color: rgba(67, 14, 77, 1);
}

#photostreamPage .matchNavContent.photosDetailBlock #photoGrid-SM {
    box-shadow: none;
    background: transparent;
    border: 0;
}

/** Commentary **/

#cmdBlockSmipl .scorecardHeader {
    flex-direction: column;
}

#cmdBlockSmipl .super-header {
    margin-bottom: 1rem;
    border-bottom: 1px solid #f0f8ff26;
    padding-bottom: 1rem;
}

#cmdBlockSmipl .filter-section {
    width: 100%;
}

.endOverInfo {
    background: linear-gradient(90deg, var(--sec-color-purple), #22126B);
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 5px;
}

.endOverInfo p {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.endOverInfo p.totRun {
    background: transparent;
    color: #fff;
    padding: 0;
    font-size: 24px;
    font-family: 'Bebas Neue';
    font-weight: normal;
}

.endOverInfo p.secondChild {
    display: flex;
}

.endOverInfo p.secondChild i.mcBall {
    line-height: 28px;
    width: 40px;
    height: 30px;
    background: rgb(239 107 187 / 30%) !important;
    border: 1px solid #F2C01F45;
    border-radius: 5px;
    margin: 0;
}

.endOverInfo p.secondChild i.bgWicket {
    background: #e24f31;
}

.endOverInfo p.secondChild i.bgSix {
    background: #33a2db;
}

.endOverInfo p.secondChild i.bgWide {
    background: #bc760d;
}

.endOverInfo p.secondChild i.bgFour {
    background: #4870d7;
}

.endOverInfo p.secondChild i.bgSix,
.endOverInfo p.secondChild i.bgFour {
    color: #ffdc0e;
}

.endOverInfo p.firstChild {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin-right: 10px;
}

.ppText {
    padding: 10px 10px 10px 0;
}

.overTeam1Momentum {
    color: #241546;
}

.overTeam2Momentum {
    color: #4059A7;
}

.ovExRun {
    font-size: 12px;
}

.overNoFilterBox .cSBDisplay {
    font-weight: 600;
    color: #241546;
}

.match-analytics {
    display: flex;
    flex-direction: column;
    font-size: 13px;
    font-weight: 600;
    margin-top: 5px;
}

.match-analytics .overMomentum,
.match-analytics .overSPWL {
    color: #121f2b;
    line-height: 16px;
}

.statsBarWrap {
    height: 10px;
    background: rgba(0, 0, 0, 0.1);
    width: 200px;
    display: inline-block;
    border-radius: 5px
}

.statsBarItem {
    width: 50%;
    float: left;
    height: 10px;
    position: relative
}

.statsBarVal.fr {
    position: absolute;
    top: -15px;
    float: right;
    right: 10px
}

.statsBarVal.fl {
    float: left;
    position: absolute;
    top: -15px;
    left: 10px
}

.statsBar.fr {
    float: right;
    background-color: #EC1B53;
    height: 10px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px
}

.statsBar.fl {
    float: left;
    background-color: #4059A7;
    height: 10px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px
}

.BWscorePotential {
    color: #ffcc05;
    font: 700 24px/30px "Roboto", Arial, sans-serif;
    margin: 0 0 10px;
    cursor: pointer
}

.BWpotentialChartWrap {
    background-color: #FFF;
    padding: 10px;
    position: relative;
    border-radius: 5px
}

.BWpotentialChartWrap .legent_li {
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
    margin-left: 10px
}

.potentialDetails {
    font-weight: 600;
    color: #fff;
    background: #22126Bb5;
    line-height: 1.3;
}

.previewModelTitle {
    color: #EC1B53;
    font: 700 24px/30px "Roboto", Arial, sans-serif
}

.previewModel {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 200%;
    display: none;
    background-color: rgb(34 34 34 / 75%);
}

.previewModel.active {
    display: block !important
}

.previewModelContentWrap {
    display: flex;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 100px;
}

.previewModelClose {
    position: absolute;
    top: 20px;
    right: 20px
}

.analytics-title {
    width: 7rem;
    display: inline-block;
}

.over-score {
    display: flex;
    align-items: center;
}

/***overWrite css***/

/* .endOverInfo p.secondChild i.bgNoball, #byb__comment .cmdOver.bgNoball { color: #121f2b;  color: #fff;} */

.endOverInfo p.secondChild i.bgNoball,
#byb__comment .cmdOver.bgNoball {
    color: #fff
}

#byb__comment {
    border: 0;
    padding: 0;
    margin-bottom: 20px;
    box-shadow: none;
    background-color: transparent;
    border-radius: 10px;
    border-bottom: 2px solid #000;
}

#byb__comment .cmdEvent .cmdOver {
    display: flex;
    align-items: center;
    background: none;
    color: #161616;
    font-size: 16px;
    font-weight: 700;
    padding: 15px 20px;
}

#byb__comment .cmdEvent .cmdOver i {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 20px;
    width: 40px;
    color: #000000;
    margin-right: 5px;
    border-radius: 5px;
    background-color: #dddddd;
}

#byb__comment .cmdEvent.mcBall {
    position: relative;
    background-color: #f7f7f7;
    margin-bottom: 6px;
    border: none;
    border-radius: 5px;
}

#byb__comment .cmdEvent:last-child {
    margin: 0;
}

#byb__comment .cmdEvent.bgWide .cmdOver i {
    background-color: #d7c9c9;
}

#byb__comment .cmdEvent .cmdText {
    padding: 15px 0;
}

#byb__comment .cmdEvent .cmdText,
#byb__comment .cmdEvent .cmdText p,
.prepostMatchCommentry .ppText p {
    width: calc(100% - 300px);
    font-size: 15px;
    line-height: 18px;
    color: #161616;
    font-weight: 500
}

#byb__comment .cmdEvent .cmdText p,
.prepostMatchCommentry .ppText p {
    color: #222;
    margin: 0;
    font-size: 14px;
    width: 100%
}

#byb__comment .cmdEvent .prepostMatchCommentry {
    margin: 0;
    background: transparent;
    border: 0;
}

.prepostMatchCommentry {
    background: linear-gradient(to top right, #fff 10%, #fff);
    border-bottom: 3px solid #cf3364;
    box-shadow: none;
    border-radius: 8px;
}

.pp-inner {
    display: flex;
}

.prepostMatchCommentry .ppText p {
    color: #232323;
    margin-bottom: 10px;
}

.prepostMatchCommentry .ppText p strong {
    font-weight: 500;
}

.ppCmd {
    background: transparent;
    border: 0;
}

.prepostMatchCommentry .ppText img {
    max-width: 100%;
}

.ppCmd svg {
    fill: #cf3364;
}

#byb__comment .cmdEvent.bgSix,
#byb__comment .cmdEvent.bgFour,
#byb__comment .cmdEvent.bgWicket {
    position: relative;
    overflow: hidden;
}

#byb__comment .cmdEvent.bgSix .cmdOver,
#byb__comment .cmdEvent.bgSix .cmdText,
#byb__comment .cmdEvent.bgFour .cmdText,
#byb__comment .cmdEvent.bgFour .cmdOver,
#byb__comment .cmdEvent.bgWicket .cmdText,
#byb__comment .cmdEvent.bgWicket .cmdOver {
    font-weight: 600;
}

#byb__comment .cmdEvent.bgSix .cmdOver p,
#byb__comment .cmdEvent.bgSix .cmdText p,
#byb__comment .cmdEvent.bgFour .cmdText p,
#byb__comment .cmdEvent.bgFour .cmdOver p,
#byb__comment .cmdEvent.bgWicket .cmdText p,
#byb__comment .cmdEvent.bgWicket .cmdOver p {
    font-weight: 600;
}

#byb__comment .cmdEvent.bgSix .cmdOver i.mcBall,
#byb__comment .cmdEvent.bgWicket .cmdOver i.mcBall,
#byb__comment .cmdEvent.bgFour .cmdOver i.mcBall {
    background: #22126B;
    color: #fff;
}

#byb__comment .cmdEvent.bgFour,
#byb__comment .cmdEvent.bgSix,
#byb__comment .cmdEvent.bgWicket {
    background: #e8e3f2;
}

.playlistShareIcon {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    position: absolute;
    right: 10px;
    top: 10px;
    background-image: url(images/share.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 22px;
    background-color: #222;
    cursor: pointer;
    z-index: 10000
}

.overHistoryShare.playlistShareIcon {
    position: static
}

.overHistoryShare.playlistShareIcon.FixIcon {
    position: fixed;
    right: 10px;
    top: 10px
}

.overNoFilterBoxWrap.fixPos {
    position: fixed;
    right: 60px;
    top: 10px;
    z-index: 200
}

.plusIcon.addToShare {
    background-image: url(images/share-out.png?v=1);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center center;
}

.addToShare {
    padding-left: 5px;
    padding-right: 5px;
    width: 30px;
    height: 30px;
    display: inline-block;
    cursor: pointer;
    float: right;
    position: absolute;
    right: 20px
}

.minusIcon.addToShare {
    background-image: url(images/share-in.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center center;
    background-color: rgba(0, 0, 0, 0.2);
    padding: 5px;
    border-radius: 10px
}

.siteAlertPopup {
    background-color: rgba(34, 34, 34, 0.79);
    height: 100%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 20000;
    display: block;
    height: 1px;
    visibility: hidden;
    overflow: hidden
}

.siteAlertPopup.active {
    display: block;
    height: 100%;
    visibility: visible;
    overflow: visible
}

.siteAlertPopup .displayTable {
    display: table;
    height: 100%;
    text-align: center;
    width: 100%
}

.siteAlertPopup .verticalHld {
    display: table-cell;
    vertical-align: middle
}

.siteAlertPopup .displayTableCell {
    display: table-cell;
    vertical-align: middle
}

.sharedLinkPopup .siteAlertPopupContainer {
    max-width: 500px;
    float: none;
    background: none !important;
    margin: 0 auto
}

.siteAlertPopup.sharedLinkPopup .siteAlertPopupContainer .SAPopupClose svg {
    width: 30px !important;
    height: 30px !important;
    fill: #FFF
}

.siteAlertPopup.sharedLinkPopup .SAPopupClose {
    float: right;
    text-align: center;
    cursor: pointer;
    width: 30px !important;
    height: 30px !important;
    background-image: url("https://instaplay-cricketcloud.s3-ap-southeast-1.amazonaws.com/matchcentrev3/videoplayer/icons/close.png");
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%;
}

.SAPopupHeaderTitle {
    font-size: 22px;
    text-transform: uppercase;
    text-align: left
}

.SAPopupContentWrap {
    background: #261D1E;
    position: relative
}

.sharedLinkPopup .SAPopupContent {
    padding-top: 10px;
    padding-bottom: 10px
}

.sharedLinkPopup .SAPopupHeader {
    padding: 10px;
    background: #1B0C09;
    color: #FFF
}

.sharedLinkPopup .playlistViewAsPublicLink {
    color: #FFF
}

#wagonWheelContent {
    background: #fff0fa;
    border-radius: 10px;
    box-shadow: 0 3px 1px rgba(0, 0, 0, 0.3);
    padding: 20px 10px 0;
}

#spotential_widget .widgetTitle {
    border: 0;
}

#analytPage .widget .widgetTitle {
    color: #ffffff;
}

#man-wom-wrap {
    position: relative;
    padding-block: 3rem;
}

#man-wom-wrap::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--sec-color-purple);
    z-index: -2;
}

#spotential_widget {
    margin: 0 0 2rem;
}

.potenTab,
.winlossTab,
#widget_momentum .widget_header ul li {
    padding: 6px 10px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: white;
    text-align: center;
    /* Glassy inner shadow */
    box-shadow: inset 0 3px 6px rgba(255, 255, 255, 0.2),
        /* top soft white */
        inset 0 -5px 6px rgba(0, 0, 0, 0.15),
        /* bottom soft dark */
        0 3px 10px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.4) !important
}

#momCanvas {
    margin: 0 !important;
}

#wlProb_widget .tabBlock .two-teams p,
#spotentia l_widget .tabBlock .two-teams p {
    font-size: 16px;
}

/*****OverWrite Css spotential_widget Chart********/

#spotential_widget .tabBlock .two-teams {
    display: block;
    text-align: center;
    width: 100%;
}

#spotential_widget .tabBlock .two-teams p {
    color: #FFCC3D !important;
}

.glass-wrap {
    position: relative;
    padding: 2rem;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    color: white;
    text-align: center;
    /* Glassy inner shadow */
    box-shadow: inset 0 4px 26px rgba(255, 255, 255, 0.3),
        /* top soft white */
        inset 0 -4px 26px rgba(0, 0, 0, 0.2),
        /* bottom soft dark */
        0 3px 7px rgba(0, 0, 0, 0.15);
    z-index: 1;
}

.glass-wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px;
    padding: 1px;
    /* Border thickness */
    background: linear-gradient(130deg, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.2));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}

#manhattan-wrapper .manhattonwidgetTitle {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    border: 0;
    margin-bottom: 1rem;
}

/** WagonWheel **/

.c3 svg {
    fill: #fff !important;
    font-weight: normal;
}

.c3 path,
.c3 line {
    stroke: #fff;
}

#wagonWheelContent .settingWrap {
    flex-flow: row;
    padding: 0;
}

#wagon-panel {
    position: relative;
    z-index: 1;
}

#wagon-panel ul.wagon-points,
.switch_data .wagonData {
    justify-content: center;
}

#wagon-panel {
    width: 100%;
}

select.innsFilter {
    background-image: linear-gradient(45deg, transparent 50%, #223d84 50%), linear-gradient(135deg, #223d84 50%, transparent 50%);
}

/*#wagonWheelContent, #manhattan-wrapper { background: #fff0fa; border-radius: 10px; box-shadow: 0 3px 1px rgba(0,0,0,0.3); padding: 20px 10px 0;}*/

#wagonWheelContent {
    background-image: linear-gradient(-90deg, #22126B 0.22%, #22126B 50.04%);
    overflow: hidden;
    position: relative;
    z-index: 0;
}

#wagonWheelContent::before {
    content: url(images/cmd-pattern-1.png);
    position: absolute;
    left: 118px;
    bottom: 0;
    z-index: -1;
    transform: scale(0.7);
    top: -500px;
}

#wagonWheelContent select.innsFilter,
#wagonWheelContent select.batsmenFilter,
#wagonWheelContent select.bowlerFilter {
    background-color: #fff;
    width: 15%;
    border: 0;
}

#wagonWheelContent select.innsFilter {
    background-color: #fff;
    font-weight: 600;
    width: 20%;
}

select.innsFilter,
select.batsmenFilter,
select.bowlerFilter {
    color: #232323;
}

#mwpage.current {
    overflow: inherit;
}

ul.wagon-points li span {
    font-weight: 500;
    color: #FFF;
}

.wc4,
.wc4P {
    background: #355eff !important;
}

.switch_data {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 5%;
}

#wagonWheelContent .batStyle {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #7757c0;
    padding-bottom: 20px;
    margin: 0 0 20px 0;
}

.switch_data .batStyle .wagonSide {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background: #4059A7;
    border: 0;
    padding: 13px 22px;
    opacity: 0.5;
    border: 0;
    font-size: 16px;
    z-index: 1;
}

.switch_data .batStyle .wagonSide.active {
    background: #241546;
    opacity: 1;
}

.switch_data .batStyle .wagonSide h6,
.batStyle .wagonSide span {
    color: #ffffff;
    padding: 0;
    text-transform: uppercase;
}

.batStyle .wagonSide span {
    margin-left: 6px;
    font-size: 15px;
}

.switch_data .batStyle .wagonSide.offSide {
    border: 0;
}

.wagonData {
    width: 100%;
}

.wagonData .side {
    width: 22%;
    background-color: #f3f5f9;
    padding: 0 0 4px 0;
    margin: 0 11px 0 0;
    border: 0;
    border-radius: 5px;
    overflow: hidden;
    padding: 1px;
}

.wagonData .side:last-child {
    margin: 0;
}

.wagonData .side span {
    font-size: 14px;
    color: #434343;
}

.wagonData .side h6 {
    background: var(--pri-color-purple);
    font-size: 13px;
    padding: 7px 0;
    border-radius: 5px;
}

.wagonData .side span i {
    font-size: 18px;
}

ul.wagon-points li {
    width: 16%;
    border-radius: 5px;
    padding: 5px 0;
    margin: 0 4px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

ul.wagon-points li:last-child {
    margin: 0;
}

ul.wagon-points li.all {
    padding: 10px 0;
}

ul.wagon-points li i {
    border: 0;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.25);
    padding: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 18px;
    margin: 0 0 0 8px;
}

.all {
    background-color: #5e00c8 !important;
}

.perform-graphs ul.wagon-points li {
    padding-bottom: 0;
}

.perform-graphs ul.wagon-points li.all {
    padding: 17px 0;
}

.perform-graphs ul.wagon-points li i {
    background: transparent;
    margin: 0;
}

/** Manhattan **/

#wlProb_widget h1,
#widget_momentum h1 {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: rgb(19, 19, 19);
    border: 0;
}

#manhattan-wrapper.version2 .mchart-wkts,
#manhattan-wrapper.version2 .mchart-overno {
    font-weight: 500;
    font-size: 12px;
}

.customToolTip {
    padding: 0 10px 10px;
    border: none;
    background-color: rgba(24, 24, 74, 0.94);
    color: #fff;
    border-radius: 6px;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25);
}

#manhattan-wrapper.version2 .customToolTip p {
    margin: 0;
    color: #fff;
    line-height: 20px;
}

#manhattan-wrapper.version2 .mchart-label {
    font-weight: 500;
    font-size: 12px;
    color: #ffcc05;
    padding: 0 2px 0 0;
}

#manhattan-wrapper.version2 .mchart-label:nth-child(2) {
    padding-left: 5px;
}

#manhattan-wrapper.version2 .mchart-teamname {
    padding-top: 8px;
}

.c3 line {
    stroke: #cccccc;
}

#wlProb_widget {
    margin-left: 0;
}

#widget_momentum .wlpDetails .wlpTeam,
#wlProb_widget .tabBlock .two-teams,
#spotential_widget .tabBlock .two-teams {
    font-weight: 600;
    font-size: 16px;
}

.activeInn,
.activeInn .overs,
.activeInn .runRate {
    color: #4a4d4f;
}

/** Momentum **/

#widget_momentum {
    margin: 0;
}

/*********score potencial & winloss*****/

/* #spotential_widget.widget.momentum_widget .customToolTip{}
#spotential_widget.widget.momentum_widget .customToolTip p { margin: 0; color: #fff;}

#spotential_widget.widget.momentum_widget .mchart-label { color: #ffcc05; padding: 0 2px 0 0;}
#spotential_widget.widget.momentum_widget .mchart-label:nth-child(2) { padding-left: 5px;}
#spotential_widget.widget.momentum_widget .mchart-teamname { padding-top: 8px; } 

#wlProb_widget.widget.momentum_widget .customToolTip{}
#wlProb_widget.widget.momentum_widget .customToolTip p { margin: 0; color: #fff; }
#wlProb_widget.widget.momentum_widget .mchart-label:nth-child(2) { padding-left: 5px;}

#wlProb_widget.widget.momentum_widget .mchart-label { color: #ffcc05; padding: 0 2px 0 0;}
#wlProb_widget.widget.momentum_widget .customToolTip{  width: 200px !important;}
.tool-score {display: flex; align-items: center; gap: 10px}

#wlProb_widget.widget.momentum_widget .mchart-label,
#spotential_widget.widget.momentum_widget .mchart-label,
#wlProb_widget.widget.momentum_widget .customToolTip p,
#spotential_widget.widget.momentum_widget .customToolTip p,
.tool-score .cc  {font-weight: 500; font-size: 12px; display: flex; align-items: center; flex:2 }
#spotential_widget.widget.momentum_widget .customToolTip p:nth-child(1) { padding: 0;} */

/**** Overwrite Chart  score potencial & winloss css*****/

#spotential_widget.widget.momentum_widget .customToolTip,
#wlProb_widget.widget.momentum_widget .customToolTip {
    padding: 10px;
    width: 170px !important;
}

#wlProb_widget.widget.momentum_widget .customToolTip {
    width: 250px !important;
}

#wlProb_widget.widget.momentum_widget .customToolTip p {
    margin: 0;
    color: #fff;
    line-height: 20px;
    font-size: 12px;
}

#spotential_widget.widget.momentum_widget .mchart-overno,
#wlProb_widget.widget.momentum_widget .mchart-overno {
    font-weight: 500;
    font-size: 12px
}

#spotential_widget.widget.momentum_widget .mchart-label,
#wlProb_widget.widget.momentum_widget .mchart-label {
    font-weight: 500;
    font-size: 12px;
    color: #ffcc05;
    padding: 0 2px 0 0;
}

#spotential_widget.widget.momentum_widget .mchart-label:nth-child(2),
#wlProb_widget.widget.momentum_widget .mchart-label:nth-child(2) {
    padding-left: 5px;
}

#spotential_widget.widget.momentum_widget .mchart-teamname,
#wlProb_widget.widget.momentum_widget .mchart-teamname {
    padding-top: 8px;
}

/*********END  score potencial & winloss    *****/

/* Style For Footer - This sytle will be overwriting the website footer style */

.footerWrapper .mcRow,
#copyright .mcRow {
    width: 1280px;
    margin: 0 auto;
}

.footerWrapper .mcColumn,
#copyright .mcColumn {
    padding: 0 10px;
}

.footer {
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0;
    color: #ffffff;
    background: #243878;
    padding: 15px 20px 0;
}

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

.copyright p {
    margin: 0;
    font-size: 13px;
    font-weight: 400;
}

.copyright .logoutLink {
    color: #fff;
    border-bottom: 1px solid #EC1B53;
}

.copyright .logoutLink:hover {
    border-bottom: 1px solid #4059A7
}

.social_widgetShareIcon {
    display: none;
}

#plyRotateSmipl .next-prev-direction a {
    background: #2a2b2f;
    z-index: 0;
}

.mcPlyOption span.opActive,
.mcPlyOption span:hover,
.mcPlyOption span:focus {
    color: #282b56;
    background: #ffd628;
}

#playerStatsWrapper select.mcSelectDefault {}

#playerStatsWrapper input.mcSearchDefault {
    font-size: 11px;
}

/* Font Icons TO Image Icons */

.matchHead .back .icon-angle-left {
    background: url(../images/left-arrow.png) no-repeat center center;
    height: 20px;
    width: 20px;
}

.matchHead .back .icon-angle-left::before,
.matchNav {
    display: none !important;
}

.matchNav.icon-down-open-mini1 {
    background: url(images/down-arrow.png) no-repeat center right;
}

.matchNav.icon-down-open-mini1.openDev {
    background: url(images/popup_close.png) no-repeat center right;
}

.matchHead .matchNav.openDev::after {
    display: none;
}

span.icon-plus-circled,
span.icon-minus-circled {
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    width: 30px;
}

span.icon-plus-circled {
    background: url(../images/plus.png) no-repeat center center / 10px;
}

span.icon-minus-circled {
    background: url(../images/minus.png) no-repeat center center / 10px;
}

#overStreamMC .next-prev-direction a.icon-angle-right::before,
#overStreamMC .next-prev-direction a.icon-angle-left::before {
    width: 16px;
}

#overStreamMC .next-prev-direction a.icon-angle-right::before,
#plyRotateSmipl .next-prev-direction a.icon-angle-right::before {
    background: url(../images/right-arrow.png) no-repeat center center;
    content: "";
    height: 20px;
}

#overStreamMC .next-prev-direction a.icon-angle-left::before,
#plyRotateSmipl .next-prev-direction a.icon-angle-left::before {
    background: url(../images/left-arrow.png) no-repeat center center;
    content: "";
    height: 20px;
}

#plyRotateSmipl .next-prev-direction a.icon-angle-right::before,
#plyRotateSmipl .next-prev-direction a.icon-angle-left::before {
    height: 100%;
}

#overStreamMC .selector p::before {
    display: none;
}

.mcSearchResults.icon-search-1::before {
    background: url(images/search.png) no-repeat center center;
    width: 45px;
    height: 38px;
    content: "";
}

#wagon-panel {
    position: relative;
    z-index: 1;
}

/*** print features **/

#printScorecardIcon {
    width: 30px;
    height: 30px;
    background-image: url(../images/print_black.png);
    background-repeat: no-repeat;
    background-position: center center;
    float: right !important;
    background-color: transparent !important;
    cursor: pointer
}

.statsExportExcelIcon {
    right: 19px;
    top: -4px;
    background-image: url(../images/excel_black.png)
}

.statsShareIcons {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    cursor: pointer;
    position: absolute;
    top: 0
}

/* Points Table */

#stadingSmipl {
    margin-bottom: 20px;
}

#stadingSmipl h3 {
    color: #d71a21;
    display: none;
}

table.tablePoints {
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0px 4px 10px 0px rgb(6 6 6 / 15%);
}

table.tablePoints thead th {
    background: var(--sec-color-purple);
    color: #ffffff;
    font-weight: 600;
    padding: 1rem 0.6rem;
}

table.tablePoints tbody {
    border: 0;
}

table.tablePoints tbody tr:nth-child(2n+1) {
    background: #eeeeee;
}

table.tablePoints tbody td {
    color: #424242;
    font-size: 15px;
    font-weight: 500;
    padding: 15px 0;
}

table.tablePoints tbody td:nth-of-type(2) {
    font-weight: 600;
    color: #131313;
    display: flex;
    align-items: center;
}

table.tablePoints tbody td:nth-of-type(2) img {
    width: 30px;
    margin-right: 5px;
}

table.tablePoints tbody td:nth-of-type(4) {
    color: #178a32;
}

table.tablePoints tbody td:nth-of-type(5) {
    color: #ec3036;
}

table.tablePoints tbody td:last-child {
    font-size: 15px;
    font-weight: 600;
    color: #131313
}

/* table.tablePoints tbody td:first-child {display: none;} */

/* Stats */

.statsHeader {
    background: transparent;
    padding: 0;
    margin-bottom: 30px;
}

.statsContent ul.mcTabs li {
    color: #131313;
}

.statsContent ul.mcTabs li.current {
    font-weight: 600;
}

#mcBestPerformers .mcTitle {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}

ul.statsList {
    flex-wrap: wrap;
    justify-content: space-evenly;
}

ul.statsList li {
    font-size: 12px;
    font-weight: 400;
    width: 155px;
    height: 65px;
    padding: 0;
    margin: 0 1px 1px 0;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    flex: auto;
    background: rgba(255, 255, 255, 0.9);
    color: #000;
}

ul.statsList li i {
    font-size: 20px;
    font-weight: 700;
    background: linear-gradient(90deg, #EC1B53, #4059A7);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

ul.statsList li span {
    color: #555555;
}

#topRunGetter,
#higiestSr,
#leadWcktTakers,
#bestEcon,
#maxSixes,
#highestScore {
    box-shadow: 0px 4px 10px 0px rgb(6 6 6 / 15%);
    border-radius: 8px;
}

#mcTourBattingStats .nicescroll_content,
#mcTourBowlingStats .nicescroll_content {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}

table.mcTableDefault {
    padding: 0.5rem;
    background: #ffffff;
    box-shadow: 0px 4px 10px 0px rgb(6 6 6 / 15%);
}

table.mcTableDefault thead th {
    background: #4059A7;
    font-weight: 600;
}

table.mcTableDefault th,
table.mcTableDefault td {
    padding: 10px 10px;
}

.tabTeamContent {
    border-radius: 8px;
}

#teamStatsWrapper table.batCardTable tr th:nth-child(1),
#teamStatsWrapper table.batCardTable tr td:nth-child(1) {
    padding: 10px;
}

/* Player Stats */

.mcPlyRotList .mcPlythumb a {
    background: #4059A7;
}

.mcPlyRotList .mcPlythumb a span,
.mcPlyRotList .mcPlythumb a span i {
    color: #fff;
}

.mcPlyRotList .mcPlythumb a:hover,
.mcPlyRotList .mcPlythumb a.plyActive {
    background: #EC1B53;
}

.mcPerformersList a.mcTopOne span.mcTopOneDetail span.mcTopScore {
    font-weight: 700;
}

.mcPerformersList a.mcTopOne {
    background: linear-gradient(170deg, rgba(236, 27, 83, 0.5) 10%, rgb(24, 24, 74) 0%);
    color: #fff;
}

.mcPerformersList a.mcTopOne span.mcPlyImg {
    border-radius: inherit;
}

.mcOtherTpp {
    background: #ffffff;
    border-bottom: 1px solid #dddddd;
    margin: 0;
}

.mcOtherTpp p {
    color: #001036;
}

.mcOtherTpp .plyImg {
    margin-right: 5px;
}

.mcSecondaryMenu ul {
    padding: 0 10px
}

.ply-stats-wrap {
    display: block;
    background: linear-gradient(170deg, rgba(236, 27, 83) 10%, rgb(24, 24, 74) 0%);
    overflow: hidden;
    padding: 30px 0 25px;
}

#playerStatsWrapper .mcPlyOption span {
    width: 45%;
    text-align: center;
    padding: 8px 10px;
    border-radius: 5px;
    border: 2px solid rgba(255, 255, 255, 0.2);
    margin: 0 10px 0 0;
}

.mcPlyStatsHeader .positionDetail {
    padding-left: 10px;
}

.mcPlyStatsHeader .positionDetail .mcPlyName {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
}

#playerStatsWrapper .mcPlyStatsHeader .plyImg {
    margin: 0 10px;
    border-radius: 10px;
    z-index: 9;
}

#playerStatsWrapper ul.statsList {
    padding: 0 15px 0 0;
}

#playerStatsWrapper ul.statsList li {
    background: rgba(255, 255, 255, 0.1);
}

#playerStatsWrapper ul.statsList li i {
    color: #fff;
    -webkit-text-fill-color: #fff;
}

#playerStatsWrapper ul.statsList li span {
    color: rgba(255, 255, 255, 0.8);
}

/*****commentary filters ***********/

#commentPage select.commentryinningsList {
    max-width: 250px
}

#commentPage select.batsmenFilter,
#commentPage select.bowlerFilter,
#commentPage select.eventsFilter {
    background-color: transparent;
    max-width: 200px;
    margin-bottom: 0;
    border-left: 1px solid #c6c6c6;
    border-radius: 0;
    height: 100%;
    box-shadow: none;
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
    margin: 0;
    background-image: linear-gradient(45deg, transparent 50%, #300030 50%), linear-gradient(135deg, #300030 50%, transparent 50%);
    background-position: calc(100% - 23px) calc(1em + 3px), calc(100% - 15px) calc(1em + 3px), 100% 0;
    text-transform: capitalize;
}

#commentPage select:hover {
    color: #300030;
}

#commentPage select.mcSelectDefault.ng-not-empty {
    color: #300030;
}

/***overWrite style***/

#commentPage {
    min-height: 150px;
    clear: both;
    overflow: hidden;
    height: 100%;
}

.commentaryNoDataMsg {
    text-align: center
}

/*****Fixture GoogleMapLink *******/

.fixture-venue_container {
    display: flex
}

.fixture-venue_container .GoogleMapLink {
    width: 30px;
    height: 30px;
    background-image: url(images/GoogleMapLink.png);
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer
}

.mtWeather {
    margin-left: 5px !important
}

/**** Batsman impact Bowler impact *****/

#byb__comment .cmdEvent {
    position: relative;
}

.playerImpact {
    position: absolute;
    right: 0;
    padding: 5px;
    display: none;
}

.playerImpact .battingImpact .impactValue:before {
    content: ' ';
    width: 15px;
    height: 15px;
    background-image: url('images/bat-icon-white.png');
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    position: absolute;
    left: 2px;
    top: 5px;
}

.playerImpact .bowlingImpact .impactValue:before {
    content: ' ';
    width: 15px;
    height: 15px;
    background-image: url('images/ball-icon-white.png');
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    position: absolute;
    left: 2px;
    top: 5px;
}

.playerImpact .bowlingImpact {}

.playerImpact .impactValue {
    padding: 2px 5px;
    border-radius: 3px;
    margin-bottom: 3px;
    width: 50px;
    float: left;
    text-align: center;
    padding-left: 15px;
    position: relative;
}

.playerImpact .impactValue.bg-green {
    background-color: #01a54b;
    color: #FFF;
}

.playerImpact .impactValue.bg-red {
    background-color: #ff290c;
    color: #FFF;
}

/** Stats Page **/

.mcSecondaryMenu ul li.current {
    color: #EC1B53;
    font-weight: 600;
}

.mcSecondaryMenu ul li:hover,
.mcSecondaryMenu ul li:focus {
    color: #EC1B53;
}

/** KPY **/

.KPL-content {
    display: flex;
    flex-direction: column;
    background: #f7f7f7;
    border-radius: 10px;
    box-shadow: 0 3px 1px rgba(0, 0, 0, 0.3);
    margin-bottom: 20px;
    padding: 20px 10px 10px;
    overflow: hidden;
}

#playerKPI .KPL-content table thead tr th {
    padding: 10px 5px;
}

#playerKPI .widgetTitle {
    color: #00060C;
    margin-top: 0;
    background-color: transparent;
    text-align: center;
    margin-bottom: 0.5rem;
}

.KPL-content table thead tr th {
    background: #4059A7;
}

#playerKPI table.batKPITable td,
table.batKPITable td {
    padding: 8px 5px;
}

#playerKPI table.batKPITable tr:nth-child(1) {
    font-weight: 600;
    text-transform: uppercase;
}

#playerKPI table.batKPITable tbody tr td:first-child {
    background-color: transparent;
}

#playerKPI .batKPITable thead th:first-child {
    text-align: left !important;
}

/* pitch Report CSS*/

.pitchTable {
    width: 85%;
    margin: 0 auto
}

table.pitchTable td,
table.pitchTable th {
    padding: 0 0 5px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    color: #000;
    font-weight: 600
}

table.pitchTable th {
    font-size: 12px;
    width: 11.5%;
    line-height: 14px;
    vertical-align: text-top;
    padding: 20px 0
}

table.pitchTable th:first-child {
    width: 10%;
    background-color: transparent;
}

.tab_container.pitchreportBackground {
    background: url("http://feeds-100mb-test.s3.ap-southeast-1.amazonaws.com/mc/images/pitchImage.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center -148px;
    padding: 3% 0;
}

table.pitchTable th span {
    background: #4059A7;
    display: flex;
    padding: 5px;
    margin: 0 5px;
    color: #fff;
    align-items: center;
    justify-content: center;
    height: 38px;
    box-shadow: 0 7px 7px rgb(0 0 0 / 25%);
}

table.pitchTable td:not(:first-child) {
    width: 11.5%;
    font-size: 18px;
    font-size: 700;
    padding: 20px 0;
}

table.pitchTable td:first-child {
    width: 10%;
    text-align: left;
    font-size: 12px;
    line-height: 14px;
    text-transform: capitalize;
    background: #fff;
    padding: 6px 10px;
    border-radius: 3px;
    box-shadow: 0 7px 7px rgb(0 0 0 / 25%);
    color: rgb(64, 89, 167);
    font-weight: 700;
}

#Pitchmap .inningsList {
    flex: none;
    width: 30%;
}

#Pitchmap select.mcSelectDefault {
    margin-bottom: 0;
}

/* Match Highlights pop Up CSS */

/* The Modal (background) */

.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.6);
    /* Black w/ opacity */
    backdrop-filter: blur(5px);
    z-index: 9;
}

/***********standings key value ************/

.rf {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

/* Modal Content */

.modal-content {
    width: 56.25%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 12rem
}

/* The Close Button */

.close {
    color: #fff;
    font-size: 44px;
    line-height: .9;
    text-align: center;
    font-weight: 600;
    position: absolute;
    right: 20px;
    top: 20px;
    display: inline-block
}

.close,
.playPauseBtn i {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.2);
    transition: all 0.5s ease-in-out;
}

.playPauseBtn {
    background: transparent;
    border: 0;
    right: 70px;
    top: 20px;
    padding: 0;
}

.playPauseBtn i {
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.playPauseBtn i:hover,
.playPauseBtn i.fa-play,
.close:hover,
.close:focus {
    background: #EC1B53;
    text-decoration: none;
    cursor: pointer
}

.image-sliderfade {
    display: none;
    margin: 0 auto;
    text-align: center
}

img {
    vertical-align: middle;
}

/* Slideshow container */

.container {
    max-width: 1000px;
    position: relative;
    margin: auto;
}

/* Caption text */

.mcHighlightstext {
    color: #f3f3f3;
    font-size: 30px;
    font-weight: 600;
    padding: 20px 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 75%;
    background: linear-gradient(270deg, #381F73 0.22%, #6A3AD9 50.04%);
    text-align: center;
    margin: 0 auto;
    text-transform: uppercase;
    line-height: 38px;
    border-radius: 10px
}

.mcHighlightsHeading {
    font-size: 18px;
    padding: 5px 0;
    font-weight: 700;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 62px;
    z-index: 9999;
    color: #fff;
    width: 75%;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.3)
}

/* The dots/bullets/indicators */

.dot {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: transparent;
    border-color: #ddd;
    border-width: 5px px;
    border-style: solid;
    border-radius: 50%;
    display: inline-block;
    transition: border-color .6s ease
}

.active {
    border-color: #666;
}

#image-sliderfade img {
    /* height: 729px;
  width: 1029px; */
    object-fit: contain;
}

/* Animation */

.fade {
    -webkit-animation-name: fade-image;
    -webkit-animation-duration: 1.5s;
    animation-name: fade-image;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade-image {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes fade-image {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    width: 100%;
    margin: auto;
    opacity: 1;
    border-radius: 10px;
}

.carousel-inner>.item:first-child>img {
    width: 400px;
    height: auto;
}

.carousel-inner>.item:last-child>img {
    width: 100%;
    height: 580px;
}

.img-title {
    position: relative;
    background-color: #fff;
    color: #000;
    width: 100%;
    text-align: center;
    opacity: .43;
    filter: alpha(opacity=43)
}

/**** Mini Scorecard for Commentary Page ****/

/**overWrite***/

#miniscoreCard {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
    width: 100%;
    margin: 0 auto 20px;
}

.miniBox {
    position: relative;
    margin-bottom: 10px;
}

.miniBox.miniScard__batters {
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: 10px;
    flex: 0.5;
}

.miniBox.miniScard__bowler {
    position: relative;
    margin: 0;
    flex: 0.3;
}

.miniScard__batters-inner {
    width: 100%;
    display: flex;
    gap: 10px;
    z-index: 1;
}

.batterBox,
.bowlerBox {
    display: flex;
    align-items: center;
    border-radius: 10px;
    color: #fff;
    padding: 8px;
    box-shadow: 0 2px 0px #c566df91;
}

.currentBowlerIcon {
    width: 13px;
    height: 14px;
    margin: 0;
    background-image: url(../images/ball_icon-sc.png);
}

.batterBox {
    flex: 1;
    background: rgb(168, 49, 138, 0.5);
}

.bowlerBox {
    background: rgba(137, 68, 201, 0.4);
    position: relative;
}

.miniScard__batters .ply-current {
    font-size: 13px;
    color: #FFDF2F;
    animation: horizontal-shaking 1.6s ease-in-out 0.5s infinite;
}

.miniScard__bowler .ply-current {
    position: absolute;
    bottom: -3px;
    left: 10px;
    animation: bounce 2s infinite;
}

.player__name {
    margin-bottom: 2px;
    font-weight: 500;
}

.player__name .playerName {
    font-size: 13px;
    line-height: 18px;
}

.player__pic {
    background: #e6e6e6;
    border-radius: 50%;
    padding: 5px;
    margin: 0 10px;
    width: 42px;
    height: 42px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.stricker .player__pic {
    border: 1px solid var(--text-primar);
}

.player__pic img {
    border-radius: 150%;
    height: 36px;
    width: 36px;
}

.player__performance {
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex: 1;
}

ul.player__scores {
    margin: 0;
    display: flex;
    justify-content: space-between;
}

ul.player__scores li {
    line-height: 1;
}

ul.player__scores li span:first-child {
    color: #eed0ff;
    font-size: 12px;
    line-height: 1;
}

ul.player__scores li span:last-child {
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    color: #fff;
    margin-left: 2px;
}

.miniBox.miniScard__batters ul.player__scores {
    width: 85%;
}

.miniScard__bowler .player__pic {
    margin-left: 20px;
}

.current__partnership {
    font-size: 13px;
    border-radius: 10px;
    line-height: 1;
    color: #fff;
    background: #fd96f230;
    padding: 5px 10px;
    position: relative;
    top: -30px;
    z-index: 0;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    transition: top 0.5s, opacity 0.5s;
    z-index: 0;
    width: 100%;
}

.current__partnership span {
    font-weight: 700;
    color: #F2C01F;
    font-size: 14px;
    font-style: normal;
    margin-left: 3px;
}

/* CSS for the animated slide down effect */

@keyframes slideDownAnimation {
    0% {
        top: -30px;
        opacity: 0;
    }

    100% {
        top: 0;
        opacity: 1;
    }
}

/* CSS to trigger the animation after 3 seconds */

.delayed-animation {
    animation: slideDownAnimation 0.5s ease-in-out 3s forwards;
}

@keyframes horizontal-shaking {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(5px)
    }

    50% {
        transform: translateX(0px)
    }

    75% {
        transform: translateX(5px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-20px);
    }

    60% {
        transform: translateY(-05px);
    }
}

/**** Filter Section for Commentary Page *****/

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

.filter-section .overNoFilterBoxWrap {
    margin-right: 10px;
}

.filter__icon {
    display: inline-block;
    line-height: 1;
}

.filter__icon svg {
    width: 24px;
    padding-top: 5px;
}

#filter-toggle {
    cursor: pointer;
    display: flex;
    align-items: center;
    border-radius: 5px;
    background: #ffffff;
    color: #300030;
    padding: 3px 8px 3px 5px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
}

.filter-inner {
    overflow-y: hidden;
    background: #ffffff;
    width: 100%;
    height: 0;
    max-height: 0;
    transition: all .5s cubic-bezier(0, 1, 0.5, 1);
    border-radius: 5px;
}

.filter-inner.filter-active {
    height: 100px;
    max-height: 40px;
    margin-bottom: 15px;
    background-color: #dbd9d9;
}

.cmd-filter {
    display: flex;
    justify-content: end;
    align-items: center;
    height: 40px;
}

/**** Four - Six - Wicket ---- Animation *****/

/*tada*/

@keyframes tada {
    0% {
        transform: scale3d(1, 1, 1) rotate3d(0, 0, 0, 1deg);
    }

    80% {
        transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, -6deg);
    }

    85% {
        transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 6deg);
    }

    90% {
        transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, -6deg);
    }

    95% {
        transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 6deg);
    }

    100% {
        transform: scale3d(1, 1, 1) rotate3d(0, 0, 0, 1deg);
    }
}

/*jackInTheBox*/

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    70% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/*fadeIn*/

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/*bounceIn*/

@keyframes bounceIn {

    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

/*zoomInDown*/

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -200px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -200px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.bgFour .cherry-box {
    position: absolute;
    right: 50px;
}

.bgSix .cherry-box {
    position: absolute;
    right: 68px;
}

.bgWicket .cherry-box {
    position: absolute;
    right: 22px;
}

.cherry-box__anim,
.bgFour .cmdText,
.bgSix .cmdText,
.bgWicket .cmdText {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.cherry-box__anim.showCherry-anim {
    animation: jackInTheBox 1s ease-in-out 1.5s;
    visibility: visible;
    opacity: 1;
    transition: visibility 1s ease-in-out 1.5s, opacity 1s ease-in-out 1.5s;
}

.bgSix .cherry-box__anim.showCherry-anim {
    animation-name: bounceIn;
}

.bgWicket .cherry-box__anim.showCherry-anim {
    animation-name: zoomInDown;
}

.bgFour .cmdText.showCMD-anim,
.bgSix .cmdText.showCMD-anim,
.bgWicket .cmdText.showCMD-anim {
    animation: fadeIn 0.6s ease-in-out 2.5s;
    visibility: visible;
    opacity: 1;
    transition: visibility 0.6s ease-in-out 2.5s, opacity 0.6s ease-in-out 2.5s;
}

.cherry-box__text {
    animation: tada 2s ease-in-out 3s infinite;
    text-transform: uppercase;
    text-align: center;
    font-size: 38px;
    font-weight: 700;
    letter-spacing: 1px;
}

.cherry-four {
    text-shadow: -0.07em 0 red, 0.08em 0 cyan;
    color: #f7ff00;
}

.cherry-six {
    text-shadow: -0.07em 0 red, 0.08em 0 cyan;
    color: #f7ff00;
}

.cherry-wicket {
    text-shadow: -0.07em 0 red, 0.08em 0 cyan;
    color: #f7ff00;
}

#widget_linelength .widget_header {
    float: left;
}

#widget_linelength .wlpDetails {
    float: right;
}

#widget_linelength .wlpDetails i.social_widgetShareIcon {
    display: none;
}

#widget_linelength .wlpDetails .wlpTeam,
#wlProb_widget .tabBlock .two-teams,
#spotential_widget .tabBlock .two-teams {
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
}

#widget_linelength .wlpDetails .wlpTeam.wlpTeam1 {
    margin-right: 15px
}

#widget_linelength .widget_header ul,
#wlProb_widget .widget_header .smcpl-columns.tabBlock,
#spotential_widget .widget_header .smcpl-columns.tabBlock {
    border: 1px solid #e0e0e0;
    text-transform: uppercase;
    display: flex;
    margin: 0;
    background: #f0f0f0;
    border-radius: 30px;
    font-size: 12px;
    padding: 5px 12px;
}

#widget_linelength .widget_header ul li,
#wlProb_widget .widget_header .smcpl-columns.tabBlock .tabItem,
#spotential_widget .widget_header .smcpl-columns.tabBlock .tabItem {
    transition: all 0.25s ease-in-out;
    cursor: pointer;
    color: #333333;
    opacity: 0.6;
}

#widget_linelength .widget_header ul li:hover,
#wlProb_widget .widget_header .smcpl-columns.tabBlock .tabItem:hover,
#spotential_widget .widget_header .smcpl-columns.tabBlock .tabItem:hover {
    opacity: 1;
    color: #223d84;
}

#widget_linelength .widget_header ul li:not(:last-child),
#wlProb_widget .widget_header .smcpl-columns.tabBlock .tabItem.potenTab,
#spotential_widget .widget_header .smcpl-columns.tabBlock .tabItem.potenTab {
    padding-right: 8px;
    margin-right: 8px;
    border-right: 2px solid rgba(5, 40, 57, 0.75);
}

#widget_linelength .widget_header ul li.active,
#wlProb_widget .widget_header .smcpl-columns.tabBlock .active,
#spotential_widget .widget_header .smcpl-columns.tabBlock .active {
    opacity: 1;
    color: #223d84;
    font-weight: 600;
}

#widget_momentum .widget_header ul,
#wlProb_widget .widget_header .smcpl-columns.tabBlock,
#spotential_widget .widget_header .smcpl-columns.tabBlock {
    background: no-repeat;
    border: 0;
    color: #fff;
    padding: 0 !important;
    box-shadow: none;
    opacity: 1;
}

#spotential_widget .widget_header .smcpl-columns.tabBlock {
    justify-content: center;
    align-items: center;
    float: none;
    margin-bottom: 10px;
}

#wlProb_widget .widget_header .smcpl-columns.tabBlock .tabItem.potenTab {
    border: 0;
}

#widget_momentum .widget_header ul li,
#wlProb_widget .widget_header .smcpl-columns.tabBlock .tabItem,
#spotential_widget .widget_header .smcpl-columns.tabBlock .tabItem {
    opacity: 1;
    color: #fff;
    font-weight: 700;
}

#widget_momentum .widget_header ul li.active,
#wlProb_widget .widget_header .smcpl-columns.tabBlock .active.tabItem,
#spotential_widget .widget_header .smcpl-columns.tabBlock .active.tabItem,
#widget_momentum .widget_header ul li:hover,
#wlProb_widget .widget_header .smcpl-columns.tabBlock .tabItem:hover,
#spotential_widget .widget_header .smcpl-columns.tabBlock .tabItem:hover {
    color: #FFCC3D;
}

.commentaryImgPreview {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    width: 100%;
    height: 200%;
    display: none;
    background-color: #2226
}

.commentaryImgPreview.active {
    display: block !important
}

.commentaryImgPreviewWrap {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center
}

.commentaryImgPreviewWrap img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto
}

.commentaryImgPreviewClose {
    position: absolute;
    top: 20px;
    right: 20px
}

.imgComment img {
    max-width: 768px;
    max-height: 1024px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.imgComment {
    cursor: pointer;
}

.imgComment img {
    max-width: 768px;
    max-height: 1024px;
    border-radius: 5px;
    margin-bottom: 20px;
}

/*** Fixture Squad ***/

#fixtureSquad-block {
    background: 0 0;
    box-shadow: none
}

ul.fixtureSquad-list {
    display: flex;
    align-items: baseline;
    flex-flow: row wrap;
    gap: 20px;
    margin-block-end: 1rem;
}

ul.fixtureSquad-list li {
    width: calc(20% - 25px);
    flex-direction: column;
    box-shadow: none;
    padding: 15px 0;
    width: 230px;
    display: flex;
    align-items: center;
    margin: 0 15px 15px 0;
}

.fw-wrap,
ul.fixtureSquad-list li {
    position: relative;
}

ul.fixtureSquad-list li span.fx-ply-img {
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
}

ul.fixtureSquad-list li .fx-ply-img .playingXI-playerImg {
    max-width: 185px;
    margin-right: 0;
    height: 205px;
    margin-bottom: 0;
    border-radius: 0;
}

ul.fixtureSquad-list li .fx-ply-name {
    padding: 0 5px;
    text-align: center;
    margin-bottom: 3px;
}

ul.fixtureSquad-list li .fx-ply-name a {
    display: block;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 14px;
    text-align: center;
    color: #00060C;
    text-transform: uppercase;
}

ul.fixtureSquad-list li .fx-ply-prf {
    font-size: 12px
}

ul.wagon-points.wp-values li,
ul.wagon-points.wp-values li i {
    line-height: 29px;
    text-align: center;
    font-style: normal;
    font-weight: 400;
}

ul.fixtureSquad-list li {
    width: calc(20% - 25px);
    flex-direction: column;
    box-shadow: none;
    margin: 0;
    padding: 0;
}

.fixtureSquad-title.non-playing-list {
    color: #888;
    margin-top: 40px
}

.fixtureSquad-title {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 15px;
    display: block;
    font-weight: 500;
}

.fx-ply-dt {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 95%;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 3px 0;
    transform: skewX(-20deg);
}

.fx-ply-dt span.fx-ply-name {
    line-height: 1;
}

.fx-ply-dt span.fx-ply-name,
.fx-ply-dt span.fx-ply-prf {
    transform: skewX(20deg);
}

.commentarySidePanel {
    width: 100% !important;
}

.commentarySidePanel .widget {
    margin-left: 0;
    margin-top: 1rem;
}

.matchDetails .widgetContent ul {
    width: 100%;
}

.fixtureSquad-content {
    /*display: none;*/
}

.fixtureSquad-content {
    display: block;
}

#scoreBox .teamScores {
    margin-bottom: 0;
}

/** Video popup **/

.cd-popup,
.video-wall-popup {
    background-color: rgba(230, 230, 230, 0.92) !important;
}

.cd-popup-container:not(.fullview) .mcDetails {
    background: var(--grad-purple) !important;
    height: 479px
}

#videoWrap .mcDetails .mcTeamDetails {
    background: #33005d !important;
    border-radius: 5px;
    margin-bottom: 5px;
    overflow: hidden;
}

#videoWrap .mcDetails .mcHeaderWrap {
    font-size: 12px;
}

#videoWrap .mcDetails .batTableWrap thead,
#videoWrap .mcDetails .bowlTableWrap thead {
    background: #33005d !important;
}

#videoWrap .mcDetails .batPlayerName {
    color: #ffffff !important;
}

#videoWrap .mcDetails .bowlPlayerName {
    color: #fff !important;
}

#videoWrap .mcDetails th {
    color: #ffffff;
    font-size: 10px;
}

#videoWrap .mcDetails tbody tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

#videoWrap .mcDetails td {
    color: #ffffff;
}

#videoWrap .mcDetails .bowlMc,
#videoWrap .mcDetails .batMc {
    margin-top: 5px;
    opacity: 1;
}

#videoWrap .mcDetails .mcTeamDetails .scoreWrap.active {}

#videoWrap .mcDetails td,
#videoWrap .mcDetails th {
    padding: 5px;
}

.batTableWrap.active::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

#videoWrap .batTableWrap.active::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

#videoWrap .batTableWrap.active::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
    border: 3px solid #f1f1f1;
    transition: background-color 0.3s;
}

#videoWrap .batTableWrap.active::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

/* 2. For Firefox */

#videoWrap .batTableWrap.active {
    scrollbar-width: thin;
    /* auto | thin | none */
    scrollbar-color: var(--pri-color-pink) #00000000;
    /* thumb color, track color */
}

#videoWrap .mcProficiency {
    display: flex;
    clear: both;
    justify-content: center;
}

#videoWrap .mcDetails .bowlMc .bowlingCardIcon {
    background-image: url(../images/v-ball.png);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #33005d;
    border-radius: 10px;
    border: 2px solid var(--pri-color-pink);
}

#videoWrap .mcDetails .batMc .battingCardIcon {
    background-image: url(../images/v-bat.png);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #33005d;
    border-radius: 10px;
    border: 2px solid var(--pri-color-pink);
}

#videoWrap .mcDetails .bowlMc.active .bowlingCardIcon,
#videoWrap .mcDetails .batMc.active .battingCardIcon {
    opacity: 0.5;
}

/* Fixture - Scorecard*/

#scoreBox .scoreBox-Fixture {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    flex-direction: column;
    margin-bottom: 0;
}

.tnpl-team-left,
.tnpl-team-right {
    display: flex;
    align-items: center;
}

#scoreBox .scoreBox-Fixture .tnpl-team-name {
    color: #fff;
    font-size: clamp(14px, 2vw, 26px);
    line-height: clamp(18px, 2.4vw, 32px);
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    width: 250px;
}

#scoreBox .scoreBox-Fixture .teamR {
    text-align: left;
}

#scoreBox .scoreBox-Fixture .teamL {
    text-align: right;
}

#scoreBox .scoreBox-Fixture .teamR,
#scoreBox .scoreBox-Fixture .teamL {
    gap: 2rem;
}

#scoreBox .scoreBox-Fixture .tnpl-vs {
    font-size: 32px;
    color: #fff;
    font-weight: 700;
}

#scoreBox .scoreBox-Fixture .matchDate,
#scoreBox .scoreBox-Fixture .matchVenue {
    color: #fff;
    font-size: 16px;
}

#scoreBox .scoreBox-Fixture .teamScoresFixture {
    gap: 2rem;
}

#scoreBox .scoreBox-Fixture .fixture-header .match-order {
    color: var(--text-primar);
    font-weight: 700;
}

.fixture-header {
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}

#scoreBox .scoreBox-Fixture .fixture-header .matchDate {
    font-weight: 700;
    text-transform: uppercase;
    padding-inline-start: 10px;
    padding-inline-end: 0;
    margin: 0 0 0 10px;
    border-left: 1px solid #ffffff;
    border-right: 0;
}

/* ----------------------------------------------------------------------------------------------- */

/* = Media Query for all Browser */

/* ----------------------------------------------------------------------------------------------- */

/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .page-header {
        margin-bottom: 10px;
    }

    /* Media Query for Footer */
    .mcSML-12 {
        width: 100%
    }

    .wagonData.uniform-grid {}

    #wagonwheelContainer {
        width: 320px;
    }

    #playerStatsWrapper select.mcSelectDefault {
        margin-bottom: 10px;
    }

    /***overWrite style css ****/
    .perform-graphs,
    #wagonWheelContent .settingWrap {
        flex-direction: column;
    }
}

/* Smartphones (portrait) ----------- */

@media only screen and (max-width: 320px) {

    /* Media Query for Footer */
    .mcSML-12 {
        width: 100%
    }
}

@media only screen and (min-device-width: 360px) and (max-device-width: 640px) and (orientation: landscape) {

    /* Media Query for Footer */
    .mcMED-2 {
        width: 16.66667%
    }

    .mcMED-10 {
        width: 83.33333%
    }
}

/* iPads (portrait and landscape) ----------- */

@media only screen and (max-device-width: 768px) {
    #scoreBox .innings .teamScore .runs {
        font-size: 22px;
        line-height: 28px;
    }

    .h2h__perform {
        padding: 0;
        margin: 0;
    }

    .noScroll .matchHead {
        top: 80px;
        background: #243878;
        left: 0;
        width: 100%;
    }

    .matchNavContent {
        top: 80px;
        padding: 5px 10px 20px;
    }

    .matchHead .matchNav span:last-child {
        font-size: 12px;
    }

    #matchFilterWrapper {}

    .matchInfo {
        border-left: 0;
    }

    .resultStrip .matchInfo,
    .liveStrip .matchInfo {
        border-right: 0;
        padding-right: 0;
        border-left: 0;
    }

    .matchSummary {
        background: transparent;
        line-height: 16px;
        padding: 0;
    }

    .matchTeams .logo__container .tLogo img {
        width: 40px;
        height: 40px;
    }

    .runs {
        font-weight: 700;
        font-size: 22px;
        line-height: 26px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

    /* Media Query for Footer */
    .mcMED-2 {
        width: 16.66667%
    }

    .mcMED-10 {
        width: 83.33333%
    }
}

/* iPads (landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {}

/* iPads (portrait) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {}

@media only screen and (max-width: 992px) {}

/* = Desktops and laptops ----------- */

@media only screen and (min-width: 1224px) {

    /* Media Query for Footer */
    .mcLA-2 {
        width: 16.66667%
    }

    .mcLA-10 {
        width: 83.33333%
    }
}

/* = Large screens ----------- */

@media only screen and (min-width: 1824px) {

    /* Media Query for Footer */
    .mcXL-2,
    .mcRow .mcXL-2 {
        width: 16.66667%;
    }

    .mcXL-10,
    .mcRow .mcXL-10 {
        width: 83.33333%;
    }
}

/* iPhone 6, 7, & 8 in portrait & landscape
============================================ */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
    /* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
    /* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

@media (max-width: 1024px) {
    #printScorecardIcon {
        display: none;
    }
}

/* WEB in portrait & landscape
============================================ */

@media screen and (min-width: 1650px) and (max-width: 3048px) {}

@media screen and (min-width: 1450px) and (max-width: 1550px) {}

@media screen and (min-width: 1680px) and (max-width: 3000px) {}

@media screen and (max-width: 1680px) {
    .modal-content {
        width: 56.25%;
    }

    .carousel-inner>.item:first-child>img {
        width: 400px;
        height: auto;
    }

    .carousel-inner>.item:last-child>img {
        height: 528px;
        width: 100%;
    }
}

@media (max-width: 1650px) {}

@media (min-width: 1600px) and (max-width: 900px) {}

@media (max-width: 1450px) {
    .modal-content {
        width: 56.25%;
    }

    .carousel-inner>.item:first-child>img {
        width: 400px;
        height: auto;
    }

    .carousel-inner>.item:last-child>img {
        height: 474px;
    }

    .carousel-inner>.item:last-child>img {
        width: 100%;
    }
}

@media (max-width: 1366px) {
    .modal-content {
        width: 58%;
    }

    .carousel-inner>.item:first-child>img {
        width: 400px;
        height: auto;
    }

    .carousel-inner>.item:last-child>img {
        height: 400px;
    }

    .mcHighlightstext {
        font-size: 22px;
        line-height: 1.4;
        padding: 15px;
    }

    .miniBox.miniScard__batters {
        flex: 0.6;
    }

    .miniBox.miniScard__bowler {
        flex: 0.4;
    }
}

@media only screen and (max-width: 1360px) {}

/* 1024 to 1299 */

@media (min-width:64.0625em) and (max-width:81.24em) {}

/* 1299 */

@media (max-width:81.24em) {}

/* 1024 */

@media (max-width:64.0525em) {

    /* WagonWheel*/
    #wagonwheelContainer {
        float: none;
    }

    .wagonData,
    ul.wagon-points,
    .batStyle {
        margin: 0 auto 15px;
    }

    .wagonData .side {
        padding: 0;
    }

    .wagonData .side span {
        display: inline-block;
        margin: 0 5px 5px;
    }

    .wagonData .side span i {
        line-height: 20px;
    }

    .wagonData .side h6 {
        font-size: 12px;
    }

    .switch_data {
        position: relative;
        margin: 0 auto;
        text-align: center;
        width: 50%;
        float: none;
    }

    .switch_data .batStyle .wagonSide {
        flex-direction: column;
        padding: 5px 10px;
    }

    .batStyle .wagonSide span {
        font-size: 16px;
        font-size: 14px;
    }

    .ProjectedScoreInnrWrap {
        margin-right: 8px;
        padding-right: 5px;
        font-size: 14px;
    }

    .playPauseBtn {
        font-size: 20px;
    }

    .sr-only {
        font-size: 30px
    }

    #matchDetailsContent .matchDetails {
        margin: 0;
    }

    #matchDetailsContent .matchDetails .widgetTitle {
        display: none;
    }
}

@media only screen and (max-width:990px) {}

@media only screen and (max-width: 950px) {
    .matchTeams .logo__container .tLogo {
        margin: 0;
    }

    .matchTeams .tLogo img {
        width: 50px;
        height: 50px;
    }

    /** Fixture Strip **/
    .count {
        padding: 0;
    }

    .fixtureStrip.matchBox {
        padding: 10px 10px;
    }

    .fixtureStrip {
        flex-direction: column;
        height: auto;
    }

    .fixtureStrip .fixture-other-info .otherMatchInfo {
        position: absolute;
        top: 10px;
    }

    .fixtureStrip ul.otherMatchInfo li.mtWeather span.fixweather {
        padding: 3px 5px;
    }

    .fixtureStrip .atcb-link img {
        width: 80px;
    }

    .fixture-date_container,
    .fixture-venue_container,
    .match-date_container {
        width: 100%;
        padding: 0;
    }

    .fixture-venue_container .matchVenue {
        padding: 0;
    }

    .fixture-date_container::after,
    .fixture-venue_container::after,
    .match-date_container::after {
        background: transparent;
        padding: 0 0 5px 0;
    }

    .fixture-date_container,
    .match-date_container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .fixture-date_container .matchTime,
    .match-date_container .matchTime {
        color: #00060C;
        font: 18px/ 24px 'Bebas Neue', sans-serif;
    }

    .fixture-countdown-info {
        margin: 8px 0 10px;
        width: 100%;
    }

    .fixture-countdown-info .matchCountdown {
        width: auto;
    }

    .fixtureTimerCountdown span.fixtureTimer {
        width: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 3px 0;
    }

    .fixtureTimerCountdown span span.timervalue {
        margin-right: 7px;
    }

    .fixture-team_container {
        width: 100%;
        justify-content: space-between;
    }

    .fixture-team_container .fixture-team-info img {
        padding: 0;
    }

    .fixture-team_container .fixture-team-info {
        flex-direction: row-reverse;
        width: calc(45% - 15px);
        justify-content: start;
        align-items: center;
    }

    .fixture-team_container .fixture-team__first .fixture-team_name {
        text-align: left;
        margin-left: 5px;
    }

    .fixture-team_container .fixture-team__second .fixture-team_name {
        text-align: right;
        margin-right: 5px;
    }

    .fixture-team_container .fixture-team-info.fixture-team__second {
        flex-direction: revert;
        justify-content: end;
        width: calc(45% - 15px);
    }

    /** Result Strip **/
    .matchBox.resultStrip {
        padding: 10px;
    }

    .resultStrip .resultBox .matchResult {
        font-size: 16px;
        line-height: 18px;
    }

    .playPauseBtn {
        font-size: 20px;
    }

    .sr-only {
        font-size: 30px
    }

    .resultStrip {
        flex-direction: column;
    }

    .match-date_container,
    .match-team_container,
    .match-result-info,
    .match-other-info {
        flex-basis: 0;
    }

    .match-result-info,
    .match-team_container {
        width: 100%;
        padding: 0;
    }

    .match-other-info {
        padding: 0;
    }

    .fixture-date_container::after,
    .fixture-venue_container::after,
    .match-date_container::after,
    .match-team_container::after,
    .match-result-info::after {
        display: none;
    }

    .match-result-info {
        text-align: center;
        padding: 5px 0;
    }

    .match-result-info .matchResult {
        font-size: 16px;
    }

    .match-team-info {
        gap: 0.5rem;
    }

    .playPauseBtn,
    .close {
        top: 14rem;
    }
}

/* 839 */

@media (max-width:52.49em) {
    .matchBox::before {
        opacity: 0.7;
    }

    .matchBox::after {
        bottom: -614px;
        right: -764px;
        top: inherit;
    }

    .matchBox {
        padding: 10px 10px 20px;
        background-position: right bottom, -125px bottom;
        background-size: 200px, 200px;
    }

    /* WagonWheel*/
    select.innsFilter,
    select.batsmenFilter,
    select.bowlerFilter {
        margin: 0 10px 0 0;
    }

    #wagonWheelContent select.innsFilter,
    #wagonWheelContent select.batsmenFilter,
    #wagonWheelContent select.bowlerFilter {
        width: 100%;
        margin-bottom: 6px;
    }

    .switch_data {
        width: 70%;
        top: -100px;
    }

    .modal-content {
        width: 90%;
    }

    ul.player__scores,
    .miniBox.miniScard__batters ul.player__scores {
        width: 100%;
    }

    .miniScard__bowler .ply-current {
        right: inherit;
    }

    #miniscoreCard {
        flex-direction: column;
        padding-inline: 16px;
    }

    .miniBox {
        margin: 0;
    }

    .modal-content {
        margin-top: 16rem;
    }
}

@media (max-width: 768px) {
    #scoreBox {
        padding-block: 2rem;
    }

    .captain-pic {
        display: none;
    }

    .tabLinkscontainer,
    #mcMenuWrapper {
        margin: 0;
    }

    .fixture-team_container .fixture-team-info p {
        width: 15rem;
    }

    .matchFormat {
        margin: 0;
    }

    .btnScorecard {
        width: auto;
    }

    .resultStrip .matchTeams .logo__container {
        padding-top: 10px;
        border-top: 1px solid #ccc;
    }

    .resultStrip .matchTeams .logo__container,
    .resultStrip .matchInfo .innings,
    .liveStrip .matchTeams .logo__container,
    .liveStrip .matchInfo .innings {
        display: flex;
        justify-content: space-between;
    }

    .resultStrip .matchTeams .logo__container .teamLogo-name_info,
    .resultStrip .innings .teamScore,
    .liveStrip .matchTeams .logo__container .teamLogo-name_info,
    .liveStrip .innings .teamScore {
        width: 45%;
        margin: 0;
    }

    .matchTeams .logo__container .teamLogo-name_info .tm-name,
    .resultStrip .matchTeams .matchSummary,
    .liveStrip .matchTeams .matchSummary {
        display: block;
        margin-bottom: 10px;
    }

    .resultStrip .matchInfo,
    .liveStrip .matchInfo {
        border: 0;
        padding-top: 0;
    }

    .resultStrip .matchInfo .teamNames,
    .resultStrip .matchInfo .matchSummary,
    .liveStrip .matchInfo .teamNames,
    .liveStrip .matchInfo .matchSummary {
        display: none;
    }

    #byb__comment .cmdEvent .cmdText {
        padding-right: 15px;
        width: 100%;
    }

    #scoreBox .matchSummary {
        font-size: 18px;
        line-height: 22px;
    }

    #scoreBox .innings .teamScore .overs,
    #scoreBox .innings .teamScore .runRate {
        font-size: 12px;
        line-height: 18px;
        font-weight: 500;
    }

    #scoreBox .tName,
    #scoreBox .matchDate,
    #scoreBox .matchVenue {
        font-size: 12px;
        line-height: 16px;
    }

    #scoreBox .tLogo img {
        width: 60px;
        height: 60px;
    }

    .perform-graphs ul.wagon-points li.all {
        padding: 17px 10px;
    }

    .playPauseBtn {
        font-size: 20px;
    }

    .sr-only {
        font-size: 30px
    }

    #scorecardWrapper .matchHead {
        justify-content: start;
        align-items: start;
    }

    #scorecardWrapper ul.mcTabs {
        white-space: nowrap;
        border: 0;
        border-radius: 8px 8px 0 0;
        margin: 0;
        margin-bottom: 0px;
        display: grid;
        grid-gap: calc(var(--gutter) / 2);
        grid-template-columns: 140px;
        grid-template-rows: minmax(50px, 1fr);
        grid-auto-flow: column;
        grid-auto-columns: calc(50% - var(--gutter) * 2);
        overflow-x: scroll;
        scroll-snap-type: x proximity;
        padding-bottom: calc(.75 * var(--gutter));
        margin-bottom: calc(-.25 * var(--gutter));
        gap: 10px;
    }

    #scorecardWrapper ul.mcTabs li {
        position: relative;
        scroll-snap-align: center;
        padding: calc(var(--gutter) / 2 * 1.5);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #scorecardWrapper ul.mcTabs li {
        border-radius: 10px;
        margin-bottom: 5px;
    }

    #scorecardWrapper .tabLinkscontainer {
        margin-bottom: 15px;
        top: -10px;
        padding-bottom: 2px
    }

    #matchDetailsContent .widget,
    #playingXIContent .widget {
        margin: 0;
    }

    /* Stats - Player stats*/
    .ply-stats-wrap {
        padding: 10px 0;
        background: transparent;
    }

    #playerStatsWrapper .mcPlyStatsHeader {
        position: relative;
        flex-direction: row;
        padding: 15px 0;
        margin: 0 10px 10px;
        background: linear-gradient(170deg, rgba(236, 27, 83) 10%, rgb(24, 24, 74) 0%);
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        align-items: initial;
    }

    #playerStatsWrapper ul.statsList {
        padding: 0 10px;
    }

    .mcPlyStatsHeader .positionDetail .mcPlyName {
        font-size: 18px;
        line-height: 22px;
    }

    #playerStatsWrapper ul.statsList li {
        padding: 10px 10px;
        background: rgba(0, 0, 0, 0.1);
    }

    #playerStatsWrapper ul.statsList li span {
        color: rgba(0, 0, 0, 0.8);
    }

    #playerStatsWrapper ul.statsList li i {
        color: #052839;
        -webkit-text-fill-color: #052839;
    }

    table.tablePoints thead th:nth-of-type(2),
    table.tablePoints td:nth-of-type(2) {
        padding-left: 10px;
    }

    #mob_Wagonwheel {
        margin: 0 auto;
    }

    .switch_data {
        width: 90%;
        top: -10%;
    }

    ul.fixtureSquad-list {
        justify-content: center;
    }

    ul.fixtureSquad-list li {
        width: calc(45% - 5px);
    }

    .ap-outer-tb-wrp a,
    ul.fixtureSquad-list li .fx-ply-name a {
        font-size: 12px;
        line-height: 15px;
    }

    .fx-ply-dt span.fx-ply-name,
    .fx-ply-dt span.fx-ply-prf {
        text-align: center;
    }

    .fx-ply-dt {
        padding: 3px 7px;
        height: 60px;
    }

    #mcMenuWrapper .tabLinkscontainer {
        top: 0;
    }

    #mcMenuWrapper ul.mcTabs {
        margin: 1rem auto 1.6rem;
    }

    .st-mc-pg-header {
        font-size: 16px;
        padding: 1rem 0;
    }

    #stadingSmipl table.tablePoints {
        overflow-x: scroll;
        white-space: nowrap;
        overflow: hidden;
    }

    #matchFilterWrapper .seasonFilter {
        margin-top: 2rem;
    }

    #scoreBox .scoreBox-Fixture .tnpl-team-name {
        width: 200px;
    }
}

@media (max-width: 640px) {
    .site-logo::after {
        background-position: center left 120px;
        background-size: 40% auto;
    }

    .captain-pic {
        display: none;
    }

    /**overWritecss**/
    #scoreBox .innings {
        display: flex;
        margin-block: 1rem;
        align-items: start;
    }

    #scoreBox .innings .teamScore {
        width: 100%;
    }

    #scoreBox .matchSummary {
        font-size: 16px;
    }

    #scoreBox .tLogo {
        margin: 0 0 5px;
    }

    #scoreBox .teamScores .tName {
        display: flex;
        width: 75%;
        margin: 0 auto;
        height: 40px;
        justify-content: center;
        align-items: start;
    }

    #scoreBox .matchDate {
        border: 0;
        margin: 0 0 5px 0;
        padding: 0;
    }

    #scoreBox .st-match-place {
        flex-direction: column;
    }

    .switch_data {
        top: 0%;
    }

    #wagonWheelContent {
        margin: 0 0.5rem;
    }

    .seasonFilter select.mcSelectDefault,
    .seasonFilter input.mcSearchDefault {
        font-size: 13px;
        font-weight: 600;
    }

    .fixture-venue_container {
        justify-content: center;
    }

    .fixture-venue_container .matchVenue {
        line-height: 1;
    }

    .st-match-teams .st-vs {
        font-size: 15px;
    }

    #miniscoreCard {
        width: 100%;
    }

    .batterBox,
    .bowlerBox {
        padding: 4px 8px;
    }

    .miniScard__batters-inner {
        flex-direction: column;
        gap: 5px;
    }

    .st-match-teams {
        display: none;
    }

    .st-match-place {
        margin-bottom: 1rem;
    }

    .resultStrip .resultBox .matchResult {
        font-size: 20px;
        line-height: 22px;
    }

    .resultStrip .matchTeams .matchSummary {
        font-size: 12px;
        line-height: 14px;
        width: 80%;
        margin: 0 auto 1rem;
    }

    #fullScoreContent {
        padding: 0 5px;
    }

    .fixtureSquadTeamsTabWrap {
        margin: 0;
        padding: 0;
    }

    .innings-tab,
    .ap-outer-tb-wrp {
        margin-block-end: 1.5rem;
    }

    .innings-tab .innings-tab_link a,
    .ap-outer-tb-wrp a {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 50px;
        padding: 5px 8%;
        font-size: 12px;
        line-height: 15px;
    }

    #playerKPI .batKPITable {
        overflow-x: scroll;
        width: fit-content;
        max-width: 100%;
        display: block;
    }

    #playerKPI .batKPITable thead th:first-child {
        text-align: left !important;
    }

    .prepostMatchCommentry .ppText {
        font-size: 12px;
        line-height: 18px;
    }

    #scoreBox .scoreBox-Fixture {
        gap: 1rem;
    }

    #scoreBox .scoreBox-Fixture .teamScoresFixture {
        display: flex;
        align-items: start;
    }

    #scoreBox .scoreBox-Fixture .teamL {
        flex-direction: column-reverse;
    }

    #scoreBox .scoreBox-Fixture .tnpl-vs {
        font-size: 26px;
    }

    #scoreBox .scoreBox-Fixture .teamR {
        flex-direction: column;
    }

    #scoreBox .scoreBox-Fixture .teamR,
    #scoreBox .scoreBox-Fixture .teamL {
        gap: 0.5rem;
    }

    #scoreBox .scoreBox-Fixture .tnpl-team-name {
        font-size: 12px;
        line-height: 16px;
        text-align: center;
        height: 60px;
    }

    #scoreBox .scoreBox-Fixture .matchDate,
    #scoreBox .scoreBox-Fixture .matchVenue {
        letter-spacing: normal;
    }

    #scoreBox .scoreBox-Fixture .matchVenue {
        font-size: 14px;
        line-height: 18px;
    }

    #scoreBox .scoreBox-Fixture .matchDate,
    #scoreBox .scoreBox-Fixture .matchVenue {
        font-size: 14px;
    }
}

/* 639 */

@media (max-width:39.99em) {
    .matchFormat {
        margin: 0;
    }

    .matchTeams .logo__container .teamLogo-name_info .tm-name {
        font-size: 10px;
        line-height: 12px;
    }

    /** Fixture Strip **/
    .fixture-team_container .fixture-team__first .fixture-team_name,
    .fixture-team_container .fixture-team__second .fixture-team_name {
        font-size: 12px;
        line-height: 14px;
    }

    .fixture-date_container .matchDate,
    .fixture-date_container .matchTime,
    .match-date_container .matchDate,
    .match-date_container .matchTime {
        font-size: 16px;
    }

    #scoreBox .tName,
    #scoreBox .matchDate,
    #scoreBox .matchVenue {
        font-size: 14px;
        line-height: 16px;
    }

    #byb__comment .cmdEvent {
        flex-direction: column;
        align-items: start;
    }

    #byb__comment .cmdEvent .cmdOver {
        margin: 0;
        padding: 10px;
    }

    #byb__comment .cmdEvent .cmdText {
        width: 100%;
        padding: 0 10px 10px;
    }

    #byb__comment .cmdEvent .cmdText,
    #byb__comment .cmdEvent .cmdText p,
    .prepostMatchCommentry .ppText p {
        font-size: 13px;
        line-height: 20px;
        font-weight: 500;
    }

    .cherry-box__text {
        font-size: 24px;
    }

    .bgFour .cherry-box,
    .bgSix .cherry-box,
    .bgWicket .cherry-box {
        top: 5px;
    }

    .bgSix .cherry-box {
        position: absolute;
        right: 68px;
    }

    .bgWicket .cherry-box {
        position: absolute;
        right: 22px;
    }

    .mcHighlightsHeading {
        font-size: 13px;
        top: 35px;
        width: 85%;
    }

    .mcHighlightstext {
        font-size: 15px;
        line-height: 1.2;
        padding: 10px;
    }

    .playPauseBtn {
        right: 60px;
    }

    .playPauseBtn i {
        font-size: 18px;
    }

    .close {
        font-size: 36px;
        line-height: 0.8;
    }

    .close,
    .playPauseBtn i {
        width: 32px;
        height: 32px;
    }

    .sr-only {
        font-size: 30px !important;
    }

    .carousel-inner>.item:first-child>img {
        width: 200px;
        height: auto;
    }

    .carousel-inner>.item:last-child>img {
        height: 100%;
    }

    .miniBox.miniScard__batters {
        flex-direction: column;
    }

    .batterBox {
        width: 100%;
    }

    .ppCmd {
        padding: 25px 0px 25px 12px;
        margin-right: 15px;
    }

    /** Fixture Strip & resultStrip  OverWrite Css **/
    .fixture-date_container .matchDate_box {
        display: flex;
        gap: 8px;
        align-items: center;
    }

    .fixture-date_container .match_qualy {
        margin-bottom: 0;
    }

    .resultStrip .resultStrip-matchDate-box .match_qualy {
        margin-bottom: 2px
    }
}

@media only screen and (max-width: 550px) {
    .scorecardHeader {
        flex-direction: column;
    }

    .scorecardHeader .innScore {
        flex-direction: row;
    }

    .mcFallWicket p:last-child {
        padding-left: 10px;
    }

    #commentPage .scorecardHeader {
        flex-direction: column;
    }
}

@media only screen and (max-width: 450px) {}

/* When the viewport width is maximum 450px */

@media (max-width: 450px) {
    .hide-for-mobile {
        display: none;
    }

    .hide-for-web {
        display: block;
    }

    .batterBox:first-child {
        margin-bottom: 5px;
    }

    .batterBox:last-child {
        padding-left: 12px;
    }

    ul.player__scores,
    .miniBox.miniScard__batters ul.player__scores {
        width: 80%;
    }

    .miniScard__batters::before {
        top: 14px;
    }

    #miniscoreCard {
        padding-bottom: 20px;
        margin: 0;
    }

    .current__partnership {
        text-align: center;
    }

    .batterBox.non-stricker .player__pic {
        margin-left: 20px;
    }

    .player__pic {
        width: 38px;
        height: 38px;
    }

    .cmd-filter {
        flex-wrap: wrap;
    }

    .filter-inner.filter-active {
        height: 80px;
        max-height: 80px;
        overflow: initial;
    }

    #cmdBlockSmipl::before {
        left: 20px;
    }

    #commentPage select.commentryinningsList {
        margin: 0;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.1)
    }

    .overNoFilterBoxWrap {
        margin: 0;
    }

    .overNoFilterBoxWrap .cSBDisplay {
        color: #232323;
        text-transform: capitalize;
        box-shadow: none;
        border-radius: 0;
        height: 100%;
    }

    #commentPage select.batsmenFilter,
    #commentPage select.bowlerFilter,
    #commentPage select.eventsFilter,
    .overNoFilterBoxWrap {
        width: 50%;
        max-width: 50%;
        border-bottom: 1px solid #c6c6c6;
    }

    .matchTeams .logo__container .tLogo img {
        width: 60px;
        height: 60px;
    }

    /*#matchFilterWrapper { margin: 0; }
	#matchFilterWrapper #competitionBox {width: 152px;position: absolute;top: -133px;right: 11px;} */
    #matchFilterWrapper #competitionBox select {
        font-size: 15px;
        font-weight: 700;
    }

    .switch_data {
        width: 92%;
    }

    ul.wagon-points li {
        font-size: 12px;
    }

    ul.wagon-points li i {
        font-size: 14px;
        margin: 0 0 0 5px;
    }

    #scoreBox .scoreBox-Fixture .tnpl-team-name {
        width: 90%;
    }

    #wlProb_widget .widget_header {
        margin-bottom: 1rem;
    }

    #widget_momentum .wlpDetails .wlpTeam,
    #wlProb_widget .tabBlock .two-teams,
    #spotential_widget .tabBlock .two-teams,
    #wlProb_widget .tabBlock .two-teams p,
    #spotential_widget .tabBlock .two-teams p {
        font-size: 12px;
        line-height: 14px;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }

    #wlProb_widget .widget_header .smcpl-columns.tabBlock,
    #widget_momentum .widget_header ul {
        float: none;
        display: flex;
        justify-content: center;
        margin-bottom: 5px;
    }

    #widget_momentum .widget_header,
    #widget_momentum .wlpDetails {
        float: none;
    }

    #widget_momentum .wlpDetails {
        margin-bottom: 10px;
    }

    .glass-wrap {
        padding: 10px;
    }

    #wlProb_widget h1,
    #widget_momentum h1 {
        font-size: 16px;
        padding: 0;
    }
}

/* When the viewport width is maximum 399px */

@media (max-width:24.99em) {
    .sh_teamdetC {
        font-size: 16px;
    }

    .super-header .sh_teamdetL,
    .super-header .sh_teamdetR {
        font-size: 10px;
    }

    .fixtureStrip.matchBox {
        padding: 10px 10px 5px;
    }

    .fixture-team_container .fixture-team-info img {
        height: 3rem;
    }

    .matchBox::after {
        bottom: -739px;
        right: -762px;
    }

    .endOverInfo p.firstChild {
        font-size: 14px;
    }

    .endOverInfo p.totRun {
        font-size: 15px;
    }

    .fixtureTimerCountdown span.fixtureTimer {
        width: 68px;
    }

    .fixtureTimerCountdown span span.timervalue {
        font-size: 20px;
        line-height: 22px;
    }

    #playerStatsWrapper ul.statsList {
        padding: 0 10px;
    }

    .addToShare {
        top: 10px;
    }

    .mcHighlightsHeading {
        font-size: 11px;
    }

    .mcHighlightstext {
        font-size: 14px;
    }

    .sr-only {
        font-size: 30px !important;
    }

    ul.wagon-points li i {
        font-size: 12px;
        line-height: 14px;
        margin: 0 0 0 3px;
        width: 25px;
        height: 25px;
    }

    ul.wagon-points li.all {
        padding: 8px 0;
    }

    .switch_data {
        width: 95%;
    }

    .mcExtras .mcGrid_6 span:nth-child(2) {
        font-size: 12px;
        margin-top: 3px;
    }

    .endOverInfo {
        margin-bottom: 5px;
    }

    #byb__comment .endOverInfo p.secondChild i.mcBall,
    #byb__comment .endOverInfo p i span.ovExRun {
        font-size: 12px;
        width: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #scoreBox .scoreBox-Fixture .tnpl-team-name {
        font-size: 12px;
        line-height: 14px;
    }
}

/*************Highlights Card Start**************/

.audio-button {
    background-image: url("../images/audio.png");
    background-size: 25px;
    background-repeat: no-repeat;
    background-color: transparent;
    /* Ensures no background color */
    border: none;
    /* Removes default border */
    width: 3%;
    /* Adjust size as needed */
    height: 30px;
    /* Adjust size as needed */
    cursor: pointer;
    outline: none;
    /* Removes focus outline */
}

.audio-button:active,
.audio-button:focus {
    background-color: transparent !important;
    /* Prevents background change */
    outline: none;
    /* Removes focus ring */
}

#bars {
    display: none;
}

/* .btnHiAudio { background: #3340B9; padding: 4px; height: 26px;  width: 36px;   display: inline-flex;
		align-items: center; justify-content: center;  } */

.btnHiAudio.active {
    background: #4fa541;
    padding: 2px;
}

.btnHiAudio img {
    width: 20px;
}

.btnHiAudio.active img {
    display: none;
}

.btnHiAudio.active #bars {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Highlights Card Start*/

.highlights-container {
    width: 100%;
    max-width: 300px;
    background: linear-gradient(#283dac78, #152760), url(../Logos/Bg.png), linear-gradient(#283DAC, #152760);
    color: white;
    padding: 1rem 1.2rem;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    position: fixed;
    bottom: 85px;
    right: 0;
    animation: slide-in 0.3s cubic-bezier(0.4, 0, 0.2, 1) both;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    z-index: 9;
}

.highlights-container.cc {
    animation: slide-out 0.3s cubic-bezier(0.4, 0, 0.2, 1) both;
    bottom: 85px;
}

.highlights-container .header {
    display: flex;
    align-items: center;
    line-height: 1;
    gap: 10px;
}

.highlights-container .title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 17px;
    color: #FFD700;
    letter-spacing: 0.5px;
}

.close-button {
    background: none;
    border: none;
    color: white;
    font-size: 25px;
    cursor: pointer;
    font-weight: bold;
    margin-right: 0;
    margin-left: auto;
}

.match-title {
    font-size: 12px;
    margin-bottom: 0.8rem;
    color: white;
    font-weight: 500;
}

.audio-player {
    display: flex;
    align-items: center;
    background: linear-gradient(to right, #3468fa, #b144e7);
    border-radius: 30px;
    padding: 5px;
    max-width: 160px;
    flex: 1;
}

.play-button {
    background: white;
    border: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* .play-icon {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 4px 7px 12px;
	border-color: transparent transparent transparent #2e3b8d;
	margin-left: 5px;
} */

.play-icon {
    width: 24px;
    height: 24px;
    background-image: url("../images/Logos/play.png");
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: center left 6px;
}

.pause-icon {
    width: 20px;
    height: 20px;
    background-image: url("../images/Logos/pause.png");
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center;
    display: none;
}

.waveform {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.waveform-bars {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 80%;
    height: 25px;
}

.waveform-bars .bar {
    animation: unset;
    transition: all 0.3s ease;
}

.bar {
    background: #ffffff;
    bottom: 1px;
    height: 5px;
    width: 2px;
    margin: 0px 1px;
    border-radius: 10px;
    animation: sound 0ms -600ms linear infinite alternate;
}

#bars.paused .bar {
    animation: sound 0ms -600ms linear infinite paused;
}

.waveform-bars.active .bar {
    animation: sound 0ms -600ms linear infinite alternate;
}

/*************Altercsss  Highlights Card   *******************/

/* Target the scrollable element */

.scrollable {
    height: 300px;
    overflow-y: scroll;
}

/* Width of the vertical scrollbar */

.scrollable::-webkit-scrollbar {
    width: 5px;
}

/* Track (background) */

.scrollable::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.25);
    border-radius: 8px;
}

/* Handle (thumb) */

.scrollable::-webkit-scrollbar-thumb {
    background: var(--pri-color-pink);
    border-radius: 8px;
}

/* Handle on hover */

.scrollable::-webkit-scrollbar-thumb:hover {
    background: red;
}

.highlights-container .header_logo img {
    width: 100%;
    max-width: 33px;
}

@keyframes sound {
    0% {
        opacity: .35;
        height: 1px;
    }

    100% {
        opacity: 1;
        height: 14px;
    }
}

.waveform-bars .bar:nth-child(1) {
    left: 1px;
    height: 12px;
}

.waveform-bars .bar:nth-child(2) {
    left: 15px;
    height: 18px;
}

.waveform-bars .bar:nth-child(3) {
    left: 29px;
    height: 8px;
}

.waveform-bars .bar:nth-child(4) {
    left: 43px;
    height: 22px;
}

.waveform-bars .bar:nth-child(5) {
    left: 57px;
    height: 15px;
}

.waveform-bars .bar:nth-child(6) {
    left: 71px;
    height: 20px;
}

.waveform-bars .bar:nth-child(7) {
    left: 85px;
    height: 10px;
}

.waveform-bars .bar:nth-child(8) {
    left: 99px;
    height: 25px;
}

.waveform-bars .bar:nth-child(9) {
    left: 113px;
    height: 14px;
}

.waveform-bars .bar:nth-child(10) {
    left: 127px;
    height: 18px;
}

.waveform-bars .bar:nth-child(11) {
    left: 141px;
    height: 9px;
}

.waveform-bars .bar:nth-child(12) {
    left: 155px;
    height: 20px;
}

.waveform-bars .bar:nth-child(13) {
    left: 169px;
    height: 13px;
}

.waveform-bars .bar:nth-child(14) {
    left: 183px;
    height: 22px;
}

.waveform-bars .bar:nth-child(15) {
    left: 197px;
    height: 16px;
}

.waveform-bars.active .bar:nth-child(1) {
    left: 1px;
    animation-duration: 474ms;
}

.waveform-bars.active .bar:nth-child(2) {
    left: 15px;
    animation-duration: 433ms;
}

.waveform-bars.active .bar:nth-child(3) {
    left: 29px;
    animation-duration: 407ms;
}

.waveform-bars.active .bar:nth-child(4) {
    left: 43px;
    animation-duration: 458ms;
}

.waveform-bars.active .bar:nth-child(5) {
    left: 57px;
    animation-duration: 400ms;
}

.waveform-bars.active .bar:nth-child(6) {
    left: 62px;
    animation-duration: 474ms;
}

.waveform-bars.active .bar:nth-child(7) {
    left: 73px;
    animation-duration: 433ms;
}

.waveform-bars.active .bar:nth-child(8) {
    left: 81px;
    animation-duration: 407ms;
}

.waveform-bars.active .bar:nth-child(9) {
    left: 91px;
    animation-duration: 458ms;
}

.waveform-bars.active .bar:nth-child(10) {
    left: 102px;
    animation-duration: 400ms;
}

.waveform-bars.active .bar:nth-child(11) {
    left: 112px;
    animation-duration: 474ms;
}

.waveform-bars.active .bar:nth-child(12) {
    left: 124px;
    animation-duration: 433ms;
}

.waveform-bars.active .bar:nth-child(13) {
    left: 138px;
    animation-duration: 407ms;
}

.waveform-bars.active .bar:nth-child(14) {
    left: 146px;
    animation-duration: 458ms;
}

.waveform-bars.active .bar:nth-child(15) {
    left: 156px;
    animation-duration: 400ms;
}

@keyframes wave {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(5px);
    }

    100% {
        transform: translateY(0px);
    }
}

.animated-wave {
    animation: wave 2s infinite ease-in-out;
}

.highlights-text {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 0;
    color: #fff;
    font-weight: 300;
    letter-spacing: 0.3px;
    max-height: 260px;
    overflow-y: scroll;
    padding-right: 10px;
}

@keyframes slide-in {
    from {
        right: -220px;
        /* Start off-screen */
    }

    to {
        right: 20px;
        /* End position */
    }
}

@keyframes slide-out {
    from {
        right: 20px;
        /* Start off-screen */
    }

    to {
        right: -320px;
        /* End position */
    }
}

.audio-player-active-test {
    background: linear-gradient(300deg, deepskyblue, darkviolet, blue);
    background-size: 180% 180%;
    animation: gradient-animation 10s ease infinite;
}

@keyframes gradient-animation {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.audio-player-active {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.h-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #ffffff36;
    padding: 10px 0 0;
    margin-block-start: 10px;
}

.h-footer img.sm-logo {
    width: 100px;
}

.audio-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    margin-block: 1rem;
}

.audio-speed {
    display: flex;
    align-items: center;
    gap: 1px;
    transition: all 0.3s ease-in-out;
    opacity: 0;
}

.audio-speed.audio-speed-active {
    opacity: 1;
}

#speedButton {
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: none;
}

#speedLevelText {
    font-size: 13px;
    display: none;
    /* Initially hidden */
}

/* Custom Helper Classes for Layout */
.d-flex {
    display: flex !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.gap-2 {
    gap: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.search-container form {
    justify-content: flex-end !important;
}

/* Highlights Card Ends*/