*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{

  --navy:#1b233a;

  --navy2:#222d47;

  --navy3:#283352;

  --gold:#c7954a;

  --gold-lt:#d9aa6a;

  --gold-dk:#a87a38;

  --cream:#f5f0e8;

  --cream2:#ede8df;

  --white:#ffffff;

  --muted:#8b96b0;

  --text:#2d3748;

  --border:rgba(199,149,74,.2);

  --border2:rgba(199,149,74,.12);

}

html{scroll-behavior:smooth}

body{font-family:'Inter',sans-serif;color:var(--text);background:var(--white);overflow-x:hidden}

::-webkit-scrollbar{width:5px}

::-webkit-scrollbar-track{background:var(--navy)}

::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px}



/* ── TOP INFO BAR ─────────────────────────── */

/* ── TOP INFO BAR ─────────────────────────── */

/* ── TOP INFO BAR ─────────────────────────── */

.topbar{

  background:var(--navy);

  padding:.45rem 5%;

  display:flex;

  align-items:center;

  justify-content:space-between;

  flex-wrap:nowrap;

  overflow:hidden;

}

.topbar-left{

  display:flex;align-items:center;gap:1.2rem;

  flex-wrap:nowrap;flex-shrink:0;

}

.topbar-right{

  display:flex;align-items:center;gap:1rem;

  flex-wrap:nowrap;flex-shrink:0;

}

.topbar a,.topbar span{

  color:rgba(255,255,255,.65);font-size:14px;

  text-decoration:none;display:flex;align-items:center;gap:.35rem;

  transition:color .2s;white-space:nowrap;

}

.topbar a:hover{color:var(--gold)}

.topbar i{color:var(--gold);font-size:.7rem}

.topbar-divider{

  width:1px;height:14px;

  background:rgba(255,255,255,.15);

  flex-shrink:0;

}

.topbar-social{

  display:flex;align-items:center;gap:.4rem;

}

.topbar-social a{

  width:24px;height:24px;

  border:1px solid rgba(255,255,255,.18);

  display:flex;align-items:center;justify-content:center;

  font-size:.62rem;color:rgba(255,255,255,.55);

  transition:all .2s;

  text-decoration:none;

}

.topbar-social a:hover{

  background:var(--gold);border-color:var(--gold);color:var(--navy);

}





/* Mobile: sirf ek line - phone + email only */





/* ── NAVBAR ───────────────────────────────── */

nav{

  background:var(--white);

  border-bottom:1px solid rgba(0,0,0,.07);

  padding:0 5%;

  display:flex;align-items:center;justify-content:space-between;

  position:sticky;top:0;z-index:200;

  box-shadow:0 2px 20px rgba(27,35,58,.08);

  transition:padding .3s;

}

.logo{

  padding:0rem 0;

  display:flex;align-items:center;gap:.75rem;

  text-decoration:none;

}

.logo-icon{

  width:42px;height:42px;background:var(--navy);

  display:flex;align-items:center;justify-content:center;

  font-size:1.1rem;color:var(--gold);

}

.logo-text{display:flex;flex-direction:column;line-height:1.1}

.logo-text .firm{

  font-family:'Cormorant Garamond',serif;

  font-size:1.25rem;font-weight:700;

  color:var(--navy);letter-spacing:.02em;

}

.logo-text .tagline{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}



.nav-menu{display:flex;align-items:center;list-style:none;gap:0}

.nav-menu > li{position:relative}

.nav-menu > li > a{

  display:flex;align-items:center;gap:.3rem;

  padding:1.4rem 1.1rem;

  font-size:.82rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;

  color:var(--navy);text-decoration:none;

  transition:color .2s;white-space:nowrap;

  border-bottom:2px solid transparent;

}

.nav-menu > li > a:hover,.nav-menu > li.active > a{color:var(--gold);border-bottom-color:var(--gold)}

.nav-menu > li > a i{font-size:.6rem;transition:transform .2s}

.nav-menu > li:hover > a i{transform:rotate(180deg)}



/* dropdown */

