:root {
    --green-color:  #00D158; 
    --grey-color: #4F4F4F; 
    --dark-black-color:#001A0B;
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&display=swap');

body { font-family: 'Inter', sans-serif!important; color:var(--grey-color); font-size: 16px; letter-spacing:-.25px; line-height: 1.6; }

.nav-link:focus {color:var(--green-color);}
.header-area {background: #EFEFEF; margin-bottom: 60px;}
.main-logo {color:var(--green-color);}
/*header .main-logo { margin-top: 25px;}*/
.row.bannerslider {margin-top: 80px; }
.main-nav {margin-top: 25px; /*margin-bottom:80px;*/}
 ul.main-nav {float: left;margin-left: 125px;}
.main-nav li {font-size: 16px; color: #001A0B; font-weight: 400; padding:0 30px; }
.main-nav li:first-child { padding-left:0px; }
.main-nav li:last-child { padding-right:0px; }
.main-nav li a { text-decoration: none; color:var(--dark-black-color); font-weight:500;} 
.main-nav li a:hover {color:var(--green-color); }
.main-nav li a.active {color:var(--green-color); font-weight:500;}
.wer {font-size: 18px; color: var(--dark-black-color); margin-top: 100px; display: block;}
.main-nav .dropdown-menu li {padding-left:0px; padding-right:0px; width:100%;}
.main-nav .dropdown-menu li a {width:100%;}
.home-hamburger { width: 18px; height: 22px; float: right; margin-top: 24px; cursor: pointer;} 
ul.main-nav a.nav-link.dropdown-toggle {padding: 0;}



.hamburger-menu {
    margin: 23px 0px 10px 0px;
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    height: 1.9rem;
    width: 1.8rem;
    cursor: pointer;
}
  .bar-top,
  .bar-middle,
  .bar-bottom {
    height:4px;
    background: rgb(0, 0, 0);
    border-radius: 5px;
    margin: 3px 0;
    transform-origin: left;
    transition: all 0.5s;
  }
 

   .hamburger-menu.click-here .bar-top {
    transform: rotate(45deg);
    } 

   .hamburger-menu.click-here .bar-middle {
    transform:translateX(500);
    opacity: 0;
  }
  .hamburger-menu.click-here .bar-bottom {
    transform: rotate(-45deg);
  }
  

.hamburger-box { background: #EFEFEF;
    height: auto;
    position: absolute;
    top: 79px; display: none;
    border-top: 1px solid #dfd8d8;
    padding: 25px 0;
}

.hamburger-box ul.nav li a { color: #001A0B; font-size: 15px;
    text-decoration: none; 
    width: 139px; font-weight:500;
    display: block;
    margin-bottom: 17px;
}

.hamburger-box ul.nav li a:hover { color:var(--green-color);}






.header-area h1 { font-size: 45px; color:var(--dark-black-color); margin-bottom: 24px; position: relative;}
.header-area h1::after {
    position: absolute;
    bottom: -6px;
    left: 3px;
    width: 42px;
    height: 4px;
    background-color: #00D158;
    content: " ";
    border-radius: 11px;
}
.banner-container {height: 482px; width: 750px; position: relative; left: 5px;}
.banner-container ul li { position: relative; width: 250px; background-color: rgb(255, 255, 255); height: 485px;}
.banner-container .banner-title {
    position: absolute;
    width: 116px;
    height: 32px;
    left:1px;
    top: 0;
    background: #00D158;
    backdrop-filter: blur(4px);
    border-radius: 0px 0px 6px 0px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    line-height: 32px;
}

.banner-container .banner-btn {
    position: absolute;
    right: 14px;
    bottom: 14px;
    width: 40px;
    height: 40px;
}


h2 {font-weight: 400; font-size: 36px; line-height: 44px; margin-bottom: 50px;}
.sports-box { padding:10px;
width: 360px;
height: 318px;
background: #FFFFFF;
box-shadow: 0px 2px 8px -1px rgba(0, 26, 11, 0.1);
border-radius: 16px; margin-bottom: 30px;
}

.sports-box > .sports-img {width: 100%; height:220px; margin-bottom: 34px; border-radius: 16px; }
.sports-box > .sports-img img {
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 16px;
     overflow: hidden;
}
 a.sports-name {width: auto; display: block; font-weight: 600; color: var(--dark-black-color); padding-left: 10px; padding-right: 80px; position: relative; text-decoration: none; transition: .7s ease all; -webkit-transition: .7s ease all;}
 a.sports-name::after {width:40px; height:40px; background-image: url("../images/name-btn.png"); content:" "; top:-8px; right: 10px; position: absolute; }

 a.sports-name:hover {color: var(--green-color);}
 /* a.sports-name:hover::after {right:5px;} */

.stats-wrap {
    width: 750px;
    height: 318px; background: #FFFFFF;
    box-shadow: 0px 2px 8px -1px rgba(0, 26, 11, 0.1);
    border-radius: 16px; padding:24px 24px 0; margin-bottom: 30px;

}

.stats-wrap h3 {font-weight: 600; margin-bottom: 17px; color:var(--dark-black-color);}
.stats-wrap ul.nav { }
.stats-wrap ul.nav li { margin-bottom:13px; float: left; width: 100%;}
.stats-wrap ul.nav li p { width:auto; margin-right: 25px; float: left; color:var(--grey-color); margin-bottom: 0;}
.stats-wrap ul.nav li a { width:auto; margin-left: 25px; float: right; color:var(--green-color);     position: relative; padding-right: 10px;}

.stats-wrap ul.nav li a:hover, .sports-box.article-box a:hover {text-decoration:none;}

.stats-wrap ul.nav li a::after {
    width: 7px;
    height: 13px;
    position: absolute;
    top: 6px;
    right: -4px;
    content: " ";
    background-image: url("../images/r-arrow.png");
}


.sports-box.article-box { height:385px;}
.sports-box.article-box p { margin:0 auto 10px; width: 92%; font-weight: 600; color: var(--dark-black-color); min-height: 74px;}
.sports-box.article-box > .sports-img {width:100%; height:220px; margin:0 auto 20px;}
.sports-box.article-box a { margin-left: 15px; color: var(--green-color); }





/***-Category page CSS-***/

.container.category-page { }
li.breadcrumb-item > a {color:var(--green-color); text-decoration: none;}

.container.category-page h1 { 
font-weight: 400;
font-size: 26px;
line-height: 26px;
color: var(--dark-black-color);
margin-bottom:30px;
}

.container.category-page nav ol.breadcrumb { margin-bottom: 24px; }
.category-inner { padding: 32px 24px 10px; margin-top: -1px;
border: 1px solid #EFEFEF; margin-bottom: ;
border-radius: 6px;}

.category-inner:last-child { margin-bottom:25px;}
.category-inner h2 { margin-bottom:24px; font-weight: 500; font-size: 18px; line-height: 22px;
color:var(--dark-black-color); margin-left: 10px;}
.category-inner .stats-wrap { width: auto; padding: 16px 16px 0;}
.category-inner .stats-wrap ul li {margin-bottom:22px;}
.category-inner .stats-wrap ul li p {font-size:14px; margin-bottom:0px;}
.category-inner .stats-wrap ul li a {font-size:14px;}
ul.subcategory-box { padding:0px; }
ul.subcategory-box li { margin-bottom: 24px; position: relative;
width: 250px; list-style-type: none; line-height: 73px;
height: 91px; background: #FFFFFF;
box-shadow: 0px 2px 8px -1px rgba(0, 26, 11, 0.1);
border-radius: 8px; padding:5px 8px 5px 5px; float:left;}

ul.subcategory-box li:after {width:40px; height: 40px;}
ul.subcategory-box .sub-img {width:78px; height:78px;
border: 1px solid #EFEFEF; margin-right: 16px;
border-radius: 8px;  float: left;}
.category-inner ul.subcategory-box li a {float: left;
    width: 100%; text-decoration: none; align-items: center; color: var(--grey-color);}
.category-inner ul.subcategory-box li p { margin-bottom: 0; float: left;}
ul.subcategory-box li:nth-child(even) {float: right;}
.category-inner ul.subcategory-box li .clickbtn-img {width:40px; height: 40px; float:right; }




/***-Test Match CSS-***/
.container-fluid.header-area.inner-nav {margin-bottom:40px;}
.container-fluid.header-area.inner-nav ul {margin-bottom: 25px;}
.subcategories-page .stats-wrap { padding: 0px 10px 0; box-shadow: none; height: auto; margin-bottom: 7px;}


/***-Stats CSS-***/
.stat-wrp { }
.stat-wrp { margin-bottom:30px;font-style: normal;
    font-weight: 400; color: #4F4F4F; font-size: 16px; line-height: 22px;
}
.stat-wrp table.tablepress  {margin-top:0px; margin-bottom:30px;border: 1px solid #dee2e6 !important;text-align: center !important;}
.stat-wrp table.tablepress td, .stat-wrp table.tablepress th {padding:18px 18px; }
.stat-wrp table.tablepress td {font-size: 16px; line-height: 22px;}
.stat-wrp table.tablepress > :not(:last-child) > :last-child > * {background: #ebfbf2!important; letter-spacing: 1px; text-transform: uppercase; color: #4F4F4F; font-style: normal; font-weight: 600; font-size: 14px; border-bottom: solid 1px #d0dbd4;
}

.stat-wrp table.tablepress tbody tr:nth-of-type(odd) {background-color:#fafafa!important; background-color: transparent; border-bottom-width: 1px; box-shadow: none; --bs-table-accent-bg: rgb(250 250 250);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
}

.stat-wrp table.tablepress tbody tr td:first-child {color: #8C8C8C;}
.stat-wrp .latest-update {
    padding: 7px 10px 7px;
    font-size: 13px;
    width: auto;
    /*display: inline-flex;*/
    border: 0;
    margin-top: 25px;
    font-weight: 600;
    color: #2e2e2e;background-color: #ebfbf2;
}

.stat-wrp > p { margin-bottom: 0px;}
































































































footer {
    width: 100%;
    padding: 11px 0;
    background: #EFEFEF;
    height: auto;
    display: block;
    text-align: center;
    font-size: 13px;
}