@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Outfit:wght@100..900&display=swap");

:root {
  /* Colors */
  --gold: #c5a059;
  --dark-bg: #0a0a0a;
  --text-gray: #a0a0a0;
  --white: #ffffff;

  /* Fonts Families */
  --font-premium: "Cormorant Garamond", serif;
  --font-main: "Outfit", sans-serif;

  /* Font Weights (Optional but helpful) */
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-bold: 700;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: var(--font-main);
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
}
/* Lock scroll when menu is open */
body.menu-open {
  overflow: hidden !important;
}
a:active,
a:hover {
  color: #fff !important;
}
body {
  background-color: var(--dark-bg) !important;
  color: var(--white);
  font-family: "Inter", sans-serif;
  line-height: 1.6;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
  background-size: 50px 50px;
}

/* --- Header Base Styling --- */
/* Li positioning layout handle */
.nav-links li {
  position: relative !important;
  display: inline-block;
}

/* Main Header links modification for arrows spacing */
.nav-links > li.menu-item-has-children > a {
  padding-right: 20px !important;
  position: relative;
}

/* 🔽 CSS Dynamic Dropdown Indicator Arrow */
.nav-links > li.menu-item-has-children > a::after {
  content: "\f107";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  right: 0;
  top: 60%;
  transform: translateY(-50%);
  font-size: 12px;
  transition: transform 0.3s ease;
  color: inherit;
}

/* Sub-menu box alignment fix under parent item */
.nav-links ul.sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 50% !important;
  transform: translateX(-50%) !important;
  /* Horizontally centered to parent item */
  background: #0b1a13 !important;
  list-style: none !important;
  min-width: 220px !important;
  z-index: 999999 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6) !important;
  border-radius: 4px;
  margin: 0 !important;
}

.nav-links ul.sub-menu li {
  width: 100% !important;
  display: block !important;
}

.nav-links ul.sub-menu li a {
  color: rgba(255, 255, 255, 0.6) !important;
  padding: 10px 20px !important;
  display: block !important;
  font-size: 14px !important;
  text-decoration: none !important;
  text-transform: none !important;
  text-align: left !important;
  transition: all 0.2s ease;
  font-weight: 500;
}

.nav-links ul.sub-menu li a:hover {
  background: rgba(197, 168, 128, 0.15) !important;
  color: #c5a880 !important;
}

/* 🔥 Desktop Hover Trigger Configuration */
@media (min-width: 992px) {
  .nav-links li.menu-item-has-children:hover > ul.sub-menu {
    display: block !important;
    animation: navFadeIn 0.2s ease-in-out forwards;
  }

  .nav-links li.menu-item-has-children:hover > a::after {
    transform: translateY(-50%) rotate(180deg);
    /* Arrow turns up on hover */
    color: #c5a880;
  }
}

@keyframes navFadeIn {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}

/* Responsive Mobile View Layout Adjustment */
@media (max-width: 991px) {
  .nav-links > li.menu-item-has-children > a {
    padding-right: 30px !important;
  }

  .nav-links ul.sub-menu {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding-left: 20px !important;
    min-width: 100% !important;
  }

  .nav-links li.menu-item-has-children.dropdown-active > ul.sub-menu {
    display: block !important;
  }

  .nav-links li.menu-item-has-children.dropdown-active > a::after {
    transform: translateY(-50%) rotate(180deg);
  }
}

#main-header {
  position: sticky; /* Desktop default */
  top: 0;
  z-index: 2000;
  transition: all 0.3s ease-in-out;
  background: transparent;
  width: 100%;
}

#main-header.scrolled {
  background: rgba(10, 10, 10, 0.98);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 1px 0 rgba(192, 155, 69, 0.2);
}
/* CRITICAL FIX: Disable header blur when mobile menu is open */
/* This fixes the video rendering glitch */

#main-header:has(.nav-links.active),
#main-header.menu-is-open {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: #0d0d0d !important;
}

nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 8%;
}

.logo {
  font-weight: 600;
  letter-spacing: 2px;
  position: relative;
  z-index: 2100;
}

.logo span {
  color: var(--gold);
}

/* Desktop Navigation */
.nav-links {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
  align-items: center;
  gap: 25px;
}

.nav-links li a {
  color: #a0a0a0;
  text-decoration: none;
  font-size: 14px;
  transition: 0.3s;
  font-weight: 800;
}

.nav-btns {
  display: flex;
  align-items: center;
  gap: 15px;
}

.mobile-only {
  display: none !important;
}
.desktop-only {
  display: flex !important;
}

/* Overlay Styling */
.menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 1500;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
}

.menu-overlay.active {
  opacity: 1;
  visibility: visible;
}

.menu-toggle {
  display: none;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
  z-index: 3000;
  transition: 0.3s;
}

/* --- RESPONSIVE LOGIC (991px) --- */
@media (max-width: 991px) {
  #main-header {
    position: fixed;
  }

  nav {
    padding: 15px 5%;
  }

  .menu-toggle {
    display: block;
  }
  .desktop-only {
    display: none !important;
  }

  .nav-links {
    position: fixed;
    top: 0;
    right: -100%;
    width: 300px;
    height: 100vh;
    background: #0d0d0d;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 100px 30px;
    gap: 20px;
    transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: -10px 0 40px rgba(0, 0, 0, 0.9);
    z-index: 2500;
    overflow-y: auto;
    backdrop-filter: none !important;
  }

  .nav-links.active {
    right: 0;
  }

  .nav-links .mobile-only {
    display: flex !important;
    flex-direction: column;
    width: 100%;
    gap: 15px;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid rgba(192, 155, 69, 0.2);
  }

  .nav-links li {
    width: 100%;
  }
  .nav-links li a {
    font-size: 18px;
    display: block;
    width: 100%;
  }
}

.menu-toggle.active i::before {
  content: "\f00d";
  color: var(--gold);
}
/* Hero Section */
.hero {
  display: flex;
  padding: 60px 8%;
  align-items: center;
  min-height: 80vh;
}
.hero-content {
  flex: 1.5;
}
.hero-eyebrow.anim-1 {
  display: flex;
  align-items: center;
  gap: 10px;
}
.hero-line {
  width: 32px;
  height: 1px;
  background: #c09b45;
  display: block;
}
.tagline {
  color: var(--gold);
  font-size: 12px;
  letter-spacing: 2px;
  margin: 0;
  text-transform: uppercase;
}
h1 {
  font-family: var(--font-premium);
  font-size: 64px;
  line-height: 1.1;
  margin-bottom: 30px;
  font-weight: 800;
  color: #fff;
}
h1 i {
  font-family: var(--font-premium);
  color: var(--gold);
  font-style: italic;
}
.hero-content {
  color: rgba(255, 255, 255, 0.55);
}
.description {
  color: var(--text-gray);
  max-width: 500px;
  margin-bottom: 40px;
}

/* Buttons */
.btn-login {
  color: rgba(255, 255, 255, 0.45) !important;
}
.nav-btns a {
  font-size: 12px;
  padding: 10px 20px;
}

.cta-group a {
  font-size: 14px;
}
.btn-primary {
  background: var(--gold);
  color: #000;
  padding: 15px 30px;
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
  transition: 0.3s;
}
.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(197, 160, 89, 0.4);
}
.btn-outline {
  border: 1px solid rgba(255, 255, 255, 0.45);
  color: var(--white);
  padding: 15px 30px;
  text-decoration: none;
  margin-left: 15px;
  transition: 0.3s;
  font-weight: 600;
}

/* Graphic Card */
.hero-graphic {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(192, 155, 69, 0.2);
  padding: 30px;
  width: 320px;
  position: relative;
  backdrop-filter: blur(8px);
}
.card h5 {
  color: #b8962e;
  letter-spacing: 0.12em;
  font-size: 0.7rem;
  font-weight: normal;
}
.live-tag {
  position: absolute;
  top: -10px;
  right: 20px;
  background: var(--gold);
  color: #000;
  font-size: 10px;
  padding: 2px 8px;
  font-weight: bold;
}
.chart {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  height: 100px;
  margin: 20px 0;
}
.bar {
  flex: 1;
  background: rgba(197, 160, 89, 0.3);
  transition: 0.5s;
}
.bar.highlight {
  background: var(--gold);
}
.card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
.price {
  color: var(--gold);
  font-size: 30px;
  font-weight: bold;
  font-family: var(--font-premium);
}
.meta {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.35);
  text-align: right;
}
.circleDotted {
  width: 5px;
  height: 5px;
  background: var(--gold);
  border-radius: 50%;
  display: inline-block;
  position: relative;
  top: -2px;
  left: -3px;
}
/* Footer info */
.hero-footer-info {
  padding: 40px 0px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
  display: flex;
  gap: 30px;
  letter-spacing: 0.06em;
}
.stats-bar {
  background: #ffffff;
  border-top: 1px solid #f0f0f0;
}

.stats-container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.stat-item {
  text-align: center;
  border-right: 1px solid #e5e5e5;
  padding: 20px 0;
}

.stat-item:last-child {
  border-right: none;
}

.stat-number {
  font-size: 42px;
  color: #000;
  margin-bottom: 8px;
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.stat-number .counter {
  font-family: var(--font-premium);
  font-weight: 800;
  color: #0a0a0a;
}

/* Gold Effect for suffixes like Cr, %, + */
.stat-number span:not(.counter),
.stat-number {
  color: #c09b45;
}

.gold-text {
  color: #c5a059;
}

.stat-label {
  font-size: 11px;
  letter-spacing: 0.15em;
  color: #787878;
  text-transform: uppercase;
  margin: 0;
}
.resources-section {
  background-color: #0a0a0a; /* Dark background as per image */
  padding: 100px 8%;
  text-align: center;
}

.res-header .tagline {
  color: #c5a059;
  font-size: 12px;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.res-header h2 {
  font-family: var(--font-premium);
  font-size: 48px;
  color: #fff;
  margin: 20px 0;
  font-weight: 800;
}

.res-header h2 i {
  color: #c5a059;
  font-family: var(--font-premium);
  font-weight: 800;
}

.res-desc {
  color: rgba(255, 255, 255, 0.45);
  max-width: 600px;
  margin: 0 auto 60px;
}

.res-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.res-card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(192, 155, 69, 0.12);
  padding: 40px 30px;
  text-align: left;
  transition: 0.3s;
}

.res-card:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: #c5a059;
  transform: translateY(-10px);
}

