:root {
  --green: #1B5E20;
  --green-light: #2E7D32;
  --green-mid: #388E3C;
  --gold: #C9A227;
  --gold-light: #E8B84B;
  --cream: #FAF8F3;
  --cream2: #F4F0E6;
  --white: #FFFFFF;
  --text-dark: #1a1a1a;
  --text-mid: #3d3d3d;
  --text-muted: #6b6b6b;
  --border: rgba(27,94,32,0.15);
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior: smooth; }
body { font-family:'Hind','Noto Sans Devanagari',sans-serif; background:var(--white); color:var(--text-dark); }

/* NAV */
nav {
  position:fixed; top:0; left:0; right:0; z-index:1000;
  background:rgba(27,94,32,0.97); backdrop-filter:blur(8px);
  padding:0 1.5rem;
  box-shadow:0 2px 12px rgba(0,0,0,0.25);
}
.nav-inner {
  max-width: 1400px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.nav-logo {
  display:flex; align-items:center; gap:10px; text-decoration:none; flex-shrink:0;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight:700;}
p{font-size:15px; text-align:justify;}


.nav-logo-icon {
      width: 63px;
      height: 83px;
      background:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:20px;
      font-weight:700;
      flex-shrink:0;
      border-radius:5px;
}

.nav-logo-icon img{width:100%;height:100%;border-radius:5px;}


.nav-logo-text { color:var(--white); line-height:1.2; }
.nav-logo-text .line1 {font-family:'Playfair Display',serif;font-size: 21px;font-weight:700;letter-spacing:0.3px;padding-bottom: 3px;}
.nav-logo-text .line2 {font-size: 16px;color:rgba(255,255,255,0.75);}
.nav-links { display:flex; align-items:center; gap:2px; flex-wrap:wrap; }
.nav-links a {
    color: rgba(255, 255, 255, 0.88);
    text-decoration: none;
    font-size: 15px;
    padding:8px 10px;
    border-radius: 4px;
    transition: all 0.2s;
    white-space: nowrap;
}
.nav-links a:hover, .nav-links a.active { background:rgba(255,255,255,0.15); color:#fff; }
.nav-cta {
  background:var(--gold)!important; color:var(--green)!important;
  font-weight:600!important; border-radius:6px!important;
}
.nav-cta:hover { background:var(--gold-light)!important; }
.hamburger { display:none; background:none; border:none; cursor:pointer; color:white; font-size:24px; }
.mobile-nav { display:none; position:fixed; top:64px; left:0; right:0; z-index:999; background:var(--green); padding:1rem; }
.mobile-nav a { display:block; color:white; text-decoration:none; padding:10px 12px; border-bottom:1px solid rgba(255,255,255,0.1); font-size:14px; }

/* PAGES */
.page { display:none; }
.page.active { display:block; }

/* HERO */
.hero {
  min-height:100vh; background:linear-gradient(135deg, #0d3b12 0%, #1B5E20 40%, #2d5a14 100%);
  display:flex; align-items:center; position:relative; overflow:hidden; padding-top:64px;
}
.hero-bg-pattern {
  position:absolute; inset:0; opacity:0.14;
  background-image: radial-gradient(circle at 20% 50%, white 1px, transparent 1px),
    radial-gradient(circle at 80% 20%, white 1px, transparent 1px),
    radial-gradient(circle at 60% 80%, white 1px, transparent 1px);
  background-size: 80px 80px;
}




.hero-leaf {
  position:absolute; right:-60px; bottom:-60px; width:400px; height:400px; opacity:0.06;
  background:radial-gradient(circle, white 0%, transparent 70%);
}
.hero-inner { max-width:1400px; margin:0 auto; padding:4rem 1.5rem; display:grid;
 grid-template-columns:1fr 1fr; gap:10rem; align-items:center; position:relative; z-index:99;}
.hero-badge {
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(201,162,39,0.2); border:1px solid rgba(201,162,39,0.4);
  color:var(--gold-light); padding:6px 14px; border-radius:20px; font-size:13px; font-weight:500; margin-bottom:1.5rem;
}
.hero h1 {
  font-family:'Playfair Display',serif; font-size:clamp(2rem,4vw,3rem); color:white;
  line-height:1.25; margin-bottom:0.75rem;
}
.hero-tagline {
  font-size:clamp(1.1rem,2.5vw,1.5rem); color:var(--gold-light); font-weight:500;
  font-family:'Noto Sans Devanagari',sans-serif; margin-bottom:1rem;
  font-style:italic;
}
.hero-sub { color:rgba(255,255,255,0.8); font-size:15px; line-height:1.7; margin-bottom:2rem; }
.hero-buttons { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:2.5rem; }
.btn-hero-primary {
  display:inline-flex; align-items:center; gap:8px;
  background:var(--gold); color:var(--green); padding:13px 22px;
  border-radius:8px; font-weight:600; font-size:14px; text-decoration:none;
  transition:all 0.2s; border:none; cursor:pointer;
}
.btn-hero-primary:hover { background:var(--gold-light); transform:translateY(-1px); }
.btn-hero-secondary {
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(255,255,255,0.12); color:white; padding:13px 22px;
  border-radius:8px; font-weight:500; font-size:14px; text-decoration:none;
  border:1px solid rgba(255,255,255,0.3); transition:all 0.2s; cursor:pointer;
}
.btn-hero-secondary:hover { background:rgba(255,255,255,0.2); }
.hero-stats { display:flex; gap:2rem; }
.hero-stat { text-align:center; }
.hero-stat .num { font-family:'Playfair Display',serif; font-size:2rem; color:var(--gold); font-weight:700; line-height:1; }
.hero-stat .lbl { font-size:11px; color:rgba(255,255,255,0.7); text-transform:uppercase; letter-spacing:0.5px; margin-top:4px; }
.hero-card {
  background:rgba(255,255,255,0.07); border:1px solid rgba(255,255,255,0.12);
  border-radius:20px; padding:2rem; backdrop-filter:blur(10px);
}
.hero-card-header { display:flex; align-items:center; gap:12px; margin-bottom:1.5rem; }
.doctor-avatar {
  width:70px; height:70px; border-radius:50%; background:var(--gold);
  display:flex; align-items:center; justify-content:center;
  font-family:'Playfair Display',serif; font-size:24px; font-weight:700; color:var(--green); flex-shrink:0;
}
.doctor-name { font-family:'Playfair Display',serif; font-size:1.1rem; color:white; font-weight:600; }
.doctor-deg { color:var(--gold-light); font-size:12px; }
.doctor-points { list-style:none; }
.doctor-points li {
  display:flex; align-items:flex-start; gap:8px; color:rgba(255,255,255,0.85);
  font-size:13.5px; padding:5px 0; border-bottom:1px solid rgba(255,255,255,0.08);
}
.doctor-points li::before { content:'✔'; color:var(--gold); font-size:12px; margin-top:2px; flex-shrink:0; }
.hero-locations { margin-top:1.5rem; }
.hero-locations h4 { color:var(--gold-light); font-size:11px; text-transform:uppercase; letter-spacing:1px; margin-bottom:8px; }
.location-pills { display:flex; gap:8px; flex-wrap:wrap; }
.location-pill {
  background:rgba(201,162,39,0.15); border:1px solid rgba(201,162,39,0.3);
  color:var(--gold-light); padding:4px 12px; border-radius:12px; font-size:12px;
}

/* SECTION COMMONS */
section { padding:5rem 1.5rem; }
.section-cream { background:var(--cream); }
.section-white { background:var(--white); }
.container { max-width:1400px; margin:0 auto; }
.section-header { text-align:center; margin-bottom:2rem; }
.section-label {
  display:inline-block; background:rgba(27,94,32,0.08); color:var(--green);
  font-size:11px; font-weight:600; letter-spacing:2px; text-transform:uppercase;
  padding:5px 16px; border-radius:20px; margin-bottom:1rem; border:1px solid rgba(27,94,32,0.15);
}
.section-title { font-family:'Playfair Display',serif; font-size:clamp(1.6rem,3vw,2.4rem); color:var(--text-dark); line-height:1.3; margin-bottom:0.75rem; }
.section-title .gold {color: var(--gold-light);}
.section-sub { font-size:15px; color:var(--text-muted); max-width:600px; margin:0 auto; line-height:1.7; }
.gold-divider { width:60px; height:3px; background:linear-gradient(90deg,var(--gold),var(--gold-light)); margin:1rem auto; border-radius:2px; }

/* ABOUT */
.about-grid { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:start; }
.about-text p { color:var(--text-mid); line-height:1.85; margin-bottom:1.2rem; font-size:15px; }
.about-text h3 { font-family:'Playfair Display',serif; font-size:1.5rem; color:var(--green); margin-bottom:1rem; }
.values-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:2rem; }
.value-card {
  background:var(--white); border:1px solid var(--border); border-radius:12px; padding:1rem;
  border-left:3px solid var(--gold);
}
.value-card h4 { color:var(--green); font-size:13px; font-weight:600; margin-bottom:4px; }
.value-card p { font-size:12.5px; color:var(--text-muted); line-height:1.5; }
.about-image-box {
  background:var(--green); border-radius:20px; padding:2.5rem;
  color:white; position:sticky; top:80px;
}
.about-image-box .img-placeholder {
  background:rgba(255,255,255,0.1); border:2px dashed rgba(255,255,255,0.3);
  border-radius:14px; height:380px; display:flex; flex-direction:column;
  align-items:center; justify-content:center; margin-bottom:1.5rem;
  color:rgba(255,255,255,0.6); font-size:13px; text-align:center; gap:8px;
}

.about-image-box .img-placeholder strong{color:#C9A227;}

.about-image-box .img-placeholder img {
    height: 250px;
    border-radius: 50%;
    width: 250px;
    border: solid 6px #fff;
}
.about-image-box h4 {
    margin-bottom: 4px;
    font-size: 22px;
    margin-top: 4px;
}
.about-image-box .img-placeholder .icon { font-size:40px; }
.about-stats { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.about-stat-card { background:rgba(255,255,255,0.1); border-radius:10px; padding:1rem; text-align:center; }
.about-stat-card .n { font-family:'Playfair Display',serif; font-size:1.8rem; color:var(--gold); }
.about-stat-card .l { font-size:15px; color:rgba(255,255,255,0.7); margin-top:2px; }

/* TREATMENTS */
.treatment-categories { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:1.5rem; }
.treatment-card {
  background:var(--white); border:1px solid var(--border); border-radius:16px;
  padding:10px; transition:all 0.25s; cursor:pointer;
}

.treatment-card img{width:100%; height:100%;}

.treatment-card:hover { transform:translateY(-4px); box-shadow:0 8px 30px rgba(27,94,32,0.12); border-color:var(--green); }
.treatment-card-header { display:inline-block; width:100%;}
.treatment-icon {
  width:48px; height:48px; border-radius:12px; background:rgba(27,94,32,0.08);
  display:flex; align-items:center; justify-content:center; font-size:22px; flex-shrink:0;
}
.treatment-card h3 { font-family:'Playfair Display',serif; font-size:1rem; padding-top: 10px; color:var(--green); }
.treatment-card h3 span { display:block; font-family:'Hind',sans-serif; font-size:11px; color:var(--text-muted); font-weight:400; margin-top:2px; }
.treatment-list { list-style:none; padding:0; margin:0;}
.treatment-list li {
  font-size:13px; color:var(--text-mid); padding:5px 0;
  border-bottom:1px solid rgba(27,94,32,0.06); display:flex; align-items:center; gap:8px;
}
.treatment-list li:last-child { border-bottom:none; }
.treatment-list li::before { content:''; width:5px; height:5px; border-radius:50%; background:var(--gold); flex-shrink:0; }

/* PANCHAKARMA */
.pancha-5 { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:1.5rem; margin-bottom:3rem; }
.pancha-card {
  background:var(--green); color:white; border-radius:16px; padding:1.5rem;
  transition:transform 0.2s;
}
.pancha-card:hover { transform:translateY(-3px); }
.pancha-num { font-family:'Playfair Display',serif; font-size:2rem; color:rgba(201,162,39,0.6); margin-bottom:0.5rem; }
.pancha-name { font-family:'Playfair Display',serif; font-size:1rem; color:var(--gold-light); margin-bottom:0.5rem; }
.pancha-sub { font-size:17px; color:rgba(255,255,255,0.6); margin-bottom:1rem; }
.pancha-desc { font-size:15px; color:rgba(255,255,255,0.85); line-height:1.6; text-align:left;}
.other-therapies { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:1rem; }
.therapy-card {
  background:var(--white); border:1px solid var(--border); border-radius:12px; padding:10px;
   transition:all 0.2s; width:100%; display:inline-block;
   margin-bottom:20px;
}
.therapy-card img{width:100%; height:100%; margin-bottom:20px;}



.therapy-card:hover { border-color:var(--green); }
.therapy-card h4 { font-size:17px; font-weight:600; color:var(--green); margin-bottom:10px; }
.therapy-card p {color:var(--text-muted); line-height:1.5; text-align:left;}

/* WHY CHOOSE */
.why-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:1.5rem; }
.why-card {
  background:var(--cream); border:1px solid var(--border); border-radius:16px; padding:1.75rem; text-align:center;
}
.why-icon { font-size:36px; margin-bottom:1rem; }
.why-card h3 { font-size:1rem; font-weight:600; color:var(--green); margin-bottom:0.5rem; }
.why-card p { font-size:13px; color:var(--text-muted); line-height:1.6; }

/* TESTIMONIALS */
.testimonials-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(350px,1fr)); gap:1.5rem; }
.testi-card {
  background:var(--white); border:1px solid var(--border); border-radius:16px; padding:1.5rem;
}
.stars { color:var(--gold); font-size:14px; margin-bottom:0.75rem; }
.testi-text { font-size:14px; color:var(--text-mid); line-height:1.7; margin-bottom:1rem; font-style:italic; }
.testi-author { display:flex; align-items:center; gap:10px; }
.testi-avatar {
  width:36px; height:36px; border-radius:50%; background:var(--green);
  display:flex; align-items:center; justify-content:center; color:white; font-size:12px; font-weight:600;
}
.testi-name { font-size:13px; font-weight:600; color:var(--text-dark); }
.testi-loc { font-size:11px; color:var(--text-muted); }
.google-badge {
  display:inline-flex; align-items:center; gap:8px;
  background:var(--white); border:1px solid var(--border); border-radius:8px; padding:8px 16px;
  font-size:13px; font-weight:500; color:var(--text-mid); margin-bottom:2rem;
}

/* GALLERY */
.gallery-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:1rem; }
.gallery-item {
  background:var(--cream2); border-radius:12px; overflow:hidden; aspect-ratio:4/3;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  border:1px solid var(--border); cursor:pointer; transition:all 0.2s; gap:8px;
}
.gallery-item:hover { transform:scale(1.02); border-color:var(--green); }
.gallery-item .g-icon { font-size:28px; }
.gallery-item .g-label { font-size:12px; color:var(--text-muted); font-weight:500; }

