/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */
/* Import custom fonts */
:root {
  --color-primary: #ed5520;
  --color-secondary: #f9c80b;
  --color-accent: #20ed2a;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-dark-gray: #0e101b;
  --color-gray: #565457;
  --font-primary: 'poppins', sans-serif;
  --font-secondary: 'SF Super 03 Medium', 'SF Super 03 Regular', 'SF Super 03 Hair', 'SF Super 03 Thin', 'SF Super 03 Medium Italic', 'SF Super 03 Regular Italic', 'SF Super 03 Hair Italic', 'SF Super 03 Thin Italic', 'SF Super 03 Bold', 'SF Super 03 Bold Italic', 'Roboto', sans-serif;
}

body {
  /* margin: 0; */
  font-family: var(--font-primary);
  background-color: var(--color-black);
  color: var(--color-white);
  overflow-x: hidden;
}


/* Offset anchor scroll position for fixed header */
        section[id],
        div[id] {
            scroll-margin-top: 70px;
            /* adjust to your header height */
        }


.container {
  
  margin: 0 auto;
  padding: 0 3%;
  box-sizing: border-box;
}

.container-fluid{
     
  padding: 0 3%;
}


section {
  width: 100%;
  position: relative;
  overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  /* for headings, follow font-primary */
  font-family: var(--font-primary);
}

a {
  text-decoration: none;
  color: inherit;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 20px;
  border-radius: 6px;
  font-family: 'SF Super 03 Regular';
  font-weight: 400;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
  max-width: 35%;
  margin: 0 auto;
}

.btn-primary {
  background-color: var(--color-white);
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
}

.btn-primary:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.btn-secondary {
  background-color: var(--color-white);
  color: var(--color-primary);
  border-radius: 10px;
}

.btn-secondary:hover {
  opacity: 0.9;
}

.btn-dark {
  background-color: var(--color-black);
  color: var(--color-white);
  border-radius: 10px;
}

/* ========== Sections styling migrated from previous inline CSS ========== */
/* Header/Hero */
#header-hero {
  background-color: var(--color-dark-gray);
  padding-top: 0px;
  overflow: visible !important;
}

.header-hero-container {
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
  overflow: visible !important;
}

/* Swiper track */
.match-slider .swiper-wrapper {
  display: flex;
  gap: 0;
  /* remove space between cards */
  padding: 0 0 20px;
  /* remove left/right padding */
}

.match-card {
  flex: 0 0 493px;
  background-color: var(--color-black);
  border: 1px solid var(--color-gray);
  padding: 6px 10px;
  /* further reduced */
  box-sizing: border-box;
  display: flex;
  /* ensure consistent layout */
  flex-direction: column;
  height: 100%;
  /* fill slide height */
  overflow: hidden;
}

.match-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
  /* further reduced */
}

.date {
  font-family: var(--font-primary);
  font-size: 15px;
  /* further reduced */
  color: var(--color-white);
}

.live-indicator {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--color-white);
  font-family: var(--font-secondary);
  font-size: 13px;
  /* further reduced */
  text-transform: uppercase;
}

.match-name {
  font-family: var(--font-primary);
  font-size: 15px;
  /* further reduced */
  color: var(--color-primary);
  margin-bottom: 4px;
  /* further reduced */
}

.divider {
  border: none;
  height: 1px;
  background-color: var(--color-white);
  margin: 0 0 5px;
  /* further reduced */
}

/* Make divider span edge-to-edge within the padded card */
.match-card .divider {
  margin-left: -10px;
  margin-right: -10px;
  width: calc(100% + 20px);
  display: block;
}

.team-row {
  display: flex;
  align-items: center;
  gap: 5px;
  /* further reduced */
  margin-bottom: 3px;
  /* further reduced */
}

.team-logo {
  width: 14px;
  /* further reduced */
  height: 13px;
  /* further reduced */
}

.team-name {
  font-family: var(--font-primary);
  font-size: 10px;
  /* further reduced */
  color: var(--color-white);
  flex-grow: 1;
}

.score {
  font-family: var(--font-secondary);
  font-size: 35px;
  /* further reduced */
  color: var(--color-secondary);
}

.match-buttons {
  display: flex;
  gap: 7px;
  /* further reduced */
  margin-top: 7px;
  /* further reduced */
}

/* Ensure all slides/cards are the same height */
.match-slider .swiper-slide {
  height: 240px;
}

.match-buttons .btn {
  flex-grow: 1;
  font-size: 14px;
  /* further reduced */
  border-color: var(--color-primary);
  color: var(--color-primary);
  background-color: transparent;
}

.match-card.live .match-buttons .btn:first-child {
  border-color: var(--color-white);
  color: var(--color-white);
}

.main-header {
  background-color: #080706;
  /* padding: 8px 0; */
}

.header-content {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 42px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo img {
  height: 80px;
  width: auto;
}

.main-nav {
  display: flex;
  gap: 50px;
}

.main-nav a {
  font-family: var(--font-secondary);
  font-size: 1.089rem;
  font-weight: 100 !important;
  text-transform: uppercase;
  color: var(--color-white);
}

/* Override main-nav for mobile when collapsed */
@media (max-width: 991px) {
  .main-nav {
    display: none !important;
    flex-direction: column;
    gap: 0;
    width: 100%;
    background-color: #080706;
    padding: 20px 0;
    margin-top: 15px;
  }
  
  /* Show main-nav when navbar is expanded */
  .navbar-collapse.show .main-nav {
    display: flex !important;
  }
  
  .main-nav a {
    font-size: 1.2rem;
    padding: 15px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    width: 100%;
    display: block;
    text-align: left;
  }
  
  .main-nav a:last-child {
    border-bottom: none;
  }
  
  .main-nav a:hover {
    background-color: rgba(237, 85, 32, 0.1);
  }
}

.hero-content {
  position: relative;
  width: 100%;
  height: 1089px;
}

.hero-bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /* height: 100%; */
  object-fit: cover;
}

.hero-overlay {
  /* position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    padding-right: 100px;
    box-sizing: border-box;
    background: linear-gradient(to left, rgba(0,0,0,0.7) 30%, transparent); */
}

.hero-title-container {
  text-align: right;
}

.hero-title {
  font-family: var(--font-secondary);
  font-size: 100px;
  line-height: 1.1;
  font-weight: 700;
  color: var(--color-white);
  text-transform: uppercase;
}

.hero-matchup {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 40px;
}

.hero-matchup .team {
  text-align: center;
}

.hero-matchup .team img {
  width: 145px;
  height: 137px;
  margin-bottom: 10px;
}

.hero-matchup .team p {
  font-family: var(--font-primary);
  font-size: 18px;
}

.vs-text {
  font-family: var(--font-secondary);
  font-size: 45px;
  color: var(--color-secondary);
}

.watch-live-btn {
  margin-top: 40px;
  font-size: 30px;
  padding: 10px 40px;
}

@media (max-width: 1200px) {
  .header-content {
    justify-content: center;
  }

  .hero-overlay {
    align-items: center;
    padding: 0 20px;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
  }

  .hero-title {
    font-size: 60px;
  }

  .hero-matchup {
    flex-direction: column;
    gap: 10px;
  }
}

/* Trending */
#trending {
  background-color: var(--color-black);
  padding: 80px 0;
}

.trending-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

.trending-title {
  font-family: var(--font-secondary);
  font-size: 45px;
  font-weight: 500;
  color: var(--color-black);
  -webkit-text-stroke: 1px var(--color-white);
}

.trending-items {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
}

.trending-item {
  text-align: center;
}

.trending-item p {
  margin-top: 15px;
  font-family: var(--font-primary);
  font-size: 18px;
  color: var(--color-black);
}

.trending-image-wrapper {
  position: relative;
  width: 143px;
  height: 143px;
  border-radius: 50%;
  border: 4px solid var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}

.trending-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.trending-image-wrapper.live {
  border-color: var(--color-primary);
}

.live-tag {
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--color-white);
  border: 1px solid var(--color-primary);
  border-radius: 2px;
  padding: 2px 8px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.live-tag span {
  color: var(--color-black);
  font-family: var(--font-secondary);
  font-size: 15px;
  text-transform: uppercase;
}

.live-tag img {
  width: 13px;
  height: 13px;
}

/* Live Action */
#live-action {
  background-color: var(--color-secondary);
  padding: 100px 0;
  position: relative;
}

/* .live-action-bg-text-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; overflow: hidden; z-index: 0; } */
.live-action-bg-text {
  font-family: var(--font-secondary);
  font-size: 250px;
  font-weight: 700;
  text-align: center;
  color: transparent;
  background-image: url('images/36ecfeca6f668d3187c28d131733b336ca3d6a43.png');
  background-size: cover;
  background-position: center;
  -webkit-background-clip: text;
  background-clip: text;
  opacity: 1;
}

.live-action-container {
  position: relative;
  z-index: 1;
}

.scoreboard {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--color-secondary);
  padding: 40px;
  border-top: 1px solid var(--color-black);
  border-bottom: 1px solid var(--color-black);
}

.stats-block {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 215px;
}

.stats-block.left {
  text-align: left;
}

.stats-block.right {
  text-align: right;
}

.stat-item .stat-value {
  font-family: var(--font-secondary);
  font-size: 70px;
  font-weight: 500;
  color: var(--color-black);
  line-height: 1;
}

