:root {
  --primary-green: #2E7D32;
  --light-green: #66BB6A;
  --leaf-green: #8BC34A;

  --primary-blue: #1E3A8A;
  --soft-blue: #3B82F6;

  --dark: #1F2937;
  --text: #4B5563;
  --white: #ffffff;
  --bg-light: #F9FBF7;

  --gradient-main: linear-gradient(135deg, #2E7D32, #1E3A8A);
}

/* =====================================================
   NAVBAR – SANJEEVI NATUROPATHY (FULL CSS)
===================================================== */

/* NAVBAR WRAPPER */
.sanjeevi-nav {
  background: var(--white);
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
  padding: 12px 0;
  z-index: 999;
}

/* LOGO */
.sanjeevi-nav .logo {
  height: 128px;
}

.sanjeevi-nav .navbar-brand span {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 1.3rem;
  color: var(--primary-green);
  letter-spacing: 1px;
}

/* NAV LINKS – COMMON */
.navbar-nav .nav-link {
  position: relative;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  color: var(--dark);
  margin: 0 8px;
  padding: 10px 16px;
  border-radius: 10px;
  transition: all 0.35s ease;
  overflow: hidden;
}

/* UNDERLINE EFFECT */
.navbar-nav .nav-link::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 0%;
  height: 3px;
  background: var(--gradient-main);
  transition: width 0.35s ease;
  border-radius: 10px;
}

/* DESKTOP HOVER & ACTIVE */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
  color: var(--primary-green);
}

.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link.active::after {
  width: 100%;
}

/* =====================================================
   MOBILE MENU STYLING
===================================================== */

@media (max-width: 991px) {

  /* COLLAPSE BOX */
  .navbar-collapse {
    background: var(--white);
    padding: 18px;
    margin-top: 14px;
    border-radius: 18px;
    box-shadow: 0 20px 45px rgba(0,0,0,0.15);
  }

  /* MOBILE LINKS */
  .navbar-nav .nav-link {
    margin: 6px 0;
    padding: 14px 18px;
    font-size: 1.05rem;
  }

  /* MOBILE HOVER / TAP / ACTIVE */
  .navbar-nav .nav-link:hover,
  .navbar-nav .nav-link:focus,
  .navbar-nav .nav-link.active {
    background: var(--gradient-main);
    color: var(--white) !important;
    transform: translateX(4px);
  }

  /* UNDERLINE ON MOBILE */
  .navbar-nav .nav-link:hover::after,
  .navbar-nav .nav-link:focus::after,
  .navbar-nav .nav-link.active::after {
    width: 100%;
    background: var(--white);
  }
}

/* =====================================================
   TOGGLER BUTTON
===================================================== */

.navbar-toggler {
  border: none;
  box-shadow: none;
}

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

/* OPTIONAL: WHITE TOGGLER ICON */
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(30,125,50,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

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

.hero-section {
  width: 100%;
  margin: 0;
  padding: 0;
}

/* SLIDE */
.hero-slide {
  position: relative;
  height: 100vh;
  width: 100%;
  overflow: hidden;
}

/* IMAGE */
.hero-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* OVERLAY */
.hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    120deg,
    rgba(0,0,0,0.65),
    rgba(0,0,0,0.35)
  );
  z-index: 1;
}

/* CONTENT – PERFECT CENTER */
.hero-content {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;   /* vertical center */
}

/* TAG */
.hero-tag {
  display: inline-block;
  background: linear-gradient(135deg, #2E7D32, #1E3A8A);
  padding: 6px 18px;
  border-radius: 30px;
  font-size: 0.85rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 16px;
}

/* TEXT */
.hero-content h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 3.2rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
  margin-bottom: 16px;
}

.hero-content p {
  font-size: 1.1rem;
  color: #f1f5f9;
  margin-bottom: 30px;
  max-width: 550px;
}

