:root{--navy:#1a2b5e;--gold:#c9850a;--gold-lt:#f0a830;--cream:#fdf8f0;--white:#ffffff;--gray:#6b7280;--gray-lt:#f3f4f6;--radius:12px;--shadow:0 4px 24px rgba(26,43,94,.10);--transition:.35s cubic-bezier(.4,0,.2,1);}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'DM Sans',sans-serif;color:#1f2937;background:var(--white);line-height:1.7;overflow-x:hidden;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
.container{width:90%;max-width:1180px;margin:0 auto;}
.section{padding:90px 0;}
.section-label{font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;}
.section-title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(2.2rem, 4vw, 3rem);
  color: var(--navy);
  line-height: 1.2;
  margin-bottom: 20px;
  letter-spacing: -0.5px;
  position: relative;
}

.section-sub{font-size:1.05rem;color:var(--gray);max-width:680px;margin-bottom:56px;}
.btn{display:inline-block;padding:14px 36px;border-radius:50px;font-weight:600;font-size:.95rem;transition:var(--transition);cursor:pointer;border:none;}
.btn-primary{background:var(--gold);color:var(--white);box-shadow:0 6px 20px rgba(201,133,10,.35);}
.btn-primary:hover{background:#a86c06;transform:translateY(-2px);box-shadow:0 10px 28px rgba(201,133,10,.45);}
.btn-outline{border:2px solid var(--white);color:var(--white);background:transparent;}
.btn-outline:hover{background:var(--white);color:var(--navy);}
.tag{display:inline-block;background:rgba(201,133,10,.12);color:var(--gold);font-size:.75rem;font-weight:600;letter-spacing:.08em;padding:4px 12px;border-radius:50px;margin-bottom:14px;}

/* Navbar */
.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(26,43,94,.08);transition:var(--transition);}
.navbar .container{display:flex;align-items:center;justify-content:space-between;gap:24px;}
.nav-logo{display:flex;align-items:center;gap:12px;}
.nav-logo img{height:90px;width:auto;object-fit:contain;border-radius:8px;}
.nav-logo-text{line-height:1.2;}
.nav-logo-text strong{font-family:'Playfair Display',serif;font-size:1.15rem;color:var(--navy);display:block;}
.nav-logo-text span{font-size:.72rem;color:var(--gold);font-weight:500;letter-spacing:.06em;}
.nav-links{display:flex;align-items:center;gap:32px;list-style:none;}
.nav-links a{font-size:.9rem;font-weight:500;color:#374151;position:relative;transition:color var(--transition);}
.nav-links a::after{content:'';position:absolute;bottom:-3px;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transition:transform var(--transition);}
.nav-links a:hover{color:var(--navy);}
.nav-links a:hover::after{transform:scaleX(1);}
.hamburger{display:none;background:none;border:none;cursor:pointer;padding:4px;}
.hamburger span{display:block;width:22px;height:2px;background:var(--navy);margin:5px 0;transition:var(--transition);border-radius:2px;}
.nav-mobile{display:none;background:var(--white);border-top:1px solid var(--gray-lt);padding:20px;}
.nav-mobile.open{display:block;}
.nav-mobile ul{list-style:none;}
.nav-mobile ul li a{display:block;padding:10px 0;font-weight:500;color:var(--navy);border-bottom:1px solid var(--gray-lt);}



/* Programs */
/* HEADER CENTER */
.programs-header {
  text-align: center;
  margin-bottom: 60px;
}

/* GRID */
.programs-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 30px;
}

/* CARD BASE */
.program-card {
  background: #fff;
  padding: 30px;
  border-radius: 20px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.05);
  transition: 0.3s ease;
  position: relative;
}

/* HOVER EFFECT */
.program-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 60px rgba(0,0,0,0.1);
}

/* ICON */
.program-icon {
  font-size: 28px;
  margin-bottom: 10px;
}

/* TOP FLEX */
.card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* TAG */
.tag {
  background: #f1f5f9;
  padding: 5px 12px;
  border-radius: 50px;
  font-size: 12px;
}

/* TITLE */
.program-card h3 {
  font-size: 20px;
  margin: 15px 0 5px;
}

/* SUBTITLE */
.subtitle {
  font-size: 14px;
  color: #666;
  margin-bottom: 15px;
}

/* LIST */
.program-card ul {
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
}

.program-card ul li {
  padding-left: 18px;
  position: relative;
  margin-bottom: 8px;
}

.program-card ul li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #22c55e;
}