.stat-item .stat-label {
  font-family: var(--font-primary);
  font-size: 25px;
  color: var(--color-black);
}

.stat-total {
  background-color: var(--color-black);
  color: var(--color-secondary);
  padding: 15px;
  text-align: center;
}

.stat-value-large {
  font-family: var(--font-secondary);
  font-size: 70px;
  line-height: 1;
}

.stat-label-total {
  font-family: var(--font-secondary);
  font-size: 30px;
  line-height: 1.1;
}

.match-center {
  text-align: center;
}

.live-indicator-main {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}

.live-indicator-main span {
  font-family: var(--font-secondary);
  font-size: 28px;
  color: var(--color-black);
  text-transform: uppercase;
}

.teams-score {
  display: flex;
  align-items: center;
  gap: 40px;
}

.team-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}

.team-logo {
  width: 100%;
  height: auto;
  max-width: 65px;
}

.team-name {
  font-family: var(--font-secondary);
  font-size: 35px;
  color: var(--color-black);
  line-height: 1;
}

.team-score {
  font-family: var(--font-secondary);
  font-size: 100px;
  color: var(--color-primary);
  line-height: 1;
}

.paddles-container {
  position: relative;
  width: 232px;
  height: 197px;
}

.paddles-container img {
  position: absolute;
}

.paddle1 {
  top: 0;
  left: 0;
  width: 162px;
  height: 197px;
}

.paddle2 {
  top: 0;
  right: 0;
  width: 162px;
  height: 197px;
  transform: scaleX(-1);
}

.ball {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
}

.rally-points-label {
  margin-top: 20px;
  font-family: var(--font-secondary);
  font-size: 30px;
  color: var(--color-black);
}

@media (max-width: 1200px) {
  .scoreboard {
    flex-direction: column;
    gap: 40px;
  }

  .live-action-bg-text {
    font-size: 120px;
  }
}

/* Top Performers */
#top-performers {
  background-color: var(--color-black);
  padding: 100px 0;
  overflow: visible;
}

.performers-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.performers-title {
  font-family: var(--font-secondary);
  font-size: 100px;
  color: var(--color-white);
  margin-bottom: 60px;
}

.performer-card {
  background-color: var(--color-accent);
  width: 100%;
  max-width: 1742px;
  padding: 40px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.performer-image {
  position: absolute;
  left: -100px;
  bottom: 0;
  width: 616px;
  height: auto;
}

.deco-swirl-1 {
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0.5;
  transform: rotate(0deg);
}

.deco-swirl-2 {
  position: absolute;
  right: 200px;
  bottom: -100px;
  width: 261px;
  height: 261px;
}

.performer-info {
  margin-left: 550px;
  flex-grow: 1;
}

.rank-name {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.rank {
  font-family: var(--font-secondary);
  font-size: 200px;
  color: var(--color-white);
  line-height: 0.8;
}

.name-team {
  margin-top: 20px;
}

#top-performers .team-name {
  font-family: var(--font-primary);
  font-size: 28px;
  color: var(--color-black);
}

.player-name {
  font-family: var(--font-secondary);
  font-size: 100px;
  color: var(--color-white);
  line-height: 1;
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 40px;
  margin-top: 40px;
}

.stat {
  text-align: center;
}

.stat .value {
  font-family: var(--font-secondary);
  font-size: 70px;
  color: var(--color-white);
  line-height: 1;
}

.stat .label {
  font-family: var(--font-primary);
  font-size: 25px;
  color: var(--color-black);
}

.performer-buttons {
  margin-top: 40px;
  display: flex;
  gap: 20px;
}

.performer-buttons .btn {
  font-size: 22px;
  padding: 20px 30px 15px;
}

.team-logo-container {
  align-self: flex-end;
}

.team-logo-container img {
  width: 205px;
  height: 205px;
}

.nav-arrows {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1800px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.nav-arrows img {
  pointer-events: all;
  cursor: pointer;
  width: 61px;
  height: 61px;
}

.arrow-prev {
  transform: rotate(180deg);
}

@media (max-width: 1400px) {
  .performer-info {
    margin-left: 400px;
  }

  .performer-image {
    left: -150px;
    width: 500px;
  }
}



@media (max-width: 1024px) {
  .performer-card {
    flex-direction: column;
    text-align: center;
  }

  .performer-image {
    position: static;
    margin-bottom: 20px;
    width: 80%;
  }

  .performer-info {
    margin-left: 0;
  }

  .rank-name {
    justify-content: center;
  }

  .team-logo-container {
    margin-top: 30px;
  }

  .deco-swirl-1,
  .deco-swirl-2 {
    display: none;
  }
}

/* Meet The Teams */
#meet-the-teams {
  background-color: var(--color-black);
  padding: 100px 0;
}

.teams-container {
  text-align: center;
}

.teams-title {
  font-family: var(--font-secondary);
  font-size: 100px;
  color: var(--color-white);
  margin-bottom: 80px;
}

.teams-grid {
  display: block;
}

.team-card {
  background-color: var(--color-primary);
  padding: 40px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.team-logo-wrapper {
  width: 197px;
  height: 193px;
  border-radius: 50%;
  background-color: var(--color-black);
  display: flex;
  align-items: center;
  justify-content: center;
}

.team-logo-wrapper img {
  max-width: 90%;
  max-height: 90%;
}

#meet-the-teams .team-card h3 {
  font-family: var(--font-secondary);
  font-size: 50px;
  color: var(--color-white);
  line-height: 1;
}

.team-card .btn {
  font-size: 22px;
  color: var(--color-primary);
}

/* Latest News */
#latest-news {
  background-color: var(--color-black);
  /* padding: 100px 0; */
}

.news-container {
  text-align: center;
}

.news-title {
  font-family:
    var(--font-secondary);
  font-size: 4.948rem;
  color: #ED5520;
  /* margin-bottom: 80px; */
}


.team-name-heading{
    font-family:
    var(--font-secondary);
  font-size: 4.948rem;
  color: #fff;
}

.news-title-sub {
  font-family: 'Poppins', sans-serif !important;
}

.news-grid {
  display: block;
}

.news-card {
  background-color: var(--color-black);
  border: 1px solid var(--color-accent);
  text-align: left;
}

.news-image {
  width: 100%;
  /*height: 188px;*/
  object-fit: cover;
}

.news-content {
  padding: 17px;
}

.news-content time {
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.693rem;
  color: #000;
  display: block;
  margin-bottom: 10px;
  font-weight: 500;

}

.news-content h3 {
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.989rem;
  font-weight: 600;
  color: #ED5520;
  margin-bottom: 15px;
  line-height: 1.2;
}

.news-content p {
  font-family: var(--font-primary);
  font-size: 0.891rem;
  color: #000;
  line-height: 1.4;
  font-weight: 400;
}

/* Match Centre */
#match-centre {
  background-color: var(--color-secondary);
  padding: 100px 0;
}

.match-centre-container {
  display: block;
}

.section-title {
  font-family: var(--font-secondary);
  font-size: 50px;
  color: var(--color-black);
  margin-bottom: 40px;
  text-align: center;
}

.match-carousel {
  display: flex;
  align-items: center;
  gap: 20px;
}

.carousel-arrow {
  cursor: pointer;
}

.carousel-arrow.prev img {
  transform: rotate(180deg);
}

.match-card-display {
  background-color: var(--color-black);
  padding: 40px;
  flex-grow: 1;
  text-align: center;
  position: relative;
}

.match-card-display .live-indicator {
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  gap: 5px;
}

.match-card-display .live-indicator span {
  font-family: var(--font-secondary);
  font-size: 24px;
  text-transform: uppercase;
}

.match-card-display .teams {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  margin-bottom: 40px;
}

.match-card-display .team {
  text-align: center;
}

.match-card-display .team img {
  width: 148px;
  height: 148px;
  margin: 0 auto 10px;
}

.match-card-display .team p {
  font-family: var(--font-secondary);
  font-size: 20px;
}

.match-card-display .vs {
  font-family: var(--font-secondary);
  font-size: 35px;
  color: var(--color-secondary);
}

.match-card-display .btn {
  background-color: var(--color-white);
  color: var(--color-primary);
  font-size: 25px;
  padding: 12px 40px;
}

.points-table-wrapper {
  background-color: var(--color-black);
  padding: 10px;
}

table {
  width: 100%;
  border-collapse: collapse;
}

thead {
  background-color: var(--color-black);
}

th {
  font-family: var(--font-secondary);
  font-size: 24px;
  color: var(--color-secondary);
  padding: 20px;
  text-align: center;
  font-weight: 400;
}

th:first-child {
  text-align: left;
}

tbody tr {
  background-color: #fffae4;
}

tbody tr:nth-child(even) {
  background-color: var(--color-white);
}

td {
  padding: 15px 20px;
  font-family: var(--font-secondary);
  font-size: 24px;
  color: var(--color-primary);
  text-align: center;
}

td:first-child {
  text-align: left;
  color: var(--color-primary);
  font-size: 20px;
}

@media (max-width: 1024px) {
  /* layout handled by Bootstrap cols */
}

/* Gallery */
#gallery {
  padding: 100px 0;
  background-color: var(--color-secondary);
}

.gallery-container {
  display: block;
}