/* BLOG */
.blog-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:1.5rem; }
.blog-card { background:var(--white); border:1px solid var(--border); border-radius:16px;
 overflow:hidden; transition:all 0.2s; margin-bottom:20px;}
.blog-card:hover { transform:translateY(-3px); box-shadow:0 8px 24px rgba(27,94,32,0.1); }
.blog-img { height:290px; background:var(--cream2); display:flex; align-items:center; 
  justify-content:center; font-size:36px; position:relative;}
.blog-img img{height:100%; width:100%;}
.blog-body { padding:1.25rem; }
.blog-tag { font-size:10px; font-weight:600; color:var(--green); text-transform:uppercase; letter-spacing:1px; }
.blog-card h3 { font-family:'Playfair Display',serif; font-size:1rem; color:var(--text-dark); 
  margin:6px 0 8px; line-height:1.4; font-weight:700;}
.blog-card p {color:var(--text-muted); line-height:1.6; }
.blog-read { display:inline-block; margin-top:10px; font-size:15px; color:var(--green); font-weight:600; text-decoration:none; }

/* CONTACT */
.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:3rem; }
.clinic-cards { display:flex; flex-direction:column; gap:1rem; }
.clinic-card { background:var(--white); border:1px solid var(--border); border-radius:14px; padding:1.25rem; }
.clinic-card h3 { font-size:14px; font-weight:700; color:var(--green); margin-bottom:4px; }
.clinic-card .addr { font-size:13px; color:var(--text-muted); margin-bottom:8px; line-height:1.5; }
.clinic-card .timings { font-size:12px; color:var(--text-muted); background:var(--cream); padding:8px; border-radius:8px; }
.map-placeholder { background:var(--cream2); border-radius:14px; 
  border:1px solid var(--border);
   color:var(--text-muted); font-size:14px; text-align:center; padding:10px;
   width:100%;
   display:inline-block;
 }