/* BUTTONS */
.hero-buttons {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.hero-btn {
  padding: 12px 28px;
  border-radius: 30px;
  font-weight: 600;
}

.hero-btn.primary {
  background: linear-gradient(135deg, #2E7D32, #1E3A8A);
  color: #fff;
}

.hero-btn.outline {
  border: 2px solid #fff;
  color: #fff;
}

/* CONTROLS */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: invert(1);
}

/* MOBILE */
@media (max-width: 768px) {
  .hero-content h1 {
    font-size: 2.1rem;
  }

  .hero-content p {
    font-size: 1rem;
  }
}



/* ===============================
   LANGUAGE SECTION – CENTER FIX
================================ */

.language-switch-section {
 
  padding: 16px 0;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 10;
}

/* CENTER BOX */
.language-box {
  display: flex;
  align-items: center;
  gap: 14px;
  background: #ffffff;
  padding: 14px 24px;
  border-radius: 40px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.1);
}

/* TITLE */
.lang-title {
  font-family: 'Poppins', sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  color: #1f2937;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* BUTTONS */
.lang-buttons {
  display: flex;
  gap: 10px;
}

.lang-btn {
  border: none;
  background: #f1f5f9;
  color: #1f2937;
  font-size: 0.8rem;
  padding: 6px 16px;
  border-radius: 30px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.lang-btn:hover,
.lang-btn.active {
  background: linear-gradient(135deg, #2E7D32, #1E3A8A);
  color: #ffffff;
}

/* MOBILE */
@media (max-width: 576px) {
  .language-box {
    padding: 12px 16px;
    gap: 10px;
  }
}



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

.about-section {
  padding: 90px 0;
  background: #f9fbf7;
}

/* IMAGE */
.about-img-wrap {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 25px 60px rgba(0,0,0,0.12);
}

.about-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* CONTENT */
.about-content {
  padding-left: 10px;
}

.section-tag {
  display: inline-block;
  background: linear-gradient(135deg, #2E7D32, #1E3A8A);
  color: #fff;
  padding: 6px 18px;
  border-radius: 30px;
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 18px;
}

.about-content h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 2.6rem;
  font-weight: 700;
  margin-bottom: 18px;
  color: #1f2937;
}

.about-content p {
  font-size: 1.05rem;
  color: #4b5563;
  margin-bottom: 14px;
  line-height: 1.7;
}

/* POINTS */
.about-points {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin: 22px 0 30px;
}

.point {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  color: #1f2937;
}

.point i {
  font-size: 1.2rem;
  color: #2E7D32;
}

/* BUTTON */
.about-btn {
  background: linear-gradient(135deg, #2E7D32, #1E3A8A);
  color: #fff;
  padding: 12px 30px;
  border-radius: 30px;
  font-weight: 600;
}

.about-btn:hover {
  transform: translateY(-2px);
}

/* MOBILE */
@media (max-width: 768px) {
  .about-content h2 {
    font-size: 2rem;
  }

  .about-points {
    grid-template-columns: 1fr;
  }
}


/* ================= SERVICES SECTION ================= */

.services-section {
  padding: 100px 0;
  background: #ffffff;
}

/* SECTION HEADER */
.section-header h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 2.6rem;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 12px;
}

.section-header p {
  color: #6b7280;
  font-size: 1.05rem;
}

/* SERVICE CARD */
.service-card {
  background: #f9fbf7;
  border-radius: 22px;
  padding: 35px 30px;
  text-align: center;
  height: 100%;
  box-shadow: 0 15px 40px rgba(0,0,0,0.08);
  transition: all 0.35s ease;
  cursor: pointer;
}

.service-card i {
  font-size: 2.4rem;
  color: #2E7D32;
  margin-bottom: 18px;
  display: inline-block;
}

.service-card h5 {
  font-family: 'Poppins', sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  color: #1f2937;
}

/* HOVER EFFECT */
.service-card:hover {
  background: linear-gradient(135deg, #2E7D32, #1E3A8A);
  transform: translateY(-8px);
}

.service-card:hover i,
.service-card:hover h5 {
  color: #ffffff;
}

/* MOBILE */
@media (max-width: 768px) {
  .section-header h2 {
    font-size: 2rem;
  }
}


/* ================= DOCTOR PROFILE SECTION ================= */

.doctor-profile-section {
  padding: 100px 0;
  background: #ffffff;
}

/* CONTENT */
.doctor-intro h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 2.6rem;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 6px;
}

.doctor-degree {
  font-size: 1.05rem;
  font-weight: 600;
  color: #1E3A8A;
  margin-bottom: 18px;
}

.doctor-intro p {
  font-size: 1.05rem;
  color: #4b5563;
  line-height: 1.7;
  margin-bottom: 14px;
}

/* HIGHLIGHTS */
.doctor-highlights {
  list-style: none;
  padding: 0;
  margin: 22px 0 28px;
}

.doctor-highlights li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 10px;
}

.doctor-highlights i {
  color: #2E7D32;
}

/* BUTTON */
.doctor-call-btn {
  background: linear-gradient(135deg, #2E7D32, #1E3A8A);
  color: #fff;
  padding: 12px 30px;
  border-radius: 30px;
  font-weight: 600;
}

/* IMAGE */
.doctor-img-box {
  max-width: 380px;
  margin: auto;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 25px 60px rgba(0,0,0,0.15);
}

.doctor-img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* MOBILE CENTER */
@media (max-width: 768px) {
  .doctor-intro {
    text-align: center;
  }

  .doctor-highlights li {
    justify-content: center;
  }
}


/* ================= PARALLAX SECTION ================= */

.parallax-section {
  position: relative;
  min-height: 70vh;
  display: flex;
  align-items: center;
  background-image: url('../img/bg.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed; /* PARALLAX */
  color: #ffffff;
}

/* DARK OVERLAY */
.parallax-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    120deg,
    rgba(0,0,0,0.7),
    rgba(0,0,0,0.4)
  );
  z-index: 1;
}

/* CONTENT */
.parallax-content {
  position: relative;
  z-index: 2;
  max-width: 700px;
}

.parallax-tag {
  display: inline-block;
  background: linear-gradient(135deg, #2E7D32, #1E3A8A);
  padding: 6px 18px;
  border-radius: 30px;
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 16px;
}

.parallax-content h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 2.8rem;
  font-weight: 700;
  margin-bottom: 16px;
}

.parallax-content p {
  font-size: 1.1rem;
  opacity: 0.95;
  margin-bottom: 28px;
  line-height: 1.7;
}

/* BUTTON */
.parallax-btn {
  background: linear-gradient(135deg, #2E7D32, #1E3A8A);
  color: #fff;
  padding: 12px 32px;
  border-radius: 30px;
  font-weight: 600;
}

.parallax-btn:hover {
  transform: translateY(-2px);
}

/* MOBILE FIX (parallax disabled for performance) */
@media (max-width: 768px) {
  .parallax-section {
    min-height: 60vh;
  }

  .parallax-content h2 {
    font-size: 2rem;
  }
}


/* ================= STATS SECTION ================= */

.stats-section {
  padding: 90px 0;
  background: linear-gradient(135deg, #2E7D32, #1E3A8A);
  color: #ffffff;
}

.stat-card {
  background: rgba(255,255,255,0.1);
  border-radius: 20px;
  padding: 40px 20px;
  height: 100%;
  backdrop-filter: blur(6px);
  transition: transform 0.3s ease;
}

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

.stat-card h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 8px;
  color: #ffffff;
}

.stat-card p {
  font-size: 1.05rem;
  font-weight: 500;
  opacity: 0.95;
}

/* MOBILE */
@media (max-width: 768px) {
  .stat-card h2 {
    font-size: 2.3rem;
  }
}


/* ================= IMAGE LEFT CONTENT RIGHT ================= */

.img-content-section {
  padding: 100px 0;
  background: #ffffff;
}

/* IMAGE */
.img-box {
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 25px 60px rgba(0,0,0,0.12);
}

.img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* CONTENT */
.content-box h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 2.6rem;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 16px;
}

.content-box p {
  font-size: 1.05rem;
  color: #4b5563;
  line-height: 1.7;
  margin-bottom: 14px;
}

/* POINTS */
.content-points {
  list-style: none;
  padding: 0;
  margin: 22px 0 28px;
}

.content-points li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 10px;
}

.content-points i {
  color: #2E7D32;
  font-size: 1.1rem;
}

/* BUTTON */
.content-btn {
  background: linear-gradient(135deg, #2E7D32, #1E3A8A);
  color: #fff;
  padding: 12px 30px;
  border-radius: 30px;
  font-weight: 600;
}

.content-btn:hover {
  transform: translateY(-2px);
}

/* MOBILE */
@media (max-width: 768px) {
  .content-box h2 {
    font-size: 2rem;
  }

  .content-box {
    text-align: center;
  }

  .content-points li {
    justify-content: center;
  }
}


/* ================= TESTIMONIALS ================= */

.testimonials-section {
  padding: 100px 0;
  background: #f9fbf7;
  overflow: hidden;
}

.testimonial-slider {
  position: relative;
}

.testimonial-track {
  display: flex;
  gap: 24px;
  transition: transform 0.6s ease;
}

/* CARD */
.testimonial-card {
  background: #ffffff;
  border-radius: 24px;
  padding: 35px 30px;
  min-width: calc(100% / 3 - 16px);
  box-shadow: 0 20px 45px rgba(0,0,0,0.1);
  position: relative;
}

.quote-icon {
  font-size: 2.5rem;
  color: #2E7D32;
  opacity: 0.3;
  position: absolute;
  top: 20px;
  right: 24px;
}

.testimonial-card p {
  font-size: 1.05rem;
  line-height: 1.7;
  margin-bottom: 22px;
  color: #4b5563;
}

/* USER */
.testimonial-user {
  display: flex;
  align-items: center;
  gap: 12px;
}

.testimonial-user i {
  font-size: 2.2rem;
  color: #1E3A8A;
}

.testimonial-user h6 {
  margin: 0;
  font-weight: 600;
}

/* CONTROLS */
.testimonial-controls {
  display: flex;
  justify-content: center;
  gap: 14px;
  margin-top: 35px;
}

.testi-btn {
  border: none;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(135deg, #2E7D32, #1E3A8A);
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}

/* RESPONSIVE */
@media (max-width: 991px) {
  .testimonial-card {
    min-width: calc(100% / 2 - 16px);
  }
}

@media (max-width: 576px) {
  .testimonial-card {
    min-width: 100%;
  }
}


/* ================= FOOTER ================= */

.main-footer {
  background: #0f2f2a;
  color: #d1fae5;
  padding-top: 80px;
}

/* LOGO */
.footer-logo {
  height: 125px;
  margin-bottom: 18px;
}

/* ABOUT */
.footer-about p {
  font-size: 0.95rem;
  line-height: 1.7;
  color: #c7efe3;
}

/* SOCIAL */
.footer-social {
  display: flex;
  gap: 14px;
  margin-top: 18px;
}

.footer-social a {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: linear-gradient(135deg, #2E7D32, #1E3A8A);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  transition: transform 0.3s ease;
}

.footer-social a:hover {
  transform: translateY(-4px);
}

/* TITLES */
.footer-title {
  font-family: 'Poppins', sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 18px;
}

/* LINKS */
.footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-links li {
  margin-bottom: 10px;
  font-size: 0.95rem;
  color: #c7efe3;
}

.footer-links a {
  color: #c7efe3;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-links a:hover {
  color: #6ee7b7;
}

/* CONTACT */
.footer-contact p {
  font-size: 0.95rem;
  line-height: 1.7;
  color: #c7efe3;
  margin-bottom: 10px;
}

.footer-contact i {
  margin-right: 8px;
  color: #6ee7b7;
}

.footer-contact a {
  color: #c7efe3;
  text-decoration: none;
}

.footer-contact a:hover {
  color: #6ee7b7;
}

.doctor-name span {
  font-size: 0.85rem;
  opacity: 0.9;
}

/* BOTTOM */
.footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.15);
  margin-top: 60px;
  padding: 20px 0;
  font-size: 0.9rem;
  color: #c7efe3;
}

.footer-bottom a {
  color: #6ee7b7;
  font-weight: 600;
  text-decoration: none;
}

.footer-bottom a:hover {
  text-decoration: underline;
}

/* MOBILE */
@media (max-width: 768px) {
  .footer-bottom {
    text-align: center;
  }
}


/* ================= VIEW COUNTER ================= */

.view-counter {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: linear-gradient(135deg, #2E7D32, #1E3A8A);
  color: #fff;
  padding: 10px 16px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  box-shadow: 0 12px 30px rgba(0,0,0,0.25);
  z-index: 999;
}

.view-counter i {
  font-size: 1.2rem;
}


/* ================= WHATSAPP FLOATING ================= */

.whatsapp-float {
  position: fixed;
  bottom: 24px;
  left: 24px;
  display: flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, #25D366, #1EBE5D);
  color: #ffffff;
  padding: 14px 18px;
  border-radius: 40px;
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  box-shadow: 0 15px 35px rgba(0,0,0,0.25);
  z-index: 999;
  transition: all 0.35s ease;
}

/* ICON */
.whatsapp-float i {
  font-size: 1.6rem;
}

/* TEXT */
.whatsapp-float .wa-text {
  white-space: nowrap;
  transition: opacity 0.3s ease;
}

/* HOVER EFFECT */
.whatsapp-float:hover {
  transform: translateY(-4px) scale(1.03);
  box-shadow: 0 20px 45px rgba(0,0,0,0.35);
}

/* MOBILE VIEW – ICON ONLY */
@media (max-width: 576px) {


  .whatsapp-float .wa-text {
    display: none;
  }
}



/* ================= ABOUT PARALLAX HEADER ================= */

.about-parallax-header {
  position: relative;
  height: 65vh;
  display: flex;
  align-items: center;
  background-image: url('../img/bgs.png');
  background-size: cover;
  background-position: center;
  background-attachment: fixed; /* PARALLAX */
  color: #ffffff;
}

/* OVERLAY */
.about-parallax-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    120deg,
    rgba(0,0,0,0.7),
    rgba(0,0,0,0.4)
  );
  z-index: 1;
}

/* CONTENT */
.about-header-content {
  position: relative;
  z-index: 2;
  max-width: 750px;
}

.about-header-content h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 3.2rem;
  font-weight: 700;
  margin-bottom: 12px;
}