.gallery-card {
  position: relative;
  height: 692px;
  overflow: hidden;
}

.gallery-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.gallery-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 40px;
  box-sizing: border-box;
  background: linear-gradient(0deg, #000000 0%, rgba(102, 102, 102, 0) 100%);
}

.gallery-content h2 {
  font-family: var(--font-primary);
  font-size: 50px;
  color: var(--color-white);
  margin-bottom: 20px;
}

.gallery-content .btn {
  font-size: 20px;
  text-transform: uppercase;
}

.vibe-with-us {
  max-width: 830px;
  margin: -170px auto 0;
  background-color: var(--color-white);
  padding: 20px 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
}

.vibe-title {
  font-family: var(--font-primary);
  font-weight: 590;
  font-size: 40px;
  color: var(--color-primary);
  text-transform: uppercase;
}

.vibe-text {
  font-family: var(--font-primary);
  font-size: 30px;
  color: var(--color-black);
}

.vibe-text span {
  font-weight: 500;
}

.vibe-icon {
  width: 54px;
  height: 54px;
}

@media (max-width: 900px) {
  .gallery-container {
    grid-template-columns: 1fr;
  }
  
  .indian-fedration-section img {
    height: auto;
    width: 70% !important;
    filter: grayscale(100%) brightness(10);
}
  
  

  .vibe-with-us {
    flex-direction: column;
    text-align: center;
    gap: 20px;
    margin-top: 30px;
  }
}

/* Partners */
#partners {
  background-color: var(--color-black);
  /* padding: 150px 0; */
}

.partners-container {
  text-align: center;
  position: relative;
}

.partners-title {
  font-family: var(--font-secondary);
  font-size: 100px;
  color: #ED5520;
}

.partners-grid-bg {
  position: absolute;
  top: 200px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1800px;
  height: 265px;
  background-image: repeating-linear-gradient(var(--color-gray) 0 1px, transparent 1px 100%), repeating-linear-gradient(90deg, var(--color-gray) 0 1px, transparent 1px 100%);
  background-size: 20% 25%;
  opacity: 0.5;
}

.partners-logos {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  gap: 40px;
  margin-bottom: 80px;
  position: relative;
  z-index: 1;
}


.indian-fedration-section{
    display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  gap: 40px;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}


.partners-logos img {
  height: 277px;
  width: auto;
  filter: grayscale(100%) brightness(10);
}

.indian-fedration-section img{
     height: auto;
  width: 30%;
  filter: grayscale(100%) brightness(10);
}

#partners .btn {
  font-size: 24px;
  padding: 10px 10px 5px 10px;
  font-weight: 700;
  font-size: 1.188rem;
}

/* Footer */
#footer {
  background-color: var(--color-black);
}

.newsletter-section {
  background-color: var(--color-primary);
  padding: 40px 0;
}

.newsletter-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}

.newsletter-content h2 {
  font-family: var(--font-secondary);
  font-size: 100px;
  color: var(--color-white);
  line-height: 0.8;
  margin-bottom: 40px;
}

.newsletter-form {
  display: flex;
  gap: 20px;
}

.newsletter-form input {
  width: 100%;
  max-width: 676px;
  background-color: var(--color-white);
  border: none;
  padding: 15px 20px;
  font-family: var(--font-primary);
  font-size: 25px;
  color: var(--color-primary);
  opacity: 0.5;
}

.newsletter-form input::placeholder {
  color: var(--color-primary);
}

.newsletter-form .btn {
  font-size: 24px;
  padding: 10px 40px;
  background-color: var(--color-white);
  color: var(--color-primary);
}

.newsletter-image img {
  width: 402px;
  height: auto;
  border: 6px solid var(--color-primary);
}

.main-footer {
  /* padding: 80px 0; */
}

.footer-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

.social-links {
  display: flex;
  gap: 20px;
}

.social-links a img {
  width: 43px;
  height: 43px;
}

.footer-nav {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
}

.footer-nav a {
  font-family: var(--font-secondary);
  font-size: 1.089rem;
  font-weight: 100 !important;
  text-transform: uppercase;
}

.footer-logo img {
  height: 103px;
  width: auto;
}

@media (max-width: 1024px) {
  .newsletter-container {
    flex-direction: column;
  }

  .newsletter-content h2 {
    font-size: 60px;
    text-align: center;
  }

  .newsletter-form {
    flex-direction: column;
  }
}

.top-performers-slider {
  position: relative;
}

.top-performers-slider .nav-arrows {
  position: absolute;
  top: 50%;
  left: 2%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  pointer-events: none;
  z-index: 10;
  transform: translateY(-50%);
}

.top-performers-slider .nav-arrows img {
  pointer-events: all;
  cursor: pointer;
  width: 61px;
  height: 61px;
  opacity: 1;
}

.top-performers-slider .swiper-wrapper {
  left: 55%;
}

/* Intentionally keeping default Swiper slide styling; no overrides needed */
.top-performers-slider .performer-card {
  margin: 0 auto;
  max-width: 900px;
  width: 100%;
}

.top-performers-slider.swiper {
  position: relative;
  /* left: 50%; */
  transform: translateX(0%);
  width: 100vw;
  overflow: visible;
}

.top-performers-slider .swiper-wrapper {
  justify-content: center !important;
}

/* .top-performers-slider .swiper-slide {
  width: 80vw !important;
  max-width: 80vw;
  min-width: 80vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 !important;
} */
.top-performers-slider .performer-card {
  width: 100%;
  max-width: 80vw;
  margin: 0 auto;
}

#top-performers .performers-container {
  max-width: 100vw;
  padding: 0;
}

@media (max-width: 900px) {

  .top-performers-slider .swiper-slide,
  .top-performers-slider .performer-card {
    width: 97vw !important;
    max-width: 97vw;
    min-width: 97vw;
  }
  
  .footer-nav {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}
}

@media (max-width: 768px) {
  .top-performers-slider .nav-arrows {
    display: none;
  }
  
  .news-title {
    font-family: var(--font-secondary);
    font-size: 4rem;
    color: #ED5520;
    /* margin-bottom: 80px; */
}

.team-name-heading{
  font-size: 4rem;
  color: #fff;
}

.news-title-sub {
    width: 68%;
    text-align: start;
    font-size: 1rem !important;
}
  
  
}