/* PRICE */
.program-price {
  font-size: 18px;
  margin-bottom: 15px;
}

/* BUTTON */
.card-btn {
  display: inline-block;
  padding: 10px 20px;
  background: #111827;
  color: #fff;
  border-radius: 8px;
}

.section-sub {
  text-align: center;
}

/* HIGHLIGHT CARD */
.program-card.highlight {
  background: linear-gradient(135deg, #0f172a, #1e293b);
  color: #fff;
}

.program-card.highlight .card-btn {
  background: #facc15;
  color: #000;
}

/* BADGE */
.badge {
  position: absolute;
  top: -10px;
  right: 20px;
  background: #facc15;
  padding: 5px 12px;
  font-size: 12px;
  border-radius: 20px;
}

/* About */
/* SECTION BACKGROUND */
.about {
  background: linear-gradient(135deg, #f8fafc, #eef2ff);
  padding: 100px 0;
}

/* LAYOUT */
.about-wrapper {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 60px;
  align-items: center;
}

/* LEFT SIDE */
.about-left {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

/* IMAGE */
.about-image img {
  width: 100%;
  max-width: 350px;
  border-radius: 20px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.2);
}

/* CARD */
.founder-card {
  background: linear-gradient(135deg, #0f172a, #1e293b);
  color: #fff;
  padding: 25px;
  border-radius: 20px;
}

/* QUOTE */
.quote {
  font-size: 16px;
  margin-bottom: 10px;
}

/* NAME */
.founder-name {
  font-size: 13px;
  color: #cbd5f5;
}

/* BADGES */
.badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.badges span {
  background: rgba(255,255,255,0.1);
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 11px;
}

/* RIGHT TEXT */
.about-text {
  color: #555;
  margin-bottom: 15px;
}

/* FEATURES */
.about-features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  margin-top: 25px;
}

.feature {
  display: flex;
  gap: 10px;
  background: #fff;
  padding: 12px;
  border-radius: 12px;
  transition: 0.3s;
}

.feature:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .about-wrapper {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .about-image img {
    margin: 0 auto;
  }

  .about-features {
    grid-template-columns: 1fr;
  }
}

/* IMAGE WRAP */
.about-image-wrap {
  position: relative;
  max-width: auto;
}

/* IMAGE */
.about-image-wrap img {
  width: 100%;
  border-radius: 20px;
  display: block;
  box-shadow: 0 20px 50px rgba(0,0,0,0.2);
}

.about-image img {
  border-radius: 20px;
  box-shadow: 0 25px 60px rgba(0,0,0,0.2);
}

/* CARD OVERLAP */
.founder-card {
  position: absolute;
  bottom: -40px; /* 👈 overlap effect */
  left: 20px;
  right: 20px;

  background: linear-gradient(135deg, #0f172a, #1e293b);
  color: #fff;
  padding: 20px;
  border-radius: 16px;

  box-shadow: 0 20px 60px rgba(0,0,0,0.3);
  transition: 0.4s ease;
}

/* HOVER EFFECT */
.about-image-wrap:hover .founder-card {
  transform: translateY(-10px);
}

/* QUOTE */
.quote {
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 1.5;
}

/* NAME */
.founder-name {
  font-size: 12px;
  color: #cbd5f5;
}

/* BADGES */
.badges {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.badges span {
  font-size: 10px;
  background: rgba(255,255,255,0.1);
  padding: 4px 8px;
  border-radius: 20px;
}

/* FLOAT ANIMATION */
.about-image-wrap {
  animation: floatCard 4s ease-in-out infinite alternate;
}

@keyframes floatCard {
  from { transform: translateY(0px); }
  to { transform: translateY(-8px); }
}

/* Why */
.why{background:var(--navy);}
.why .section-title,.why .section-label{color:var(--white);}
.why .section-sub{color:rgba(255,255,255,.65);}
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;}
.why-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:30px 24px;transition:var(--transition);}
.why-card:hover{background:rgba(255,255,255,.1);transform:translateY(-4px);}
.why-card .icon{font-size:2rem;margin-bottom:14px;}
.why-card h4{font-family:'Playfair Display',serif;font-size:1.05rem;color:var(--gold-lt);margin-bottom:8px;}
.why-card p{font-size:.88rem;color:rgba(255,255,255,.65);line-height:1.65;}

.why-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 👈 3 columns fix */
  gap: 30px;
}
.why-card {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 30px 25px;
  text-align: center; /* 👈 IMPORTANT */
  transition: 0.3s ease;
}

/* ICON */
.why-card .icon {
  font-size: 30px;
  margin-bottom: 15px;
}

/* HEADING */
.why-card h4 {
  font-size: 18px;
  color: #facc15;
  margin-bottom: 10px;
}

/* TEXT */
.why-card p {
  font-size: 14px;
  color: rgba(255,255,255,0.7);
  line-height: 1.6;
}

@media (max-width: 992px) {
  .why-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .why-grid {
    grid-template-columns: 1fr;
  }
}

/* Pricing */
.pricing{background:var(--cream);}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;}
.pricing-card{background:var(--white);border-radius:var(--radius);padding:36px 28px;box-shadow:var(--shadow);position:relative;transition:var(--transition);}
.pricing-card:hover{transform:translateY(-5px);}
.pricing-card.featured{background:var(--navy);color:var(--white);}
.pricing-card.featured h3,.pricing-card.featured .price-num{color:var(--white);}
.pricing-card.featured .price-note,.pricing-card.featured .for{color:rgba(255,255,255,.6);}
.pricing-card.featured ul li{color:rgba(255,255,255,.85);}
.pricing-card.featured ul li::before{color:var(--gold-lt);}
.featured-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--white);font-size:.72rem;font-weight:700;letter-spacing:.08em;padding:4px 16px;border-radius:50px;white-space:nowrap;}
.pricing-card h3{font-family:'Playfair Display',serif;font-size:1.2rem;color:var(--navy);margin-bottom:6px;}
.pricing-card .for{font-size:.8rem;color:var(--gray);margin-bottom:20px;}
.price-num{font-family:'Playfair Display',serif;font-size:2rem;color:var(--navy);line-height:1;}
.price-note{font-size:.78rem;color:var(--gray);margin-top:4px;margin-bottom:20px;}
.pricing-card ul{list-style:none;margin-bottom:28px;}
.pricing-card ul li{font-size:.88rem;color:#374151;padding:5px 0 5px 20px;position:relative;}
.pricing-card ul li::before{content:'✓';position:absolute;left:0;color:var(--gold);font-weight:700;}

/* Testimonials */
/* SLIDER WRAP */
.testimonial-slider {
  overflow: hidden;
  margin-top: 40px;
}

/* TRACK */
.testimonial-track {
  display: flex;
  gap: 20px;
  transition: transform 0.4s ease;
}

/* CARD */
.testimonial-card {
  min-width: 300px;
  max-width: 320px;
  background: #fff;
  padding: 25px;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

/* CONTROLS */
.slider-controls {
  text-align: center;
  margin-top: 20px;
}

.slider-controls button {
  background: #0f172a;
  color: #fff;
  border: none;
  padding: 10px 14px;
  margin: 0 5px;
  border-radius: 6px;
  cursor: pointer;
}

/* MOBILE */
@media (max-width: 768px) {
  .testimonial-card {
    min-width: 85%;
  }
}

/* Contact */
.contact{background:var(--cream);}
/* WRAPPER */
.contact-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

/* LEFT */
.contact-desc {
  margin: 15px 0 25px;
  color: #555;
}

/* ITEMS */
.contact-item {
  display: flex;
  gap: 12px;
  margin-bottom: 15px;
}

.ci-icon {
  width: 40px;
  height: 40px;
  background: #0f172a;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}

/* MODES */
.contact-modes {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.contact-modes span {
  background: #f1f5f9;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
}

/* FORM CARD */
.contact-form {
  background: #fff;
  padding: 35px;
  border-radius: 20px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.08);
}

/* INPUTS */
.form-row {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
}

.form-row input,
.form-row select {
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #ddd;
}

textarea {
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #ddd;
  margin-bottom: 15px;
}

/* BUTTON */
.btn-submit {
  width: 100%;
  padding: 14px;
  background: #facc15;
  border: none;
  border-radius: 10px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.3s;
}

.btn-submit:hover {
  background: #eab308;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .contact-wrapper {
    grid-template-columns: 1fr;
  }

  .form-row {
    flex-direction: column;
  }
}

/* Footer */
/* FOOTER BASE */
.footer {
  background: #0f172a;
  color: #cbd5f5;
  padding: 80px 0 30px;
}

/* GRID */
.footer-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  gap: 40px;
  margin-bottom: 40px;
}

/* LOGO */
.footer-logo {
  width: 285px;
  margin-bottom: 15px;
}

/* TEXT */
.footer-desc {
  font-size: 14px;
  line-height: 1.7;
  color: #94a3b8;
}

/* HEADINGS */
.footer-col h4 {
  color: #fff;
  margin-bottom: 15px;
}

/* LINKS */
.footer-col ul {
  list-style: none;
  padding: 0;
}

.footer-col ul li {
  margin-bottom: 10px;
}

.footer-col ul li a {
  color: #94a3b8;
  text-decoration: none;
  transition: 0.3s;
}

.footer-col ul li a:hover {
  color: #facc15;
  padding-left: 5px;
}

/* CONTACT */
.footer-contact li {
  font-size: 14px;
}

/* BOTTOM */
.footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.08);
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  color: #64748b;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .footer-grid {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .footer-bottom {
    flex-direction: column;
    gap: 10px;
    text-align: center;
  }
}