.res-icon {
  width: 42px;
  height: 42px;
  background: rgba(192, 155, 69, 0.12);
  border: 1px solid rgba(192, 155, 69, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  margin-bottom: 1.1rem;
}

.card-label-field {
  display: block;
  color: #c5a059;
  font-size: 10px;
  letter-spacing: 1.5px;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.res-card h3 {
  color: #fff;
  font-size: 22px;
  margin-bottom: 15px;
  font-family: var(--font-premium);
}

.res-card p {
  color: rgba(255, 255, 255, 0.45);
  font-size: 14px;
  margin-bottom: 25px;
  line-height: 1.6;
}

.res-link {
  color: #c5a059;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  border-bottom: 1px solid transparent;
  transition: 0.3s;
}

.res-link:hover {
  border-bottom: 1px solid #c5a059;
}
.testimonials-section {
  background-color: #faf8f4;
  padding: 100px 8%;
}

.test-header {
  margin-bottom: 60px;
}

.test-header .tagline {
  color: #c5a059;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.test-header h2 {
  font-family: "Playfair Display", serif;
  font-size: 48px;
  color: #000;
  line-height: 1.2;
  margin-top: 15px;
}

.test-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.test-card {
  background: #fff;
  border: 1px solid #eee;
  padding: 40px;
  display: flex;
  flex-direction: column;
}

.quote-icon {
  font-family: "Playfair Display", serif;
  font-size: 60px;
  color: #c5a059;
  line-height: 1;
  margin-bottom: -10px;
}

.main-quote {
  color: #444;
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 30px;
}

.highlight-tag {
  background: #fdf8ef; /* Very light gold tint */
  padding: 10px 15px;
  margin-bottom: 30px;
  border-radius: 4px;
  border-left: 2px solid var(--gold);
}

.highlight-tag span {
  color: #8a6d3b;
  font-size: 13px;
  font-weight: 600;
}

.client-info {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: auto;
}

.client-avatar {
  width: 45px;
  height: 45px;
  background: #000;
  color: #d4b468;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
}

.client-details h4 {
  font-size: 16px;
  color: #000;
  margin-bottom: 2px;
}

.client-details p {
  font-size: 12px;
  color: #888;
  margin: 0;
}

/* Section Background - Luxury Off-white tint */
.serve-section {
  background-color: #fdfcf9;
  padding: 100px 8%;
  color: #000000;
}

.serve-header {
  max-width: 800px;
  margin-bottom: 60px;
}

.serve-header .tagline {
  color: #c5a059;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-weight: 600;
}

.serve-header h2 {
  font-family: var(--font-premium);
  font-size: 42px;
  line-height: 1.2;
  margin-bottom: 20px;
  color: #000;
  font-weight: 800;
}

.header-desc {
  color: #3d3d3d;
  font-size: 15px;
  line-height: 1.6;
  font-weight: 300;
}

/* Grid Layout */
.serve-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}

/* Card Styling - Premium Border & Shadow */
.serve-card {
  background: #ffffff;
  border: 1px solid #e8e2d5;
  padding: 36px;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  box-shadow: 0 4px 15px rgba(197, 160, 89, 0.03); /* Initial very light glow */
}

/* Premium Hover Effect - Border turns Gold */
.serve-card:hover {
  transform: translateY(-8px);
  border-color: #c5a059; /* Solid gold border on hover */
  box-shadow: 0 20px 40px rgba(197, 160, 89, 0.12); /* Softer, deeper gold shadow */
}

.serve-icon {
  margin-bottom: 30px;
  font-size: 1.8rem;
}

.serve-icon img {
  width: 100%;
  height: auto;
}

/* Card Label - Beige Background like Screenshot 1 */
.card-label {
  display: inline-block;
  background-color: #f9f5eb; /* Beige/Cream background */
  border: 1px solid #e8e2d5;
  padding: 6px 14px;
  font-size: 10px;
  color: #8a734b; /* Darker gold text */
  letter-spacing: 1.5px;
  margin-bottom: 25px;
  width: fit-content;
  text-transform: uppercase;
  font-weight: 600;
}

.serve-card h3 {
  font-family: var(--font-premium);
  font-size: 28px;
  margin-bottom: 20px;
  font-weight: 600;
  color: #1a1a1a;
}

.serve-quote {
  color: #333;
  font-size: 16px;
  margin-bottom: 20px;
  line-height: 1.6;
  font-style: italic;
}

.serve-main-text {
  color: #555;
  font-size: 15px;
  line-height: 1.8;
  margin-bottom: 35px;
}

/* Link Styling - Professional Arrow Link */
.serve-link {
  margin-top: auto;
  color: #8a734b;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 4px;
  border-bottom: 1px solid transparent;
  width: fit-content;
  transition: 0.3s;
  display: flex;
  align-items: center;
}

.serve-link:hover {
  color: #c5a059;
  border-bottom-color: #c5a059;
  padding-left: 5px; /* Slight movement effect */
}

/* --- Services Tabs Section Styling --- */
.services-tabs-section {
  padding: 80px 0;
  background-color: #ffffff;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Section Header */
.services-header {
  margin-bottom: 50px;
}

.services-header .tagline {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #c09b45;
  margin-bottom: 15px;
  font-weight: 600;
}

.services-header .main-title {
  font-family: var(--font-premium);
  font-weight: 800;
  font-size: 42px;
  line-height: 1.2;
  color: #000;
  margin: 0;
}

/* Tabs Navigation */
.tabs-nav-container {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 40px;
}

.tabs-nav {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 40px;
}

.tabs-nav li {
  padding-bottom: 15px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  color: #888;
  position: relative;
  transition: color 0.3s ease;
}

.tabs-nav li:hover {
  color: #000;
}

.tabs-nav li.active {
  color: #000;
}

.tabs-nav li.active::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #c5a059; /* Gold color from screenshot */
}

/* Flex Layout */
.service-flex {
  display: flex;
  gap: 60px;
  align-items: flex-start;
}

.service-details {
  flex: 1;
}

.service-stats {
  flex: 1;
}

/* Left Content Column */
.service-details h3 {
  font-family: var(--font-premium);
  font-weight: 800;
  font-size: 28px;
  margin-bottom: 20px;
  color: #0a0a0a;
}

.service-desc {
  color: #555;
  line-height: 1.6;
  font-size: 15px;
  margin-bottom: 30px;
}

/* HNI Highlight Box */
.hni-highlight {
  background-color: #fdfaf3;
  border: 1px solid #f2eadb;
  padding: 25px;
  margin-bottom: 30px;
}

.hni-tag {
  display: block;
  font-size: 10px;
  font-weight: 700;
  color: #c5a059;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.hni-highlight p {
  margin: 0;
  font-size: 14px;
  color: #444;
  line-height: 1.5;
}

/* Check List */
.check-list {
  list-style: none;
  padding: 0;
  margin: 0 0 40px 0;
}

.check-list li {
  padding: 12px 0;
  border-bottom: 1px solid #f0f0f0;
  font-size: 14px;
  color: #333;
  display: flex;
  align-items: center;
}

.check-list .plus {
  color: #c5a059;
  margin-right: 12px;
  font-weight: bold;
  font-size: 18px;
}

/* Gold Button */
.gold-btn-solid {
  display: inline-block;
  background-color: #c5a059;
  color: #000;
  padding: 14px 28px;
  text-decoration: none;
  font-weight: 700;
  font-size: 13px;
  transition: background 0.3s ease;
}

.gold-btn-solid:hover {
  background-color: #b08e4d;
}

/* Right Stats Column */
.stats-inner {
  border: 1px solid #eeeeee;
  padding: 40px;
  background: #faf8f4;
}

.stats-title {
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 1px;
  color: #000;
}

.stat-items {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid #e8e4dc;
}

.stat-items .label {
  font-size: 13px;
  color: #666;
}

.stat-items .value {
  font-family: var(--font-premium);
  font-size: 20px;
  font-weight: 600;
  color: #8b6e28;
  font-weight: 600;
}

/* Black CTA Card */
.black-cta-card {
  background-color: #000000;
  padding: 30px;
  text-align: center;
  margin-top: 35px;
}

.black-cta-card p {
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
  margin-bottom: 20px;
  line-height: 1.4;
}

.gold-btn-small {
  display: inline-block;
  background-color: #c5a059;
  color: #000;
  padding: 10px 20px;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
}

/* Tab Switching Display */
.tab-panel {
  display: none;
}

.tab-panel.active {
  display: block;
  animation: fadeIn 0.5s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive */
@media (max-width: 991px) {
  .service-flex {
    flex-direction: column;
  }
  .services-header .main-title {
    font-size: 32px;
  }
}

/* Mobile Responsiveness */
@media (max-width: 991px) {
  .serve-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .serve-card {
    padding: 40px 30px;
  }
  .serve-header h2 {
    font-size: 32px;
  }
}

.faq-section {
  padding: 100px 0;
  background-color: #fff;
} /* Light cream bg as per screenshot */

.faq-header {
  margin-bottom: 60px;
  text-align: left;
}
.faq-header .tagline {
  font-size: 11px;
  color: #c5a059;
  font-weight: 700;
  letter-spacing: 2px;
}
.faq-header .main-title {
  font-family: var(--font-premium);
  font-size: 40px;
  margin-top: 10px;
  color: #0a0a0a;
  font-weight: 700;
}

.faq-container {
  max-width: 900px;
  margin: auto;
}

.faq-item {
  border-bottom: 1px solid #e0e0e0;
  padding: 25px 0;
  cursor: pointer;
}

.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

.faq-icon {
  font-size: 20px;
  color: #c5a059;
  transition: transform 0.3s ease;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition:
    max-height 0.3s ease-out,
    margin-top 0.3s ease;
}

.faq-answer p {
  padding-top: 20px;
  color: #555;
  line-height: 1.7;
  font-size: 14px;
  margin: 0;
}

/* Active State */
.faq-item.active .faq-answer {
  max-height: 500px;
  margin-top: 10px;
}
.faq-item.active .faq-icon {
  transform: rotate(45deg);
  color: #000;
} /* + becomes x */
.faq-item.active .faq-question {
  color: #c5a059;
}

/* --- Global & Layout Fixes --- */
.portfolio-health-check {
  padding: 60px 0;
  background-color: #faf8f4;
}
.section-heading {
  color: #0a0a0a;
  font-size: 3rem;
  font-family: var(--font-premium);
  font-weight: 700;
}

.row-flex {
  display: flex;
  gap: 50px;
  align-items: flex-start;
}

.col-left {
  flex: 1.1;
}
.col-right {
  flex: 0.9;
}

/* --- Left Side: Typography --- */
.gold-label {
  color: #c5a059;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px;
}

.main-heading-premium {
  font-family: var(--font-premium);
  font-size: 44px;
  font-weight: 700;
  line-height: 1.15;
  color: #1a1a1a;
  margin-bottom: 25px;
}

.section-p {
  font-size: 15px;
  line-height: 1.6;
  color: #555;
  margin-bottom: 35px;
}

/* --- Steps Styling --- */
.steps-wrapper {
  margin-bottom: 30px;
}

.step-box {
  display: flex;
  gap: 15px;
  padding-bottom: 22px;
  align-items: flex-start;
  border-bottom: 1px solid #e8e4dc;
  padding-top: 22px;
}

.step-count {
  background: #c5a059;
  color: #fff;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  flex-shrink: 0;
  margin-top: 2px;
}

.step-info strong {
  display: block;
  font-size: 15px;
  color: #000;
  margin-bottom: 4px;
}

.step-info p {
  font-size: 13.5px;
  color: #787878;
  line-height: 1.4;
  margin: 0 !important;
}
.step-info p b {
  display: block;
  color: #3d3d3d;
}

.slot-warning {
  font-size: 12px;
  color: #444;
  margin: 25px 0;
}

/* --- Contact Info Card --- */
.form-row {
  display: flex;
  gap: 15px;
}
.bars-wealth-form h3 {
  color: #0a0a0a;
  margin: 0;
  font-size: 24px;
  font-family: var(--font-premium);
  font-weight: 700;
}
.direct-contact-info {
  border: 1px solid #e8e4dc;
  padding: 25px;
  margin-top: 35px;
  max-width: 100%;
  background: #fff;
}

.direct-contact-info h6 {
  font-weight: 800;
  letter-spacing: 1px;
  margin-bottom: 15px;
  color: #000;
}

.direct-contact-info p {
  font-size: 13px;
  margin-bottom: 10px;
  color: #555;
  display: flex;
  align-items: center;
  gap: 12px;
}

/* --- Right Side: Form Fixes (Screenshot 2 Match) --- */
.form-card-gold {
  border: 1px solid #e8e4dc;
  padding: 35px;
  background: #fff;
  border-top: 3px solid #c09b45;
}

/* CF7 Clean-up (Remove auto gaps) */
.bars-wealth-form br {
  display: none !important;
}
.bars-wealth-form p {
  margin: 0 0 24px 0;
  padding: 0 !important;
  color: #787878;
  font-size: 12px;
}
.wpcf7-form-control-wrap {
  display: block;
  margin-bottom: 15px;
}

.bars-wealth-form label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 6px;
  color: #3d3d3d;
}

.bars-wealth-form input,
.bars-wealth-form select {
  width: 100%;
  background: #faf8f4 !important;
  border: 1px solid #e5e5e5 !important;
  padding: 10px 15px !important;
  font-size: 14px;
  color: #333;
}

.bars-wealth-form select {
  height: 42px;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
}

.submit-wrap input {
  background: #c5a059 !important;
  color: #fff !important;
  text-transform: none;
  font-weight: 700;
  font-size: 16px;
  padding: 14px !important;
  border: none !important;
  margin-top: 10px;
  cursor: pointer;
}

.form-privacy-note {
  font-size: 10px;
  color: #999;
  margin-top: 15px;
  line-height: 1.4;
  display: flex;
  gap: 5px;
}

.about-team-section {
  background-color: var(--dark-bg);
  padding: 100px 0;
  color: var(--white);
  position: relative;
}
.about-team-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
}
.about-flex {
  display: flex;
  justify-content: space-between;
  gap: 80px;
  align-items: flex-start;
}

.about-content {
  flex: 1;
}
.team-grid {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

/* Typography */
.premium-h2 {
  font-family: var(--font-premium); /* Cormorant Garamond */
  font-size: 50px;
  line-height: 1.1;
  margin: 20px 0;
  font-weight: 500;
}
h2.premium-h2 span {
  color: #d4b468;
  font-family: var(--font-premium); /* Cormorant Garamond */
  font-style: italic;
}

.about-text {
  font-family: var(--font-main); /* Outfit */
  color: var(--text-gray);
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 30px;
}

.about-text strong {
  color: var(--white);
  font-weight: 600;
}

/* Compliance Tags Styling */
.compliance-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.compliance-tags span {
  border: 1px solid #333;
  padding: 6px 15px;
  font-size: 11px;
  font-family: var(--font-main);
  color: rgba(255, 255, 255, 0.45);
  text-transform: uppercase;
  letter-spacing: 1px;
  background: rgba(192, 155, 69, 0.06);
}

/* Team Card Details */
.team-card {
  background: #111;
  border: 1px solid #222;
  padding: 30px;
  min-height: 250px;
}

.member-initials {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: #222;
  color: var(--gold);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-premium);
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 30px;
}

.member-initials.gold-init {
  background: linear-gradient(135deg, #8b6e28, #c09b45);
  color: #000;
  color: #000;
}
.expert-info h3 {
  font-family: var(--font-premium);
  font-size: 18px;
  margin: 0;
}
.expert-info p {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.4);
  margin-top: 8px;
}
.expert-info p span {
  display: block;
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gold);
  margin-top: 3px;
}
.team-card h3 {
  font-family: var(--font-premium);
  font-size: 22px;
  margin-bottom: 5px;
  color: var(--white);
}

.designation {
  font-family: var(--font-main);
  font-size: 10px;
  color: var(--gold);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 700;
  margin-bottom: 10px;
}

.experience {
  font-family: var(--font-main);
  font-size: 12px;
  color: #666;
  line-height: 1.4;
  font-weight: 600;
}

.nri-section {
  background-color: var(--dark-bg);
  padding: 120px 0;
  color: var(--white);
}

.nri-flex {
  display: flex;
  gap: 100px;
  align-items: center;
}
.nri-desc p {
  color: rgba(255, 255, 255, 0.55);
}
.service-item {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(192, 155, 69, 0.15);
  padding: 1rem;
}
.nri-content {
  flex: 1.2;
}
.nri-stepper-card {
  flex: 0.8;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(192, 155, 69, 0.2);
  padding: 40px;
}

/* Service Grid (Left) */
.services-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 40px 0;
}

.service-item h4 {
  color: var(--gold);
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.service-item p {
  font-size: 13px;
  color: var(--text-gray);
  line-height: 1.5;
}

/* Stepper (Right) */
.expert-profile {
  display: flex;
  gap: 15px;
  align-items: center;
  border-bottom: 1px solid #222;
  margin-bottom: 30px;
}

.steps-label {
  font-size: 9px;
  color: var(--gold);
  letter-spacing: 2px;
  margin-bottom: 25px;
}

.step-row {
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
  align-items: flex-start;
}

.step-num {
  width: 24px;
  height: 24px;
  background: var(--gold);
  color: #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
  flex-shrink: 0;
}

.step-row p {
  font-size: 13px;
  color: #ccc;
  line-height: 1.4;
  margin: 0;
}

/* Button & Tags */
.gold-btn {
  display: inline-block;
  background: var(--gold);
  color: #000;
  padding: 15px 30px;
  font-weight: 700;
  text-decoration: none;
  font-size: 14px;
  margin-top: 40px;
}

.loc-tag {
  border: 1px solid #333;
  padding: 5px 12px;
  font-size: 10px;
  margin-right: 8px;
  color: #666;
}

/* --- RESPONSIVE MODIFICATIONS --- */
@media (max-width: 1024px) {
  .nri-flex {
    gap: 50px;
  }
  .nri-stepper-card {
    padding: 30px;
  }
}

@media (max-width: 768px) {
  .nri-section {
    padding: 80px 0;
  }

  .nri-flex {
    flex-direction: column;
    gap: 60px;
  }

  .nri-content,
  .nri-stepper-card {
    width: 100%;
    flex: none;
  }

  .services-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .premium-h2 {
    font-size: 32px;
  }

  .gold-btn {
    width: 100%;
    text-align: center;
  }

  .expert-profile {
    flex-direction: row;
    text-align: left;
  }
}

@media (max-width: 480px) {
  .nri-section {
    padding: 60px 0;
  }

  .nri-stepper-card {
    padding: 25px 20px;
  }

  .premium-h2 {
    font-size: 28px;
  }
}

/* Responsive */
@media (max-width: 991px) {
  .about-flex {
    flex-direction: column;
    gap: 50px;
  }
  .team-grid {
    width: 100%;
  }
}

/* Mobile Responsive */
@media (max-width: 991px) {
  .row-flex {
    flex-direction: column;
  }
  .main-heading-premium {
    font-size: 32px;
  }
}
.insights-section {
  padding: 80px 0;
  background-color: #fff;
}

.insights-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 50px;
}

.view-all-btn {
  padding: 12px 25px;
  border: 1px solid #ddd;
  text-decoration: none;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  transition: 0.3s;
}

.view-all-btn:hover {
  border-color: #c5a059;
  color: #c5a059;
}

/* Grid System */
.insights-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

/* Card Styling */
.insight-card {
  background: #faf8f4;
  border: 1px solid #eee;
  padding: 35px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: transform 0.3s ease;
}

.insight-card:hover {
  transform: translateY(-5px);
  border-color: #c5a059;
}

.card-category {
  font-weight: 700;
  font-family: "DM Mono", monospace;
  font-size: 9px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  background: #f6f0e4;
  color: #8b6e28;
  border: 1px solid rgba(192, 155, 69, 0.3);
  padding: 3px 9px;
  display: inline-block;
}
.author-avatar {
  display: flex;
}

.card-title {
  font-size: 22px;
  line-height: 1.3;
  margin-bottom: 15px;
}

.card-title a {
  color: #000;
  text-decoration: none;
  font-size: 18px;
  font-family: var(--font-premium);
  font-weight: 800;
}
.card-excerpt {
  color: #787878;
  font-size: 14px;
}

.card-excerpt p {
  font-size: 14px;
  color: #666;
  line-height: 1.6;
}

/* Card Footer/Author */
.card-footer {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #e8e4dc;
}

.author-avatar img {
  border-radius: 50%;
  filter: grayscale(100%);
}

.author-meta {
  display: flex;
  flex-direction: column;
}

.author-name {
  font-size: 13px;
  font-weight: 700;
  color: #000;
}

.post-date {
  font-size: 12px;
  color: #999;
}

/* Responsive */
@media (max-width: 991px) {
  .insights-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .insights-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}

@media (max-width: 767px) {
  .insights-grid {
    grid-template-columns: 1fr;
  }
}
/* =========================================
   DYNAMIC FOOTER STYLING (PREMIUM DARK)
   ========================================= */

.main-footer {
  background-color: #000000;
  color: #ffffff;
  padding: 80px 0 40px;
  font-family: "Inter", sans-serif;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
  gap: 40px;
  margin-bottom: 50px;
}

.footer-title {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 25px;
  color: #c09b45;
  text-transform: uppercase;
}

.footer-logo {
  height: 35px;
  margin-bottom: 25px;
  display: block;
}

.footer-about {
  color: rgba(255, 255, 255, 0.35);
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 30px;
  max-width: 280px;
}

.footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-links li {
  margin-bottom: 8px;
}

.footer-links li a {
  color: rgba(255, 255, 255, 0.45);
  text-decoration: none;
  font-size: 13px;
  transition: 0.3s ease;
}

.footer-links li a:hover {
  color: #c5a059; /* Gold color */
}

/* Social Icons Styling */
.footer-socials {
  display: flex;
  gap: 15px;
}

.footer-socials a {
  width: 38px;
  height: 38px;
  border: 1px solid #333;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
  transition: 0.3s all ease;
}

.footer-socials a i {
  font-size: 14px;
}

.footer-socials a:hover {
  border-color: #c5a059;
  color: #c5a059;
  transform: translateY(-3px);
}

.footer-bottom {
  border-top: 1px solid #1a1a1a;
  padding-top: 30px;
}

.disclaimer-texts {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.32);
  line-height: 1.8;
  margin-bottom: 20px;
}

.copyright-flex {
  display: flex;
  justify-content: center;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.32);
  font-weight: 600;
}

/* Special Button/Link Styling */
.btn-book {
  color: #c5a059 !important;
  font-weight: 600;
}

.edge-section {
  padding: 100px 0;
  background-color: #ffffff;
}

.edge-flex-container {
  display: flex;
  justify-content: space-between;
  gap: 60px;
}

/* Left Column */
.edge-left {
  flex: 1;
  max-width: 550px;
}

.headBase {
  font-size: 42px;
  line-height: 1.2;
  margin: 15px 0;
  color: #111;
  font-weight: 800;
}

.section-subtitle {
  font-size: 16px;
  color: #3d3d3d;
  font-weight: 300;
  line-height: 1.6;
}

/* Features Styling */
.feature-item {
  display: flex;
  gap: 15px;
  padding: 20px 0;
  border-bottom: 1px solid #e8e4dc;
}

.feature-item .dot {
  width: 6px;
  height: 6px;
  background: #c09b45;
  border-radius: 50%;
  margin-top: 5px;
}

.f-content h4 {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 5px;
  color: #3d3d3d;
  margin-top: 0;
}
.f-content p {
  font-size: 14px;
  color: #787878;
  margin: 0;
}

/* Download Box */
.download-box {
  background: #f6f0e4;
  border: 1px solid rgba(192, 155, 69, 0.3);
  padding: 18px 25px;
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 40px;
}

.d-text strong {
  font-size: 12px;
  color: #8b6e28;
  letter-spacing: 1px;
  display: block;
}
.d-text p {
  font-size: 12px;
  color: #888;
  margin: 0;
}

/* Right Column (The Card) */
.edge-right {
  flex: 0.9;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: center;
  background: #0a0a0a;
  min-height: 540px;
}