@font-face {
  font-family: 'SF Super 03 Hair';
  src: url('fonts/SF Super 03 Hair.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SF Super 03 Hair Italic';
  src: url('fonts/SF Super 03 Hair Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'SF Super 03 Medium';
  src: url('fonts/SF Super 03 Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SF Super 03 Medium Italic';
  src: url('fonts/SF Super 03 Medium Italic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'SF Super 03 Regular';
  src: url('fonts/SF Super 03 Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SF Super 03 Regular Italic';
  src: url('fonts/SF Super 03 Regular Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'SF Super 03 Thin';
  src: url('fonts/SF Super 03 Thin.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SF Super 03 Thin Italic';
  src: url('fonts/SF Super 03 Thin Italic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'SF Super 03 Bold';
  src: url('fonts/SF-Super-03-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SF Super 03 Bold Italic';
  src: url('fonts/SF-Super-03-Bold-Italic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

/* Bootstrap integration overrides to preserve original design */


 .navbar-nav .nav-link {
            position: relative;
            transition: color 0.2s;
            display: inline-block;
        }

        .navbar-nav .nav-link::after {
            content: '';
            display: block;
            position: absolute;
            left: 50%;
            bottom: 0;
            height: 3px;
            width: 0;
            background: #ED5520;
            opacity: 0;
            transition: opacity 0.2s, width 0.2s, left 0.2s;
        }

        .navbar-nav .nav-link:hover::after,
        .navbar-nav .nav-link:focus::after,
        .navbar-nav .nav-link.active::after {
            width: 80%;
            left: 10%;
            opacity: 1;
        }

        .navbar-nav .nav-link:hover,
        .navbar-nav .nav-link:focus,
        .navbar-nav .nav-link.active {
            color: #fff !important;
        }

.navbar {
  padding-top: 0;
  padding-bottom: 0;
}

.navbar .nav-link {
  padding: 0;
  color: var(--color-white);
}

.navbar .navbar-toggler {
  box-shadow: none !important;
  outline: none !important;
  border: none !important;
  padding: 4px 8px;
  position: relative;
  z-index: 1002;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}

.navbar .navbar-toggler:focus {
  box-shadow: none !important;
}

.navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  width: 24px;
  height: 24px;
}

/* Ensure Bootstrap collapse works */
.navbar-collapse.collapse:not(.show) {
  display: none;
}

.navbar-collapse.collapse.show {
  display: block;
}

.navbar-collapse.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

/* Mobile navbar styles - Additional responsive adjustments */
@media (max-width: 991px) {
  .header-content {
    padding: 0 20px;
  }
  
  .main-header {
    overflow: visible !important;
  }
  
  .navbar-collapse {
    background-color: #080706;
    width: 100%;
    z-index: 1000;
    position: relative;
  }
  
  .logo img {
    height: 80px;
  }
  
  .navbar-toggler {
    z-index: 1001;
  }
  
  .home #countdown-hero {
    background-image: none !important; 
}
  
   /*900 media*/
.hero-banner-background-image-home{
    visibility: visible !important;
  background-image: url(images/players-hero-section-scaled-1.webp);
    position:absolute;
    top: 10%; 
    /*right:0%;*/
    width:66%; 
    height: 56%;
    object-fit:cover; 
    z-index:1;
}
  
  
  
}

/* Neutralize Bootstrap Card visuals so custom styles remain unchanged */
.card {
  background-color: #fff;
  border: none;
  border-radius: 0;
  box-shadow: none;
}


.gallery-images{
    background-color: transparent !important;
    align-items: center;
}

/* Ensure our grid gaps match original design when using Bootstrap rows */
.teams-grid.row {
  --bs-gutter-x: 40px;
  --bs-gutter-y: 40px;
  display: flex !important;
}

.news-grid.row {
  --bs-gutter-x: 40px;
  --bs-gutter-y: 40px;
  display: flex !important;
  padding-left: 2%;
    padding-right: 2%;
}

.gallery-container.row {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 30px;
  display: flex !important;
}

.match-centre-container.row {
  --bs-gutter-x: 60px;
  --bs-gutter-y: 60px;
  display: flex !important;
}

/* Keep matches/cards square without Bootstrap rounding */
.match-card,
.team-card,
.news-card {
  border-radius: 0;
 
}


/* akash css */

.mobile-hero-extra-img{
    position:absolute; 
    left:50%; 
    bottom:30%; 
    transform:translateX(-50%); 
    width:100%; 
    max-width:320px; 
    margin:0 auto 12px auto; 
    z-index:20; 
    display:block;
}


 






#countdown-hero {
  position: relative;
  height: 110vh;
  width: 100vw;
  overflow: hidden;
}


.home #countdown-hero {
    background-image: url(images/1535x765-scaled.webp);
    background-size: 85%;
    background-repeat: no-repeat;
    height: 100vh;
}

.hero-banner-background-image-home {
      visibility: hidden !important;
}




@media (min-width: 1650px){
    .home #countdown-hero {
    background-image: url(https://pbkl.furthertogether.in/wp-content/uploads/2025/11/1535x765-scaled.webp);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 100vh;
}
}
@media (max-width: 1080px){
    .hero-banner-background-image-home {
      visibility: visible !important;
}
    
}


@media (max-width: 500px){
     .home #countdown-hero {
    background-image: none !important; 
    background-size: 100%;
    background-repeat: no-repeat;
    height: 100vh;
}

#youtube-video-section{
    height: 60vh !important;
}

    .main-nav a {
        padding: 5px 0px;
    }
}





.her-section-counter {
  /* position: relative;
    height: 110vh;
    width: 100vw;
    overflow: hidden; */
}






#countdown-hero img {
  /*position: absolute;*/
  /*top: 0;*/
  /*left: 0;*/
  /*width: 100%;*/
  /*height: 100%;*/
  /*object-fit: cover;*/
  /*z-index: 1;*/
}

#countdown-hero>div:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: rgba(0,0,0,0.5); */
  z-index: 2;
}

#countdown-hero h1 {
  font-family:  var(--font-secondary);
  /*margin-bottom: 1rem;*/
  font-weight: 500;
  /*margin-bottom: -3%;*/
}

#countdown-timer {
  color: #fff;
  font-size: 2rem;
  font-family:  var(--font-secondary);
  /* background: rgba(0, 0, 0, 0.6); */
  font-weight: 500;

  border-radius: 8px;
  display: inline-block;
}

@media (max-width: 900px) {
  #countdown-hero h1 {
    font-size: 2rem;
  }
  
  .postid-211 .team-owner-name {
    color: #000;
}

.postid-206 .team-owner-name {
    color: #000;
}

  #countdown-timer {
    font-size: 1.2rem;
  }

  #countdown-hero>div:nth-child(3) {
    right: 2%;
  }
}

.hero-section-coundown-upper-text {
  font-family: 'SF Super 03 Regular', 'Roboto', sans-serif;
  font-size: 2.5rem;
  color: #ED5520;
  font-weight: 400;
}

.hero-section-coundown-upper-text-second{
  font-family: 'SF Super 03 Regular', 'Roboto', sans-serif;
    font-size: 2.474rem;
    color: #ED5520;
    font-weight: 700;
}

.counter-timer {
  color: #fff;
  font-size: 5rem;
  font-family: 'SF Super 03 Bold', 'Roboto', sans-serif;
  background: transparent;
  /* padding: 0.5em 0.5em; */
  border-radius: 8px;
  display: inline-block;
   opacity: 1 !important;
            filter: none !important;
}

#countdown-timer {
  color: #fff;
  font-size: 5rem;
  font-family:  var(--font-secondary);
  /* background: rgba(0, 0, 0, 0.6); */
  /* padding: 0.5em 0.5em; */
  border-radius: 8px;
  display: inline-block;
  font-weight: 500;
  max-width: 700px;
}

.counter-unit, .counter-unit1 {
  font-size: 0.7em;
  vertical-align: super;
  margin-left: 2px;
  margin-right: 2px;
  opacity: 0.8;
  color: #fff !important;
            /* Ensure units are also pure white */
            opacity: 1 !important;
            /* Remove any opacity */
            filter: none !important;
            /* Remove any filter */
}


/* .counter-div{
  position: absolute;
    right: 5%;
    top: 20%;
    transform: translateY(-50%);
    z-index: 3;
    text-align: center;
} */


#countdown-hero>div:nth-child(3) {
  position: absolute;
  right: 7%;
  top: 40%;
  transform: translateY(-50%);
  z-index: 3;
  text-align: center;
  max-width: 700px;
}

.secondary-counter-timer, .secondary-counter-timer1{
  font-size: 8rem;
    color: #fff;
    background: rgba(0, 0, 0, 0.7);
    display: inline-block;
   
    border-radius: 8px;
    font-family: var(--font-secondary);
}

.about-the-legue-small-div-and-text{
  color: #F5E4DD;
  font-family: 'Poppins', sans-serif !important;
  font-size: 1.188rem;
  font-weight: 400;
  line-height: 1.2;
  max-width: 50vw;
  line-height: 1.4;
}

.vineet-name{
  font-size: 4.948rem;
    color: #fff;
    font-family:  var(--font-secondary);
    line-height: 4rem;
    /* margin-top: 1rem;
    margin-bottom: 1rem; */
}

.vineet-name-post{
  font-size: 0.891rem;
    color: #fff;
   font-family: 'Poppins', sans-serif !important;
    /* margin-bottom: 1rem; */
    font-weight: 600;
}

.vineet-name-group{
  font-size: 0.891rem;
    color: #fff;
    font-family: 'Poppins', sans-serif !important;
    /* margin-bottom: 1rem; */
    font-weight: 100;
}

.about-heading-and-sub-heading{
  padding-bottom:1%;
}




@media (max-width: 900px) {

  #countdown-hero>div:nth-child(3) {
    position: absolute;
    right: 0%;
    top: 40%;
    transform: translateY(-50%);
    z-index: 3;
    text-align: center;
    width: 55%;
  }
  
  
  .hero-section-coundown-upper-text-second{
  font-family: 'SF Super 03 Regular', 'Roboto', sans-serif;
    font-size: 2rem;
    color: #ED5520;
    font-weight: 700;
}
  
  
}



.team-name{
    top: 63% !important;
    position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;
}


.partner-logo-hover {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}
.partner-logo-hover-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.2s;
  pointer-events: none;
}
.partner-logo-hover:hover .partner-logo-hover-img,
.partner-logo-hover:active .partner-logo-hover-img {
  opacity: 1;
}
.partner-logo-default {
  width: 100%;
  height: auto;
  display: block;
  transition: none;
}

.partner-logo-with-color{
  align-items: center;
    justify-content: center;
    text-align: center;
    display: flex;
}


.news-title-sub{
  width: 68%;
  text-align: start;
   font-size: 1.237rem;
}

.naming-div{
  margin-left: 5%;
  padding-top: 10%;
}










@media (max-width: 500px) {
#countdown-hero {
    position: relative;
    height: 80vh;
    width: 100vw;
    overflow: hidden;
  }
  
         .postid-211 .custom-img-text-img-col-left {
        bottom: 12px;
    }
  
  .team-name{
       top: 40% !important;
       position: absolute;
    z-index: 2;
  }
  
     
   
  

    #newsliderarrow {
        right: 50% !important;
}
  
  #arroww {
    right: 50% !important;
    bottom: 4% !important ;
    
}


.swiper-button-next {
    width: 100px !important;
    height: 40px !important;
    background: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}


.swiper-button-prev {
    width: 100px !important;
    height: 40px !important;
    background: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
  
  
  .swiper-wrapper {
    margin-bottom: 25% !important;
}
  
  .naming-div {
 margin-left: 2%;
}
  
      .logo img {
        height: 65px;
    }
  
  
  
  .navbar-nav .nav-link:hover::after {
    width: 20%;
    left: 0%;
    opacity: 1;
}
  
  /*500 media*/
  .hero-banner-background-image-home {
      visibility: visible !important;
      background-image: url(images/players-hero-section-scaled-1.webp);
    position: absolute;
    top: 6%;
    left: 0;
    width: 100%;
    height: 30%;
    object-fit: cover;
    z-index: 1;
}
  
  
  
  #countdown-hero>div:nth-child(3) {
        position: absolute;
        right: 24%;
        top: 45%;
        transform: translateY(-50%);
        z-index: 3;
        text-align: center;
        width: 50%;
    }






