:root{
  --gold:#c9a227;
  --gold-light:#e2b94a;
  --gold-muted:#f0d080;
  --dark:#1a0e00;
  --dark2:#2b1800;
  --cream:#fdf6ec;
  --white:#ffffff;
  --text:#3a2800;
  --text-muted:#7a6040;
}

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  font-family:'Lato',sans-serif;
  background:var(--cream);
  color:var(--text);
  overflow-x:hidden;
}

/* ── HERO ── */
  .hero {
    background: transparent;
    position: relative;
    height: 410px;
    padding-top: 100px;
    display: flex;
    align-items: center;
    overflow: hidden;
  }
  .hero-bg {
    position: absolute; inset: 0;
    background: url('../static/images/C1.jpeg') center/cover no-repeat;
    opacity: 1;
  }
  .hero-overlay {
    position: absolute; inset: 0;
  }
  .hero-content {
    position: relative;
    padding: 60px 64px;
    max-width: 560px;
  }
  .hero-sanskrit { color: #d4a017; font-size: 13px; letter-spacing: 1px; margin-bottom: 14px;margin-top: 40px; font-style: italic; }
  .hero h1{
    all: unset;

    font-family:'Cinzel', serif !important;
    font-size: 46px !important;
    font-weight: 700 !important;

    color: white !important;

    display: block !important;

    text-transform: uppercase !important;
    letter-spacing: 2px !important;

    margin-bottom: 14px !important;
}

  .hero-divider {
    display: flex; align-items: center; gap: 8px; margin-bottom: 14px;
  }
  .hero-divider span { height: 1.5px; flex: 1; max-width: 60px; background: var(--gold); }
  .hero-divider i { color: var(--gold); font-size: 12px; }
  .hero-sub { font-family: 'Cinzel', serif; font-size: 17px; color: #d4a017; margin-bottom: 16px; }
  .hero p { color: white; font-size: 14.5px; line-height: 1.85; max-width: 420px;font-family: 'Times New Roman', Times, serif; }


/* =========================================
   COMMON
========================================= */

section{
  padding:70px 80px;
}

.section-label{
  color: red;
  font-weight: 1000;

  font-size:11px;

  letter-spacing:3px;

  text-transform:uppercase;

  margin-bottom:8px;
}

.section-title{
  font-family:'Playfair Display',serif;

  font-size:42px;

  color:var(--text);

  margin-bottom:6px;

  line-height:1.2;
}

.divider{
  display:flex;
  align-items:center;
  gap:8px;
  margin:10px 0 22px;
}

.divider::before,
.divider::after{
  content:'';

  flex:1;

  max-width:60px;

  height:1px;

  background:var(--gold);
}

.divider-icon{
  color:var(--gold);
  font-size:14px;
}

/* =========================================
   ABOUT PANDIT
========================================= */

.about-pandit{
  background:var(--white);
}

.about-pandit-inner{
  display:flex;

  align-items:flex-start;

  gap:70px;
}

/* VIDEO */

.video-thumb{
  position:relative;

  width:100%;
  max-width:340px;

  aspect-ratio:9/16;

  border-radius:28px;

  overflow:hidden;

  background:
  linear-gradient(
    135deg,
    #2b1200,
    #4a2200
  );

  border:2px solid rgba(201,162,39,.35);

  box-shadow:
    0 20px 50px rgba(0,0,0,.25),
    0 0 35px rgba(201,162,39,.18);

  padding:8px;

  flex-shrink:0;
}

.video-thumb video{
  width:100%;
  height:100%;

  object-fit:cover;

  border-radius:22px;

  display:block;
}

/* TEXT */

.pandit-text{
  flex:1;
}

.pandit-text p{
  color:#555;

  line-height:1.9;

  font-size:14.5px;

  margin-bottom:14px;
}

/* STATS */

.stats-row{
  display:grid;

  grid-template-columns:repeat(4,1fr);

  gap:14px;

  margin-top:30px;

  width:100%;

  max-width:100%;
}

.stat-card{
  border:1px solid #ead9b8;

  border-radius:14px;

  padding:18px 12px;

  text-align:center;

  background:var(--cream);

  transition:.3s ease;
}

.stat-card:hover{
  transform:translateY(-4px);

  box-shadow:
  0 10px 24px rgba(201,162,39,.12);
}

.stat-icon{
  font-size:22px;
  margin-bottom:6px;
}

.stat-num{
  font-family:'Playfair Display',serif;

  font-size:26px;

  color:red;

  font-weight:700;
}

.stat-label{
  font-size:11px;

  color:red;
  font-weight: 1000;

  margin-top:2px;
}

/* =========================================
   EXPERIENCE
========================================= */

.experience{
  background:var(--cream);
}

.experience-inner{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:center;
}

.experience h2{
  font-family:'Playfair Display',serif;

  font-size:36px;

  margin-bottom:4px;
}

.experience p.sub{
  color:#666;

  font-size:14px;

  line-height:1.8;

  margin-bottom:22px;
}

.exp-list{
  list-style:none;

  display:flex;

  flex-direction:column;

  gap:12px;
}

.exp-list li{
  display:flex;
  align-items:center;
  gap:10px;

  font-size:14px;

  color:var(--text);
}

.exp-list li::before{
  content:'✓';

  color:var(--gold);

  font-weight:700;

  font-size:16px;
}

.exp-img{
  border-radius:18px;

  overflow:hidden;

  box-shadow:0 8px 40px rgba(0,0,0,.14);
}

.exp-img img{
  width:100%;
  height:380px;
  object-fit:cover;
}

/* =========================================
   PHILOSOPHY
========================================= */

.philosophy{
  background:var(--dark);

  display:grid;

  grid-template-columns:1fr 1fr;
}

.philosophy-img{
  min-height:320px;

  background:
  linear-gradient(
    to right,
    #1a0e00,
    #2b1800
  );

  position:relative;

  overflow:hidden;
}

.philosophy-content{
  padding:70px 60px;

  display:flex;

  flex-direction:column;

  justify-content:center;
}

.philosophy-content .section-title{
  color:white;
}

.philosophy-content p{
  color:#ccc;

  font-size:14.5px;

  line-height:1.9;

  margin-top:16px;
}

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

.why{
  background:var(--white);
  text-align:center;
}

.why .divider{
  justify-content:center;
}

.values-grid{
  display:grid;

  grid-template-columns:repeat(5,1fr);

  gap:20px;

  margin-top:40px;
}

.value-card{
  border:1px solid #ead9b8;

  border-radius:16px;

  padding:28px 16px;

  text-align:center;

  background:var(--cream);

  transition:.3s ease;
}

.value-card:hover{
  transform:translateY(-5px);

  box-shadow:
  0 10px 28px rgba(201,162,39,.15);
}

.value-icon{
  width:56px;
  height:56px;

  background:var(--dark);

  border-radius:50%;

  display:flex;
  align-items:center;
  justify-content:center;

  margin:0 auto 14px;

  font-size:24px;
}

.value-title{
  font-family:'Playfair Display',serif;

  font-size:16px;

  margin-bottom:8px;

  color:var(--text);

  font-weight:700;
}

.value-desc{
  font-size:13px;

  color:var(--text-muted);

  line-height:1.7;
}

/* =========================================
   ACHIEVEMENTS
========================================= */

.achievements-section{
  padding:50px 80px;

  position:relative;

  overflow:hidden;

  background:
linear-gradient(
  135deg,
  #120000 0%,
  #2b0000 25%,
  #4a0000 55%,
  #1a0000 100%
);
}

/* HEADING */
/* =========================================
   ACHIEVEMENTS SECTION
========================================= */

.achievements-section{

  padding:38px 80px;

  position:relative;

  overflow:hidden;

  background:
    linear-gradient(90deg,#5C0000,#3B0000,#1A0604);
  border-color: white;
}

/* GOLDEN GLOW */

.achievements-section::before{

  content:'';

  position:absolute;

  width:500px;
  height:500px;

  top:-220px;
  right:-120px;

  background:
  radial-gradient(
    circle,
    rgba(201,162,39,.15),
    transparent 70%
  );

  pointer-events:none;
}

/* =========================================
   HEADING
========================================= */

.achievements-section .section-head{
  text-align:center;
  margin-bottom:18px;
  position:relative;
  z-index:2;
}

.achievements-section .section-label{
  color:#D4A017;

  text-align:center;

  display:block;

  letter-spacing:3px;

  margin-bottom:10px;
}

.achievements-section .section-title{
  color:white;

  text-align:center;

  font-family:'Playfair Display',serif;

  font-size:42px;

  line-height:1.2;

  margin-bottom:8px;
}

.achievements-section .divider{
  justify-content:center;
  margin:8px 0 14px;
}

/* =========================================
   SLIDER
========================================= */

.achievement-slider{
  position:relative;
  margin-top:20px;
  z-index:2;
}

.achievement-slide{

  display:none;

  grid-template-columns:1fr 1fr;

  align-items:center;

  gap:36px;

  padding:18px;

  border-radius:28px;

  background:
  rgba(255,255,255,.04);

  border:
  1px solid rgba(255,255,255,.08);

  backdrop-filter:blur(10px);

  box-shadow:
  0 15px 40px rgba(0,0,0,.22);
}

.achievement-slide.active{
  display:grid;
}

/* =========================================
   IMAGE
========================================= */

.achievement-image{
  overflow:hidden;
  border-radius:22px;
}

.achievement-image img{

  width:100%;

  height:340px;

  object-fit:cover;

  object-position:center;

  border-radius:22px;

  transition:.5s ease;

  display:block;
}

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

/* =========================================
   CONTENT
========================================= */

.achievement-content{
  padding-right:12px;
}

.achievement-tag{

  color:#D4A017;

  letter-spacing:2px;

  font-size:12px;

  margin-bottom:12px;

  text-transform:uppercase;
}

.achievement-content h3{

  font-family:'Playfair Display',serif;

  font-size:32px;

  margin-bottom:14px;

  line-height:1.3;

  color:white;
}

.achievement-content p{

  color:#f3f3f3;

  line-height:1.9;

  margin-bottom:18px;

  font-size:14px;
}

.achievement-content ul{

  list-style:none;

  display:flex;

  flex-direction:column;

  gap:12px;
}

.achievement-content li{

  color:white;

  font-size:14px;

  display:flex;

  align-items:center;

  gap:8px;
}

/* =========================================
   BUTTONS
========================================= */

.slider-buttons{

  display:flex;

  justify-content:center;

  gap:16px;

  margin-top:26px;
}

.slider-btn{

  width:50px;
  height:50px;

  border:none;

  border-radius:50%;

  background:white;

  color:black;

  cursor:pointer;

  transition:.3s ease;

  font-size:15px;
}

.slider-btn:hover{

  background:#c9a227;

  transform:translateY(-3px);
}

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

@media(max-width:991px){

  .achievements-section{
    padding:45px 20px;
  }

  .achievements-section .section-title{
    font-size:32px;
  }

  .achievement-slide{

    grid-template-columns:1fr;

    gap:24px;

    padding:18px;
  }

  .achievement-image img{
    height:300px;
  }

  .achievement-content{
    text-align:center;
    padding-right:0;
  }

  .achievement-content h3{
    font-size:26px;
    margin-bottom: 10px;
  }

  .achievement-content ul{
    align-items:center;
    gap: 8px;
  }

  .slider-buttons{
    margin-top:20px;
  }

}

@media(max-width:576px){

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

  .achievement-image img{
    height:240px;
  }

  .achievement-content h3{
    font-size:22px;
  }

  .achievement-content p{
    font-size:13px;
  }

}
/* =========================================
   CTA
========================================= */

.cta{
  background:url(../static/images/bg3.png);

  text-align:center;

  padding:70px 40px;
}

.cta h3{
  font-family: 'Cinzel', serif;
    color: var(--gold);
    font-size: 16px;
    margin-bottom: 10px;
    position: relative;
}

.cta h2{
  font-family: 'Cinzel', serif;
    font-size: 36px;
    font-weight: 700;
    color: var(--white);
    margin-bottom: 32px;
    position: relative;
}

.cta-buttons{
   display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    position: relative;
}

.cta-btn{
  display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 28px;
    border-radius: 4px;
    font-family: 'EB Garamond', serif;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    border: 1.5px solid;
    transition: all .2s;
    text-decoration: none;
}

.cta-btn.primary{
  background:
  linear-gradient(
    135deg,
    #C00000,
    #7A0000
  );

  text-decoration:none;

  color:white;

  border-color:#D4A017;
}

.cta-btn.primary:hover{
  transform:translateY(-2px);

  box-shadow:
  0 8px 32px rgba(201,168,76,0.5);
}

.cta-btn.outline-wa,
.cta-btn.outline-call{
  background:white;

  color:black;

  text-decoration:none;
}

.cta-btn.outline-wa:hover,
.cta-btn.outline-call:hover{
  background:green;

  border-color:#D4A017;
}

/* ================= WHATSAPP FLOAT ================= */

.wa-float {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 56px;
  height: 56px;
  background: #25D366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  color: white;
  box-shadow: 0 6px 24px rgba(37,211,102,0.4);
  cursor: pointer;
  z-index: 999;
  text-decoration: none;
  transition: all .3s ease;
}

.wa-float:hover {
  transform: scale(1.12);
  box-shadow: 0 10px 28px rgba(37,211,102,0.55);
}

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

@media screen and (max-width:1024px){

    /* HERO */

    .hero{

        height:auto;

        min-height:520px;

        padding-top:100px;

        padding-bottom:60px;
    }

    .hero-content{

        max-width:100%;

        padding:40px 30px;

        text-align:center;

        margin:auto;
    }

    .hero-divider{

        justify-content:center;
    }

    .hero p{

        margin:auto;
    }

    /* ABOUT */

    .about-pandit-inner{

        flex-direction:column;

        align-items:center;

        gap:40px;
    }

    .video-thumb{

        max-width:360px;

        width:100%;
    }

    .pandit-text{

        text-align:center;
    }

    .pandit-text .divider{

        justify-content:center;
    }

    /* STATS */

    .stats-row{

        grid-template-columns:repeat(2,1fr);

        gap:16px;
    }

    /* ACHIEVEMENT */

    .achievement-slide{

        grid-template-columns:1fr;

        text-align:center;
    }

    .achievement-content{

        padding-right:0;
    }

    .achievement-content ul{

        align-items:center;
    }

    .achievement-image img{

        height:320px;
    }

}


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

@media screen and (max-width:768px){

    section{

        padding:50px 18px;
    }

    /* HERO */

    .hero{

        min-height:auto;

        height:auto;

        padding-top:90px;

        padding-bottom:40px;
    }

    .hero-content{

        padding:20px 8px;

        text-align:center;
    }

    .hero h1{

        font-size:32px !important;

        line-height:1.2;
    }

    .hero-sub{

        font-size:15px;

        line-height:1.6;
    }

    .hero p{

        font-size:13px;

        line-height:1.8;
    }

    .hero-divider{

        justify-content:center;
    }

    /* SECTION */

    .section-title{

        font-size:28px;

        text-align:center;
    }

    .section-label{

        text-align:center;
    }

    .divider{

        justify-content:center;
    }

    /* VIDEO */

    .video-thumb{

        max-width:260px;

        border-radius:22px;
    }

    .video-thumb video{

        border-radius:18px;
    }

    /* TEXT */

    .pandit-text{

        text-align:center;
    }

    .pandit-text p{

        font-size:13px;

        line-height:1.9;
    }

    /* STATS */

    .stats-row{

        grid-template-columns:1fr 1fr;

        gap:12px;
    }

    .stat-card{

        padding:16px 10px;
    }

    .stat-num{

        font-size:22px;
    }

    .stat-label{

        font-size:10px;
    }

    /* ACHIEVEMENTS */

    .achievements-section{

        padding:45px 15px;
    }

    .achievements-section .section-title{

        font-size:28px;
    }

    .achievement-slide{

        padding:15px;

        border-radius:18px;
    }

    .achievement-image img{

        height:220px;

        border-radius:16px;
    }

    .achievement-content h3{

        font-size:22px;

        line-height:1.4;
    }

    .achievement-content p{

        font-size:13px;

        line-height:1.8;
    }

    .achievement-content li{

        font-size:13px;
    }

    /* CTA */

    .cta{

        padding:55px 18px;
    }

    .cta h2{

        font-size:28px;

        line-height:1.3;
    }

    .cta h3{

        font-size:14px;
    }

    .cta-buttons{

        flex-direction:column;

        align-items:center;

        gap:14px;
    }

    .cta-btn{

        width:100%;

        max-width:280px;

        justify-content:center;

        font-size:14px;

        padding:13px 20px;
    }

}


/* =========================================
   EXTRA SMALL DEVICES
========================================= */

@media screen and (max-width:480px){

    .hero h1{

        font-size:28px !important;
    }

    .hero-sub{

        font-size:14px;
    }

    .section-title{

        font-size:24px;
    }

    .stats-row{

        grid-template-columns:1fr;
    }

    .achievement-image img{

        height:200px;
    }

    .achievement-content h3{

        font-size:20px;
    }

    .slider-btn{

        width:42px;

        height:42px;

        font-size:13px;
    }

}