.about-header-content p {
  font-size: 1.1rem;
  opacity: 0.95;
  margin-bottom: 20px;
}

/* BREADCRUMB */
.breadcrumb-box {
  display: inline-flex;
  gap: 10px;
  font-size: 0.95rem;
  background: rgba(255,255,255,0.15);
  padding: 8px 18px;
  border-radius: 30px;
  backdrop-filter: blur(6px);
}

.breadcrumb-box a {
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
}

.breadcrumb-box span {
  opacity: 0.8;
}

/* MOBILE FIX */
@media (max-width: 768px) {
  .about-parallax-header {
    height: 55vh;
    background-attachment: scroll; /* disable parallax for mobile */
  }

  .about-header-content h1 {
    font-size: 2.2rem;
  }

  .about-header-content {
    text-align: center;
  }
}


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

.about-only-section {
  padding: 100px 0;
  background: #ffffff;
}

/* IMAGE */
.about-img-box {
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 25px 60px rgba(0,0,0,0.12);
}

.about-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* CONTENT */
.about-only-section h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 2.6rem;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 16px;
}

.about-only-section p {
  font-size: 1.05rem;
  color: #4b5563;
  line-height: 1.8;
  margin-bottom: 14px;
}

/* MOBILE */
@media (max-width: 768px) {
  .about-only-section h2 {
    font-size: 2rem;
  }

  .about-only-section {
    text-align: center;
  }
}