/* OFFER BAR */
.footer-offer-bar {
  background: #020617;
  overflow: hidden;
  white-space: nowrap;
  border-top: 1px solid rgba(255,255,255,0.05);
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

/* TRACK */
.offer-track {
  display: inline-block;
  padding: 12px 0;
  animation: scrollOffer 18s linear infinite;
}

/* TEXT */
.offer-track span {
  margin-right: 60px;
  font-size: 14px;
  color: #facc15;
  font-weight: 500;
}

/* ANIMATION */
@keyframes scrollOffer {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

/* Reveal */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease;}
.reveal.in-view{opacity:1;transform:none;}

/* Responsive */
@media(max-width:900px){
  .hero .container,.about .container,.contact .container{grid-template-columns:1fr;}
  .hero-visual{order:-1;}
  .hero-logo-wrap img{width:180px;height:180px;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .nav-links,.nav-cta{display:none;}
  .hamburger{display:block;}
  .form-row{grid-template-columns:1fr;}
  .about-pillars{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .footer-grid{grid-template-columns:1fr;}
  .hero-stats{flex-wrap:wrap;gap:20px;}
  .hero-actions{flex-direction:column;}
  .contact-form{padding:28px 20px;}
}

/* HERO SECTION */
.hero {
  min-height: 100vh;
  display: flex;
  align-items: center;
  background: linear-gradient(135deg, #0f172a, #1e293b);
  padding: 80px 0;
  color: #fff;
}

/* CONTAINER */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* GRID LAYOUT */
.hero .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 60px;
}

/* LEFT CONTENT */
.hero-content {
  max-width: 550px;
}

/* BADGE */
.hero-badge {
  background: rgba(255,255,255,0.1);
  padding: 8px 16px;
  border-radius: 50px;
  font-size: 14px;
  margin-bottom: 20px;
  display: inline-block;
}

/* HEADING */
.hero h1 {
  font-size: 48px;
  line-height: 1.2;
  margin-bottom: 20px;
}

.hero h1 span {
  color: #facc15;
}

/* DESCRIPTION */
.hero-desc {
  font-size: 18px;
  color: #cbd5f5;
  margin-bottom: 30px;
}

/* BUTTONS */
.hero-actions {
  display: flex;
  gap: 15px;
  margin-bottom: 30px;
}

.btn {
  padding: 14px 26px;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
}

.btn-primary {
  background: #facc15;
  color: #000;
}

.btn-whatsapp {
  background: #25D366;
  color: #fff;
}

/* STATS */
.hero-stats {
  display: flex;
  gap: 30px;
  margin-top: 20px;
}

.hero-stat strong {
  font-size: 20px;
  display: block;
}

.hero-stat span {
  font-size: 14px;
  color: #cbd5f5;
}

/* IMAGE */
.hero-visual img {
  width: 100%;
  max-width: 90%;
  padding: 20px 0 20px; /* 👈 yaha change kiya */
  border-radius: 20px;
  box-shadow: 0 25px 60px rgba(0,0,0,0.3);
}

/* MOBILE RESPONSIVE */
@media (max-width: 768px) {
  .hero .container {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .hero h1 {
    font-size: 32px;
  }

  .hero-actions {
    justify-content: center;
    flex-direction: column;
  }

  .hero-stats {
    justify-content: center;
    flex-wrap: wrap;
  }
}

.hero {
  min-height: 100vh;
  display: flex;
  align-items: center;
  background: linear-gradient(135deg, #0f172a, #1e293b);
  padding: 120px 0 80px; /* 👈 yaha change kiya */
  color: #fff;
}

  .sticky1-container1 {
            padding: 0px;
            margin: 0px;
            position: fixed;
            right: -138px;
            top: 381px;
            width: 210px;
            z-index: 1100;
            list-style-type: none;
        }

        
        video {
            max-width: 100%;
            height: auto;
        }