/* ===============================
   SINGA HERO SECTION
================================= */

.singa-hero {
  background: #000;
  padding: 80px 0;
  color: #fff;
  font-family: 'Poppins', sans-serif;
}

.singa-container {
  width: 90%;
  max-width: 1300px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 50px;
}

/* LEFT SIDE */
.singa-hero-left {
  flex: 1;
}

.singa-badge {
  display: inline-block;
  background: #111;
  border: 1px solid #444;
  padding: 10px 20px;
  border-radius: 30px;
  color: #f4c400;
  font-weight: 500;
  margin-bottom: 25px;
}

.singa-hero-title {
  font-size: 56px;
  font-weight: 800;
  line-height: 1.1;
  margin-bottom: 25px;
}

.singa-hero-desc {
  font-size: 18px;
  color: #ccc;
  margin-bottom: 40px;
  max-width: 500px;
}

/* STATS */
.singa-stats {
  display: flex;
  gap: 60px;
}

.singa-stat h3 {
  color: #f4c400;
  font-size: 36px;
  margin-bottom: 5px;
  font-weight: bold;
}

.singa-stat p {
  color: #aaa;
}

/* RIGHT SIDE */
.singa-hero-right {
  flex: 1;
}

.singa-quote {
  border: 1px solid #444;
  padding: 15px 20px;
  border-radius: 8px;
  margin-bottom: 20px;
  font-style: italic;
  text-align: center;
  background: #0d0d0d;
}

.singa-image-box {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}

.singa-image-box img {
  width: 100%;
  display: block;
  border-radius: 12px;
}

.singa-image-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
}

.singa-image-overlay h4 {
  margin: 0;
  font-size: 20px;
}

.singa-image-overlay p {
  margin: 5px 0 0;
  font-size: 14px;
  color: #ccc;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .singa-container {
    flex-direction: column;
  }

  .singa-hero-title {
    font-size: 40px;
  }

  .singa-stats {
    gap: 30px;
  }
}
/* ===============================
   SINGA TOP BAR
================================= */

/* Agar header fixed hai */
.singa-topbar {
  background: #f4c400;
  padding: 15px 0;

}
.singa-topbar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.singa-topbar-left {
  font-size: 22px;
  font-weight: 700;
  color: #000;
}

.singa-topbar-right img {
  height: 45px;
  width: auto;
}

/* Responsive */
@media (max-width: 768px) {
  .singa-topbar-left {
    font-size: 16px;
  }

  .singa-topbar-right img {
    height: 35px;
  }
}
/* ===============================
   SINGA BLACK STRIP
================================= */

.singa-blackbar {
  width: 100%;
  height: 80px;
  background: #000;
}
/* ===============================
   SINGA TRUST SECTION (UPDATED)
================================= */

.singa-trust-section {
  background: #ffffff;   /* white background */
  padding: 0px 0;
  overflow: hidden;
}

.singa-trust-container {
  width: 95%;
  margin: auto;
  display: flex;
  align-items: center;
  gap: 50px;
}

/* Left Title */
.singa-trust-title {
  font-size: 36px;
  font-weight: 700;
  color: red;
  white-space: nowrap;
}

/* Slider */
.singa-trust-slider {
  overflow: hidden;
  flex: 1;
}

.singa-trust-track {
  display: flex;
  width: max-content;
  animation: singaTrustScroll 60s linear infinite; /* slower speed */
}

.singa-trust-section:hover .singa-trust-track {
  animation-play-state: paused;
}

/* Logo Box */
.singa-trust-item {
  background: #ffffff;
  border-radius: 25px;
  padding: 1px 25px;
  margin-right: 50px;
  height: 87px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.singa-trust-item img {
  height: 87px;
  width: auto;
  opacity: 0.9;
  transition: 1.13s ease;
}

.singa-trust-item img:hover {
  opacity: 1;
  height: 87px;
  transform: scale(0.08);
}

/* Animation */
@keyframes singaTrustScroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
/* ===============================
   SINGA PROBLEM SECTION PREMIUM
================================= */

.singa-problem-section {
  background: #f4c400;
  padding: 100px 5%;
  text-align: center;
}

.singa-problem-container {
  display: flex;
  justify-content: center;
  gap: 50px;
  flex-wrap: wrap;
  margin-bottom: 80px;
}

/* Premium Card */
.singa-problem-card {
  position: relative;
  width: 360px;
  height: 270px;
  border-radius: 18px;
  overflow: hidden;
  cursor: pointer;
  transition: 0.4s ease;

  /* Premium multi-layer shadow */
  box-shadow: 
    0 15px 35px rgba(0,0,0,0.25),
    0 5px 15px rgba(0,0,0,0.15);

  border: 3px solid rgba(255,255,255,0.6);
}

/* Background Image */
.singa-problem-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(4px) brightness(0.8);
  transform: scale(1.15);
  transition: 0.5s ease;
}

/* Dark Gradient Overlay */
.singa-problem-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.2),
    rgba(0,0,0,0.6)
  );
}

/* Text Overlay (Exact Bold Feel) */
.singa-problem-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 85%;
  color: #ffffff;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.3;
  text-align: center;
  z-index: 2;

  /* Strong text depth */
  text-shadow:
    0 3px 8px rgba(0,0,0,0.8),
    0 1px 2px rgba(0,0,0,0.6);
}

/* Hover Animation */
.singa-problem-card:hover {
  transform: translateY(-8px);
  box-shadow: 
    0 25px 50px rgba(0,0,0,0.35),
    0 10px 25px rgba(0,0,0,0.2);
}