/* ================= MISSION & VISION SECTION ================= */

.mission-vision-section {
  padding: 100px 0;
  background: #f9fbf7;
}

/* CARD */
.mv-card {
  background: #ffffff;
  border-radius: 24px;
  padding: 40px 35px;
  height: 100%;
  box-shadow: 0 20px 50px rgba(0,0,0,0.08);
  transition: transform 0.3s ease;
}

.mv-card:hover {
  transform: translateY(-8px);
}

/* ICON */
.mv-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: linear-gradient(135deg, #2E7D32, #1E3A8A);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
}

.mv-icon i {
  font-size: 1.8rem;
  color: #ffffff;
}

/* TEXT */
.mv-card h4 {
  font-family: 'Poppins', sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 14px;
  color: #1f2937;
}

.mv-card p {
  font-size: 1.05rem;
  color: #4b5563;
  line-height: 1.8;
}

/* MOBILE */
@media (max-width: 768px) {
  .mv-card {
    text-align: center;
  }

  .mv-icon {
    margin-left: auto;
    margin-right: auto;
  }
}


/* ================= DOCTOR PAGE ================= */

.doctor-page-section {
  padding: 100px 0;
  background: #ffffff;
}

.doctor-img-box {
  max-width: 380px;
  margin: auto;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 25px 60px rgba(0,0,0,0.15);
}

