*{
box-sizing:border-box;}

body {
padding:0px;
margin:0px;
overflow-x:hidden;
}
ul{
padding:0px;
list-style:none;
margin:0px;
}


a{
text-decoration:none;
}
a:hover{text-decoration:none;}

.hamburguer_menu {
cursor: pointer;
}

.hamburguer_menu__item, .hamburguer_menu__item--close {
width: 20px;
height: 2px;
margin: 5px 0;
background-color: #000;
}

.hamburguer_menu--close {
position: absolute;
top: 39px;
right: 40px;
margin: 0 auto;
cursor: pointer;
z-index:1;
}
#search_back{
    cursor: pointer;
    padding: 5px;
        color: #134a13;
}
.hamburguer_menu__item--close {
background: #000;
border-radius: 15px;
}

.item--close-1 {
transform: rotate(45deg);
top: 0px;
position: absolute;
}

.item--close-2 {
transform: rotate(-45deg);
top: 0px;
position: absolute;
}

.nav-bar {
position: fixed;
top: 0px;
left: 0px;
overflow-y: auto;
width: 300px;
height: 100vh;
background-color:#fcfcfc;
color: #e6e6e6;
padding: 25px 10px;
transform: translateX(-20em);
transition: all 0.5s ease-out;
box-sizing: border-box;
}


.nav-bar::-webkit-scrollbar {
width:5px;
}

.nav-bar::-webkit-scrollbar-thumb {
background-color:#ddd;
}

.nav-bar.is-active {
transform: translateX(0em);
transition: all 0.5s ease-out;
z-index: 10;
}

.nav-bar__list {
list-style: none;
display: inline-block;
padding: 0px;
margin-top: 0px;
width:100%;
}
.nav-bar__list li {
margin-top: 25px;
}


.nav-bar__list__item {
display: flex;
color: #000;
text-decoration: none;
align-items: center;
gap: 10px;
font-weight: 600;
font-size: 16px;
}

.nav-bar__list__item:hover{
text-decoration:unset;
color:#958f8f;
}

.app-wrap{display:flex; gap: 20px;     margin-top: 40px;}
.app-wrap a img{width:120px; height:40px;}

.nav-bar__footer-name {
position: absolute;
bottom: 0px;
width: 100%;
text-align: center;
font-size: 20px;
}

.nav-bar__list__item img{width:24px; height:24px;     filter: invert(1);}

.nav-bar__footer-name .nav-bar__footer-name__link {
display: block;
color: #2196F3;
text-decoration: none;
}

.logo-wrap{
display: flex;
align-items: center;
gap: 10px;
}
.header{    padding-top: 20px;
border-bottom: 1px solid #f7f7f7;
padding-bottom: 20px;}

.hamburguer_menu{
position: relative;
top: 3px;
}

.menu-bar{display: flex;
gap:20px;
align-items: center;}
.menu-bar li a{font-size:16px; color:#000; font-weight:600; transition:0.4s;     display: flex;
align-items: center;
gap: 10px;}
.menu-bar li a:hover{
text-decoration: unset;
color: #958f8f;
transition: 0.4s;
}

.menu-bar li a img{width: 20px;
aspect-ratio: auto 20 / 20;
height: 20px;    filter: invert(0.5);}
.nav-bar-menu{margin-top:8px;}