.singa-problem-card:hover img {
  filter: blur(2px) brightness(0.9);
  transform: scale(1.2);
}

/* Bottom Text */
.singa-problem-bottom-text {
  font-size: 52px;
  font-weight: 900;
  color: #000;
  letter-spacing: 0.5px;
}
@media (max-width: 992px) {

  .singa-problem-card {
    width: 320px;
    height: 240px;
  }

  .singa-problem-overlay {
    font-size: 22px;
  }

  .singa-problem-bottom-text {
    font-size: 38px;
  }
}

@media (max-width: 768px) {

  .singa-problem-container {
    flex-direction: column;
    align-items: center;
  }

  .singa-problem-card {
    width: 100%;
    max-width: 360px;
  }

  .singa-problem-overlay {
    font-size: 20px;
  }

  .singa-problem-bottom-text {
    font-size: 30px;
  }
}

.singa-video-section {
  background: #f3f3f3;
  padding: 100px 0;
  text-align: center;
}

.singa-container {
  max-width: 1400px;
  margin: auto;
  position: relative;
}

.singa-heading {
  font-size: 52px;
  font-weight: 800;
  margin-bottom: 15px;
}

.singa-subheading {
  font-size: 20px;
  color: #6b7a8f;
  margin-bottom: 70px;
}

.singa-carousel {
  position: relative;
  display: flex;
  align-items: center;
}

.singa-track-wrapper {
  overflow: hidden;
  width: 100%;
}

.singa-track {
  display: flex;
  gap: 35px;
  transition: transform 0.5s ease;
}

.singa-card {
  min-width: 300px;
  height: 520px;
  border-radius: 22px;
  overflow: hidden;
  border: 3px solid #f4c400;
  box-shadow: 0 0 20px rgba(250, 204, 21, 0.5);
  background: #000;
  flex-shrink: 0;
}

.singa-card iframe {
  width: 100%;
  height: 100%;
}

/* Arrows */
.singa-arrow {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border: 3px solid #f4c400;
  background: #000;
  color: #f4c400;
  font-size: 24px;
  cursor: pointer;
  position: absolute;
  z-index: 10;
  transition: 0.3s;
}

.singa-arrow:hover {
  background: #f4c400;
  color: #000;
}

.singa-prev {
  left: -80px;
}

.singa-next {
  right: -80px;
}

/* Responsive */
@media (max-width: 1200px) {
  .singa-card {
    min-width: 260px;
    height: 460px;
  }
}

@media (max-width: 768px) {
  .singa-heading {
    font-size: 32px;
  }

  .singa-subheading {
    font-size: 16px;
  }

  .singa-prev,
  .singa-next {
    display: none;
  }
}

/* SECTION */

.synopsis-section{
padding:80px 5%;
text-align:center;
}

.synopsis-title{
font-size:48px;
font-weight:700;
margin-bottom:10px;
}

.synopsis-subtitle{
font-size:18px;
color:#6d7c8a;
margin-bottom:60px;
}

/* WRAPPER */

.synopsis-wrapper{
position:relative;
display:flex;
align-items:center;
overflow:hidden;
}

/* TRACK */

.synopsis-track{
display:flex;
flex-wrap:nowrap;
gap:30px;
overflow-x:auto;
overflow-y:hidden;
width:100%;
scroll-behavior:smooth;
scrollbar-width:none;
}

.synopsis-track::-webkit-scrollbar{
display:none;
}

/* CARD */

.card{
flex:0 0 23%;
}

/* VIDEO CARD */

.thumb{
position:relative;
height:520px;
overflow:hidden;
border-radius:20px;
border:3px solid #f4c400;
background:#000;
cursor:pointer;
}

/* IMAGE */

.thumb img{
position:absolute;
top:50%;
left:50%;
min-width:100%;
min-height:100%;
width:auto;
height:auto;
transform:translate(-50%,-50%);
}

/* VIDEO */

.thumb iframe{
position:absolute;
inset:0;
width:100%;
height:100%;
}

/* PLAY BUTTON */

.play-btn{
position:absolute;
top:50%;
left:50%;
width:90px;
height:90px;
transform:translate(-50%,-50%);
border:4px solid #fff;
border-radius:50%;
z-index:3;
}

.play-btn::after{
content:'';
position:absolute;
left:35px;
top:25px;
border-left:25px solid #fff;
border-top:18px solid transparent;
border-bottom:18px solid transparent;
}

/* OVERLAY */

.thumb::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));
z-index:1;
}

/* ARROWS */

.arrow{
width:55px;
height:55px;
border-radius:50%;
background:#f4c400;
border:none;
font-size:22px;
cursor:pointer;
margin:0 15px;
z-index:10;
display:flex;
align-items:center;
justify-content:center;
transition:all .3s ease;
}

.arrow:hover{
transform:scale(1.1);
}

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

@media(max-width:1400px){

.card{
flex:0 0 30%;
}

}

@media(max-width:1200px){

.card{
flex:0 0 45%;
}

.synopsis-title{
font-size:40px;
}

}

@media(max-width:992px){

.synopsis-section{
padding:70px 5%;
}

.card{
flex:0 0 60%;
}

}

@media(max-width:768px){

.synopsis-section{
padding:60px 5%;
}

.synopsis-title{
font-size:32px;
}

.synopsis-subtitle{
font-size:16px;
}

.card{
flex:0 0 80%;
}

.thumb{
height:420px;
}

}

@media(max-width:480px){

.synopsis-wrapper{
gap:10px;
}

.card{
flex:0 0 100%;
}

.thumb{
height:350px;
}

.arrow{
width:45px;
height:45px;
font-size:18px;
margin:0 5px;
}

}