.contact-form-section { background:var(--white); border:1px solid var(--border); border-radius:16px; padding:2rem; }
.contact-form-section h3 { font-family:'Playfair Display',serif; font-size:1.3rem; color:var(--green); margin-bottom:1.5rem; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-bottom:1rem; }
.form-group { margin-bottom:1rem; }
.form-group label { display:block; font-size:12px; font-weight:600; color:var(--text-mid); margin-bottom:5px; }
.form-group input, .form-group select, .form-group textarea {
  width:100%; padding:10px 14px; border:1px solid rgba(27,94,32,0.2); border-radius:8px;
  font-size:14px; font-family:inherit; color:var(--text-dark); background:var(--white);
  transition:border-color 0.2s;
}
.form-group input:focus, .form-group select:focus, .form-group textarea:focus {
  outline:none; border-color:var(--green);
}
.btn-submit {
  width:100%; padding:13px; background:var(--green); color:white;
  border:none; border-radius:8px; font-size:15px; font-weight:600; cursor:pointer;
  font-family:inherit; transition:background 0.2s;
}
.btn-submit:hover { background:var(--green-light); }

/* SPECIAL PAGES */
.special-hero {
    background: linear-gradient(135deg, var(--green) 0%, var(--green-light) 100%);
    padding:110px 0;
    margin-top: 83px;
    text-align: center;
}
.special-hero h1 { font-family:'Playfair Display',serif; color:white; font-size:clamp(1.8rem,3vw,2.5rem); margin-bottom:0.75rem; }
.special-hero p { color:rgba(255,255,255,0.8); font-size:15px; max-width:600px; margin:0 auto; }
.info-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:1.5rem; }
.info-card { background:var(--white); border:1px solid var(--border); border-radius:16px; padding:1.5rem; }
.info-card h3 { font-family:'Playfair Display',serif; font-size:1.1rem; color:var(--green); margin-bottom:0.75rem; }
.info-card p { font-size:14px; color:var(--text-mid); line-height:1.7; }
.info-card ul { list-style:none; margin-top:0.75rem; }
.info-card ul li { font-size:13px; color:var(--text-mid); padding:4px 0; display:flex; align-items:center; gap:8px; }
.info-card ul li::before { content:'✔'; color:var(--gold); font-size:11px; flex-shrink:0; }