.portfolio-card {
  background: rgba(255, 255, 255, 0.05);
  padding: 40px;
  width: 100%;
  border: 1px solid #222;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.2);
  max-width: 420px;
  margin: auto;
}

.card-header {
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  letter-spacing: 1.5px;
  color: rgba(255, 255, 255, 0.4);
  margin-bottom: 20px;
  font-weight: 700;
  position: relative;
}

.live-edge {
  color: #000;
  top: 0;
  right: 0;
}

.stats-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 45px;
}
.stats-grid .stat-item {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  padding: 0.75rem;
}
.stat-val {
  font-size: 26px;
  color: #d4b468;
  display: block;
  font-family: var(--font-premium);
  font-weight: 800;
}
.stat-lbl {
  font-size: 0.65rem;
  color: rgba(255, 255, 255, 0.3);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  margin-top: 2px;
}
.green {
  color: #4caf50;
}
.gold {
  color: #c09b45;
}

/* Visual Chart */
.bars-container {
  display: flex;
  align-items: flex-end;
  gap: 7px;
  height: 70px;
  margin-bottom: 12px;
}

.bar {
  flex: 1;
  background: #222;
  border-radius: 2px 2px 0 0;
}
.bar.active {
  background: #c09b45;
}
.chart-info {
  font-size: 10px;
  color: #4caf50;
  text-align: right;
  margin: 0;
}

/* ==========================================================================
   OUR EDGE CUSTOM SECTION STYLES - FULL RESET & FIXED
   ========================================================================== */

.our-edge-section {
  background-color: #f7f4ed !important;
  padding: 80px 0 !important;
  font-family:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    sans-serif !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.our-edge-section .container {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

/* Header Context Elements */
.edge-header {
  margin-bottom: 35px !important;
  text-align: left !important;
}

.edge-header .subtitle {
  font-size: 13px !important;
  letter-spacing: 2px !important;
  color: #b5945b !important;
  font-weight: 700 !important;
  display: block !important;
  margin-bottom: 10px !important;
  text-transform: uppercase !important;
}

.edge-header h2 {
  font-size: 38px !important;
  color: #111111 !important;
  font-weight: 400 !important;
  margin: 0 0 20px 0 !important;
  line-height: 1.3 !important;
}

.edge-header h2 span {
  font-style: italic !important;
  color: #b5945b !important;
  font-family: Georgia, serif !important;
}

/* Red Notice Notification Top Bar */
.notice-bar {
  background: #d91414 !important;
  color: #ffffff !important;
  padding: 14px 20px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  margin-top: 15px !important;
  border-radius: 2px !important;
}

/* ==========================================================================
   INTERACTIVE TABS NAVIGATION TABS
   ========================================================================== */

.edge-tabs-nav {
  display: flex !important;
  background: #c91818 !important; /* Solid Dark Red Bar Container */
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  border-radius: 4px 4px 0 0 !important;
  overflow: hidden !important;
}

.tab-btn {
  flex: 1 !important;
  background: transparent !important;
  border: none !important;
  color: #ffffff !important;
  padding: 18px 10px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  text-align: center !important;
  transition:
    background 0.2s ease,
    border-color 0.2s ease !important;
  border-bottom: 4px solid transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

.tab-btn:hover {
  background: rgba(0, 0, 0, 0.15) !important;
}

.tab-btn.active {
  background: #0d0d0d !important; /* Premium Jet Black background for active tab */
  color: #ffffff !important;
  border-bottom: 4px solid #b5945b !important; /* Branding Gold Strip Line Indicator */
}

/* ==========================================================================
   DYNAMIC WRAPPER CARDS SYSTEM
   ========================================================================== */

.edge-tabs-container {
  background: #0d0d0d !important; /* Black box card */
  color: #ffffff !important;
  border-radius: 0 0 4px 4px !important;
  box-sizing: border-box !important;
  border: 1px solid #1a1a1a !important;
}

.tab-content {
  display: none !important; /* Force hide all tabs till standard call triggered */
  padding: 45px !important;
  box-sizing: border-box !important;
}

.tab-content.active {
  display: block !important; /* Display only selected active block */
  animation: edgeFadeInEffect 0.4s ease forwards !important;
}

.card-title-banner {
  background: #cc0000 !important; /* Red Horizontal Ribbon Title */
  color: #ffffff !important;
  padding: 12px 20px !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  margin: 0 0 25px 0 !important;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.card-desc {
  color: #b0b0b0 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin: 0 0 35px 0 !important;
}

.disclaimer-texts {
  font-size: 12px !important;
  color: #666666 !important;
  font-style: italic !important;
  margin: 35px 0 35px 0 !important;
  display: block !important;
}

/* ==========================================================================
   TAB 1 STYLES: DYNAMIC CHART GRAPH ENGINE
   ========================================================================== */

.chart-wrapper {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  height: 280px !important;
  padding: 20px 0 10px 0 !important;
  border-bottom: 1px solid #262626 !important;
  margin-bottom: 15px !important;
  box-sizing: border-box !important;
}

.bar-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 13% !important;
  position: relative !important;
}

.bar {
  background: #b5945b !important; /* Gold Pillar Bars */
  width: 100% !important;
  position: relative !important;
  border-radius: 2px 2px 0 0 !important;
  display: flex !important;
  justify-content: center !important;
}

.bar span {
  position: absolute !important;
  top: -30px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  white-space: nowrap !important;
}

.bar-label {
  margin-top: 12px !important;
  font-size: 12px !important;
  color: #8c8c8c !important;
  white-space: nowrap !important;
}

/* ==========================================================================
   TAB 2 STYLES: 3 COLUMN CARDS GRID LAYOUT
   ========================================================================== */

.grid-three-col {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 25px !important;
  margin-bottom: 15px !important;
}

.stat-box {
  background: #141414 !important;
  border: 1px solid #262626 !important;
  padding: 35px 20px !important;
  text-align: center !important;
  border-radius: 2px !important;
}

.stat-box h4 {
  font-size: 36px !important;
  color: #b5945b !important; /* Gold standard big text numbers */
  margin: 0 0 10px 0 !important;
  font-weight: 700 !important;
}

.stat-box p {
  color: #a6a6a6 !important;
  margin: 0 !important;
  font-size: 14px !important;
}

/* ==========================================================================
   TAB 3 STYLES: TABLE VIEW & WARNING HIGHLIGHT BOX
   ========================================================================== */

.table-info-meta {
  font-size: 13px !important;
  color: #8c8c8c !important;
  margin: 0 0 18px 0 !important;
  line-height: 1.5 !important;
}

.table-responsive {
  width: 100% !important;
  overflow-x: auto !important;
  margin-bottom: 30px !important;
}

.overlap-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 0 !important;
}

.overlap-table th {
  color: #8c8c8c !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  padding: 14px 16px !important;
  border-bottom: 2px solid #262626 !important;
  text-align: left !important;
}

.overlap-table td {
  padding: 14px 16px !important;
  font-size: 14px !important;
  color: #e0e0e0 !important;
  border-bottom: 1px solid #1a1a1a !important;
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.highlight-red {
  color: #ff4d4d !important;
  font-weight: 700 !important;
}

/* Green Alert Notification Box CSS Layout */
.alert-success-box {
  border: 1px solid #006622 !important;
  background: rgba(0, 51, 17, 0.25) !important;
  padding: 20px !important;
  font-size: 14px !important;
  color: #2bed68 !important;
  line-height: 1.6 !important;
  border-radius: 4px !important;
  margin-top: 20px !important;
}

/* ==========================================================================
   TAB 4 STYLES: 10-YEAR DATA STRIP & RICH TEXT FOOTER BLOCKS
   ========================================================================== */

.benchmark-years-grid {
  display: grid !important;
  grid-template-columns: repeat(10, 1fr) !important;
  gap: 12px !important;
  text-align: center !important;
  margin-bottom: 15px !important;
  border-bottom: 1px solid #262626 !important;
  padding-bottom: 20px !important;
}

.benchmark-years-grid div {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.benchmark-years-grid span {
  font-weight: 700 !important;
  font-size: 16px !important;
  color: #b5945b !important;
}

.benchmark-years-grid small {
  color: #737373 !important;
  font-size: 11px !important;
  margin-top: 6px !important;
}

.source-small-text {
  font-size: 11px !important;
  color: #595959 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  margin: 0 0 40px 0 !important;
}

/* Footer WYSIWYG Columns */
.info-footer-blocks {
  border-top: 1px solid #262626 !important;
  padding-top: 35px !important;
  margin-top: 20px !important;
}

.info-block h5 {
  font-size: 12px !important;
  color: #737373 !important;
  letter-spacing: 1px !important;
  margin: 0 0 20px 0 !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
}

/* Reset Lists coming from WordPress Dashboard Editor loop */
.rich-text-wrapper ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.rich-text-wrapper ul li {
  font-size: 14px !important;
  color: #cccccc !important;
  margin-bottom: 10px !important;
  position: relative !important;
  padding-left: 0 !important;
  line-height: 1.5 !important;
}

.clean-qa p {
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #cccccc !important;
  margin: 0 0 12px 0 !important;
}

.clean-qa p strong {
  color: #ffffff !important;
}

.clean-qa p span {
  color: #b5945b !important;
}

/* ==========================================================================
   CSS HARDWARE ACCELERATED FADE ANIMATION
   ========================================================================== */

@keyframes edgeFadeInEffect {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ==========================================================================
   100% RESPONSIVE ADAPTABILITY ENGINE (MOBILE BREAKPOINTS)
   ========================================================================== */

@media (max-width: 991px) {
  .edge-tabs-nav {
    flex-direction: column !important;
  }

  .tab-btn {
    width: 100% !important;
    border-bottom: none !important;
    border-left: 4px solid transparent !important;
    text-align: left !important;
    padding: 15px 20px !important;
  }

  .tab-btn.active {
    border-left: 4px solid #b5945b !important;
    border-bottom: none !important;
  }

  .tab-content {
    padding: 25px 20px !important;
  }

  .grid-three-col {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .benchmark-years-grid {
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 15px !important;
  }

  .chart-wrapper {
    overflow-x: auto !important;
    padding-bottom: 15px !important;
    align-items: flex-end !important;
  }

  .bar-item {
    min-width: 65px !important;
    margin-right: 15px !important;
  }
}

/* --- RESPONSIVE SETTINGS --- */

/* Tablet & Mobile Landscape (Max 1024px) */
@media (max-width: 1024px) {
  .edge-flex-container {
    gap: 40px;
  }
  .premium-h2 {
    font-size: 36px;
  }
}

/* Tablet & Large Mobile (Max 768px) */
@media (max-width: 768px) {
  .edge-flex-container {
    flex-direction: column;
    gap: 50px;
  }

  .edge-left {
    max-width: 100%;
    padding: 0 20px;
  }

  .edge-right {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    min-height: auto;
    padding: 60px 20px;
  }

  .premium-h2 {
    font-size: 32px;
  }

  .download-box {
    width: 100%;
    justify-content: center;
  }
}

/* Small Mobile (Max 480px) */
@media (max-width: 480px) {
  .premium-h2 {
    font-size: 28px;
  }

  .stats-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .portfolio-card {
    padding: 25px;
  }

  .stat-val {
    font-size: 22px;
  }

  .edge-section {
    padding: 50px 0;
  }
}

/* =========================================
   RESPONSIVE MEDIA QUERIES
   ========================================= */

/* For Tablets (991px and below) */
@media (max-width: 991px) {
  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }

  .brand-info {
    grid-column: span 2;
    margin-bottom: 20px;
  }
}

/* For Mobile (600px and below) */
@media (max-width: 600px) {
  .main-footer {
    padding: 50px 0 30px;
  }

  .footer-grid {
    grid-template-columns: 1fr;
    gap: 40px;
    text-align: center;
  }

  .brand-info {
    grid-column: span 1;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .footer-about {
    max-width: 100%;
  }

  .footer-socials {
    justify-content: center;
  }

  .copyright-flex {
    flex-direction: column;
    gap: 12px;
    align-items: center;
    text-align: center;
  }

  .footer-title {
    margin-bottom: 15px;
  }

  .footer-links li {
    margin-bottom: 10px;
  }
}
/* --- Responsive Styles --- */

/* 1. Tablet & Large Mobile (1024px and below) */
@media (max-width: 1024px) {
  nav {
    padding: 20px 5%;
  }

  .hero {
    flex-direction: column;
    padding: 80px 15px;
    text-align: center;
  }

  .hero-content {
    margin-bottom: 50px;
  }

  .description {
    margin: 0 auto 40px;
  }

  .hero-graphic {
    justify-content: center;
    width: 100%;
  }

  .res-grid,
  .test-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 columns for tablets */
  }

  .stats-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 20px;
  }

  .stat-item:nth-child(2) {
    border-right: none;
  }
}

/* 2. Small Mobile (768px and below) */
@media (max-width: 768px) {
  h1 {
    font-size: 42px; /* Small heading for mobile */
  }

  .stats-container,
  .res-grid,
  .test-grid {
    grid-template-columns: 1fr; /* Single column for mobile */
  }

  .stat-items {
    border-right: none;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
  }

  .stat-item:last-child {
    border-bottom: none;
  }

  .btn-outline {
    margin-left: 0;
    margin-top: 15px;
    display: block;
  }

  .btn-primary {
    display: block;
    width: 100%;
  }

  .hero-footer-info {
    flex-direction: column;
    gap: 15px;
    align-items: center;
    text-align: center;
  }

  .resources-section,
  .testimonials-section {
    padding: 60px 5%;
  }
}

/* 3. Extra Small Screens */
@media (max-width: 480px) {
  h1 {
    font-size: 36px;
  }

  .card {
    width: 100%; /* Full width card on very small screens */
  }
}
/* ==========================================================================
   MUTUAL FUNDS HERO SECTION STYLES
   ========================================================================== */
.mf-hero-section {
  background: linear-gradient(135deg, #0d2818 0%, #1a4030 60%, #0d2818 100%);
  padding: 80px 0;
  color: #ffffff;
  min-height: 80vh;
  display: flex;
  align-items: center;
}

.mf-hero-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  align-items: center;
}

/* LEFT CONTENT SECTION */
.mf-subtitle {
  color: #7dc89a; /* Premium gold tint */
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 15px;
}

.mf-title {
  font-size: 54px;
  line-height: 1.1;
  margin: 0 0 20px 0;
  font-weight: 700;
}

.mf-title-line1 {
  color: #ffffff;
  display: block;
  font-family: var(--font-premium);
}

.mf-title-line2 {
  color: #c5a880; /* Premium gold tint */
  font-style: italic;
  font-weight: 800;
  display: block;
  font-family: var(--font-premium);
}

.mf-description {
  color: rgba(255, 255, 255, 0.55);
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 30px;
  max-width: 480px;
}

/* BULLET BADGES LIST */
.mf-features-list {
  list-style: none;
  padding: 0;
  margin: 0 0 35px 0;
  display: flex;
  gap: 12px;
}

.mf-features-list li {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.4);
  display: flex;
  align-items: center;
  gap: 8px;
}

.mf-check {
  color: var(--gold);
  font-weight: bold;
}

/* CTA BUTTON SPECIFICS */
.mf-cta-btn {
  background: var(--gold);
  color: #000000 !important;
  padding: 14px 30px;
  font-weight: 600;
  border-radius: 4px;
  text-decoration: none;
  display: inline-block;
  transition:
    background 0.3s ease,
    transform 0.2s ease;
}

.mf-cta-btn:hover {
  background: #b2966e;
  transform: translateY(-2px);
}

/* RIGHT SIDE: CALCULATOR CARD SPECIFICS */
.mf-sip-card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(197, 168, 128, 0.2);
  border-radius: 12px;
  padding: 30px;
  box-sizing: border-box;
  backdrop-filter: blur(10px);
}

.sip-title {
  font-family: "Cormorant Garamond", serif;
  font-size: 24px;
  color: #c5a880;
  font-weight: 700;
  margin-bottom: 25px;
  letter-spacing: 0.5px;
}

.sip-label {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 10px;
  font-weight: 500;
}

.sip-range {
  width: 100%;
  accent-color: #c5a880;
  margin-bottom: 5px;
  cursor: pointer;
}

.sip-display-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.sip-display-row span {
  font-family: "DM Mono", monospace;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.6);
}

.sip-result-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 15px;
  margin-top: 30px;
  padding-top: 25px;
  border: 1px solid rgba(192, 155, 69, 0.25);
  align-items: flex-end;
  background: rgba(192, 155, 69, 0.1);
  padding: 1rem 1.2rem;
}

.sip-res-box {
  display: flex;
  flex-direction: column;
}

.sip-res-val {
  font-family: "Cormorant Garamond", serif;
  font-size: 26px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.2;
}

.sip-res-val.highlight-gold {
  color: #c5a880 !important;
}

.sip-res-val.highlight-green {
  color: #5be891 !important;
}

.sip-res-lbl {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.4);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 5px;
}

.sip-disclaimer {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.25);
  margin-top: 25px;
  line-height: 1.5;
}

/* RESPONSIVE MEDIA BREAKDOWN CONTROL ENGINE */
@media (max-width: 991px) {
  .mf-hero-section {
    padding: 50px 0;
  }
  .mf-hero-grid {
    grid-template-columns: 1fr;
    gap: 40px;
    text-align: center;
  }
  .mf-description {
    margin: 0 auto 30px auto;
  }
  .mf-features-list {
    align-items: center;
  }
}