/* videco section css end */


/* ===============================
   PROGRAM SECTION BASE
=================================*/
.program-details{
  position:relative;
  padding:60px 0;
  background:#e9e4da url('https://www.transparenttextures.com/patterns/polygon.png');
  overflow:hidden;
}

/* Soft Moving Light */
.program-details::before{
  content:"";
  position:absolute;
  width:600px;
  height:600px;
  background:radial-gradient(circle,
      rgba(255,255,255,0.1) 0%,
      transparent 70%);
  top:-200px;
  left:-200px;
  animation:moveLight 18s ease-in-out infinite alternate;
  z-index:0;
}

@keyframes moveLight{
  0%{ transform:translate(0,0); }
  100%{ transform:translate(200px,150px); }
}

/* ===============================
   TIMELINE STRUCTURE
=================================*/

.timeline{
  position:relative;
  max-width:1100px;
  margin:auto;
  z-index:1;
}

/* Center Base Line */
.timeline-line{
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  width:3px;
  height:100%;
  background:#111;
  overflow:hidden;
}

/* Yellow Progress */
.line-progress{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:0%;
  background:var(--beamColor,#f4c400);
  transition:height 0.25s ease-out, background 0.4s ease;
}

/* Moving Shine Beam */
.line-progress::after{
  content:"";
  position:absolute;
  left:-8px;
  width:18px;
  height:140px;
  background:linear-gradient(
      to bottom,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,0.95) 50%,
      rgba(255,255,255,0) 100%
  );
  animation:beamMove 2s linear infinite;
  opacity:0.9;
}

@keyframes beamMove{
  0%{ top:-140px; }
  100%{ top:100%; }
}

/* Lightning Flicker */
.line-progress::before{
  content:"";
  position:absolute;
  left:-5px;
  width:12px;
  height:100%;
  background:linear-gradient(
      to bottom,
      transparent 0%,
      rgba(255,255,255,0.8) 45%,
      transparent 55%
  );
  opacity:0;
  animation:lightningFlicker 4s infinite;
}

@keyframes lightningFlicker{
  0%, 92%, 100% { opacity:0; }
  93% { opacity:1; }
  94% { opacity:0.2; }
  95% { opacity:1; }
  96% { opacity:0; }
}

/* Electric Pulse */
.timeline-line::after{
  content:"";
  position:absolute;
  top:0;
  left:-6px;
  width:14px;
  height:100%;
  background:radial-gradient(circle,
      rgba(255,255,255,0.4) 0%,
      transparent 70%);
  animation:electricPulse 3s ease-in-out infinite;
  pointer-events:none;
  opacity:0.6;
}

@keyframes electricPulse{
  0%{ transform:scaleY(0.6); opacity:0.3; }
  50%{ transform:scaleY(1.2); opacity:0.8; }
  100%{ transform:scaleY(0.6); opacity:0.3; }
}

/* ===============================
   TIMELINE ITEMS
=================================*/
.timeline-item{
  position:relative;
  width:50%;
  padding:40px 50px;
  opacity:0;
  transform:translateY(40px);
  transition:all 0.6s ease;
}

.timeline-item.active{
  opacity:1;
  transform:translateY(0);
}

.timeline-item.left{ left:0; text-align:right; }
.timeline-item.right{ left:50%; }

/* ===============================
   CARD
=================================*/
.card{
  background:#fff;
  border-radius:20px;
  overflow:hidden;
  
  position:relative;
}

.card img{
  width:100%;
  height:230px;
  object-fit:cover;
  transition:transform 1.2s ease;
}

.timeline-item.active .card img{
  transform:scale(1.05);
}

.card-bottom{
  background:#f4c400;
  padding:20px;
  text-align: left;
}

/* ===============================
   DOT WITH GRADIENT ROTATING RING
=================================*/
.dot{
  position:absolute;
  width:18px;
  height:18px;
  background:#000;
  border-radius:50%;
  left:0%;
  transform:translate(-50%, -50%);
  top:50%;
  border:3px solid #fff;
  z-index:2;
}