.doctor-img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.doctor-page-content h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 2.6rem;
  font-weight: 700;
  margin-bottom: 6px;
}

.doctor-degree {
  font-size: 1.05rem;
  font-weight: 600;
  color: #1E3A8A;
  margin-bottom: 18px;
}

.doctor-page-content p {
  font-size: 1.05rem;
  color: #4b5563;
  line-height: 1.8;
  margin-bottom: 14px;
}

.doctor-expertise {
  margin: 22px 0 28px;
}

.doctor-expertise h5 {
  font-weight: 700;
  margin-bottom: 12px;
}

.doctor-expertise ul {
  padding-left: 18px;
}

.doctor-expertise li {
  margin-bottom: 8px;
  font-weight: 600;
  color: #1f2937;
}


/* ================= DOCTOR CARD ABOUT ================= */

.doctor-card-section {
  padding: 100px 0;
  background: #f9fbf7;
}

/* CARD */
.doctor-card {
  max-width: 1000px;
  margin: auto;
  background: #ffffff;
  border-radius: 30px;
  padding: 40px 45px;
  display: flex;
  align-items: center;
  gap: 40px;
  box-shadow: 0 30px 70px rgba(0,0,0,0.12);
}

/* IMAGE */
.doctor-card-img {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  overflow: hidden;
  border: 6px solid #2E7D32;
  flex-shrink: 0;
}