#countdown-timer {
  color: #fff;
  font-size: 1.3rem !important;
  font-family:  var(--font-secondary);
  background: #000;
  padding: 0.3em 0.3em;
  border-radius: 8px;
  display: inline-block;
  font-weight: 500;
}

.naming-div {
    margin-left: 1%;
    padding-top: 0%;
}


        #countdown-hero h1 {
          font-size: 1.5rem;
          padding-top: 1rem;
        }

                .news-title {
                  font-family: var(--font-secondary);
                  font-size: 2rem;
                  color: #ED5520;
                  padding-top: 1rem;
                  padding-bottom: 1rem;
                  /* margin-bottom: 80px; */
                }
                
                .team-name-heading{
  font-size: 2rem;
  color: #fff;
}


                                .news-title-sub {
                                  width: 100%;
                                  text-align: center;
                                  font-size: 1rem;
                                }


                                                                .about-heading-and-sub-heading {
                                                                  padding-bottom: 0%;
                                                                }

.vineet-name {
font-size: 2rem;
color: #fff;
font-family: 'SF Super 03 Bold', 'Roboto', sans-serif;
}


.about-the-legue-small-div-and-text {
  color: #fff;
  font-family: 'Poppins', sans-serif !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
  max-width: 80vw;
  padding-top: 5%;
  padding-left: 2%;
}

#partners .btn {
  font-size: 24px;
  padding: 10px 10px 5px 10px;
  font-weight: 700;
  font-size: 1rem;
}


.secondary-counter-timer, .secondary-counter-timer1 {
  font-size: 3rem;
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
  display: inline-block;
  border-radius: 8px;
  font-family: var(--font-secondary);
}


        .about-the-legue-small-div-and-text {
          font-size: 1rem;
          max-width: 80vw;
          padding-top: 5%;
          padding-left: 2% !important;
          padding-bottom: 5%;
        }


  
}

@media (max-width: 345px) {
  #countdown-hero {
    position: relative;
    height: 80vh;
    width: 100vw;
    overflow: hidden;
  }

}


@media (max-width: 991px){
    
    
    
      .navbar-nav .nav-link.active::after {
            width: 20% !important;
            left: 0 !important;
            opacity: 1;
        }
}




@media (max-width: 900px) {
  .partner-logo-hover,
  .partner-logo-default,
  .partner-logo-hover-img {
    width: 100% !important;
    max-width: 180px !important;
    height: auto !important;
  }
  

  
  
  
  .about-league-flex-row::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100%;
    background: url(images/Mask-group-new.webp) left center / cover no-repeat;
    z-index: 0;
    pointer-events: none;
    border-radius: 0 40px 40px 0;
}
  
  


            #countdown-timer {
              color: #fff;
              font-size: 3rem;
              font-family:  var(--font-secondary);
              background: transparent;
              padding: 0.3em 0.3em;
              border-radius: 8px;
              display: inline-block;
              font-weight: 500;
            }


                        .vineet-name {
                          font-size: 2rem;
                          color: #fff;
                          font-family: 'SF Super 03 Bold', 'Roboto', sans-serif;
                          line-height: 2rem;
                        }




.about-the-legue-small-div-and-text {
                                                                                                          
 font-size: 1rem;
max-width: 90vw;
padding-top: 5%;
padding-left: 0%;
padding-bottom: 5%;
 }


.secondary-counter-timer, .secondary-counter-timer1 {
font-size: 2.3rem;
color: #fff;
background: rgba(0, 0, 0, 0.7);
display: inline-block;
border-radius: 8px;
font-family: var(--font-secondary);
                                                                                                                                                                                                                }


}


/* Medium screens - Tablets and small laptops */
@media (min-width: 901px) and (max-width: 1050px) {
  /* Add your styles here for screens between 901px and 1050px */
  .vineet-name {
      font-size: 3rem;
      color: #fff;
      font-family: 'SF Super 03 Bold', 'Roboto', sans-serif;
      line-height: 3rem;
    }

}




 @font-face {
   font-family: 'SF Super 03 Hair';
   src: url('fonts/SF-Super-03-Hair.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: 'SF Super 03 Hair Italic';
   src: url('fonts/SF-Super-03-Hair-Italic.woff') format('woff');
   font-weight: normal;
   font-style: italic;
   font-display: swap;
 }

 @font-face {
   font-family: 'SF Super 03 Medium';
   src: url('fonts/SF-Super-03-Medium.woff') format('woff');
   font-weight: 500;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: 'SF Super 03 Medium Italic';
   src: url('fonts/SF-Super-03-Medium-Italic.woff') format('woff');
   font-weight: 500;
   font-style: italic;
   font-display: swap;
 }

 @font-face {
   font-family: 'SF Super 03 Regular';
   src: url('fonts/SF-Super-03-Regular.woff') format('woff');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: 'SF Super 03 Regular Italic';
   src: url('fonts/SF-Super-03-Regular-Italic.woff') format('woff');
   font-weight: 400;
   font-style: italic;
   font-display: swap;
 }

 @font-face {
   font-family: 'SF Super 03 Thin';
   src: url('fonts/SF-Super-03-Thin.woff') format('woff');
   font-weight: 200;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: 'SF Super 03 Thin Italic';
   src: url('fonts/SF-Super-03-Thin-Italic.woff') format('woff');
   font-weight: 200;
   font-style: italic;
   font-display: swap;
 }

 @font-face {
   font-family: 'SF Super 03 Bold';
   src: url('fonts/SF-Super-03-Bold.woff') format('woff');
   font-weight: bold;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: 'SF Super 03 Bold Italic';
   src: url('fonts/SF-Super-03-Bold-Italic.woff') format('woff');
   font-weight: bold;
   font-style: italic;
   font-display: swap;
 }

 .counter-unit,  .counter-unit1 {
   font-size: 0.8em;
   vertical-align: sub;
   margin-left: 2px;
   margin-right: 2px;
   /* opacity: 0.8; */
   color: #fff !important;
            /* Ensure units are also pure white */
            opacity: 1 !important;
            /* Remove any opacity */
            filter: none !important;
            /* Remove any filter */
 }
 
  .counter-unit, .counter-unit1 {
   font-size: 0.8em;
   vertical-align: sub;
   margin-left: 2px;
   margin-right: 2px;
   /* opacity: 0.8; */
   color: #fff !important;
            /* Ensure units are also pure white */
            opacity: 1 !important;
            /* Remove any opacity */
            filter: none !important;
            /* Remove any filter */
 }
  
 
 
 

 @media (min-width: 500px) and (max-width: 900px) {
   .about-league-flex-row {
     flex-direction: column !important;
     align-items: center !important;
     /* padding: 20px !important; */
   }
   
   .swiper-news-nav {
    right: 22% !important;
}
   
    .postid-211 .custom-img-text-img-col-left {
        bottom: 10px;
    }
   
    #newsliderarrow{
    position:absolute; 
    right:22% !important; 
    bottom:30px; 
    display:flex; 
    gap:10px; 
    z-index:10;
}
   
   
   .naming-div {
 margin-left: 5%;
}

   .about-the-legue-small-div-and-text {
     flex: 1;
     padding-right: 20px;
   }

   .about-league-img-col {
     min-width: 300px !important;
     height: 180px !important;
     width: 300px !important;
     position: relative !important;
     display: flex !important;
     align-items: flex-end !important;
     justify-content: flex-end !important;
     margin-top: 13% !important;
   }
   
   
   #arroww {
    right: 22% !important;
    bottom: 4% !important;
}

.swiper-wrapper {
    margin-bottom: 15% !important;
}
   
   

   .about-league-img-col img {
     position: absolute !important;
     bottom: 2% !important;
     left: 37% !important;
     width: 280px !important;
     height: auto !important;
     z-index: 2 !important;
     transform: translateY(5px) translateX(-5px) !important;
     margin: 0 !important;
     display: block !important;
   }
 }

 @media (max-width: 499px) {
   .about-league-flex-row {
     flex-direction: column !important;
     align-items: flex-start !important;
     padding: 0 0 0 0 !important;
   }

   .about-league-img-col {
     min-width: 100vw !important;
     height: auto !important;
     width: 100vw !important;
     position: relative !important;
     display: flex !important;
     align-items: flex-end !important;
     justify-content: center !important;
     margin-top: -10% !important;
   }

   .about-league-img-col img {
     position: static !important;
     width: 87vw !important;
     max-width: 400px !important;
     height: auto !important;
     transform: none !important;
     margin: 0 auto !important;
     display: block !important;
   }
 }

 #header-hero {
   position: fixed !important;
   top: 0;
   left: 0;
   /* width: 100vw; */
   z-index: 100;
 }

 .parallax-hero {
   position: fixed !important;
   top: 10%;
   left: 0;
   width: 100vw;
   height: 110vh;
   z-index: 2;
   pointer-events: auto;
 }

 .parallax-bg-overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   z-index: 5;
   background: #000;
   pointer-events: none;
   opacity: 0;
   transition: opacity 0.3s ease;
 }

 .parallax-bg-overlay.active {
   opacity: 1;
 }

 .parallax-bg-image {
   position: fixed;
   top: 0;
   left: 0;
   width: 50vw;
   height: 100vh;
   z-index: 6;
   background: url('images/parlexx-two-section-image-new.webp') left center / contain no-repeat;
   pointer-events: none;
   opacity: 0;
   transition: opacity 0.3s ease;
 }

 .parallax-bg-image.active {
   opacity: 1;
 }

 /* Make all sections transparent so background shows through */
 .parallax-content section {
   background-color: rgba(0, 0, 0, 0.8) !important;
   position: relative;
   z-index: 12;
 }

 /* Override any existing section backgrounds */
 #latest-news {
   background-color: transparent !important;
 }

 .py-5 {
   background-color: transparent !important;
 }

 #partners {
   background-color: transparent !important;
 }

 #secondary-counter-section {
   background: #000000 !important;
 }

 @media (max-width: 900px) {
   #header-hero {
     position: fixed !important;
     top: 0 !important;
     left: 0 !important;
     width: 100vw !important;
     z-index: 100 !important;
   }

   .parallax-hero {
     position: fixed !important;
     top: 5% !important;
     left: 0 !important;
     width: 100vw !important;
     height: 135% !important;
     z-index: 2 !important;
     pointer-events: auto !important;
   }

   .parallax-content {
     margin-top: calc(110vh + 80px) !important;
   }
 }
 
 
 
 /*.counter-unit{*/
 /*    font-size: 1rem !important;*/
 /*}*/