.dot::after{
  content:"";
  position:absolute;
  width:40px;
  height:40px;
  border-radius:50%;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  background:conic-gradient(
      var(--beamColor,#f4c400),
      #fff,
      var(--beamColor,#f4c400)
  );
  -webkit-mask: radial-gradient(circle, transparent 60%, black 61%);
          mask: radial-gradient(circle, transparent 60%, black 61%);
  opacity:0;
}

.timeline-item.active .dot::after{
  opacity:1;
  animation:rotateRing 2s linear infinite;
}

@keyframes rotateRing{
  from{ transform:translate(-50%,-50%) rotate(0deg); }
  to{ transform:translate(-50%,-50%) rotate(360deg); }
}



.dotrt{
  position:absolute;
  width:18px;
  height:18px;
  background:#000;
  border-radius:50%;
  left: 100%;
  transform:translate(-50%, -50%);
  top:50%;
  border:3px solid #fff;
  z-index:2;
}

.dotrt::after{
  content:"";
  position:absolute;
  width:40px;
  height:40px;
  border-radius:50%;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  background:conic-gradient(
      var(--beamColor,#f4c400),
      #fff,
      var(--beamColor,#f4c400)
  );
  -webkit-mask: radial-gradient(circle, transparent 60%, black 61%);
          mask: radial-gradient(circle, transparent 60%, black 61%);
  opacity:0;
}

.timeline-item.active .dotrt::after{
  opacity:1;
  animation:rotateRing 2s linear infinite;
}

@keyframes rotateRing{
  from{ transform:translate(-50%,-50%) rotate(0deg); }
  to{ transform:translate(-50%,-50%) rotate(360deg); }
}
/* ==============================
   PROGRAM INFO SECTION
=================================*/

.program-info-section{
  padding:80px 0;
  background:#e9e4da;
}

.info-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:30px;
}

.info-box{
  background:#f4c400;
  border:3px solid #000;
  border-radius:15px;
  padding:40px 25px;
  text-align:center;
  transition:all 0.4s ease;
  position:relative;
  overflow:hidden;
}

.info-box::before{
  content:"";
  position:absolute;
  top:0;
  left:-100%;
  width:100%;
  height:100%;
  background:linear-gradient(
      120deg,
      transparent 30%,
      rgba(255,255,255,0.3),
      transparent 70%
  );
  transition:0.6s;
}

.info-box:hover::before{
  left:100%;
}

.info-box:hover{
  transform:translateY(-10px);
  box-shadow:0 15px 35px rgba(0,0,0,0.2);
}

.icon-circle{
  width:60px;
  height:60px;
  border-radius:50%;
  background:#fff4c2;
  border:2px solid #000;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 20px auto;
  font-size:22px;
}

.info-box h3{
  font-size:22px;
  margin-bottom:15px;
  font-weight:700;
}

.info-box p{
  font-size:16px;
  font-weight:500;
}

.info-box span{
  display:block;
  margin-top:8px;
  font-size:14px;
  font-weight:600;
}

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

@media(max-width:992px){
  .info-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:576px){
  .info-grid{
    grid-template-columns:1fr;
  }

  .info-box{
    padding:30px 20px;
  }
}


/* ===============================
   RESPONSIVE TIMELINE FIX
=================================*/

@media (max-width: 992px){

  .timeline{
    max-width:100%;
    padding-left:40px;
  }

  /* line left side shift */
  .timeline-line{
    left:20px;
    transform:none;
  }

  .timeline-item{
    width:100%;
    left:0 !important;
    padding:30px 20px 30px 60px;
    text-align:left !important;
  }

  /* dot position fix */
  .dot{
    left:20px;
    top:40px;
    transform:translate(-50%,0);
  }

  .card img{
    height:200px;
  }

}


/* ===============================
   MOBILE (PHONES)
=================================*/

@media (max-width:576px){

  .program-details{
    padding:80px 0;
  }

  .timeline-item{
    padding:25px 15px 25px 55px;
  }

  .card{
    border-radius:16px;
  }

  .card img{
    height:180px;
  }

  .card-bottom{
    padding:16px;
  }

  .timeline-line{
    left:18px;
  }

  .dot{
    width:16px;
    height:16px;
    left:18px;
  }

}


/* ===============================
   PROGRAM INFO RESPONSIVE
=================================*/

@media (max-width:1200px){

  .info-grid{
    grid-template-columns:repeat(2,1fr);
  }

}

@media (max-width:768px){

  .program-info-section{
    padding:60px 0;
  }

  .info-grid{
    grid-template-columns:1fr;
    gap:20px;
  }

  .info-box{
    padding:30px 20px;
  }

  .info-box h3{
    font-size:20px;
  }

  .info-box p{
    font-size:15px;
  }

}

/* ===== Base Reset ===== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Poppins', sans-serif;
    background: #f4f6f9;
    color: #111;
}

/* ===== Section Styling ===== */
.why-program {
    padding: 100px 0;
    background: linear-gradient(180deg, #f8f9fb 0%, #eef1f5 100%);
}

.container {
    width: 90%;
    max-width: 1200px;
    margin: auto;
}

.section-title {
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 70px;
    position: relative;
}

.section-title::after {
    content: "";
    width: 80px;
    height: 4px;
    background: #f4c400;
    display: block;
    margin: 20px auto 0;
    border-radius: 2px;
}

/* ===== Grid Layout ===== */
.why-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

/* ===== Image Styling ===== */
.why-image img {
    width: 100%;
    border-radius: 25px;
    border: 5px solid #f4c400;
    box-shadow: 0 15px 40px rgba(0,0,0,0.15);
    transition: transform 0.4s ease;
}

.why-image img:hover {
    transform: scale(1.03);
}

/* ===== Content Cards ===== */
.why-content {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.why-card {
    display: flex;
    align-items: center;
    gap: 20px;
    background: #f4c400;
    padding: 22px 30px;
    border-radius: 14px;
    border: 2px solid #111;
    font-size: 20px;
    font-weight: 600;
    transition: all 0.3s ease;
    cursor: pointer;
}

.why-card:hover {
    background: #111;
    color: #fff;
    transform: translateX(8px);
}

.why-card .icon {
    width: 30px;
    height: 30px;
}

.why-card svg {
    width: 100%;
    height: 100%;
}

/* ===== Responsive ===== */
@media (max-width: 992px) {
    .why-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .section-title {
        font-size: 36px;
    }
}

@media (max-width: 600px) {
    .why-program {
        padding: 70px 0;
    }

    .section-title {
        font-size: 28px;
    }

    .why-card {
        font-size: 16px;
        padding: 16px 18px;
    }
}
/* Section Centered */
.walkaway-section {
  padding: 0px 0px;
  background: #f3f3f3;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Poppins', sans-serif;
}

/* Main Card */
.walkaway-box {
  position: relative;
  overflow: hidden;
  max-width: 1320px;
  width: 100%;
  background: #000;
  color: #fff;
  text-align: center;
  padding: 70px 80px;
  border-radius: 24px;
  transition: all 0.6s ease;
  z-index: 1;

  /* Base Shadow */
  box-shadow:
    0 15px 50px rgba(0,0,0,0.35);
}

/* Subtle Background Gradient Glow */
.walkaway-box::after {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 26px;
  background: radial-gradient(
    circle at center,
    rgba(255,255,255,0.12),
    transparent 70%
  );
  opacity: 0;
  transition: opacity 0.6s ease;
  z-index: -1;
}

/* Slow Shine Effect */
.walkaway-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: -80%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0.05) 0%,
    rgba(255,255,255,0.3) 50%,
    rgba(255,255,255,0.05) 100%
  );
  transform: skewX(-20deg);
  transition: left 1.2s ease;
}

/* Hover Effects */
.walkaway-box:hover {
  transform: scale(1.03);
  box-shadow:
    0 25px 80px rgba(0,0,0,0.5);
}

.walkaway-box:hover::before {
  left: 130%;
}

.walkaway-box:hover::after {
  opacity: 1;
}

/* Text Styling */
.walkaway-subtitle {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 35px;
  letter-spacing: 0.5px;
}

.walkaway-title {
  font-size: 27px;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
}
@media (max-width: 992px) {
  .walkaway-box {
    padding: 50px 40px;
  }

  .walkaway-subtitle {
    font-size: 24px;
  }

  .walkaway-title {
    font-size: 24px;
  }
}

@media (max-width: 576px) {
  .walkaway-section {
    padding: 70px 15px;
  }

  .walkaway-box {
    padding: 35px 20px;
    border-radius: 18px;
  }

  .walkaway-subtitle {
    font-size: 20px;
  }

  .walkaway-title {
    font-size: 18px;
    line-height: 1.6;
  }
}

/* ================= ELITE PREMIUM IMPACT SECTION ================= */

.impact-section{
  background:#000;
  padding:0px 20px;   /* Reduced padding */
  font-family:'Poppins',sans-serif;
  color:#fff;
  overflow:hidden;
}

.container{
  max-width:1200px;
  margin:auto;
}

/* ================= MAIN TITLE ================= */

.main-title{
  text-align:center;
  font-size:58px;
  font-weight:800;
  margin-bottom:90px;
  letter-spacing:-1px;
}

.main-title span{
  color:#f4c400;
  position:relative;
}

.main-title span::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-8px;
  width:100%;
  height:5px;
  background:#f4c400;
}

/* ================= COACH TOP ================= */

.coach-top{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:90px;
  margin-bottom:110px;
}

/* IMAGE */

.coach-image{
  flex:1;
  display:flex;
  justify-content:center;
  position:relative;
}

.coach-image::before{
  content:"";
  position:absolute;
  width:480px;
  height:480px;
  background:radial-gradient(circle, rgba(245,197,24,0.15) 0%, transparent 70%);
  border-radius:50%;
}

.coach-image img{
  width:420px;
  height:420px;
  object-fit:cover;
  border-radius:50%;
  border:7px solid #f4c400;
  box-shadow:
    0 0 0 14px rgba(245,197,24,0.06),
    0 40px 100px rgba(0,0,0,0.85);
  position:relative;
}

/* CONTENT */

.coach-content{
  flex:1;
}

.coach-content h3{
  font-size:42px;
  font-weight:700;
  margin-bottom:25px;
}

.coach-content p{
  font-size:19px;
  line-height:2;
  color:#C3CAD8;
}

/* ================= STATS GRID ================= */

.stats-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:35px;
  margin-bottom:120px;
}