.doctor-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* CONTENT */
.doctor-card-content h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 2.4rem;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 6px;
}

.doctor-degree {
  font-size: 1.05rem;
  font-weight: 600;
  color: #1E3A8A;
  margin-bottom: 18px;
}

.doctor-card-content p {
  font-size: 1.05rem;
  color: #4b5563;
  line-height: 1.8;
  margin-bottom: 14px;
}

/* POINTS */
.doctor-card-points {
  list-style: none;
  padding: 0;
  margin: 22px 0 28px;
}

.doctor-card-points li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 10px;
}

.doctor-card-points i {
  color: #2E7D32;
}

/* BUTTON */
.doctor-card-btn {
  background: linear-gradient(135deg, #2E7D32, #1E3A8A);
  color: #ffffff;
  padding: 12px 32px;
  border-radius: 30px;
  font-weight: 600;
}

/* MOBILE */
@media (max-width: 768px) {
  .doctor-card {
    flex-direction: column;
    text-align: center;
    padding: 30px 25px;
  }

  .doctor-card-img {
    width: 160px;
    height: 160px;
  }

  .doctor-card-points li {
    justify-content: center;
  }
}


/* ================= TREATMENTS GRID ================= */

.treatments-grid-section {
  padding: 100px 0;
  background: #ffffff;
}

/* CARD */
.treatment-card {
  background: #f9fbf7;
  border-radius: 24px;
  padding: 40px 30px;
  text-align: center;
  height: 100%;
  box-shadow: 0 20px 45px rgba(0,0,0,0.08);
  transition: all 0.35s ease;
}

.treatment-card i {
  font-size: 2.6rem;
  color: #2E7D32;
  margin-bottom: 18px;
}

.treatment-card h5 {
  font-family: 'Poppins', sans-serif;
  font-size: 1.15rem;
  font-weight: 600;
  margin-bottom: 12px;
  color: #1f2937;
}

.treatment-card p {
  font-size: 0.95rem;
  color: #4b5563;
  line-height: 1.6;
}

/* HOVER EFFECT */
.treatment-card:hover {
  background: linear-gradient(135deg, #2E7D32, #1E3A8A);
  transform: translateY(-8px);
}

.treatment-card:hover i,
.treatment-card:hover h5,
.treatment-card:hover p {
  color: #ffffff;
}

/* MOBILE */
@media (max-width: 768px) {
  .treatment-card {
    padding: 30px 24px;
  }
}


/* ================= SUPER TREATMENTS ================= */

.super-treatments-section {
  padding: 110px 0;
  background: linear-gradient(180deg, #f9fbf7, #ffffff);
}

/* CARD */
.super-treatment-card {
  height: 100%;
  padding: 40px 34px;
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(10px);
  box-shadow: 0 30px 70px rgba(0,0,0,0.1);
  position: relative;
  transition: all 0.4s ease;
  overflow: hidden;
}

/* TOP GRADIENT LINE */
.super-treatment-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 6px;
  width: 100%;
  background: linear-gradient(135deg, #2E7D32, #1E3A8A);
}

/* ICON */
.card-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: linear-gradient(135deg, #2E7D32, #1E3A8A);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
}

.card-icon i {
  color: #ffffff;
  font-size: 1.6rem;
}

/* TITLE */
.super-treatment-card h4 {
  font-family: 'Poppins', sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 18px;
  color: #1f2937;
}

/* LIST */
.super-treatment-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.super-treatment-card ul li {
  font-size: 0.95rem;
  color: #4b5563;
  margin-bottom: 10px;
  padding-left: 20px;
  position: relative;
}

.super-treatment-card ul li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #2E7D32;
  font-weight: 700;
}

/* HOVER */
.super-treatment-card:hover {
  transform: translateY(-12px);
  box-shadow: 0 45px 90px rgba(0,0,0,0.18);
}

/* MOBILE */
@media (max-width: 768px) {
  .super-treatment-card {
    padding: 32px 26px;
  }

  .super-treatment-card h4 {
    font-size: 1.25rem;
  }
}



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

.herbal-about-section {
  padding: 100px 0;
  background: #ffffff;
}

/* IMAGE */
.herbal-img-box {
  border-radius: 26px;
  overflow: hidden;
  box-shadow: 0 25px 60px rgba(0,0,0,0.12);
}

.herbal-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* CONTENT */
.herbal-about-content h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 2.6rem;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 16px;
}

.herbal-about-content p {
  font-size: 1.05rem;
  color: #4b5563;
  line-height: 1.8;
  margin-bottom: 14px;
}

/* POINTS */
.herbal-points {
  list-style: none;
  padding: 0;
  margin: 22px 0 30px;
}

.herbal-points li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 10px;
}