/* ==========================================================================
   🌐 PREMIUM BREADCRUMBS STRUCTURAL DESIGN
   ========================================================================== */
.mf-breadcrumbs-container,
.mf-breadcrumbs-container p {
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 35px;
  letter-spacing: 0.5px;
  color: rgba(255, 255, 255, 0.4); /* Muted gray tracking tone */
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Breadcrumbs Links styling configuration */
.mf-breadcrumbs-container a {
  color: rgba(255, 255, 255, 0.4) !important;
  text-decoration: none !important;
  transition: color 0.2s ease;
}

.mf-breadcrumbs-container a:hover {
  color: #c5a880 !important; /* Gold highlights toggle on hover state */
}

/* Custom dynamic separator settings */
.mf-bread-separator,
.mf-breadcrumbs-container .separator {
  color: rgba(255, 255, 255, 0.25);
  font-size: 14px;
}

/* Active current node element styling state */
.mf-bread-current,
.mf-breadcrumbs-container .last,
.mf-breadcrumbs-container .current-item {
  color: rgba(255, 255, 255, 0.4) !important;
  font-weight: 400;
}

/* ==========================================================================
   🌐 FUND UNIVERSE SECTION
   ========================================================================== */

.fund-universe-section {
  background-color: #fff;
  padding: 100px 0;
  color: #0b1a13;
}
.universe-header {
  margin-bottom: 60px;
  max-width: 650px;
}
.universe-subtitle {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #7a8b82;
  display: block;
  margin-bottom: 15px;
  font-weight: 600;
}
.universe-main-title {
  font-family: "Cormorant Garamond", serif;
  font-size: 46px;
  font-weight: 700;
  line-height: 1.15;
  margin: 0 0 20px 0;
  color: #000000;
}
.universe-desc {
  font-size: 15px;
  color: #5a7a6a;
  line-height: 1.6;
  font-weight: 300;
}
.universe-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}
.universe-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}
.universe-card:hover {
  transform: translateY(-5px);
  border-color: #0b1a13;
  box-shadow: 0 15px 35px rgba(11, 26, 19, 0.06);
}
.card-text-icon {
  font-size: 32px;
  line-height: 1;
  margin-bottom: 25px;
}
.card-headline {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 15px 0;
  color: #0d2818;
}
.card-excerpt {
  font-size: 13.5px;
  color: #666666;
  line-height: 1.6;
  margin: 0 0 30px 0;
  flex-grow: 1;
}
.badge-tag {
  font-size: 0.62rem;
  letter-spacing: 0.1em;
  background: #e8f4ef;
  color: #2d7a5e;
  padding: 2px 8px;
  border-radius: 2px;
  margin-top: 0.6rem;
}
@media (max-width: 1199px) {
  .universe-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .universe-grid {
    grid-template-columns: 1fr;
  }
}
/* ==========================================================================
   🌐 FUND UNIVERSE SECTION
   ========================================================================== */
/* ==========================================================================
   🔗 GLOBAL DYNAMIC ACTIVE MENU HIGHLIGHTS
   ========================================================================== */

/* Kisi bhi page par ho, Parent Menu (jaise Services, Who We Serve) active dikhega */
.nav-links li.current-menu-parent > a,
.nav-links li.current-menu-ancestor > a,
.nav-links li.current-menu-item > a {
  color: #ffffff !important; /* Bright white text for active state */
  font-weight: 600 !important;
}

/* Dropdown ke andar jo specific active child page chal raha hai, use gold highlight milegi */
.nav-links li .sub-menu li.current-menu-item > a,
.nav-links li .dropdown-menu li.current-menu-item > a {
  color: #c5a880 !important; /* Premium Gold theme selector */
  font-weight: 600 !important;
  background-color: rgba(197, 168, 128, 0.05) !important;
}

/* ==========================================================================
   📈 OUR PROCESS TIMELINE LAYOUT STYLE
   ========================================================================== */
.process-timeline-section {
  background-color: #faf8f4; /* Subtle off-white cream tone background */
  padding: 100px 0;
  color: #0b1a13;
}

.process-header {
  text-align: left;
  margin-bottom: 80px;
}

.process-subtitle {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #c5a880; /* Premium Gold shade */
  display: block;
  margin-bottom: 15px;
  font-weight: 600;
}

.process-main-title {
  font-family: "Cormorant Garamond", serif;
  font-size: 46px;
  font-weight: 700;
  line-height: 1.15;
  margin: 0;
  color: #000000;
}

/* Timeline Track Wrapper */
.process-timeline-container {
  position: relative;
  margin-bottom: 70px;
}

/* Horizontal connecting line behind the circles */
.timeline-line-bridge {
  position: absolute;
  top: 25px; /* Aligns exactly passing through the middle of 50px circles */
  left: 12%;
  right: 12%;
  height: 1px;
  background: linear-gradient(90deg, var(--gold), rgba(192, 155, 69, 0.2));
  z-index: 1;
}

/* 4-Column Flex/Grid Frame */
.process-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  position: relative;
  z-index: 2; /* Content stays over the background bridge line */
}

/* Individual Node Configuration */
.process-step-node {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Step Number Round Badge */
.step-number-circle {
  width: 50px;
  height: 50px;
  background-color: #edf5f1; /* Soft greenish mint background */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
  box-shadow: 0 0 0 1px rgba(226, 232, 240, 0.4);
}

.step-number-circle span {
  font-family: "Cormorant Garamond", serif;
  font-size: 18px;
  font-weight: 700;
  color: #0b1a13;
}

/* Content Typography */
.step-headline {
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 12px 0;
  color: #000000;
}

.step-excerpt {
  font-size: 13.5px;
  color: #787878;
  line-height: 1.6;
  margin: 0;
  padding: 0 10px;
}

/* Bottom CTA Layout */
.process-action-wrap {
  text-align: center;
  margin-top: 50px;
}

/* Button style adjustment matching home dark theme style if needed */
.btn-primary.process-popup-btn {
  background-color: #000000 !important;
  color: #ffffff !important;
  padding: 15px 35px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 4px;
  text-decoration: none;
  display: inline-block;
  transition: background-color 0.3s ease;
}

.btn-primary.process-popup-btn:hover {
  background-color: #1a1a1a !important;
}

/* Responsive Structural Breaks */
@media (max-width: 991px) {
  .timeline-line-bridge {
    display: none; /* Mobile/Tablet me track chain layout break karenge vertically */
  }
  .process-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
  .step-number-circle {
    border-color: #fcfbfa;
  }
}

@media (max-width: 575px) {
  .process-grid {
    grid-template-columns: 1fr;
    gap: 35px;
  }
  .process-main-title {
    font-size: 34px;
  }
}

/* ==========================================================================
   💼 WHY BARS WEALTH GRID STYLE SHEET
   ========================================================================== */
.why-bars-section {
  background-color: #fcfbfa; /* Light background layout matching standard blocks */
  padding: 100px 0;
}

.why-bars-split-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr; /* Left side slightly larger */
  gap: 60px;
  align-items: center;
}

/* LEFT COLUMN STYLES */
.why-subtitle {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #c5a880;
  display: block;
  margin-bottom: 15px;
}

.why-title {
  font-family: "Cormorant Garamond", serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  color: #0b1a13;
  margin: 0 0 50px 0;
}
h2.why-title span {
  color: #c09b45;
  font-family: var(--font-premium);
  font-weight: 800;
}
.why-title .gold-text {
  color: #c5a880;
  font-style: italic;
}

/* Feature Item Row Structure */
.features-list-wrap {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.feature-item-row {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.feature-icon-box {
  width: 44px;
  height: 44px;
  background-color: #edf5f1; /* Soft mint tint circle */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 18px;
}

.feature-text-content h3 {
  font-size: 16px;
  font-weight: 700;
  color: #0b1a13;
  margin: 0 0 6px 0;
}

.feature-text-content p {
  font-size: 13.5px;
  color: #555555;
  line-height: 1.55;
  margin: 0;
  max-width: 520px;
}

/* RIGHT COLUMN STYLES: THE DEEP GREEN STATS CONTAINER */
.stats-dark-card {
  background: linear-gradient(135deg, #0d2818, #1a4030);
  border-radius: 12px;
  padding: 45px;
}

.stats-box-tag {
  font-size: 10px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.3);
  letter-spacing: 2px;
  display: block;
  margin-bottom: 30px;
  text-transform: uppercase;
}

/* 2x2 Matrix Border Structure */
.stats-counter-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  margin-bottom: 30px;
}

.stat-cell {
  padding: 25px 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: #0d2818;
  text-align: center;
}

/* Adding vertical divider using CSS border logic */
.stat-cell:nth-child(odd) {
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  padding-left: 0;
}
.stat-cell:nth-child(even) {
  padding-right: 0;
  padding-left: 30px;
}

.stat-big-number {
  font-family: "Cormorant Garamond", serif;
  font-size: 38px;
  font-weight: 600;
  color: #c5a880; /* Elegant numeric tone */
  line-height: 1;
  margin-bottom: 8px;
}

.stat-small-label {
  font-size: 10px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.35);
  letter-spacing: 1px;
}

/* Quote Internal Component Frame */
.stats-quote-box {
  background: rgba(192, 155, 69, 0.08);
  border: 1px solid rgba(197, 168, 128, 0.15); /* Soft gold tint outline */
  border-radius: 8px;
  padding: 25px;
}

.quote-message {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.55);
  line-height: 1.6;
  margin: 0 0 12px 0;
}

.quote-message why {
  font-style: italic;
  text-decoration: underline;
  color: #ffffff;
}

.quote-by {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.3);
  display: block;
}

/* RESPONSIVE DESIGN VIEWPORTS */
@media (max-width: 991px) {
  .why-bars-split-grid {
    grid-template-columns: 1fr;
    gap: 50px;
  }
  .stats-dark-card {
    padding: 35px;
  }
}

@media (max-width: 480px) {
  .stats-counter-grid {
    grid-template-columns: 1fr;
  }
  .stat-cell:nth-child(odd) {
    border-right: none;
  }
  .stat-cell:nth-child(even) {
    padding-left: 0;
  }
  .why-title {
    font-size: 34px;
  }
}
.pms-comparison-sec {
  background-color: #000000;
  color: #ffffff;
  padding: 100px 0;
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.pms-subtitle {
  color: rgba(192, 155, 69, 0.7);
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.22em;
  display: block;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.pms-main-heading {
  font-family: var(--font-premium);
  font-size: 3.2rem;
  font-weight: 500;
  margin-bottom: 20px;
  line-height: 1.25;
  color: #ffffff;
}
.pms-main-heading span {
  font-family: var(--font-premium);
  color: var(--gold);
  font-weight: 700;
}

.pms-section-desc {
  color: rgba(255, 255, 255, 0.4);
  max-width: 650px;
  font-size: 1.05rem;
  line-height: 1.65;
  margin: 0;
  font-weight: 400;
}

.pms-comparison-grid-row {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #1a1a1a;
  border-radius: 4px;
  overflow: hidden;
  margin-top: 50px;
}

.pms-grid-col-card {
  flex: 1 1 50%;
  padding: 45px 40px;
  box-sizing: border-box;
}

.pms-grid-col-card.mf-theme {
  background-color: #090909;
}

.pms-grid-col-card.pms-theme {
  background-color: #06111a;
  border-left: 1px solid #0e2133;
}

.pms-grid-col-card .card-column-title {
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 40px;
  padding-bottom: 20px;
}

.mf-theme .card-column-title {
  color: #7a7a7a;
  border-bottom: 1px solid #1a1a1a;
}

.pms-theme .card-column-title {
  color: #c49a6c;
  border-bottom: 1px solid #0e2133;
}

.table-rows-stack {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.comparison-data-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
}

.mf-theme .comparison-data-row {
  border-bottom: 1px solid #141414;
}

.pms-theme .comparison-data-row {
  border-bottom: 1px solid #0b1d2d;
}

.comparison-data-row .row-meta-label {
  font-size: 0.85rem;
  font-weight: 500;
}

.mf-theme .row-meta-label {
  color: #555555;
}

.pms-theme .row-meta-label {
  color: #536d82;
}

.comparison-data-row .row-meta-value {
  font-size: 0.85rem;
  font-weight: 600;
  text-align: right;
}

.mf-theme .row-meta-value {
  color: rgba(255, 255, 255, 0.75);
}

.pms-theme .row-meta-value {
  color: var(--gold);
}

@media (max-width: 768px) {
  .pms-comparison-grid-row {
    flex-direction: column;
  }

  .pms-grid-col-card {
    flex: 1 1 100%;
    padding: 35px 25px;
  }

  .pms-grid-col-card.pms-theme {
    border-left: none;
    border-top: 1px solid #0e2133;
  }

  .pms-main-heading {
    font-size: 2.2rem;
  }
}
.divider {
  height: 4px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(192, 155, 69, 0.3),
    transparent
  );
  margin: 0;
}
/* ==========================================================================
   BARS Wealth - Curated Managers Section Pure Grid Stylesheet
   ========================================================================== */

.curated-managers-sec {
  background-color: #000000;
  color: #ffffff;
  padding: 100px 0;
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.cm-header-row {
  margin-bottom: 60px;
}

.cm-subtitle {
  color: #c49a6c;
  font-size: 0.8rem;
  font-weight: 400;
  letter-spacing: 2px;
  display: block;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.cm-main-title {
  font-family: var(--font-premium);
  font-size: 3.2rem;
  font-weight: 500;
  margin-bottom: 25px;
  line-height: 1.25;
  color: #ffffff;
}

.cm-main-title span {
  font-family: var(--font-premium);
  color: var(--gold);
  font-weight: 700;
}

.cm-section-desc {
  color: rgba(255, 255, 255, 0.4);
  max-width: 650px;
  font-size: 1.05rem;
  line-height: 1.65;
  margin: 0;
}

/* 2 Column CSS Grid Layout For Cards */
.cm-cards-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-bottom: 50px;
}

.cm-fund-card {
  border: 1px solid rgba(192, 155, 69, 0.12);
  padding: 2rem;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
}
.cm-fund-card:hover {
  border-color: rgba(192, 155, 69, 0.35);
}

.cm-fund-card .fund-tagline {
  color: #c49a6c;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 1.5px;
  margin-bottom: 15px;
  display: block;
}

.cm-fund-card .fund-title {
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: var(--font-premium);
}

.cm-fund-card .fund-description {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.84rem;
  line-height: 1.6;
  margin-top: 0;
  margin-bottom: 40px;
  flex-grow: 1; /* Aligns all metrics grid bars horizontally even if text lengths differ */
}

/* Internal Metrics Flex Configuration */
.fund-metrics-row {
  display: flex;
  gap: 1.5rem;
  border-top: 1px solid #141414;
  padding-top: 25px;
  justify-content: space-between;
}

.fund-metrics-row .metric-block {
  display: flex;
  flex-direction: column;
}

.metric-block .metric-value {
  color: var(--gold);
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.5px;
  margin-bottom: 6px;
  font-family: var(--font-premium);
}

.metric-block .metric-value.text-gold {
  color: #c49a6c;
}

.metric-block .metric-label {
  color: rgba(255, 255, 255, 0.3);
  font-size: 0.65rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  max-width: 110px;
  line-height: 1.3;
}

/* Footnote Text Styling */
.cm-bottom-disclaimer {
  color: rgba(255, 255, 255, 0.25);
  font-size: 0.8rem;
  line-height: 1.5;
  margin-top: 20px;
  max-width: 100%;
  font-weight: 600;
}

/* =========================================================================
   BARS WEALTH: FIXED RESPONSIVE BREAKPOINTS (MOBILE REPAIR)
   ========================================================================= */

@media (max-width: 991px) {
  .cm-cards-grid {
    grid-template-columns: 1fr; /* Stack layout on tablets and handhelds */
    gap: 24px;
  }

  .cm-main-title {
    font-size: 2.4rem;
  }
}

/* Mobile Devices Breakpoint Logic Fix */
@media (max-width: 576px) {
  .cm-fund-card {
    padding: 24px 20px; /* Thoda padding adjust kiya horizontal space ke liye */
  }

  .cm-fund-card .fund-title {
    font-size: 1.3rem; /* Small device optimized header size */
    margin-bottom: 15px;
  }

  /* CRITICAL FIX: Metrics row ko grid ya dynamic wrapping par dala */
  .fund-metrics-row {
    display: grid;
    grid-template-columns: repeat(
      2,
      1fr
    ); /* Mobile par 2 columns me numbers arrange ho jayenge cleanly */
    gap: 20px 15px; /* Vertical aur Horizontal spaces fields me matrix tight rakhega */
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.08); /* Clean dark divider line */
  }

  /* Content Text Readability Boost for Dark Background Panels */
  .cm-fund-card .fund-description {
    color: rgba(
      255,
      255,
      255,
      0.65
    ); /* Increased contrast readability for luxury screens */
    font-size: 0.88rem;
    margin-bottom: 25px;
  }

  .metric-block .metric-value {
    font-size: 20px; /* Numbers sizing managed for avoiding text layout cracks */
    margin-bottom: 4px;
  }

  .metric-block .metric-label {
    font-size: 0.68rem;
    max-width: 100%; /* Spacing locks off so words won't overlap vertically */
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.45);
  }
}