.stat-card{
  background:linear-gradient(145deg,#141922,#0B0F15);
  border:1px solid #222938;
  border-radius:24px;
  padding:45px 32px; /* reduced slightly */
  transition:all 0.35s ease;
  box-shadow:0 30px 70px rgba(0,0,0,0.75);
}

.stat-card:hover{
  transform:translateY(-8px);
  border-color:#f4c400;
}

.stat-icon{
  font-size:32px;
  color:#f4c400;
  margin-bottom:20px;
}

.stat-card h4{
  font-size:23px;
  margin-bottom:12px;
}

.stat-card p{
  font-size:15px;
  line-height:1.8;
  color:#9FA8B6;
}

/* ================= DIFFERENCE BOX ================= */

.difference-box{
  background:linear-gradient(145deg,#10141D,#0A0F15);
  border:1px solid #232A3A;
  border-radius:28px;
  padding:75px;   /* reduced */
  text-align:center;
  margin-bottom:130px;
  box-shadow:0 35px 90px rgba(0,0,0,0.8);
}

.difference-box h3{
  font-size:36px;
  margin-bottom:25px;
}

.difference-box span{
  color:#f4c400;
}

.difference-box p{
  font-size:19px;
  line-height:2.1;
  color:#C9D1DF;
}

/* ================= WHO SHOULD ATTEND ================= */

.sub-title{
  text-align:center;
  font-size:52px;
  font-weight:800;
  margin-bottom:25px;
}

.sub-title span{
  color:#f4c400;
}

.sub-text{
  text-align:center;
  max-width:760px;
  margin:0 auto 80px auto;
  font-size:19px;
  line-height:2;
  color:#AAB3C2;
}

/* ================= AUDIENCE GRID ================= */

.audience-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:40px;
  margin-bottom:140px;
}

.audience-card{
  display:flex;
  gap:25px;
  background:linear-gradient(145deg,#141922,#0B0F15);
  border:1px solid #222938;
  border-radius:24px;
  padding:38px;
  transition:0.35s ease;
  box-shadow:0 25px 70px rgba(0,0,0,0.75);
}

.audience-card:hover{
  border-color:#F5C518;
  transform:translateY(-6px);
}

.audience-icon{
  min-width:58px;
  height:58px;
  border-radius:14px;
  background:#F5C518;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#000;
  font-size:21px;
  box-shadow:0 12px 30px rgba(245,197,24,0.4);
}

.audience-card h4{
  font-size:21px;
  margin-bottom:8px;
}

.audience-card p{
  font-size:15px;
  line-height:1.8;
  color:#9FA8B6;
}

/* ================= OUTCOME BOX ================= */

.outcome-box{
  background:linear-gradient(145deg,#10141D,#0A0F15);
  border:1px solid #232A3A;
  border-radius:30px;
  padding:85px;   /* reduced */
  text-align:center;
  box-shadow:0 35px 100px rgba(0,0,0,0.85);
}

.outcome-box h3{
  font-size:40px;
  margin-bottom:25px;
}

.outcome-box span{
  color:#F5C518;
}

.outcome-box p{
  font-size:19px;
  line-height:2.2;
  color:#C9D1DF;
}

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

@media(max-width:1100px){

  .coach-top{
    flex-direction:column;
    text-align:center;
    gap:60px;
  }

  .coach-image::before{
    width:360px;
    height:360px;
  }

  .coach-image img{
    width:320px;
    height:320px;
  }

  .stats-grid{
    grid-template-columns:1fr 1fr;
  }

  .audience-grid{
    grid-template-columns:1fr;
  }

}

@media(max-width:600px){

  .impact-section{
    padding:80px 18px;
  }

  .main-title{
    font-size:36px;
  }

  .sub-title{
    font-size:32px;
  }

  .coach-content h3{
    font-size:28px;
  }

  .coach-content p,
  .difference-box p,
  .outcome-box p{
    font-size:16px;
  }

  .stats-grid{
    grid-template-columns:1fr;
  }

  .difference-box,
  .outcome-box{
    padding:45px 22px;
  }

}

/* SECTION BACKGROUND */
.leaders-section {
  background: #f4f4f4;
  padding: 80px 0;
  font-family: Arial, Helvetica, sans-serif;
}

/* CONTAINER */
.container {
  width: 1200px;
  max-width: 95%;
  margin: 0 auto;
}

/* TITLE */
.section-title {
  text-align: center;
  font-size: 52px;
  font-weight: 800;
  margin-bottom: 60px;
  color: #000;
}

/* GRID */
.leaders-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

/* CARD DESIGN */
.leader-card {
  background: #fff;
  padding: 40px 35px;
  border-radius: 12px;
  border: 3px solid #f5b400;
  box-shadow: 0 0 20px rgba(245, 180, 0, 0.25);
  transition: 0.3s ease;
}

/* QUOTE ICON */
.quote-icon {
  font-size: 48px;
  color: #f5b400;
  margin-bottom: 20px;
  line-height: 1;
}

/* QUOTE TEXT */
.quote-text {
  font-size: 20px;
  line-height: 1.6;
  color: #111;
  margin-bottom: 25px;
}

/* NAME */
.leader-card h4 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #000;
}

/* DESIGNATION */
.leader-card span {
  font-size: 15px;
  color: #666;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .leaders-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

  .section-title {
    font-size: 34px;
  }
}
/* SECTION WRAPPER */
.vip-invest-wrap {
  background: #f3f3f3;
  padding: 60px 0;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
}

/* CONTAINER */
.vip-invest-container {
  width: 680px;
  max-width: 92%;
  margin: auto;
}

/* TITLE */
.vip-invest-heading {
  font-size: 38px;
  font-weight: 800;
  margin-bottom: 10px;
}

.vip-invest-sub {
  font-size: 15px;
  color: #6b7b88;
  margin-bottom: 35px;
}

/* CARD */
.vip-invest-box {
  background: #fff;
  border-radius: 16px;
  border: 3px solid #f5b400;
  overflow: hidden;
  transition: 0.4s ease;
  box-shadow: 0 8px 25px rgba(0,0,0,0.05);
}

/* ZOOM IN */
.vip-invest-box:hover {
  transform: scale(1.05);
  box-shadow: 0 18px 40px rgba(0,0,0,0.18);
}

/* OFFER BAR */
.vip-offer-bar {
  background: #f5b400;
  padding: 12px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  gap: 12px;
  align-items: center;
  font-size: 15px;
}

/* TIMER */
#vipTimer {
  background: #000;
  color: #fff;
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
}

/* INNER CONTENT */
.vip-inner {
  padding: 30px 30px;
}

/* PRICE ROW */
.vip-price-row {
  display: flex;
  justify-content: center;
  gap: 60px;
  margin-bottom: 25px;
}

.vip-price-col h3 {
  font-size: 17px;
  margin-bottom: 8px;
}

.vip-price-tag {
  font-size: 32px;
  font-weight: 800;
  color: #e02b2b;
}

/* FEATURES */
.vip-feature-list {
  list-style: none;
  padding: 0;
  margin: 0 auto 25px;
  max-width: 380px;
  text-align: left;
}

.vip-feature-list li {
  font-size: 14px;
  margin-bottom: 10px;
  padding-left: 22px;
  position: relative;
  font-weight: bold;
}

.vip-feature-list li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #f5b400;
}