.herbal-points i {
  color: #2E7D32;
}

/* BUTTON */
.herbal-btn {
  background: linear-gradient(135deg, #2E7D32, #1E3A8A);
  color: #ffffff;
  padding: 12px 32px;
  border-radius: 30px;
  font-weight: 600;
}

.herbal-btn:hover {
  transform: translateY(-2px);
}

/* MOBILE */
@media (max-width: 768px) {
  .herbal-about-content {
    text-align: center;
  }

  .herbal-points li {
    justify-content: center;
  }
}





    .gallery-section {
      padding: 80px 0;
    }

    .gallery-title {
      text-align: center;
      margin-bottom: 40px;
    }

    .gallery-title h2 {
      font-weight: 700;
    }

    .poster-card {
      display: block;
      border-radius: 18px;
      overflow: hidden;
      box-shadow: 0 20px 50px rgba(0,0,0,0.15);
      transition: 0.3s ease;
    }

    .poster-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .poster-card:hover {
      transform: translateY(-6px) scale(1.02);
      box-shadow: 0 30px 70px rgba(0,0,0,0.25);
    }

    /* ================= SAME SIZE IMAGES ================= */

.poster-card {
  display: block;
  width: 100%;
  height: 280px;              /* CHANGE HEIGHT IF NEEDED */
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0,0,0,0.15);
}

.poster-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;          /* KEY PROPERTY */
  display: block;
}
@media (max-width: 992px) {
  .poster-card {
    height: 240px;
  }
}

@media (max-width: 576px) {
  .poster-card {
    height: 200px;
  }
}


/* ================= ROOT ================= */
:root{
  --primary:#2E7D32;
  --secondary:#1E3A8A;
  --google1:#4285F4;
  --google2:#34A853;
  --whatsapp:#25D366;
  --bg:#f9fbf7;
  --text:#4b5563;
  --dark:#1f2937;
}

/* ================= BASE ================= */
body{
  font-family:'Poppins',sans-serif;
  background:var(--bg);
  color:var(--text);
}

/* ================= SECTION ================= */
.contact-section{
  padding:100px 0;
}

/* ================= CARD ================= */
.contact-card{
  background:#ffffff;
  border-radius:26px;
  padding:36px 30px;
  height:100%;
  box-shadow:0 25px 60px rgba(0,0,0,.12);
  transition:all .35s ease;
}