/*vineet jain background*/

.about-league-flex-row {
            position: relative !important;
        }

        .about-league-flex-row::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 75%;
            height: 100%;
            background: url('images/Mask-group-new.webp') left center/cover no-repeat;
            z-index: 0;
            pointer-events: none;
            /*border-radius: 0 40px 40px 0;*/
        }

        .about-the-legue-small-div-and-text {
            position: relative;
            z-index: 1;
        }

        .about-league-img-col {
            position: relative;
            z-index: 1;
        }

/*vineet jain background*/


.counter-unit, .counter-unit1 {
            /*font-size: 0.6em;*/
            vertical-align: baseline;
            margin-left: 2px;
            margin-right: 2px;
            position: relative;
            top: 0em;
            color: #FFFFFF !important; 
            /* Small adjustment to align with bottom of numbers */
            color: #fff !important;
            /* Ensure units are also pure white */
            opacity: 1 !important;
            /* Remove any opacity */
            filter: none !important;
            /* Remove any filter */
        }
        
        
        .footer-left, .footer-right{
            color: #FFFFFF;
            font-size: 0.891rem;
            font-family: 'Poppins', sans-serif !important;
        }
        
        
        /* Mobile responsive for footer credits */
        @media (max-width: 768px) {
            .footer-credits {
                flex-direction: column !important;
                text-align: center !important;
                gap: 10px !important;
            }

            .footer-left,
            .footer-right {
                width: 100% !important;
                text-align: center !important;
            }
        }
        
        
        
        /* Gradient color for secondary counter */
        .secondary-counter-timer, .secondary-counter-timer1 {
            background: linear-gradient(to bottom, #fff 0% 0%, #d6d1d1 60% 60%, #f9f6f6 100% 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-fill-color: transparent;
            color: #fff;
            /* fallback */
            /*font-weight: bold;*/
            /* Optional: add a little shadow for contrast */
            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
        }

        /* Gradient color for units in secondary counter */
        .secondary-counter-timer .counter-unit , .secondary-counter-timer .counter-unit , .secondary-counter-timer1 .counter-unit1{
            background: linear-gradient(to bottom, #fff 0%, #bbb 60%, #333 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-fill-color: transparent;
            color: #fff;
            opacity: 1 !important;
            filter: none !important;
        }
        
        
        
        
        #countdown-hero h2{
            font-size: 3.958rem;
            font-weight: 800;
            background: linear-gradient(to bottom, #fff 0% 0%, #d6d1d1 60% 60%, #f9f6f6 100% 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-fill-color: transparent;
            color: #fff;
            /* fallback */
            /* Optional: add a little shadow for contrast */
            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
            font-family: var(--font-secondary);
        }
        
        
        .start-date{
            font-size: 1.237rem !important;
            font-family: 'Poppins', sans-serif !important;
        }
        
        .supt-text{
            color: #fff !important;
        }
        
        .date-finel, .supt-text{
            font-size: 1.683rem !important;
            font-family: 'Poppins', sans-serif !important;
            font-weight: 700;
             background: linear-gradient(to bottom, #fff 0% 0%, #d6d1d1 60% 60%, #f9f6f6 100% 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-fill-color: transparent;
            color: #fff;
            /* fallback */
            /* Optional: add a little shadow for contrast */
            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
            font-family: var(--font-secondary);
        }
        
        
        
        @media (min-width: 901px) and (max-width: 1250px){
      #countdown-hero>div:nth-child(3) {
    position: absolute;
    right: 7%;
    top: 40%;
    transform: translateY(-50%);
    z-index: 3;
    text-align: center;
    max-width: 700px;
    width: 50%;
}




#countdown-timer {
    color: #fff;
    font-size: 4rem;
    font-family: var(--font-secondary);
    /* background: rgba(0, 0, 0, 0.6); */
    /* padding: 0.5em 0.5em; */
    border-radius: 8px;
    display: inline-block;
    font-weight: 500;
    max-width: 700px;
}

}

@media (min-width: 501px) and (max-width: 767px){
    .mobile-hero-extra-img{
    position:absolute; 
    left:70%; 
    bottom:25%; 
    transform:translateX(-50%); 
    width:100%; 
    max-width:320px; 
    margin:0 auto 12px auto; 
    z-index:20; display:block;
}


}



@media (min-width: 900px) and (max-width: 1024px){
        .about-league-img-col img {
        position: absolute !important;
        top: -7% !important;
        left: 11% !important;
        width: 400px !important;
        height: auto !important;
        z-index: 2 !important;
        transform: translateY(5px) translateX(-5px) !important;
        margin: 0 !important;
        display: block !important;
    }
    
    
    .postid-211 .custom-img-text-img-col-left {
        bottom: 4px;
    }
    
    
    #newsliderarrow {
    position: absolute;
    right: 13% !important;
    bottom: 30px;
    display: flex;
    gap: 10px;
    z-index: 10;
}
    
    
    #arroww {
    right: 20% !important;
    bottom: 6% !important;
    
}
    
    
    .about-the-legue-small-div-and-text {
    color: #F5E4DD;
    font-family: 'Poppins', sans-serif !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    max-width: 90vw;
    line-height: 1.4;
    padding-top: 2%;
    padding-bottom: 2%;
    width: 40vw;
}
    
    
}





@media (min-width: 1025px) and (max-width: 1225px){
        .about-league-img-col img {
        position: absolute !important;
        top: -9% !important;
        left: 11% !important;
        width: 400px !important;
        height: auto !important;
        z-index: 2 !important;
        transform: translateY(5px) translateX(-5px) !important;
        margin: 0 !important;
        display: block !important;
    }
    
    #newsliderarrow {
    position: absolute;
    right: 13% !important;
    bottom: 30px;
    display: flex;
    gap: 10px;
    z-index: 10;
}
    
    
    #arroww {
       bottom: 7% !important;
}
    
    
    
    
    
    .about-the-legue-small-div-and-text {
    color: #F5E4DD;
    font-family: 'Poppins', sans-serif !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    max-width: 100vw;
    line-height: 1.4;
    padding-top: 2%;
    padding-bottom: 2%;
    width: 40vw;
}

}


/* swiper css */
.swiper-button-prev , .gallery-prev{
width: 100px !important;
  height: 40px !important;
  background: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}


.swiper-button-next, .gallery-next{
  width: 100px !important;
    height: 40px !important;
    background: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.swiper-news-nav {
    position: absolute;
    right: 13%;
    bottom: 10%;
    display: flex;
    gap: 10px;
    z-index: 10;
}
            .gallery-prev img:hover, .latest-prev img:hover {
                content: url('images/Arrow-right-color.webp');
            }

            .gallery-next img:hover, .latest-next img:hover  {
                content: url('images/Arrow-left-color.webp');
            }

 /* Arrow hover effect for both sliders */
            .swiper-button-prev img,
            .swiper-button-next img {
                transition: filter 0.2s;
            }

            /* About section arrows */
            .about-league-swiper .swiper-button-prev img:hover {
                content: url('images/Arrow-right-color.webp');
            }

            .about-league-swiper .swiper-button-next img:hover {
                content: url('images/Arrow-left-color.webp');
            }

            /* News section arrows */
            #news-swiper-prev img:hover {
                content: url('images/Arrow-right-color.webp');
            }

            #news-swiper-next img:hover {
                content: url('images/Arrow-left-color.webp');
            }







.swiper-wrapper {
  margin-bottom: 8% ;
}

 /* ...existing code... */
            .swiper-button-next:after,
            .swiper-button-prev:after {
                display: none !important;
                content: none !important;
            }

            /* ...existing code... */


#arroww{
    position:absolute ; 
    right:13%; 
    bottom:10% ; 
    display:flex; 
    gap:10px ; 
    z-index:10 ;
}

      
      
      #newsliderarrow{
    position:absolute; 
    right:10%; bottom:30px; 
    display:flex; gap:10px; 
    z-index:10;
}  

   .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: auto !important;
    position: relative;
    transition-property: transform;
    display: block;
} 