/* ALERT BOX */
.vip-alert-box {
  border: 2px solid #e02b2b;
  padding: 10px;
  border-radius: 6px;
  color: #e02b2b;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 20px;
}

/* BUTTON */
.vip-btn {
  position: relative;
  display: inline-block;
  background: #f5b400;
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 700;
  border-radius: 6px;
  border: 2px solid #000;
  text-decoration: none;
  color: #000;
  overflow: hidden;
  transition: 0.3s ease;
  animation: vipPulse 2s infinite;
}

/* BUTTON HOVER */
.vip-btn:hover {
  background: #000;
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(245,180,0,0.6);
}

/* SHINE EFFECT */
.vip-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -70%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.6) 50%,
    rgba(255,255,255,0) 100%
  );
  transform: skewX(-25deg);
  transition: 0.7s;
}

.vip-btn:hover::before {
  left: 130%;
}

/* PULSE */
@keyframes vipPulse {
  0% { box-shadow: 0 0 0 0 rgba(245,180,0,0.6); }
  70% { box-shadow: 0 0 0 10px rgba(245,180,0,0); }
  100% { box-shadow: 0 0 0 0 rgba(245,180,0,0); }
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .vip-price-row {
    flex-direction: column;
    gap: 20px;
  }
}

/* SECTION WRAPPER */
.corp-adv-wrap {
  padding: 60px 20px;
  background: #f3f3f3;
}