.menu-Sub ul{
display:flex; gap:28px;
}
.Sub-header{
margin:20px 0px;
}
.menu-Sub ul li a{font-size:16px; color:#000; font-weight:600; transition:0.4s; padding: 10px 20px;}
.menu-Sub ul li a:hover{
text-decoration: unset;
transition: 0.4s;
}

.menu-Sub ul li .active{
background-color:#f3f3f3;
border-radius: 20px;
color: #000;
transition: 0.4s;
}

.left-bar{
border: 1px solid #f7f7f7;
padding-bottom: 8px;
border-radius: 8px;
}
.search-bar input{
width: 100%;
border:0px;
padding: 10px 10px;
background-color:transparent;
}
.search-bar input:focus{outline:unset; box-shadow:unset;}
.search-bar{    padding: 0px 10px;
align-items: center; display:flex; border-bottom: 1px solid #f7f7f7;     margin-bottom: 20px;}
.search-icon img{    position: relative;
top: -2px; cursor:pointer;}

.Region-arrow svg{    width: 6px;
height: 20px;}   

.Region-arrow{display: flex;
align-items: center;
justify-content: space-between;
color: #000;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;}
.Region-arrow:hover{color:#000; text-decoration:none;}
.Country-bar{padding:0px 10px; margin-top:8px;}

.country-name li a img{    width: 20px;
height: 18px;
object-fit: contain;}

.country-name li a{    display: flex;
align-items: center;
gap: 10px;
border-radius: 5px;
padding: 8px 10px;
color: #000;
font-size: 12px;
font-weight: 500;
background-color: #f3f3f3;
margin-top: 3px; transition:0.4s;}

.country-name li a:hover{
background-color:#e1e1e1;
color: #000;
transition:0.4s;
text-decoration:none;
} 

.ad-img img{width:100%;}
.ad-margin a{margin-bottom:15px; display:block;}

.middle-box-wrap{
border: 1px solid #f7f7f7;
padding-bottom: 8px;
border-radius: 8px;
}

.live-box-wrap {
    border-bottom: 1px solid #f7f7f7;
    padding: 10px 15px;
    margin-bottom: 10px;
    display: flex
;
    gap: 20px;
    align-items: center;
}
.live-box-wrap .form-group{margin-bottom:0px;width:100%;}

.live-box-wrap span a{
    color: #fff;
    background-color: #009270;
    display: inline-block;
    font-weight: 600;
    padding: 0px 6px;
    border-radius: 4px;
    font-size: 14px;
}

.champions-icon img{width:20px;
/* filter: invert(1);*/
}
.champions-wrap{    display: flex;
align-items: center;     gap: 8px;}
.champions-box h3{font-size:14px; font-weight:700; text-transform: capitalize; margin-bottom:0px;}
.champions-box h4{    
font-size: 12px;
font-weight: 400;
text-transform: capitalize;     margin-bottom: 0px;}
.middle-box-wrap .Country-title{
padding: 10px 15px;
}

.champion-sub-box a{display:flex;  align-items: center;     gap: 12px; color:#000;}
.sell-col{    display: flex;
align-items: center; gap:5px;}
.champion-logo img{    width: 20px;
height: 20px;
object-fit: cover;}
.champion-text01 h3{font-size:14px; margin-bottom:0px; font-weight:600; color: #000;}
.mar-2{margin-bottom:2px;}
.champion-num-box{margin-left:auto;}
.champion-num-box span{display:block; 
color: #000;
font-weight: 600;}
.champions-main-box{
background:#f3f3f3;
border-radius: 7.5px;
padding: 10px;
color: #aaa;
margin: 0px 10px;
transition:0.4s;
cursor:pointer;
overflow:hidden;
margin-bottom: 5px;
}
.champion-star-box i{font-size:20px;}
.champion-time span{color:#009270; font-weight:600;}
.champions-main-box:hover{
background: #e1e1e1;
color: #000;
transition: 0.4s;
text-decoration: none;
}

.datepicker input{border:0px; text-align:center;}
.datepicker input:focus{outline:unset; box-shadow:unset;} 


.champions-main-box:hover .champion-text01 h3{
color:#000;
}
.ft span{color:#000; font-weight:400; font-size:14px;}
.line-active{position:relative;}
.line-active:before{
content:"";
position:absolute;
top:0px;
left:0px;
bottom:0px;
height:100%;
width:4px;
background-color:#009270;
}
.ad-wrap-sticky{
position:sticky;
top:0px;
}

footer{
text-align: center;
border-top: 1px solid #f7f7f7;
margin-top: 40px;
padding-bottom: 20px;
padding-top: 20px; 
}

.footer-wrap p{color:#aaa; font-size:12px;}
.footer-wrap ul li{    display: inline-block;
border-right: 1px solid #cccccc91;
padding-right: 5px;
padding-left: 5px;     line-height: 10px;}

.footer-wrap ul li a{
color:#555;
font-size:11px;
}

.footer-wrap ul li:last-child{border:0px;}



/***qualification css***/

.live-box-wrap-1{    
border-bottom: 1px solid #f7f7f7;
padding: 10px 15px;
margin-bottom: 10px;}
.live-box-wrap-1 .width-f{
display: flex;
gap: 20px;
align-items: center;    
justify-content: space-between; width:100%; 
padding:0px!important;}  
.live-box-wrap-1 .width-f a{width:100%;}
.tab-bar ul{border-bottom:0px!important; gap:20px;}
.tab-bar ul li a{
color: #000;
text-transform: capitalize;
font-weight: 500;
font-size: 15px;
}
.tab-bar ul li .active{
color:#009270;
}
.tab-bar {margin-top:15px;}
.sub-tab{margin-top:0px!important; padding:10px 15px;     margin-bottom: 10px;}
.sub-tab ul li .active{background-color: #009270 !important;
color: #fff !important;
border-radius: 50px;}

.sub-tab ul li a{font-size:12px!important;  padding: 10px 18px; border:1px solid#009270; border-radius:50px; }
.sub-tab ul{gap:5px!important;}
/***end of qualification css***/



/***Qualification-Details css**/
.mg-scores{display:flex; justify-content:space-between; align-items: center;
background: #f3f3f3;
border-radius: 7.5px;
padding: 20px;
transition: 0.4s;
overflow: hidden;
margin-bottom: 5px; margin-top:10px;}
.mg-s{text-align:center;}
.mg-s h3{font-size: 14px;
font-weight: 500;
color: #000;
margin-bottom: 0px;
margin-top: 10px;}
.mg-s a{color:#000}
.mg-s img{width:30px;}
.live-score{
text-align:left;
}
.live-score span{    display: block;
font-size: 12px;
color: #000;
margin-top: 2px;}
.live-score .size-22{font-size: 22px;
font-weight: 700;
line-height: 18px;
min-height: 18px;
min-width: 56px;}
.tracker img{    filter: invert(1);
width: 20px;
height: 20px}

.ground-img{
background-image: url(../images/ground.jpg);
height: 290px;
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;
padding: 20px 50px;
margin-top:10px;

}
.slider-img{    display: flex;
justify-content: center;} 

.ground-slider .slick-dots li button:before{
font-size:0px;
width: 25px!important;
top: 10px;
height: 3px!important;
opacity:1!important;
background-color: #fff!important;
}

.ground-slider .slick-dots li.slick-active button:before{
opacity:1!important;
background-color:#009270!important;
}

#toggleButton{background-color:transparent; border:0px;}
#toggleButton.active img{filter: contrast(0.5)!important;}
.match-info h3{font-size:10px; text-transform:uppercase;}
.match-box-info{
border:1px solid #f7f7f7;
padding:10px 10px;
border-radius:8px;
margin:10px 15px;
}
.date-time{border: 0px;
background-color: transparent;
padding: 0px;
display: flex;
align-items: center;
gap: 6px;
font-size: 12px;
font-weight: 500; }
.date-time img{filter: invert(1);
width: 20px;}

.match-row{
display: flex;
align-items: center;
justify-content: center;
gap: 30px;
}
.mar-20{margin-top:10px;}

.match-yr{display:flex;    justify-content: space-between;
align-items: center;}
.match-us{display:flex; gap:5px; align-items:center;}
.match-pen{    display: flex;
flex-wrap: wrap;
flex-direction: column;     text-align: center;}
.match-pen span{font-size:12px;line-height:14px;} 
.match-us span{font-size:12px; font-weight:600;}
.match-yr .usspace{font-size:12px; font-weight:300;}
.usspace{    flex: 1 1; }
.usspace1{    margin-left: 5px;}
.awayContentnumber {font-size:12px; font-weight:600;}

.bor-b{border-bottom:1px solid #f3f3f3; padding:10px;}
.bg-row-event{
background-color:#f3f3f3;
}
.bg01{background-color:rgb(255, 206, 0);     height: 15px;
width: 10px; border-radius:2px;}
.mar-160{margin-left:160px;}   

.mar-16{margin-left:10px;}
.match-cont {justify-content: unset; gap:10px;}
.match-cont span{    font-size: 12px;
font-weight: 300;}
.match-cont span b{font-weight:bold!important;}

.progress-wrap{display: flex;
justify-content: space-between;
gap: 10px;}
.progress-wrap .progress-col{width:100%}

.progress-text{
display: flex;
align-items:center;
justify-content: space-between;
}
.progress-text .number-progress span{color:#000; font-weight:300; font-size:12px;}
.progress-bar-success1{
background-color:#009270!important;
}
.progress-bar-success2{
background-color:#00927038!important;
}
.progress-main{padding:0px 15px;}
.mar-10{margin-top:10px;}
.player-map-bg{
background-image: url(../images/ground-team.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;
padding: 40px 50px;
margin-top: 10px;
position:relative;
}

.player-map-bg:before{
content:"";
position:absolute;
left:0px;
right:0px;
height:100%;
width:100%;
top:0px;
bottom:0px;
background-color:#0000001f;

}

.player-list{position:relative;z-index:1;}



.team-row{    display: flex;
justify-content: center;
align-items: center;}
.team-name span{display:flex; position:relative;}
.setting{
position:absolute!important;
top: -5px;
left: 0px;
}
.setting1{     position: absolute !important;
bottom: 0px;
right: -7px;}

.setting1 i{    background-color: #df2357;
color: #000;
border-radius: 100%;
width: 18px;
height: 18px;
font-size: 10px;
display: flex;
justify-content: center;
align-items: center;
}

.bg-white1{
background-color:#fff;
color:#000;
}


.team-name .team-45{align-items: center;
border-radius: 9999px;
font-size: .75rem;
font-weight: 700;
height: 2rem;
position: relative;
width: 2rem;
justify-content: center; margin: auto; }
.bg-green{background-color:#009270; color:#fff}
.team-name .name{    font-size: 14px;
font-weight: 700;
color: #fff;}

.gap20{    gap: 20px;
justify-content: space-between;}
.mar-202{    margin-top: 20px;}
.gap202{    gap: 20px;
justify-content: space-around;}

.Substitutions-box{
border: 1px solid #f7f7f7;
border-radius: 8px;
margin: 10px 15px;
margin-top: 0px;
}

.Substitutions{margin-top:10px;}
.Substitutions-row{    display: flex;
justify-content: space-between;
gap: 15px;}

.Substitutions-col{
display: flex;
align-items: center;
gap: 30px;
}
.Substitutions-number span{
font-size: 12px;
font-weight: 300;
}

.Substitutions-text span{
font-size: 12px;
font-weight: 600;
}
.Substitutions1 i{background-color: #df2357;
color: #000;
border-radius: 100%;
width: 18px;
height: 18px;
font-size: 10px;
display: flex;
justify-content: center;
align-items: center;}
.Substitutions2 i{background-color: rgb(35, 223, 140);
color: #000;
border-radius: 100%;
width: 18px;
height: 18px;
font-size: 10px;
display: flex;
justify-content: center;
align-items: center;     transform: scaleY(-1);}

.Substitutions-text div{display: flex;
align-items: center;
gap: 7px;}

.Substitutions2{margin-top:3px;}
.one01{border: 1px solid #000;
width: 24px;
height: 24px;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center; position:relative;}
.one-gap{gap:10px!important;}
.one011{    background-color: rgb(35, 223, 140);
color: #000;
border-radius: 100%;
width: 12px;
height: 12px;
font-size: 7px !important;
display: flex !important;
justify-content: center;
align-items: center;
transform: scaleY(-1);         position: absolute;
right: -5px;
bottom: -3px;}

.w{    background-color: #23df8c;
color: #000;
display: block;
width: 35px;
height: 35px;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;}  

.L{    background-color:#f55;
color: #000;
display: block;
width: 35px;
height: 35px;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;}   
/**end of Qualification-Details css**/



/**cricket css**/
.country-spn{
display:block;
font-size: 10px;
}
.filter-n{
filter:none!important;
}
.domestic-sub-box a{
justify-content: space-between;
display:flex;
align-items:center;
}
.domestic-col{width:100%;}
.domestic-wrap{
justify-content: space-between;
gap:5px;
display:flex;
}
.domestic-wrap span{
color: #000;
font-weight: 400;
font-size: 11px;
}
.domestic-col .champion-text01 span{
display:block;
color: #000;
font-weight: 400;
font-size: 11px;
}
.domestic-col .champion-text01 h3 span{
font-size: 14px;
margin-bottom: 0px;
font-weight: 600;
color: #000;}

.domestic-col .champion-text01 h3{
justify-content: space-between;
display: flex;
gap:5px;
}
.domestic-col .champion-text01 h3 sub{bottom: 0px;
left: 2px;}


.tab-pane .champions-box h3{
font-size:14px;
}

.table-show{    margin: 0px 10px; padding: 0px 10px;}
.center-t{display:block; text-align:center;}
.table-show .table tr td a{
    color:#000;
    font-size:12px;
    font-weight:400;
}
.table-show .table tr  th{      color:#000;
    font-size:11px;
    font-weight:500; text-transform:uppercase;}
.table-show .table tr td{
      color:#000;
    font-size:11px;
    font-weight:400;
}
.table-bordered thead td, .table-bordered thead th {
    border-bottom-width: 1px!important;
}

.domestic-mar{margin-top:10px!important;margin-left:0px!important; margin-right:0px!important;}
.cricket-match span{    color: #000;
    font-size: 12px;
    font-weight: 400;}
  .p-10{padding:10px;}
.cricket-row{justify-content:left!important;}
.bg-h-light{    background-color: #bdbdbd;}
.cricket-wrap-Commentary{overflow:hidden;}
.cricket-Commentary span{font-size: 11px;
    font-weight: 700;}

.cricket-summary-item-commentary{
display: flex;
align-items: center;
gap: 20px;
}

.cricket-summary-item-commentary .cricket-summary-item{
  display: flex;
align-items: center;
gap: 20px;
}
.cricket-summary-item-text h3{    font-size: 12px;
    font-weight: 600;
    color: #000;
    margin-bottom: 2px;}
.cricket-summary-item-text p{font-size: 11px;
    font-weight: 400;
    color: #000;
    margin-bottom: 0px;}
.circle-number22 span{    background-color: #009270;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    display: flex;
    text-align: center;
    color: #fff;
    justify-content: center;
    align-items: center;
    line-height: 15px;}
.cricket-summary-item span{font-size:12px;     line-height: 15px;}
.cricket-summary-item-commentary .m-red span{background-color:#df2357a8;}
.bpw-wrap .sub-tab{padding-left:0px!important; padding-right:0px!important;}
.bpw-wrap .nav-tabs{padding-left:10px; padding-right:10px;}
.bpw-wrap .nav-tabs li a{display:inline-block;}
.bpw-wrap .cricket-summary-item-text h3{    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;}

#Teams-M .table-show .table tr td{    border-left: 0px;
    border-right: 0px;}    
/**end of cricket css**/


/**news css**/
.news-wrap{
    display: flex;
    gap: 20px;
}
.news-img-wrap{width:250px; height:95px; border-radius:4px; overflow:hidden;}
.news-img-wrap img{width:100%; height:100%;     object-fit: cover;}
.news-text-wrap h3 a{color:#000;}
.news-text-wrap h3{font-size:14px;font-weight:600;}
.news-img-wrap a{display:block; height:100%;}
.news-text-wrap{ width: 100%;
    display: flex;
        padding: 8px 0px;
    flex-wrap: wrap;
    align-content: space-between;}
.news-ul{  
display: flex;
    flex-wrap: wrap;
    align-content: center;
    width: 100%;
    justify-content: space-between;}

.news-wrap01 ul{    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;}  

.news-wrap01 ul li a{    display: inline-block;
    background-color: #1bb07e14;
    color: #000;
    font-size: 14px;
    padding: 6px 10px;
    border-radius: 50px;
    font-weight: 500;
}

.bor-b-1{
      border-bottom: 1px solid #f3f3f3;
}
.news-blog-img img{width:100%; height:100%;}
.news-blog{padding:10px;}
.news-blog-img{
  padding:15px 0px;
}
.news-title-de h3{font-size:18px; margin-bottom:0px; color:#000;}
.news-blog-text p{font-size:14px; color:#000; font-weight:400;}
.news-blogtag{border-top:1px solid#f7f7f7; padding:10px 10px;}
/**end of news css**/







/**responsive css**/

@media (min-width: 992px) {
.mobile-show-menu{display:none;}
.cust-col-4{max-width: 28.333333%!important; flex: 0 0 28.333333%!important;}

.cust-col-2{flex: 0 0 21.666667%!important;
max-width: 21.666667%!important;}
.table-show{width:auto!important;}



}




@media (max-width: 991px) {
.mobile-show-menu .menu-bar{justify-content: space-between!important;}
.mobile-show-menu{    position: fixed;
bottom: 0px;
left: 0px;
right: 0px;
padding: 15px 20px;
z-index: 8;
background-color: #ffff;
border-top: 1px solid #ddd;
box-shadow: 0px 5px 6px #00000052;}

body.is-active{
    position:relative;
}

body.is-active:before{
    content:"";
    position:absolute;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    height:100%;
    z-index:9;
    width:100%;
    background-color:#0000003d;
}



.mobile-show-menu .menu-bar li a {
font-size: 13px;
color: #000;
font-weight: 600;
transition: 0.4s;
display: flex;
align-items: center;
gap: 1px;
flex-direction: column;}

.none{display:none;}
.p-0{padding-left:0px; padding-right:0px;}

.tab-bar ul {
border-bottom: 0px !important;
gap: 13px;}

.ground-img {
padding: 20px 30px; height:210px;}

.slider-img img{width:200px;object-fit:cover;}
.player-map-bg{padding: 40px 18px;}
.team-name .name {
font-size: 10px;}
.table-show{margin:0px!important;}
.middle-box-wrap{margin-bottom:25px;}

}


@media (max-width: 500px) {
.news-wrap01{
  display:none;
}


}

/**end of responsive css**/


/*/////////////////////start new css */

.rg-2{
display: none;

}.tm-2{
display: none;

}
.cb-2{
display: none;

}
.Region-arrow svg {
    width: 34px;
    height: 20px;
}




.fa-star-o{
    display:none!important;
}




body.view_region .region-bar li{
display: block!important;
}
body.view_region .region-bar .rg-1{
display: none!important;
}
body.view_region .region-bar .rg-2{
display: block!important;
width: 30px!important;
}
/*body.view_region .region-bar .Region-arrow svg {
    width: 34px;
    height: 20px;
}
*/


body.view_team .team-bar li{
display: block!important;
}
body.view_team .team-bar .tm-1{
display: none!important;
}
body.view_team .team-bar .tm-2{
display: block!important;
width: 30px!important;
}



body.view_Competitions .competitions-bar li{
display: block!important;
}

body.view_Competitions .competitions-bar .cb-1{
display: none!important;
}
body.view_Competitions .competitions-bar .cb-2{
display: block!important;
width: 30px!important;
}



#sidebar_callback{
    text-align: center!important;
}

/***datepicker css**/
.datepicker1 ul{display:flex; flex-wrap:wrap;     width: 83.7%;    justify-content: space-between; padding-right:20px;}
.datepicker1 ul li span{display:block;}
.datepicker1 ul li a{    color: #aaa;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;}
.datepicker1 ul li a .ng{font-size:9px;}
.datepicker1 ul li{text-align: center;}
.date-active span{color:#009270;}
/***end of datepicker css**/

.bg02 {
    background-color: rgb(255 134 0);
    height: 15px;
    width: 10px;
    border-radius: 2px;
}

.Eu svg {
    display: block;
    max-height: 14px;
    min-width: 14px;
}