/* ===============================
   SNI HERO BANNER
================================*/

.sni-hero{
  width:100%;
  height:90vh;
  min-height:520px;
  background:url("images/SNI Hero.jpg") center/cover no-repeat;
  position:relative;
  overflow:hidden;
  animation:heroZoom 14s ease-in-out infinite alternate;
}

/* Subtle moving blur + neon gradient overlay */
.sni-hero-overlay{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:
      radial-gradient(circle at 30% 50%, rgba(56,189,248,0.18), transparent 60%),
      radial-gradient(circle at 70% 50%, rgba(99,102,241,0.18), transparent 60%),
      rgba(0,0,0,0.35);
  mix-blend-mode:screen;
  animation:overlayPulse 6s ease-in-out infinite alternate;
}

/* Smooth zoom effect */
@keyframes heroZoom{
  from{ transform:scale(1); }
  to{ transform:scale(1.08); }
}

/* Light breathing pulse */
@keyframes overlayPulse{
  0%{ opacity:.65; }
  100%{ opacity:.88; }
}

/* Mobile tweak */
@media(max-width:768px){
  .sni-hero{
    height:70vh;
    background-position:center top;
  }
}

/* ================================
   WHY CHOOSE US
================================ */

.sni-why-wrap{
  padding:70px 0;
  background:#050B17;
  color:#e5e7eb;
  font-family:"Poppins",sans-serif;
}

.sni-why-inner{
  width:min(1350px,92%);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:40px;
}

/* Item Card */
.sni-why-item{
  text-align:left;
  padding:25px;
  border-radius:20px;
  background:rgba(255,255,255,0.02);
  border:1px solid rgba(255,255,255,0.05);
  transition:all .25s ease;
}

.sni-why-item:hover{
  border-color:rgba(56,189,248,0.4);
  transform:translateY(-8px);
  box-shadow:0 18px 40px rgba(0,0,0,0.65), 0 0 30px rgba(56,189,248,0.22);
}

/* Icon */
.sni-why-icon{
  width:52px;
  height:52px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:16px;
  background:linear-gradient(135deg,#38bdf8,#6366f1);
  color:#020617;
  font-size:22px;
}

/* Headline */
.sni-why-item h3{
  font-size:18px;
  margin:0 0 10px;
  font-weight:600;
}

/* Description */
.sni-why-item p{
  font-size:13px;
  line-height:1.6;
  color:#9ca3af;
  margin:0;
}


/* Responsive */
@media(max-width:992px){
  .sni-why-inner{
    grid-template-columns:repeat(2,1fr);
    gap:30px;
  }
}
@media(max-width:600px){
  .sni-why-inner{
    grid-template-columns:1fr;
  }
  .sni-why-item{
    text-align:center;
  }
  .sni-why-icon{
    margin-left:auto;
    margin-right:auto;
  }
}

/* =========================
   ABOUT SECTION
   ========================= */

.sni-about-wrap{
  padding:80px 0 80px;
background:
    radial-gradient(circle at top left, #111827 0%, #020617 48%, #000000 100%);  color:#e5e7eb;
  font-family:"Poppins",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.sni-about-inner{
  width:min(1320px,92%);
  margin:0 auto;
}

.sni-about-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1.1fr);
  gap:60px;
  align-items:center;
}

/* LEFT IMAGES */
.sni-about-media{
  position:relative;
}

.sni-about-photo-main{
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 28px 70px rgba(0,0,0,0.8);
  background:#020617;
}
.sni-about-photo-main img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

/* secondary card that overlaps */
.sni-about-photo-secondary{
  position:absolute;
  right:-26px;
  bottom:-40px;
  width:58%;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 22px 60px rgba(0,0,0,0.9);
  background:#020617;
}
.sni-about-photo-secondary img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}

/* badge on secondary image */
.sni-about-photo-badge{
  position:absolute;
  left:18px;
  bottom:18px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(15,23,42,0.92);
  border:1px solid rgba(148,163,184,0.7);
  backdrop-filter:blur(12px);
}
.sni-about-badge-icon{
  width:30px;
  height:30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#38bdf8,#6366f1);
  color:#020617;
  font-size:15px;
}
.sni-about-badge-text span{
  display:block;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:#9ca3af;
}
.sni-about-badge-text strong{
  font-size:12px;
  font-weight:600;
}

/* RIGHT COPY */
.sni-about-copy{
  position:relative;
}

.sni-about-tag{
  display:inline-block;
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#38bdf8;
  margin-bottom:8px;
}

.sni-about-copy h2{
  font-size:40px;
  line-height:1.15;
  font-weight:800;
  margin:0 0 12px;
}

.sni-about-lead{
  margin:0 0 16px;
  font-size:14px;
  color:#cbd5f5;
  max-width:520px;
}

/* bullets */
.sni-about-list{
  list-style:none;
  margin:0 0 22px;
  padding:0;
}
.sni-about-list li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  font-size:13px;
  line-height:1.7;
  color:#9ca3af;
  margin-bottom:8px;
}
.sni-about-list li i{
  margin-top:4px;
  font-size:11px;
  color:#22c55e;
}

/* bottom row: CTAs + stat card */
.sni-about-foot{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
}