/* BLACK BOX */
.corp-adv-container {
  background: #000;
  border-radius: 22px;
  padding: 60px 60px;
  max-width: 1200px;
  margin: auto;
  box-shadow: 0 15px 40px rgba(0,0,0,0.2);
  transition: 0.4s ease;
}

/* HOVER EFFECT */
.corp-adv-container:hover {
  transform: scale(1.02);
  box-shadow: 0 25px 55px rgba(0,0,0,0.35);
}

/* TITLE */
.corp-adv-title {
  text-align: center;
  color: #e5e5e5;
  font-size: 48px;
  font-weight: 800;
  margin-bottom: 40px;
}

/* LIST */
.corp-adv-list {
  list-style: none;
  padding: 0;
  margin: 0 0 50px 0;
}

.corp-adv-list li {
  color: #fff;
  font-size: 22px;
  margin-bottom: 18px;
  padding-left: 35px;
  position: relative;
  font-weight: 600;
}

/* YELLOW CHECK */
.corp-adv-list li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #f5c400;
  font-size: 20px;
}

/* BUTTON WRAP */
.corp-adv-btn-wrap {
  text-align: center;
}

/* BUTTON */
.corp-adv-btn {
  display: inline-block;
  background: #f5c400;
  color: #000;
  padding: 16px 40px;
  font-size: 18px;
  font-weight: 700;
  border-radius: 8px;
  text-decoration: none;
  transition: 0.3s ease;
  box-shadow: 0 6px 0 #000;
}

/* BUTTON HOVER */
.corp-adv-btn:hover {
  background: #fff;
  color: #000;
  transform: translateY(-4px);
  box-shadow: 0 12px 25px rgba(245,196,0,0.5);
}

/* RESPONSIVE */
@media (max-width: 768px) {

  .corp-adv-container {
    padding: 40px 25px;
  }

  .corp-adv-title {
    font-size: 32px;
  }

  .corp-adv-list li {
    font-size: 18px;
  }

  .corp-adv-btn {
    font-size: 16px;
    padding: 14px 28px;
  }
}




/* ===== SECTION ===== */
.hilp-section {
  background: #f3f3f3;
  padding: 100px 20px;
  font-family: 'Poppins', sans-serif;
}

.hilp-container {
  max-width: 1180px;
  margin: auto;
  display: flex;
  gap: 60px;
  align-items: flex-start;
}

/* ===== FORM BOX ===== */
.hilp-form-box {
  flex: 1;
  background: #ffffff;
  padding: 50px 45px;
  border-radius: 20px;
  border: 2px solid #f4b400;
  box-shadow: 0 0 35px rgba(244, 180, 0, 0.35);
  transition: 0.4s ease;
}

.hilp-form-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(244, 180, 0, 0.4);
}

.hilp-form-box h2 {
  text-align: center;
  margin-bottom: 35px;
  font-size: 26px;
  font-weight: 700;
}

/* FORM GROUP */
.form-group {
  margin-bottom: 22px;
}

.form-group label {
  display: block;
  font-weight: 600;
  margin-bottom: 8px;
}

.form-group span {
  color: #ff3b3b;
}

.form-group input {
  width: 100%;
  padding: 14px 15px;
  border-radius: 10px;
  border: 1px solid #f4b400;
  outline: none;
  transition: 0.3s ease;
  font-size: 14px;
}

.form-group input:focus {
  box-shadow: 0 0 10px rgba(244, 180, 0, 0.6);
  border-color: #f4b400;
}

/* NOTE */
.note {
  font-size: 14px;
  margin: 10px 0 25px;
  color: #555;
}

/* BUTTON */
.submit-btn {
  width: 100%;
  background: #f4b400;
  border: none;
  padding: 15px;
  border-radius: 10px;
  font-weight: 700;
  cursor: pointer;
  letter-spacing: 1px;
  transition: 0.3s ease;
}

.submit-btn:hover {
  background: #e0a800;
  transform: scale(1.03);
  box-shadow: 0 8px 20px rgba(244, 180, 0, 0.5);
}

/* SUPPORTED */
.supported {
  margin-top: 35px;
  text-align: center;
}

.logos {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 10px;
}

.logos img {
  height: 40px;
  opacity: 0.85;
  transition: 0.3s;
}

.logos img:hover {
  opacity: 1;
  transform: scale(1.05);
}

/* ===== RIGHT SIDE ===== */
.hilp-right {
  flex: 1;
}