/* Extra Tight Screen Optimization (iPhone SE / Small Devices) */
@media (max-width: 380px) {
  .fund-metrics-row {
    grid-template-columns: 1fr; /* Agar bohot hi choti screen ho toh elements 1 columns line ho jayenge */
    gap: 15px;
  }
}

/* ==========================================================================
   BARS Wealth - Our Process Timeline Premium Layout Stylesheet
   ========================================================================== */

.pms-process-sec {
  background-color: #000000;
  color: #ffffff;
  padding: 100px 0;
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.proc-subtitle {
  color: #c49a6c;
  font-size: 0.8rem;
  letter-spacing: 2px;
  display: block;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.proc-main-title {
  font-family: var(--font-premium);
  font-size: 3.2rem;
  font-weight: 500;
  margin: 0;
  line-height: 1.25;
  color: #ffffff;
}

/* Core Timeline Structural Wrappers */
.proc-timeline-wrapper {
  position: relative;
  margin: 80px 0 60px 0;
  padding: 20px 0;
}

/* The Horizontal Line behind circles */
.timeline-connector-line {
  position: absolute;
  top: 50px; /* Aligns exactly at the vertical center of circles */
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(196, 154, 108, 0.3); /* Subtle gold alpha line tint */
  z-index: 1;
}

.proc-timeline-steps {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 2; /* Sits above the connection lines layers */
  gap: 30px;
}

/* Node Layout Structural Distribution */
.timeline-step-node {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* Rounded Circle Configuration Elements */
.timeline-step-node .node-circle-badge {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #000000;
  border: 1px solid rgba(196, 154, 108, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  transition: border-color 0.3s ease;
}

.timeline-step-node:hover .node-circle-badge {
  border-color: #c49a6c;
}

.node-circle-badge span {
  color: #c49a6c;
  font-size: 1.1rem;
  font-weight: 500;
  position: relative;
}

/* Content Typography Rulesets */
.node-content-block .node-title {
  color: #ffffff;
  font-size: 1.15rem;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 15px;
}

.node-content-block .node-desc {
  color: #888888;
  font-size: 0.9rem;
  line-height: 1.6;
  margin: 0;
  padding: 0 10px;
}

/* Centered Button CTA Blocks Configuration Rules */
.proc-cta-row {
  margin-top: 50px;
  display: flex;
  justify-content: center;
}

.proc-premium-btn {
  display: inline-block;
  background-color: #c49a6c;
  color: #000000;
  padding: 14px 36px;
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: 4px;
  transition:
    background-color 0.2s ease,
    transform 0.2s ease;
}

.proc-premium-btn:hover {
  background-color: #b3895c;
  color: #000000;
  transform: translateY(-2px);
}

/* Breakpoint Responsive Media Adaptation Layers */
@media (max-width: 991px) {
  .proc-timeline-steps {
    gap: 15px;
  }
  .node-content-block .node-desc {
    font-size: 0.85rem;
    padding: 0;
  }
}

@media (max-width: 768px) {
  .proc-main-title {
    font-size: 2.4rem;
  }

  /* Turn layout vertical on mobile phones */
  .timeline-connector-line {
    top: 0;
    left: 30px; /* Move connector bar vertical matching left positions */
    width: 1px;
    height: 100%;
  }

  .proc-timeline-steps {
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
  }

  .timeline-step-node {
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
    gap: 25px;
    width: 100%;
  }

  .timeline-step-node .node-circle-badge {
    margin-bottom: 0;
    flex-shrink: 0;
  }

  .node-content-block {
    padding-top: 15px;
  }

  .node-content-block .node-desc {
    padding: 0;
  }
}
/* ==========================================================================
   BARS Wealth - Hero Section Premium Layout Stylesheet
   ========================================================================== */

.pms-hero-sec {
  background-color: #070707;
  color: #ffffff;
  padding: 60px 0 120px 0;
  position: relative;
  overflow: hidden;
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Breadcrumb Styling Layout */
.hero-breadcrumb-row {
  margin-bottom: 40px;
}

.hero-breadcrumbs {
  font-size: 0.85rem;
  color: #666666;
  letter-spacing: 0.5px;
}

.hero-breadcrumbs a {
  color: #666666;
  text-decoration: none;
  transition: color 0.2s ease;
}

.hero-breadcrumbs a:hover {
  color: #c49a6c;
}

.hero-breadcrumbs .sep {
  margin: 0 8px;
  color: #444444;
}

.hero-breadcrumbs .current {
  color: #888888;
}

/* Core Content Typography Blocks */
.hero-left-content .hero-tagline {
  color: #c49a6c;
  font-size: 0.8rem;
  letter-spacing: 2px;
  display: block;
  margin-bottom: 25px;
  text-transform: uppercase;
}

.hero-main-title {
  font-family: var(--font-premium);
  font-size: 4.2rem;
  line-height: 1.15;
  font-weight: 500;
  margin: 0 0 30px 0;
}

.hero-main-title span {
  display: block;
}

.hero-main-title .title-block-wh {
  color: #ffffff;
  font-family: var(--font-premium);
  font-weight: 700;
}

.hero-main-title .title-block-gd {
  color: #c49a6c;
  font-style: italic; /* Matches the organic serif italics touch */
  font-family: var(--font-premium);
  font-weight: 700;
}

.hero-description-para {
  color: #888888;
  font-size: 1.05rem;
  line-height: 1.65;
  max-width: 540px;
  margin-bottom: 40px;
}

/* Numeric Data Badges System */
.hero-badges-wrapper {
  display: flex;
  gap: 20px;
  margin-bottom: 50px;
}

.hero-meta-badge-card {
  background-color: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(196, 154, 108, 0.15);
  padding: 20px 30px;
  min-width: 150px;
  border-radius: 4px;
}

.hero-meta-badge-card .badge-value {
  font-size: 2rem;
  font-weight: 500;
  display: block;
  line-height: 1.2;
  margin-bottom: 5px;
}

.hero-meta-badge-card .text-gold-variant {
  color: #c49a6c;
  font-family: var(--font-premium);
  font-weight: 700;
}

.hero-meta-badge-card .badge-label {
  color: #666666;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 1.5px;
  display: block;
}

/* Call To Action Custom Outline Buttons */
.hero-outline-btn {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #ffffff;
  padding: 14px 34px;
  font-size: 0.95rem;
  font-weight: 500;
  text-decoration: none;
  border-radius: 2px;
  transition: all 0.2s ease;
}

.hero-outline-btn:hover {
  border-color: #c49a6c;
  color: #c49a6c;
  background-color: rgba(196, 154, 108, 0.03);
}

/* Right Side Abstract Frame Graphic */
.hero-right-graphic {
  position: relative;
  height: 400px;
}

.abstract-box-container {
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 380px;
  height: 380px;
  border: 1px solid rgba(196, 154, 108, 0.04);
}

.inner-rotated-outline-square {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(196, 154, 108, 0.08);
  transform: rotate(15deg);
  position: relative;
}

/* Breakpoint Responsive Adaptability rules */
@media (max-width: 1199px) {
  .hero-main-title {
    font-size: 3.6rem;
  }
}

@media (max-width: 767px) {
  .pms-hero-sec {
    padding: 40px 0 80px 0;
  }
  .hero-main-title {
    font-size: 2.6rem;
  }
  .hero-badges-wrapper {
    flex-direction: column;
    gap: 15px;
  }
  .hero-meta-badge-card {
    width: 100%;
  }
}

/* Alternative Investment Funds - Hero Section Styles */
.aif-hero-sec {
  background-color: #0b0b0d; /* Ultra dark luxury background */
  padding: 80px 0 100px 0;
  color: #ffffff;
  font-family: "Inter", sans-serif; /* standard premium sans-serif */
}

/* Breadcrumbs style matching the screenshot spacing */
.aif-breadcrumbs {
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #666;
  margin-bottom: 40px;
}
.aif-breadcrumbs a {
  color: #666;
  text-decoration: none;
  transition: color 0.3s ease;
}
.aif-breadcrumbs a:hover {
  color: #bfa37a;
}

/* Orange/Gold Tagline top */
.aif-tagline {
  display: block;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 3px;
  color: #d97736; /* Clean rust orange/gold tone */
  margin-bottom: 20px;
}

/* Main Display Typography */
.aif-main-title {
  font-size: 64px;
  line-height: 1.15;
  font-weight: 400;
  margin-bottom: 25px;
  letter-spacing: -1px;
}
.aif-main-title .title-wh {
  color: #ffffff;
  display: inline;
  font-family: var(--font-premium);
  font-weight: 700;
}
.aif-main-title .title-gd {
  color: #bfa37a; /* Muted Premium Gold Theme color */
  font-style: italic; /* Luxury serif style alignment */
  font-family: serif; /* Matches "Goes Next." styling */
  display: inline;
  padding-left: 5px;
}

/* Content Para spacing */
.aif-description-para {
  font-size: 15px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.38);
  max-width: 520px;
  margin-bottom: 35px;
}

/* Horizontal Inline Minimalist Tags */
.aif-tags-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 40px;
}
.aif-meta-tag {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1.5px;
  color: #bfa37a;
  border: 1px solid #2d2a26; /* Deep dark gold variant border */
  padding: 8px 16px;
  text-transform: uppercase;
  background: rgba(191, 163, 122, 0.02);
}

/* Premium Solid Outline Button */
.aif-premium-btn {
  display: inline-block;
  border: 1px solid #ffffff;
  background: transparent;
  color: #ffffff;
  padding: 14px 32px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
.aif-premium-btn:hover {
  /* background: #ffffff; */
  color: #0b0b0d;
  transform: translateY(-2px);
}

/* Responsive Scaling */
@media (max-width: 991px) {
  .aif-main-title {
    font-size: 46px;
  }
  .aif-hero-sec {
    padding: 50px 0;
  }
}

/* AIF Categories Base Styling */
.aif-categories-sec {
  background-color: #0b0b0d !important;
  padding: 100px 0;
  color: #ffffff;
}

/* Header Adjustments */
.layout-header-col {
  margin-bottom: 50px;
}
.cat-sec-subtitle {
  display: block;
  font-size: 11px;
  letter-spacing: 3px;
  color: #d97736;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.cat-sec-title {
  font-size: 48px;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 20px;
  letter-spacing: -1px;
}
.cat-sec-title .txt-white {
  color: #ffffff;
  display: block;
  font-family: var(--font-premium);
}
.cat-sec-title .txt-gold {
  color: #bfa37a;
  font-style: italic;
  display: block;
  font-family: var(--font-premium);
}
.cat-sec-desc {
  font-size: 15px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.35);
  max-width: 580px;
}

/* Grid Layout & Structure Fix */
.grid-layout-row {
  display: flex !important;
  margin-top: 30px;
}

.layout-card-col {
  display: flex;
  flex-direction: column;
}

/* Premium Card Box-Alignment with Borders */
.aif-category-card {
  background: transparent;
  border-left: 1px solid #1a191b; /* Soft sidebar divider line */
  padding: 10px 0 10px 35px; /* Clean gap tracking */
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
}

/* Strip left border from first element in Desktop View */
@media (min-width: 992px) {
  .grid-layout-row .layout-card-col:first-child .aif-category-card {
    border-left: none !important;
    padding-left: 0 !important;
  }
}

/* Inner Text Elements */
.card-badge {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #d97736;
  margin-bottom: 25px;
}
.card-heading {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
  color: #ffffff;
  margin-bottom: 20px;
  font-family: var(--font-premium);
}
.card-desc {
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.38);
  margin-bottom: 40px;
}

/* Bottom Metric Dynamic Line */
.card-meta-bottom {
  border-top: 1px solid #1a191b;
  padding-top: 25px;
  margin-top: auto;
}
.card-meta-bottom .meta-value {
  display: block;
  font-size: 24px;
  font-family: var(--font-premium);
  font-style: italic;
  color: #bfa37a;
  margin-bottom: 5px;
  font-weight: 700;
}
.card-meta-bottom .meta-label {
  display: block;
  font-size: 0.72rem;
  color: rgba(255, 255, 255, 0.3);
}
.aif-category-card .card-desc {
  color: rgba(255, 255, 255, 0.38) !important;
}

/* Mobile & Tablet Responsive Handling */
@media (max-width: 991px) {
  .aif-category-card {
    border-left: none !important;
    border-bottom: 1px solid #1a191b;
    padding: 20px 0 30px 0 !important;
  }
  .grid-layout-row {
    flex-wrap: wrap;
  }

  .grid-layout-row .layout-card-col:last-child .aif-category-card {
    border-bottom: none !important;
  }
  .cat-sec-title {
    font-size: 38px;
  }
}
/* Base Layout Structure */
.aif-diligence-sec {
  background-color: #0b0b0d !important;
  padding: 100px 0;
  color: #ffffff;
  font-family: "Inter", sans-serif;
  box-sizing: border-box;
}

/* Custom Width Container */
.aif-section-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

/* Header Text Alignments */
.dil-header-block {
  margin-bottom: 60px;
  text-align: left;
}
.dil-subtitle {
  display: block;
  font-size: 11px;

  letter-spacing: 3px;
  color: #d97736;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.dil-main-title {
  font-size: 48px;
  line-height: 1.25;
  font-weight: 400;
  letter-spacing: -1px;
  margin: 0;
}
.dil-main-title .wh-text {
  color: #ffffff;
  display: block;
  font-family: var(--font-premium);
  font-weight: 700;
}
.dil-main-title .gd-text {
  color: #bfa37a;
  font-style: italic;
  font-family: var(--font-premium);
  font-weight: 700;
  display: block;
}

/* Framework-Free Flex Grid Setup */
.dil-flex-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -15px 40px -15px; /* Compels proper element gaps */
}

/* Precise 4-Column Flex Item Split */
.dil-flex-card-col {
  flex: 0 0 25%; /* Fixed exactly 1/4th width on Desktop */
  max-width: 25%;
  padding: 0 15px;
  box-sizing: border-box;
  display: flex;
}

/* Process Card Layout */
.dil-process-card {
  background: transparent;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* Icon Container Box */
.icon-box-wrapper {
  width: 64px;
  height: 64px;
  border: 1px solid #232125;
  background: rgba(255, 255, 255, 0.01);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  box-sizing: border-box;
  transition:
    transform 0.4s ease,
    border-color 0.4s ease;
}
.dil-process-card:hover .icon-box-wrapper {
  transform: translateY(-4px);
  border-color: #bfa37a;
}
.dil-text-emoji {
  font-size: 22px;
  line-height: 1;
  display: inline-block;
}
.placeholder-dot {
  width: 6px;
  height: 6px;
  background-color: #bfa37a;
  border-radius: 50%;
}

/* Typography Inside Cards */
.dil-card-title {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 15px 0;
  letter-spacing: 0.5px;
}
.dil-card-desc {
  font-size: 13.5px;
  line-height: 1.6;
  color: #666668;
  margin: 0;
  max-width: 260px;
}

/* Full Width Disclaimer Row */
.dil-disclaimer-wrapper {
  width: 100%;
  margin-top: 50px;
  box-sizing: border-box;
}
.dil-disclaimer-box {
  border: 1px solid #1a191b;
  background: rgba(15, 14, 16, 0.6);
  padding: 30px;
  box-sizing: border-box;
}
.disclaimer-para {
  font-size: 13px;
  line-height: 1.7;
  color: #555557;
  margin: 0;
}
.dil-disclaimer-box strong,
.dil-disclaimer-box b {
  color: #d97736;
  font-weight: 600;
}
.aif-disclaimer {
  background: rgba(184, 115, 51, 0.06);
  border: 1px solid rgba(184, 115, 51, 0.15);
  padding: 1.5rem 2rem;
  margin-top: 3rem;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.3);
  line-height: 1.7;
}
/* Tablet & Mobile Media Queries */
@media (max-width: 991px) {
  .dil-flex-card-col {
    flex: 0 0 50%; /* 2 Columns on Tablets */
    max-width: 50%;
    margin-bottom: 40px;
  }
  .dil-main-title {
    font-size: 38px;
  }
}

@media (max-width: 575px) {
  .dil-flex-card-col {
    flex: 0 0 100%; /* Full width on Mobile screens */
    max-width: 100%;
  }
  .dil-disclaimer-box {
    padding: 20px;
  }
  .dil-main-title {
    font-size: 32px;
  }
}

/* Fixed Income Section Styling */
.fi-hero-sec {
  background: radial-gradient(
    circle at 80% 20%,
    #112542 0%,
    #091322 100%
  ) !important; /* Premium luxury dark blue gradient */
  padding: 120px 0 140px 0;
  color: #ffffff;
  box-sizing: border-box;
}

/* Base Wrapper Container */
.fi-section-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

/* Breadcrumbs Design */
.fi-breadcrumb-row {
  margin-bottom: 50px;
}
.fi-breadcrumbs {
  font-size: 13px;
  color: #61738c;
  letter-spacing: 0.5px;
}
.fi-breadcrumbs a {
  color: #61738c;
  text-decoration: none;
  transition: color 0.3s ease;
}
.fi-breadcrumbs a:hover {
  color: #ffffff;
}
.fi-sep {
  margin: 0 8px;
  color: #384a63;
}
.fi-current {
  color: #9ab4d9;
}

/* Layout Splitting System */
.fi-main-layout-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.fi-left-content {
  flex: 0 0 75%;
  max-width: 75%;
}
.fi-right-balance-col {
  flex: 0 0 35%;
  max-width: 35%;
}

/* Top Small Tagline */
.fi-main-tagline {
  display: block;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 3px;
  color: #7eb8e4; /* Subtle bright blue tone */
  margin-bottom: 25px;
  text-transform: uppercase;
}

/* Typography Headings */
.fi-page-title {
  font-size: 52px;
  line-height: 1.15;
  font-weight: 400;
  letter-spacing: -1.5px;
  margin: 0 0 25px 0;
}
.fi-txt-wh {
  color: #ffffff;
  display: block;
  font-family: var(--font-premium);
  font-weight: 700;
}
.fi-txt-bl {
  color: #7eb8e4; /* Soft premium dynamic blue */
  font-style: italic;
  font-family: var(--font-premium);
  font-weight: 700;
  display: block;
}
.fi-main-desc {
  font-size: 15px;
  line-height: 1.65;
  color: rgba(
    255,
    255,
    255,
    0.5
  ); /* Softened typography color for text blocks */
  max-width: 540px;
  margin: 0 0 45px 0;
}

/* Meta Tags Flexbox Alignment Fix */
.fi-tags-flex-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px; /* Perfect horizontal gaps matching design image */
  margin-bottom: 50px;
}
.fi-horizontal-meta-tag {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.05);
  padding: 10px 18px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.5);
}
.fi-tag-emoji {
  font-size: 15px;
  margin-right: 10px;
  line-height: 1;
}
.fi-tag-label-text {
  font-size: 13px;
  font-weight: 500;
}