.sni-about-ctas{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

/* buttons */
.sni-about-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 20px;
  border-radius:999px;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.18em;
  border:1px solid transparent;
  text-decoration:none;
  cursor:pointer;
  transition:background .22s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease, transform .18s ease;
}

.sni-about-btn-primary{
  background:linear-gradient(135deg,#38bdf8,#6366f1);
  color:#020617;
  box-shadow:0 14px 30px rgba(15,23,42,0.9);
}
.sni-about-btn-primary:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 40px rgba(15,23,42,1);
}

.sni-about-btn-ghost{
  background:transparent;
  color:#e5e7eb;
  border-color:rgba(148,163,184,0.7);
}
.sni-about-btn-ghost:hover{
  border-color:#38bdf8;
  background:rgba(15,23,42,0.6);
}

/* stat card */
.sni-about-stat{
  padding:16px 20px;
  border-radius:20px;
  background:#020617;
  border:1px solid rgba(148,163,184,0.6);
  box-shadow:0 16px 40px rgba(0,0,0,0.85);
  text-align:left;
}
.sni-about-stat-num{
  display:block;
  font-size:32px;
  font-weight:800;
  line-height:1;
}
.sni-about-stat-label{
  display:block;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.16em;
  margin-top:6px;
  color:#9ca3af;
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width:1024px){
  .sni-about-grid{
    grid-template-columns:1fr;
    gap:40px;
  }
  .sni-about-media{
    max-width:520px;
  }
}

@media (max-width:768px){
  .sni-about-wrap{
    padding:70px 0 60px;
  }
  .sni-about-photo-secondary{
    position:absolute;
    right:-10px;
    bottom:-26px;
    width:60%;
  }
  .sni-about-copy h2{
    font-size:30px;
  }
  .sni-about-foot{
    flex-direction:column;
    align-items:flex-start;
  }
}

@media (max-width:500px){
  .sni-about-photo-secondary{
    display:none; /* keep layout clean on very small screens */
  }
}

/* =========================
   HERO TICKER – FULL WIDTH
   ========================= */

.sni-ticker{
  width:100%;
  overflow:hidden;
  background:#020617;
  padding:14px 0;
  font-family:"Poppins",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  
}

.sni-ticker-track{
  display:flex;
  gap:60px;
  width:max-content;
  animation:sniTickerMove 50s linear infinite;
  will-change:transform;
}

.sni-ticker-row{
  display:flex;
  align-items:center;
  gap:34px;
  white-space:nowrap;
  font-size:36px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.18em;
}

/* Base typography */
.sni-ticker-word{
  color:rgba(255,255,255,0.10);
  transition:color .25s ease, background-position .25s ease;
  cursor:pointer;
}

/* Hover gradient text effect */
.sni-ticker-word:hover{
  background:linear-gradient(135deg,#38bdf8,#6366f1);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-size:200%;
  background-position:center;
}

/* Accent words subtle default pink */
.sni-ticker-accent{
  color:rgba(249,168,212,0.22);
}

/* separators */
.sni-ticker-sep{
  color:rgba(255,255,255,0.18);
  font-size:22px;
}

/* Animation */
@keyframes sniTickerMove{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-50%); }
}

/* Mobile adjustments */
@media(max-width:768px){
  .sni-ticker-row{
    font-size:22px;
    gap:22px;
    letter-spacing:.12em;
  }
  .sni-ticker-sep{ font-size:18px; }
}

/* ================================
   UPCOMING EVENTS – HORIZONTAL SLIDER
   ================================ */

