
:root{--bg:#060606;--card:#111111;--muted:rgba(255,255,255,.72);--muted2:rgba(255,255,255,.58);--orange:#f97316;--border:rgba(255,255,255,.10);--white:#fff;--light:#f4f4f4;--blue:#0a7bd0}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:#fff}body{line-height:1.5}a{text-decoration:none;color:inherit}button{font:inherit}.container{max-width:1240px;margin:0 auto;padding:0 24px}.header-wrap{position:fixed;inset:0 0 auto 0;z-index:50;padding-top:16px}.header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 22px;border:1px solid var(--border);background:rgba(255,255,255,.08);backdrop-filter:blur(14px);border-radius:28px;box-shadow:0 25px 60px rgba(0,0,0,.35)}.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:54px;height:54px;border-radius:18px;border:1px solid rgba(255,255,255,.15);background:#fff;padding:5px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.18)}.brand-icon img{width:100%;height:100%;object-fit:contain;transform:scale(1.48);transform-origin:center center}.brand-title{font-weight:900;letter-spacing:.24em;font-size:20px}.brand-sub{font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:rgba(255,255,255,.6)}.nav{display:flex;gap:18px;flex-wrap:wrap}.nav a{font-size:14px;color:rgba(255,255,255,.82)}.nav a.active,.nav a:hover{color:var(--orange)}.cta-btn,.btn,.btn-outline{display:inline-flex;align-items:center;justify-content:center;border-radius:18px;padding:14px 22px;border:1px solid transparent;font-weight:700}.cta-btn,.btn{background:var(--orange);color:#fff}.btn-outline{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#fff}.btn-row{display:flex;gap:14px;flex-wrap:wrap}.hero{position:relative;min-height:100vh;overflow:hidden;padding-top:96px}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .5s}.hero-slide.active{opacity:1}.hero-slide img{width:100%;height:100%;object-fit:cover;filter:brightness(1.08) contrast(1.08) saturate(1.08)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.10),rgba(0,0,0,.24) 28%,rgba(0,0,0,.42) 60%,rgba(5,5,5,.78))}.hero-overlay2{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.26),rgba(0,0,0,.06),rgba(0,0,0,.22))}.hero-content{position:relative;z-index:2;display:flex;min-height:calc(100vh - 96px);flex-direction:column;justify-content:center;padding-top:72px;padding-bottom:40px}.hero-content .eyebrow{align-self:flex-start}.eyebrow{display:inline-flex;align-items:center;gap:10px;width:fit-content;max-width:max-content;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);backdrop-filter:blur(10px);border-radius:999px;padding:8px 12px;font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:rgba(255,255,255,.78)}.eyebrow-dot{width:8px;height:8px;border-radius:999px;background:var(--orange);display:inline-block}.hero h1{margin:18px 0 0;font-size:clamp(44px,7vw,80px);line-height:.96;font-weight:900;text-transform:uppercase;letter-spacing:-.03em;max-width:920px}.hero h1 .accent{display:inline-block;background:var(--orange);padding:10px 20px;box-shadow:0 22px 48px rgba(249,115,22,.32);margin-top:14px}.hero p{max-width:760px;font-size:18px;line-height:1.8;color:rgba(255,255,255,.84)}.hero-thumbs{position:absolute;right:24px;bottom:32px;display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;max-width:min(100%,500px);margin-top:0}.thumb{position:relative;width:150px;height:94px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:transparent;padding:0;cursor:pointer}.thumb.active{border-color:var(--orange);box-shadow:0 16px 40px rgba(249,115,22,.25)}.thumb img{width:100%;height:100%;object-fit:cover;filter:brightness(1.08) contrast(1.08) saturate(1.1)}.thumb::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.12)}.thumb span{position:absolute;left:8px;right:8px;bottom:8px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#fff;text-align:left;z-index:1}.section{padding:96px 0}.section.alt{background:#080808}.inner-hero{position:relative;padding-top:128px;overflow:hidden}.inner-hero .bg{position:absolute;inset:0}.inner-hero .bg img{width:100%;height:100%;object-fit:cover;filter:brightness(1.05) contrast(1.05)}.inner-hero .overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.22),rgba(0,0,0,.48),rgba(5,5,5,.96))}.inner-hero .content{position:relative;z-index:2;padding:90px 0}.inner-hero h1{font-size:clamp(40px,6vw,74px);line-height:.95;font-weight:900;text-transform:uppercase;margin:16px 0 0;max-width:900px}.inner-hero p{max-width:800px;color:rgba(255,255,255,.84);font-size:18px;line-height:1.8}.page-title{margin-bottom:40px}.page-title .eyebrow2{font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:var(--orange);font-weight:700;margin-bottom:14px}.page-title h2{font-size:clamp(34px,5vw,58px);text-transform:uppercase;line-height:1.08;margin:0 0 12px;font-weight:900}.page-title p{max-width:900px;color:var(--muted);font-size:18px;line-height:1.8}.card{background:var(--card);border:1px solid var(--border);border-radius:30px;box-shadow:0 20px 50px rgba(0,0,0,.2)}.card.pad{padding:32px}.card h3{margin:0 0 10px;font-size:30px}.muted{color:var(--muted)} .muted2{color:var(--muted2)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-2-1{display:grid;grid-template-columns:.95fr 1.05fr;gap:32px}.service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.service-item,.small-box,.contact-box{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:24px;padding:20px}.service-item h5,.small-box h5{margin:0 0 8px;font-size:16px}.service-item p,.small-box p{margin:0;color:var(--muted2);font-size:14px;line-height:1.8}.logo-badge{display:inline-flex;width:58px;height:58px;align-items:center;justify-content:center;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.18);background:#fff;padding:7px;box-shadow:0 10px 26px rgba(0,0,0,.22);margin-bottom:18px}.logo-badge img{width:100%;height:100%;object-fit:contain;transform:scale(1.28);transform-origin:center center}.director-photo{width:220px;height:220px;border-radius:999px;overflow:hidden;margin:0 auto 24px;border:4px solid rgba(255,255,255,.12);box-shadow:0 16px 36px rgba(0,0,0,.28);background:#0b0b0b}.director-photo img{width:100%;height:100%}.director-photo.vivek img{object-fit:contain;padding:10px;background:#0b0b0b}.director-photo.rakhi img{object-fit:cover;object-position:top}.icon-line{display:flex;align-items:flex-start;gap:10px}.icon{display:inline-flex;align-items:center;justify-content:center;width:20px;flex:0 0 20px;color:var(--orange)}.footer{border-top:1px solid var(--border);background:rgba(0,0,0,.85)}.footer-row{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center;padding:32px 0}.footer-links{display:flex;flex-wrap:wrap;gap:18px;font-size:14px;color:rgba(255,255,255,.74)}.footer-contact{display:flex;flex-wrap:wrap;gap:18px;font-size:14px;color:rgba(255,255,255,.74)}.light-section{background:#f4f4f4;color:#000}.light-box{background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.10);border-radius:24px;padding:20px}.map-embed{overflow:hidden;border-radius:30px;border:1px solid rgba(0,0,0,.08);box-shadow:0 20px 50px rgba(0,0,0,.08);background:#fff}.map-embed iframe{width:100%;height:420px;border:0}@media (max-width:1024px){.nav{display:none}.grid-4,.grid-3,.grid-2,.grid-2-1,.service-list{grid-template-columns:1fr 1fr}.header{padding:14px 16px}.brand-title{font-size:18px}}@media (max-width:700px){.container{padding:0 16px}.grid-4,.grid-3,.grid-2,.grid-2-1,.service-list{grid-template-columns:1fr}.hero{padding-top:92px}.hero-content{padding-top:24px;padding-bottom:24px}.hero h1{font-size:42px}.hero p,.inner-hero p,.page-title p{font-size:16px}.hero-thumbs{position:static;max-width:none;margin-top:28px;justify-content:flex-start}.footer-row{align-items:flex-start}.footer-links,.footer-contact{flex-direction:column;gap:10px}}

/* Hamburger menu controls */
.menu-toggle{
  display:inline-flex !important;
  width:48px;
  height:48px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.10);
  align-items:center;
  justify-content:center;
  gap:4px;
  cursor:pointer;
  flex-direction:column;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.menu-toggle span{
  display:block;
  width:18px;
  height:2px;
  border-radius:999px;
  background:#fff;
}
.nav{
  display:none !important;
}
.cta-btn{
  display:none !important;
}
.header{
  flex-wrap:nowrap;
}

.mobile-nav{
  display:none;
  margin-top:14px;
  padding:14px;
  border:1px solid rgba(255,255,255,.10);
  background:#0c0c0cf2;
  backdrop-filter:blur(10px);
  border-radius:24px;
  box-shadow:0 20px 50px rgba(0,0,0,.28);
  flex-direction:column;
  gap:10px;
  max-height:calc(100vh - 130px) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
.mobile-nav a{
  display:block;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  font-size:14px;
  color:rgba(255,255,255,.85);
}
.mobile-nav a.active{
  border-color:rgba(249,115,22,.35);
  background:rgba(249,115,22,.10);
  color:#fdba74;
}
.mobile-nav .mobile-cta{
  background:#f97316;
  border-color:transparent;
  color:#fff;
  text-align:center;
  font-weight:700;
}
.header-wrap.mobile-open .mobile-nav{
  display:flex !important;
}
.mobile-nav::-webkit-scrollbar{
  width:8px;
}
.mobile-nav::-webkit-scrollbar-track{
  background:rgba(255,255,255,0.06);
  border-radius:999px;
}
.mobile-nav::-webkit-scrollbar-thumb{
  background:rgba(249,115,22,0.75);
  border-radius:999px;
}
.mobile-nav::-webkit-scrollbar-thumb:hover{
  background:rgba(249,115,22,0.95);
}

/* Contact form sequence fix */
.contact-form .form-grid,
.form-grid{
  display:grid;
  grid-template-columns:1fr !important;
  gap:16px;
}
.contact-form .field-group,
.contact-form .field-group-full,
.field-group,
.field-group-full{
  grid-column:1 / -1 !important;
}
.contact-form .submit-btn,
.submit-btn{
  margin-top:18px;
}

/* === Theme-only light corporate update === */
:root{
  --bg:#efe6dc;
  --card:#fffdfa;
  --muted:rgba(51,65,85,.82);
  --muted2:rgba(71,85,105,.74);
  --orange:#0f6fa8; /* blue accent */
  --border:rgba(148,163,184,.20);
  --light:#f7f2eb;
  --blue:#0f6fa8;
}
html,body{
  background:var(--bg);
  color:#0f172a;
}
.header{
  border:1px solid rgba(255,255,255,.24);
  background:rgba(255,255,255,.10);
  backdrop-filter:blur(18px);
  box-shadow:0 18px 42px rgba(15,23,42,.10);
}
.brand-sub{color:rgba(71,85,105,.78)}
.hero h1 .accent{box-shadow:0 22px 48px rgba(15,111,168,.26)}
.thumb.active{box-shadow:0 16px 40px rgba(15,111,168,.22)}
.section{background:transparent}
.section.alt{background:#f4ede5}
.page-title p,.muted{color:rgba(51,65,85,.82)}
.muted2,.service-item p,.small-box p{color:rgba(71,85,105,.74)}
.page-title .eyebrow2,.icon{color:var(--orange)}
.card{
  background:var(--card);
  border-color:var(--border);
  box-shadow:0 16px 40px rgba(114,91,69,.08);
}
.contact-box,.service-item,.small-box{
  background:#fbf7f2;
  border-color:var(--border);
}
.contact-box{color:#334155}
.footer{
  border-top:1px solid var(--border);
  background:#fffdfa;
}
.footer-links,.footer-contact{color:rgba(51,65,85,.78)}
.footer-links a:hover,.footer-links a.active{color:var(--orange)}
.brand-icon{
  border-color:rgba(148,163,184,.24);
  box-shadow:0 8px 24px rgba(114,91,69,.10);
}
.light-section{
  background:#f4ede5;
  color:#0f172a;
}
.light-box{
  background:#fbf7f2;
  border-color:rgba(148,163,184,.18);
}
.map-embed{
  border-color:rgba(148,163,184,.18);
  box-shadow:0 16px 40px rgba(114,91,69,.08);
}
.btn{
  background:var(--orange);
  color:#fff;
}
.btn:hover,.cta-btn:hover{background:#0c628f}
.btn-outline{
  background:rgba(255,255,255,.85);
  border-color:rgba(148,163,184,.28);
  color:#0f172a;
}
.hero .btn-outline,
.inner-hero .btn-outline{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.20);
  color:#fff;
}
.nav a{color:rgba(30,41,59,.82)}
.nav a.active,.nav a:hover{color:var(--orange)}
.menu-toggle{
  border:1px solid rgba(255,255,255,.24);
  background:rgba(255,255,255,.12);
  box-shadow:0 10px 24px rgba(15,23,42,.08);
}
.menu-toggle span{background:#fff}
.mobile-nav{
  border:1px solid rgba(255,255,255,.24);
  background:rgba(255,255,255,.14);
  backdrop-filter:blur(18px);
  box-shadow:0 20px 50px rgba(15,23,42,.10);
}
.mobile-nav a{
  border:1px solid rgba(148,163,184,.18);
  background:rgba(255,255,255,.68);
  color:#334155;
}
.mobile-nav a.active{
  border-color:rgba(15,111,168,.28);
  background:rgba(15,111,168,.10);
  color:var(--orange);
}
.mobile-nav .mobile-cta{
  background:var(--orange);
  color:#fff;
}
.mobile-nav::-webkit-scrollbar-track{background:rgba(148,163,184,.15)}
.mobile-nav::-webkit-scrollbar-thumb{background:rgba(15,111,168,.72)}
.mobile-nav::-webkit-scrollbar-thumb:hover{background:rgba(15,111,168,.9)}
/* Keep small home-page capability text strong */
.grid-4 .contact-box,
.grid-4 .contact-box *{
  color:#334155;
}



/* === Inner-page title banner visibility fix === */
.inner-hero .bg img{
  filter: brightness(1.18) contrast(1.05) saturate(1.04) !important;
}
.inner-hero .overlay{
  background: linear-gradient(
    to bottom,
    rgba(15,23,42,.08),
    rgba(15,23,42,.16),
    rgba(15,23,42,.52)
  ) !important;
}
.inner-hero .eyebrow{
  color: rgba(255,255,255,.94) !important;
  border-color: rgba(255,255,255,.26) !important;
  background: rgba(255,255,255,.14) !important;
}
.inner-hero .eyebrow-dot{
  background: #38bdf8 !important;
}
.inner-hero h1{
  color: #ffffff !important;
  text-shadow: 0 8px 24px rgba(15,23,42,.22);
}
.inner-hero p{
  color: rgba(255,255,255,.90) !important;
}



/* === Homepage hero visibility fix to match inner-page title banners === */
.hero-slide img{
  filter: brightness(1.18) contrast(1.05) saturate(1.04) !important;
}
.hero-overlay{
  background: linear-gradient(
    to bottom,
    rgba(15,23,42,.08),
    rgba(15,23,42,.16) 28%,
    rgba(15,23,42,.34) 60%,
    rgba(15,23,42,.58)
  ) !important;
}
.hero-overlay2{
  background: linear-gradient(
    90deg,
    rgba(15,23,42,.18),
    rgba(15,23,42,.04),
    rgba(15,23,42,.14)
  ) !important;
}
.hero .eyebrow{
  color: rgba(255,255,255,.94) !important;
  border-color: rgba(255,255,255,.26) !important;
  background: rgba(255,255,255,.14) !important;
}
.hero .eyebrow-dot{
  background: #38bdf8 !important;
}
.hero h1{
  color: #ffffff !important;
  text-shadow: 0 8px 24px rgba(15,23,42,.22);
}
.hero p{
  color: rgba(255,255,255,.90) !important;
}



/* === Restore white cards/panels while keeping darker ivory page backgrounds === */
.card,
.contact-box,
.service-item,
.small-box,
.light-box{
  background:#fff !important;
}

.contact-box,
.service-item,
.small-box,
.light-box,
.card{
  border-color: var(--border) !important;
}

/* === Inner card blue treatment (cards inside cards only) === */
.card .service-item,
.card .small-box,
.card .contact-box,
.card .light-box{
  background:#eaf4fb !important;
  border-color:#c7dceb !important;
}

.card .service-item h5,
.card .small-box h5,
.card .contact-box h5,
.card .light-box h5{
  color:#0f172a !important;
}

.card .service-item p,
.card .small-box p,
.card .contact-box p,
.card .light-box p,
.card .service-item .muted,
.card .small-box .muted,
.card .contact-box .muted,
.card .light-box .muted{
  color:#475569 !important;
}

/* === Inner blue cards: white text === */
.card .service-item,
.card .small-box,
.card .contact-box,
.card .light-box{
  background:#2f6f9f !important;
  border-color:#2a638e !important;
}

.card .service-item h5,
.card .small-box h5,
.card .contact-box h5,
.card .light-box h5,
.card .service-item p,
.card .small-box p,
.card .contact-box p,
.card .light-box p,
.card .service-item .muted,
.card .small-box .muted,
.card .contact-box .muted,
.card .light-box .muted,
.card .service-item,
.card .small-box,
.card .contact-box,
.card .light-box{
  color:#ffffff !important;
}

/* === Revert inner cards back to black-and-white === */
.card .service-item,
.card .small-box,
.card .contact-box,
.card .light-box{
  background:#ffffff !important;
  border-color: var(--border) !important;
  color:#0f172a !important;
}

.card .service-item h5,
.card .small-box h5,
.card .contact-box h5,
.card .light-box h5{
  color:#0f172a !important;
}

.card .service-item p,
.card .small-box p,
.card .contact-box p,
.card .light-box p,
.card .service-item .muted,
.card .small-box .muted,
.card .contact-box .muted,
.card .light-box .muted{
  color:#475569 !important;
}

/* === Darker ivory theme with a stronger warm-brown tint === */
:root{
  --bg:#e2d4c6;
  --light:#ebdfd2;
}

html,body{
  background:var(--bg) !important;
}

.section.alt{
  background:#e7d8c9 !important;
}

.light-section{
  background:#e7d8c9 !important;
}

/* Preserve white cards/panels while warming the page canvas only */
.card,
.contact-box,
.service-item,
.small-box,
.light-box{
  background:#ffffff !important;
}

/* === Header brand and menu gold enhancement === */
.header .brand-icon{
  width:62px !important;
  height:62px !important;
  border-radius:20px !important;
}

.header .brand-title{
  font-size:24px !important;
  color:#c89b3c !important;
}

.header .brand-sub{
  color:rgba(200,155,60,.88) !important;
}

.header .nav a{
  color:#c89b3c !important;
  font-weight:600 !important;
}

.header .nav a.active,
.header .nav a:hover{
  color:#e0b24e !important;
}

.header .menu-toggle span{
  background:#c89b3c !important;
}

/* === Hamburger menu panel grey refinement === */
.mobile-nav{
  background:rgba(107,114,128,.16) !important;
  border-color:rgba(107,114,128,.28) !important;
}

.mobile-nav a{
  background:rgba(107,114,128,.14) !important;
  border-color:rgba(107,114,128,.22) !important;
  color:#e5e7eb !important;
}

.mobile-nav a.active{
  background:rgba(15,111,168,.14) !important;
  border-color:rgba(15,111,168,.28) !important;
  color:#e0b24e !important;
}

.mobile-nav .mobile-cta{
  color:#ffffff !important;
}

.mobile-nav::-webkit-scrollbar-track{
  background:rgba(107,114,128,.18) !important;
}

/* === Hamburger menu panel darker grey refinement === */
.mobile-nav{
  background:rgba(75,85,99,.24) !important;
  border-color:rgba(75,85,99,.38) !important;
}

.mobile-nav a{
  background:rgba(75,85,99,.22) !important;
  border-color:rgba(75,85,99,.30) !important;
  color:#f3f4f6 !important;
}

.mobile-nav a.active{
  background:rgba(15,111,168,.16) !important;
  border-color:rgba(15,111,168,.30) !important;
  color:#e0b24e !important;
}

.mobile-nav .mobile-cta{
  color:#ffffff !important;
}

.mobile-nav::-webkit-scrollbar-track{
  background:rgba(75,85,99,.24) !important;
}

/* === Hamburger menu panel 80 percent grey refinement === */
.mobile-nav{
  background:rgba(55,65,81,.34) !important;
  border-color:rgba(55,65,81,.46) !important;
}

.mobile-nav a{
  background:rgba(55,65,81,.30) !important;
  border-color:rgba(55,65,81,.38) !important;
  color:#f8fafc !important;
}

.mobile-nav a.active{
  background:rgba(15,111,168,.18) !important;
  border-color:rgba(15,111,168,.34) !important;
  color:#e0b24e !important;
}

.mobile-nav .mobile-cta{
  color:#ffffff !important;
}

.mobile-nav::-webkit-scrollbar-track{
  background:rgba(55,65,81,.28) !important;
}

/* === Home hero eyebrow size increase only === */
.hero .eyebrow{
  font-size:13px !important;
  letter-spacing:.30em !important;
  padding:10px 16px !important;
  gap:12px !important;
}
.hero .eyebrow-dot{
  width:9px !important;
  height:9px !important;
}

/* === Inner-page glass title labels match home hero size === */
.inner-hero .eyebrow{
  font-size:13px !important;
  letter-spacing:.30em !important;
  padding:10px 16px !important;
  gap:12px !important;
}
.inner-hero .eyebrow-dot{
  width:9px !important;
  height:9px !important;
}

/* === Ivory theme with a touch more brown warmth only === */
:root{
  --bg:#e6d6c4 !important;
  --light:#eedccc !important;
}

html,body{
  background:var(--bg) !important;
}

.section.alt{
  background:#e9d8c6 !important;
}

.light-section{
  background:#e9d8c6 !important;
}