/* Luxury Action Button Layout */
.fi-action-container {
  display: inline-block;
}
.fi-luxury-btn {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: transparent;
  color: #ffffff;
  padding: 14px 32px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  letter-spacing: 0.5px;
  transition: all 0.4s ease;
  border-radius: 2px;
}
.fi-luxury-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #ffffff;
  transform: translateY(-2px);
}

/* Media Queries for Perfect Responsiveness */
@media (max-width: 991px) {
  .fi-left-content {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .fi-right-balance-col {
    display: none;
  }
  .fi-page-title {
    font-size: 42px;
  }
}
@media (max-width: 575px) {
  .fi-page-title {
    font-size: 34px;
  }
  .fi-tags-flex-wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .fi-horizontal-meta-tag {
    width: 100%; /* Full stretch on tiny phones */
  }
}

/* Instruments Section Main Container */
.fi-instruments-sec {
  background-color: #f4f6f9 !important; /* Elegant very soft gray-blue backdrop */
  padding: 100px 0;
  color: #0b1320; /* Deep primary corporate slate color */
  font-family: "Inter", sans-serif;
  box-sizing: border-box;
}

/* Base Wrapper Container */
.fi-ins-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

/* Header Styles */
.fi-ins-header {
  margin-bottom: 50px;
  text-align: left;
}
.ins-subtitle {
  display: block;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 3px;
  color: #4b89dc;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.ins-title {
  font-size: 42px;
  line-height: 1.2;
  font-weight: 500;
  color: #0a172c; /* Sharp navy color matching design image */
  margin: 0 0 15px 0;
  letter-spacing: -1px;
  font-family: var(--font-premium);
  font-weight: 700;
}
.ins-desc {
  font-size: 15px;
  line-height: 1.6;
  color: #4a5a78;
  max-width: 480px;
  margin: 0;
}

/* Pure Flexbox Grid Setup (No Framework) */
.fi-ins-flex-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -15px; /* Pull margins to properly manage internal gaps */
}

/* Desktop View 50% split for 2 columns per row */
.fi-ins-card-col {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 15px;
  box-sizing: border-box;
  display: flex;
}

/* Elegant Curated Premium Cards */
.fi-instrument-card {
  background: #ffffff;
  border: 1px solid #e1e6ed;
  border-radius: 6px;
  padding: 40px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  box-shadow: 0 2px 12px rgba(10, 23, 44, 0.02); /* Very faint micro-shadow */
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}
.fi-instrument-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(10, 23, 44, 0.05);
}

/* Card Information Text */
.ins-card-title {
  font-size: 22px;
  font-weight: 500;
  color: #0a172c;
  margin: 0 0 20px 0;
  font-family: serif; /* Elegant serif look for titles */
}
.ins-card-desc {
  font-size: 14px;
  line-height: 1.65;
  color: #4a5a78;
  margin: 0;
}

/* Thin Elegant Separator Divider Line */
.ins-card-divider {
  height: 1px;
  background-color: #d0dae8;
  width: 100%;
  margin: 35px 0 25px 0;
}

/* Card Bottom Metrics Split Layout */
.ins-card-metrics {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 45px; /* Gap between Metric 1 and Metric 2 */
}
.metric-block {
  display: flex;
  flex-direction: column;
}
.metric-block .m-value {
  font-size: 24px;
  font-weight: 700;
  color: #2c4a7c;
  font-family: var(--font-premium);
  margin-bottom: 5px;
  line-height: 1.1;
}
.metric-block .m-label {
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 1.5px;
  color: #7a8aaa;
  text-transform: uppercase;
}

/* Responsive UI Breakpoints for Tablets and Mobile devices */
@media (max-width: 991px) {
  .fi-ins-card-col {
    flex: 0 0 100%; /* Collapse to 1 Column layout */
    max-width: 100%;
  }
  .ins-title {
    font-size: 34px;
  }
  .fi-instrument-card {
    padding: 30px;
  }
}

@media (max-width: 480px) {
  .ins-card-metrics {
    flex-direction: column; /* Stack metrics vertically on very small mobile phones */
    align-items: flex-start;
    gap: 20px;
  }
  .fi-instrument-card {
    padding: 25px;
  }
}

/* Section Container Framework Less */
.fi-structure-sec {
  background-color: #ffffff !important;
  padding: 100px 0;
  color: #0b1320;
  font-family: "Inter", sans-serif;
  box-sizing: border-box;
}

/* Base Wrapper width constraint */
.fi-st-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

/* Header Text Alignments */
.fi-st-header {
  margin-bottom: 60px;
  text-align: left;
}
.st-subtitle {
  display: block;
  font-size: 11px;
  letter-spacing: 3px;
  color: #2c4a7c;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.st-main-title {
  font-size: 46px;
  line-height: 1.2;
  font-weight: 500;
  color: #0a172c;
  margin: 0;
  letter-spacing: -1px;
}
.st-main-title .st-norm-txt {
  display: block;
  font-family: var(--font-premium);
  font-weight: 700;
}
.st-main-title .st-ital-txt {
  display: block;
  color: #4b6b94; /* Premium muted corporate theme blue */
  font-style: italic;
  font-family: serif;
}

/* Pure Symmetrical Flex Grid for 3 Cards */
.fi-st-flex-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -15px 50px -15px;
}

/* Desktop exactly 33.333% split for 3 elements side-by-side */
.fi-st-card-col {
  flex: 0 0 33.333%;
  max-width: 33.333%;
  padding: 0 15px;
  box-sizing: border-box;
  display: flex;
}

/* Subtle Premium Box Layout matching image_40c5bb.png */
.fi-structure-card {
  background: #edf1f7; /* Very light tinted blue-gray background shape */
  border-bottom: 3px solid #233e66; /* Elegant subtle colored bottom accent weight line */
  border-radius: 4px;
  padding: 40px 35px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  transition:
    transform 0.3s ease,
    background 0.3s ease;
}
.fi-structure-card:hover {
  transform: translateY(-4px);
  background: #e3e9f1;
}

/* Card Content Typography */
.st-card-title {
  font-size: 17px;
  font-weight: 700;
  color: #0f1f3d;
  margin: 0 0 20px 0;
  letter-spacing: -0.2px;
}
.st-card-desc {
  font-size: 14px;
  line-height: 1.65;
  color: #4a5a78;
  margin: 0;
}