/* VIDEO */
.video-box{
  position:relative;
  width:100%;
  max-width:900px;
  margin:auto;
  border-radius:20px;
  overflow:hidden;
  cursor:pointer;
  box-shadow:0 15px 35px rgba(0,0,0,0.2);
}

/* FIXED RATIO */
.video-box::before{
  content:"";
  display:block;
  padding-top:56.25%;
}

/* IMAGE */
.video-thumb{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:2;
}

/* VIDEO */
.video-frame{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:none;
  z-index:1;
}
/* ===== CONTACT BOX ===== */
.contact-box {
  background: #ffffff;
  padding: 35px;
  border-radius: 20px;
  margin-top: 40px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.contact-box h3 {
  margin-bottom: 25px;
  font-size: 20px;
}

.contact-item {
  display: flex;
  align-items: center;
  margin-bottom: 22px;
  transition: 0.3s ease;
}

.contact-item:hover {
  transform: translateX(6px);
}

.contact-item .icon {
  font-size: 22px;
  margin-right: 15px;
  display: flex;
  align-items: center;
}

/* IMAGE INSIDE ICON */
.contact-item .icon img{
  width: 50px;
  height: 50px;
  max-width: 100%;
  object-fit: contain;
  display: block;
}

.contact-item strong {
  display: block;
  font-weight: 600;
}

.contact-item p {
  font-size: 14px;
  color: #555;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 992px) {
  .hilp-container {
    flex-direction: column;
    gap: 50px;
  }

  .video-box img {
    height: 260px;
  }
}


.shiqls1-section{
width:100%;
padding:80px 0;
background:#ffffff;
}

.shiqls1-container{
max-width:1300px;
margin:auto;
display:flex;
align-items:center;
gap:40px;
position:relative;
}

.shiqls1-image{
flex:1;
}

.shiqls1-image img{
width:100%;
height:auto;
display:block;
}

.shiqls1-content{
flex:1;
position:absolute;
right:60px;
top:50%;
transform:translateY(-50%);
text-align:center;
}

.shiqls1-small-text{
font-size:42px;
font-weight:700;
color:#ffffff;
text-shadow:0 4px 10px rgba(0,0,0,0.6);
margin-bottom:10px;
}

.shiqls1-big-text{
font-size:80px;
font-weight:900;
color:#ffc400;
text-shadow:0 6px 12px rgba(0,0,0,0.7);
margin-bottom:25px;
}

.shiqls1-btn{
display:inline-block;
background:#ffc400;
color:#000;
padding:14px 35px;
font-size:22px;
font-weight:700;
border-radius:8px;
text-decoration:none;
box-shadow:0 6px 15px rgba(0,0,0,0.4);
transition:all .3s ease;
}

.shiqls1-btn:hover{
transform:scale(1.05);
background:#ffb700;
}

/* MOBILE */

@media (max-width:768px){

.shiqls1-container{
flex-direction:column;
}

.shiqls1-content{
position:relative;
right:auto;
top:auto;
transform:none;
text-align:center;
margin-top:-120px;
padding:20px;
}

.shiqls1-small-text{
font-size:24px;
}

.shiqls1-big-text{
font-size:46px;
}

.shiqls1-btn{
font-size:18px;
padding:12px 28px;
}

}

.shiqls1{
  padding:110px 0;
  background:linear-gradient(135deg,#f8f9fb,#eef2f7);
  font-family: "Poppins",sans-serif;
}

/* heading */

.shiqls1-heading{
  text-align:center;
  margin-bottom:60px;
}

.shiqls1-heading h2{
  font-size:52px;
  font-weight:800;
  margin-bottom:18px;
  letter-spacing:.5px;
}

.shiqls1-heading p{
  font-size:20px;
  color:#6c7b8a;
  max-width:750px;
  margin:auto;
}

/* accordion box */

.shiqls1-accordion{
  max-width:1100px;
  margin:auto;
  border-radius:20px;
  overflow:hidden;
  background:#fff;
  border:1px solid #e6e6e6;
  box-shadow:
  0 10px 30px rgba(0,0,0,0.05),
  0 3px 10px rgba(0,0,0,0.03);
}

/* item */

.shiqls1-item{
  border-bottom:1px solid #ededed;
  transition:all .3s ease;
}

/* hover */

.shiqls1-item:hover{
  background:#fafafa;
}

/* question */

.shiqls1-question{
  padding:24px 28px;
  font-size:19px;
  font-weight:600;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center;
  transition:all .35s ease;
}

/* icon */

.shiqls1-question .icon{
  font-size:20px;
  transition:.4s;
}

/* answer */

.shiqls1-answer{
  padding:0 28px;
  font-size:17px;
  color:#444;
  line-height:1.7;
  max-height:0;
  overflow:hidden;
  transition:all .45s ease;
}

/* active state */

.shiqls1-item.active{
  background:#fffdf7;
}

.shiqls1-item.active .shiqls1-question{
  color:#f5a000;
}

.shiqls1-item.active .shiqls1-answer{
  padding:20px 28px 26px;
  max-height:200px;
}

.shiqls1-item.active .icon{
  transform:rotate(180deg);
  color:#f5a000;
}

/* responsive */

@media(max-width:992px){

.shiqls1-heading h2{
  font-size:40px;
}

.shiqls1-heading p{
  font-size:18px;
}

}

@media(max-width:768px){

.shiqls1{
  padding:80px 0;
}

.shiqls1-heading h2{
  font-size:32px;
}

.shiqls1-heading p{
  font-size:16px;
}

.shiqls1-question{
  font-size:16px;
  padding:20px;
}

}