:root{
  --accent1:#e86b2a;   /* warm orange */
  --accent2:#0b7a54;   /* green */
  --muted:#666;
  --glass: rgba(255,255,255,0.65);
  --maxw:1100px;
  font-family: "Poppins", "Hind", sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#fffdf9,#f6fff9);color:#111;line-height:1.6}
.container{max-width:var(--maxw);margin:0 auto;padding:1rem}

/* HEADER */
.site-header{position:sticky;top:0;background:rgba(255,255,255,0.8);backdrop-filter:blur(6px);border-bottom:1px solid rgba(0,0,0,0.06);z-index:40}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 0}
.brand{display:flex;align-items:center;gap:.8rem}
.logo{width:64px;height:auto;border-radius:8px;box-shadow:0 6px 18px rgba(11,122,84,0.08)}
.brand h1{margin:0;font-size:18px}
.small{margin:0;font-size:12px;color:var(--muted)}
.nav{display:flex;gap:.6rem;align-items:center}
.nav a{padding:.45rem .7rem;border-radius:8px;text-decoration:none;color:var(--muted);font-weight:600}
.nav a:hover{background:linear-gradient(90deg,var(--glass),rgba(255,255,255,0.9));color:var(--accent2)}
.nav-toggle{display:none;background:none;border:none;font-size:1.4rem;color:var(--accent2);cursor:pointer}

/* HERO */
.hero {
  display: flex;
  flex-direction: column;
  align-items: center;     /* ✅ horizontally center */
  justify-content: center; /* ✅ vertically center (optional) */
  text-align: center;      /* ✅ text align center */
  gap: 1rem;
  padding: 2.5rem 1rem;
}
.hero-left h2{font-size:1.9rem;margin:0 0 .5rem;color:var(--accent2)}
.hero-left p{margin:0 0 1rem;color:var(--muted)}
.hero-ctas {
  display: flex;
  gap: .75rem;
  flex-wrap: wrap;
  justify-content: center;   /* ✅ buttons center ho jayenge */
}

.btn, .btn-outline, .btn-primary{padding:.6rem 1rem;border-radius:10px;text-decoration:none;font-weight:700}
.btn{background:linear-gradient(90deg,var(--accent2),#0a5f43);color:#fff;box-shadow:0 6px 18px rgba(11,122,84,0.12)}
.btn-outline{background:transparent;border:2px solid rgba(11,122,84,0.12);color:var(--accent2)}
.btn-primary{background:linear-gradient(90deg,var(--accent1),#cf5b20);color:#fff}

/* hero letter image (watermark style) */
.hero-right{display:flex;justify-content:center}
.hero-letter{max-width:260px;width:100%;opacity:.95;border-radius:10px;box-shadow:0 20px 40px rgba(0,0,0,0.08)}

/* SECTIONS */
.section{padding:2rem 1rem}
.section.alt{background:linear-gradient(180deg,#fbfff9,#ffffff)}
h3{text-align:center;margin-bottom:1rem;color:var(--accent1)}

/* CARDS */
.cards{display:grid;gap:1rem}
.card{background:linear-gradient(180deg,rgba(255,255,255,0.8),var(--glass));padding:1.2rem;border-radius:12px;box-shadow:0 8px 24px rgba(12,30,15,0.06);transition:transform .28s}
.card:hover{transform:translateY(-6px)}

/* TEAM */
.team-grid{display:grid;gap:1rem}
.member{padding:1rem;border-radius:10px;background:#fff;box-shadow:0 8px 20px rgba(10,10,10,0.04);text-align:center}

/* TIMELINE */
.timeline{list-style:none;padding:0}
.timeline li{padding:.6rem 0;border-left:4px solid var(--accent2);margin-left:.6rem;padding-left:1rem}

/* CONTACT */
.contact-wrap {
  display: grid;
  gap: 1.5rem;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.contact-left {
  width: 100%;
  max-width: 100%;
  padding: 1rem;
  background: linear-gradient(180deg,var(--glass),#fff);
  border-radius: 10px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  box-sizing: border-box;
}

.contact-form {
  display: grid;
  gap: 1rem;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0.5rem;
  box-sizing: border-box;
}

.contact-form label {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: 600;
  color: var(--accent2);
}

.contact-form input,
.contact-form textarea {
  margin-top: 0.3rem;
  padding: 0.6rem;
  border-radius: 8px;
  border: 1px solid #ddd;
  font-size: 15px;
  font-family: inherit;
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0;
  box-sizing: border-box;
}

.contact-form button {
  grid-column: 1 / -1;
  padding: 0.75rem;
  border: none;
  border-radius: 8px;
  background: linear-gradient(90deg, var(--accent2), #0a5f43);
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}

/* Responsive two-column layout */
@media (min-width: 700px) {
  .contact-form {
    grid-template-columns: 1fr 1fr;
  }
  .contact-form label:nth-child(3),
  .contact-form label:nth-child(4) {
    grid-column: 1 / -1; /* subject + message full width */
  }
}

/* UTILS */
.download{display:inline-block;margin-top:.6rem;padding:.5rem .8rem;border-radius:8px;background:linear-gradient(90deg,var(--accent2),#0a5f43);color:#fff;text-decoration:none}

/* FOOTER */
.site-footer{padding:1rem;border-top:1px solid rgba(0,0,0,0.05);text-align:center;color:var(--muted)}

/* GRID RESPONSIVE */
@media(min-width:900px){
  .cards{grid-template-columns:repeat(3,1fr)}
  .team-grid{grid-template-columns:repeat(3,1fr)}
  .contact-wrap{grid-template-columns:1fr 1fr;align-items:start}
}
@media(max-width:899px){
  .hero{grid-template-columns:1fr;gap:1.2rem;text-align:center}
  .hero-right{order:-1}
  .nav{display:none;position:absolute;top:72px;right:12px;flex-direction:column;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,0.08)}
  .nav.show{display:flex}
  .nav-toggle{display:block}
  .container{padding:.8rem}
}

/* --- FINAL CONTACT SECTION FIX --- */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}