.sni-upc-wrap{
  padding:80px 0 0px;
  background:radial-gradient(circle at top,#020617 0%,#020617 40%,#020617 100%);
  color:#e5e7eb;
  font-family:"Poppins",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.sni-upc-inner{
  width:min(1320px,92%);
  margin:0 auto;
}

/* Heading */
.sni-upc-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:32px;
  margin-bottom:28px;

}
.sni-upc-head h2{
  font-size:40px;
  font-weight:800;
  margin:6px 0 0;
    line-height:1.1;

}
.sni-upc-tag{
  display:inline-block;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:#38bdf8;
}
.sni-upc-head p{
  margin:0;
  max-width:420px;
  font-size:13px;
  line-height:1.7;
  color:#9ca3af;
}

/* Shell: viewport + arrows */
.sni-upc-shell{
  position:relative;
  padding-bottom:64px; /* a bit tighter under cards */
}

/* Viewport + track */
.sni-upc-viewport{
  overflow-x:auto;
  overflow-y:visible;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.sni-upc-viewport::-webkit-scrollbar{display:none;}

.sni-upc-track{
  display:flex;
  align-items:flex-start;       /* no stretching → no giant inner gap */
  gap:18px;
  padding:4px 4px 8px;
}

/* Arrows at bottom centre */
.sni-upc-arrow{
  position:absolute;
  bottom:0;
  top:auto;
  width:36px;
  height:36px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,0.4);
  background:radial-gradient(circle at 20% 0%,rgba(248,250,252,.2),rgba(15,23,42,1));
  color:#e5e7eb;
  cursor:pointer;
  display:grid;
  place-items:center;
  box-shadow:0 10px 26px rgba(0,0,0,0.55);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
  backdrop-filter:blur(10px);
}
.sni-upc-arrow.prev{
  left:50%;
  transform:translate(calc(-50% - 32px), 0);  /* closer to centre */
}
.sni-upc-arrow.next{
  left:50%;
  transform:translate(calc(-50% + 32px), 0);
}
.sni-upc-arrow:hover{
  border-color:#38bdf8;
  box-shadow:0 14px 32px rgba(0,0,0,0.75);
}
.sni-upc-arrow i{
  font-size:13px;
}

/* Card */
.sni-upc-card{
  flex:0 0 280px;
  max-width:280px;
  display:flex;
  flex-direction:column;
  background:radial-gradient(circle at top,#020617,#020617 45%,#020617 100%);
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(148,163,184,0.25);
  box-shadow:0 18px 40px rgba(0,0,0,0.65);
  cursor:pointer;
  transition:box-shadow .26s ease, border-color .26s ease, background .26s ease;
}
.sni-upc-card:hover{
  box-shadow:0 26px 60px rgba(0,0,0,0.9), 0 0 40px rgba(56,189,248,0.32);
  border-color:rgba(56,189,248,0.7);
}

/* Poster */
.sni-upc-poster{
  position:relative;
  height:250px;                  /* slightly shorter → less vertical slack */
  overflow:hidden;
}
.sni-upc-poster img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:scale(1.03);
  transition:transform .4s ease, filter .35s ease;
}
.sni-upc-card:hover .sni-upc-poster img{
  transform:scale(1.08);
  filter:saturate(1.2) brightness(1.05);
}

/* Badges */
.sni-upc-badge{
  position:absolute;
  right:10px;
  top:10px;
  padding:4px 10px;
  border-radius:999px;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.12em;
  background:rgba(15,23,42,0.88);
  color:#e5e7eb;
  border:1px solid rgba(148,163,184,0.6);
}
.sni-upc-badge-live{
  background:linear-gradient(120deg,#22c55e,#16a34a);
  color:#022c22;
  border-color:rgba(187,247,208,0.9);
}
.sni-upc-badge-soon{
  background:linear-gradient(120deg,#f97316,#ea580c);
  color:#1f2937;
  border-color:rgba(254,215,170,0.9);
}

/* Body: flex column, tighter spacing */
.sni-upc-body{
  padding:14px 16px 12px;
  display:flex;
  flex-direction:column;
  height:100%;
}
.sni-upc-meta-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  margin-bottom:4px;
}
.sni-upc-format{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:#a5b4fc;
}
.sni-upc-tag-chip{
  font-size:10px;
  padding:3px 9px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,0.55);
  color:#e5e7eb;
}
.sni-upc-body h3{
  font-size:15px;
  margin:4px 0 4px;
  font-weight:600;
}
.sni-upc-body p{
  font-size:12px;
  line-height:1.5;              /* slightly tighter */
  color:#9ca3af;
  margin:0 0 6px;               /* less space above date/CTA */
}

/* Bottom row */
.sni-upc-meta-bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-top:auto;               /* still sticks to bottom if card is taller */
}
.sni-upc-inline{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:11px;
  color:#d1d5db;
}
.sni-upc-inline i{
  font-size:11px;
}

