:root{
  --bg: #0b0f14;
  --muted: #11161d;
  --card: #0f141b;
  --text: #e5e7eb;
  --subtext: #b7c0cc;
  --accent: #22c55e;
  --accent-2: #60a5fa;
  --border: #22303d;
  --shadow: rgba(0,0,0,0.3);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height: 1.6;
}

.container{max-width:1100px;margin:0 auto;padding:0 20px}
.center{text-align:center}

.site-header{
  position: sticky; top:0; z-index: 50;
  background: rgba(11,15,20,0.8);
  backdrop-filter: blur(6px);
  border-bottom: 1px solid var(--border);
}
.header-inner{
  display:flex; align-items:center; justify-content: space-between;
  padding:14px 0;
}
.logo{font-weight:800; letter-spacing:0.3px; color:#fff; text-decoration:none; font-size:20px}
.logo span{color: var(--accent)}
.nav{display:flex; gap:14px; align-items:center}
.nav-link{color:var(--subtext); text-decoration:none; padding:8px 10px; border-radius:10px}
.nav-link:hover,.nav-link.active{background:var(--muted); color:#fff}

.btn{display:inline-block; padding:10px 16px; border-radius:12px; text-decoration:none; font-weight:600; border:1px solid transparent}
.btn.primary{background:var(--accent); color:#0b0f14}
.btn.secondary{background:var(--muted); color:#fff; border-color: var(--border)}
.btn.ghost{background:transparent; color:#fff; border:1px solid var(--border)}
.btn.lg{padding:14px 20px; font-size:18px}
.btn:hover{box-shadow:0 8px 20px var(--shadow)}

.hero{position:relative; height: 60vh; min-height: 420px; display:grid}
.hero-bg{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(0.6)}
.hero-overlay{position:relative; align-self:center; justify-self:center; text-align:center; max-width: 900px; padding: 0 20px}
.hero h1{font-size: clamp(28px, 4vw, 44px); margin: 0 0 10px 0}
.subhead{color: var(--subtext); margin:6px 0 20px 0}
.cta-row{display:flex; gap:12px; justify-content:center; flex-wrap:wrap}
.about-price-section .cta-row{justify-content:left;}
.page-hero{position:relative}
.page-hero img{width:100%; height:360px; object-fit:cover; filter:brightness(0.7)}
.page-hero.slim img{height:280px}
.page-hero-text{position:relative; margin-top:-120px; padding:20px; background: rgba(17,22,29,0.8); border:1px solid var(--border); border-radius:16px; width:min(900px, 92%); margin-left:auto; margin-right:auto; text-align:center; box-shadow:0 10px 30px var(--shadow)}

.section{padding:56px 0}
.section.alt{background: var(--muted)}

.grid-2{display:grid; grid-template-columns: 1fr 1fr; gap:24px}
.grid-3{display:grid; grid-template-columns: repeat(3, 1fr); gap:24px}
@media (max-width: 900px){
  .grid-2, .grid-3{grid-template-columns: 1fr}
  .hero{height:auto; min-height: 380px}
  .page-hero img{height:220px}
  .page-hero-text{margin-top:-80px}
}

.card{background: var(--card); border:1px solid var(--border); border-radius:16px; padding:18px; box-shadow: 0 6px 20px var(--shadow)}
.icon{width:80px; height:80px; margin: 6px auto 12px auto}

.rounded{border-radius:16px}
.shadow{box-shadow: 0 10px 30px var(--shadow)}

.checklist{padding-left:18px}
.checklist li{margin:8px 0}

.zigzag{display:flex; flex-direction:column; gap:36px}
.zz-row{display:grid; grid-template-columns: 1fr 1fr; gap:24px; align-items:center}
.zz-row .zz-img img{width:100%; height:auto}
@media (max-width: 900px){
  .zz-row{grid-template-columns: 1fr}
}

.gallery{display:grid; grid-template-columns: repeat(3, 1fr); gap:16px}
.gallery img{width:100%; height:auto}
.caption{color: var(--subtext); font-size: 14px}

.faq{background: var(--card); border:1px solid var(--border); border-radius:12px; padding:14px; margin:10px 0}
.faq > summary{cursor:pointer; font-weight:600}
.faq[open]{border-color: var(--accent)}

.site-footer{border-top:1px solid var(--border); background: #0a0e13; padding: 26px 0 12px 0; margin-top: 40px}
.footer-grid{display:grid; grid-template-columns: 2fr 1fr 1fr; gap:24px; align-items:flex-start}
.footer-grid a{color: var(--subtext); text-decoration:none; display:block; margin: 6px 0}
.footer-grid a:hover{color:#fff}
.logo-foot{margin-bottom: 8px}
.fineprint{color: var(--subtext); font-size: 13px}
.copyright{color: var(--subtext); font-size: 13px; border-top:1px solid var(--border); padding-top: 12px; margin-top: 12px}

/*tushar css  */
.about-price-section .rounded.shadow{width: 500px;height: 400px;}
.mt-30{margin-top: 20px;}
.mt-10{margin-top: 10px;}
.l-bord-section .rounded.shadow{width:1080px;}
a{color: #22c55e;}