.dropdown{

  position:absolute;top:100%;left:0;min-width:200px;

  background:var(--white);border-top:2px solid var(--gold);

  box-shadow:0 8px 30px rgba(0,0,0,.1);

  opacity:0;visibility:hidden;transform:translateY(8px);

  transition:all .25s;z-index:300;

}

.nav-menu > li:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}

.dropdown a{

  display:block;padding:.75rem 1.2rem;

  font-size:.82rem;color:var(--navy);text-decoration:none;

  border-bottom:1px solid rgba(0,0,0,.05);

  transition:all .2s;

}

.dropdown a:hover{background:var(--cream);color:var(--gold);padding-left:1.6rem}



.nav-cta{

  background:var(--gold);color:var(--navy);

  padding:.7rem 1.6rem;font-size:.8rem;font-weight:600;

  letter-spacing:.07em;text-transform:uppercase;

  border:none;cursor:pointer;text-decoration:none;

  display:flex;align-items:center;gap:.5rem;

  transition:background .2s,transform .15s;white-space:nowrap;

  margin-left:1rem;

}

.nav-cta:hover{background:var(--gold-lt);transform:translateY(-1px)}



/* hamburger */

.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:.5rem}

.hamburger span{width:22px;height:2px;background:var(--navy);transition:all .3s;display:block}

.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}

.hamburger.open span:nth-child(2){opacity:0}

.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* Mobile Dropdown */

.mobile-dropdown {

  border-bottom: 1px solid rgba(255,255,255,.1);

}



.mobile-dropdown-toggle {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 1rem 0;

  color: var(--white);

  font-family: 'Cormorant Garamond', serif;

  font-size: 1.1rem;

  font-weight: 600;

  cursor: pointer;

  transition: color .2s;

}



.mobile-dropdown-toggle:hover {

  color: var(--gold);

}



.mobile-dropdown-toggle i {

  transition: transform .3s ease;

  font-size: .85rem;

}



.mobile-dropdown.open .mobile-dropdown-toggle {

  color: var(--gold);

}



.mobile-dropdown.open .mobile-dropdown-toggle i {

  transform: rotate(180deg);

}



.mobile-dropdown-menu {

  max-height: 0;

  overflow: hidden;

  transition: max-height .35s ease;

  padding-left: 1rem;

}



.mobile-dropdown.open .mobile-dropdown-menu {

  max-height: 400px;

}



.mobile-dropdown-menu a {

  display: block;

  padding: .6rem 0;

  font-size: .95rem;

  color: rgba(255,255,255,.75);

  border-bottom: 1px solid rgba(255,255,255,.06);

  font-family: 'Inter', sans-serif;

  font-weight: 400;

}



.mobile-dropdown-menu a:hover {

  color: var(--gold);

}



.mobile-dropdown-menu a:last-child {

  border-bottom: none;

}

/* mobile nav */

.mobile-nav{

  display:none;position:fixed;top:0;left:0;width:100%;height:100vh;

  background:var(--navy);z-index:500;

  flex-direction:column;padding:5rem 2rem 2rem;overflow-y:auto;

}

.mobile-nav.open{display:flex}

.mobile-close{

  position:absolute;top:1.2rem;right:1.5rem;

  background:none;border:none;color:var(--white);font-size:1.5rem;cursor:pointer;

}



.mobile-nav a{

  color:var(--white);text-decoration:none;

  padding:1rem 0;font-size:1.1rem;

  border-bottom:1px solid rgba(255,255,255,.1);

  font-family:'Cormorant Garamond',serif;font-weight:600;

}

.mobile-nav a:hover{color:var(--gold)}

/* Mobile nav generic 'a' styles ko dropdown items pe override karo */

.mobile-nav .mobile-dropdown-menu a {

  padding: .6rem 0;

  font-size: .95rem;

  color: rgba(255,255,255,.75);

  border-bottom: 1px solid rgba(255,255,255,.06);

  font-family: 'Inter', sans-serif;

  font-weight: 400;

}



.mobile-nav .mobile-dropdown-menu a:last-child {

  border-bottom: none;

}



/* mobile-dropdown wrapper ko bhi override se bachao */

.mobile-nav .mobile-dropdown {

  padding: 0;

  border-bottom: 1px solid rgba(255,255,255,.1);

}