body {
      margin: 0;
      /* background: #0b0f2a; */
      font-family: 'Poppins', sans-serif;
      /* Arial, sans-serif; */
    }

/* footer */
.footer {
    background:linear-gradient(90deg, #000823, #001d4a, #000823);
    color: rgb(220 235 255 / 80%);
    padding: 50px 0 20px;
    font-size: 15px;
}
.bg-2nd{
     background:
    radial-gradient(circle at 14% 15%, rgba(70,160,255,.30), transparent 45%),
    radial-gradient(circle at 88% 40%, rgba(255,83,190,.14), transparent 44%),
    linear-gradient(140deg, var(--bg0) 0%, var(--bg1) 55%, #01031a 100%) !important;
    /* color: #bbb; */
    padding: 20px 0 10px;
   
}
.w-20{
width:20%;
}
.cricgiri-logo-image {
    width: 150px;
}
.footer a {
    color: rgb(220 235 255 / 80%);
    display: block;
    margin-bottom: 6px;
    transition: .3s;
}
.footer a, .linktext, a:link, a:visited {
    text-decoration: none;
}
.footer .social i {
    font-size: 1.2rem;
    margin-right: 15px;
    color: #bbb;
    transition: .3s;
}
/* <footer end  */
    .table-card{
        border: 1px solid #657fe9;
        padding: 10px;
        border-radius: 10px;
    }
 .table thead th {
    background: #000c34;
    font-size: 0.8rem;
    color: #adadad;
    text-transform: uppercase;
    border-bottom: 1px solid #eee;
}
.topPlayer{
  color: #c6cb05 !important;
  font-weight: 600 !important;
}
.tHeanding h5 {
    color: #053c72;
}
@media (max-width: 576px) {
  .shield-header img {
      width: 75px !important;
      height: 75px !important;
  }
  .w-sm-50{
    width: 32%;
  }
    .score-table td, .score-table th {
        font-size: 13px;
        padding: 6px;
    }
}
.bg-banner {
background: url(../images/bg.png);
}

    /* Gradient Header */
    .navbar-custom {
      background: linear-gradient(90deg, #000823, #001d4a, #000823);
      padding: 15px 0;
    }
 /* Gradient Header */
  
    /* Menu Links */
    .navbar-nav .nav-link {
      color: #fff;
      font-weight: 600;
      letter-spacing: 1px;
      margin: 0 10px;
      position: relative;
      transition: 0.3s;
    }

    .navbar-nav .nav-link:hover {
      color: #00e0ff;
    }

    /* Active underline effect */
    .navbar-nav .nav-link.active::after {
      content: "";
      position: absolute;
      bottom: -8px;
      left: 0;
      width: 100%;
      height: 3px;
      background: linear-gradient(90deg, #339ef5, #1fb7f8);
      border-radius: 10px;
    }

    /* Logo */
    .logo {
      height: 40px;
    }

    /* Search Icon Glow */
    .search-btn {
      width: 45px;
      height: 45px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      background: radial-gradient(circle, #00e0ff, #8a2be2);
      box-shadow: 0 0 10px #00e0ff, 0 0 20px #8a2be2;
      color: #fff;
      transition: 0.3s;
    }

    .search-btn:hover {
      transform: scale(1.1);
      box-shadow: 0 0 20px #00e0ff, 0 0 40px #8a2be2;
    }

    /* Mobile adjustments */
    @media (max-width: 991px) {
      .navbar-nav {
        text-align: center;
        margin-top: 15px;
      }

      .navbar-nav .nav-link {
        margin: 10px 0;
      }

      .search-container {
        justify-content: center;
        margin-top: 15px;
      }
      
    }

/* current match/ upcoming match  */
/* Header Row */
.section-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:15px;
}

.section-title{
  font-size:24px;
  font-weight:700;
  color: white;
}

/* Slider buttons */
.slider-btn{
    color: #a9a9a9;
  width:30px;
  height:30px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,0.3);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-left:5px;
  cursor:pointer;
  transition:0.3s;
}


.slider-btn:hover{
  background: linear-gradient(90deg, #008a9d, #47008b);
  box-shadow:0 0 10px #0c7f8f;
}

/* MATCH CARD */
.match-card{
  /* background: linear-gradient(90deg, #0773ff, #ffdd4a); */
  background: linear-gradient(90deg, #95080d, #0028ab);
  border-radius: 18px;
  /* border:1px solid white; */
  padding:2px;
  min-height:270px;
  text-align:center;
  min-height:clamp(220px, 34vw, 230px);
}

/* Inner Card */
.match-inner1{
  background:linear-gradient(92deg, #00214a, #004cab, #e7b608);
  border-radius:15px;
  padding:30px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:270px;
  transition:0.3s;
}
.match-card2 {
    background: linear-gradient(90deg, #d25342, #085bd7);
    border-radius: 18px;
    /* border: 1px solid white; */
    padding: 2px;
    min-height: 270px;
    text-align: center;
}
.match-inner2 {
    background: linear-gradient(92deg, #ca473b, #1f212b, #002f78);
    border-radius: 15px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 270px;
    transition: 0.3s;
}
.team{
    color: white;
  font-size:32px;
  font-weight:800;
}

.btn-live{
  margin-top:15px;
  background: linear-gradient(90deg,#00e0ff,#a855f7);
  border:none;
  padding:8px 20px;
  border-radius:25px;
  color:#fff;
}

/* Upcoming Scroll */
.upcoming-scroll{
  max-height:280px;
  overflow-y:auto;
      scrollbar-width: none;
}
/* Upcoming Scroll */
.news-scroll{
  max-height:393px;
  overflow-y:auto;
      scrollbar-width: none;
}

.upcoming-card{
    color: white;
  background: linear-gradient(120deg,#0d3c78,#8b1e3f);
  border-radius:15px;
  padding:15px;
  margin-bottom:10px;
}

/* Responsive */
@media(max-width:991px){
  .section-header{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }
}

/* player images */
.player{
  position: absolute;
  top:2px;
  bottom:5px;
  height:280px;
}

/* .player-left{
  left:25px;
}

.player-right{
  right:25px;
} */

/* Card Wrapper with Gradient Border */
.match-card1{
  padding:1px;
  border-radius:18px;
  background: linear-gradient(90deg,#00c6ff,#ff4d6d);
  margin-bottom:6px;
  color: white;
}

/* Inner Card */
.match-inner{
   background:linear-gradient(90deg, #04567e, #000823);
  border-radius:18px;
  padding:10px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:110px;
  transition:0.3s;
}
.news-card{
  padding:1.2px;
  border-radius:10px;
  background: linear-gradient(135deg, #353536, #0028af);
  margin-bottom:7px;
  color: white;
   transition: transform 0.7s ease;
}

/* .news-card:hover {
    transform: translateY(-8px) scale(1.02);
} */

/* Inner Card */
.news-inner{
  background: linear-gradient(180deg, rgb(9 15 52 / 79%), rgba(7, 13, 44, .84));
  border-radius:8px;
  padding:5px;
  min-height:90px;
  transition:0.3s;
}

/* Hover Effect */
.match-inner:hover{
  transform:translateY(-3px);
  box-shadow:0 0 10px rgba(0,198,255,0.4);
}

/* Team Row */
.team-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
}

/* Team Logo */
.team-logo{
  width:85px;
  height:80px;
  border-radius: 5px;
  /* object-fit:contain; */
}

/* VS Text */
.vs{
  font-size:22px;
  font-weight:700;
  opacity:0.9;
}

/* Match Day */
.match-day{
  margin-top:0px;
  font-size:16px;
  font-weight: 500;
  letter-spacing:1px;
  opacity:0.8;
}

/* Responsive */
@media(max-width:576px){
    .player {
    position: absolute;
    bottom: 10px;
    height: 130px;
}
.section-title {
    margin-top: 15px;
    font-size: 20px;
    font-weight: 600;
    color: #e9e9e9;
}
  .team-logo{
    width:75px;
    height:75px;
  }

  .vs{
    font-size:28px;
  }
}

/* top stories  */
/* Title */


/* Card container */
/* .story-card {
    height: 300px;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    padding: 2px;
    background: linear-gradient(135deg, #00d4ff, #ff00c8);
    transition: transform 0.4s ease;
} */

/* .story-card:hover {
    transform: translateY(-8px) scale(1.02);
} */

/* Inner card */
/* .story-inner {
    height: 296px;
    background: #0f1f3d;
    border-radius: 14px;
    overflow: hidden;
} */

/* Image */
/* .story-img {
    padding: 5px;
    width: 100%;
    height: 230px;
    object-fit: cover;
} */

/* Text */
/* .story-text {
    color: rgb(219, 219, 219);
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
} */
.article-card {
    height: 400px;
    border-radius: 10px;
    padding: 2px;
    background: linear-gradient(135deg, #353536, #0028af);
    transition: transform 0.4s ease;
}

/* .article-card:hover {
    transform: translateY(-8px) scale(1.02);
} */

/* Inner card */
.article-inner {
    height: 396px;
    background: #010b25;
    border-radius: 10px;
    overflow: hidden;
}

/* Image */
.article-img {
    border-radius: 10px;
    padding: 5px;
    width: 100%;
    height: 300px;
    object-fit: cover;
}

/* Text */
.article-text {
    padding: 10px;
    color: #d5d5d5;
}

/* Carousel arrows */
.carousel-control-prev,
.carousel-control-next {
    width: 50px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: rgba(255,255,255,0.2);
    border-radius: 50%;
    padding: 15px;
}

/* Smooth slide animation */
.carousel-item {
    transition: transform 0.6s ease-in-out;
}

/* Responsive */
@media (max-width: 767px) {
    .story-img {
        height: 200px;
    }
    .story-text {
        font-size: 16px;
    }
}

/* POINT TABLE  */
/* Header */
.section-header {
    display: flex;
    justify-content: space-between;

}

.section-title1 {
    font-size: 20px;
    color: #ffffff;
    font-weight: 700;
}

/* Nav buttons */
.nav-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.2);
    background: rgba(255,255,255,0.08);
    color: #fff;
    transition: 0.3s;
}
.nav-btn:hover {
    background: linear-gradient(135deg, #00d4ff, #ff00c8);
}

/* Table header */
.table-head {
   color: white;
    opacity: 0.7;
    font-size: 14px;
    margin-top: 20px;
    grid-template-columns: 50px 1.5fr repeat(4, 1fr);
}

/* Scroll area */
.table-container {
    max-height: 500px;
    overflow-y: auto;
    padding-right: 5px;
      scrollbar-width: none;
}
.table-tr{
     color: white;
        background: linear-gradient(90deg, #000e40, #000c34)!important ;
    border-radius: 12px;
    padding: 12px;
    margin-bottom: 10px;
}
/* Row */
.table-row {
   color: white;
    display: grid;
    grid-template-columns: 50px 1.5fr repeat(4, 1fr);
    align-items: center;
    background: linear-gradient(90deg, #000e40, #000c34);
    border-radius: 12px;
    padding: 12px;
    margin-bottom: 10px;
    position: relative;
    transition: all 0.3s ease;
    animation: fadeInUp 0.6s ease;
}
.table-clr {
    color: white;
    background: #000c36;
    border-radius: 12px;
    padding: 12px;
    margin-bottom: 10px;
  
    transition: all 0.3s ease;
    animation: fadeInUp 0.6s ease;
}

/* Left gradient indicator */
.table-row::before {
     background: linear-gradient(90deg, #000e408a, #000c34d2);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 6px;
    border-radius: 12px 0 0 12px;
}

/* Different colors */
.rank-1::before { background: #00ff88; }
.rank-2::before { background: #00d4ff; }
.rank-3::before { background: #ffd700; }
.rank-last::before { background: #ff4d6d; }

/* Hover effect */
.table-row:hover {
    transform: scale(1.02);
    background: rgba(255,255,255,0.08);
}

/* Team */
.teamName {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
}

/* Form badges */
.form span {
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
    margin-right: 5px;
}

.win {
    background: #2ecc71;
    color: #000;
}

.loss {
    background: #ff4d6d;
}

/* Animation */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive */
@media(max-width:768px){
    .table-row {
        grid-template-columns: 30px 1fr repeat(3, 1fr);
        font-size: 12px;
    }

    .hide-mobile {
        display: none;
    }
}


/* new css */
/* Outer gradient border */
.overlay-card {
    position: relative;
    width: 320px;
    border-radius: 20px;
    padding: 2px;
    background: linear-gradient(135deg, #00d4ff, #ff00c8);
    overflow: hidden;
    transition: 0.4s ease;
}

/* Inner container */
.overlay-inner {
     width: 318px;
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    background: #0b1c3a;
}

/* Image */
.overlay-img {
    width: 100%;
    height: 230px;
    object-fit: cover;
}

/* Overlay gradient */
.overlay-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgb(0 0 0 / 87%), #00000000 60%);
}

/* Content */
.overlay-content {
  padding: 4px;
    background: linear-gradient(to top, rgb(0 0 0 / 27%), #0000005e 60%);
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    color: #fff;
}
 

.overlay-content h3 {
    font-weight: 550;
    font-size: 16px;
    line-height: 1.2;
    
}

/* Hover animation */
/* .overlay-card:hover {
    transform: scale(1.05);
} */

/* Glow effect */
.overlay-card:hover {
    box-shadow: 0 0 10px rgba(255, 0, 200, 0.5),
                0 0 10px rgba(0, 212, 255, 0.5);
}
.video-carousel-wrapper {
    position: relative;
    padding-left: 0;
    padding-right: 0;
}
.video-cards-scroll-container {
    scrollbar-width: none;
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 15px;
    scroll-snap-type: x mandatory;
    gap: 6px;
}

/* Fade animation */
.news-card {
    animation: fadeUp 0.8s ease;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive */
@media (max-width: 575px) {
    .news-card {
        width: 100%;
    }
    
    .team-shield{
      padding: 2px 10px !important;
      min-height: 125px !important;
    }

    .news-img {
        height: 350px;
    }

    .news-content h3 {
        font-size: 20px;
    }
    .table-card {
        padding: 8px;
    }
    .table-head, .table-row {
        grid-template-columns: 17px 1.2fr repeat(5, minmax(43px, 1fr));
        font-size: 11px;
        padding: 10px 8px;
    }
    
    
}
@media (max-width: 767px) {
    .w-sm-51{
      width: 95% !important;
    }
	.pl{
		margin-left:10px;
	}
    .table-head, .table-row {
        grid-template-columns: 17px 1.2fr repeat(4, minmax(43px, 1fr));
        font-size: 12px;
        column-gap: 6px;
    }
        .table-head, .table-row {
        grid-template-columns: 17px 1.2fr repeat(4, minmax(43px, 1fr));
        font-size: 12px;
        column-gap: 6px;
    }
   
        .teamName {
        gap: 6px;
        font-size: 12px;
    }
        .teamName img {
        width: 22px;
    }
	.tab-scroll {
  white-space: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}
 
.tab-scroll::-webkit-scrollbar {
  display: none;
}
 
/* Prevent shrinking */
.tab-scroll .nav-link {
  flex: 0 0 auto;
  font-size: 14px;
  color: #aab3d1;
}
 
/* Active tab style */
.tab-scroll .nav-link.active {
  color: #00e0ff;
  border-bottom: 2px solid #00e0ff;
}
.h4{
    font-size: 18px;
}
.player-row td, .player-data-row td{
    font-size: 13px;
    padding: 6px 6px;
    color: #ffffffd1 !important;
}
	
}


/* player profile  */

/* Custom width for 5 cards in a row on large screens */
@media (min-width: 992px) {
    .col-lg-2-5 {
        flex: 0 0 auto;
        width: 20%;
    }
}

/* Hide scrollbar but keep functionality */
.scroll-container::-webkit-scrollbar {
    display: none;
}

/* The Shield Design */
.team-shield {
   position: relative;
    padding: 10px 10px;
    text-align: center;
    color: white;
    min-height: 180px;
    clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    /* border: 1px solid rgba(255, 255, 255, 0.1); */
    backdrop-filter: blur(5px);
}

.team-shield:hover {
    transform: scale(1.05) translateY(-2px);
    z-index: 10;
}

/* * Team Specific Gradients */ 
.rcb { background: linear-gradient(180deg, #b31d24 0%, #2d0a0b 100%); }
.kkr { background: linear-gradient(169deg, #3a225d 51%, #d9bb4c 100%); }
.rr  { background: linear-gradient(166deg, #2d4295 35%, #ea1a85 100%); }
.mi  { background: linear-gradient(173deg, #ffcd5b 0%, #0065ad 68%); }
.csk { background: linear-gradient(170deg, #ffde88 42%, #0039b1 91%); }
.gt { background: linear-gradient(169deg, #1b2033 50%, #c9a95f 100%);}
.lsg { background: linear-gradient(173deg, #ffac4d 29%, #0174c5 82%);}
.srh { background: linear-gradient(180deg, #f99e0f 0%, #6c1301 100%);}
.dc { background: linear-gradient(178deg, #245ca7 41%, #af0014 100%);}
.pk { background: linear-gradient(181deg, #dd1e2d 57%, #f1ae1e 100%);}

.shield-header h3 {
    font-family: 'Oswald', sans-serif;
    font-size: clamp(1rem, 1.6vw, 2.35rem);
    margin-top: 10px;
    letter-spacing: 2px;
}
.shield-header img{
width: 100px;
height: 100px;
}


.details p { margin: 0; line-height: 1.2; text-align: left;}
.details .name { font-size: 0.9rem; font-weight: 600; }
.details .role { font-size: 0.7rem; opacity: 0.7; }



/* news match banner css  */

    .match-banner {
      position: relative;
      border-radius: 18px;
      overflow: hidden;
      /* border: 2px solid #00a7ff; */
      min-height: clamp(220px, 34vw, 292px);
      box-shadow: 0 15px 30px rgba(0, 0, 0, 0.35);
    }

    .match-banner::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(3, 8, 28, 0.88) 0%, rgba(3, 8, 28, 0.2) 56%, rgba(3, 8, 28, 0) 100%);
      pointer-events: none;
    }

    .player-bg {
      position: absolute;
      top: 0;
      bottom: 0;
      width: clamp(130px, 24vw, 290px);
      z-index: 1;
      pointer-events: none;
    }

    .player-bg-left {
      left: 0;
      /* background: linear-gradient(90deg, rgba(0, 106, 255, 0.55) 0%, rgba(0, 106, 255, 0.08) 78%, rgba(0, 106, 255, 0) 100%); */
   background: linear-gradient(90deg, rgb(0 0 0 / 56%) 0%, rgb(114 97 97 / 14%) 76%, rgba(255, 221, 0, 0) 100%);
    }

    .player-bg-right {
      right: 0;
      /* background: linear-gradient(270deg, rgba(255, 221, 0, 0.62) 0%, rgba(255, 221, 0, 0.14) 76%, rgba(255, 221, 0, 0) 100%); */
     background: linear-gradient(270deg, rgb(0 0 0 / 56%) 0%, rgb(114 97 97 / 14%) 76%, rgba(255, 221, 0, 0) 100%);;
    }

    .player-img {
      position: absolute;
      bottom: 0;
      z-index: 2;
      pointer-events: none;
      filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.35));
    }

    .player-left {
      left: 0;
      /* width: clamp(120px, 21vw, 165px); */
       height:  clamp(200px, 21vw, 285px);
    }

    .player-right {
      right: 0;
      /* width: clamp(120px, 20vw, 165px); */
       height:  clamp(200px, 21vw, 285px);
    }

    .player-name {
      position: absolute;
      bottom: 16px;
      z-index: 4;
      color: #fff;
      font-weight: 900;
      text-transform: uppercase;
      text-shadow: 0 3px 10px rgb(0 0 0);
      line-height: 0.9;
      letter-spacing: 1.2px;
      font-size: clamp(1rem, 1.6vw, 2.35rem);
      pointer-events: none;
    }

    .player-name-left {
      left: clamp(10px, 2vw, 18px);
      text-align: left;
    }

    .player-name-right {
      right: clamp(10px, 2vw, 18px);
      text-align: right;
    }

    .banner-content {
     position: relative;
    z-index: 3;
    padding: clamp(5px, 2.6vw, 10px);
    min-height: clamp(220px, 34vw, 230px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    }

    .top-row {
      margin: 0px auto;
    width: min(100%, 700px);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: clamp(10px, 2vw, 10px);
    color: #fff;
    font-weight: 650;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
    }

    .logo-wrap img {
      width: clamp(75px, 7vw, 110px);
      height: clamp(70px, 7vw, 110px);
      object-fit: contain;
    }

    .team-text {
      font-size: clamp(1.3rem, 4vw, 2.1rem);
      letter-spacing: 1px;
      line-height: 1;
    }

    .vs-text {
      font-size: clamp(1.2rem, 3.5vw, 2.8rem);
      color: #f2c7ff;
      line-height: 1;
    }

    .score-box {
     margin: 20px auto;
    /* width: min(100%, 760px); */
    padding: clamp(10px, 1.7vw, 8px) clamp(10px, 2vw, 15px);
    border-radius: 12px;
    text-align: center;
    background: linear-gradient(180deg, rgb(2 18 59 / 82%), rgb(5 18 56 / 94%));
    border: 1px solid rgba(163, 190, 255, 0.25);
    }

    .score-line {
      color: #fff;
      font-weight: 700;
      font-size: clamp(14px, 1.3vw, 2.05rem);
      line-height: 1.25;
    }

    .mi-score {
      color: #3ce6ff;
    }

    .srh-score {
      color: #eca41c;
    }

    .rcb-score {
      color: #e63a10;
    }

    .rr-score{
      color: #d30a4d;
    }


    .csk-score {
      color: #ffd34f;
    }

    .overs {
      font-size: clamp(0.8rem, 1.1vw, 1.1rem);
      font-weight: 600;
      opacity: 0.95;
    }

    .need-line {
      color: #a4fbaf;
      margin-top: 4px;
      font-size: clamp(0.9rem, 1.3vw, 1.7rem);
      font-weight: 700;
      letter-spacing: 0.8px;
    }

    .watch-btn {
      margin-top: 10px;
      border: 0;
      border-radius: 14px;
      padding: 10px 30px;
      font-size: clamp(0.9rem, 1.2vw, 1.15rem);
      font-weight: 800;
      letter-spacing: 0.4px;
      color: #13254c;
      background: linear-gradient(180deg, #d9f6ff 0%, #b8d2ff 100%);
      box-shadow: 0 8px 16px rgba(108, 160, 255, 0.35);
    }

    @media (max-width: 991.98px) {
      /* .player-left, */
      /* .player-right { */
        /* opacity: 0.72; */
      /* } */

      /* .player-name { */
        /* opacity: 0.9; */
      /* } */

      .top-row {
        width: min(100%, 560px);
      }
    }

    @media (max-width: 767.98px) {
      .match-banner {
        border-radius: 16px;
      }

      /* .player-left, */
      /* .player-right { */
        /* display: none; */
      /* } */
       /* .player-name, */
      /* .player-right { */
        /* display: none; */
      /* } */
.logo-wrap img{
	display:none;
}

      .player-bg {
        width: 36%;
      }

      .player-name {
        bottom: 10px;
        font-size: clamp(0.85rem, 12px, 1.1rem);
		display:none;
      }
.vs-text img{
width:50px;
}
      .top-row {
        gap: 5px;
      }

      .score-box {
        margin-top: 10px;
      }

      .watch-btn {
        width: 100%;
        max-width: 240px;
      }
    }

.Home-table tr{
   background:  #ededee !important;
    font-size: 15px;
    color: #ffffff !important;
 
}
 
.Home-table td{
   background:  #000c34 !important;
    font-size: 15px;
    color: #d5d5d5 !important;
    border:none!important;
}
.Home-table tr:hover{
   background:  #ffffff31 !important;
   
}

.d-sm-none{
  display: block;
}
@media (max-width: 700.98px) {
  .score-box {
    margin: 0px auto;
  }
}


/* fixture  Start*/
:root{
  --bg0:#02062a;
  --bg1:#071046;
  --text:#eef5ff;
  --muted:rgba(220,235,255,.8);
  --cyan:#3de8ff;
  --pink:#ff53be;
  --cardBorder:rgba(103,189,255,.55);
}

.bg-f{
  margin:0;
  color:var(--text);
  /* font-family:"Segoe UI",system-ui,-apple-system,Arial,sans-serif; */
  background:
    radial-gradient(circle at 14% 15%, rgba(70,160,255,.30), transparent 45%),
    radial-gradient(circle at 88% 40%, rgba(255,83,190,.14), transparent 44%),
    linear-gradient(140deg, var(--bg0) 0%, var(--bg1) 55%, #01031a 100%);
  /* min-height:100vh;
  overflow-x:hidden; */
}

.topbar{
  background:rgba(4,10,40,.78);
  border-bottom:1px solid rgba(128,188,255,.22);
  backdrop-filter: blur(6px);
}

.brand-mark{
  font-weight:900;
  letter-spacing:1px;
  border:1px solid rgba(140,220,255,.35);
  border-radius:10px;
  padding:.25rem .55rem;
  background:linear-gradient(90deg, rgba(61,232,255,.18), rgba(255,83,190,.12));
  box-shadow:0 0 16px rgba(61,232,255,.18);
}

.brand-title{
  font-weight:800;
  letter-spacing:.6px;
  opacity:.95;
}

.top-link{
  color:rgba(214,232,255,.85);
  font-weight:800;
  letter-spacing:.6px;
  text-transform:uppercase;
  font-size:.78rem;
  text-decoration:none;
  padding:.55rem .75rem;
  border-radius:10px;
  position:relative;
  transition:color .25s ease;
}
.top-link:hover{ color:#fff; }
.top-link.is-active{
  color:#fff;
}
.top-link.is-active::after{
  content:"";
  position:absolute;
  left:.75rem;
  right:.75rem;
  bottom:.15rem;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, var(--cyan), var(--pink));
  box-shadow:0 0 12px rgba(61,232,255,.85);
  animation:glowPulse 1.9s ease-in-out infinite;
}

.icon-pill{
  width:42px;height:42px;
  border-radius:50%;
  border:1px solid rgba(129,198,255,.5);
  color:#d8ecff;
  background: radial-gradient(circle at 35% 30%, rgba(118,72,255,.88), rgba(12,18,49,.92));
  box-shadow:0 0 16px rgba(72,155,255,.5);
  display:grid;
  place-items:center;
  animation:floatY 3.2s ease-in-out infinite;
}

.page{
  position:relative;
}

.fixture-top{
  display:flex;
  justify-content:flex-start;
  margin-bottom:.35rem;
}

.ui-title{
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.8px;
  font-size:1.1rem;
}

.segmented{
  display:flex;
  gap:.6rem;
  flex-wrap:wrap;
}

.seg-btn{
  border:1px solid rgba(112,167,243,.48);
  background: rgba(15,23,61,.92);
  color: #d4e6ff;
  border-radius: 999px;
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.3px;
  text-transform:uppercase;
  padding:.42rem .9rem;
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;
}
.seg-btn:hover{ transform: translateY(-1px); }
.seg-btn.is-active{
  border-color: rgba(255,119,185,.9);
  background: linear-gradient(90deg, rgb(65, 173, 255), rgba(255,83,190,.32));
  box-shadow: 0 0 14px rgba(255,83,190,.34);
  animation:glowPulse 2.2s ease-in-out infinite;
}

.fixture-stack{
  margin-top:.85rem;
  display:grid;
  gap:.85rem;
}

.fixture-card{
	border-radius:18px;
	background:linear-gradient(95deg, var(--accentA), rgba(14,23,74,.82) 52%, var(--accentB));
	overflow:hidden;
	border: 1px solid transparent;
	background-image: 
	linear-gradient(95deg, var(--accentA), rgba(14, 23, 74, .82) 52%, var(--accentB)), 
	linear-gradient(to right, #6b6279, #6b6279);
	background-origin: border-box;
	background-clip: padding-box, border-box;
	box-shadow: 0 0 18px rgba(59, 172, 255, .26);
	animation: cardIn .65s ease forwards;
}
	
	
.fixture-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:18px;
  pointer-events:none;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.10);
}

.fixture-inner{
  position:relative;
}
.fixture-card:nth-child(2){ animation-delay:.12s; }
.fixture-card:nth-child(3){ animation-delay:.22s; }
.fixture-card:hover{
  transform: translateY(-4px) scale(1.01);
  box-shadow: 0 14px 28px rgba(8,14,44,.65), 0 0 22px rgba(70,193,255,.44);
}
.fixture-card.is-hidden{ display:none; }

.fixture-inner{
  display:flex;
  min-height:122px;
}

.date-tile{
  min-width:84px;
  background: rgba(7,14,49,.68);
  border-right: 1px solid rgba(190,223,255,.22);
  text-align:center;
  padding:.85rem .4rem;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.date-tile.dim{
  opacity:.85;
}
.date-top{
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.5px;
  color:#eaf6ff;
}
.date-big{
  font-size:2.05rem;
  line-height:1;
  font-weight:900;
  color:#8cf6ff;
}
.date-bot{
  font-size:.86rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.4px;
  color:#d8e8ff;
}

.fixture-main{
  flex:1;
  padding:.8rem .9rem;
  position:relative;
}

.fixture-grid{
  display:grid;
  grid-template-columns: 66px 1fr 86px;
  gap:.8rem;
  align-items:center;
}

.team-col{
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
.team-col.text-end{
  justify-content:flex-end;
}

.team-F-logo {
  width:90px;height:90px;
  border-radius:100%;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.28);
  background: rgba(7,18,56,.55);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.25);
  text-transform:uppercase;
}
.team-F-logo.csk{ background: linear-gradient(180deg, rgba(255,235,140,.92), rgba(140,103,11,.92)); color:#081a3a; }
.team-F-logo.gt{ background: linear-gradient(180deg, rgba(32,40,62,.92), rgba(10,24,78,.92)); }
.team-F-logo.dc{ background: linear-gradient(180deg, rgba(46,120,255,.88), rgba(36,39,105,.92)); }
.team-F-logo.rcb{ background: linear-gradient(180deg, rgba(179,29,36,.92), rgba(45,10,11,.92)); }
.team-F-logo.kkr{ background: linear-gradient(180deg, rgba(58,34,93,.92), rgba(26,15,43,.92)); }
.team-F-logo.lsg{ background: linear-gradient(180deg, rgba(36,92,167,.92), rgba(40,41,105,.92)); }

.mid-col{
  text-align:center;
}

.meta-row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
}

.stadium-icon{
  opacity:.9;
  color: rgba(224,240,255,.9);
  font-size: .95rem;
}

.matchup{
  font-weight:600;
  letter-spacing:.5px;
  text-transform:uppercase;
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:.45rem;
  line-height:1;
}
.abbr{
  font-size:1.75rem;
}
.vs{
  font-size:1rem;
  font-weight:900;
  color: rgb(140 246 255);
}
.venue{
  margin-top:.25rem;
  font-size:.78rem;
  color:rgba(234,246,255,.95);
  font-weight:600;
  /* text-transform:uppercase; */
  letter-spacing:.25px;
}
.time{
  font-size:.78rem;
  color:rgb(255 211 79);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.35px;
}

.actions{
  margin-top:.55rem;
  display:flex;
  gap:.5rem;
  justify-content:center;
  flex-wrap:wrap;
}

.btn-neon{
  border:0;
  border-radius:10px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.35px;
  padding:.35rem .8rem;
  color:#102042;
  background: linear-gradient(180deg, #d8f8ff 0%, #a0ceff 100%);
  box-shadow: 0 8px 16px rgba(113,189,255,.35);
  transition: transform .25s ease, box-shadow .25s ease;
}
.btn-neon:hover{
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(129,208,255,.52);
}

.right-meta{
  margin-top:.35rem;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:.2rem;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.25px;
}

.right-time{
  font-size:.78rem;
  color: rgba(234,246,255,.92);
}

.right-hype{
  font-size:.74rem;
  color: rgba(255,237,180,.95);
  display:flex;
  align-items:center;
  gap:.15rem;
}

.glass{
  border-radius:16px;
  border:1px solid rgba(120,176,255,.35);
  background: linear-gradient(180deg, rgba(9,15,52,.84), rgba(7,13,44,.9));
  animation: cardIn .7s ease both;
}

.panel-title{
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.7px;
  font-size:1rem;
}

.pill{
  font-weight:900;
  font-size:.72rem;
  padding:.2rem .55rem;
  border-radius:999px;
  border:1px solid rgba(61,232,255,.35);
  color:#dff9ff;
  background:rgba(61,232,255,.10);
}

.highlight-list{
  display:grid;
  gap:.55rem;
  margin-top:.75rem;
}
.highlight-item{
  height:48px;
  border-radius:12px;
  background: rgba(45,67,121,.38);
  border: 1px solid rgba(150,186,255,.2);
  position:relative;
  overflow:hidden;
}
.highlight-item::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(90deg, transparent 0%, rgba(240,250,255,.18) 45%, transparent 80%);
  transform: translateX(-120%);
  animation: shimmer 2.7s ease-in-out infinite;
}

@media (min-width: 768px){
  .ui-title{ font-size:1.2rem; }
  .fixture-grid{ grid-template-columns: 72px 1fr 96px; }
  .abbr{ font-size:2.1rem; }
  .venue,.time{ font-size:.82rem; }
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{ animation:none !important; transition:none !important; }
}

@keyframes cardIn{
  from{ opacity:0; transform: translateY(14px); }
  to{ opacity:1; transform: translateY(0); }
}
@keyframes glowPulse{
  0%,100%{ opacity:.85; filter: brightness(1); }
  50%{ opacity:1; filter: brightness(1.22); }
}
@keyframes floatY{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-3px); }
}
@keyframes shimmer{
  0%{ transform: translateX(-120%); opacity:.55; }
  45%{ opacity:1; }
  100%{ transform: translateX(120%); opacity:.55; }
}
.team-F-logo img {
  width: 90px;
  height: 85px;
  padding: 8px;
}
@media (max-width: 576px) {
    .fixture-grid {
        grid-template-columns: 1fr;
    }
  
.seg-btn{
  font-size: 12px;
    font-weight: 600;
 padding: 8px 8px;
  }
}
/* fixture  End*/





/* News Page Start */
/* :root{
  --bg0:#02062a;
  --bg1:#071046;
  --text:#eef5ff;
  --muted:rgba(220,235,255,.82);
  --cyan:#3de8ff;
  --pink:#ff53be;
  --panel:rgba(8,12,40,.72);
  --stroke:rgba(140,210,255,.22);
}

*{ box-sizing:border-box; }
.bg-2nd{
     background:
    radial-gradient(circle at 14% 15%, rgba(70,160,255,.30), transparent 45%),
    radial-gradient(circle at 88% 40%, rgba(255,83,190,.14), transparent 44%),
    linear-gradient(140deg, var(--bg0) 0%, var(--bg1) 55%, #01031a 100%);
      color:var(--text);
    padding: 20px 0 10px;
   
} */


.tabs{
  display:flex;
  gap:1rem;
  flex-wrap:wrap;
  border-bottom:1px solid rgba(140,210,255,.18);
  padding-bottom:.4rem;
}

.tab{
  border:0;
  background:transparent;
  color:rgba(214,232,255,.75);
  font-weight:600;
  font-size:.9rem;
  padding:.35rem 0;
  position:relative;
  transition:color .25s ease;
}
.tab:hover{ color:#fff; }
.tab.is-active{
  color:#fff;
}
.tab.is-active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-.55rem;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, var(--cyan), rgba(61,232,255,.25));
  box-shadow:0 0 14px rgba(61,232,255,.55);
}

.news-list{
  display:grid;
  gap:1rem;
}

.news-row{
  display:grid;
  grid-template-columns: 1fr;
  gap:.85rem;
  padding:.75rem;
  border-radius:16px;
  background: linear-gradient(180deg, rgba(9,15,52,.72), rgba(7,13,44,.84));
  border:1px solid #657fe9b3;
  box-shadow: 0 10px 22px rgba(0,0,0,.28);
  animation:fadeUp .55s ease both;
}
.news-row:nth-child(2){ animation-delay:.08s; }
.news-row:nth-child(3){ animation-delay:.16s; }
.news-row:nth-child(4){ animation-delay:.24s; }
.news-row:hover{
  border-color: rgba(140,210,255,.28);
  transform: translateY(-2px);
}
.news-row.is-hidden{ display:none; }

.news-thumb{
  position:relative;
  border-radius:14px;
  overflow:hidden;
  display:block;
  border:1px solid rgba(140,210,255,.18);
}
.news-thumb img{
  width:100%;
  height:180px;
  object-fit:cover;
  display:block;
  filter:saturate(110%);
  transform: scale(1.02);
  transition: transform .35s ease;
}
.news-thumb:hover img{ transform: scale(1.08); }

.thumb-glow{
  position:absolute;
  inset:0;
  background: linear-gradient(to top, rgba(0,0,0,.62), rgba(0,0,0,0) 60%);
  pointer-events:none;
}

.news-title{
  color: #e1e1e1;
  font-size:clamp(1rem, 1.3vw, 2.35rem);
  font-weight:600;
  line-height:1.2;
  margin:0 0 .4rem;
}
.news-p{
  text-align: justify;
  color:var(--muted);
  margin:0 0 .5rem;
  font-size:.9rem;
  line-height:1.35;
}
.news-date{
  font-size:.78rem;
  color: rgba(214,232,255,.72);
}

.panel{
  border-radius:16px;
  border:1px solid rgba(140,210,255,.18);
  background: linear-gradient(180deg, rgba(9,15,52,.76), rgba(7,13,44,.88));
  padding: .9rem;
  box-shadow: 0 10px 22px rgba(0,0,0,.26);
  animation:fadeUp .6s ease both;
}

.panel-title{
  color: #e1e1e1;
  font-size:1.05rem;
  font-weight:600;
  letter-spacing:.2px;
}

.panel-pill{
  font-weight:900;
  font-size:.72rem;
  padding:.2rem .55rem;
  border-radius:999px;
  border:1px solid rgba(61,232,255,.35);
  color:#dff9ff;
  background:rgba(61,232,255,.10);
}

.video-list{
  display:grid;
  gap:.75rem;
  margin-top:.7rem;
}

.video-card{
  display:grid;
  grid-template-columns: 1fr;
  gap:.65rem;
  text-decoration:none;
  color:inherit;
  border-radius:14px;
  padding:.6rem;
  border:1px solid rgba(140,210,255,.14);
  background: rgba(8,12,40,.45);
  transition: transform .25s ease, border-color .25s ease;
}
.video-card:hover{
  transform: translateY(-2px);
  border-color: rgba(140,210,255,.28);
}

.video-thumb{
  position:relative;
  border-radius:12px;
  overflow:hidden;
}
.video-thumb img{
  width:100%;
  height:140px;
  object-fit:cover;
  display:block;
  filter:saturate(110%);
}
.play{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  background: radial-gradient(circle at 50% 50%, rgba(0,0,0,.25), rgba(0,0,0,.62));
}
.play i{
  width:54px;
  height:54px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background: linear-gradient(180deg, rgba(216,248,255,.96), rgba(160,206,255,.96));
  color:#102042;
  font-size:1.8rem;
  box-shadow: 0 12px 22px rgba(129,208,255,.25);
  transform: scale(1);
  transition: transform .25s ease;
}
.video-card:hover .play i{ transform: scale(1.05); }

.video-title{
  color: #e1e1e1;
  font-weight:600;
  font-size: 14px;
  line-height:1.25;
  margin-bottom:.15rem;
}
.video-date{
  font-size:.78rem;
  color: rgba(214,232,255,.72);
}

@media (min-width: 576px){
  .news-thumb img{ height:160px; }
}

@media (min-width: 992px){
  .news-row{
    grid-template-columns: 320px 1fr;
    align-items:center;
  }
  .news-thumb img{ height:150px; }
  .video-card{
    grid-template-columns: 140px 1fr;
    align-items:center;
  }
  .video-thumb img{ height:86px; }
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{ animation:none !important; transition:none !important; }
}

@keyframes fadeUp{
  from{ opacity:0; transform: translateY(14px); }
  to{ opacity:1; transform: translateY(0); }
}
@keyframes glowPulse{
  0%,100%{ opacity:.85; filter: brightness(1); }
  50%{ opacity:1; filter: brightness(1.22); }
}
@keyframes floatY{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-3px); }
}

/* -------- News detail page (reuses same theme) -------- */
.title{font-weight:950;letter-spacing:.2px;font-size:1.35rem;line-height:1.15}
.byline{color:rgba(214,232,255,.75);font-size:14px}
.byline-strong{color:#dff9ff;font-weight:500}

.hero{border-radius:8px;overflow:hidden;border:1px solid rgba(140,210,255,.18);box-shadow:0 14px 28px rgba(0,0,0,.25);animation:fadeUp .55s ease both}
.hero-img{width:100%;height:260px;object-fit:cover;display:block}
.caption{color:rgba(214,232,255,.72);font-size:.78rem;font-weight: 550;}
.content{color:var(--muted);line-height:1.65;font-size:.95rem;text-align:justify;text-justify:inter-word;hyphens:auto}
.content p{margin:0 0 .95rem}
.divider{border-color:rgba(140,210,255,.18);opacity:1}

.related-card{display:grid;grid-template-columns:120px 1fr;gap:.75rem;align-items:center;text-decoration:none;color:inherit;border-radius:14px;padding:.6rem;border:1px solid rgba(140,210,255,.14);background:rgba(8,12,40,.45);transition:transform .2s ease,border-color .2s ease}
.related-card:hover{transform:translateY(-2px);border-color:rgba(140,210,255,.26)}
.related-img{width:100%;height:74px;object-fit:cover;border-radius:10px;display:block}
.related-title{font-weight:600;font-size:14px;color:#e9e9e9}

@media (min-width: 576px){
  .page-title{ font-size:1.45rem; }
  .news-thumb img{ height:160px; }
  .title{font-size:1.6rem}
  .hero-img{height:320px}
  .related-img{height:78px}
}

@media (min-width: 992px){
  .hero-img{height:360px}
  .news-row{
    grid-template-columns: 320px 1fr;
    align-items:center;
  }
  .news-thumb img{ height:150px; }
  .video-card{
    grid-template-columns: 140px 1fr;
    align-items:center;
  }
  .video-thumb img{ height:86px; }
}


/* New Page End */



/* Match Details Page Start */

    .bowler img {
    width: 75px;
    height: 75px;
}
@media screen and (max-width: 767px) {
    .card h5 {
        font-size: 18px;
    }
}
@media (max-width: 991px) {
    .gap1 {
        gap: .8rem !important;
    }
}
.gap1 {
    gap: 1.5rem !important;
}
.part-img img {
    width: 100px;
    height: 100px;
    object-fit: contain;
}
@media screen and (max-width: 767px) {
    .part-img img {
        width: 75px;
        height: 75px;
        object-fit: contain;
    }
}
    .topbar{
      background:rgba(4,10,40,.78);
      border-bottom:1px solid rgba(128,188,255,.22);
      backdrop-filter: blur(6px);
    }
    .brand-mark{
      font-weight:900;
      letter-spacing:1px;
      border:1px solid rgba(140,220,255,.35);
      border-radius:10px;
      padding:.25rem .55rem;
      background:linear-gradient(90deg, rgba(61,232,255,.18), rgba(255,83,190,.12));
      color:#fff;
    }

    .glow-card{
        color: white;
      border-radius:16px;
      background: linear-gradient(180deg, rgba(9,15,52,.72), rgba(7,13,44,.84));
      border:1px solid #657fe9b3;
      box-shadow: 0 10px 22px rgba(0,0,0,.28);
      overflow:hidden;
      animation: fadeUp .55s ease both;
    }
  
.table thead th {
    background: #000c34;
    font-size: 0.8rem;
    color: #ffffff;
    text-transform: uppercase;
    border-bottom: 1px solid #282828;
}

    .glow-card:hover{
      transform: translateY(-2px);
      transition: transform .22s ease;
    }

    .nav-underline .nav-link{
      color: rgba(214,232,255,.75);
      font-weight:700;
    }
    .nav-underline .nav-link.active{
      color:#fff;
      border-bottom-color: rgba(74,163,255,.9);
      box-shadow: 0 10px 18px rgba(74,163,255,.12);
    }
.status {
    font-size: .8rem;
    font-weight: 600;
}
.status {
    align-items: center;
    display: flex;
}
.completed{
    color:#ff3f3f;
}
.upcoming{
    color:#f99704;
}
.live{
    color:#189e06;
}
.s-box {
    border: none;
    width: 52px;
    background: #1f2458;
}
.ball-box {
    margin-left: 5px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #000230;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
}
.ball-box, .relate_box {
    display: flex;
    /* display: flex; */
}
.c-p {
    padding: 8px;
    background-color: #161958;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
/* squad css */
.header-row {
    margin: 0;
    padding: 10px 0;
}
.teamouter {
    border: 1px solid #e4dfff38;
    padding: 10px;
}
.match_team_logo {
    border-radius: 3px;
}
.team-title1 {
    font-size: 18px;
    font-weight: 700;
}
.teambox {
    align-items: center;
    gap: 10px;
    display: flex;
}

.teambox {
    border: 1px solid #e4dfff1a;
    padding: 8px;
}
.teamprofil {
    width: 55px;
    height: 55px;
    border-radius: 100%;
    align-items: center;
    background: #fff;
    overflow: hidden;
    border: 1px solid #e0dddd;
    padding: 2px;
    justify-content: center;
    display: flex;
}
.playerprofil img, .teamprofil img {
    max-width: 100%;
    margin: 0 auto;
}
.teamabout h3 {
    color: white;
    font-size: 16px;
    font-weight: 650;
    margin-bottom: 0;
}
.teamabout p {
    font-size: 14px;
    /* color: #595959; */
    font-weight: 600;
    margin-bottom: 0;
}
.rightside {
    justify-content: flex-end;
    text-align: right;
}
    .dot-live{
      width:9px;height:9px;border-radius:50%;
      background:#22c55e;
      box-shadow:0 0 0 3px rgba(34,197,94,.16);
      animation: pulse 1.6s ease-in-out infinite;
    }

    .team-chip{
      width:44px;height:44px;border-radius:12px;
      display:grid;place-items:center;
      font-weight:900;
      border:1px solid rgba(140,210,255,.18);
      background: rgba(8,12,40,.35);
      color:#eaf4ff;
    }

    .muted{ color: rgba(220,235,255,.78) ; }

    .pill-dot{
      width:8px;height:8px;border-radius:50%;
      display:inline-block;
    }

    .mini-icon{
      width:44px;height:44px;border-radius:14px;
      display:grid;place-items:center;
      border:1px solid rgba(140,210,255,.18);
      background: rgba(8,12,40,.35);
      color: rgba(214,232,255,.9);
    }
    /* scorecard session */
    .player-n-wrapper {
    display: flex;
    align-items: center;
    gap: 6px;
}
.footer a, .linktext, a:link, a:visited {
    text-decoration: none;
}
.player-message-row {
   font-size: 13px;
   
    border-bottom:2px solid #e4dfff1a;
    padding-top: 0px !important;
}
.player-message-row td {
    background: #000c34 !important;
    color: #ffffffcf;
    font-size: 13px;
    border-radius: 0px;
}
.t-border{
    border:1px solid #e4dfff6e !important;

}
 .player-n {
    font-weight: 660;
    color: #6eb7ff;
}
.linktext {
    color: #000;
}
.player-row td {
    border-bottom: 1px solid #e4dfff1a;
     background: #000c34;
       color: #dbdbdb;
    padding: 10px 8px;
    vertical-align: middle;
}
.player-data-row td {
    background: #000c34;
    color: #f5f2f2;
    border-bottom: none;
    padding-bottom: 0px !important;
}
@media (max-width: 576px) {
    .teambox {
        padding: 5px;
    }
    .teamprofil {
        width: 45px;
        height: 45px;
    }
        .teamabout h3 {
        font-weight: 500;
    }
    .radio_sect form label, .teamabout h3, .teamabout p {
        font-size: 12px;
    }
}
.squad-row{
      display:grid;
      grid-template-columns: 1fr;
      border-top: 1px solid rgba(140,210,255,.10);
      animation: fadeUp .55s ease both;
    }
    .squad-row:nth-child(1){ animation-delay: .05s; }
    .squad-row:nth-child(2){ animation-delay: .10s; }
    .squad-row:nth-child(3){ animation-delay: .15s; }
    .squad-row:nth-child(4){ animation-delay: .20s; }

    .squad-cell{
      padding: .85rem .75rem;
    }

    .player-dp{
      width:40px;
      height:40px;
      border-radius:50%;
      object-fit:cover;
      border: 2px solid rgba(255,255,255,.15);
      box-shadow: 0 0 0 4px rgba(74,163,255,.08);
    }

    .flag{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:44px;
      height:22px;
      border-radius:999px;
      font-size:.72rem;
      font-weight:800;
      letter-spacing:.3px;
      border:1px solid rgba(140,210,255,.18);
      background: rgba(8,12,40,.35);
      color: rgba(234,244,255,.95);
    }

    .video-mini{
      text-decoration:none;
      color: inherit;
      display:block;
      transition: transform .22s ease;
    }
    .video-mini:hover{
      transform: translateY(-2px);
    }

    @media (min-width: 768px){
      .squad-row{
        grid-template-columns: 1fr 1fr;
      }
      .squad-cell{
        padding: .95rem .9rem;
      }
    }

    .progress{
      height:4px;
      background: rgba(255,255,255,.08);
    }

    @media (prefers-reduced-motion: reduce){
      *,*::before,*::after{ animation:none !important; transition:none !important; }
    }

    @keyframes fadeUp{
      from{ opacity:0; transform: translateY(14px); }
      to{ opacity:1; transform: translateY(0); }
    }
    @keyframes pulse{
      0%,100%{ transform: scale(1); opacity:.9; }
      50%{ transform: scale(1.15); opacity:1; }
    }

.bowler img{
  width: 80px;
  height: 80px;
  object-fit: cover;
}
/* Match Detail Page End */


/* Team Player */

    .vn-teamOverviewWrap {
    text-align: center;
    position: relative;
    z-index: 1;
}
.col-100 {
    width: 100%;
}
.floatLft {
    float: left;
}
.vn-teamOverviewWrap .vn-teamNav ul {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    justify-items: center;
}
.vn-teamOverviewWrap .vn-teamNav ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #031537;
    border-radius: 10px;
    width: 85px;
    height: 75px;
    position: relative;
    transition: .3s;
}
.vn-teamOverviewWrap .vn-teamNav ul li .ap-logoteam-wrp {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.teams-logo-slider li:has(.right-tick) {
    border: 1px solid #1a356b;
    transform: scale(1.1);
}
.vn-teamOverviewWrap .vn-teamNav ul li .right-tick {
    position: absolute;
    right: 0;
    top: -10px;
    color: #fff;
}
.vn-teamOverviewWrap .vn-teamNav ul li a img {
    height: 70px;
}
.team-sm-lg {
    position: relative;
}
.vn-teamBanLogo {
    width: 130px;
    height: 130px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.vn-teamBanLogo img {
  width: 65%;
    position: relative;
    z-index: 2;
    box-shadow: 0 0 26px 11px #091945;
    border-radius: 200px;
    background: #00000057;
}
.vn-teamTitleODet {
    border-left: 1px solid rgba(255, 255, 255, .2);
    position: relative;
    z-index: 9;
}

.vn-teamTitleODet h2 {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    /* margin-bottom: 18px; */
}
.vn-trophyBtnout {
    position: relative;
    width: fit-content;
}
.vn-trophyBtn {
    background: rgb(255 255 255 / 20%);
    border: 1px solid rgba(255, 255, 255, .11);
    border-left: 0;
    color: #fff;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background: rgba(255, 255, 255, .1);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    padding-block: 5px;
    padding-right: 15px;
    margin-left: 14px;
}
.vn-trophyBtn img {
    position: absolute;
    left: -17px;
    top: -7px;
}
.vn-trophyBtn span {
    display: block;
    padding-left: 36px;
    width: 100%;
    font-size: 14px;
    letter-spacing: 1px;
}
.official-team-site {
    background: #ef4123;
    border-radius: 2px;
    font-size: 16px;
    padding: 4px 16px;
    transform: skew(-18deg);
    display: flex;
    color: #fff;
    width: fit-content;
    margin-top: 20px;
    font-weight: 700;
}
.official-team-site img {
    margin-left: 10px;
}
.official-team-site span {
    transform: skew(18deg);
}
.c-p {
    color: white;
    padding: 8px;
    background-color: #161958;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.teams-icon {
 width: 100%;
    justify-content: space-between;
}
.teams-icon span {
    display: inline-block;
}
.teams-icon span {
    display: inline-block;
}
.profile-img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.logo-active{
    border: 2px solid #2da5f6 !important;
}
.batters-wrapper {
  overflow: hidden;
}

/* Horizontal scroll */
.batters-scroll {
  gap: 35px;
  padding-bottom: 15px;
  scroll-behavior: smooth;
}

 .batters-scroll {
    flex-wrap: wrap;     /* 👈 next row */
    overflow-x: hidden;  /* 👈 scroll band */
  }

  .player-card {
    flex: 0 0 22%;  /* 👈 5 cards in one row */
    max-width: 22%;
  }
.glow-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 0 15px rgba(0,224,255,0.4);
}

@media only screen and (max-width: 767px) {
    .vn-teamOverviewWrap {
        margin-bottom: 20px;
        margin-top: 10px;
    }
        .vn-teamOverviewWrap .vn-teamNav ul {
        grid-template-columns: repeat(5, 1fr);
        gap: 10px;
    }
    .vn-teamOverviewWrap .vn-teamNav ul {
        width: 100%;
        float: left;
        padding-left: 4px;
    }
    .vn-teamOverviewWrap .vn-teamNav ul li {
        width: 60px !important;
        height: 60px !important;
    }
        .vn-teamOverviewWrap .vn-teamNav ul li .ap-logoteam-wrp {
        padding: 4px;
    }
        .vn-teamOverviewWrap .vn-teamNav ul li .right-tick {
        right: -4px;
        top: -6px;
    }
        .vn-teamOverviewWrap .vn-teamNav ul li a img {
        height: 40px;
    }
        .vn-teamBanLogo img {
        box-shadow: none;
    }
        .vn-teamTitleODet {
        margin-left: 10px !important;
    }
        .vn-teamTitleODet h2 {
        font-size: 18px !important;
    }
        .team-sm-lg {
        width: 60px !important;
        height: 60px !important;
    }
    .h5-playerName{
        font-size: 12px;
    }
    .batters-scroll {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  scroll-behavior: smooth;
}

/* Card size mobile */
.player-card {
  flex: 0 0 auto;
  min-width: 170px;
}
      
}
/* Team Player Start */

    /* Static download  page css */
/* New Css 01-12-2025 */
 
.download_text {
    padding-right: 100px;
}
 
 
.main-sectdown {
       /* background-image: url(./images/banner\ 1.png); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    /* padding: 65px 0px 20px 0px; */
    height: auto;
    /* margin-bottom: 100px; */
}
 
 
.download_text h1 {
    font-size: 60px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 30px;
    /* font-family: "Poppins", sans-serif; */
}
 
 
.download_text h4 {
    font-size: 38px;
    font-weight: bold;
    color: #000;
    margin-bottom: 50px;
    /* font-family: "Poppins", sans-serif; */
    text-shadow:1px 2px 24px #9cceff;
}
 
 
 
.p_fixed {
    display: flex;
    gap: 15px;
}
 
.p_fixed a img {
    max-width: 100%;
    border-radius: 100px;
}
 
 
.dowright_img img {
    max-width: 100%;
}
 
 
@media screen and (max-width: 1199px) {
.download_text {
    padding-right: 0px;
}
}
 
 
 
@media screen and (max-width: 991px) {
 
.download_text h1 { font-size: 38px;}
.download_text h4 {font-size: 30px;  margin-bottom: 30px;}
.main-sectdown { padding: 0px 0px 60px 0px;}
 
}
 
 
@media screen and (max-width: 767px) {
 
.download_text {text-align: center; margin-bottom: 30px;}
.main-sectdown{ background-size: contain; margin-bottom: 20px; padding: 0px 0px 30px 0px;}
.download_text h1 {margin-bottom: 10px;}
 
}
 
@media screen and (max-width: 480px) {
    .download_text h1 {font-size: 28px;}
.download_text h4 { font-size: 24px;}
 
 
}
.helpsect img{max-width: 100%;}



/* playerProfile Start */
      .personal-card {
    /* background: linear-gradient(to right, #1464c7, #63b5f9); */
    border-radius: 15px;
    border:1px solid #1866db59;
    position: relative;
    transition: transform 0.7s;
    box-shadow: #b0d5ff;
       transition: 0.4s ease;
}
.personal-card:hover{
    transform: translateY(-1px);
   box-shadow: 0 0 10px rgba(255, 0, 200, 0.5), 0 0 10px rgba(0, 212, 255, 0.5);

}
.profile-box {
    border: 1px solid #1866db59;
    border-radius: 20px;
    background: rgba(255, 255, 255, .15);
    backdrop-filter: blur(4px);
}
.profile-img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}
.detail-row, .player-data .pd-data .table {
    margin-bottom: 10px;
}

.player-data .pd-data table tr td p {
    margin-bottom: 0;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
}
.player-data .pd-data table tr td span {
    color: rgb(223 223 223 / 52%);
    font-size: 12px;
    font-weight: 500;
}
.odi-bg2 {
    background-color: #b0d5ff !important;
    color: #19388a !important;
}
.odi-bg2, .t20i-bg2, .test-bg2 {
    background-color: #053587 !important;
    color: #fff !important;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 700;
    width: 62px !important;
    border-radius: 8px 0 0 8px;
    min-width: 90px;
}

.t20i-bg2 {
    background-color: #028d79 !important;
    color: #fff !important;
}

.odi-bg2 {
    background-color: #10cbfc!important;
    color: #19388a !important;
}

.player-data .pd-data table tr td {
    border-right: 1px solid #111b44;
    text-align: center;
    vertical-align: middle;
    background-color: #000c34;
    padding: 5px 10px;
    white-space: nowrap;
}
  
/* playerProfile End */



/* orange purple table css */
 .o-table-bg {
    width: 100%;
    min-height: 55px;
    padding: 0 1.2rem;
   background: linear-gradient(181deg, #000887, #021848);
   color: rgb(241, 241, 241);
    display: flex;
    align-items: center;
}
 .org-table-bg {
    width: 100%;
    min-height: 55px;
    padding: 0 1.2rem;
   background: linear-gradient(181deg, #FF8C00, #783100);
   color: rgb(241, 241, 241);
    display: flex;
    align-items: center;
}
 .pur-table-bg {
    width: 100%;
    min-height: 55px;
    padding: 0 1.2rem;
   background: linear-gradient(181deg, #623d90, #27153e);
   color: rgb(241, 241, 241);
    display: flex;
    align-items: center;
}
.o-table__table-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.0705596107;
}
.w-21{
  width: 33%;
}
.w-22{
  width: 50%;
}


.app-section {
    background: radial-gradient(circle at 14% 15%, rgba(70,160,255,.30), transparent 45%),    radial-gradient(circle at 88% 40%, rgba(255,83,190,.14), transparent 44%),    linear-gradient(140deg, var(--bg0) 0%, var(--bg1) 55%, #01031a 100%);
    border-radius: 80px 80px 0 0;
    color: #fff;
    padding: 0;
    height: auto;
    margin-top: 100px;
}
.app-section img.phone {
    margin-top: -80px;
    margin-bottom: 10px;
    max-width: 90%;
    transition: .4s;
}
.app-section h2 {
    color: #ffa726;
    font-weight: 700;
}
.app-section p {
  color: var(--muted);
    font-size: 1rem;
    line-height: 1.6;
}
@media (max-width: 991px) {
    .app-section {
        text-align: center;
        border-radius: 0;
    }
        .app-section img.phone {
        margin-bottom: 30px;
    }
}

 .btn-get-app {
  /* Layout & Typography */
 display: inline-block;
    padding: 10px 24px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    color: #ffffff;
    background: linear-gradient(135deg, #00d4ff, #ff00c8);
    border-radius: 50px;
    position: relative;
    border: 2px solid transparent;
    background-image: linear-gradient(135deg, #00d4ff, #ff00c8);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    box-shadow: 0 0 15px rgba(250, 160, 133, 0.3);
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
 
 
/* Hover State for Interactivity */
.btn-get-app:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 25px rgba(246, 211, 101, 0.6);
  background-image: linear-gradient(#1a2333, #1a2333),
                    linear-gradient(to right, #f6d365 0%, #fda085 100%);
  color: #f6d365;
}


 .btn-get-app-mobile {
  /* Layout & Typography */
 display: inline-block;
    padding: 10px 24px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    color: #ffffff;
    background: linear-gradient(135deg, #00d4ff, #ff00c8);
    border-radius: 50px;
    position: relative;
    border: 2px solid transparent;
    background-image: linear-gradient(135deg, #00d4ff, #ff00c8);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    box-shadow: 0 0 15px rgba(250, 160, 133, 0.3);
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}


/* match coverage css */
 
.bg-2nd{
     background:
    radial-gradient(circle at 14% 15%, rgba(70,160,255,.30), transparent 45%),
    radial-gradient(circle at 88% 40%, rgba(255,83,190,.14), transparent 44%),
    linear-gradient(140deg, var(--bg0) 0%, var(--bg1) 55%, #01031a 100%);
    /* color: #bbb; */
    padding: 20px 0 10px;
   
}
/* Header */
.section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.8rem;
}
.section-header h3 {
  font-weight: 700;
  color: #1a1a1a;
}
 
/* Card */
.coverage-card {
  border-radius: 12px;
  color: #eeeeee;
  border: 1px solid #a8a8a831;
  height: 230px;
  /* border-radius: 14px; */
  overflow: hidden;
  background: radial-gradient(circle at 14% 15%, rgba(70,160,255,.30), transparent 45%),
     radial-gradient(circle at 88% 40%, rgba(255,83,190,.14), transparent 44%),  
       linear-gradient(140deg, var(--bg0) 0%, var(--bg1) 55%, #01031a 100%);
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
}
.coverage-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}
 
/* Image Overlay */
.match-img {
  position: relative;
}
.match-img img {
  border-radius: 12px 0 0;
  width: 100%;
  height: 228px;
  object-fit: cover;
}
.new-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #d32f2f;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 5px;
}
.overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.6), transparent);
  display: flex;
  align-items: end;
  padding: 10px;
  opacity: 0;
  transition: 0.3s ease;
}
.coverage-card:hover .overlay {
  opacity: 1;
}
.overlay span {
  color: #fff;
  margin-right: 15px;
  font-size: 0.9rem;
}
 
/* Card Body */
.coverage-body h5 {
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 0.6rem;
}
.coverage-body p {
  color: #444;
  font-size: 0.9rem;
  line-height: 1.4;
}
.date {
  font-size: 0.8rem;
  color: rgb(187 201 219 / 78%);
  text-align: right;
  margin-top: 10px;
}
.swiper{
  width: 100%;
    padding-bottom: 30px !important;
 
}
 
/* Swiper Pagination */
.match-pagination .swiper-pagination-bullet {
  background: #999;
  opacity: 0.6;
}
.match-pagination .swiper-pagination-bullet-active {
  background: #166FC8;
  opacity: 1;
}
.match_coverage_point {
    font-size: 14px;
}

#newsTabs::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}