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: 292px;
  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 {

  right: 0;
  left: -38px;
  height: clamp(240px, 21vw, 265px);
  /* width: clamp(230px, 21vw, 165px); */
}

.player-right {
  height: clamp(240px, 21vw, 265px);
  right: -49px;
  /* width: clamp(230px, 20vw, 165px); */
}

/* Responsive */
@media (max-width: 575px) {
  .player-left {
    top: 14px;
    right: 0;
    left: -36px
  }

  .player-right {
    top: 14px;

    right: -45px;

  }

  .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;
  }


}

.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 */
}

.match_coverage_text_div {
  max-height: 85px;
  overflow: hidden;
}

.btn-gradient {
  background: linear-gradient(90deg, #1da1f2, #a855f7);
  border: none;
  color: #fff;
  border-radius: 100px;
  font-weight: 600;
}

.btn-gradient:hover {
  color: white;
}

.modal-content {
  background: linear-gradient(180deg, rgb(9 15 52), rgb(4 9 32 / 93%));
  border-radius: 16px;
  border: 1px solid #657fe9b3;
}

.form-control {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
}

.form-control::placeholder {
  color: #f8f8f873;
}

.form-control:focus {
  background: transparent;
  color: #fff;
  border-color: #657fe9b3;
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
}

.otp-box input {
  width: 45px;
  height: 50px;
  text-align: center;
  font-size: 18px;
  margin-right: 6px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: transparent;
  color: #fff;
}

.otp-box input:focus {
  border-color: #657fe9b3;
  outline: none;
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
}

.link-text {
  color: #4cc9f0;
  cursor: pointer;
  font-size: 13px;
}

.link-text:hover {
  color: #939606;

}

.form-select {
  background-color: #080d2f;
  /* dark background */
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
}

.form-select option {
  background-color: #080d2f;
  /* dropdown background */
  color: #ffffff;
}

.form-select:focus {
  border-color: #657fe9b3;
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
}


/* leaderboard */
.leaderboard {
  background: #0f1a3a;
  border-radius: 10px;
  padding: 8px;
  border: 1px solid #3b4b8b;
}

/* Table */
.table {
  margin-bottom: 0;
  color: #cfd8ff;
}

.table thead th {
  border: none;
  font-size: 14px;
  color: #b2c2f3;
}

.table tbody tr {
  border-top: 1px solid #1f2d5c;
}

/* Rank badge */
.rank {
  border: 1px solid #4c5fa8;
  border-radius: 6px;
  padding: 4px 10px;
  display: inline-block;
  font-size: 12px;
}

.btn-rewards {
  background: linear-gradient(90deg, #FAC242, #E0800A);
  border: none;
  color: #000000;
  font-weight: 600;
  border-radius: 100px;
}

/* Avatar */
.avatar {
  width: 35px;
  height: 35px;
  background: #1e2d5a;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  font-size: 12px;
}

.select {
  color: #ffcc33;
  font-weight: 600;
}

.rank-select {
  border: 1px solid #e3aa00;
  border-radius: 6px;
  padding: 4px 10px;
  display: inline-block;
  font-size: 12px;
}

.player-selected td {
  border-bottom: 1px solid #e4dfff1a;
  background: #011552;
  color: #e3aa00;
  padding: 10px 8px;
  vertical-align: middle;
}

.player-out td {
  border-bottom: 1px solid #e4dfff1a;
  background: #011552;
  color: #fafafa;
  padding: 10px 8px;
  vertical-align: middle;
}

/* Points */
.points {
  color: #00e0ff;
  font-weight: 600;
}

/* Right Card */
.rank-card {
  background: #0f1a3a;
  border: 1px solid #3b4b8b;
  border-radius: 10px;
  padding: 20px;
}

.rank-number {
  font-size: 32px;
  font-weight: bold;
  color: white;
}

.user-badge {
  color: white;
  width: 50px;
  height: 50px;
  background: teal;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}


.leaderboard-btn {
  background: #f5f5f59e;
  border-radius: 25px;
  padding: 7px 11px;
  font-size: 13px;
  font-weight: 600;
  color: #222;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s ease;
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

.leaderboard-btn:hover {
  background: #ffffff;
  color: #000;
  transform: translateY(-1px);
}

.leaderboard-icon {
  color: #936a00;
  font-size: 12px;
}

.btn-fade {
  background: #474472;
  border: 1px solid #ffffff52;
  color: #fff;
  border-radius: 100px;
  font-weight: 600;
}

.custom-close {
  font-size: 1.5rem;
  line-height: 1;
}