/* ==========================================================================
   Viruksham Full-Width Notched Tab Navigation Bar & Golden Theme System
   ========================================================================== */

:root {
  --color-navy: #012F6A !important;
  --color-navy-deep: #012F6A !important;
  --color-navy-soft: #0A4B9C !important;
  --color-gold: #e0b030 !important;
  --color-gold-deep: #B8860B !important;
  --color-gold-ink: #8C6212 !important;
  --prism-cyan: #E5B842 !important;
  --prism-gold: #e0b030 !important;
  --prism-sweep: linear-gradient(100deg, #e0b030 0%, var(--prism-violet, #6f58e9) 52%, var(--prism-magenta, #df3c9a) 100%) !important;
}

/* ==========================================================================
   Outer Container: Full Width Sticky Header (100% Edge-to-Edge)
   ========================================================================== */
.header__Root-sc-347dc4f8-0,
header {
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100vw !important;
  z-index: 9999 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #012F6A !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 4px 24px rgba(1, 47, 106, 0.25) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.header__Bar-sc-347dc4f8-1 {
  height: 64px !important;
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 24px 0 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border: none !important;
  box-shadow: none !important;
}

@media (min-width: 1024px) {
  .header__Bar-sc-347dc4f8-1 {
    padding: 0 32px 0 0 !important;
  }
}

/* ==========================================================================
   LEFT: Centered Logo inside Extended White Notched Tab
   ========================================================================== */
.header__Brand-sc-347dc4f8-2 {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 54px !important;
  background: #ffffff !important;
  min-width: 240px !important;
  padding-left: 20px !important;
  padding-right: 56px !important;
  clip-path: polygon(0 0, calc(100% - 36px) 0, 100% 100%, 0 100%) !important;
  text-decoration: none !important;
  transition: opacity 0.2s ease, transform 0.2s ease !important;
}

@media (min-width: 640px) {
  .header__Brand-sc-347dc4f8-2 {
    min-width: 280px !important;
    padding-left: 24px !important;
    padding-right: 60px !important;
  }
}

@media (min-width: 1024px) {
  .header__Brand-sc-347dc4f8-2 {
    min-width: 340px !important;
    padding-left: 28px !important;
    padding-right: 64px !important;
  }
}

.header__Brand-sc-347dc4f8-2:hover {
  opacity: 0.96 !important;
}

.header__Mark-sc-347dc4f8-4,
.header__Brand-sc-347dc4f8-2 img {
  height: 44px !important;
  width: auto !important;
  max-width: 260px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}

/* Hide legacy text inside brand container */
.header__NameCol-sc-347dc4f8-5,
.header__Name-sc-347dc4f8-6,
.header__BrandTag-sc-347dc4f8-3,
[class*="header__NameCol"],
[class*="header__Name-"],
[class*="header__BrandTag"] {
  display: none !important;
}

/* ==========================================================================
   CENTER: Nav Links (Desktop >= 1024px)
   ========================================================================== */
.header__Nav-sc-347dc4f8-7 {
  display: none;
}

@media (min-width: 1024px) {
  .header__Nav-sc-347dc4f8-7 {
    display: flex !important;
    align-items: center !important;
    gap: 26px !important;
    margin-left: 8px !important;
    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
  }
}

.header__NavGroup-sc-347dc4f8-9 {
  position: relative !important;
}

.header__NavItem-sc-347dc4f8-17,
.header__NavTrigger-sc-347dc4f8-10 {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #d6dcf0 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  padding: 8px 2px !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  transition: color 0.2s ease !important;
}

.header__NavItem-sc-347dc4f8-17:hover,
.header__NavTrigger-sc-347dc4f8-10:hover,
.header__NavItem-sc-347dc4f8-17[aria-current="page"] {
  color: #ffffff !important;
}

.header__NavItem-sc-347dc4f8-17[aria-current="page"] {
  font-weight: 600 !important;
}

.header__Underline-sc-347dc4f8-8 {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -4px !important;
  height: 2px !important;
  background: #e0b030 !important;
  border-radius: 999px !important;
  transform: scaleX(0) !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.header__NavItem-sc-347dc4f8-17[aria-current="page"] .header__Underline-sc-347dc4f8-8 {
  transform: scaleX(1) !important;
}

.header__NavCaret-sc-347dc4f8-11 {
  color: #d6dcf0 !important;
  transition: transform 0.25s ease, color 0.2s ease !important;
}

.header__NavGroup-sc-347dc4f8-9:hover .header__NavCaret-sc-347dc4f8-11,
.header__NavGroup-sc-347dc4f8-9.is-open .header__NavCaret-sc-347dc4f8-11 {
  transform: rotate(180deg) !important;
  color: #ffffff !important;
}

/* Dropdown Menus */
.header__NavMenu-sc-347dc4f8-12 {
  position: absolute !important;
  left: 50% !important;
  top: 100% !important;
  transform: translateX(-50%) translateY(-6px) !important;
  z-index: 10000 !important;
  padding-top: 10px !important;
  min-width: 17.5rem !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
  transition: opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1), transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.2s !important;
}

@media (min-width: 1024px) {
  .header__NavGroup-sc-347dc4f8-9:hover .header__NavMenu-sc-347dc4f8-12,
  .header__NavGroup-sc-347dc4f8-9:focus-within .header__NavMenu-sc-347dc4f8-12,
  .header__NavGroup-sc-347dc4f8-9.is-open .header__NavMenu-sc-347dc4f8-12 {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateX(-50%) translateY(0) !important;
    visibility: visible !important;
  }
}

.header__NavMenuList-sc-347dc4f8-13 {
  list-style: none !important;
  margin: 0 !important;
  padding: 8px !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 18px 40px -4px rgba(1, 47, 106, 0.22), 0 4px 12px rgba(0, 0, 0, 0.05) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}

.header__NavMenuLink-sc-347dc4f8-14 {
  display: flex !important;
  align-items: center !important;
  padding: 9px 14px !important;
  border-radius: 10px !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #012F6A !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
}

.header__NavMenuLink-sc-347dc4f8-14:hover {
  background: rgba(1, 47, 106, 0.06) !important;
  color: #012F6A !important;
  transform: translateX(4px) !important;
}

/* ==========================================================================
   RIGHT: Two Pill Action Buttons (Both White Background with Navy Badges)
   ========================================================================== */
.header__Actions-sc-347dc4f8-18 {
  display: none;
}

@media (min-width: 1024px) {
  .header__Actions-sc-347dc4f8-18 {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-shrink: 0 !important;
  }
}

.header__WideOnly-sc-347dc4f8-19 {
  display: inline-flex !important;
}

/* 1. Client Login Pill */
.kDexZO,
.header__Actions-sc-347dc4f8-18 a[href*="wealthelite"] {
  height: 38px !important;
  padding: 0 5px 0 16px !important;
  background: #ffffff !important;
  color: #012F6A !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  text-decoration: none !important;
  transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease !important;
}

.kDexZO:hover,
.header__Actions-sc-347dc4f8-18 a[href*="wealthelite"]:hover {
  background: #f8fafc !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
}

.kDexZO svg,
.header__Actions-sc-347dc4f8-18 a[href*="wealthelite"] svg {
  width: 28px !important;
  height: 28px !important;
  padding: 6px !important;
  border-radius: 50% !important;
  background: #012F6A !important;
  color: #ffffff !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
}

/* 2. Talk to Us Pill - White Background & Navy Accent */
.ctjA-Da,
.header__Actions-sc-347dc4f8-18 a[href*="contact"] {
  height: 38px !important;
  padding: 0 5px 0 16px !important;
  background: #ffffff !important;
  color: #012F6A !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  text-decoration: none !important;
  transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease !important;
}

.ctjA-Da:hover,
.header__Actions-sc-347dc4f8-18 a[href*="contact"]:hover {
  background: #f8fafc !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
}

.ctjA-Da svg,
.header__Actions-sc-347dc4f8-18 a[href*="contact"] svg {
  width: 28px !important;
  height: 28px !important;
  padding: 6px !important;
  border-radius: 50% !important;
  background: #012F6A !important;
  color: #ffffff !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
}

/* ==========================================================================
   MOBILE & TABLET: Hamburger Menu & Full-Width Drawer (<1024px)
   ========================================================================== */
.header__Toggle-sc-347dc4f8-20 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  background: transparent !important;
  border: none !important;
  padding: 8px !important;
  cursor: pointer !important;
}