.news-image {
    width: 100%;
    /* height: 306px; */
    object-fit: cover;
    border-bottom: 1px solid #000;
}


 .news-card-button-div{
                justify-content: center;
                align-items: center;
                text-align: center;
                
   
            }
        
        .news-card-button{
            border: 1px solid #ED5520;
             background: #ffffff;
    border-radius: 4px;
    padding: 5px 20px 5px 20px;
    color: #ED5520;
    font-weight: 500;
    font-size: 0.891rem;
        }
        
        .news-card-button:hover{
             background: #ED5520;
    border-radius: 4px;
    padding: 5px 20px 5px 20px;
    color: #fff;
    font-weight: 500;
    font-size: 0.891rem;
        }
        
        .brand-and-date-div{
    align-items: center;
    justify-content: space-between;
    text-align: center;
    padding-right: 17px;
    padding-left: 17px;
        }
        
        .swiper-slide{
            cursor: default;
        }

.brand-and-date-div img{
    width: 80px important;
    height: auto !important;
    Max-height:35px;
}

/* date 17th novmber 2025 */
/* new sponsers section css */

/*.sponsers-section-div{*/
/*background: url('images/partner-heading-background-image.webp') no-repeat;*/
/*  text-align: center;*/
/*  background-size: 100% 60%;*/
/*}*/

.sponser-title{
  font-size: 3.958rem;
  font-family: var(--font-secondary);
  color: #ED5520;
  font-weight: 500;
  /* margin-bottom: 2rem; */
}

.sponser-adani-logo{
  /*height: 80px;*/
}

.indian-fedration-logo{
  height: 100px;
}

.about-content{display: flex;
flex-direction: column;
align-items: center;margin:0 auto;
max-width:985px;
    text-align: start;
}

.sponser-title {
        /*background: url('images/partner-heading-background-image.webp') no-repeat;*/
          text-align: center;
          /*background-size: 100% 100%;*/
          font-family: var(--font-secondary);
          color: #ED5520;
          font-weight: 500;
          /* margin-bottom: 2rem; */
        }
        
        .sponser-title-div{
            background: url('images/partner-heading-background-image.webp') no-repeat;
          text-align: center;
          background-size: 100% 100%;
        }



@media (max-width: 768px) {
  /*.sponsers-section-div {*/
  /*    background: none;*/
  /*    text-align: center;*/
  /*    background-size: 100% 60%;*/
  /*  }*/
  
  .sponser-title {
          font-size: 2rem;
          /* margin-bottom: 2rem; */
        }

        

                .sponser-adani-logo {
                  height: 40px;
                }
        
                .indian-fedration-logo {
                  /*height: 60px;*/
                }
}


.team-owner-name{
  font-size: 2.474rem;
  font-family: var(--font-secondary);
  /*color: #FFFFFF;*/
  font-weight: 400;
}

.team-owner{
  font-size: 0.891rem;
  font-family: 'Poppins', sans-serif !important;
  /*color: #FFFFFF;*/
  font-weight: 400;
}

.team-owner-quet{
  font-size: 1rem;
  font-family: 'Poppins', sans-serif !important;
  /*color: #FFFFFF;*/
  font-weight: 400;
}



 .postid-217 .custom-img-text-bg984aca {
    background: url('images/mumbai-bg.webp') right center/cover no-repeat;
    border-radius: 0px;
  
    max-width: none;
    /*width: 90vw;*/
    padding: 0;
    box-shadow: 0 6px 32px 0 rgba(0, 0, 0, 0.10);
    min-height: unset;
}


 .postid-197 .custom-img-text-bg984aca {
    background: url('images/haydrabad-owner-background.webp') right center/cover no-repeat;
    border-radius: 0px;
   
    max-width: none;
    /*width: 90vw;*/
    padding: 0;
    box-shadow: 0 6px 32px 0 rgba(0, 0, 0, 0.10);
    min-height: unset;
}

.postid-211 .custom-img-text-bg984aca {
    background: url('images/chennai-qt.webp') right center/cover no-repeat;
    border-radius: 0px;
   
    max-width: none;
    /*width: 90vw;*/
    padding: 0;
    box-shadow: 0 6px 32px 0 rgba(0, 0, 0, 0.10);
    min-height: unset;
}
 
.postid-206 .custom-img-text-bg984aca {
    background: url('images/bengluru-qt.webp') right center/cover no-repeat;
    border-radius: 0px;
   
    max-width: none;
    /*width: 90vw;*/
    padding: 0;
    box-shadow: 0 6px 32px 0 rgba(0, 0, 0, 0.10);
    min-height: unset;
}

.postid-206 .custom-img-text-content{
     color: #000;
}

.postid-211 .custom-img-text-content{
     color: #000;
}





.postid-215 .custom-img-text-bg984aca {
    background: url('images/gurgaon-bg.webp') right center/cover no-repeat;
    border-radius: 0px;
    max-width: none;
    /*width: 90vw;*/
    padding: 0;
    box-shadow: 0 6px 32px 0 rgba(0, 0, 0, 0.10);
    min-height: unset;
}

.postid-458  .custom-img-text-bg984aca {
    background: url('images/quote-bg-lucknow.webp') right center/cover no-repeat;
    border-radius: 0px;
   
    max-width: none;
    /*width: 90vw;*/
    padding: 0;
    box-shadow: 0 6px 32px 0 rgba(0, 0, 0, 0.10);
    min-height: unset;
}




 
                .custom-img-text-bg984aca {
                    background: #3A0A53;
                    border-radius: 0px;
                    margin: 10% auto 48px auto;
                    max-width: none;
                    /*width: 90vw;*/
                    padding: 0;
                    box-shadow: 0 6px 32px 0 rgba(0, 0, 0, 0.10);
                    min-height: unset;
                }

                .custom-img-text-bg984aca-bgimg {
                    position: relative;
                    /* Remove overflow: hidden to allow image to show above the div */
                    /* overflow: hidden; */
                }

               .postid-197 .custom-img-text-bg984aca-bgimg::after {
                    content: "";
                    position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    width: 70%;
                    background: url('images/teams-owner-background.web') right center/cover no-repeat;
                    opacity: 10;
                    z-index: 1;
                    pointer-events: none;
                    /* Allow image to overflow top */
                    height: 100%;
                }
                

                .custom-img-text-row,
                .custom-img-text-img-col,
                .custom-img-text-content-col,
                .custom-img-text-content {
                    position: relative;
                    z-index: 2;
                }

                .custom-img-text-row {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: center;
                    width: 100%;
                    min-height: 220px;
                }

                .custom-img-text-content-col {
                    flex: 1 1 0;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    padding: 24px 32px;
                }

                .custom-img-text-img-col-left {
                    flex: 0 0 30%;
                    display: flex;
                    align-items: flex-start;
                    justify-content: flex-start;
                    min-height: 0;
                    padding: 0;
                    margin-right: 0;
                    position: relative;
                    z-index: 2;
                }

                .custom-img-text-img-overlap {
                    /* Move image up and allow overflow */
                    overflow: visible;
                }

                .custom-img-text-img {
                    width: 100%;
                    max-width: 260px;
                    height: auto;
                    object-fit: contain;
                }

                .custom-img-text-img-big {
                    width: 100%;
                    max-width: 300px;
                    height: auto;
                    object-fit: contain;
                    /* box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08); */
                    margin-right: 0;
                    margin-top: -48px;
                    /* Show image out of div from top */
                }

                .custom-img-text-content-col-tight {
                    padding-top: 12px;
                    padding-bottom: 12px;
                }

                .custom-img-text-content {
                    width: 100%;
                    color: #fff;
                    text-align: left;
                    font-size: 1.15rem;
                    font-family: 'Poppins', sans-serif;
                }


                @media (max-width: 991px) {
                    .custom-img-text-row {
                        flex-direction: column-reverse;
                        min-height: unset;
                    }

                    .team-owner-name {
                        font-size: 2rem;
                        font-family: var(--font-secondary);
                        /*color: #FFFFFF;*/
                        line-height: 2rem;
                        font-weight: 400;
                    }

                    .custom-img-text-bg984aca {
                        width: 80vw;
                    }

                    .custom-img-text-img-col-left {
                        justify-content: flex-start;
                        padding: 24px 0 0 0;
                        width: 100%;
                        align-items: flex-start;
                    }

                    .custom-img-text-img-big {
                        max-width: 320px;
                        margin-top: -32px;
                        margin-left: 0;
                        margin-right: 0;
                        display: block;
                    }

                    .custom-img-text-img-col-left .custom-img-text-img-big {
                        margin-left: 0;
                    }

                    .custom-img-text-img-col-left {
                        /* Remove horizontal centering */
                        display: flex;
                        justify-content: flex-start;
                    }

                    .custom-img-text-img-col-left img {
                        margin-left: 0;
                        /* Ensure image is flush with left edge */
                        padding-left: 0;
                    }

                    .custom-img-text-content-col,
                    .custom-img-text-content-col-tight {
                        padding: 12px 12px 18px 12px;
                    }
                }
            
            
            @media (min-width: 991px) and (max-width: 1000px){
                .custom-img-text-img-big {
                      margin-top: -20px;
                      }
            }
            
            
            
             
             