/* Bottom CTA Row Grid Element */
.fi-st-action-row {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
.fi-dark-solid-btn {
  display: inline-block;
  background: #000000; /* Flat corporate solid black background */
  color: #ffffff;
  padding: 16px 36px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  letter-spacing: 0.3px;
  border-radius: 2px;
  transition:
    background 0.3s ease,
    transform 0.3s ease;
}
.fi-dark-solid-btn:hover {
  transform: translateY(-2px);
}
.st-arrow {
  display: inline-block;
  margin-left: 8px;
  transition: transform 0.3s ease;
}
.fi-dark-solid-btn:hover .st-arrow {
  transform: translateX(4px);
}

/* Tablet & Mobile Media Queries */
@media (max-width: 991px) {
  .fi-st-card-col {
    flex: 0 0 100%; /* Switch to full wide stack on tablets */
    max-width: 100%;
    margin-bottom: 30px;
  }
  .st-main-title {
    font-size: 36px;
  }
  .fi-structure-card {
    padding: 30px;
  }
}
@media (max-width: 575px) {
  .st-main-title {
    font-size: 30px;
  }
  .fi-dark-solid-btn {
    width: 100%; /* Full screen width stretch for tiny mobile viewports */
    box-sizing: border-box;
  }
}

.master-segment-layout-wrapper {
  background-color: #fcfbfa !important;
  color: #0b1421;
  font-family: "Inter", sans-serif;
  box-sizing: border-box;
}
.seg-custom-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.seg-section-title-block {
  margin-bottom: 50px;
  text-align: left;
}
.seg-label-tag {
  display: block;
  font-size: 10px;
  letter-spacing: 2.5px;
  color: #c09b45;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.seg-heading-main {
  font-size: 40px;
  line-height: 1.25;
  font-weight: 500;
  color: #0a1526;
  margin: 0;
  letter-spacing: -0.8px;
  font-family: var(--font-premium);
  font-weight: 700;
}
.seg-heading-serif {
  display: block;
  color: #c09b45;
  font-style: italic;
  font-family: var(--font-premium);
  font-weight: 700;
  margin-top: 4px;
}
.seg-top-problem-area {
  padding: 90px 0 60px 0;
}
.seg-problems-flex-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.seg-prob-column-3 {
  flex: 0 0 33.333%;
  max-width: 33.333%;
  padding: 0 15px;
  box-sizing: border-box;
  display: flex;
}
.seg-quote-inner-box {
  background: #faf8f4;
  border-left: 3px solid #c09b45;
  padding: 20px 25px 35px 25px;
  width: 100%;
  box-sizing: border-box;
}
.seg-blockquote-text {
  font-family: serif;
  font-style: italic;
  font-size: 16.5px;
  line-height: 1.45;
  color: #0a1526;
  margin: 0 0 16px 0;
}
.seg-quote-sub-desc {
  font-size: 13.5px;
  line-height: 1.6;
  color: #556273;
  margin: 0;
}
.seg-bottom-solution-area {
  padding: 70px 0 110px 0;
  border-top: 1px solid #f2ede7;
  background: #faf8f4;
}
.seg-split-flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -20px;
  align-items: center;
}
.seg-left-features-stack {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 20px;
  box-sizing: border-box;
}
.seg-right-sticky-form {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 20px;
  box-sizing: border-box;
}
.seg-vertical-list-box {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.seg-vertical-item-card {
  background: #ffffff;
  border: 1px solid #ebdcd0;
  border-radius: 4px;
  padding: 26px 30px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 20px;
  box-sizing: border-box;
}
.seg-item-emoji-icon {
  font-size: 20px;
  line-height: 1;
  margin-top: 2px;
}
.seg-item-body-content {
  flex: 1;
}
.seg-item-title {
  font-size: 16px;
  font-weight: 700;
  color: #0a1526;
  margin: 0 0 8px 0;
}
.seg-item-desc {
  font-size: 13px;
  line-height: 1.6;
  color: #556273;
  margin: 0;
}
.seg-premium-dark-form-card {
  background: #090e14 !important;
  border-radius: 6px;
  padding: 45px 35px;
  box-sizing: border-box;
  /* position: sticky;
  top: 40px; */
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}
@media (max-width: 991px) {
  .seg-prob-column-3,
  .seg-left-features-stack,
  .seg-right-sticky-form {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .seg-prob-column-3 {
    margin-bottom: 25px;
  }
  .seg-right-sticky-form {
    margin-top: 50px;
  }
  .seg-heading-main {
    font-size: 34px;
  }
}
/* ==========================================================================
   ADDED HERO SECTION CSS (Light Theme Match)
   ========================================================================== */

.seg-hero-area {
  padding: 100px 0 100px 0;
  position: relative;
  text-align: left;
  box-sizing: border-box;
  transition: all 0.4s ease;
}

/* --- THEME DYNAMIC BACKGROUNDS (Luxury Soft Gradients) --- */
/* 1. Business Maroon Theme */
.seg-hero-area.theme-business {
  background: linear-gradient(135deg, #1a0808 0%, #2d1010 60%, #1a0808 100%);
}
.seg-hero-area.theme-business .seg-hero-tagline {
  color: #d4a08a;
}
.seg-hero-area.theme-business .seg-hero-title {
  color: #fff;
}
.seg-hero-area.theme-business .seg-hero-title-italic {
  color: #d4a08a;
}
.seg-hero-area.theme-business .seg-hero-description {
  color: rgba(255, 255, 255, 0.5);
}
.seg-hero-area.theme-business .seg-hero-primary-btn {
  color: #0a0a0a !important;
  background: #c09b45;
}
/* 2. Professional Deep Blue Theme */
.seg-hero-area.theme-professional {
  background: linear-gradient(135deg, #0a1628 0%, #122040 60%, #0a1628 100%);
}
.seg-hero-area.theme-professional .seg-hero-tagline {
  color: #7eb8e4;
}
.seg-hero-area.theme-professional .seg-hero-title {
  color: #fff;
}
.seg-hero-area.theme-professional .seg-hero-title-italic {
  color: #7eb8e4;
}
.seg-hero-area.theme-professional .seg-hero-description {
  color: rgba(255, 255, 255, 0.5);
}
.seg-hero-area.theme-professional .seg-hero-primary-btn {
  color: #0a0a0a !important;
  background: #c09b45;
}

/* 3. Founder Dark Charcoal Theme */
.seg-hero-area.theme-founder {
  background: linear-gradient(135deg, #080808 0%, #141414 60%, #080808 100%);
}
.seg-hero-area.theme-founder .seg-hero-tagline {
  color: #e8a24a;
}
.seg-hero-area.theme-founder .seg-hero-title {
  color: #fff;
}
.seg-hero-area.theme-founder .seg-hero-title-italic {
  color: #e8a24a;
}
.seg-hero-area.theme-founder .seg-hero-description {
  color: rgba(255, 255, 255, 0.5);
}
.seg-hero-area.theme-founder .seg-hero-primary-btn {
  color: #0a0a0a !important;
  background: #c09b45;
}
/* 4. NRI Navy Blue Theme */
.seg-hero-area.theme-nri {
  background: linear-gradient(135deg, #041028 0%, #082040 60%, #041028 100%);
}
.seg-hero-area.theme-nri .seg-hero-tagline {
  color: #5ecdc8;
}
.seg-hero-area.theme-nri .seg-hero-tagline {
  color: #5ecdc8;
}
.seg-hero-area.theme-nri .seg-hero-title {
  color: #fff;
}
.seg-hero-area.theme-nri .seg-hero-title-italic {
  color: #5ecdc8;
}
.seg-hero-area.theme-nri .seg-hero-description {
  color: rgba(255, 255, 255, 0.5);
}
.seg-hero-area.theme-nri .seg-hero-primary-btn {
  color: #0a0a0a !important;
  background: #c09b45;
}
/* --- Hero Elements Layout & Typography --- */
.seg-hero-content-block {
  max-width: 800px;
  box-sizing: border-box;
}

.seg-hero-tagline {
  display: block;
  font-size: 11px;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.seg-hero-title {
  font-size: 64px;
  line-height: 1.2;
  font-weight: 700;
  color: #0a1526;
  margin: 0 0 24px 0;
  letter-spacing: -1px;
  font-family: var(--font-premium), serif;
}

.seg-hero-title-italic {
  display: block;
  font-style: italic;
  color: #c09b45;
  font-family: var(--font-premium), serif;
  font-weight: 700;
  margin-top: 6px;
}

.seg-hero-description {
  font-size: 16.5px;
  line-height: 1.6;
  color: #556273;
  margin: 0 0 35px 0;
  max-width: 480px;
}

.seg-hero-btn-action {
  display: block;
}

.seg-hero-primary-btn {
  display: inline-block;
  background-color: #090e14;
  color: #ffffff !important;
  padding: 16px 36px;
  font-size: 14.5px;
  font-weight: 600;
  text-decoration: none !important;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
  box-shadow: 0 4px 12px rgba(9, 14, 20, 0.15);
}

.seg-hero-primary-btn:hover {
  background-color: #c09b45;
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(192, 155, 69, 0.25);
}

/* --- NRI Country Badges --- */
.seg-nri-badges-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 35px;
}

.seg-badge-item {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.45);
  background: rgba(94, 205, 200, 0.08);
  padding: 0.5rem 1rem;
  border-radius: 3px;
  border: 1px solid rgba(94, 205, 200, 0.15);
}

/* .seg-badge-item small {
  color: #c09b45;
  background: #faf8f4;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 10px;
  font-weight: 700;
} */

/* Responsive Mobile Check */
@media (max-width: 768px) {
  .seg-hero-area {
    padding: 60px 0;
  }
  .seg-hero-title {
    font-size: 36px;
  }
}
/* Premium Dark Form Elements Layout */
.seg-premium-dark-form-card .wpcf7-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.seg-form-field-wrap input[type="text"],
.seg-form-field-wrap input[type="tel"],
.seg-form-field-wrap select.seg-custom-select {
  width: 100% !important;
  height: 54px !important;
  background: #1a1a1a !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 4px !important;
  padding: 0 16px !important;
  font-size: 15px !important;
  color: #ffffff !important;
  outline: none !important;
  box-sizing: border-box !important;
  transition: all 0.3s ease !important;
}
.seg-form-field-wrap p,
.seg-form-field-wrap span {
  margin-bottom: 0 !important;
}

/* Input Focus Glow Effect */
.seg-form-field-wrap input:focus,
.seg-form-field-wrap select:focus {
  border-color: #b39256 !important;
  background: #222222 !important;
}

/* Custom Dropdown Arrow Handler */
.seg-dropdown-arrow {
  position: relative;
}
.seg-dropdown-arrow::after {
  content: "▼";
  font-size: 10px;
  color: #b39256;
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.seg-form-field-wrap select.seg-custom-select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  cursor: pointer;
}

/* Premium Golden Submit Button */
.seg-form-submit-btn {
  width: 100% !important;
  height: 54px !important;
  background: #b39256 !important;
  color: #000000 !important;
  border: none !important;
  border-radius: 4px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.seg-form-submit-btn:hover {
  background: #c5a86b !important;
  box-shadow: 0 4px 15px rgba(179, 146, 86, 0.3) !important;
}

/* CF7 Validation Error Message Styles Fix */
.wpcf7-not-valid-tip {
  color: #ff4a4a !important;
  font-size: 12px !important;
  margin-top: 4px !important;
}
.wpcf7-response-output {
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 4px !important;
  font-size: 13px !important;
  padding: 10px !important;
  margin: 15px 0 0 0 !important;
  text-align: center !important;
  color: #ff4a4a;
}

/* ==========================================================================
   PREMIUM DARK MODAL CALCULATOR STYLES
   ========================================================================== */

/* Fullscreen Background Overlay */
.seg-popup-modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  z-index: 99999;
  justify-content: center;
  align-items: center;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px); /* Safari support */
}

/* Modal Content Container Box */
.seg-calculator-modal-container {
  position: relative;
  width: 90%;
  max-width: 900px;
  height: 80vh;
  background: #ffffff !important; /* Force White Container */
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
}

/* Elegant Golden Close Button (×) */
.seg-close-calc-modal {
  position: absolute;
  top: 15px;
  right: 20px;
  background: transparent;
  border: none;
  color: #1e293b !important; /* Dark slate color */
  font-size: 28px;
  cursor: pointer;
  z-index: 10;
  font-weight: 300;
  transition:
    color 0.2s ease,
    transform 0.2s ease;
  line-height: 1;
  padding: 0;
}

.seg-close-calc-modal:hover {
  color: #b39256;
  transform: scale(1.1);
}

/* Streamlit Content Frame Wrapper */
.seg-calculator-iframe-wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

/* Actual Embedded Iframe Sizing */
.seg-calculator-iframe {
  width: 100%;
  height: 100%;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
}

/* Responsive Handling For Tablets/Mobile Screens */
@media (max-width: 768px) {
  .seg-calculator-modal-container {
    width: 95%;
    height: 85vh;
  }
  .seg-close-calc-modal {
    top: 10px;
    right: 15px;
    font-size: 32px; /* Mobile par tap target thoda bada */
  }
}

/* ==========================================================================
   BARS WEALTH - CONTACT PAGE STYLES
   ========================================================================== */
.bars-simple-contact-wrap {
  background-color: #111; /* Pure premium dark background */
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 100px 20px;
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.bars-contact-content-box {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  padding: 5rem 0 4rem;
}

/* Small top tagline gold text */
.bars-simple-tagline {
  color: #b39256; /* Golden color */
  font-size: 13px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 25px;
  font-weight: 500;
}

/* Big main headline text */
.bars-simple-title {
  color: #ffffff;
  font-size: 52px;
  font-weight: 400;
  line-height: 1.25;
  margin-bottom: 30px;
  letter-spacing: -0.5px;
  font-family: var(--font-premium);
  font-weight: 700;
}

/* Italicized gold section for the phrase */
.bars-simple-title span {
  color: #c09b45;
  font-family: var(--font-premium);
  font-weight: 700;
}

/* Bottom subtitle / description text */
.bars-simple-desc {
  color: rgba(255, 255, 255, 0.65);
  max-width: 560px;
  margin: 0 auto;
  font-size: 1.05rem;
  line-height: 1.8;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .bars-simple-title {
    font-size: 36px;
  }
  .bars-simple-desc {
    font-size: 16px;
  }
}

/* ==========================================================================
   BARS WEALTH - TALK TO SPECIALIST SPLIT SECTION
   ========================================================================== */
.bars-specialist-section {
  background-color: #faf9f6; /* Light clean layout container */
  padding: 100px 20px;
  color: #1e293b;
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.bars-specialist-container {
  max-width: 1140px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}

/* --- LEFT COLUMN STYLES --- */
.bars-spec-title {
  font-size: 38px;
  font-family: var(--font-premium);
  font-weight: 700;
  line-height: 1.3;
  color: #0f172a;
  margin: 0 0 25px 0;
}

.bars-spec-desc {
  color: #787878;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 40px;
}

/* Info Items (Phone, Email, Address Grid) */
.bars-spec-info-list {
  margin-bottom: 40px;
}

.bars-spec-info-item {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 25px;
}

.bars-icon-circle {
  width: 44px;
  height: 44px;
  background-color: #f1f5f9;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-shrink: 0;
}

/* Specifically coloring subtle backgrounds if needed */
.icon-phone {
  background-color: #f0fdf4;
}
.icon-email {
  background-color: #f8fafc;
}
.icon-address {
  background-color: #fff1f2;
}

.bars-info-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.bars-info-label {
  font-size: 0.78rem;
  letter-spacing: 0.1em;
  color: #787878;
  letter-spacing: 1px;
  color: #94a3b8;
  font-weight: 600;
}

.bars-info-text strong {
  font-size: 15px;
  color: #1e293b;
  line-height: 1.4;
  font-weight: 500;
}

.bars-info-text a {
  color: #1a1a1a;
  text-decoration: none;
  font-weight: 500;
}

.bars-spec-divider {
  border: 0;
  border-top: 1px solid #e2e8f0;
  margin: 40px 0 30px 0;
}

/* Corporate Badges Styling */
.bars-spec-badges p {
  font-size: 14px;
  color: #787878;
  margin: 0 0 10px 0;
  font-weight: 500;
}

/* --- RIGHT COLUMN CARD FORM STYLES (CF7 COMPATIBLE) --- */
.bars-card-form-wrapper {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 40px;
  box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.05);
}

.bars-review-form-container h3 {
  font-size: 24px;
  font-family: var(--font-premium);
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 30px 0;
}

/* Label Styling */
.bars-review-form-container label {
  display: block;
  font-size: 0.78rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #787878;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}

/* Flex Row For Names */
.bars-form-row {
  display: flex;
  gap: 20px;
}

.bars-form-col {
  flex: 1;
}

.bars-form-field-full {
  margin-bottom: 20px;
  position: relative;
}

/* Inputs Structure Setup with explicit CF7 classes mapping */
.bars-review-form-container input[type="text"],
.bars-review-form-container input[type="email"],
.bars-review-form-container input[type="tel"],
.bars-review-form-container select,
.bars-review-form-container .wpcf7-form-control-wrap input,
.bars-review-form-container .wpcf7-form-control-wrap select {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background-color: #ffffff;
  color: #1e293b;
  font-size: 15px;
  box-sizing: border-box;
  transition: border-color 0.2s ease;
}

/* CF7 span wrappers structure reset layout breaking prevention */
.bars-review-form-container .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

.bars-review-form-container input:focus,
.bars-review-form-container select:focus,
.bars-review-form-container .wpcf7-form-control-wrap input:focus,
.bars-review-form-container .wpcf7-form-control-wrap select:focus {
  border-color: #c5a86b;
  outline: none;
}

/* Custom Dropdown Arrow Fixes */
.bars-select-wrapper select,
.bars-select-wrapper .wpcf7-select {
  -webkit-appearance: none;
  appearance: none;
  padding-right: 35px; /* Leave space for chevron arrow */
}

.bars-select-wrapper::after {
  content: "▾";
  position: absolute;
  right: 16px;
  bottom: 12px;
  color: #1e293b;
  pointer-events: none;
  font-size: 14px;
}

/* Premium Gold Button Mapping for native CF7 Submit Button elements */
.bars-form-submit-btn-wrap input[type="submit"],
.bars-review-form-container .wpcf7-submit {
  width: 100%;
  background-color: #b39256 !important;
  color: #000000 !important;
  border: none !important;
  padding: 14px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
  margin-top: 10px !important;
  display: block;
  box-sizing: border-box;
  -webkit-appearance: none;
}

.bars-form-submit-btn-wrap input[type="submit"]:hover,
.bars-review-form-container .wpcf7-submit:hover {
  background-color: #c5a86b !important;
}

.bars-form-secure-note {
  text-align: center;
  font-size: 0.78rem;
  color: #787878;
  margin: 20px 0 0 0;
}

/* Validation Ajax Errors styling integration */
.bars-review-form-container .wpcf7-not-valid-tip {
  color: #ef4444;
  font-size: 12px;
  margin-top: 5px;
  display: block;
}

.bars-review-form-container .wpcf7-response-output {
  margin: 20px 0 0 0 !important;
  padding: 10px 15px !important;
  font-size: 13px !important;
  border-radius: 6px !important;
  border: 1px solid #ef4444 !important;
  background: #fef2f2;
  color: #991b1b;
}

.bars-review-form-container .wpcf7-mail-sent-ok {
  border: 1px solid #22c55e !important;
  background: #f0fdf4;
  color: #166534;
}

/* Responsive Breakpoints */
@media (max-width: 991px) {
  .bars-specialist-container {
    grid-template-columns: 1fr;
    gap: 50px;
  }
  .bars-card-form-wrapper {
    padding: 30px 20px;
  }
}

/* ==========================================================================
   SECTION 3: SOCIAL LINKS BAR STYLES (DEEP GREEN PRE-FOOTER)
   ========================================================================== */
.bars-social-bar-section {
  background-color: #143223; /* Exact premium deep forest green background */
  padding: 50px 20px;
  text-align: center;
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.bars-social-bar-container {
  max-width: 1140px;
  margin: 0 auto;
}

/* Small top tracking text */
.bars-social-tagline {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.8rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0 0 20px 0;
  font-weight: 400;
  opacity: 0.85;
}

/* Flex row setup for clean line lists */
.bars-social-links-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0; /* Clear baseline margins managed by structural items */
}

.bars-social-links-list li {
  display: flex;
  align-items: center;
}

/* Actual links styles */
.bars-social-links-list li a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  font-size: 15px;
  font-weight: 400;
  padding: 0 25px;
  transition:
    color 0.2s ease,
    opacity 0.2s ease;
}

.bars-social-links-list li a:hover {
  color: #b39256;
  opacity: 1;
}

/* Injecting pure structural dynamic dividers (|) automatically */
.bars-social-links-list li:not(:last-child)::after {
  content: "|";
  color: #3b5a4a; /* Muted internal forest green pipe color */
  font-size: 14px;
  font-weight: 300;
  pointer-events: none;
}

/* Mobile responsive breakpoints mapping layout */
@media (max-width: 640px) {
  .bars-social-bar-section {
    padding: 40px 15px;
  }

  .bars-social-links-list {
    flex-direction: column;
    gap: 15px;
  }

  /* Disabling vertical lines logic on mobile devices */
  .bars-social-links-list li:not(:last-child)::after {
    display: none;
  }

  .bars-social-links-list li a {
    padding: 5px 0;
  }
}
/* --- ABOUT US PREMIUM LAYOUT STYLES --- */
.bars-about-wrapper {
  background-color: #111; /* Clean Rich Dark Background */
  color: #ffffff;
  padding: 50px 0 0;
}

.bars-about-hero-section {
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
  padding: 40px 20px;
}

/* Section Upper Badge Styling */
.bars-about-badge {
  color: #c09b45;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 400;
  display: inline-block;
}

/* Main Heading Typography */
.bars-about-main-title {
  font-size: 64px;
  font-weight: 500;
  line-height: 1.2;
  color: #ffffff;
  margin-bottom: 35px;
  letter-spacing: -1px;
  font-family: var(--font-premium);
  font-weight: 700;
}

/* Dynamic Gold Gradient Text For Ambitious Families */
.bars-about-main-title .gold-gradient-text {
  display: block; /* New line par push karne ke liye */
  font-family: var(--font-premium);
  font-weight: 700;
  font-style: italic;
  font-weight: 400;
  background: linear-gradient(135deg, #dfba86 0%, #b89257 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: 10px;
}

/* Sub-description Paragraph styling */
.bars-about-hero-description {
  font-size: 1.05rem;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.65);
  max-width: 600px;
  margin: 0 auto;
  font-weight: 300;
  letter-spacing: 0.3px;
}

/* Responsive design for tablets and mobile viewports */
@media (max-width: 768px) {
  .bars-about-main-title {
    font-size: 42px;
  }
  .bars-about-hero-description {
    font-size: 17px;
  }
}
/* --- STORY SECTION LAYOUT STYLES --- */
.bars-story-section {
  background-color: #faf9f6; /* Clean Off-White Background */
  padding: 120px 20px;
  color: #1a1a1a;
}

.bars-story-container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr; /* Left block thoda bada, right clean crisp columns */
  gap: 80px;
  align-items: center;
}

/* Left Content Column Styling */
.bars-story-badge {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 20px;
  color: #c09b45;
}

.bars-story-main-heading {
  font-family: var(--font-premium);
  font-weight: 700;
  font-size: 44px;
  line-height: 1.3;
  color: #0c0d12;
  margin-bottom: 35px;
  letter-spacing: -0.5px;
}

.bars-story-paragraph {
  font-size: 16px;
  line-height: 1.7;
  color: #787878;
  margin-bottom: 0;
  font-weight: 400;
}

/* Right Side Cards Wrapper Styles */
.bars-story-cards-col {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* Individual Premium Card Box Setup */
.bars-story-card-box {
  background: #ffffff;
  border: 1px solid #eaeef4; /* Subtle crisp border edge */
  border-radius: 12px;
  padding: 28px 30px;
  display: flex;
  gap: 20px;
  align-items: flex-start;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.bars-story-card-box:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.03); /* Soft subtle glow effect on hover */
}

/* Card Icon Box Adjustment */
/* Card Icon Box Adjustment for Text/Emojis */
.bars-card-icon-wrapper.text-icon-style {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  font-size: 26px; /* Emoji ka size badhane ke liye */
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bars-card-icon-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.bars-card-icon-wrapper .default-dot-icon {
  font-size: 24px;
  line-height: 1;
  display: inline-block;
}

/* Card Text Alignment */
.bars-card-text-wrapper h3 {
  font-size: 18px;
  font-weight: 600;
  color: #0c0d12;
  margin: 0 0 8px 0;
  letter-spacing: -0.2px;
}

.bars-card-text-wrapper p {
  font-size: 14px;
  line-height: 1.6;
  color: #616875;
  margin: 0;
}

/* Responsive Viewports for Mobile layout fallback */
@media (max-width: 991px) {
  .bars-story-container {
    grid-template-columns: 1fr;
    gap: 50px;
  }
  .bars-story-main-heading {
    font-size: 34px;
  }
}
/* --- STATS COUNTER SECTION STYLES --- */
.bars-stats-section {
  background-color: #1a3320; /* Premium Deep Emerald/Forest Green Theme */
  padding: 64px 0px;
  text-align: center;
}

.bars-stats-container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Equal 3 column grid structure */
  gap: 40px;
}

/* Individual Block Alignment */
.bars-stat-counter-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* Big Gold Numbers Typography */
.bars-stat-number {
  font-size: 56px;
  font-weight: 400;
  margin: 0 0 15px 0;
  line-height: 1.1;
  letter-spacing: -0.5px;
}

/* Reusing the elegant serif italic feel for counters from image styling */
.bars-stat-number.gold-gradient-text {
  color: #c09b45;
  font-size: 2.8rem;
  font-family: var(--font-premium);
  font-weight: 700;
}

/* Sub labels bottom styling */
.bars-stat-label {
  color: rgba(
    255,
    255,
    255,
    0.5
  ); /* Soft muted sage/gray color for premium contrast */
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0;
}

/* Responsive Handling for mobile stacked layout */
@media (max-width: 768px) {
  .bars-stats-container {
    grid-template-columns: 1fr; /* Single column layout on mobile screens */
    gap: 50px;
  }
  .bars-stat-number {
    font-size: 44px;
  }
}
/* --- PRINCIPLES SECTION LAYOUT STYLES --- */
.bars-principles-section {
  background-color: #ffffff; /* Crisp white background */
  padding: 120px 20px;
  color: #1a1a1a;
}

/* Header Centered Layout */
.bars-principles-header {
  text-align: center;
  margin-bottom: 70px;
}

.bars-principles-badge {
  color: #c09b45;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 20px;
}

.bars-principles-main-title {
  font-family: var(--font-premium);
  font-size: 48px;
  line-height: 1.2;
  font-weight: 700;
  color: #0c0d12;
  margin: 0;
}

/* 4 Column Grid Structure */
.bars-principles-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* Clean 4 equal columns */
  gap: 30px;
}

/* Individual Card Styling with Left Gold Border Line */
.bars-principle-card {
  border-left: 3px solid #c09b45; /* Premium Vertical Line Accent */
  padding-left: 25px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.bars-principle-title {
  font-size: 18px;
  font-weight: 600;
  color: #0c0d12;
  margin: 0 0 18px 0;
  letter-spacing: -0.2px;
}

.bars-principle-desc {
  font-size: 15px;
  line-height: 1.6;
  color: #5c6270; /* Smooth readable body grey text */
  margin: 0;
  font-weight: 400;
}

/* Responsive Viewports for Responsive Layouts */
@media (max-width: 991px) {
  .bars-principles-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 Columns layout on tablets */
    gap: 40px;
  }
  .bars-principles-main-title {
    font-size: 38px;
  }
}

@media (max-width: 600px) {
  .bars-principles-grid {
    grid-template-columns: 1fr; /* Full width row stack on phones */
    gap: 35px;
  }
}

/* --- REGULATORY SECTION LAYOUT STYLES --- */
.bars-regulatory-section {
  background-color: #faf9f6; /* Off-white container background */
  padding: 80px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bars-regulatory-container {
  max-width: 1200px;
  width: 100%;
  display: flex;
  justify-content: center; /* Content center alignment */
  gap: 24px;
  flex-wrap: wrap; /* Fallback for small screens */
}

/* Regulatory Card Styling */
.bars-regulatory-card {
  background: #ffffff;
  border: 1px solid #eaeef4; /* Light crisp border edge */
  border-radius: 8px;
  padding: 24px 30px;
  min-width: 260px;
  text-align: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.01); /* Super soft shadow */
}

/* Small Upper Label Styling */
.bars-reg-label {
  display: block;
  color: #787878;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 12px;
}

/* Main Highlighted Registration Code */
.bars-reg-number {
  font-size: 16px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0;
  letter-spacing: -0.2px;
}

/* Responsive breakpoint for mobile grids */
@media (max-width: 768px) {
  .bars-regulatory-container {
    flex-direction: column;
    align-items: stretch;
  }
  .bars-regulatory-card {
    min-width: unset;
  }
}

/* --- CTA SECTION LAYOUT STYLES --- */
.bars-cta-section {
  background-color: #111; /* Premium Premium Rich Dark Background */
  padding: 100px 20px;
  text-align: center;
  color: #ffffff;
}

.bars-cta-container {
  max-width: 800px; /* Centered narrow container for elegant reading structure */
  margin: 0 auto;
}

/* Serif Golden Title Styling */
.bars-cta-heading {
  font-family: var(--font-premium);
  font-size: 40px;
  font-weight: 700;
  line-height: 1.3;
  color: #c09b45; /* Premium brand gold color */
  margin: 0 0 20px 0;
  letter-spacing: -0.3px;
}

/* Sub description text styling */
.bars-cta-description {
  font-size: 16px;
  line-height: 1.6;
  color: rgba(
    255,
    255,
    255,
    0.6
  ); /* Soft subdued grey for secondary elements */
  margin: 0 0 35px 0;
  font-weight: 400;
}

/* Button Layout & Premium Solid Hover States */
.bars-cta-btn-wrapper {
  display: flex;
  justify-content: center;
}

.bars-cta-button {
  display: inline-block;
  background-color: #c09b45; /* Elegant Golden Accent fill */
  color: #0c0d12 !important; /* Bold contrasting text dark */
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  padding: 14px 32px;
  border-radius: 4px;
  transition:
    background-color 0.3s ease,
    transform 0.2s ease;
  letter-spacing: -0.1px;
}

.bars-cta-button:hover {
  background-color: #bfa175; /* Slightly deeper gold on hover */
  transform: translateY(-1px);
}

/* Responsive adjustment for sleek mobile devices */
@media (max-width: 768px) {
  .bars-cta-section {
    padding: 80px 20px;
  }
  .bars-cta-heading {
    font-size: 30px;
  }
  .bars-cta-description {
    font-size: 15px;
  }
}
/* --- BLOG HERO SECTION LAYOUT STYLES --- */
.bars-blog-hero-section {
  background-color: #111; /* Rich Dark Background matching your theme */
  padding: 60px 20px;
  text-align: center;
  color: #ffffff;
}

.bars-blog-hero-container {
  max-width: 850px; /* Perfect reading span width */
  margin: 0 auto;
}

/* Small Gold Upper Badge */
.bars-blog-hero-badge {
  color: #c09b45;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: inline-block;
  margin-bottom: 25px;
}

/* Bada elegant typography main heading */
.bars-blog-hero-title {
  font-family: var(--font-premium);
  font-size: 56px;
  font-weight: 700;
  line-height: 1.25;
  color: #ffffff;
  margin: 0 0 30px 0;
  letter-spacing: -0.5px;
}

/* Heading ke andar ka italicized golden text section */
.bars-blog-hero-title span {
  font-family: var(--font-premium);
  font-weight: 700;

  font-style: italic;
  color: #dfba86; /* Premium golden highlight */
}

/* Sub-description paragraph layout */
.bars-blog-hero-desc {
  font-size: 16px;
  line-height: 1.7;
  color: #a3aab8; /* Clean readable grey text */
  max-width: 680px;
  margin: 0 auto 40px auto;
  font-weight: 400;
}

/* Button Container & Golden Block Style */
.bars-blog-hero-btn-wrapper {
  display: flex;
  justify-content: center;
}

.bars-blog-hero-button {
  display: inline-block;
  background-color: #c9a775; /* Solid gold button background */
  color: #0c0d12 !important; /* Contrasting pure dark text */
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  padding: 14px 36px;
  border-radius: 4px;
  transition:
    background-color 0.3s ease,
    transform 0.2s ease;
}

.bars-blog-hero-button:hover {
  background-color: #bfa175;
  transform: translateY(-1px);
}

/* Responsive Viewports for Small Tablets & Mobile Devices */
@media (max-width: 768px) {
  .bars-blog-hero-section {
    padding: 90px 20px;
  }
  .bars-blog-hero-title {
    font-size: 38px;
  }
  .bars-blog-hero-desc {
    font-size: 15px;
  }
}
/* --- BLOG INTRO SECTION LAYOUT STYLES --- */
.bars-blog-intro-section {
  background-color: #111; /* Core dark layout background */
  padding: 100px 20px;
  color: #ffffff;
}

.bars-intro-container {
  max-width: 1200px;
  margin: 0 auto;
}

/* Header Styling */
.bars-intro-header {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 70px auto;
}

.bars-intro-badge {
  color: #c09b45;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: inline-block;
  margin-bottom: 20px;
}

.bars-intro-main-title {
  font-family: var(--font-premium);
  font-size: 42px;
  line-height: 1.3;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 25px 0;
  letter-spacing: -0.3px;
}

.bars-intro-main-desc {
  font-size: 16px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.6); /* Clean soft contrast text gray */
  margin: 0;
}

/* 3 Column Glassmorphism Style Grid */
.bars-intro-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

/* Individual Transparent Card Accent */
.bars-intro-card {
  background: rgba(255, 255, 255, 0.02); /* Super subtle dark overlay fill */
  border: 1px solid rgba(255, 255, 255, 0.08); /* Soft glass border layer */
  border-radius: 8px;
  padding: 40px 30px;
  text-align: center;
  transition:
    transform 0.3s ease,
    border-color 0.3s ease;
}

.bars-intro-card:hover {
  border-color: rgba(
    201,
    167,
    117,
    0.3
  ); /* Subtle glow gold border layout on hover */
  transform: translateY(-2px);
}

/* Text Emoji Icons styling */
.bars-intro-card-icon {
  font-size: 32px;
  line-height: 1;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bars-intro-card-title {
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 15px 0;
  letter-spacing: -0.1px;
}

.bars-intro-card-desc {
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
}

/* Responsive Overrides */
@media (max-width: 991px) {
  .bars-intro-grid {
    grid-template-columns: 1fr; /* Single column layout stack on smaller viewports */
    gap: 25px;
  }
  .bars-intro-main-title {
    font-size: 32px;
  }
  .bars-intro-card {
    padding: 35px 25px;
  }
}

/* --- DYNAMIC BLOG GRID LAYOUT STYLES --- */
.bars-blog-grid-section {
  background-color: #ffffff; /* Page clean background */
  padding: 90px 20px;
}

.bars-blog-grid-container {
  max-width: 1200px;
  margin: 0 auto;
}

/* Section Upper Badge Centered */
.bars-blog-grid-header {
  text-align: center;
  margin-bottom: 60px;
}

.bars-blog-grid-badge {
  color: #bfa175; /* Premium muted brand gold */
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: inline-block;
}

/* 3 Equal Columns Grid Wrapper */
.bars-blog-posts-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

/* Individual Premium Dark Blog Card */
.bars-blog-post-card {
  background-color: #121318; /* Solid deep dark slate color from image */
  border-radius: 12px; /* Smooth rounded corners */
  padding: 45px 35px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 320px; /* Uniform grid structural balance */
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.bars-blog-post-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
}

.bars-blog-card-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Elegant Title Link Typography */
.bars-blog-card-title {
  font-family: var(--e-global-typography-primary-font-family, serif);
  font-size: 24px;
  line-height: 1.35;
  font-weight: 500;
  margin: 0 0 20px 0;
  letter-spacing: -0.2px;
}

.bars-blog-card-title a {
  color: #ffffff !important;
  text-decoration: none;
  transition: color 0.2s ease;
  font-family: var(--primary-font-family);
  font-weight: 700;
}

.bars-blog-card-title a:hover {
  color: #dfba86 !important; /* Title hover turns into luxury gold */
}

/* Muted Grey Description text containing dot trail */
.bars-blog-card-excerpt {
  color: #a3aab8;
  font-size: 15px;
  line-height: 1.6;
  margin: 0 0 auto 0; /* Pushes the read button link to structural bottom */
  font-weight: 400;
}

/* Bottom Golden Read Link Style */
.bars-blog-card-link {
  color: #c9a775 !important;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  display: inline-block;
  margin-top: 30px;
  transition:
    color 0.2s ease,
    transform 0.2s ease;
}

.bars-blog-card-link:hover {
  color: #dfba86 !important;
  transform: translateX(3px); /* Subtle interactive movement */
}

/* Fallback handling text */
.no-posts-found {
  grid-column: 1 / -1;
  text-align: center;
  color: #5c6270;
  font-style: italic;
}

/* Responsive Grid Adaptation */
@media (max-width: 991px) {
  .bars-blog-posts-wrapper {
    grid-template-columns: repeat(
      2,
      1fr
    ); /* 2 blocks line on medium viewports */
  }
}

@media (max-width: 768px) {
  .bars-blog-posts-wrapper {
    grid-template-columns: 1fr; /* Full row stacking on mobile */
    gap: 20px;
  }
  .bars-blog-post-card {
    padding: 35px 25px;
    min-height: unset;
  }
  .bars-blog-card-title {
    font-size: 22px;
  }
}
/* --- BLOG PAGE BOTTOM CTA STYLES --- */
.bars-blog-cta-section {
  background-color: #111; /* Core premium rich dark background */
  padding: 50px 20px;
  text-align: center;
  color: #ffffff;
}

.bars-blog-cta-container {
  max-width: 900px; /* Perfect centered container width for alignment */
  margin: 0 auto;
}

/* Elegant High-Contrast White Heading */
.bars-blog-cta-heading {
  font-family: var(--font-premium);
  font-size: 38px;
  font-weight: 700;
  line-height: 1.3;
  color: #ffffff; /* Clean white heading as per screenshot */
  margin: 0 0 18px 0;
  letter-spacing: -0.3px;
}

/* Secondary Subtitle text description styling */
.bars-blog-cta-description {
  font-size: 15px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.75); /* Smooth readable grayish tint */
  font-weight: 400;
}

/* Button Alignment & Luxury Fill */
.bars-blog-cta-btn-wrapper {
  display: flex;
  justify-content: center;
}

.bars-blog-cta-button {
  display: inline-block;
  background-color: #c09b45; /* Elegant Golden fill matching BARS style */
  color: #0c0d12 !important; /* Bold solid dark font contrast */
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  padding: 15px 34px;
  border-radius: 4px;
  transition:
    background-color 0.3s ease,
    transform 0.2s ease;
}

.bars-blog-cta-button:hover {
  background-color: #bfa175; /* Darker gold shading on hover state */
  transform: translateY(-1px);
}

/* Tablet & Mobile Screens Optimization */
@media (max-width: 768px) {
  .bars-blog-cta-section {
    padding: 80px 20px;
  }
  .bars-blog-cta-heading {
    font-size: 28px;
    line-height: 1.4;
  }
  .bars-blog-cta-description {
    font-size: 14px;
  }
}
/* =========================================================================
   BARS WEALTH: PREMIUM BLOG DETAIL PAGE STYLE
   ========================================================================= */

/* Main Page Container Layout Setup */
.site-main.type-post {
  padding: 80px 20px;
  color: #ffffff;
  min-height: 100vh;
  font-family: var(--font-premium);
}

/* Centered Reading Wrapper for Content Stability */

/* --- 1. BLOG HEADER STYLING --- */
.page-header {
  margin-bottom: 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding-bottom: 30px;
}

.page-header .entry-title {
  font-family: var(
    --e-global-typography-primary-font-family,
    "Playfair Display",
    serif
  );
  font-size: 46px;
  line-height: 1.25;
  font-weight: 400;
  color: #ffffff; /* Bright high-contrast white */
  letter-spacing: -0.5px;
  margin: 0;
}

/* --- 2. BLOG CONTENT TYPOGRAPHY --- */
.page-content {
  font-size: 17px;
  line-height: 1.8;
  color: #ced5e0; /* Softer readable white/grey contrast for long reads */
  letter-spacing: 0.1px;
}

/* Gutenberg block paragraphs adjustments */
.page-content p.wp-block-paragraph {
  margin-bottom: 28px;
}

/* Link treatments inside content */
.page-content a {
  color: #dfba86;
  text-decoration: none;
  border-bottom: 1px dashed #dfba86;
  transition:
    color 0.2s ease,
    border-color 0.2s ease;
}

.page-content a:hover {
  color: #c9a775;
  border-bottom-style: solid;
}

/* --- 3. PREMIUM COMMENTS AREA & FORM STYLING --- */
.comments-area {
  margin-top: 80px;
  padding-top: 50px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

/* Leave a Reply Heading */
.comment-reply-title {
  font-family: var(--font-premium);
  font-size: 28px;
  font-weight: 700;
  color: #dfba86; /* Brand golden highlight color */
  margin-bottom: 25px;
  letter-spacing: -0.2px;
}

/* Admin / Logged-in status message text */
.comment-respond .logged-in-as {
  font-size: 14px;
  color: #a3aab8;
  margin-bottom: 25px;
}

.comment-respond .logged-in-as a {
  color: #dfba86 !important;
  text-decoration: none;
  font-weight: 500;
}

.comment-respond .logged-in-as a:hover {
  text-decoration: underline;
}

/* Form Labels */
.comment-form-comment label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Glassmorphism Dark Textarea Input Box */
.comment-form-comment textarea#comment {
  width: 100%;
  background-color: rgba(
    255,
    255,
    255,
    0.02
  ); /* Very subtle transparent backdrop */
  border: 1px solid rgba(255, 255, 255, 0.12); /* Crisp premium glass borders */
  border-radius: 6px;
  padding: 16px;
  color: #ffffff;
  font-size: 16px;
  font-family: inherit;
  line-height: 1.5;
  resize: vertical;
  outline: none;
  transition:
    border-color 0.3s ease,
    box-shadow 0.3s ease;
  box-sizing: border-box;
}

/* Input Focus States */
.comment-form-comment textarea#comment:focus {
  border-color: rgba(
    201,
    167,
    117,
    0.5
  ); /* Glowing gold bounding wire on selection */
  box-shadow: 0 0 10px rgba(201, 167, 117, 0.08);
}

/* Premium Solid Golden Submit Button */
.comment-form .form-submit input[type="submit"] {
  background-color: #c9a775; /* BARS signature gold brand fill */
  color: #0c0d12 !important; /* Rich contrast dark font color */
  border: none;
  border-radius: 4px;
  padding: 14px 35px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition:
    background-color 0.3s ease,
    transform 0.2s ease;
  margin-top: 15px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.comment-form .form-submit input[type="submit"]:hover {
  background-color: #bfa175; /* Deeper subtle gold shade */
  transform: translateY(-1px);
}

/* Required fields indicator */
.required-field-message .required,
label .required {
  color: #ff5c5c;
  margin-left: 3px;
}

/* --- 4. RESPONSIVE DEVICES OPTIMIZATION --- */
@media (max-width: 768px) {
  .site-main.type-post {
    padding: 50px 15px;
  }
  .page-header .entry-title {
    font-size: 32px;
    line-height: 1.3;
  }
  .page-content {
    font-size: 16px;
    line-height: 1.7;
  }
  .comment-reply-title {
    font-size: 24px;
  }
}