.contact-card:hover{
  transform:translateY(-6px);
  box-shadow:0 35px 80px rgba(0,0,0,.18);
}

/* ================= ICON ================= */
.contact-icon{
  width:56px;
  height:56px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--primary),var(--secondary));
  color:#ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.4rem;
  margin:0 auto 18px;
}

/* ================= TEXT ================= */
.contact-card h5{
  font-weight:700;
  margin-bottom:6px;
  color:var(--dark);
}

.contact-card p,
.contact-card a{
  font-size:.95rem;
  color:var(--text);
  text-decoration:none;
}

.contact-card a:hover{
  color:var(--primary);
}

/* ================= GOOGLE BUSINESS CARD ================= */
.google-card{
  background:linear-gradient(135deg,var(--google1),var(--google2));
  color:#ffffff;
}

.google-card h5,
.google-card p{
  color:#ffffff;
}

.google-card .contact-icon{
  background:#ffffff;
  color:#1f2937;
}

.google-card a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:14px;
  padding:12px 22px;
  border-radius:30px;
  background:#ffffff;
  color:#1f2937;
  font-weight:600;
  text-decoration:none;
}

/* ================= FORM ================= */
.contact-card input,
.contact-card textarea,
.contact-card select{
  border-radius:14px;
  padding:14px 16px;
  border:1px solid #e5e7eb;
  font-size:.95rem;
}

.contact-card input:focus,
.contact-card textarea:focus,
.contact-card select:focus{
  outline:none;
  border-color:var(--primary);
  box-shadow:none;
}

/* ================= WHATSAPP BUTTON ================= */
.whatsapp-btn{
  background:linear-gradient(135deg,var(--whatsapp),#1EBE5D);
  color:#ffffff;
  border:none;
  width:100%;
  padding:14px;
  border-radius:30px;
  font-weight:600;
  font-size:1rem;
  transition:.3s ease;
}

.whatsapp-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(0,0,0,.25);
}

/* ================= MAP ================= */
.map-card{
  padding:0;
  overflow:hidden;
}

.map-card iframe{
  width:100%;
  height:380px;
  border:0;
  display:block;
}

/* ================= RESPONSIVE ================= */
@media(max-width:992px){
  .contact-section{
    padding:70px 0;
  }
}

@media(max-width:768px){
  .map-card iframe{
    height:300px;
  }

  .contact-card{
    padding:30px 24px;
  }
}

/* ================= GPAY HERO ================= */

.gpay-hero-section{
  padding:90px 0 70px;
  background:linear-gradient(135deg,#f0fdf4,#ecfdf3);
}

/* MAIN CARD */
.gpay-hero-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  padding:50px 55px;
  background:#ffffff;
  border-radius:34px;
  box-shadow:0 40px 90px rgba(0,0,0,.15);
}

/* LEFT CONTENT */
.gpay-hero-content{
  max-width:520px;
}

.pay-tag{
  display:inline-block;
  background:linear-gradient(135deg,#4285F4,#34A853);
  color:#fff;
  padding:6px 18px;
  border-radius:30px;
  font-size:.85rem;
  font-weight:600;
  margin-bottom:14px;
}

.gpay-hero-content h2{
  font-size:2.6rem;
  font-weight:700;
  color:#1f2937;
  margin-bottom:14px;
}

.gpay-hero-content p{
  font-size:1.05rem;
  color:#4b5563;
  margin-bottom:20px;
}

.gpay-points{
  list-style:none;
  padding:0;
  margin:0;
}

.gpay-points li{
  font-weight:600;
  color:#1f2937;
  margin-bottom:8px;
}

/* RIGHT QR */
.gpay-hero-qr{
  text-align:center;
}

.gpay-hero-qr img{
  width:260px;
  padding:14px;
  background:#fff;
  border-radius:24px;
  box-shadow:0 25px 60px rgba(0,0,0,.2);
}

.scan-note{
  display:block;
  margin-top:10px;
  font-size:.85rem;
  color:#6b7280;
}

/* MOBILE */
@media(max-width:992px){
  .gpay-hero-card{
    flex-direction:column;
    text-align:center;
    padding:40px 30px;
  }

  .gpay-hero-content h2{
    font-size:2.1rem;
  }

  .gpay-hero-qr img{
    width:220px;
  }
}