@media (min-width: 1013px) and (max-width: 1129px){
   .adani-logo-left-side{
       margin-top: 16%;
   }
}

.team-name-heading{
   
    
}
        
    ul {
    list-style-type: none;
}    




/*@media (max-width: 500px){*/
    
/*                 .postid-215 .hero-banner-background-image-mobile{*/
/*                     display: block !important;*/
/*                 }*/
                 
/*                   .postid-215 .hero-banner-background-image{*/
/*                      display: none !important;*/
/*                 }*/
/*             }*/
             
/*             .postid-215 .hero-banner-background-image-mobile{*/
/*                      display: none !important;*/
/*                 }*/
                 
/*                 .postid-215 .hero-banner-background-image{*/
/*                      display: block !important;*/
/*                 }*/



.cards-team:nth-child(1){background-image:url('images/Bengaluru-gredient.webp')}
.cards-team:nth-child(2){background-image:url('images/Chennai-gredient.webp')}
.cards-team:nth-child(3){background-image:url('images/gurgaon-gredient.webp')}        
.cards-team:nth-child(4){background-image:url('images/hyderabad-gredient.webp')}
.cards-team:nth-child(5){background-image:url('images/gredient-LUCKNOW.webp')}
.cards-team:nth-child(6){background-image:url('images/mumbai-gredient.webp')}


.team-card-back:nth-child(1){background-image:url('images/Chennai-gredient.webp')}
.team-card-back:nth-child(2){background-image:url('images/Chennai-gredient.webp')}
.team-card-back:nth-child(3){background-image:url('images/Chennai-gredient.webp')}
.team-card-back:nth-child(4){background-image:url('images/Chennai-gredient.webp')}
.team-card-back:nth-child(5){background-image:url('images/Chennai-gredient.webp')}
.team-card-back:nth-child(6){background-image:url('images/Chennai-gredient.webp')}

/*css 19th */

/*teams cards section*/
   .team-grid-section {
                    display: grid;
                    grid-template-columns: repeat(3, 1fr);
                    gap: 75px;
                    max-width: 1200px;
                    margin: 0 auto 60px auto;
                    padding: 0 12px;
                }

                .team-card-flip {
                    perspective: 1000px;
                    min-height: 340px;
                }

                .team-card-inner {
                    position: relative;
                    width: 100%;
                    height: 500px;
                    transition: transform 0.6s cubic-bezier(.4, 2, .6, 1);
                    transform-style: preserve-3d;
                }

                .team-card-flip:hover .team-card-inner,
                .team-card-flip:focus-within .team-card-inner {
                    transform: rotateY(180deg);
                }

                .team-card-front,
                .team-card-back {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    overflow: hidden;
                    backface-visibility: hidden;
                    box-shadow: 0 6px 32px 0 rgba(0, 0, 0, 0.18);
                    display: flex;
                    align-items: flex-end;
                    justify-content: center;
                }

                .team-card-front {
                    background-size: cover;
                    background-position: center;
                }

                .team-card-front .team-card-title {
                    width: 100%;
                    /* Softer, more subtle gradient */
                    /* background: linear-gradient(to top, rgba(0, 0, 0, 0.55) 80%, rgba(0, 0, 0, 0.08) 100%); */
                    color: #fff;
                    text-align: center;
                    font-size: 2.474rem;
                    line-height: 2.474rem;
                    font-weight: 500;
                    padding: 18px 10px 14px 10px;
                    letter-spacing: 1px;
                    font-family: var(--font-secondary);
                }

                .team-card-back {
                    background: #ED5520;
                    color: #fff;
                    transform: rotateY(180deg);
                    flex-direction: column;
                    align-items: center;
                    justify-content: end;
                    padding: 32px 18px;
                    text-align: center;
                }

                .team-card-back h4 {
                    font-size: 1.15rem;
                    font-weight: 700;
                    margin-bottom: 12px;
                    letter-spacing: 1px;
                }

                .team-card-back p {
                    font-size: 1rem;
                    margin: 0;
                }

                @media (max-width: 991px) {
                    
                    .team-grid-section {
                    gap: 45px;
                }
                    .team-grid-section {
                        grid-template-columns: repeat(2, 1fr);
                    }

                    .team-card-front .team-card-title {
                        font-size: 2.3rem;
                        line-height: 2rem;
                    }
                }

                @media (max-width: 600px) {
                    .team-grid-section {
                        grid-template-columns: 1fr;
                    }

                    .team-card-front .team-card-title {
                        font-size: 1.8rem;
                        line-height: 2rem;
                    }

                    .team-card-inner {
                        height: 500px;
                    }
                    .swiper-news-nav {
    position: absolute;
    right: 50%;
    bottom: 10%;
    display: flex;
    gap: 10px;
    z-index: 10;
}
#latest-news .latest-prev, #latest-news .latest-next{margin-top:5%;}
                }

                /* New custom classes for teams.html only */
                .custom-league-row {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: center;
                    background: #ED5520;
                    width: 93vw;
                    left: 50%;
                    transform: translateX(-50%);
                    position: relative;
                    overflow: visible;
                    max-width: 1920px;
                    padding: 0 0 0 5vw;
                    gap: 32px;
                }

                .custom-league-img-col {
                    min-width: 340px;
                    max-width: 500px;
                    height: 345px;
                    display: flex;
                    align-items: flex-end;
                    justify-content: flex-end;
                    position: relative;
                }

                .custom-league-img {
                    position: relative;
                    width: 100%;
                    max-width: 500px;
                    height: auto;
                    z-index: 2;
                    object-fit: contain;
                }

                .custom-league-text-col {
                    flex: 1 1 0;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    padding-left: 2vw;
                }

                .custom-naming-div {
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                    margin-bottom: 18px;
                }

                .custom-league-desc {
                    font-size: 1.1rem;
                    color: #fff;
                    margin-top: 10px;
                    font-family: inherit;
                    text-align: left;
                }

                @media (max-width: 991px) {
                    
                    .team-grid-section {
                    gap: 40px;
                }
                    
                    .custom-league-row {
                        flex-direction: column;
                        padding: 0 2vw 0 2vw;
                        gap: 18px;
                    }

                    .custom-league-img-col {
                        min-width: 220px;
                        max-width: 320px;
                        height: 220px;
                        justify-content: center;
                    }

                    .custom-league-img {
                        max-width: 320px;
                    }

                    .custom-league-text-col {
                        padding-left: 0;
                        align-items: center;
                        text-align: center;
                    }

                    .custom-naming-div {
                        align-items: center;
                    }

                    .custom-league-desc {
                        text-align: center;
                    }
                }

                /* Only for teams.html - override/fix for left image, right text */
                .team-img-left-text-right {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    background: #ED5520;
                    width: 93vw;
                    left: 50%;
                    transform: translateX(-50%);
                    position: relative;
                    overflow: visible;
                    max-width: 1920px;
                    padding: 0 0 0 5vw;
                    gap: 32px;
                }

                .team-img-col-fix {
                    min-width: 340px;
                    max-width: 500px;
                    height: 345px;
                    display: flex;
                    align-items: flex-end;
                    justify-content: flex-start;
                    position: relative;
                }

                .team-text-col-fix {
                    flex: 1 1 0;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    padding-left: 2vw;
                }

                @media (max-width: 991px) {
                    .team-img-left-text-right {
                        flex-direction: column;
                        padding: 0 2vw 0 2vw;
                        gap: 18px;
                    }

                    .team-img-col-fix {
                        min-width: 220px;
                        max-width: 320px;
                        height: 220px;
                        justify-content: center;
                    }

                    .team-text-col-fix {
                        padding-left: 0;
                        align-items: center;
                        text-align: center;
                    }
                }
                
                .team-meet-the-team-btn:hover{
                    border: 1px solid #fff;
                    background-color: #ED5520 !important;
                    color: #fff !important;
                }
                
                /*teams cards section*/
                
                /*teams cards showing mobile and desktop*/
                 .team-desktop {
                display: block;
                               }

            .team-mobile {
                display: none;
            }

            @media (max-width: 500px) {
                .team-desktop {
                    display: none;
                }
                
                .team-grid-section {
                    gap: 40px;
                }

                .team-mobile {
                    display: block;
                }
            }
                
                 /*teams cards showing mobile and desktop*/
                
                
                /* style for showing image on desktop and mobile */
            /*.hero-banner-background-image {*/
            /*    display: block;*/
            /*}*/

            /*.desktop-banner-bg {*/
            /*    display: block;*/
            /*}*/

            /*.mobile-banner-bg {*/
            /*    display: none;*/
            /*}*/

            /*@media (max-width: 500px) {*/
            /*    .desktop-banner-bg {*/
            /*        display: none;*/
            /*    }*/

            /*    .mobile-banner-bg {*/
            /*        display: block;*/
            /*    }*/
            /*}*/

            /* style for showing image on desktop and mobile */
                
                
.footer-nav a:hover{
    color: #fff;
}

.team-meet-the-team-btn{
    border: 1px solid #fff; 
    padding:8px 13px; 
    font-size:1rem; 
    border-radius:6px; 
    display:inline-block; 
    background-color: #fff; 
    color: #ED5520; 
    font-weight:600; 
    text-decoration:none;
}