/* SUVARNA PRASHAN */
.suv-highlight { background:rgba(201,162,39,0.1); border:1px solid rgba(201,162,39,0.3); border-radius:14px; padding:1.5rem; margin-bottom:2rem; }
.suv-highlight h3 { color:var(--gold); font-family:'Playfair Display',serif; font-size:1.1rem; margin-bottom:0.5rem; }

/* ONLINE CONSULT */
.consult-steps { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:1.5rem; margin-bottom:2.5rem; }
.step-card { background:var(--white); border:1px solid var(--border); border-radius:14px; padding:1.5rem; text-align:center; }
.step-num { width:36px; height:36px; border-radius:50%; background:var(--green); color:white; font-weight:700; font-size:16px; display:flex; align-items:center; justify-content:center; margin:0 auto 1rem; }
.step-card h4 { font-size:13px; font-weight:600; color:var(--green); margin-bottom:6px; }
.step-card p { font-size:12.5px; color:var(--text-muted); line-height:1.5; }

/* GARBHA SANSKAR */
.garbha-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:1.5rem; }
.garbha-card { background:linear-gradient(135deg,var(--cream) 0%,var(--white) 100%);
 border:1px solid var(--border); border-radius:16px; padding:10px; margin-bottom:20px; width:100%; display:inline-block;}