@media (min-width: 1024px) {
  .header__Toggle-sc-347dc4f8-20 {
    display: none !important;
  }
}

#mobile-nav.header__Drawer-sc-347dc4f8-23 {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 100% !important;
  bottom: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  background: #012F6A !important;
  padding: 20px 24px 28px !important;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.5) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-6px) !important;
  transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  z-index: 10002 !important;
}

#mobile-nav.is-open {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

.header__DrawerItem-sc-347dc4f8-27 {
  color: #d6dcf0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 14px 0 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.header__DrawerItem-sc-347dc4f8-27:hover,
.header__DrawerItem-sc-347dc4f8-27[aria-current="page"] {
  color: #ffffff !important;
}

.header__DrawerItem-sc-347dc4f8-27[aria-current="page"] {
  color: #e0b030 !important;
  font-weight: 600 !important;
}

.header__DrawerSubList-sc-347dc4f8-15 {
  list-style: none !important;
  padding-left: 14px !important;
  margin: 8px 0 12px 0 !important;
  border-left: 2px solid rgba(1, 47, 106, 0.4) !important;
}

.header__DrawerSubLink-sc-347dc4f8-16 {
  display: block !important;
  padding: 6px 0 !important;
  font-size: 14px !important;
  color: #d6dcf0 !important;
  text-decoration: none !important;
}

.header__DrawerSubLink-sc-347dc4f8-16:hover {
  color: #ffffff !important;
}

.header__DrawerActions-sc-347dc4f8-28 {
  margin-top: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.header__DrawerActions-sc-347dc4f8-28 a {
  height: 44px !important;
  border-radius: 999px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 18px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-decoration: none !important;
}

.header__DrawerActions-sc-347dc4f8-28 .jQeZOl {
  background: #ffffff !important;
  color: #012F6A !important;
}

.header__DrawerActions-sc-347dc4f8-28 .eNwSNJ {
  background: #ffffff !important;
  color: #012F6A !important;
}

/* ==========================================================================
   Smooth Scrolling & Anchor Header Offset Fixes
   ========================================================================== */
html {
  scroll-behavior: smooth !important;
  scroll-padding-top: 5rem !important;
}

section[id], div[id], main[id], [id] {
  scroll-margin-top: 5rem !important;
}

/* Base Reveal Animation & Visual Visibility Fallback */
[data-reveal="true"] {
  transition: opacity 0.65s cubic-bezier(0.16, 1, 0.3, 1), transform 0.65s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

[data-reveal="true"].is-revealed {
  opacity: 1 !important;
  transform: perspective(1400px) translateY(0) translateZ(0) rotateX(0deg) !important;
}

/* Hero Headline Typography Adjustment */
.hero__Title-sc-7547c862-7,
h1.ldMMBd,
.ldMMBd {
  font-size: clamp(1.65rem, 1.15rem + 1.8vw, 2.5rem) !important;
  line-height: 1.14 !important;
}


/* ==========================================================================
   FOOTER: Full Size Viruksham Logo & Clean Brand Display
   ========================================================================== */
.footer__Mark-sc-9b980077-6,
.brand-mark__Logo-sc-8458b3e6-0,
.footer__BrandLink-sc-9b980077-5 img {
  height: 48px !important;
  width: auto !important;
  max-width: 260px !important;
  object-fit: contain !important;
  display: block !important;
}

.footer__BrandText-sc-9b980077-7,
.footer__BrandName-sc-9b980077-8,
.footer__Tagline-sc-9b980077-9 {
  display: none !important;
}

/* ==========================================================================
   LUXURY STATS RIBBON / COUNTER
   ========================================================================== */
.luxury-stats-section {
  position: relative !important;
  background: linear-gradient(135deg, #012F6A 0%, #001c40 100%) !important;
  color: #ffffff !important;
  padding: 44px 20px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 10px 30px -10px rgba(1, 47, 106, 0.35) !important;
  z-index: 10 !important;
  display: block !important;
  width: 100% !important;
  clear: both !important;
}

.luxury-stats-container {
  max-width: 1200px !important;
  margin: 0 auto !important;
  width: 100% !important;
  padding-inline: 16px !important;
}

.luxury-stats-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
  align-items: stretch !important;
}

@media (max-width: 991px) {
  .luxury-stats-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }
}

@media (max-width: 540px) {
  .luxury-stats-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

.luxury-stat-col {
  text-align: center !important;
  padding: 20px 16px !important;
  position: relative !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease !important;
}

.luxury-stat-col:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(224, 176, 48, 0.5) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 12px 28px -8px rgba(0, 0, 0, 0.4) !important;
}

.luxury-stat-number-wrap {
  display: flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 2px !important;
  margin-bottom: 8px !important;
}

.luxury-stat-number {
  font-family: var(--font-serif, "Space Grotesk", Georgia, serif) !important;
  font-size: clamp(2rem, 1.65rem + 1.5vw, 2.75rem) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  color: #e0b030 !important;
  background: linear-gradient(135deg, #FFF0B3 0%, #e0b030 50%, #C99700 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  letter-spacing: -0.02em !important;
}

.luxury-stat-label {
  font-family: var(--font-sans, "Manrope", system-ui, sans-serif) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  color: #E2E8F0 !important;
  text-transform: uppercase !important;
  line-height: 1.4 !important;
}

/* ==========================================================================
   ABOUT PREVIEW SECTION & PORTRAIT LAYOUT
   ========================================================================== */
.about-preview__Layout-sc-21d3552-0,
.jPYDre {
  display: grid !important;
  grid-template-columns: minmax(380px, 480px) 1fr !important;
  gap: 56px !important;
  align-items: start !important;
  max-width: 1300px !important;
  margin: 0 auto !important;
  padding: 44px 24px !important;
}

@media (max-width: 1024px) {
  .about-preview__Layout-sc-21d3552-0,
  .jPYDre {
    grid-template-columns: minmax(320px, 420px) 1fr !important;
    gap: 40px !important;
  }
}

@media (max-width: 860px) {
  .about-preview__Layout-sc-21d3552-0,
  .jPYDre {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }
}

.about-preview__PortraitColumn-sc-21d3552-1,
.ijWvQw {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
  position: sticky !important;
  top: 90px !important;
}

.about-preview__Frame-sc-21d3552-2,
.iNYXzE {
  width: 100% !important;
  max-width: 480px !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 3px solid rgba(1, 47, 106, 0.14) !important;
  box-shadow: 0 24px 54px -14px rgba(1, 47, 106, 0.3) !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease !important;
}

.about-preview__Frame-sc-21d3552-2:hover,
.iNYXzE:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 32px 64px -12px rgba(1, 47, 106, 0.38) !important;
}

.about-preview__Crop-sc-21d3552-3,
.lnjZGZ {
  width: 100% !important;
  height: 100% !important;
  min-height: 520px !important;
  aspect-ratio: 4 / 4.9 !important;
  position: relative !important;
  overflow: hidden !important;
  background: #f1f5f9 !important;
}

@media (max-width: 860px) {
  .about-preview__Crop-sc-21d3552-3,
  .lnjZGZ {
    min-height: 380px !important;
  }
}

.about-preview__Portrait-sc-21d3552-4,
.iVBUfj,
.FBiWd,
.about-preview__Crop-sc-21d3552-3 img {
  width: 100% !important;
  height: 100% !important;
  min-height: 520px !important;
  object-fit: cover !important;
  object-position: center 10% !important;
  display: block !important;
}

@media (max-width: 860px) {
  .about-preview__Portrait-sc-21d3552-4,
  .iVBUfj,
  .FBiWd,
  .about-preview__Crop-sc-21d3552-3 img {
    min-height: 380px !important;
  }
}

.about-preview__CopyColumn-sc-21d3552-5,
.dOHSNj {
  width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

.about-preview__Bio-sc-21d3552-6,
.dmGWVk {
  font-size: 15.5px !important;
  line-height: 1.75 !important;
  color: var(--color-ink-soft, #475569) !important;
  margin-top: 1rem !important;
}

.about-preview__Qualifications-sc-21d3552-10,
.hzzqGK {
  list-style: none !important;
  padding: 0 !important;
  margin: 1.5rem 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
}

.about-preview__Qualification-sc-21d3552-11,
.kBHCJQ {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  color: var(--color-ink, #0f172a) !important;
}

.about-preview__Tick-sc-21d3552-12,
.ezdLUp {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  background: rgba(1, 47, 106, 0.1) !important;
  color: #012F6A !important;
  flex-shrink: 0 !important;
}