:root {
    --blue1: #0d6efd;
    --blue2: #0a58ca;
    --grey: #bfbfbf;
     --accent-yellow: #f1d315;
            --anim-speed-tri: 2.5s; 
            --anim-speed-num: 1.8s; /* Slower number animation */
            --shape-size: 190px; 
  }
  html {
    overflow: hidden;
  }
  body{
    background-color: #ffffff00 !important;
    /* background-color: #1b1b1bdc !important; */

     width: 100% !important;
     height: 100vh !important;
     margin: 0;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'Poppins';
}

.pl-0{
    padding-left: 0px;
}
.pr-0{
    padding-right: 0px;
}
.background_shadow{
    position: absolute;
    background-color: #1b1b1bdc;
    opacity: 0.7 !important;
    width: 100%;
    height: 100vh;
    z-index: -99999999;
}
.magicText{
    color: #00000000 !important;
}
.main-M {
    margin: 10%;
}

.notOutRow{
    color: #fff !important;
    background: #ff7b00 !important;
}

/* ---------- COMMON ---------- */
/* .gradient{
  background:linear-gradient(90deg,#166FC8, #0B3662, #166FC8);
  color:#fff;
} */
  /* Gradient bars */
  .gradient-bar-top {
    border-radius: 5px;
    background: linear-gradient(180deg, #2E3496 0%, #042369 100%);
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 18px;
    font-size: clamp(24px, 1.3vw, 22px);
    animation:slideDown 1s ease forwards;
  opacity:0;
  }
  .gradient-bar {
    border-radius: 5px;
    background: linear-gradient(180deg, #2E3496 0%, #042369 100%);
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 18px;
    font-size: clamp(21px, 1.3vw, 22px);
    animation:slideDown 1s ease forwards;
  opacity:0;
  }

  /* Logos */
  .logo-outer {
   width: clamp(140px, 18vw, 220px);
    height: clamp(140px, 18vw, 220px);
    border-radius: 50%;
    /* background: #d6d6d6; */
    padding: 5px;
    margin: auto;
    border: 5px solid #f9af2e;
    animation:zoomIn 1s ease forwards;
  opacity:0;
  }

  .logo-inner img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
      align-items: center;
  }

  /* Team name */
  .team-name {
  background-color: #0423697a;
    margin-top: 20px;
    color: #fff;
    font-weight: 500;
    font-size: clamp(25px, 1.5vw, 28px);
    text-align: center;
  }

  /* VS */
  .vs-text {
    font-size: clamp(36px, 4vw, 64px);
    font-weight: 700;
    color: #ffcc80;
    text-shadow: 0 3px 6px rgba(0,0,0,0.3);
  }

  /* Bottom bar */
  .bottom-bar {
    display: flex;
    justify-content: space-between;
    text-align: center;
  }

  .bottom-bar span {
    flex: 1;
  }

/* ---------- ANIMATIONS ---------- */
@keyframes slideDown{
  from{opacity:0; transform:translateY(-40px);}
  to{opacity:1; transform:translateY(0);}
}

@keyframes zoomIn{
  from{opacity:0; transform:scale(.6);}
  to{opacity:1; transform:scale(1);}
}

@keyframes popIn{
  from{transform:translateX(-50%) scale(0);}
  to{transform:translateX(-50%) scale(1);}
}

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


  /* Mobile */
  @media (max-width: 768px) {
    .bottom-bar {
      flex-direction: column;
      gap: 8px;
    }

    .vs-text {
      margin: 20px 0;
    }
    .vs-bar{
    flex-direction:column;
    gap:14px;
  }
  .vs-circle{
    position:relative;
    transform:none;
    left:auto;
    animation:none;
    margin:10px 0;
    transform:scale(1);
  }
  }

  /* toss detail css  */
  


/* ---------- TOSS ---------- */
.toss-pill{
  border-radius: 5px;
  display:inline-block;
  padding:14px 44px;
  /* border-radius:12px; */
  font-weight:700;
  font-size:clamp(20px,2vw,30px);
  animation:slideDown 1s ease forwards;
  opacity:0;
}

/* ---------- VS BAR ---------- */
.vs-bar{
  max-width:1100px;
  margin:40px auto;
  border-radius:50px;
  padding:18px 30px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:clamp(20px,1.4vw,22px);
  font-weight:600;
  opacity:0;
  animation:fadeUp 1s ease forwards;
  animation-delay:1.3s;
}

.vs-circle{
  position:absolute;
  left:50%;
  transform:translateX(-50%) scale(0);
  width:clamp(60px,7vw,90px);
  height:clamp(60px,7vw,90px);
  background:#7fb0db;
  border:5px solid #1e6fcf;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:clamp(28px,3vw,46px);
  font-weight:700;
  color:#ffd28a;
  animation:popIn .6s ease forwards;
  animation-delay:1.9s;
}

/* ---------- 
DECISION ---------- */
.decision{
  border-radius: 5px;
  display:inline-block;
  padding:16px 46px;
  /* border-radius:12px; */
  font-size:clamp(16px,1.5vw,24px);
  font-weight:600;
  opacity:0;
  animation:fadeUp 1s ease forwards;
  animation-delay:2.4s;
} 

.celebration_div{
    position: absolute;
    bottom: 0;
    right: 0;
}
/* 6 and 4 and OUT */
.celebration-stage {
            position: relative;
            width: 100%;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* Number 6: Slower scale animation from small to big */
        .six-center {
            font-size: 18rem;
            color: #4CAF50!important;
            z-index: 20;
            text-shadow: 0 0 15px #4CAF50;
            opacity: 0;
            /* Scale animation starts small (0.1) and grows slowly */
            animation: slowGrow var(--anim-speed-num) cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
        }

        @keyframes slowGrow {
            0% { 
                transform: scale(0.1); 
                opacity: 0; 
                filter: blur(10px);
            }
            30% {
                opacity: 1;
                filter: blur(0px);
            }
            100% { 
                transform: scale(1); 
                opacity: 1; 
            }
        }

        /* Triangles */
        .triangle {
            position: absolute;
            width: var(--shape-size);
            height: var(--shape-size);
            background: linear-gradient(135deg, #4caf50, #098f0e);
            opacity: 0;
            z-index: 10;
            clip-path: polygon(50% 100%, 0 0, 100% 0);
            animation: cornerConverge var(--anim-speed-tri) ease-out forwards;
        }

        @keyframes cornerConverge {
            0% { transform: translate(var(--start-x), var(--start-y)) rotate(var(--rot)) scale(1.5); opacity: 0; }
            40% { transform: translate(0, 0) rotate(var(--rot)) scale(1); opacity: 1; }
            100% { transform: translate(0, 0) rotate(var(--rot)) scale(0.8); opacity: 0; }
        }

        .tl { --start-x: -60vw; --start-y: -60vh; --rot: -45deg; }
        .tr { --start-x: 60vw; --start-y: -60vh; --rot: 45deg; }
        .bl { --start-x: -60vw; --start-y: 60vh; --rot: -135deg; }
        .br { --start-x: 60vw; --start-y: 60vh; --rot: 135deg; }

        /* Ticker with Bounce */
        .tv-ticker {
            position: fixed;
            bottom: 40px;
            width: 95%;
            max-width: 1200px;
            background: rgba(0, 0, 0, 0.9);
            border-bottom: 4px solid var(--accent-yellow);
            border-radius: 4px;
            z-index: 100;
            opacity: 0;
            animation: tickerBounce 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.8s forwards;
        }

        @keyframes tickerBounce {
            0% { transform: translateY(100px); opacity: 0; }
            100% { transform: translateY(0); opacity: 1; }
        }
 /* Triangles */
        .triangle1 {
            position: absolute;
            width: var(--shape-size);
            height: var(--shape-size);
            background: linear-gradient(135deg, #004085, #00a2ff);
            opacity: 0;
            z-index: 10;
            clip-path: polygon(50% 100%, 0 0, 100% 0);
            animation: cornerConverge var(--anim-speed-tri) ease-out forwards;
        }
        
        /* Number 4: Slower scale animation from small to big */
        .four-center {
            font-size: 18rem;
            color: #166fc8!important;
            z-index: 20;
            text-shadow: 0 0 15px #166fc8;
            opacity: 0;
            /* Scale animation starts small (0.1) and grows slowly */
            animation: slowGrow var(--anim-speed-num) cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
        }
         /* Number 4: Slower scale animation from small to big */
        .out-center {
            font-size: 18rem;
            color: #e44242!important;
            z-index: 20;
            text-shadow: 0 0 15px #e44242;
            opacity: 0;
            /* Scale animation starts small (0.1) and grows slowly */
            animation: slowGrow var(--anim-speed-num) cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
        }


        /* playing xl css  */

        /* TV Card */
.team-box{
    /* background: rgba(255,255,255,0.04);
    padding-bottom:30px;
    box-shadow: 0 0 30px rgba(0,123,255,0.15); */
    animation: fadeUp 1s ease forwards;
}

/* Header */
.team-header{
     background: linear-gradient(180deg, #2E3496 0%, #042369 100%);
     color: #fff;
    padding:14px;
    text-align:center;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
}

/* Player */
.player{
    margin-bottom:3px ;
    padding:6px 15px;
    /* border-radius:30px; */
    background: linear-gradient( 180deg, #EFF7FF 46%, #b3b1b1 100%) !important;
    color:#000;
    /* font-weight:700; */
    text-align:center;
    box-shadow: inset 0 2px 4px rgba(255,255,255,0.7),
                inset 0 -2px 4px rgba(0,0,0,0.2);
    animation: slideIn 0.6s ease forwards;
    opacity:0;
}

/* Divider */
.tv-divider{
    width:100%;
    height:100%;
    /* background: linear-gradient(to bottom,#555,#999,#555); */
}

/* Animations */
@keyframes slideIn{
    from{transform:translateX(-30px);opacity:0;}
    to{transform:translateX(0);opacity:1;}
}

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

@keyframes pulse{
    0%{box-shadow:0 0 10px gold;}
    50%{box-shadow:0 0 25px gold;}
    100%{box-shadow:0 0 10px gold;}
}

/* Stagger */
.player:nth-child(2){animation-delay:.1s}
.player:nth-child(3){animation-delay:.2s}
.player:nth-child(4){animation-delay:.3s}
.player:nth-child(5){animation-delay:.4s}
.player:nth-child(6){animation-delay:.5s}
.player:nth-child(7){animation-delay:.6s}
.player:nth-child(8){animation-delay:.7s}
.player:nth-child(9){animation-delay:.8s}

@media(max-width:768px){
    .tv-divider{display:none;}
}


/* batting scorecard css page  */

.tableTrSpace{
    border-collapse: separate;
    border-spacing: 0 3px;
}

/* Card */
.scorecard{
    /* max-width:1000px; */
    margin:auto;
    /* background:#ddd; */
    /* box-shadow:0 6px 20px rgba(0,0,0,0.2); */
     animation: fadeUp 1s ease forwards;

}

/* Header */
.header{
    display:flex;
    align-items:center;
      /* background: linear-gradient(181deg, #166FC8, #0B3662 50%, #0B3662 ); */
      background: linear-gradient(180deg, #2E3496 0%, #042369 100%);
    color:#fff;
     animation: slideIn 0.6s ease forwards;
}
.header img{
    height:50px;
    background:linear-gradient(183deg, #ffffff, #b9b9b9);
    padding:1px;
}
.header-title{
    flex:1;
    text-align:center;
    font-size:20px;
    font-weight:500;
}

/* Match bar */
.match-bar{
    background:#222;
    color:#fff;
    text-align:center;
    padding:6px;
    font-weight:600;
     animation: slideIn 0.6s ease forwards;
}

/* Table */
.table thead{
    box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.7), inset 0 -2px 4px rgba(0, 0, 0, 0.2);
    animation: slideIn 0.6s ease forwards;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgb(229 228 228 / 85%)) !important;;
    /* background:linear-gradient(#ffffff,#cfcfcf); */
    font-weight:700;
}
.table tbody tr{
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgb(229 228 228 / 85%)) !important;
}

.table td, .table th{
    text-align:center;
    padding:5px;
    white-space:nowrap;
    background: linear-gradient( 180deg, #EFF7FF 46%, #b3b1b1 100%) !important;

}
.table td:first-child,
.table th:first-child{
    text-align:left;
    padding-left:10px;
    font-weight:800;
}

/* Fall of wickets */
.fow-title{
    /* margin: 2px 0px 2px 0; */
    background:linear-gradient(180deg, #da212b 0%, #e71f29 100%);
    padding:3px 12px;
    font-weight:600;
    color: white;
    
}
.fow-row{
    margin: 3px 0px 3px 0;
   background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgb(229 228 228 / 85%))!important;
    /* background:linear-gradient(#ffffff,#cfcfcf); */
    padding:3px;
    display:flex;
    justify-content:left;
    font-weight:700;
    width: 100%;
   
}

.fow-row span{
    width: 10%;
    text-align: center;
}

/* Footer */
.footer{
     /* background: linear-gradient(90deg, #166FC8, #0B3662,  #166FC8); */
     background: linear-gradient(180deg, #2E3496 0%, #042369 100%);
    color:#fff;
    display:flex;
    flex-wrap:wrap;
    font-weight:800;
     animation: slideIn 0.6s ease forwards;
}
.footer div{
    padding:10px;
    flex:1;
    text-align:center;
     animation: slideIn 1s ease forwards;
}
.extras{
    font-size: 20px;
    text-align:left;
}
.total{
    color: black;
    background:linear-gradient(183deg, #ffffff, #b9b9b9);
    font-size:24px;
}
/* Row Reveal Animation */
@keyframes rowReveal {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Apply to table rows */
.table tbody tr {
    opacity: 0;
    animation: rowReveal 0.6s ease forwards;
}
/* Animations */
@keyframes slideIn{
    from{transform:translateX(-30px);opacity:0;}
    to{transform:translateX(0);opacity:1;}
}

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

@keyframes pulse{
    0%{box-shadow:0 0 10px gold;}
    50%{box-shadow:0 0 25px gold;}
    100%{box-shadow:0 0 10px gold;}
}


/* Delay each row */
.table tbody tr:nth-child(1) { animation-delay: 0.1s; }
.table tbody tr:nth-child(2) { animation-delay: 0.25s; }
.table tbody tr:nth-child(3) { animation-delay: 0.4s; }
.table tbody tr:nth-child(4) { animation-delay: 0.55s; }
.table tbody tr:nth-child(5) { animation-delay: 0.7s; }
.table tbody tr:nth-child(6) { animation-delay: 0.85s; }
.table tbody tr:nth-child(7) { animation-delay: 1s; }
.fow-title:nth-child(8){animation-delay: 1.25s}
.fow-row:nth-child(8){animation-delay: 1.5s}
.footer:nth-child(7) { animation-delay: 5s; }


/* Responsive */
@media(max-width:768px){
    .header-title{font-size:18px;}
    .table td,.table th{font-size:13px;}
}

.d_right {
    display: flex;
    justify-content: flex-end;
}
.pwrd_by2 {
    border-radius: 10px 10px 0px 0px;
    margin-right: 0;
    /* border: 2px solid #E4F2FF; */
    border-bottom: 0;
    /* margin-right: 10px; */
}
.pwrd_by2 >img {
    width: auto;
    height: 35px;
    /* margin-bottom: -10px; */
    border-radius: 10px 10px 0px 0px;
}

.teamA_top_space{
    margin-top: 35px;
}

.mt-right{
  margin-top: -35px;
}
/* ===== TICKER ===== */
.P-bottom{
  /* margin: 10px ; */
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    z-index:9999;
   
}
.tv-ticker1{
    background: linear-gradient(70deg, #d7690a 34%, #10456e 28%, #024a81 46%, #0a66c2 100% 100%);
    padding:12px 0;
}
 
/* CONTAINER */
.ticker-inner{
    max-width:1920px;
    margin:auto;
    color:#fff;
}
 
/* LEFT */
.team-code{
    font-size:28px;
    font-weight:800;
}
.score{
    background:#e36d07;
    padding:4px 10px;
    border-radius:6px;
    font-weight:800;
    font-size:20px;
}
.overs{
    font-size: 24px;
    font-weight: 500;
}
.toss{
    font-size:13px;
}
 
/* CENTER */
.batsman{
    font-size:22px;
    font-weight:600;
}
.batsman img{
    width: 25px;
}
.batsman span{
    font-weight:800;
}
.target{
    font-size:24px;
    font-weight:600;
    font-style:italic;
    color:#000;
    text-align:center;
}
 
/* RIGHT */
.bowler{
    font-size:22px;
    font-weight:700;
}
.balls{
    display:flex;
    gap:4px;
    /* width: 250px; */
}
.ball{
    border: 2px solid #fff;
    width:34px;
    height:34px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    font-weight:600;
}
.ball.dot{background:#ddd;color:#000}
.ball.run{background:#ffffff;color:#000}
.ball.sixrun{background:#53d816;color:#000}
.ball.fourrun{background:#3497f3;color:#000}
.ball.w{background:#b90000;border:2px solid #fff}
.ball.nb{
        background:#6e6a6e;
        border:1px solid #fff; 
        font-size: 10px !important;
    }
.ball-s.nb{
        background:#6e6a6e;
        border:1px solid #fff; 
        font-size: 10px !important;
    }

.ball-s.wideBallWithRun{
    font-size: 15px !important;
}
.figures{
    font-size:20px;
    font-weight:700;
}
.team-right{
    font-size:28px;
    font-weight:900;
}
 
/* BOTTOM INFO */
.bottom-info{
    position:absolute;
    bottom:-22px;
    left:50%;
    transform:translateX(-50%);
    padding:6px 18px;
    font-size:14px;
    white-space:nowrap;
}
.pf{
      font-size:clamp(16px,1.5vw,24px);
    }
 
/* RESPONSIVE */
@media(max-width:992px){
    .center-section{display:none;}
   
}

.ticker-player{
    display: flex;
    justify-content: space-between;
}


/* partnership css design */
 
 
 
/* HEADER */
.partnership-header{
    position:relative;
    background:linear-gradient(90deg,#0b4fa3,#0a2f55);
    padding:14px 24px;
    color:#fff;
    font-size:22px;
    font-weight:700;
    letter-spacing:1px;
}
 
/* SCORE BADGE */
.partnership-badge{
    position:absolute;
    right:20px;
    top:-14px;
    background:#0a3f73;
    color:#fff;
    padding:8px 18px;
    border-radius:8px;
    font-size:22px;
    font-weight:700;
}
 
/* TABLE HEADER */
.table-head{
    background:#1a1a1a;
    color:#fff;
    font-size:18px;
    font-weight:700;
    padding:10px 0;
}
 
/* ROW */
.data-row{
    background:linear-gradient(
        180deg,
        #f5f8fa 0%,
        #e5ebef 45%,
        #cfd6db 100%
    );
    padding:12px 0;
    font-size:18px;
    font-weight:600;
    color:#111;
    border-bottom:2px solid #9fa6ac;
}
 
/* ALIGNMENTS */
.text-right{
    text-align:right;
}
 
/* RESPONSIVE (TV SAFE) */
@media(max-width:768px){
    .partnership-wrap{
        margin:20px;
    }
    .partnership-header{
        font-size:18px;
    }
    .partnership-badge{
        font-size:18px;
    }
    .data-row{
        font-size:16px;
    }
}
 
/* needed run page  */
 
/* WRAPPER */
.match-wrap{
   
    margin:60px auto;
    text-align:center;
}
 
/* TOP MATCH BAR */
.match-title{
    border-radius: 5px;
    background:linear-gradient(180deg, #2E3496 0%, #042369 100%);
    color:#fff;
    padding:16px 20px;
    font-size:28px;
    font-weight:700;
    letter-spacing:1px;
    margin-bottom:60px;
}
 
/* BLUE LABEL BOX */
.label-box{
    border-radius:5px;
    background:linear-gradient(180deg, #2E3496 0%, #042369 100%);
    color:#fff;
    padding:14px 10px;
    font-size:20px;
    font-weight:700;
    letter-spacing:1px;
    margin-bottom:20px;
}
 
/* BIG NUMBER */
.big-number{
    font-size:160px;
    font-weight:900;
    line-height:1;
    background:linear-gradient(180deg, #ffffff 0%, #F89D00 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    /* text-shadow: 0 6px 12px rgb(0 0 0 / 22%); */
}
 
/* BOTTOM LABEL */
.bottom-label{
    border-radius: 5px;
    background:linear-gradient(180deg, #2E3496 0%, #042369 100%);
    color:#fff;
    padding:14px 10px;
    font-size:20px;
    font-weight:700;
    margin-top:20px;
}
 
/* RESPONSIVE */
@media(max-width:992px){
    .big-number{
        font-size:110px;
    }
    .match-title{
        font-size:24px;
    }
}
 
@media(max-width:576px){
    .big-number{
        font-size:80px;
    }
}

.w-40{
    width: 40%;
}

.battingTable{
    font-size: 16px;
    font-weight: 500;
}
.battingTable .table td, .table th {
    /* padding: 3px !important; */
    padding-left: 11px !important;
}

/* .footer overs{
    font-size: 15px !important;
} */


.match-summery-header-title{
    flex:1;
    text-align:center;
    font-size:20px;
    font-weight:700;
    line-height: 2;
}

#teamAData{
    border-right: 5px solid #d1d1d100;
}
#teamBData{
    /* border-right: 1px solid #d1d1d1;
    border-left:none ; */
}

.teamA_fall_of_wickets{
    border: 1px solid #d1d1d1;
}
.teamB_fall_of_wickets{
    border: 1px solid #d1d1d1;
    border-left:none ;
}

.font-size-11{
    font-size: 11px !important;
}

.matchPreview .team-name{
    border-radius: 5px;
}

.matchSummeryLogo {
    height: 50px !important;
    background: none !important;
    padding: 0px !important;
    position: absolute;
    width: 40px;
    left: 48%;
}

.matchSummeryLogo_bat {
    height: 30px !important;
    background: none !important;
    padding: 4px 10px 4px 4px !important
}

.footer .wining{
    font-weight: 600 !important;
    font-size: 18px;
}

#batting_scorecard_main_card, #bowling_scorecard_main_card{
        font-weight: 600;
}
.impTag{
    color:#ebff53;
    font-family: 800;
}

.impTag2{
    color:#e50202;
    font-family: 800 !important;
}

.subBall{
  font-size: 10px;
    margin-top: -4px;

}

.ball {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ball-s {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ball.w_extra{
    background:#b90000;border:2px solid #fff; 
    font-size: 10px;
}

.team-vs{
    font-size: 22px;
    font-weight: 500;
}
.toss-text{
    text-align: center;
    font-size:22px;
    color:#ffd52c;
    font-weight:600;
}


#batting_team_a_name{
    line-height: 50px;
}














@media(min-width:1900px){
    .team-code {
        font-size:32px;
        font-weight: 800;
    }
    .batsman {
    font-size: 28px;
    font-weight: 550;
}
.batsman span {
    font-weight: 550;
}
.tv-ticker1{
    padding:10px 0;
}
.team-vs {
    font-size: 28px;
    font-weight: 500;
}
.score {
    font-size: 30px;
}
 .overs {
    font-size: 24px;
    font-weight: 550;
}
.toss-text {
    font-size: 22px;
    padding-top: 10px;
}
.bowler {
    font-size: 28px;
}
.ball {
    width: 48px;
    height: 48px;
    font-size: 22px;
}
.figures {
    font-size: 24px;
}
.team-right {
    font-size: 32px;
}

.card-message{
    font-size: 22px !important;
    padding-top: 10px;
}
.pwrd_by2 >img {
    height: 55px;
}

.batsman img {
    width: 30px;
}
.battingTable {
    font-size: 26px;
    font-weight: 700 !important;
  
}
.fow-title {
    font-size: 26px;
    font-weight: 800;
}
    .fow-row span {
    padding: 3px;
    font-size: 25px;
        font-weight: 800;
}
.header-title {
    font-size: 25px;
}
.header img {
    height: 70px;
}
.extras{
    font-size: 22px;
}

.total {
    font-size: 24px;
    font-weight: 600;
}

.teamA_top_space {
    margin-top: 55px;
}
.team-header {
    font-size: 32px;
}
.player {
    font-size: 28px;
}

.matchSummeryLogo_bat {
    height: 50px !important;
    background: none !important;
    padding: 4px 10px 4px 4px !important;
}

.match-summery-header-title {
    font-size: 31px;
}
.footer .wining {
    font-size: 24px;
}

#batting_team_a_name{
    line-height: 80px;
}
.matchSummeryLogo {
    height: 75px !important;
    width: auto;
}
}


/* main new ticker  */

 :root {
            --panther-blue: #2a3191;
            --score-red: #e62129;
            --boundary-blue: #0066ff;
            --glass-white: rgba(255, 255, 255, 0.95);
            --text-dark: #1a1a1a;
        }

        /* Main Ticker Container */
        .main-ticker {
            background: linear-gradient(180deg, #2E3496 0%, #042369 100%);
            height: 95px;
            display: flex;
            align-items: center;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.5);
            /* border-bottom: 3px solid rgba(255,255,255,0.1); */
        }

        /* Logo Styling */
        .main-ticker-logo {
            height: 100%;
            padding: 5px 35px;
            /* background: var(--panther-blue); */
            z-index: 10;
        }
        .main-ticker-logo img { height: 85px; width: auto; border-radius: 100%; object-fit: contain; }

        /* Score Section (Red & Grey) */
        .score-section {
            min-width: 250px;
            height: 100%;
            display: flex;
            flex-direction: column;
        }
        .score-top {
            background: linear-gradient(181deg, #E11E26 34%, #7B1015 100%);
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: space-around;
            color: white;
            font-weight: 900;
            font-size: 1.4rem;
            padding-left: 10px;
            /* padding: 0 10px; */
        }
        .score-bottom {
            background: #ffffff;
            flex: 0.8;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--text-dark);
            font-size: 0.85rem;
            font-weight: 700;
            border-top: 1px solid #ccc;
        }

        /* Boundary Section (Blue Gradient) */
        .boundary-section {
            background: linear-gradient(180deg, #0E6EFF 38%, #084299 100%);
            color: white;
            padding: 0 20px;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            text-align: center;
            border-left: 2px solid rgba(255,255,255,0.2);
        }

        /* Player Stats (Glass Effect) */
        .player-info {
            /* background: var(--glass-white); */
                background: linear-gradient(to bottom, #ffffff 60%, #adb5bd 100%);
            height: 100%;
            flex-grow: 1;
            padding: 5px 15px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            color: var(--text-dark);
            border-right: 1px solid #ddd;
            box-shadow: 0 10px 20px rgb(0 0 0 / 37%);
        }

        .imp-tag {
            color: #28a745;
            font-weight: bold;
            animation: flicker 2s infinite;
        }

        /* Ball Indicators */
        .ball-row { display: flex; gap: 6px; margin-top: 12px; }
        .ball-s {
            width: 55px; height: 55px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            font-weight: bold;
            border: 1px solid #ccc;
        }
        .ball-0 { background: #003366; color: white; }
        .ball-4 { background: #ffcc00; color: black; }
        .ball-6 { background: #28a745; color: white; box-shadow: 0 0 8px #28a745; }
        .ball-w { background: #e62129; color: white; }
        .ball-empty { background: #ffffff;  border: 1px solid #1f1e1e;}

        /* Animations */
        @keyframes flicker {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.5; }
        }

        /* Responsive adjustments */
        @media (max-width: 992px) {
            .main-ticker-logo, .boundary-section { display: none !important; }
        }


        .overs-box {
            background: linear-gradient(to bottom, #ffffff 60%, #adb5bd 100%);
            color: #000;
            flex: 1;
            padding: 0 12px;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            text-transform: uppercase;
            font-weight: 650;
            font-size: 20px;
        }

        /* Bottom Row Styling */
        .bottom-row {
            background: linear-gradient(to bottom, #ffffff 60%, #adb5bd 100%);
            color: #000;
            padding: 8px 12px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 18px;
            font-weight: 600;
            border-top: 1px solid rgba(0,0,0,0.1);
        }

        .team-abbr { font-size: 1.2rem; }
        .vs-text { font-size: 0.7rem; margin: 0 4px; opacity: 0.9; }
        .live-score { font-size: 1.8rem; }




@media (max-width: 1440px) {
    .f-b {
        font-size: 14px;
    }
    h4 {
        font-size: 20px;
    }
    .fs-4 {
    font-size: calc(1.275rem + .3vw) !important;
}
    .f4 {
        font-size: 1rem !important;
    }
    .f5 {
    font-size: 1rem !important;
}
    .fs-2 {
        font-size: 2rem !important;
    }
        .fs-3 {
        font-size: 1.5rem !important;
    }
    .bottom-row{
        font-size: 14px;
    }
    .overs-box{
        font-size: 15px;
    }
    .ball-s{
        height: 26px;
        width: 26px;
    }

}
@media (min-width: 1440px) {
    .f-b {
        font-size: 24px;
    }
    .main-ticker{
        height: 125px;
    }
        .fs-2 {
        font-size: 2.5rem !important;
    }
        .fs-3 {
        font-size: 2rem !important;
    }
    .h4, h4 {
        font-size: 1.75rem;
    }
        .f4 {
        font-size: 1.65rem !important;
    }
.overs-box{
    font-size: 28px;
}   
.bottom-row {
    font-size: 22px;
}
.main-ticker-logo img{
    height: 100px;
    width: 100px;
}

.ball-s.wideBallWithRun{
    font-size: 16px !important;
}


}