.garbha-card h3 { font-family:'Playfair Display',serif; font-size:1rem; color:var(--green); margin-bottom:0.75rem; }
.garbha-card p { font-size:13px; color:var(--text-mid); line-height:1.6; }
.garbha-card img{width:100%; height:100%; margin-bottom:10px;}



/* FOOTER */
footer { background:#0d3b12; color:rgba(255,255,255,0.75); }
.footer-main { max-width:1400px; margin:0 auto; padding:3rem 1.5rem; display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:2.5rem; }
.footer-brand .name { font-family:'Playfair Display',serif; color:white; font-size:24px; margin-bottom:0.5rem; }
.footer-brand p { font-size:15px; line-height:1.7; }
.footer-brand .tagline { color:var(--gold-light); font-style:italic; font-size:18px; margin:0.75rem 0; }
footer h4 { color:white; font-size:13px; font-weight:600; margin-bottom:1rem; text-transform:uppercase; letter-spacing:1px; }
footer ul { list-style:none; padding:0; margin:0;}
footer ul li { margin-bottom:6px; }
footer ul li a { color:rgba(255,255,255,0.65); text-decoration:none; font-size:15px; transition:color 0.2s; }
footer ul li a:hover { color:var(--gold-light); }
footer ul li span { font-size:15px; color:rgba(255,255,255,0.55); }
footer ul li span i{color:#fff; margin-right:10px;}


.footer-bottom { border-top:1px solid rgba(255,255,255,0.1); text-align:center; 
  padding:1.5rem; font-size:15px; color:rgba(255,255,255,0.4); }
.footer-bottom span { color:var(--gold-light);}

/* FLOATING CTA */
.floating-wa {
  position:fixed; bottom:24px; right:24px; z-index:900;
  background:#25D366; color:white; width:54px; height:54px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; font-size:24px;
  text-decoration:none; box-shadow:0 4px 16px rgba(37,211,102,0.45);
  transition:transform 0.2s;
}
.floating-wa:hover { transform:scale(1.1); }

.hero-banner{width:100%; min-height:400px; background: linear-gradient(
        90deg,
        rgba(27, 94, 32, 0.95) 0%,
        rgba(27, 94, 32, 0.85) 45%,
        rgba(27, 94, 32, 0.35) 70%,
        rgba(27, 94, 32, 0.05) 100%
    ),
    url('../images/banner-home4.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}


.content {
    max-width: 624px;
    color: #fff;
}

.content h1 {
    font-size: 35px;
    line-height:55px;
    margin-bottom: 20px;
    font-family: 'Playfair Display', serif;
}


.hero-banner-main{width:100%; min-height:400px; background: linear-gradient(
        90deg,
        rgba(27, 94, 32, 0.95) 0%,
        rgba(27, 94, 32, 0.85) 45%,
        rgba(27, 94, 32, 0.35) 70%,
        rgba(27, 94, 32, 0.05) 100%
    ),
    url('../images/banner-home1.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}


.hero-banner-main .content {
    max-width: 624px;
    color: #fff;
}

.hero-banner-main .content h1 {
    font-size: 35px;
    line-height:55px;
    margin-bottom: 20px;
    font-family: 'Playfair Display', serif;
}



.conditions-icon{
background:var(--cream); border-radius:12px;padding:1rem;text-align:center;
border:1px solid var(--border);
}

.conditions-icon img{height:70px; margin-bottom:10px;}

.conditions-icon strong{font-size:14px;font-weight:600;color:var(--green);}

.specialty-se{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1rem;margin-bottom:2rem;}

.img-placeholder.img-placeholder-clinic{padding:0;}
.img-placeholder.img-placeholder-clinic img {
    height: 100% !important;
    border-radius: 13px !important;
    width: 100%;
    padding:0;
    border:none;
}




.tz-gallery {
    width:100%;
    display:inline-block;
}

/* Override bootstrap column paddings */
.tz-gallery .row > div {
    padding: 2px;
    overflow:hidden;
    position:relative;
}

.tz-gallery .lightbox img {
    width: 100%;
    border-radius: 0;
    position: relative;
}

.tz-gallery .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    content:"+";
    pointer-events: none;
    z-index: 9000;
    transition: 0.4s;
}


.tz-gallery .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(34, 99, 39, 0.7);
    content:"-";
    transition: 0.4s;
}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
    opacity: 1;
}

.baguetteBox-button {
    background-color: transparent !important;
}

.closeModal {
position: absolute;
    right: 3px;
    top: 4px;
    font-weight: normal;
    background: #226327;
    width: 30px;
    height: 30px;
    padding: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 31px;
}
@media (max-width:768px){
    .content h1{
        font-size: 40px;
    }

    .content p{
        font-size: 16px;
    }
}

#exampleModal .contact-form-section {
    background: var(--white);
    border: none;
    border-radius: 0;
    padding: 0;
}