@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css');

  .live-matches{
      background: #ffffff;
      border-radius: 0px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      margin-bottom: 20px;
      position: relative;
      z-index: 0;
      /* min-height: 135px; */
      height: 100%;
      min-height:100%;
      overflow: hidden;
      border: 1px solid;
      border-image: linear-gradient(90deg, #093ec6 0%, #164bbb 5%, #093ec6 36%, #5E5E5E 51%, #093ec6 75%, #164bbc 100%) 1;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      
    }
    .fa, .fas, .far, .fal, .fad, .fab {
      font-family: 'Font Awesome 6 Free' !important;
    }
    
    .live-matches:hover {
      transform: scale(1.01); 
      box-shadow: 0 10px 30px rgba(230, 136, 136, 0.18);
    }
    .live-matches:hover {
      border-image: linear-gradient(90deg, 
      #FF0000 0%, 
      #D92323 50%, 
      #A00007 100%) 1;
    }
    .live-matches-inner {
      padding: 10px 15px;
      cursor: pointer;
    }
    .live-matches-inner.T20-border{
      border-left: 8px solid #ff595e;
    }
    .live-matches-inner.T20i-border{
      border-left: 8px solid #3A03FF;
    }
    .live-matches-inner.Odi-border{
      border-left: 8px solid #071856;
    }
    .live-matches-inner.Test-border{
      border-left: 8px solid #26c629;
    }
    
    
    
    .live-matches::before{
      content: "";
      position: absolute;
      background: url('../../assets/images/spl-card-top-pattern.png');
      background-size: cover;
      background-position: top right;
      background-repeat: no-repeat;
        top: -228px;
        bottom: 0;
        right: 14px;
        z-index: -1;
        width: 100%;
        max-width: 600px;
    }
    .live-matches::after{
      content: "";
      position: absolute;
      background: url("../../assets/images/spl-card-bottom-pattern.png");
      background-size: cover;
      background-position: bottom left;
      background-repeat: no-repeat;
        top: 0;
        bottom: -228px;
        left: 88px;
        z-index: -1;
        width: 100%;
        max-width: 600px;
    }
    
    .tournament-name {
      font-size: 12px;
      color: black;
      font-weight: bold;
      text-transform: uppercase;
      padding: 5px 0px;
      line-height: 18px;
      }
      .tournament-info{
        display: flex;
        column-gap: 4px;
        margin: 5px auto;
        align-items: center;
        width: 100%;
        text-align: center;
        flex-wrap: wrap;
        gap:3px;
      }
      .Twenty20{
        background: #ff9e031c;
        border:1px solid #FF4603;
        padding: 3px 6px;
        
      }
      .Twenty20 span{
        color: #ff595e;
        padding: 5px;
        font-weight: 800;
        font-size: 11px;
      }
      .T20i{
        background: #3a03ff1c;
        border:1px solid #3A03FF;
        padding: 3px 6px;
      
      }
      .T20i span{
        color: #3A03FF;
        padding: 5px;
        font-weight: 800;
        font-size: 11px;
      }
      .Odi{
        background: #07185630;
        border: 1px solid #071856;
        padding: 3px 0px;
        
      }
      .Odi span{
        color: #071856;
        padding:2px;
        font-weight: 800;
        font-size: 11px;
      }
      .Test{
        background: #26c6291a;
        border:1px solid #26c629;
        padding: 3px 0px;
      
      }
      .Test span{
        color: #26c629;
        padding: 5px;
        font-weight: 800;
        font-size: 11px;
      }
    
    
      .tournament-category {
        background: #a700431a;
        padding: 3px 3px;
        border: 1px solid #A70043;
        /* width: 38%; */
    
      }
      .tournament-category span{
        color:#A70043;
        padding: 0px;
        font-weight: 800;
        font-size:11px;
        text-transform: uppercase;
      }
      .tournament-category-1{
        background: #0b61943b;
        padding: 3px 3px;
        border: 1px solid #0b6194;
      }
      .tournament-category-1 span{
        color:#0b6194;
        padding: 0px;
        font-weight: 800;
        font-size:11px;
        text-transform: uppercase;
      }
    
      
      .tournament-category img {
        height: 16px;
        width: auto;
        position: relative;
        left: -2px;
        top: -2px;
      }
      
      .tournament-day-night{
        width: 10%;
      }
      
      
      .no-padding-container {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    .tournament-venue{
      display: inline-flex;
      align-items: center;
      column-gap: 5px;
      vertical-align: middle;
      font-size: 13px;
      color: black;
      font-weight: 600;
      text-transform: capitalize;
      padding: 3px 0px;
      line-height: 18px;
    }
    .tournament-venue img {
      position: relative;
      top: -2px;
      left: 0;
      max-width: 16px;
    }
    .tournament-date-order{
      display: flex;
      align-items: center;
      margin-bottom:0px;
      column-gap:5px;
      vertical-align: middle;
    }
    .tournament-date{
      font-size: 13px;
      display: inline-flex;
      align-items: baseline;
      column-gap: 5px;
      font-weight: bold;
      color: #363636;
    }
    .tournament-date img {
      position: relative;
      top:1px;
      max-width: 16px;
    }
    .tournament-order{
      font-size: 11px;
      color:#F02629;
      background: #ffffff;
      padding: 2px 5px;
      font-weight: bold;
      border-radius:0;
      border:1px solid;
      border-image: linear-gradient(90deg, 
      #ff00048c 28%, 
      #FFFFFF 100%) 1;
    }
    .tournament-date-order  img{
      width: 18px;
      height: auto;
    }
    /* Match Scores Banner */
    .live-matches-scores-banner{
      display: flex;
      justify-content: center;
      column-gap: 40px;
      align-items: center;
      width: 100%;
      height: 100%;
      position: relative;
      z-index: 1;
    }
    .live-matches-scores-banner:before {
      left:20px;
    }
    .live-matches-scores-banner:after {
      right: -20px;
    }
    .live-matches-scores-banner::after,.live-matches-scores-banner::before{
      content: "";
      position: absolute;
      width: 1px;
      height: 77%;
      background-color: #C3C3C3;
      top: 0px;
      z-index: -1;
    }
    .live-matches-TeamA-details{
      width: 46%;
      display: flex;
      align-items: center;
      justify-content: end;
      column-gap: 20px;
    }
    .tournament-vs{
      width:5%;
      text-align:center;
      font-size:16px;
    }
    .tournament-vs img{
      max-width:60px;
      height: 60px;
    }
    .live-matches-TeamB-details{
      width: 46%;
      display: flex;
      align-items: center;
      justify-content:start;
      column-gap: 20px;
    }
    .tournament-TeamAName{
      text-align: end;
      font-size: 18px;
      font-weight: 600;
    }
    .tournament-TeamBName{
      text-align: start;
      font-size: 18px;
      font-weight: 600;
    }
    
    .tournament-TeamAName-logo{
      padding: 4px;
      overflow: hidden;
      max-width: 80px;
      height: 80px;
      display: flex;
      width: 100%;
      border-radius: 6px;
      /* border: 1px solid #960006; */
    }
    .tournament-TeamAName-logo img{
      max-width: 80px;
      border-radius: 50%;
      display: flex;
      object-fit: contain;
      overflow: hidden;
    }
    .tournament-TeamBName-logo{
      padding: 4px;
      overflow: hidden;
      max-width: 80px;
      height: 80px;
      display: flex;
      width: 100%;
      border-radius: 6px;
      /* border: 1px solid #960006; */
    }
    .tournament-TeamBName-logo img{
      max-width: 80px;
      display: flex;
      object-fit: contain;
      overflow: hidden;
    }
    /* live scores */
    .tournament-live-A-scores-flex{
      display: inline-flex;
      justify-content: end;
      text-align: end;
      width: 100%;
      column-gap: 20px;
      margin-top:5px;
    }
    .tournament-live-B-scores-flex{
      display: inline-flex;
      justify-content: flex-start;
      text-align: start;
      width: 100%;
      column-gap: 20px;
      margin-top: 5px;
    }
    .tournament-scores{
      font-size: 24px;
      font-weight: bold;
    }
    .tournament-overs{
      font-size: 14px;
      color: #4A4A4A;
      font-weight: 600;
    }
    .tournament-inns{
      font-size: 12px;
      color: #4A4A4A;
      font-weight: bold;
    }
    .tournament-toss-info{
      font-size: 13px;
      text-align: end;
      font-weight: 600;
      text-transform: lowercase;
      /* padding: 0px 15px; */
    }
    .tournament-toss-info::first-letter{
      text-transform: uppercase;
    }
    
    /* .tournament-match-centre{
      background: #FFF1F1;
      border: none;
      width: fit-content;
      padding: 5px 15px;
      border: 1px solid;
      border-image: 
      linear-gradient(90deg,
      #790000 0%,
      #a500003b 28%,
      #ae00000a 52%,
      #c09f9f47 78%,
      #790000 100%) 1;
    } */
    .tournament-match-centre {
      background: #FFF1F1;
      border: none;
      width: fit-content;
      padding: 5px 15px;
      border: 1px solid;
      border-image: linear-gradient(
        90deg,
        #790000 0%,
        #a500003b 28%,
        #ae00000a 52%,
        #c09f9f47 78%,
        #790000 100%
      ) 1;
      border-radius: 8px;
      cursor: pointer;
      position: relative;
      overflow: hidden;
    
    }
    
    .tournament-match-centre {
      background: #FFF1F1;
      border: none;
      width: fit-content;
      padding: 5px 15px;
      border: 1px solid;
      border-image: linear-gradient(
        90deg,
        #790000 0%,
        #a500003b 28%,
        #ae00000a 52%,
        #c09f9f47 78%,
        #790000 100%
      ) 1;
      border-radius: 8px;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      position: relative;
      overflow: hidden;
      transition: background-color 0.3s ease;
    }
    
    /* Arrow icon */
    .arrow-icon {
      transition: transform 0.3s ease;
    }
    
    /* Hover effect */
    .tournament-match-centre:hover{
      border-image: linear-gradient(
        90deg,
        #ae00000a 0%,
        #c09f9f47 28%,
        #790000 52%,
        #a500003b 78%,
        #ae00000a 100%
      ) 1;
    }
    .tournament-match-centre:hover .arrow-icon {
      transform: translateX(10px); /* Moves the arrow smoothly to the right */
    }
    
    
    .tournament-match-centre button{
      background: transparent;
      border: none;
      color: #790000;
      font-size: 14px;
      font-weight: 600;
    }
    .tournament-win-status{
      color: #790000;
      font-size: 14px;
      font-weight: 600;
      text-align: right;
      text-transform: lowercase;
    }
    .tournament-win-status::first-letter {
      text-transform: uppercase;
    }
    /* torunament-dropdown */
    .torunament-dropdown{
      padding: 8px 13px;
      width: 100%;
      text-align: left;
      margin-bottom: 20px;
      color: #530509;
      margin-top: 20px;
      border: 1px solid;
      font-weight: 600;
      font-size: 16px;
    }
    .matchcentre-flex{
      height: 100%;
      display: inline-flex;
      align-items:end;
      justify-content: center;
      margin: 0px auto;
      width: 100%;
      flex-direction: column;
      row-gap: 10px;
      padding: 0px 15px;
    }
    .col-lg-3{
      flex:0 0  20% !important;
      max-width:20% !important;
      padding-right:0px;
    }
    .col-lg-6{
      flex:0 0  60% !important;
      max-width:60% !important;
    }
    /* .team-A-border{
      position: relative;
      z-index: 0;
      line-height: 22px;
    }
    .team-B-border{
      position: relative;
      z-index: 0;
      line-height: 22px;
    }
    .tournament-live-A-scores-flex .team-A-border::after{
      content: '';
      position: absolute;
      width: 1px;
      height: 55px;
      background: #BCBCBC;
      top: 5px;
      left: -20px;
    
    }
    .tournament-live-B-scores-flex .team-B-border::after{
      content: '';
      position: absolute;
      width: 1px;
      height: 55px;
      background: #BCBCBC;
      top: 5px;
      right: -20px;
    
    } */
    .match-comments{
      display: flex;
      justify-content: center;
      width: 100%;
      position: absolute;
      left: 0;
      bottom: 0;
      column-gap: 10px;
    }
    .tournament-break{
      font-size: 14px;
      text-align: center;
      font-weight: 600;
      bottom: 0;
      text-align: center;
      left: 0;
      color: #606060;
      position:absolute;
      top:10px;
    }
    .tournament-break span{
      font-weight: 600;
      color: #606060;
    }
    .tournament-break img{
      position: relative;
      top: -3px;
      left: -4px;
    }
    .line-height{
      line-height: 18px;
      display: grid;
      align-items: center;
      align-self: center;
      height: 100%;
    }
    .live-indicator{
      position: absolute;
      display: inline-flex;
      top: 0;
      /* left: 12px; */
      background: #ffffff;
      padding: 2px 15px;
      font-weight: bold;
      border-radius: 0;
      /* border: 1px solid; */
      /* border-image: linear-gradient(90deg, 
    #ff00048c 28%, 
    #FFFFFF 100%) 1; */
      gap: 8px;
      left:25px;
    }
    .live-indicator img{
      width: 20px;
      height:auto;
      animation: pulse 1.5s infinite ease-in-out;
    }
    @keyframes pulse {
      0% {
        transform: scale(1);
        opacity: 1;
      }
      50% {
        transform: scale(1.2);
        opacity: 0.6;
      }
      100% {
        transform: scale(1);
        opacity: 1;
      }
    }
    .live-indicator span{
      font-size: 12px;
      color: #F02629;
    }
    
    .tournament-advance-filter .dropdown {
      position: relative;
      display: inline-block;
      width: 200px;
    }
    
    .tournament-advance-filter .dropdown-button {
      width: 100%;
      padding: 10px;
      border: 1px solid #ccc;
      background: white;
      cursor: pointer;
      text-align: left;
    }
    .tournament-advance-filter  .dropdown-button .caret {
      float: right;
      margin-top: 5px;
    }
     .tournament-advance-filter .dropdown-menu {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      border: 1px solid #ccc;
      background: white;
      list-style: none;
      padding: 0;
      margin: 0;
      max-height: 150px;
      overflow-y: auto;
      z-index: 1000;
    } 
    .tournament-advance-filter .dropdown-menu li {
      padding: 10px;
      cursor: pointer;
    } 
    
    .tournament-advance-filter .dropdown-menu li:hover {
      background: #f0f0f0;
    }
    ::ng-deep .multiselect-dropdown .dropdown-btn {
      margin-bottom: 0px !important;
      background: white !important;
    } */
    .match-card {
      background: #f8f9fa;
      padding: 10px;
      margin-bottom: 10px;
      border-radius: 5px;
      border: 1px solid #ddd;
    }
    .loader {
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 18px;
      font-weight: bold;
      color: #fff;
      background: rgba(0, 0, 0, 0.6);
      padding: 15px 25px;
      border-radius: 8px;
    }
    .color-default{
      color:orange !important;
    }
    
    
    .btn {
      font-size: 14px;
      padding: 6px 12px;
    }
    
    .btn-primary {
      background-color: #007bff;
      border-color: #007bff;
    }
    
    .btn-secondary {
      background-color: #203ea1;
      border-color: #203ea1;
      padding: 5px 30px;
    }
    
    .btn-danger {
      background-color: #dc3545;
      border-color: #dc3545;
    }
    .form-control{
    padding: 10px !important;
    height: 35px !important;
    font-size:13px !important;
    font-weight: 600 !important;
    outline: none !important;
    }
    .form-control:foucs{
      outline: none !important;
      box-shadow: none !important;
      border-color: #9d1a12 !important;
    }
    .input-group-text{
      background:#203ea1 !important;
    }
    .input-group-text img{
    max-width:20px;
    }
    input:focus, 
    textarea:focus, 
    button:focus, 
    select:focus {
      outline: none !important;
      box-shadow: none !important;
    }
    input:focus {
      border: 1px solid #9d1a12 !important;
      box-shadow: none !important;
    }
    .filter-btn img{
      max-width: 20px;
      position: relative;
      left: 5px;
    }
    .btn{
      color:white !important;
    }
    .btn:hover{
    color:white !important
    }
    ::ng-deep .multiselect-dropdown .dropdown-btn .dropdown-down {
      display: inline-block;
      top: 10px;
      width: 0;
      height: 0;
      border-top: 12px solid #961510 !important;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
    
    }
    ::ng-deep .multiselect-dropdown .dropdown-btn .dropdown-up{
      border-bottom: 12px solid #961510 !important;
    }
    ::ng-deep .multiselect-dropdown .dropdown-btn {
      border: 1px solid #961510 !important;
      font-weight:600;
    }
    ::ng-deep .multiselect-dropdown .dropdown-btn {
    font-weight:600 !important;
    }
    ::ng-deep .multiselect-item-checkbox input +div {
      font-weight:500 !important;
    }
    ::ng-deep .multiselect-item-checkbox input[type=checkbox]+div:before {
      box-sizing: content-box;
      content: "";
      color: #9d1a12 !important;
      position: absolute;
      top: 50%;
      left: 0;
      width: 14px;
      height: 14px;
      margin-top: -9px;
      border: 2px solid #9d1a12 !important;
      text-align: center;
      transition: .4s;
    }
    ::ng-deep .multiselect-item-checkbox input[type=checkbox]:checked+div:before{
      background:#9d1a12 !important;
    }
    ::ng-deep.multiselect-dropdown .dropdown-btn .selected-item {
      border: 1px solid #9d1a12 !important;
      background:#9d1a12 !important;

    }
    .tournament-advance-filter{
      text-align: center;
      display: flex;
      justify-content: end;
      column-gap: 10px;
    }
    .btn-danger{
      background-color: transparent;
      border-color: #901210;
      padding: 3px 30px;
      color:black !important;
      font-weight: 600;
      position: relative;
      top:3px;
    }
    .btn-danger:hover{
      background-color: red;
      border-color: red;
    }
    .advance-filter{
      padding: 10px;
      border: 1px solid #7a7a7a78;
      margin-bottom: 10px;
      border-radius: 5px;
      background: #fbfbfb;
    }
    ::ng-deep.multiselect-dropdown .dropdown-btn .selected-item {
      font-size:11px !important;
    }
    .no-padding{
      padding-left:0px !important;
      padding-right:0px !important;
    }
    .no-data-found{
      margin: 50px auto;
      display: block;
      text-align: center;
    }
    .no-data-found img {
      max-width: 200px;
    }
    .no-data-found p {
      font-size: 21px;
      margin-top: 10px;
      font-weight: 600;
    }
    .ScorerName{
      font-size: 13px;
      text-align: end;
      font-weight: 600;
    }
    .filter-count {
      background-color: white;
      color: black;
      font-size: 16px;
      font-weight: bold;
      border-radius: 50%;
      position: relative;
      top: -3px;
      left: -6px;
      text-align: center;
      width: 20px;
      height: 20px;
      display: inline-flex;
      justify-content: center;
      align-items: center;
    }
    .highlight-innings {
      color:#961510 !important;
      font-weight: bold;
    }
    .highlight-innings .tournament-inns{
      color:#961510 ;
    } 
    .highlight-innings .tournament-scores{
      color:#961510 ;
    }
    .highlight-innings .tournament-overs{
      color:#961510 ;
    }
    .live-match-link{
      display: block;
    }
    /* upcoming countdown */
  .countdown-timer {
      font-weight: bold;
      text-align: center;
      display: flex;
      width: fit-content;
      column-gap: 0px;
      border: 1px solid #d3d3d300;
      align-content: center;
      justify-content: center;
      align-items: center;
      flex-wrap: nowrap;
      flex-direction: row;
      
      /* backdrop-filter: blur(10px); */
      padding: 4px;
    
    }
    .countdown-box {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 0px;
      color: white;
      width: 40px;
      height: 40px;
      text-align: center;
      /* border: 1px solid #790000; */
      line-height: 1.5em;
    }
    .countdown-box span {
      font-size: 21px;
      display: block;
      line-height: 25px;
      text-align: center;
      color:#5c5c5c;
    }
    .countdown-box p{
      font-size:12px;
      margin-bottom: 0px;
      color: #3d3d3d;
    }
    /* Tournament Cards */
  .tournament{
      background: #ffffff;
      border-radius: 0px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      margin-bottom: 20px;
      position: relative;
      z-index: 1;
      overflow: hidden;
      border: 1px solid;
      border-image: linear-gradient(90deg, 
      #A00007 0%, 
      #9A080E 5%, 
      #812B2F 36%, 
      #5E5E5E 51%, 
      #7F2E32 75%, 
      #A00007 100%) 1;
      transition: transform 0.4s ease, box-shadow 0.4s ease;
      text-align: center;
    }
    .tournament:hover {
      transform: scale(1.01); 
      box-shadow: 0 10px 30px rgba(230, 136, 136, 0.18);
  }
  .tournament:hover {
    border-image: linear-gradient(90deg, #093ec6 0%, #154abc 50%, #093ec6 100%) 1;
  }
  .tournament::before{
    content: "";
    position: absolute;
    background: url('../../assets/images/spl-card-top-pattern.png');
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
      top: -228px;
      bottom: 0;
      right: 14px;
      z-index: -1;
      width: 100%;
      max-width: 600px;
  }
  .tournament::after{
    content: "";
    position: absolute;
    background: url("../../assets/images/spl-card-bottom-pattern.png");
    background-size: cover;
    background-position: bottom left;
    background-repeat: no-repeat;
      top: 0;
      bottom: -228px;
      left: 40px;
      z-index: -1;
      width: 100%;
      max-width: 600px;
  }
    .category {
      padding: 5px;
      border:none;
    }
    .landing-page-match-info h4{
      font-size: 12px;
    }
    .landing-page-match-info{
      display: flex;
      flex-direction: column;
      row-gap: 10px;
    }
    .landing-page-qucik-links {
      text-align: justify;
      text-transform: uppercase;
    }
    .landing-page-qucik-links h4 {
      text-align: center;
      color:#790000;
      margin-bottom: 10px;
      font-size:16px;
      font-weight: 600;
    }
    .landing-page-qucik-links a{
      width: 50%;
      margin-bottom: 10px;
      color: #1E1E1E;
      font-size: 14px;
      margin-top: 5px;
      font-weight:600;
      display: inline-block;
    }
    .landing-page-match-format{
      font-weight: 600;
      font-size: 18px;
      color:#282828;
    }
    .landing-page-match-format span{
      font-size:18px;
    }
    .landing-page-match-count{
      font-size:16px;
      font-weight: 500;
    }
    .landing-page-match-count span{
      font-size: 18px;
      font-weight: 500;
    }
    .landing-page-match-status{
      font-size: 13px;
    }
    
    .onprocess{
      background: #FF7700;
      font-size: 11px;
      width: 100px;
      margin: 0px auto;
      padding: 5px;
      color: white;
      border-radius: 3px;
    }
    .completed{
      background: #38B01E;
      font-size: 11px;
      width: 100px;
      margin: 0px auto;
      padding: 5px;
      color: white;
      border-radius: 3px;
      font-weight:600;
    }
    .upcoming{
      background: #ffad00;
      font-size: 11px;
      width: 100px;
      margin: 0px auto;
      padding: 5px;
      color: black;
      border-radius: 3px;
    }
    .landing-page-title {
        align-items: center;
        height: 100%;
        align-content: center;
        line-height: 2em;
        position: relative;
        z-index: 1;
        cursor: pointer;
    }
    .landing-page-title::before,
    .landing-page-title::after {
        content: '';
        position: absolute;
        width: 1px;
        height: 100%;
        background-color: #C3C3C3; 
        top: 0;
        z-index: -1;
    }
    .landing-page-title::before {
        left: 0; 
    }
    .landing-page-title::after {
        right: 0;
    }
    
    .landing-page-title h4 {
      color:black;
      font-weight: 600;
      font-size:24px;
    }
    .landing-page-icon{
      max-width: 22px;
      width:100%;
      padding-right: 3px;
      height:19px;
      position: relative;
      top:-1px;
    }
    .landing-page-date{
      display: flex;
      align-items: center;
      justify-content: center;
      color: #111010;
      font-weight: 600;
      font-size: 20px;
    }
    .spl-tabs-container {
      background: #440000;
      padding: 10px 0px;
      position: relative;
      z-index: 1;
  }
  .tab-status-title {
    color: white;
    margin-bottom: 0px !important;
    font-size:18px;
  }
  .text-white{
    margin-bottom: 0;
  }
  .fixture-section{
    background: #ddd;
    max-width: 1580px;
    margin: 0px auto;
  }
  .compettion-name{
    text-align: left;
    margin: 7px 0px;
    font-size: 13px;
  }
  .matches-order{
    background: #bab3b391;
    color: black;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0px 0px 5px auto;
    padding: 3px 19px;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
  }
  .live-match-venue{
    margin-bottom: 20px;
    margin-top: 10px;
    font-size: 13px;
  }
  .torunament-dropdown{
      padding: 8px 13px;
      width: 100%;
      text-align: left;
      margin-bottom: 20px;
      color: #530509;
      margin-top: 20px;
      border: 1px solid;
      font-weight: 600;
      font-size: 16px;
      }
      .tournament-inner {
        padding:10px;
      }
      .tournament-inner.T20-border{
        border-left: 8px solid #FF4603;
      }
      .tournament-inner.T20i-border{
        border-left: 8px solid #3A03FF;
      }
      .tournament-inner.Odi-border{
        border-left: 8px solid #071856;
      }
      .tournament-inner.Test-border{
        border-left: 8px solid #26c629;
      }
    
    /* tournament Matches */
    .winning-team{
      color:#961510 !important;
      font-weight:700;
    }
    .filter-btn{
         border: none;
    color: white;
    background-color: #203ea1;
    border-color: #203ea1;
    padding: 5px 30px;
    }


  /* mobile live card */

  .matchinfo-flex{
    display: flex;
    justify-content: space-between;
  }
  .mathcinfo-format-flex{
    display: flex;
    column-gap:5px;
  }
  .mathcinfo-format-flex span{
    font-size: 10px;
    text-transform: uppercase;
    padding: 2px 5px;
    font-weight: 600;
  }
  .mathcinfo-format-flex span:last-child {
  border:none;
  }

  .matchinfo-date-flex{
    display: flex;
    justify-content: left;
    column-gap: 5px;
    align-items: center;
    line-height: 2em;
    flex-wrap: wrap;
  }
  .matchinfo-date-flex img{
    max-width: 15px;
    margin-right: 5px;
    vertical-align: middle;
    position: relative;
    top:-2px;
  }

  .matchinfo-date-flex span{
    font-size: 11px;
  }
  .matchinfo-team-flex{
    display: flex;
    justify-content: space-between;
    line-height: 1.5em;
  }

  .matchinfo-container-flex {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 10px 0;
  }
  .matchinfo-container-flex::before,
  .matchinfo-container-flex::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, #FFFFFF 0%, #BABABA 50%, #FFFFFF 100%);
  }

  .matchinfo-container-flex::before {
    top: 0;
  }

  .matchinfo-container-flex::after {
    bottom: 0;
  }

  .match-info-teams{
    display: flex;
    justify-content: center;
    column-gap:5px;
    align-items: center;
  }
  .match-info-teams img{
    max-width: 30px;
    height: 30px;
    vertical-align: middle;
  }
  .match-info-teams h4{
    font-size: 14px;
    font-weight: 800;
  }
  .matchinfo-runs{
    display: flex;
    column-gap: 20px;
    padding-right: 10px;
  }
  .matchinfo-score{
    line-height: 1em;
    position: relative;
  }
  .match-info-inns{
    font-size: 12px;
    font-weight:600;
    color:gray;
  }
  .match-info-score{
    font-size: 18px;
    font-weight: 800;
  }
  .match-info-overs{
    font-size: 12px;
  }
  .matchinfo-footer{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .matchinfo-toss{
    color:#636363;
    font-size:12px;
    font-weight:600;
    text-transform: capitalize;

  }
  .matchinfo-results{
    font-size:14px;
    font-weight:800;
    color:#920E10;
    margin-bottom:0px;
    text-transform: capitalize;
  }
  .matchinfo-scorer-name{
    font-size:12px;
    color:black;
    font-weight: 600;
  }
  .matchinfo-compettion-name{
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
  }
  .matchinfo-drinks-break{
    font-size:11px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
  }
  .fa, .fas, .far, .fal, .fab {
    font-family: "Font Awesome 6 Free" !important;
  }

  i[class^="fa-"],
  i[class*=" fa-"] {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900; /* For solid icons */
  }
  .input-wrapper {
    position: relative;
    width: 100%;
    height:100%;
  }

  .mainLoginInput {
    height:100%;
    padding: 0px;
    font-size: 12px;
    width: 100%;
    background: #78788024;
    border: none;
    padding-left: 30px; /* Add padding for the icon */
  }

  .mainLoginInput::placeholder {
    text-transform: lowercase !important;
  }

  .fa-placeholder::before {
    content: "\f002"; /* Unicode for search icon */
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    pointer-events: none;
  }
  .filter-icon{
    background: #04114e;
    display: flex;
    justify-content: center;
    padding: 1px;
    width: 100%;
    height: 100%;
  }
  .filter-icon img{
    max-width: 30px;
    padding:5px;
  }

  .desktop-card{
    display: block;
  }
  .mobile-card {
    display: block;
  }
  .filter{
    max-width: 20px;
  }
  .live-partnership-background span::before {
    content: '⬤'; /* Bullet character */
    margin-right: 5px;
    color: white; /* Set bullet color */
    font-size: 10px;
  }

  .tab-menu {
    position: fixed;
    top: 88px;
    left: 0;
    width: 100%;
    border-top: 1px solid #ccc;
    z-index: 9999;
    left: -50%;
    right: -50%;
    /* display: flex; */
    height: 45px;
  }
  .contentDiv{
    position: relative;
    z-index: 0;;
  }
    /* Responsive live card  */
    /* Tablet */
  @media (max-width: 1024px) {
    
    }
    
    /* Mobile */
    @media (max-width: 600px) {
      .col-lg-3{
          flex:0 0  auto !important;
          max-width: 100% !important;
        
        }
        .col-lg-6{
          flex:0 0  auto !important;
          max-width: 100%;
        }
        .no-data-found img{
          max-width: 100px;
        }
        .no-data-found p {
          font-size:12px;
        }
        .match-info-teams h4{
          margin-bottom: 0px !important;
        }
        .tab-tournament-flex{
          padding:0px !important;
        }
            
        .tab-header-flex {
  position: sticky;        /* or use fixed if you want it always fixed */
  top: 0;
  z-index: 999;            /* ensure it stays on top */
  background-color: #fff;  /* white background */
  padding: 10px 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* optional shadow for better separation */
}
.tab-content{
      /* height: 100vh; */
        height: 100vh;
        min-height: 100vh;
        overflow-y: auto;
        padding-bottom: 0px;
        margin-bottom: 0px !important;
}

        .back-button{
    font-size: 12px !important;
    padding: 3px 20px !important;
    top: 10px !important;
        }
        .tabs-container{
          transform: skewX(-20deg);
          height: 35px;
          border:1px solid #8c8c8c6b !important;
        }
        .tab-menu {
          position: fixed;
          bottom: 0;
          left: 0;
          width: 100%;
          border-top: 1px solid #ccc;
          z-index: 9999;
          left: -50%;
          right:-50%;
        }
        .tab-button {
          padding: 5px 13px !important;
        }
        .tab-button span{
          transform: skewX(20deg);
          font-size:12px;
        }
        .tab-button.active {
          background: #04114e !important;
          padding: 4px 20px !important;
          box-shadow: 0px 8px 10px 0px #04114e4a !important;
          height: 28px;
          margin: 3px;
        }
        .tab-button.active span{
        color:white !important;
        font-size:14px !important;
        }
        .tab-button.active span::after {
        display: none !important;
        }


        .tab-header{
          font-family: "Racing Sans One", sans-serif !important;
          font-weight: 400 !important;
          font-style: normal;
          color: #04114e;
          font-size: 24px !important;
          text-transform: capitalize !important;
          padding-left:10px;
        }
        .tab-header span{
          font-family: "Racing Sans One", sans-serif !important;
          font-weight: 400;
          font-style: normal;
          color:#04114e;
          font-size: 20px !important;
        }
        .filter-btn{
          padding: 0px !important;
          width:100% !important;
        }
        .matchformat-flex span{
          font-family: 'Rajdhani', sans-serif !important;
          font-weight: 400;
          font-style: normal;
          color:#04114e;
          font-size: 20px !important;
        }
        .live-odi::after {
          height: 15px !important;
          background: #8C8C8C !important;
        }
        .matchformat-flex{
          padding-left: 3px;
          display: none;
        }
        .live-matches::before{
          display:none;
        }
        .live-matches::after{
          display: none;
        }
        button.back-to-top.show{
          bottom:5px !important;
        }
        .desktop-card {
          display: none;
        }
        .live-matches-inner{
          padding:10px;
        }
        .advance-filter{
          margin-top:10px;
        }
        .filter-count{
          top:2px;
        }
        .countdown-timer{
          width: 100%;
        }
        .countdown-box span{
        font-size:18px;
        }
        .upcoming-natch-centre-button{
          margin: 10px auto;
          width: 100%;
          position: relative;
          left: -50%;
        }
        .live-indicator{
          left:0px !important;
          position: relative !important;
          background:transparent !important;
          padding:0px !important;
          align-items: center;
        }
        .mathcinfo-format-flex{
          align-items: center;
          height: 100%;
        }
        .mathcinfo-format-flex span{
          padding:0px 3px !important;
          line-height: 1.5em;
          text-align: center;
        }
        .tournament-subtabs{
          transform: skewX(-20deg);
          height: 35px;
          border: 1px solid #8c8c8c6b !important;
        }
        .completed {
          width: 70px !important;
          text-align: center;
      }
      .match-info-teams .matchinfo-compettion-name{
        margin-bottom: 0;
      }
      .tournament-info-flex{
        display:flex;
        align-items: center;
        flex-direction: row !important;
      }

      /* summary page */
      .lmBatterTbl tr th {
        min-width: 23px;
        font-size: 14px !important;
    }
    .lmBatterTbl tr td {
      font-size: 12px !important;
  }
    .bdrRight{
    border-right: none;
    }
    .innings-live{
      flex-direction: column;
      column-gap:0px !important;
    }
    .innings-live{
      font-size: 28px !important;
      font-weight: 600;
      margin-bottom: 0px;
      line-height: 1em !important;
    }
    .live-match-chasing-text {
      font-size: 12px !important;
    }
    .innings-live .lmScore{
      font-size:28px !important;
    }
    .lmTeam .shortName{
      font-size:18px;
      font-weight: 600;
    }
    .live-summary-partnership-flex{
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 0;
      text-align: left;
      justify-content: flex-start;
    }
    .live-partnership-background span {
      padding: 5px !important;
      font-size: 14px !important;
      line-height: normal !important;
  }
  .commentary-total-runs{
    font-size: 14px !important;
    font-weight:600 !important;
  }
  .commentary-overs {
    padding-left: 10px;
  }
  .commentary-overs li span{
    font-size: 12px !important;
    font-weight: 600 !important;
  }

  .commentary-palyer-Batsman{
    gap:5px !important;
    justify-content: space-around !important;
    background:rgb(201, 237, 248);
    padding: 5px;
  }
  .commentary-palyer-Bowler{
    gap:5px !important;
    justify-content: space-around !important;
    background: rgb(201, 237, 248);
    padding:5px;
  }
  .commentary-palyer-Batsman:nth-child(1):before {
  display: none !important;
  }
  .commentary-palyer-Bowler:nth-child(1):before {
    display: none !important;
  }
  .commentary-palyers-flex{
    justify-content: start !important;
  }
  .commentary-players{
    text-align: left !important;
    font-size:10px !important;
  }
  .end-over{
    flex-direction: row !important;
    gap:5px !important;
    justify-content: left !important;
    line-height: 1.5em;
    margin-top: 10px;
    margin-bottom:10px;
  }
  .commentary-role{
    max-width: 20px !important;
  }
  .commentary-over-runs-flex span:first-child {
    font-size: 12px !important;
  }
  .commentary-over-runs-flex span:nth-child(2) {
    font-size: 11px !important;
  }
  .commentary-chasingText span:first-child {
    font-size: 12px !important
  }
  .commentary-chasingText span:nth-child(2) {
    font-size: 11px !important
  }
  .mcBatterrow {
    flex-direction: column !important;
  }
  .mcBatterDetails, .mcBatter{
    width:95%;
  }
  .mcBatter a.mcName {
    width: 130px;
  }
  .mcBatterInfo {
    padding-left: 6px !important;
  }
  .player-wagon-wheel-data{
    padding:0px;

  }
  .hidden-col {
    display: none;
  }
  .summary-contaienr table * {
    font-size: 11px;
  }
  .player-wagon-wheel-details{
    flex-direction: column !important;
  }
  .player-wagon-wheel-bg{
    justify-content: center !important;
    padding: 3px 0px !important;
    gap: 0px !important;
    flex-direction: row !important;
  }
  .data-label{
    font-size: 7px !important;
  }
  .data-value {
    font-size: 10px !important;
  }

  .player-wagon-wheel-data{
    padding: 0px 4px !important;
  }
  .mcLegend{
    gap:4px !important;
  }
  .mcLegend a {
    width: 36px !important;
    margin: 5px 0px !important ;
    display: flex !important ;
    text-align: end !important ;
    justify-content: center !important;
  }
  .mcLegendContainer{
    justify-content: center !important;
    text-align:center !important;
  }
  .mcLegend a span {
    text-align:center;
  }
  .Overby{
  width:100% !important;
  }
  .normal-table table tr th {
    padding: 8px 8px !important;
    margin-bottom: 5px !important;
    font-size: 14px !important;
  }
  .normal-table table tr td {
    border-bottom: none !important;
    padding: 5px 8px !important;
    font-size: 12px !important;
  }
  .fxContainer::before {
  display: none;
  }
  .playerimage img, .mcBatterPic img {
    max-width: 35px !important;
    max-height: 35px !important;
  }
  .txtWhite {
  font-size: 12px !important;
  }
  .fall-of-wicket-flex span:nth-child(1) {
    width: 47% !important;
  }
  .fall-of-wicket-flex span:nth-child(2) {
    width:3% !important;
  }
  .fall-of-wicket-flex span:nth-child(3) {
    width: 47% !important;
  }
  .footerlogo{
        max-width: 100px !important;
      }


    }
    @media (min-width: 601px) and (max-width: 1024px) {
      .col-lg-3{
        flex:0 0  auto !important;
        max-width: 100% !important;
      
      }
      .col-lg-6{
        flex:0 0  auto !important;
        max-width: 100%;
      }
      .tabs-container{
        transform: skewX(-20deg);
        height: 35px;
        border:1px solid #8c8c8c6b !important;
      }
      .tab-menu {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        border-top: 1px solid #ccc;
        z-index: 9999;
        left: -50%;
        right:-50%;
      }
      .tab-button {
        padding: 5px 13px !important;
      }
      .tab-button span{
        transform: skewX(20deg);
        font-size:12px;
      }
      .tab-button.active {
        background: #04114e !important;
        padding: 4px 20px !important;
        box-shadow: 0px 8px 10px 0px #04114e4a !important;
        height: 28px;
        margin: 3px;
      }
      .tab-button.active span{
      color:white !important;
      font-size:14px !important;
      }
      .tab-button.active span::after {
      display: none !important;
      }


      .tab-header{
        font-family: "Racing Sans One", sans-serif !important;
        font-weight: 400 !important;
        font-style: normal;
        color: #04114e;
        font-size: 24px !important;
        text-transform: capitalize !important;
      }
      .tab-header span{
        font-family: "Racing Sans One", sans-serif !important;
        font-weight: 400;
        font-style: normal;
        color:#04114e;
        font-size: 20px !important;
      }
      .filter-btn{
        padding: 0px !important;
        width:100% !important;
      }
      .matchformat-flex span{
        font-family: 'Rajdhani', sans-serif !important;
        font-weight: 400;
        font-style: normal;
        color:#04114e;
        font-size: 20px !important;
      }
      .live-odi::after {
        height: 15px !important;
        background: #8C8C8C !important;
      }
      .matchformat-flex{
        padding-left: 3px;
        display: none;
      }
      .live-matches::before{
        display:none;
      }
      .live-matches::after{
        display: none;
      }
      button.back-to-top.show{
        bottom:5px !important;
      }
      .desktop-card {
        display: none;
      }
      .live-matches-inner{
        padding:10px;
      }
      .advance-filter{
        margin-top:10px;
      }
      .filter-count{
        top:2px;
      }
      .countdown-timer{
        width: 100%;
      }
      .countdown-box span{
      font-size:18px;
      }
      .upcoming-natch-centre-button{
        margin: 10px auto;
        width: 100%;
        position: relative;
        left: -50%;
      }
      .live-indicator{
        left:0px !important;
        position: relative !important;
        background:transparent !important;
        padding:0px !important;
        align-items: center;
      }
      .mathcinfo-format-flex{
        align-items: center;
        height: 100%;
      }
      .mathcinfo-format-flex span{
        padding:0px 3px !important;
        line-height: 1.5em;
      }
      
      .tournament-subtabs{
        transform: skewX(-20deg);
        height: 35px;
        border: 1px solid #8c8c8c6b !important;
      }
      .completed {
        width: 70px !important;
        text-align: center;
    }
    .match-info-teams .matchinfo-compettion-name{
      margin-bottom: 0;
    }
    .tournament-info-flex{
      display:flex;
      align-items: center;
      flex-direction: row !important;
    }

    /* summary page */
    /* .lmBatterTbl tr th {
      min-width: 23px;
      font-size: 14px !important;
  }
  .lmBatterTbl tr td {
    font-size: 12px !important;
  }
  .bdrRight{
  border-right: none;
  }
  .innings-live{
    flex-direction: column;
    column-gap:0px !important;
  }
  .innings-live{
    font-size: 28px !important;
    font-weight: 600;
    margin-bottom: 0px;
    line-height: 1em !important;
  }
  .live-match-chasing-text {
    font-size: 12px !important;
  }
  .innings-live .lmScore{
    font-size:28px !important;
  }
  .lmTeam .shortName{
    font-size:18px;
    font-weight: 600;
  }
  .live-summary-partnership-flex{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0;
    text-align: left;
    justify-content: flex-start;
  }
  .live-partnership-background span {
    padding: 5px !important;
    font-size: 14px !important;
    line-height: normal !important;
  }
  .commentary-total-runs{
  font-size: 14px !important;
  font-weight:600 !important;
  }
  .commentary-overs {
  padding-left: 10px;
  }
  .commentary-overs li span{
  font-size: 12px !important;
  font-weight: 600 !important;
  }

  .commentary-palyer-Batsman{
  gap:5px !important;
  justify-content: space-around !important;
  background:rgb(201, 237, 248);
  padding: 5px;
  }
  .commentary-palyer-Bowler{
  gap:5px !important;
  justify-content: space-around !important;
  background: rgb(201, 237, 248);
  padding:5px;
  }
  .commentary-palyer-Batsman:nth-child(1):before {
  display: none !important;
  }
  .commentary-palyer-Bowler:nth-child(1):before {
  display: none !important;
  }
  .commentary-palyers-flex{
  justify-content: start !important;
  }
  .commentary-players{
  text-align: left !important;
  font-size:10px !important;
  }
  .end-over{
  flex-direction: row !important;
  gap:5px !important;
  justify-content: left !important;
  line-height: 1.5em;
  margin-top: 10px;
  margin-bottom:10px;
  }
  .commentary-role{
  max-width: 20px !important;
  }
  .commentary-over-runs-flex span:first-child {
  font-size: 12px !important;
  }
  .commentary-over-runs-flex span:nth-child(2) {
  font-size: 11px !important;
  }
  .commentary-chasingText span:first-child {
  font-size: 12px !important
  }
  .commentary-chasingText span:nth-child(2) {
  font-size: 11px !important
  }
  .mcBatterrow {
  flex-direction: column !important;
  }
  .mcBatterDetails, .mcBatter{
  width:95%;
  }
  .mcBatter a.mcName {
  width: 130px;
  }
  .mcBatterInfo {
  padding-left: 6px !important;
  }
  .player-wagon-wheel-data{
  padding:0px; 

  }*/

  .hidden-col {
    display: table-cell;
  }
  .lmBatterTbl ul li{
    font-size:14px;
  }
  .normal-table table tr.rows td, .normal-table table tr.rows td a {
    font-size: 12px !important;
  }
  .commentary-over-runs-flex span:nth-child(2) {
    font-size: 14px !important;
  }
  .commentary-chasingText span:nth-child(2) {
    font-size: 14px !important;
  }
  .commentary-total-runs{
    font-size:14px !important;
  }
  .commentary-overs li span{
    font-size:14px !important;
  }
  .summary-contaienr table * {
    font-size: 14px !important;
  }
  .mcBatterrow{
    flex-direction:column !important;
  }
  .mcscore{
    font-size:22px;
  }
  .player-wagon-wheel-bg {
    gap: 0px !important;
  }
  .player-wagon-wheel-data {
    flex-direction: column !important;
    gap: 0px !important;
    padding: 0px 2px !important;
  }
  .data-label{
    font-size:11px !important;
  }
  .mcLegend a {
    width: 44px !important;
    margin: 10px 0px !important;
  }
  .mcLegendContainer {
    justify-content: center !important;
  }
  .mcLegend {
    gap:5px !important;
  }
  .mcScorecard .mcCol-4 {
    width: 60% !important;
  }
  .mcListHdr .mcCol-6 .mcCol, .mcList .mcCol-6 .mcCol {
    width: 20.28% !important;
  }
  .fall-of-wicket-flex span:nth-child(1) {
    width: 30% !important
  }
  .fall-of-wicket-flex span:nth-child(2) {
    width: 5% !important;
  }
  .fall-of-wicket-flex span:nth-child(3) {
    width: 30% !important;
  }
  .Overby {
    width: 60% !important;
    text-align: left !important;
  }
  .mcExtraScore {
    padding-left: 16px !important;
  }

    }

    /* @media (min-width: 769px) {
      .mobile-card {
        display: none;
      }
      .tab-menu {
        position: fixed;
        top:80px;
        width: 100% !important;
        left: 0;
        background-color: #fff;
        z-index: 9999;
        display: block;
        padding: 0 0 0;
        border: none !important;
        box-shadow:none !important;
      }
      .tab-menu .tab-button.active{
        border: none !important;
        box-shadow:none !important;
      }
    } */
.tournamentInfo .tStatus.completed {
    color: #38B01E;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    text-align: center;
    background: white;
    margin:auto 0px;

}