/* CTA pill */
.sni-upc-cta{
  border:none;
  padding:6px 14px;
  border-radius:999px;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.16em;
  background:linear-gradient(135deg,#38bdf8,#6366f1);
  color:#020617;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(15,23,42,0.8);
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.sni-upc-card:hover .sni-upc-cta{
  transform:translateY(-1px);
  box-shadow:0 12px 26px rgba(15,23,42,0.95);
}

/* Responsive */
@media (max-width:992px){
  .sni-upc-head{
    flex-direction:column;
    align-items:flex-start;
  }
}
@media (max-width:768px){
  .sni-upc-card{
    flex:0 0 240px;
    max-width:240px;
  }
}
@media (max-width:480px){
  .sni-upc-card{
    flex:0 0 82%;
    max-width:none;
  }
}


/* =========================================
   PAST WORK / GALLERY SECTION
   ========================================= */

.sni-past-wrap{
  padding:90px 0 70px;
  background:radial-gradient(circle at top,#020617 0%,#020617 40%,#000000 100%);
  color:#e5e7eb;
  font-family:"Poppins",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.sni-past-inner{
  width:min(1320px,92%);
  margin:0 auto;
}

/* Heading */
.sni-past-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:40px;
  margin-bottom:28px;
}
.sni-past-head h2{
  font-size:40px;
  font-weight:800;
  line-height:1.1;
  margin:4px 0 0;
}
.sni-past-tag{
  display:inline-block;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:#38bdf8;
}
.sni-past-head p{
  margin:0;
  max-width:520px;
  font-size:13px;
  line-height:1.7;
  color:#9ca3af;
}

/* Filter pills */
.sni-past-filter{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:26px;
}
.sni-past-pill{
  border:none;
  padding:7px 16px;
  border-radius:999px;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.16em;
  background:#020617;
  color:#9ca3af;
  cursor:pointer;
  border:1px solid rgba(148,163,184,0.4);
  transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease;
}
.sni-past-pill.is-active{
  background:#38bdf8;
  color:#0b1120;
  border-color:#38bdf8; /* blue instead of orange */
  transform:translateY(-1px);
}
.sni-past-pill:hover:not(.is-active){
  border-color:#38bdf8;
  color:#e5e7eb;
}

/* Gallery grids */
.sni-past-grid{
  display:none;
  padding:0; /* important – no extra left/right padding */
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.sni-past-grid.is-active{
  display:grid;
}

/* Each card (figure) */
.sni-past-item{
  position:relative;
  margin:0;         /* RESET default figure margin */
  border-radius:18px;
  overflow:hidden;
  cursor:pointer;
  background:#020617;
}
.sni-past-item img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:scale(1.02);
  transition:transform .4s ease,filter .35s ease,opacity .35s ease;
  filter:saturate(1.05);
}
.sni-past-item::after{
  content:"View";
  position:absolute;
  inset:auto 10px 10px auto;
  padding:2px 10px;
  border-radius:999px;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.16em;
  background:rgba(15,23,42,.85);
  color:#e5e7eb;
  opacity:0;
  transform:translateY(10px);
  transition:opacity .25s ease,transform .25s ease;
}
.sni-past-item:hover img{
  transform:scale(1.06);
  filter:saturate(1.2) brightness(1.03);
}
.sni-past-item:hover::after{
  opacity:1;
  transform:translateY(0);
}

/* Lightbox */
.sni-past-lightbox{
  position:fixed;
  inset:0;
  background:rgba(15,23,42,0.92);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:1500;
}
.sni-past-lightbox-inner{
  position:relative;
  max-width:90vw;
  max-height:90vh;
}
.sni-past-lightbox-inner img{
  max-width:100%;
  max-height:100%;
  border-radius:14px;
  box-shadow:0 24px 60px rgba(0,0,0,0.85);
}
.sni-past-lightbox-close{
  position:absolute;
  top:-38px;
  right:0;
  width:32px;
  height:32px;
  border-radius:999px;
  border:none;
  background:#020617;
  color:#e5e7eb;
  cursor:pointer;
  display:grid;
  place-items:center;
  box-shadow:0 10px 24px rgba(0,0,0,0.7);
}

/* Responsive */
@media (max-width:992px){
  .sni-past-head{
    flex-direction:column;
    align-items:flex-start;
  }
}
@media (max-width:768px){
  .sni-past-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:500px){
  .sni-past-grid{
    grid-template-columns:1fr;
  }
}

/* ======================================
   SPORTZ NETWORK INDIA — TESTIMONIAL BAND
   Dark, Evento-style, above footer
   ====================================== */

.sni-test-wrap{
  padding:90px 0 70px;
  background:
    radial-gradient(circle at top left, #111827 0%, #020617 48%, #000000 100%);
  color:#ffffff;
  font-family:"Poppins",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.sni-test-inner{
  width:min(1320px,92%);
  margin:0 auto;
}

/* ---------- Heading row ---------- */
.sni-test-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:40px;
  margin-bottom:38px;
}

.sni-test-title-block h2{
  font-size:40px;
  font-weight:800;
  line-height:1.1;
  margin:4px 0 0;
}

.sni-test-tag{
  display:inline-block;
  font-size:13px;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#f97373;
}

.sni-test-copy{
  margin:0;
  max-width:520px;
  font-size:13px;
  line-height:1.7;
  color:#9ca3af;
}

/* ---------- Main grid ---------- */
.sni-test-grid{
  display:grid;
  grid-template-columns:0.9fr 2.1fr;
  gap:24px;
}

/* Left rating block */
.sni-test-score{
  background:#f9fafb;
  color:#0b1120;
}

.sni-score-inner{
  padding:40px 36px 44px;
}

.sni-score-value{
  font-size:70px;
  font-weight:800;
  line-height:1;
  letter-spacing:.03em;
  margin-bottom:6px;
}

.sni-score-stars{
  display:flex;
  gap:4px;
  color:#ef4444;
  margin-bottom:4px;
}
.sni-score-stars i{
  font-size:13px;
}

.sni-score-small{
  margin:0 0 18px;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.15em;
  color:#6b7280;
}

.sni-score-label{
  margin:0;
  font-size:18px;
  font-weight:600;
  line-height:1.3;
}

/* ---------- Right: quote slider ---------- */

.sni-test-quotes-shell{
  position:relative;
  overflow:hidden;
}

.sni-test-quotes-track{
  display:flex;
  transition:transform .55s cubic-bezier(.22,1,.36,1);
  will-change:transform;
}

/* each slide = two-column dark panel */
.sni-test-quotes-slide{
  min-width:100%;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  background:#050608;
}

.sni-quote{
  padding:40px 32px 34px;
  position:relative;
  border-left:1px solid rgba(31,41,55,0.9);
}
.sni-quote:first-child{
  border-left:none;
}

.sni-quote-mark{
  font-size:40px;
  line-height:1;
  color:#4b5563;
  margin-bottom:16px;
}

.sni-quote-text{
  margin:0 0 20px;
  font-size:15px;
  line-height:1.8;
  color:#e5e7eb;
}

.sni-quote-meta h3{
  margin:0;
  font-size:14px;
  font-weight:600;
}
.sni-quote-meta span{
  display:block;
  margin-top:2px;
  font-size:11px;
  color:#9ca3af;
}

/* testimonial arrows */
.sni-test-nav{
  position:absolute;
  right:16px;
  bottom:16px;
  display:flex;
  gap:10px;
}

.sni-test-arrow{
  width:40px;
  height:40px;
  border-radius:999px;
  border:1px solid rgba(55,65,81,0.9);
  background:#0b0f19;
  display:grid;
  place-items:center;
  cursor:pointer;
  color:#e5e7eb;
  font-size:12px;
  transition:background .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease;
}
.sni-test-arrow:hover{
  background:#f97316;
  border-color:#fed7aa;
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(248,113,113,0.6);
}

/* ---------- Sponsors ---------- */
.sni-sponsor-wrap{
  margin-top:46px;
}

.sni-sponsor-label{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:#9ca3af;
  margin-bottom:18px;
}

/* marquee container */
.sni-sponsor-row{
  overflow:hidden;
}

.sni-sponsor-track{
  display:flex;
  gap:26px;
  align-items:center;
  animation:sniSponsorMarquee 35s linear infinite;
}

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

.sni-sponsor-logo{
  flex:0 0 auto;
  height:36px;
  display:flex;
  align-items:center;
  opacity:.8;
  filter:grayscale(1);
  transition:opacity .25s ease, transform .25s ease, filter .25s ease;
}
.sni-sponsor-logo img{
  height:100%;
  width:auto;
  object-fit:contain;
}
.sni-sponsor-logo:hover{
  opacity:1;
  filter:grayscale(.1);
  transform:translateY(-2px);
}

/* ---------- Responsive ---------- */
@media (max-width:992px){
  .sni-test-head{
    flex-direction:column;
    align-items:flex-start;
  }
  .sni-test-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:768px){
  .sni-test-title-block h2{
    font-size:32px;
  }
  .sni-test-quotes-slide{
    grid-template-columns:1fr;
  }
  .sni-quote{
    border-left:none;
    border-top:1px solid rgba(31,41,55,0.9);
  }
  .sni-quote:first-child{
    border-top:none;
  }
  .sni-test-nav{
    position:static;
    margin-top:10px;
    justify-content:flex-end;
  }
}
/* ============================
   GLOBAL LAYOUT FIX – FULL WIDTH
   ============================ */
/* Just in case: no default page padding */
html, body {
  margin: 0;
  padding: 0;
}
/* ===================== CONTACT – SPORTZ NETWORK INDIA ===================== */
#sni-contact{
  --sni-brand:#38bdf8;             
  --sni-brand-soft:rgba(56,189,248,.08);
  --sni-bg:#020617;
  --sni-bg-card:#0b1120;
  --sni-border:#1f2937;
  --sni-text:#e5e7eb;
  --sni-muted:#9ca3af;
  --sni-radius-xl:22px;
  font-family:"Poppins",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:radial-gradient(circle at top left,rgba(255,255,255,.05) 0,transparent 55%),
             radial-gradient(circle at bottom right,rgba(56,189,248,.30) 0,transparent 60%),
             #020617;
  color:var(--sni-text);
  padding:130px 18px 50px;
}

#sni-contact *{ box-sizing:border-box; }

.sni-contact-inner{
  max-width:1350px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
  gap:40px;
  align-items:flex-start;
}

/* LEFT SIDE */
.sni-kicker{
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:.78rem;
  color:var(--sni-muted);
  margin:0 0 8px;
}

.sni-contact-title{
  font-size:2.25rem;
  line-height:1.1;
  margin:0 0 14px;
  color:#f9fafb;
}

.sni-contact-title span{
  background:linear-gradient(135deg,#38bdf8,#6366f1);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.sni-contact-subtitle{
  margin:0 0 20px;
  color:var(--sni-muted);
  font-size:.98rem;
  max-width:520px;
}

.sni-contact-highlights{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin:0 0 26px;
}

.sni-contact-highlight{
  background:linear-gradient(135deg,var(--sni-brand-soft),rgba(15,23,42,.7));
  border:1px solid rgba(148,163,184,.4);
  border-radius:18px;
  padding:14px 16px 13px;
  box-shadow:0 14px 35px rgba(15,23,42,.7);
}

.sni-contact-highlight h3{
  font-size:.95rem;
  margin:0 0 6px;
  color:#e5e7eb;
}

.sni-contact-highlight p{
  margin:0;
  font-size:.85rem;
  color:var(--sni-muted);
}

/* CONTACT GRID */
.sni-contact-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.sni-contact-item{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:10px 0;
  border-top:1px dashed rgba(55,65,81,.7);
}

.sni-contact-item:first-child,
.sni-contact-item:nth-child(2){
  border-top:none;
}

.sni-contact-icon{
  width:34px;
  height:34px;
  border-radius:999px;
  background:rgba(15,23,42,.9);
  border:1px solid rgba(148,163,184,.6);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

.sni-contact-icon i{
  font-size:.95rem;
  color:#38bdf8;
}

.sni-contact-label{
  margin:0 0 2px;
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:var(--sni-muted);
}

.sni-contact-link{
  display:inline-block;
  font-size:.95rem;
  color:#f9fafb;
  text-decoration:none;
}

.sni-contact-link:hover{
  color:#38bdf8;
}

.sni-contact-text{
  margin:0;
  font-size:.9rem;
  color:#e5e7eb;
}

/* RIGHT SIDE – FORM */
.sni-contact-form-wrap{
  display:flex;
  justify-content:flex-end;
}

.sni-form-card{
  width:100%;
  max-width:440px;
  background:linear-gradient(145deg,rgba(15,23,42,.96),rgba(17,24,39,.98));
  border-radius:var(--sni-radius-xl);
  border:1px solid rgba(148,163,184,.5);
  box-shadow:0 20px 60px rgba(15,23,42,.9);
  padding:26px 22px 24px;
  position:relative;
  overflow:hidden;
}

.sni-form-card::before{
  content:"";
  position:absolute;
  inset:-40%;
  background:radial-gradient(circle at top,var(--sni-brand-soft) 0,transparent 50%);
  opacity:.5;
  pointer-events:none;
}

.sni-form-card > *{
  position:relative;
  z-index:1;
}

.sni-form-card h2{
  margin:0 0 4px;
  font-size:1.4rem;
  color:#f9fafb;
}

.sni-form-subtitle{
  margin:0 0 18px;
  font-size:.88rem;
  color:var(--sni-muted);
}

/* FORM FIELDS */
#sni-contact-form{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.sni-input-row{
  display:flex;
  gap:12px;
  width:100%;
}

.sni-input-group{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.sni-input-group label{
  font-size:.8rem;
  font-weight:500;
  color:var(--sni-muted);
}

.sni-input-group input,
.sni-input-group select,
.sni-input-group textarea{
  width:100%;
  border-radius:11px;
  border:1px solid rgba(55,65,81,.9);
  background:rgba(15,23,42,.96);
  padding:9px 11px;
  font-size:.9rem;
  color:#e5e7eb;
  outline:none;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
  font-family:inherit;
}

.sni-input-group textarea{
  resize:vertical;
  min-height:90px;
}

.sni-input-group input::placeholder,
.sni-input-group textarea::placeholder{
  color:rgba(148,163,184,.8);
}

.sni-input-group select{
  appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,rgba(148,163,184,.9) 50%),
                    linear-gradient(135deg,rgba(148,163,184,.9) 50%,transparent 50%);
  background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;
  background-size:5px 5px;
  background-repeat:no-repeat;
}

.sni-input-group input:focus,
.sni-input-group select:focus,
.sni-input-group textarea:focus{
  border-color:#38bdf8;
  box-shadow:0 0 0 1px rgba(248,250,252,.05),0 0 0 1px var(--sni-brand-soft);
}

/* CHECKBOX */
.sni-input-row--bottom{
  margin-top:4px;
}

.sni-checkbox{
  display:flex;
  align-items:flex-start;
  gap:8px;
  font-size:.8rem;
  color:var(--sni-muted);
}

.sni-checkbox input[type="checkbox"]{
  width:15px;
  height:15px;
  margin-top:2px;
}

/* BUTTON */
.sni-btn-primary{
  margin-top:4px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 18px;
  border-radius:999px;
  background:linear-gradient(135deg,#38bdf8,#6366f1);
  border:none;
  color:#111827;
  font-weight:600;
  font-size:.95rem;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(99,102,241,.35);
  transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

.sni-btn-primary:hover{
  transform:translateY(-1px);
  filter:brightness(1.04);
  box-shadow:0 16px 40px rgba(99,102,241,.45);
}

.sni-btn-primary:active{
  transform:translateY(0);
  box-shadow:0 8px 16px rgba(99,102,241,.35);
}

/* NOTES */
.sni-form-note{
  margin:8px 0 0;
  font-size:.75rem;
  color:var(--sni-muted);
}

.sni-form-success{
  margin:6px 0 0;
  font-size:.8rem;
  color:#4ade80;
}

/* RESPONSIVE */
@media (max-width:960px){
  .sni-contact-inner{ grid-template-columns:1fr; }
  .sni-contact-form-wrap{ justify-content:flex-start; }
  .sni-form-card{ max-width:100%; }
}

@media (max-width:720px){
  #sni-contact{ padding:60px 14px 70px; }
  .sni-contact-inner{ gap:28px; }
  .sni-contact-title{ font-size:1.9rem; }
  .sni-contact-highlights{ grid-template-columns:1fr; }
  .sni-contact-grid{ grid-template-columns:1fr; }
  .sni-input-row{ flex-direction:column; }
}

@media (max-width:480px){
  #sni-contact{ padding:48px 12px 60px; }
  .sni-form-card{ padding:20px 16px 18px; }
}

/* Google Map Style */
.sni-map-wrap{
  width:100%;
  margin-top:30px;
  border-radius:20px;
  overflow:hidden;
  border:1px solid rgba(56,189,248,0.4);
  box-shadow:0 10px 35px rgba(0,0,0,0.45);
  height:320px;
}

.sni-map-wrap iframe{
  width:100%;
  height:100%;
  border:none;
}

/* Ensure alignment */
@media (max-width:960px){
  .sni-map-wrap{ height:260px; }
}

@media (max-width:600px){
  .sni-map-wrap{ height:220px; }
}
/* ===== ABOUT PAGE OPTIMIZED ===== */

.ab-main{
  background:#020617;
  color:#e5e7eb;
  font-family:"Poppins",sans-serif;
}

/* Reduced space */
.ab-section{
  padding:50px 0;
}

.ab-container{
  width:min(1200px,92%);
  margin:0 auto;
}

.ab-kicker{
  display:inline-block;
  font-size:11px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:#38bdf8;
  margin-bottom:6px;
}

.ab-hero h1{font-size:34px;margin:0 0 10px;}
.ab-section h2{font-size:28px;margin:0 0 10px;}
.ab-section p{font-size:14px;line-height:1.65;color:#bfc6d6;margin:0 0 12px;}


/* SPLIT SECTIONS */
.ab-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
  align-items:center;
}

/* Placeholder turned real image */
.ab-image-placeholder{
  border-radius:16px;
  height:270px;
  background-size:cover;
  background-position:center;
  border:1px solid #29334c;
}

/* FEATURES */
.ab-feature-list{margin-top:10px;display:flex;flex-direction:column;gap:12px;}
.ab-feature{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid #111a2e;}
.ab-feature:last-child{border-bottom:none;}
.ab-feature-icon{
  width:36px;height:36px;border-radius:10px;
  background:linear-gradient(135deg,#38bdf8,#6366f1);
  display:flex;align-items:center;justify-content:center;color:#020617;
}

/* VISION POINTS */
.ab-vision-points{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;margin-top:10px;
}
.ab-vision-points h4{font-size:12px;text-transform:uppercase;margin:0 0 4px;}

/* VALUES GRID */
.ab-values-head{text-align:left;margin-bottom:24px;}
.ab-values-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.ab-value-card{
  padding:16px;border-radius:16px;background:#0a1121;border:1px solid #29334c;
}
.ab-value-index{font-size:10px;margin-bottom:6px;color:#64748b;}

/* TEAM */
.ab-team-head{text-align:center;margin-bottom:22px;}
.ab-team-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
}
.ab-team-card{
  padding:14px;border-radius:16px;background:#0b1120;border:1px solid #29334c;text-align:center;
}
.ab-team-photo{
  width:100%;border-radius:14px;height:200px;background-size:cover;background-position:center;
}

/* CTA */
.ab-cta-list{padding:0;margin:10px 0;list-style:none;}
.ab-btn{
  display:inline-block;margin-top:10px;padding:9px 20px;border-radius:50px;
  background:linear-gradient(135deg,#38bdf8,#6366f1);font-size:11px;font-weight:600;
  letter-spacing:.12em;color:#020617;text-decoration:none;
}

/* SPONSORS */
.ab-sponsors-head{text-align:center;margin-bottom:18px;}
.ab-sponsor-grid{
  display:grid;grid-template-columns:repeat(6,1fr);gap:20px;justify-items:center;
}
.ab-sponsor-logo{
  width:100px;height:50px;background-size:contain;background-position:center;
  background-repeat:no-repeat;opacity:.8;transition:.3s;
}
.ab-sponsor-logo:hover{opacity:1;transform:scale(1.05);}

/* Responsive */
@media(max-width:900px){
  .ab-split,.ab-hero-inner{grid-template-columns:1fr;}
  .ab-values-grid{grid-template-columns:repeat(2,1fr);}
  .ab-team-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:600px){
  .ab-values-grid,.ab-team-grid,.ab-sponsor-grid{grid-template-columns:1fr;}
  .ab-section{padding:40px 0;}
}
/* =================================
   WHO WE ARE – REVISED
   ================================= */

.sni-who2{
  padding:130px 0 40px;
  background:#020617;
  color:#e5e7eb;
  font-family:"Poppins",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.sni-who2-inner{
  width:min(1200px,92%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.6fr) minmax(0,1.1fr); /* ~60/40 */
  gap:40px;
  align-items:flex-start;
}

.sni-kicker{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:#38bdf8;
  margin:0 0 10px;
}

.sni-who2-title{
  font-size:30px;
  line-height:1.3;
  font-weight:800;
  margin:0 0 10px;
}

.sni-who2-lead{
  margin:0 0 18px;
  font-size:13px;
  line-height:1.8;
  color:#9ca3af;
  max-width:560px;
}

/* feature grid – 2 columns */
.sni-who2-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}

.sni-who2-item{
  display:flex;
  gap:10px;
  padding:12px 14px;
  border-radius:16px;
  background:radial-gradient(circle at top,#020617,#020617 55%,#000000 100%);
  border:1px solid rgba(148,163,184,0.28);
  box-shadow:0 14px 30px rgba(0,0,0,0.7);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.sni-who2-item:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 46px rgba(0,0,0,0.9),0 0 30px rgba(56,189,248,0.25);
  border-color:rgba(56,189,248,0.8);
}

.sni-who2-icon{
  flex:0 0 32px;
  height:32px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#38bdf8,#6366f1);
  color:#020617;
  font-size:15px;
}

.sni-who2-item h3{
  font-size:13px;
  margin:0 0 4px;
  font-weight:600;
}
.sni-who2-item p{
  margin:0;
  font-size:12px;
  line-height:1.6;
  color:#9ca3af;
}

/* Sister IPs line */
.sni-who2-sisters{
  margin-top:4px;
  padding-top:10px;
  border-top:1px dashed rgba(148,163,184,0.45);
}
.sni-sister-label{
  display:inline-block;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:#9ca3af;
  margin-bottom:4px;
}
.sni-who2-sisters p{
  margin:0;
  font-size:12px;
  color:#cbd5f5;
}

/* Right media card */
.sni-who2-media{
  display:flex;
  justify-content:flex-end;
}
.sni-who2-frame{
  position:relative;
  width:100%;
  max-width:520px;
  padding:3px;
  border-radius:26px;
  background:
    radial-gradient(circle at 0 0,#38bdf8,transparent 45%),
    radial-gradient(circle at 100% 100%,#6366f1,transparent 60%);
  box-shadow:0 26px 60px rgba(0,0,0,0.85);
}
.sni-who2-frame img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:22px;
}

/* metrics stack inside image */
.sni-who2-metrics{
  position:absolute;
  left:14px;
  bottom:14px;
  right:14px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.sni-metric-pill{
  padding:6px 15px;
  border-radius:999px;
  background:rgba(15,23,42,0.95);
  border:1px solid rgba(148,163,184,0.7);
  text-align:left;
}
.sni-metric-label{
  display:block;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:#9ca3af;
}
.sni-metric-value{
  display:block;
  font-size:14px;
  font-weight:700;
}
/* =================================
   OUR JOURNEY – NEW TIMELINE
   ================================= */

.sni-journey2{
  padding:40px 0 60px;   /* reduced gap between sections */
  background:#020617;
  color:#e5e7eb;
  font-family:"Poppins",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.sni-journey2-inner{
  width:min(1200px,92%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.6fr) minmax(0,1.1fr); /* ~60/40 */
  gap:34px;
  align-items:flex-start;
}

.sni-journey2-title{
  font-size:28px;
  line-height:1.3;
  font-weight:800;
  margin:0 0 10px;
}
.sni-journey2-intro{
  margin:0 0 20px;
  font-size:13px;
  line-height:1.7;
  color:#9ca3af;
}

/* timeline container */
.sni-journey2-timeline{
  position:relative;
  padding-left:38px;
}
.sni-journey2-timeline::before{
  content:"";
  position:absolute;
  left:14px;
  top:16px;
  bottom:16px;
  width:2px;
  background:linear-gradient(to bottom,#38bdf8,rgba(148,163,184,0.25));
}

/* each row */
.sni-journey2-row{
  display:flex;
  align-items:stretch;
  gap:14px;
  margin-bottom:14px;
}

/* dot */
.sni-journey2-dot{
  position:relative;
  flex:0 0 0;
}
.sni-journey2-dot::before{
  content:"";
  position:absolute;
  left:8px;
  top:22px;
  width:12px;
  height:12px;
  border-radius:999px;
  background:#020617;
  border:2px solid #38bdf8;
  box-shadow:0 0 0 6px rgba(56,189,248,0.25);
}

/* card */
.sni-journey2-card{
  flex:1;
  border-radius:22px;
  padding:14px 18px 16px;
  background:radial-gradient(circle at top,#020617,#020617 55%,#000000 100%);
  border:1px solid rgba(148,163,184,0.35);
  box-shadow:0 16px 36px rgba(0,0,0,0.8);
}
.sni-journey2-row-latest .sni-journey2-card{
  border-color:#38bdf8;
}

.sni-journey2-year{
  display:block;
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#9ca3af;
  margin-bottom:4px;
}
.sni-journey2-card h3{
  font-size:15px;
  margin:0 0 4px;
  font-weight:600;
}
.sni-journey2-card p{
  margin:0;
  font-size:13px;
  line-height:1.7;
  color:#d1d5db;
}

/* right media */
.sni-journey2-media{
  display:flex;
  justify-content:flex-end;
}
.sni-journey2-frame{
  position:relative;
  width:100%;
  max-width:430px;
  padding:3px;
  border-radius:26px;
  background:
    radial-gradient(circle at 0 0,#38bdf8,transparent 45%),
    radial-gradient(circle at 100% 100%,#6366f1,transparent 60%);
  box-shadow:0 26px 60px rgba(0,0,0,0.85);
}
.sni-journey2-frame img{
  display:block;
  width:100%;
  height:100%;
  border-radius:22px;
  object-fit:cover;
}
.sni-journey2-caption{
  position:absolute;
  left:16px;
  right:16px;
  bottom:14px;
  padding:6px 10px;
  border-radius:14px;
  font-size:11px;
  background:rgba(15,23,42,0.96);
  border:1px solid rgba(148,163,184,0.7);
  color:#e5e7eb;
}

/* =================================
   RESPONSIVE
   ================================= */

@media (max-width:1024px){
  .sni-who2-inner,
  .sni-journey2-inner{
    grid-template-columns:1fr;
  }
  .sni-who2-media,
  .sni-journey2-media{
    justify-content:flex-start;
  }
}

@media (max-width:768px){
  .sni-who2{
    padding:50px 0 30px;
  }
  .sni-journey2{
    padding:30px 0 50px;
  }
  .sni-who2-title{
    font-size:24px;
  }
  .sni-journey2-title{
    font-size:22px;
  }
  .sni-who2-grid{
    grid-template-columns:1fr;
  }
  .sni-who2-metrics{
    grid-template-columns:1fr 1fr;
    row-gap:6px;
  }
}