/* ============================================================
   BRICKCIRCLE — 21st.dev-inspired Design System
   Premium institutional aesthetic with smooth animations
   ============================================================ */

/* ===== Design Tokens ===== */
:root {
  --font-body: 'DM Sans', 'Inter', sans-serif;
  --font-heading: 'Playfair Display', 'IBM Plex Serif', serif;

  --color-primary: #0d1b2a;
  --color-primary-light: #1e3a5f;
  --color-primary-dark: #060e18;
  --color-accent: #c9a84c;
  --color-accent-light: #e8c97a;
  --color-accent-glow: rgba(201, 168, 76, 0.15);
  --color-navy: #0d1b2a;
  --color-navy-mid: #1e3a5f;
  --color-charcoal: #36454f;
  --color-text: #1a1a2e;
  --color-text-muted: #8899aa;
  --color-text-light: #94a3b8;
  --color-border: #e2e8f0;
  --color-bg: #ffffff;
  --color-bg-subtle: #f8fafc;
  --color-bg-section: #f1f5f9;
  --color-white: #f8f9fa;
  --color-glass: rgba(30, 58, 95, 0.4);
  --color-glass-border: rgba(201, 168, 76, 0.2);
  --color-overlay: rgba(13, 27, 42, 0.75);

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 100px;

  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 20px rgba(0,0,0,0.08);
  --shadow-lg: 0 12px 40px rgba(0,0,0,0.12);
  --shadow-xl: 0 25px 60px rgba(0,0,0,0.16);
  --shadow-glow: 0 0 40px var(--color-accent-glow);
  --shadow-gold: 0 20px 60px rgba(201, 168, 76, 0.15);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --transition-fast: 0.2s var(--ease-out);
  --transition: 0.4s var(--ease-out);
  --transition-slow: 0.7s var(--ease-out);
}

/* ===== Reset & Base ===== */
*, *::before, *::after { box-sizing: border-box; }

html {
  overflow-x: hidden;
}

body {
  font-family: var(--font-body);
  margin: 0;
  color: var(--color-text);
  background: var(--color-bg);
  line-height: 1.7;
  letter-spacing: -0.01em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  letter-spacing: -0.02em;
}

img { max-width: 100%; height: auto; display: block; }
p {
  margin-bottom: 1rem;
  letter-spacing: 0;
  line-height: 1.75;
}

/* ===== Scroll Reveal Animations ===== */
.reveal-up {
  opacity: 0;
  transform: translateY(60px);
  transition: opacity 0.8s var(--ease-out), transform 0.8s var(--ease-out);
}
.reveal-up.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.reveal-left {
  opacity: 0;
  transform: translateX(-60px);
  transition: opacity 0.8s var(--ease-out), transform 0.8s var(--ease-out);
}
.reveal-left.is-visible { opacity: 1; transform: translateX(0); }

.reveal-right {
  opacity: 0;
  transform: translateX(60px);
  transition: opacity 0.8s var(--ease-out), transform 0.8s var(--ease-out);
}
.reveal-right.is-visible { opacity: 1; transform: translateX(0); }

.reveal-scale {
  opacity: 0;
  transform: scale(0.9);
  transition: opacity 0.8s var(--ease-out), transform 0.8s var(--ease-out);
}
.reveal-scale.is-visible { opacity: 1; transform: scale(1); }

/* Stagger children */
.stagger-children > * { transition-delay: calc(var(--i, 0) * 0.1s); }

/* ===== Gradient Text ===== */
.gradient-text {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ===== Section Utilities ===== */
.section-padding { padding: 100px 0; }
.section-padding-lg { padding: 140px 0; }

.section-header { text-align: center; margin-bottom: 60px; }
.section-header h2 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  color: var(--color-text);
  margin-bottom: 16px;
  letter-spacing: -0.02em;
}
.section-header p {
  font-size: 1.125rem;
  color: var(--color-text-muted);
  max-width: 600px;
  margin: 0 auto;
}

.section-header-light h2 { color: var(--color-white); }
.section-header-light p { color: rgba(255,255,255,0.7); }

.section-tag {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: var(--color-accent);
  margin-bottom: 16px;
}

/* ===== Top Strip ===== */
.top-strip {
  background: var(--color-navy);
  color: var(--color-white);
  padding: 8px 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1050;
  font-size: 13px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.top-strip a {
  color: rgba(255,255,255,0.8);
  text-decoration: none;
  font-weight: 500;
  margin: 0 5px;
  transition: color var(--transition-fast);
}
.top-strip a:hover { color: var(--color-accent); }
.top-left .bi { font-size: 15px; }
.top-right a {
  margin-left: 20px;
  font-size: 13px;
  display: block;
  margin-bottom: 3px;
}

/* ===== Navbar ===== */
.institutional-nav {
  background: rgba(255,255,255,0.97);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: none;
  padding: 12px 0 8px 0;
  transition: all 0.35s var(--ease-out);
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  top: 38px;
  z-index: 1040;
}
.institutional-nav.scrolled {
  padding: 8px 0;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  background: #fff;
}
.nav-logo { height: 60px; transition: all var(--transition-fast); }
.institutional-nav.scrolled .nav-logo { height: 48px; }
.footer-logo img { opacity: 0.95; max-height: 48px; }

.navbar-nav .nav-link {
  font-size: 15px;
  font-weight: 500;
  font-family: var(--font-body);
  color: var(--color-text) !important;
  position: relative;
  padding: 8px 14px !important;
  transition: color var(--transition-fast);
}
.navbar .gap-3 { gap: 0.5rem !important; }
.navbar-nav .nav-link::after { content: none !important; }
.navbar-nav .nav-link:hover { color: var(--color-primary) !important; }

.navbar .dropdown-toggle::after { display: none !important; }
.dropdown-menu {
  background: var(--color-navy);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: var(--radius-lg);
  padding: 12px 0;
  min-width: 240px;
  font-family: var(--font-body);
  margin-top: -2px !important;
  display: none;
  transform: translateY(10px);
  opacity: 0;
  transition: all 0.3s var(--ease-out);
  box-shadow: var(--shadow-xl);
}
.dropdown:hover > .dropdown-menu,
.dropdown-menu.show {
  display: block;
  transform: translateY(0);
  opacity: 1;
}
.dropdown-item {
  color: rgba(255,255,255,0.85);
  font-weight: 500;
  padding: 10px 24px;
  font-size: 14px;
  transition: all 0.25s var(--ease-out);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.dropdown-item::before { content: none !important; }
.dropdown-item:hover {
  background: rgba(255,255,255,0.08);
  color: var(--color-white);
  padding-left: 30px;
}
.dropdown-item:last-child { border-bottom: none; }

/* ===== Hero (Static) ===== */
.hero-static,
.hero-home {
  min-height: 100vh;
  width: 100%;
  margin-top: 100px;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.hero-home-bg-layer {
  position: absolute;
  inset: 0;
  background: url('../images/desk-one-banner.jpg') center / cover no-repeat;
  z-index: 0;
}
.hero-home-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.hero-home .hero-overlay { z-index: 1; }
.hero-home .container { position: relative; z-index: 2; }
.hero-content-static {
  color: #fff;
  max-width: 720px;
  padding: 40px 0;
}
.hero-content-static h1 {
  font-size: clamp(2rem, 4.5vw, 3rem);
  font-weight: 700;
  font-family: var(--font-heading);
  line-height: 1.12;
  letter-spacing: -0.03em;
  margin-bottom: 20px;
}
.hero-content-static p {
  margin: 0 0 28px;
  color: rgba(255,255,255,0.8);
  font-size: 1.1rem;
  line-height: 1.75;
}
.hero-tag {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: var(--color-accent);
  margin-bottom: 18px;
  padding: 6px 16px;
  background: rgba(45,164,255,0.1);
  border: 1px solid rgba(45,164,255,0.25);
  border-radius: var(--radius-pill);
}
.hero-trust-row {
  display: flex;
  gap: 24px;
  margin-top: 32px;
  flex-wrap: wrap;
}
.hero-trust-row span {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.82rem;
  font-weight: 500;
  color: rgba(255,255,255,0.65);
}
.hero-trust-row i {
  font-size: 1rem;
  color: var(--color-accent);
}
.hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(10,22,40,0.75) 0%, rgba(10,22,40,0.4) 50%, rgba(10,22,40,0.2) 100%);
  z-index: 1;
}
.hero-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: white;
  max-width: 680px;
  z-index: 5;
}
.hero-content h1 {
  font-size: clamp(2.2rem, 4.5vw, 3.2rem);
  font-weight: 700;
  font-family: var(--font-heading);
  line-height: 1.12;
  letter-spacing: -0.02em;
  margin-bottom: 20px;
}
.hero-content p {
  margin: 0 0 28px;
  color: rgba(255,255,255,0.75);
  font-size: 1.1rem;
  line-height: 1.7;
}
.hero-buttons { display: flex; gap: 14px; flex-wrap: wrap; }
.hero-buttons .btn {
  padding: 14px 32px;
  font-size: 14px;
  font-weight: 600;
  border-radius: var(--radius-sm);
  transition: all 0.3s var(--ease-out);
}
.btn-cap {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: #fff;
}
.btn-cap:hover {
  background-color: var(--color-accent);
  border-color: var(--color-accent);
  transform: translateY(-2px);
  box-shadow: var(--shadow-glow);
}
.hero-buttons .btn-outline-light {
  border: 2px solid var(--color-accent);
  color: #fff;
  backdrop-filter: blur(4px);
  background: rgba(201,168,76,0.1);
  padding: 14px 36px;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.hero-buttons .btn-outline-light:hover {
  background: var(--color-accent);
  border-color: var(--color-accent);
  color: var(--color-navy);
  transform: translateY(-2px);
  box-shadow: var(--shadow-gold);
}

/* Slider progress */
.slider-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: rgba(255,255,255,0.15);
  z-index: 10;
}
.slider-bar {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, var(--color-accent), var(--color-primary-light));
}

/* Slider arrows */
.carousel-control-prev, .carousel-control-next {
  width: 60px;
  opacity: 1;
  background: transparent;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
  background-image: none;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s var(--ease-out);
  backdrop-filter: blur(8px);
  background: rgba(255,255,255,0.05);
}
.carousel-control-prev-icon::after,
.carousel-control-next-icon::after {
  content: '';
  width: 10px;
  height: 10px;
  border-top: 2px solid rgba(255,255,255,0.7);
  border-right: 2px solid rgba(255,255,255,0.7);
  display: inline-block;
}
.carousel-control-prev-icon::after {
  transform: rotate(-135deg);
  margin-left: 3px;
}
.carousel-control-next-icon::after {
  transform: rotate(45deg);
  margin-right: 3px;
}
.carousel-control-prev:hover .carousel-control-prev-icon,
.carousel-control-next:hover .carousel-control-next-icon {
  background: rgba(255,255,255,0.12);
  border-color: rgba(255,255,255,0.4);
  transform: scale(1.08);
}

/* ===== About / Built for Institutional Capital ===== */
.about-wrap {
  padding: 120px 0 80px;
  background: var(--color-bg);
}
.about-title {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 4vw, 3rem);
  color: var(--color-primary);
  font-weight: 700;
  letter-spacing: -0.03em;
  margin-bottom: 8px;
  line-height: 1.15;
}
.about-sub {
  color: var(--color-text-muted);
  max-width: 640px;
  margin: 0 auto;
  font-size: 1.1rem;
  text-align: center;
}

/* Core Statement Box */
.core-box {
  display: none;
}

/* Premium Quote Statement */
.core-statement {
  margin: 60px auto 40px;
  max-width: 800px;
  text-align: center;
}
.core-statement-inner {
  position: relative;
  padding: 50px 40px;
  background: linear-gradient(135deg, var(--color-navy) 0%, #0f2847 50%, #1a3562 100%);
  border-radius: var(--radius-xl);
  border: 1px solid rgba(201, 168, 76, 0.15);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  overflow: hidden;
}
.core-statement-inner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 120px;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--color-accent), transparent);
}
.core-statement-inner::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 120px;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--color-accent), transparent);
}
.core-statement blockquote {
  font-family: var(--font-heading);
  font-size: clamp(1.15rem, 2.2vw, 1.5rem);
  font-weight: 600;
  line-height: 1.7;
  color: #fff;
  margin: 0;
  padding: 0;
  letter-spacing: 0.01em;
}
.core-quote-icon {
  color: var(--color-accent);
  font-size: 2.2rem;
  font-family: Georgia, serif;
  line-height: 0;
  vertical-align: -0.15em;
  margin: 0 4px;
}
.core-quote-line {
  width: 60px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(201, 168, 76, 0.4), transparent);
  margin: 0 auto 20px;
}
.core-statement-inner .core-quote-line:last-child {
  margin: 20px auto 0;
}
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
  font-weight: 500;
  line-height: 1.5;
  box-shadow: var(--shadow-xl);
  overflow: hidden;
}
.core-overlay {
  position: absolute;
  inset: 0;
  border-radius: var(--radius-xl);
  background: rgba(10, 22, 40, 0.72);
}

/* Glass Cards */
.glass {
  transition: all 0.5s var(--ease-out);
  position: relative;
}
.glass i { font-size: 38px; margin-bottom: 20px; color: #fff; }
.glass h5 { font-family: var(--font-heading); font-size: 1.25rem; font-weight: 600; }

/* Gradient Cards (4-card grid) */
.gradient-card {
  position: relative;
  padding: 50px 30px;
  color: #fff;
  font-weight: 600;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  transition: all 0.5s var(--ease-out);
}
.gradient-card p { font-size: 14px !important; color: rgba(255,255,255,0.9) !important; }
.gradient-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-xl);
}
.gradient-card .layer { position: absolute; background: rgba(255,255,255,0.08); transform: skewX(-20deg); }
.layer.layer1 { width: 180px; height: 50px; top: -15px; right: 20px; }
.layer.layer2 { width: 120px; height: 40px; bottom: -15px; left: 40px; }
.gradient-content { position: relative; z-index: 2; }

.bg-one-brick { background: linear-gradient(135deg, var(--color-navy) 0%, #1b3a6b 100%); }
.min-heit-gradb { min-height: auto; }
.min-heit-gradb2 { min-height: auto; }

/* Clean text-based cards (no icons) */
.clean-card .glass {
  padding: 40px 36px !important;
}
.clean-card h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 18px;
  font-family: var(--font-heading);
}
.clean-card p {
  font-size: 1.05rem;
  line-height: 1.85;
  color: rgba(255,255,255,0.85);
  margin-bottom: 16px;
}
.clean-list {
  list-style: none;
  padding: 0;
  margin: 20px 0 0;
}
.clean-list li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 12px;
  font-size: 1.05rem;
  line-height: 1.7;
  color: rgba(255,255,255,0.9);
}
.clean-list li::before {
  content: "\F26E";
  font-family: "bootstrap-icons";
  position: absolute;
  left: 0;
  top: 2px;
  color: var(--color-accent);
  font-size: 0.85rem;
}

/* Equal-height gradient cards via flexbox */
.section-padding .row.g-4 {
  display: flex;
  flex-wrap: wrap;
}
.section-padding .row.g-4 > .col-md-6 {
  display: flex;
}
.section-padding .row.g-4 > .col-md-6 > .gradient-card {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.section-padding .gradient-card .glass,
.section-padding .gradient-card .gradient-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.section-padding .gradient-card .gradient-content .glass {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.section-padding .gradient-card .glass .flow-section,
.section-padding .gradient-card .gradient-content .glass > .row.g-4 {
  margin-top: auto;
}

/* Flow Section (Governance/Transparency/Yield) */
.flow-section { padding: 0; }
.flow-wrapper { display: flex; align-items: center; justify-content: space-between; }
.flow-card {
  border-radius: var(--radius-lg);
  text-align: center;
  position: relative;
  flex: 1;
  margin-bottom: 30px;
  transition: all 0.5s var(--ease-out);
}
.flow-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  font-size: 28px;
  color: #fff;
}
.flow-icon i { font-size: 28px; margin: auto; color: #fff; }
.gov { background: linear-gradient(135deg, #c9a84c, #b8952e); }
.trans { background: linear-gradient(135deg, #c9a84c, #b8952e); }
.yield { background: linear-gradient(135deg, #c9a84c, #b8952e); }
.flow-card h4 { font-weight: 600; font-family: var(--font-body); font-size: 1.1rem; margin-bottom: 10px; }
.flow-card p { font-size: 1rem; color: rgba(255,255,255,0.7); line-height: 1.75; }
.flow-arrow { font-size: 38px; color: #adb5bd; margin-top: -121px; visibility: hidden; }

/* Info cards (SEBI, Trust, etc.) */
.info-card-sem {
  border-radius: var(--radius-lg);
  text-align: center;
  height: 100%;
  margin-top: 20px;
  transition: all var(--transition);
}
.icon-sebi {
  width: 60px !important;
  height: 60px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 28px !important;
  color: #fff !important;
  margin: auto !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}
.bg-sebi { background: linear-gradient(135deg, #0d6efd, #0056d2); }
.bg-trust { background: linear-gradient(135deg, #0d6efd, #0056d2); }
.bg-units { background: linear-gradient(135deg, #c9a84c, #b8952e); color: #fff; }
.bg-returns { background: linear-gradient(135deg, #e06b6b, #c0392b); }
.icon-sebi i { font-size: 28px; margin: auto; color: #fff; }
.info-card-sem h5 { margin-top: 14px; font-family: var(--font-body); font-size: 14px; font-weight: 600; }

/* Why DC flow cards */
.why-dc { color: #fff; padding: 0; }
.why-dc-flow-card {
  color: #fff;
  border-radius: var(--radius-md);
  padding: 25px 12px;
  text-align: center;
  height: 100%;
  transition: all 0.4s var(--ease-out);
  position: relative;
}
.why-dc-flow-card i { font-size: 36px; color: #fff; margin-bottom: 12px; }
.why-dc-flow-card:hover { transform: translateY(-8px) scale(1.02); }
.why-dc-flow-card h6 { font-weight: 600; font-family: var(--font-body); font-size: 1.05rem; }
.gradient-content .flow-row::before { background: none; }

/* Regulatory cards */
.regulatory-section { padding: 0; }
.regulatory-section .col-md-4 { margin-top: 0 !important; }
.regu-reg-card { border-radius: var(--radius-md); padding: 8px; height: 100%; text-align: center; transition: all var(--transition); position: relative; }
.regu-reg-card i { font-size: 32px; color: #fff; margin-bottom: 12px; }
.regu-reg-card h5 { font-family: var(--font-body); font-size: 15px; font-weight: 600; }
.regu-reg-card p { font-size: 13px; color: rgba(255,255,255,0.7); }

/* ===== SM REIT Advantage ===== */
.smreit-section {
  background-color: #0a1628;
  background-image: url("../images/smreit-bg.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: scroll;
  position: relative;
  padding: 120px 0;
  color: #fff;
}
.smreit-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(10,22,40,0.82) 0%, rgba(10,22,40,0.72) 100%);
}
.smreit-title {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  font-family: var(--font-heading);
  letter-spacing: -0.02em;
}
.smreit-sub { color: rgba(255,255,255,0.75); max-width: 650px; margin: auto; font-size: 1.1rem; }

.sm-card {
  background: rgba(8, 22, 48, 0.78);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-radius: var(--radius-lg);
  color: #fff;
  padding: 30px;
  border-left: 3px solid var(--color-accent);
  border: 1px solid var(--color-glass-border);
  border-left: 3px solid var(--color-accent);
  transition: all 0.5s var(--ease-out);
  height: 100%;
}
.sm-card:hover {
  transform: translateY(-6px);
  background: rgba(255,255,255,0.1);
  box-shadow: var(--shadow-glow);
}
.sm-card h5 { color: #fff; font-weight: 600; }
.sm-card p { color: rgba(255,255,255,0.85); }
.sm-icon { font-size: 26px; color: var(--color-accent); margin-bottom: 14px; }
.sm-card { border-left: 3px solid var(--color-accent); }

/* ===== Platform & Capabilities ===== */
.platform-section {
  position: relative;
  padding: 120px 5%;
  background-color: #0a1628;
  background-image: url('../images/platform.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: scroll;
  color: #fff;
  overflow: hidden;
}
.platform-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(10,22,40,0.82), rgba(10,22,40,0.72));
  z-index: 1;
}
.platform-content { position: relative; z-index: 2; }
.platform-title {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  font-family: var(--font-heading);
  letter-spacing: -0.02em;
}
.platform-subtitle { color: rgba(255,255,255,0.7); font-size: 1.1rem; }

/* Lifecycle flow */
.lifecycle { margin-top: 50px; }
.flow-step span {
  display: inline-flex;
  width: 52px;
  height: 52px;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--color-primary-light), var(--color-accent));
  border-radius: 50%;
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 10px;
  transition: all 0.3s var(--ease-spring);
  box-shadow: 0 6px 20px rgba(13,110,253,0.3);
}
.flow-step:hover span { transform: scale(1.15); box-shadow: 0 8px 30px rgba(13,110,253,0.5); }
.flow-step p { color: rgba(255,255,255,0.8); font-weight: 500; font-size: 14px; }
.flow-line {
  height: 2px;
  background: linear-gradient(to right, transparent, var(--color-accent), transparent);
  margin-top: 25px;
}

/* Capability tiles */
.capability {
  height: 100%;
  padding: 35px;
  border-radius: var(--radius-lg);
  background: var(--color-glass);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid var(--color-glass-border);
  transition: all 0.5s var(--ease-out);
  position: relative;
  overflow: hidden;
  position: relative;
  overflow: hidden;
}
.capability::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, var(--color-primary-light), var(--color-accent));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.5s var(--ease-out);
}
.capability:hover { transform: translateY(-8px); background: rgba(255,255,255,0.1); box-shadow: var(--shadow-glow); }
.capability:hover::after { transform: scaleX(1); }
.capability i { font-size: 1.6rem; color: var(--color-accent); margin-bottom: 14px; display: block; }
.capability h5 { font-weight: 600; margin-bottom: 10px; font-size: 1.05rem; }
.capability p { font-size: 0.95rem; color: rgba(255,255,255,0.7); }

/* ===== Governance Framework ===== */
.leadership-section {
  position: relative;
  background: var(--color-navy);
  padding: 120px 0;
  color: #fff;
}
.leadership-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 30% 50%, rgba(45,164,255,0.06) 0%, transparent 70%);
  z-index: 0;
}
.leadership-section .container { position: relative; z-index: 2; }
.color-text { color: rgba(255,255,255,0.7) !important; }
.nw { color: var(--color-primary); }

.gov-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media (max-width: 991px) {
  .gov-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
  .gov-grid { grid-template-columns: 1fr; }
}
.gov-card {
  background: var(--color-glass);
  border: 1px solid var(--color-glass-border);
  border-radius: var(--radius-md);
  padding: 30px;
  transition: all 0.4s var(--ease-out);
  position: relative;
  overflow: hidden;
}
.gov-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 0;
  background: linear-gradient(180deg, var(--color-accent), var(--color-primary-light));
  transition: height 0.4s var(--ease-out);
}
.gov-card:hover {
  border-color: var(--color-accent);
  transform: translateY(-4px);
  box-shadow: var(--shadow-glow);
}
.gov-card:hover::before { height: 100%; }
.gov-icon { font-size: 1.6rem; color: var(--color-accent); margin-bottom: 14px; }
.gov-title { font-weight: 600; margin-bottom: 8px; }
.gov-text { font-size: 0.92rem; color: rgba(255,255,255,0.65); }

/* ===== Insights ===== */
.insights-section {
  background-color: #0a1628;
  background-image: url('../images/insights-bg.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: scroll;
  position: relative;
  padding: 140px 0;
}
.insights-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(3,8,20,0.94), rgba(4,12,28,0.9));
}
.insights-wrap { position: relative; z-index: 2; }
.insights-title { text-align: center; max-width: 800px; margin: 0 auto 70px; }
.insights-title h2 {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  font-family: var(--font-heading);
  color: #fff;
  letter-spacing: -0.02em;
}
.insights-title p { color: rgba(255,255,255,0.7); font-size: 1.1rem; }

.insight-card {
  background: rgba(8, 24, 52, 0.82);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: var(--radius-lg);
  padding: 36px;
  height: 100%;
  transition: all 0.5s var(--ease-out);
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0,0,0,0.35);
}
.insight-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--color-accent), transparent);
  opacity: 0;
  transition: opacity 0.4s var(--ease-out);
}
.insight-card:hover::before { opacity: 1; }
.insight-card:hover {
  transform: translateY(-8px);
  border-color: var(--color-accent);
  box-shadow: var(--shadow-glow);
}
.insight-icon { font-size: 2rem; color: rgba(94,179,255,0.95); margin-bottom: 18px; }
.insight-card h3,
.insight-card h5 { font-weight: 600; margin-bottom: 10px; color: #fff; font-size: 1.12rem; line-height: 1.35; }
.insight-card p { color: rgba(255,255,255,0.78); font-size: 0.92rem; }

/* ===== Lead Magnets ===== */
.leadmagnet-section {
  background: var(--color-bg);
  padding: 120px 0;
  position: relative;
}
.leadmagnet-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(ellipse at 70% 20%, rgba(45,164,255,0.04) 0%, transparent 60%);
}
.leadmagnet-title {
  font-size: clamp(2rem, 4vw, 2.8rem);
  font-weight: 700;
  font-family: var(--font-heading);
  color: var(--color-text);
  letter-spacing: -0.02em;
}
.leadmagnet-subtitle { color: var(--color-text-muted); font-size: 1.1rem; max-width: 600px; margin: 10px auto 0; }

.leadmagnet-card {
  background: var(--color-white);
  border-radius: var(--radius-lg);
  padding: 36px 28px;
  height: 100%;
  border: 1px solid var(--color-border);
  transition: all 0.5s var(--ease-out);
  position: relative;
  overflow: hidden;
}
.leadmagnet-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, var(--color-primary), var(--color-accent));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.5s var(--ease-out);
}
.leadmagnet-card:hover::before { transform: scaleX(1); }
.leadmagnet-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-lg);
  border-color: var(--color-accent);
}
.leadmagnet-icon { font-size: 2.2rem; color: var(--color-primary-light); margin-bottom: 14px; }
.leadmagnet-tag {
  display: inline-block;
  background: rgba(0,52,102,0.06);
  color: var(--color-primary);
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  padding: 4px 14px;
  border-radius: var(--radius-pill);
  margin-bottom: 14px;
}
.leadmagnet-card h5 { font-weight: 600; margin-bottom: 10px; color: var(--color-text); }
.leadmagnet-card p { color: var(--color-text-muted); font-size: 0.9rem; margin-bottom: 20px; }
.leadmagnet-btn {
  background: transparent;
  color: var(--color-primary);
  border: 1.5px solid var(--color-primary);
  border-radius: var(--radius-pill);
  padding: 10px 24px;
  font-weight: 600;
  font-size: 0.85rem;
  transition: all 0.3s var(--ease-out);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.leadmagnet-btn:hover {
  background: var(--color-primary);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0,52,102,0.25);
}

/* Lead gate modal */
.leadgate-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s var(--ease-out);
}
.leadgate-modal.active { opacity: 1; visibility: visible; }
.leadgate-overlay {
  position: absolute;
  inset: 0;
  background: rgba(10,22,40,0.7);
  backdrop-filter: blur(8px);
}
.leadgate-content {
  position: relative;
  background: #fff;
  border-radius: var(--radius-xl);
  padding: 44px;
  max-width: 440px;
  width: 90%;
  box-shadow: var(--shadow-xl);
  transform: translateY(20px) scale(0.96);
  transition: transform 0.4s var(--ease-spring);
}
.leadgate-modal.active .leadgate-content { transform: translateY(0) scale(1); }
.leadgate-close {
  position: absolute;
  top: 16px;
  right: 20px;
  background: none;
  border: none;
  font-size: 26px;
  color: var(--color-text-light);
  cursor: pointer;
  transition: color var(--transition-fast);
}
.leadgate-close:hover { color: var(--color-text); }
.leadgate-header { text-align: center; margin-bottom: 24px; }
.leadgate-header i { font-size: 2.2rem; color: var(--color-primary); margin-bottom: 10px; display: block; }
.leadgate-header h4 { font-weight: 700; color: var(--color-text); }
.leadgate-header p { color: var(--color-text-muted); font-size: 0.9rem; }
.leadgate-form .form-control {
  border-radius: var(--radius-md);
  padding: 13px 16px;
  border: 1px solid var(--color-border);
  transition: all 0.25s var(--ease-out);
}
.leadgate-form .form-control:focus { border-color: var(--color-primary); box-shadow: 0 0 0 3px rgba(0,52,102,0.1); }
.leadgate-submit {
  background: var(--color-primary);
  color: #fff;
  border: none;
  border-radius: var(--radius-md);
  padding: 14px;
  font-weight: 600;
  transition: all 0.3s var(--ease-out);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.leadgate-submit:hover { background: var(--color-primary-dark); color: #fff; transform: translateY(-2px); box-shadow: 0 8px 25px rgba(0,52,102,0.3); }
.leadgate-privacy { text-align: center; font-size: 0.78rem; color: var(--color-text-light); margin-top: 14px; margin-bottom: 0; }

/* ===== Trust & Social Proof ===== */
.trust-section {
  background: linear-gradient(135deg, var(--color-navy) 0%, #0f2847 100%);
  padding: 120px 0;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.trust-section::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -20%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(45,164,255,0.08) 0%, transparent 70%);
  border-radius: 50%;
}
.trust-title {
  font-size: clamp(2rem, 4vw, 2.8rem);
  font-weight: 700;
  font-family: var(--font-heading);
  letter-spacing: -0.02em;
}
.trust-subtitle { color: rgba(255,255,255,0.65); font-size: 1.1rem; max-width: 550px; margin: 10px auto 0; }

.trust-stat-card {
  background: var(--color-glass);
  backdrop-filter: blur(12px);
  border: 1px solid var(--color-glass-border);
  border-radius: var(--radius-lg);
  padding: 36px 24px;
  text-align: center;
  height: 100%;
  transition: all 0.5s var(--ease-out);
}
.trust-stat-card:hover {
  transform: translateY(-6px);
  background: rgba(255,255,255,0.1);
  border-color: var(--color-accent);
  box-shadow: var(--shadow-glow);
}
.trust-icon { font-size: 2.2rem; color: var(--color-accent); margin-bottom: 16px; }
.trust-stat-card h4 { font-size: 1.05rem; font-weight: 600; margin-bottom: 8px; }
.trust-stat-card p { font-size: 0.88rem; color: rgba(255,255,255,0.55); margin-bottom: 0; }

.trust-badges { display: flex; justify-content: center; flex-wrap: wrap; gap: 14px; margin-top: 16px; }
.trust-badge {
  background: rgba(45,164,255,0.08);
  border: 1px solid rgba(45,164,255,0.2);
  border-radius: var(--radius-pill);
  padding: 10px 22px;
  font-size: 0.85rem;
  font-weight: 500;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s var(--ease-out);
}
.trust-badge:hover { background: rgba(201,168,76,0.18); transform: translateY(-2px); }
.trust-badge i { color: var(--color-accent); font-size: 1rem; }

/* ===== Read More Button ===== */
.readmore-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 32px;
  border-radius: var(--radius-pill);
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  color: var(--color-accent);
  background: rgba(201,168,76,0.06);
  border: 1.5px solid rgba(201,168,76,0.3);
  backdrop-filter: blur(4px);
  transition: all 0.4s var(--ease-out);
  overflow: hidden;
}
.readmore-btn:hover {
  color: #fff;
  background: linear-gradient(135deg, var(--color-accent), var(--color-primary-light));
  border-color: transparent;
  box-shadow: var(--shadow-glow);
  transform: translateY(-3px);
}
.readmore-btn i { transition: transform 0.4s var(--ease-out); }
.readmore-btn:hover i { transform: translateX(6px); }

/* ===== Footer ===== */
.footer-section {
  background: var(--color-navy);
  color: #fff;
  padding: 70px 0 20px;
  position: relative;
}
.footer-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(201,168,76,0.3), transparent);
}
.footer-logo { font-size: 28px; font-weight: 700; }
.footer-links h5 { font-size: 16px; margin-bottom: 16px; font-weight: 600; }
.footer-links ul { list-style: none; padding: 0; margin: 0; }
.footer-links ul li { margin-bottom: 10px; }
.footer-links ul li a {
  text-decoration: none;
  color: rgba(255,255,255,0.6);
  transition: all 0.25s var(--ease-out);
  font-size: 14px;
}
.footer-links ul li a:hover { color: var(--color-accent); padding-left: 4px; }
.footer-social { margin-top: 20px; }
.footer-social a {
  color: rgba(255,255,255,0.6);
  font-size: 17px;
  margin-right: 14px;
  transition: all 0.25s var(--ease-out);
}
.footer-social a:hover { color: var(--color-accent); transform: translateY(-2px); }
.footer-disclaimer {
  border-top: 1px solid rgba(255,255,255,0.06);
  margin-top: 36px;
  padding-top: 18px;
}
.footer-disclaimer p {
  font-size: 0.72rem;
  color: rgba(255,255,255,0.3);
  line-height: 1.6;
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}
.footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.06);
  margin-top: 16px;
  padding-top: 16px;
  font-size: 12px;
  color: rgba(255,255,255,0.35);
  text-align: center;
  text-align: center;
}
.footer-bottom a {
  color: rgba(255,255,255,0.45);
  text-decoration: none;
  transition: color 0.2s;
}
.footer-bottom a:hover { color: var(--color-accent); }
.footer-bottom-risk { text-align: center; }
.up-events { display: block; font-size: 14px; margin-top: 6px; }
.footer-disclaimer {
  border-top: 1px solid rgba(255,255,255,0.06);
  padding-top: 16px;
  margin-top: 14px;
}
.footer-disclaimer p {
  font-size: 11px;
  color: rgba(255,255,255,0.32);
  line-height: 1.6;
  margin: 0;
  text-align: center;
}

/* ===== Back to Top ===== */
.back-to-top {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: var(--color-primary);
  color: #fff;
  font-size: 18px;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  transition: all 0.3s var(--ease-out);
  box-shadow: 0 4px 15px rgba(0,52,102,0.3);
  border: none;
}
.back-to-top:hover { background: var(--color-accent); color: #fff; transform: translateY(-3px); }
.back-to-top.visible { display: flex; }
.back-to-top .bi { font-size: 1.15rem; line-height: 1; }

/* ===== Inner Page Banners ===== */
.parallax-banner-n,
.aboutus-banner-n,
.contact-banner-n,
.partner-banner-n,
.career-banner-n,
.investor-reits-banner,
.investor-insights-banner,
.investor-events-banner,
.investor-others-banner {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: flex-end;
  padding: 80px 0 60px;
  margin-top: 100px;
  color: #fff;
  position: relative;
  min-height: 50vh;
}
.parallax-banner-n h1,
.aboutus-banner-n h1,
.contact-banner-n h1,
.partner-banner-n h1,
.career-banner-n h1,
.investor-reits-banner h1,
.investor-insights-banner h1,
.investor-events-banner h1,
.investor-others-banner h1 {
  font-size: clamp(2.4rem, 5vw, 3.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
  letter-spacing: -0.02em;
}
.parallax-banner-n p,
.aboutus-banner-n p,
.contact-banner-n p,
.partner-banner-n p,
.career-banner-n p,
.investor-reits-banner p,
.investor-insights-banner p,
.investor-events-banner p,
.investor-others-banner p {
  font-size: 1.1rem;
  max-width: 680px;
  line-height: 1.7;
  opacity: 0.9;
}
.aboutus-banner-n {
  background-color: #0a1628;
  background-image: linear-gradient(rgba(10,22,40,0.5), rgba(10,22,40,0.5)), url("../images/who-we-are-b.jpg");
  background-size: cover;
  background-position: center;
}
.aboutus-banner-new {
  background-color: #0a1628;
  background-image: linear-gradient(rgba(10,22,40,0.5), rgba(10,22,40,0.5)), url("../images/who-we-are-b.jpg");
  background-size: cover;
  background-position: center;
  height: 100vh;
  display: flex;
  padding-top: 60px;
  align-items: center;
  color: #fff;
}
.aboutus-banner-new h1 { font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; font-family: var(--font-heading); }
.contact-banner-n {
  background-color: #0a1628;
  background-image: linear-gradient(rgba(10,22,40,0.72), rgba(10,22,40,0.72)), url("../images/contact-b.jpg");
  background-size: cover;
  background-position: center;
}
.partner-banner-n {
  background-color: #0a1628;
  background-image: linear-gradient(rgba(10,22,40,0.72), rgba(10,22,40,0.72)), url("../images/partner-with-us-b.jpg");
  background-size: cover;
  background-position: center;
}
.career-banner-n {
  background-color: #0a1628;
  background-image: linear-gradient(rgba(10,22,40,0.72), rgba(10,22,40,0.72)), url("../images/career-b.jpg");
  background-size: cover;
  background-position: center;
}
.investor-reits-banner {
  background-color: #0a1628;
  background-image: linear-gradient(rgba(10,22,40,0.68), rgba(10,22,40,0.68)), url("../images/smreit-bg.jpg");
  background-size: cover;
  background-position: center;
}
.investor-insights-banner {
  background-color: #0a1628;
  background-image: linear-gradient(rgba(10,22,40,0.62), rgba(10,22,40,0.62)), url("../images/insight-bg.jpg");
  background-size: cover;
  background-position: center;
}
.investor-events-banner {
  background-color: #0a1628;
  background-image: linear-gradient(rgba(10,22,40,0.55), rgba(10,22,40,0.55)), url("../images/who-we-are-b.jpg");
  background-size: cover;
  background-position: center;
}
.investor-others-banner {
  background-color: #0a1628;
  background-image: linear-gradient(rgba(10,22,40,0.65), rgba(10,22,40,0.65)), url("../images/platform-banner.jpg");
  background-size: cover;
  background-position: center;
}

/* ===== Contact Page ===== */
.contact-wrapper {
  max-width: 1100px;
  margin: 70px auto;
  background: #fff;
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-xl);
}
.contact-info {
  background: var(--color-navy);
  color: #fff;
  padding: 40px 44px 20px;
}
.info-item {
  position: relative;
  padding: 22px 20px;
  margin-bottom: 20px;
  background: rgba(255,255,255,0.04);
  border-left: 3px solid rgba(255,255,255,0.15);
  border-radius: var(--radius-md);
  transition: all 0.35s var(--ease-out);
}
.info-item:hover { background: rgba(255,255,255,0.08); border-left-color: var(--color-accent); transform: translateX(4px); }
.info-icon {
  width: 48px;
  height: 48px;
  background: rgba(255,255,255,0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  margin-bottom: 12px;
  transition: all 0.3s var(--ease-out);
}
.info-item:hover .info-icon { background: var(--color-accent); color: #fff; }
.info-text h6 { font-weight: 600; margin-bottom: 6px; font-family: var(--font-body); }
.info-text p { font-size: 13px; opacity: 0.75; margin-bottom: 4px; }
.info-text a { color: #fff; text-decoration: none; font-weight: 500; }

.contact-form { padding: 50px; }
.contact-form h6 { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: var(--color-accent); }
.contact-form h2 { font-weight: 700; margin-bottom: 12px; font-family: var(--font-heading); }
.contact-form p { color: var(--color-text-muted); font-size: 14px; }
.form-control { padding: 13px 16px; border-radius: var(--radius-md); border: 1px solid var(--color-border); transition: all 0.25s var(--ease-out); }
.form-control:focus { border-color: var(--color-primary); box-shadow: 0 0 0 3px rgba(0,52,102,0.08); }
.btn-primary-n {
  background: var(--color-accent);
  border: none;
  color: var(--color-navy);
  border-radius: var(--radius-md);
  padding: 14px;
  font-weight: 600;
  transition: all 0.3s var(--ease-out);
}
.btn-primary-n:hover { background: var(--color-accent-light); color: var(--color-navy); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(201,168,76,0.25); }

/* ===== Partner Page ===== */
.brick-partner-section { padding: 80px 0; background: var(--color-bg-subtle); }
.brick-partner-wrapper {
  background: #fff;
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-xl);
  transition: all 0.4s var(--ease-out);
}
.brick-partner-wrapper:hover { transform: translateY(-4px); box-shadow: 0 30px 80px rgba(0,0,0,0.12); }
.brick-partner-image {
  background-color: #0a1628;
  background-image: linear-gradient(135deg, rgba(0,52,102,0.9), rgba(10,22,40,0.85)), url("../images/banner-partner.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 60px;
  height: 100%;
}
.brick-partner-image h2 { font-weight: 700; font-size: 2rem; margin-bottom: 16px; font-family: var(--font-heading); }
.brick-partner-image p { opacity: 0.85; font-size: 15px; line-height: 1.7; }
.brick-partner-form { padding: 50px; }
.brick-partner-form .form-label { font-size: 13px; font-weight: 500; color: var(--color-text-muted); }
.brick-partner-form h3 { font-weight: 700; color: var(--color-primary); margin-bottom: 28px; font-family: var(--font-heading); }
.brick-partner-form .form-control { border-radius: var(--radius-md); padding: 12px 16px; border: 1px solid var(--color-border); transition: all 0.25s var(--ease-out); }
.brick-partner-form .form-control:focus { border-color: var(--color-accent); box-shadow: 0 0 0 3px rgba(201,168,76,0.12); }
.brick-partner-form .btn-brand {
  background: var(--color-accent);
  border: none;
  border-radius: var(--radius-pill);
  padding: 13px;
  font-weight: 600;
  color: var(--color-navy);
  transition: all 0.3s var(--ease-out);
}
.brick-partner-form .btn-brand:hover { background: var(--color-accent-light); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(201,168,76,0.25); }
.required { color: #ef4444; }

/* ===== Career Page ===== */
.career-section { padding: 80px 0; background: var(--color-bg-subtle); }
.career-wrapper {
  background: #fff;
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-xl);
  transition: all 0.4s var(--ease-out);
}
.career-wrapper:hover { transform: translateY(-4px); box-shadow: 0 30px 80px rgba(0,0,0,0.12); }
.career-image {
  background-color: #0a1628;
  background-image: linear-gradient(135deg, rgba(0,52,102,0.9), rgba(10,22,40,0.85)), url('../images/career-page-banner.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 60px;
  height: 100%;
}
.career-image h2 { font-weight: 700; font-size: 2rem; margin-bottom: 14px; font-family: var(--font-heading); }
.career-image p { opacity: 0.85; font-size: 14px; line-height: 1.7; }
.career-form { padding: 50px 30px; }
.career-form label { font-size: 13px; font-weight: 500; color: var(--color-text-muted); }
.career-form h3 { font-weight: 700; color: var(--color-primary); margin-bottom: 20px; font-family: var(--font-heading); }
.car-section-title { font-size: 15px; font-weight: 700; margin-top: 24px; margin-bottom: 14px; color: var(--color-primary); text-transform: uppercase; letter-spacing: 1px; }
.career-form .form-control, .career-form .form-select {
  border-radius: var(--radius-md);
  padding: 12px 16px;
  border: 1px solid var(--color-border);
  transition: all 0.25s var(--ease-out);
}
.career-form .form-control:focus, .career-form .form-select:focus { border-color: var(--color-accent); box-shadow: 0 0 0 3px rgba(201,168,76,0.12); }
.career-form .btn-brand {
  background: var(--color-accent);
  border: none;
  border-radius: var(--radius-pill);
  padding: 13px;
  font-weight: 600;
  color: var(--color-navy);
  transition: all 0.3s var(--ease-out);
}
.career-form .btn-brand:hover { background: var(--color-accent-light); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(201,168,76,0.25); }
.career-form .form-check-input:checked { background-color: var(--color-accent); border-color: var(--color-accent); }
.career-form .form-label { font-size: 13px; }

/* ===== About Page Sections ===== */
.section-space { padding: 80px 0; }
.section-tag { color: var(--color-accent); font-weight: 700; text-transform: uppercase; letter-spacing: 3px; display: block; margin-bottom: 10px; font-size: 0.75rem; }
.value-card-new {
  background: linear-gradient(135deg, var(--color-navy), #0f2847);
  border-radius: var(--radius-xl);
  padding: 40px;
  font-family: var(--font-heading);
  color: #fff;
  border-bottom: 3px solid var(--color-accent);
  box-shadow: var(--shadow-xl);
}
.feature-card-new {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: 36px;
  transition: all 0.5s var(--ease-out);
  height: 100%;
  background: #fff;
}
.feature-card-new h3 { font-family: var(--font-heading); }
.feature-card-new:hover { transform: translateY(-8px); box-shadow: var(--shadow-lg); border-color: var(--color-accent); }
.icon-circle-new {
  width: 64px;
  height: 64px;
  background: rgba(0,52,102,0.06);
  color: var(--color-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  margin-bottom: 20px;
}
.accent-line { width: 60px; height: 3px; background: var(--color-accent); margin-bottom: 30px; }

/* Regulatory box */
.reg-box {
  background-color: #0a1628;
  background-image: url(../images/bg-brick.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  padding: 80px 0;
}
.regb-overlay { position: absolute; inset: 0; background: rgba(10,22,40,0.82); }
.reg-card {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  padding: 28px;
  border-radius: var(--radius-md);
  height: 100%;
  transition: all var(--transition);
  overflow: visible;
}
.reg-card:hover { border-color: var(--color-accent); }
.reg-card h5 { color: var(--color-accent); margin-bottom: 14px; }
.reg-card h6 { font-size: 1rem; color: #fff; margin-bottom: 8px; }
.reg-card p { color: rgba(255,255,255,0.8); }
.list-custom-new li {
  list-style: none;
  position: relative;
  font-family: var(--font-body);
  padding-left: 28px;
  margin-bottom: 10px;
}
.list-custom-new li::before {
  content: "\F272";
  font-family: "Bootstrap-Icons";
  position: absolute;
  left: 0;
  color: var(--color-accent);
}

/* Section title with underline */
.section-title-n { font-weight: 700; margin-bottom: 36px; position: relative; font-family: var(--font-heading); }
.section-title-n::after {
  content: "";
  width: 50px;
  height: 3px;
  background: linear-gradient(90deg, var(--color-primary), var(--color-accent));
  position: absolute;
  bottom: -10px;
  left: 0;
  border-radius: 2px;
}
.section-title { font-size: clamp(1.8rem, 3vw, 2.5rem); font-weight: 700; line-height: 1.15; font-family: var(--font-heading); }

/* Info cards */
.info-card-n { background: #fff; border-radius: var(--radius-lg); padding: 28px; height: 100%; transition: all 0.4s var(--ease-out); box-shadow: var(--shadow-md); }
.info-card-n:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); }
.icon-box-n { font-size: 36px; color: var(--color-primary-light); margin-bottom: 14px; }
.icon-list-n li { list-style: none; margin-bottom: 10px; font-family: var(--font-body); }
.icon-list-n i { color: var(--color-primary-light); margin-right: 10px; }
.dark-section-n { background: var(--color-navy); color: #fff; }

/* ===== SM REIT Page (Owl, Cards) ===== */
.info-card-nw {
  background: rgba(255,255,255,0.06);
  border-radius: var(--radius-lg);
  padding: 32px 28px;
  height: 100%;
  border: 1px solid rgba(255,255,255,0.1);
  border-top: 3px solid var(--color-accent);
  transition: all 0.4s var(--ease-out);
}
.info-card-nw:hover { background: rgba(255,255,255,0.1); transform: translateY(-6px); }
.info-card-nw h6 { font-weight: 700; font-family: var(--font-heading); color: #fff; }
.info-card-nw p { color: rgba(255,255,255,0.8); font-size: 1.05rem; line-height: 1.8; margin-bottom: 0; }
.info-card-nw i { color: var(--color-accent) !important; }
.info-card {
  background: #fff;
  border-radius: var(--radius-lg);
  padding: 32px 28px;
  height: 100%;
  border-top: 3px solid var(--color-accent);
  border-left: none;
  box-shadow: 0 4px 24px rgba(0,0,0,0.06);
  transition: all 0.4s var(--ease-out);
  overflow: hidden;
}
.info-card:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(0,0,0,0.1); }

/* Owl Carousel — stable cards, equal height */
.owl-carousel .owl-item .info-card {
  min-height: 210px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  box-sizing: border-box;
}
.owl-carousel .owl-stage {
  display: flex !important;
  align-items: stretch !important;
}
.owl-carousel .owl-item {
  display: flex !important;
  align-items: stretch !important;
  height: auto !important;
}
.owl-carousel .owl-item > .info-card {
  flex: 1;
}
.owl-carousel .owl-stage-outer {
  overflow: hidden;
}
.smreit-slider.owl-carousel .owl-nav {
  margin-top: 20px;
  text-align: center;
}
.info-card i { color: var(--color-accent) !important; font-size: 1.5rem !important; }
.info-card h6 { font-weight: 700; font-family: var(--font-heading); font-size: 1.12rem; color: var(--color-navy); }
.info-card p { font-size: 1.05rem; color: #555; line-height: 1.8; margin-bottom: 0; }
.bg-grey { background: var(--color-bg-subtle); }
.section-padding-n { padding: 100px 0; }
.parallax { background-size: cover; background-position: center; background-attachment: scroll; position: relative; color: #fff; }
.parallax::before { content: ""; position: absolute; inset: 0; background: rgba(10,22,40,0.5); }
.parallax-content { position: relative; z-index: 2; }
.parallax-nw { background-color: var(--color-navy); position: relative; color: #fff; }
.parallax-content-nw { position: relative; z-index: 2; }
.parallax-banner-n {
  background-color: #0a1628;
  background-image: linear-gradient(rgba(10,22,40,0.7), rgba(10,22,40,0.7)), url("../images/platform-banner.jpg");
  background-size: cover;
  background-position: center;
}

/* Risk section */
.bg-risk {
  background-color: #0a1628;
  background-image: url("../images/smreit-bg.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: scroll;
  position: relative;
  padding: 100px 0;
  color: #fff;
}
.risk-overlay { position: absolute; inset: 0; background: rgba(10,22,40,0.78); }
.risk-card {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  backdrop-filter: blur(8px);
  border-radius: var(--radius-lg);
  padding: 28px 20px;
  text-align: center;
  height: 100%;
  transition: all 0.4s var(--ease-out);
}
.risk-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-glow); border-color: var(--color-accent); }
.risk-icon { width: 60px; height: 60px; border-radius: 50%; background: rgba(201,168,76,0.12); border: 1px solid rgba(201,168,76,0.2); display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; font-size: 1.5rem; color: var(--color-accent); }
.risk-card p { color: rgba(255,255,255,0.75); font-size: 0.92rem; margin-bottom: 0; line-height: 1.6; }
.risk-card p strong { font-size: 1.05rem; display: block; margin-bottom: 6px; color: #fff; font-family: var(--font-heading); }

/* Managerial cards */
.managerial-card {
  background: #fff;
  border-radius: var(--radius-lg);
  padding: 32px 28px;
  height: 100%;
  box-shadow: 0 4px 24px rgba(0,0,0,0.06);
  border: 1px solid var(--color-border);
  transition: all 0.4s var(--ease-out);
}
.managerial-card:hover { transform: translateY(-6px); box-shadow: 0 8px 30px rgba(0,0,0,0.12); }
.managerial-card .icon-circle {
  width: 54px; height: 54px; border-radius: 50%;
  background: rgba(201,168,76,0.1);
  border: 1px solid rgba(201,168,76,0.2);
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 18px; font-size: 1.3rem; color: var(--color-accent);
}
.managerial-card h5 { font-weight: 700; margin-bottom: 10px; font-family: var(--font-heading); font-size: 1.05rem; color: var(--color-navy); }
.managerial-card p { color: #666; margin-bottom: 0; font-size: 0.92rem; line-height: 1.65; }

/* Owl carousel nav */
.smreit-slider .owl-nav {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 24px;
}
.smreit-slider .owl-nav button {
  width: 44px; height: 44px;
  border-radius: 50%;
  background: var(--color-navy) !important;
  color: #fff !important;
  font-size: 18px;
  transition: all 0.3s var(--ease-out);
  display: flex; align-items: center; justify-content: center;
}
.smreit-slider .owl-nav button:hover { background: var(--color-accent) !important; }
.owl-theme .owl-dots { margin-top: 16px; }
.owl-theme .owl-dots .owl-dot span { background: #cbd5e1; width: 10px; height: 10px; }
.owl-theme .owl-dots .owl-dot.active span { background: var(--color-accent); }

/* Investment cards */
.investment-section { padding: 0; }
.investment-card {
  display: block;
  padding: 14px;
  background: rgba(10,22,40,0.8);
  border: 1px solid rgba(79,124,255,0.3);
  border-radius: var(--radius-md);
  margin: 8px 0;
  text-align: center;
  font-weight: 500;
  transition: all 0.3s var(--ease-out);
}
.investment-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-glow); }
.icon-circle-bric { width: 52px; height: 52px; margin: 0 auto; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; color: #fff; margin-bottom: 8px; }
.bg-capital { background: linear-gradient(135deg, #0d6efd, #0056d2); }
.bg-assets { background: linear-gradient(135deg, #198754, #0f6b43); }
.bg-rent { background: linear-gradient(135deg, #fd7e14, #e06b00); }
.bg-distribution { background: linear-gradient(135deg, #0dcaf0, #0aa8cc); }
.investment-card h5 { font-size: 1.08rem; font-weight: 600; margin-bottom: 8px; }
.investment-card p { font-size: 1rem; color: rgba(255,255,255,0.7); line-height: 1.75; margin-bottom: 0; }
.bg-investor { background: linear-gradient(135deg, #0d6efd, #084298); }
.icon-box-in { width: 52px; height: 52px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 24px; color: #fff; margin-bottom: 8px; }
.bg-trust-in { background: linear-gradient(135deg, #198754, #0f5132); }
.bg-spv { background: linear-gradient(135deg, #ffc107, #ff9800); color: #212529; }
.bg-dc { background: linear-gradient(135deg, #212529, #000); }

/* ===== Edge Data Centers Page ===== */
.edge-hero {
  background-color: #0a1628;
  background-image: linear-gradient(rgba(10,22,40,0.65), rgba(10,22,40,0.65)), url(../images/insights-bg.jpg);
  background-size: cover;
  background-position: center;
  padding: 180px 0 100px;
  text-align: center;
  color: #fff;
}
.edge-hero h1 { font-size: clamp(2.4rem, 5vw, 3.5rem); font-weight: 700; font-family: var(--font-heading); }
.edge-hero p { font-size: 1.1rem; max-width: 680px; margin: 0 auto; line-height: 1.7; opacity: 0.9; }
.edge-section-dark { background: var(--color-navy); position: relative; padding: 100px 0; }
.edge-platform-overlay { position: absolute; inset: 0; background: rgba(10,22,40,0.5); z-index: 1; }
.edge-section-title { font-weight: 700; margin-bottom: 36px; color: #fff; font-family: var(--font-heading); }

.edge-card-custom {
  background: var(--color-glass);
  border: 1px solid var(--color-glass-border);
  border-radius: var(--radius-lg);
  padding: 28px;
  transition: all 0.4s var(--ease-out);
  height: 100%;
}
.edge-card-custom:hover { transform: translateY(-8px); background: rgba(255,255,255,0.08); box-shadow: var(--shadow-glow); }
.edge-icon { font-size: 36px; margin-bottom: 20px; color: var(--color-accent); display: block; }
.edge-card-custom h5 { margin-bottom: 12px; }
.edge-card-custom p { font-size: 0.93rem; line-height: 1.6; color: rgba(255,255,255,0.85); }

.edge-reg-box { background: rgba(255,255,255,0.04); border-left: 3px solid var(--color-accent); padding: 22px; border-radius: var(--radius-md); margin-bottom: 20px; transition: all var(--transition); }
.edge-reg-box:hover { background: rgba(255,255,255,0.08); }
.edge-box-card { background: var(--color-glass); border: 1px solid var(--color-glass-border); border-radius: var(--radius-lg); padding: 28px; text-align: center; transition: all var(--transition); height: 100%; }
.edge-box-card i { font-size: 32px; margin-bottom: 14px; color: var(--color-accent); }
.edge-box-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-glow); }
.edge-bg-image { background-size: cover; background-position: center; background-attachment: scroll; }
.edge-bg-overlay { background: rgba(10,22,40,0.92); padding: 100px 0; }
.edge-bg-image ul { padding-left: 1rem; }
.edge-bg-image li { margin-bottom: 10px; }

/* ===== State Data Centers ===== */
.state-hero {
  background-color: #0a1628;
  background-image: linear-gradient(rgba(10,22,40,0.7), rgba(10,22,40,0.7)), url('../images/bg-brick.jpg');
  background-size: cover;
  background-position: center;
  padding: 200px 0 100px;
  text-align: center;
}
.state-hero h1 { font-weight: 700; font-size: clamp(2rem, 4vw, 3rem); font-family: var(--font-heading); color: #fff; }
.state-hero p { color: rgba(255,255,255,0.75); }
.state-section-dark { background: rgba(10,22,40,0.95); padding: 60px 0; color: #fff; }
.state-section-light { background: linear-gradient(to right, var(--color-navy), #0f2847); padding: 60px 0; color: #fff; }
.state-card-custom {
  background: var(--color-glass);
  border: 1px solid var(--color-glass-border);
  backdrop-filter: blur(12px);
  border-radius: var(--radius-lg);
  padding: 28px;
  transition: all 0.4s var(--ease-out);
  height: 100%;
}
.state-card-custom:hover { transform: translateY(-8px); box-shadow: var(--shadow-glow); }
.bg-infra { background: var(--color-navy); position: relative; }
.icon-style { font-size: 36px; color: var(--color-accent); margin-bottom: 18px; }
.state-section-light h2 { font-weight: 700; margin-bottom: 36px; font-family: var(--font-heading); }
.state-section-dark ul, .state-section-light ul { list-style: none; padding-left: 0; margin-bottom: 0; }
.state-section-dark ul li, .state-section-light ul li { padding: 4px 0; position: relative; padding-left: 28px; margin-bottom: 4px; line-height: 1.6; font-size: 0.95rem; }
.state-section-dark ul li::before, .state-section-light ul li::before { content: "\F26E"; font-family: "bootstrap-icons"; position: absolute; left: 0; top: 5px; color: var(--color-accent); font-size: 0.85rem; }
.state-divider { height: 2px; width: 80px; background: linear-gradient(90deg, var(--color-accent), transparent); margin: 20px auto 36px; }
img.state-section-img { border-radius: var(--radius-lg); width: 100%; transition: all var(--transition); }
img.state-section-img:hover { transform: scale(1.03); }

/* Tech cards */
.st-tech-section { background: var(--color-navy); color: #fff; padding: 80px 0; }
.st-section-title { font-weight: 700; font-size: clamp(1.6rem, 3vw, 2.2rem); margin-bottom: 18px; }
.st-section-subtitle { font-size: 1rem; opacity: 0.75; margin-bottom: 44px; }
.tech-card { background: var(--color-glass); border: 1px solid var(--color-glass-border); border-radius: var(--radius-lg); padding: 28px; height: 100%; transition: all 0.4s var(--ease-out); backdrop-filter: blur(8px); display: flex; flex-direction: column; }
.tech-card:hover { transform: translateY(-8px); background: rgba(255,255,255,0.08); box-shadow: var(--shadow-glow); }
.tech-icon { font-size: 28px; margin-bottom: 14px; color: var(--color-accent); }
.tech-card h5 { font-weight: 600; margin-bottom: 14px; }
.tech-list li { margin-bottom: 8px; list-style: none; }
.tech-list li::before { content: "\F26E"; font-family: bootstrap-icons; margin-right: 8px; color: var(--color-accent); }
.st-section-divider { border-top: 1px solid rgba(255,255,255,0.1); margin: 60px 0; }

/* Policy risk */
.policy-risk {
  background-color: #0a1628;
  background-image: url("../images/platform.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: scroll;
  position: relative;
  padding: 100px 0;
  color: #fff;
}
.policy-overlay { position: absolute; inset: 0; background: rgba(10,22,40,0.78); }
.assets-sec {
  background-color: #0a1628;
  background-image: linear-gradient(rgba(10,22,40,0.7), rgba(10,22,40,0.7)), url("../images/assets.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: scroll;
  display: flex;
  color: #fff;
}
.governance-sec {
  background-color: #0a1628;
  display: flex;
  color: #fff;
}
.liquidity-sec {
  background-color: #0a1628;
  background-image: linear-gradient(rgba(10,22,40,0.7), rgba(10,22,40,0.7)), url("../images/business-person.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: scroll;
  display: flex;
  color: #fff;
}

/* ===== Table ===== */
.table-custom {
  background: #fff;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(0,0,0,0.06);
  border: 1px solid var(--color-border);
}
.table-custom th {
  background: var(--color-navy);
  color: #fff;
  font-weight: 600;
  font-family: var(--font-body);
  padding: 14px 20px;
  border-bottom: 2px solid var(--color-accent);
}
.table-custom td {
  padding: 14px 20px;
  font-size: 0.95rem;
  color: #444;
  vertical-align: middle;
}
.table-custom tbody tr:hover { background: rgba(201,168,76,0.04); }
.bg-blue { background: var(--color-navy); color: #fff; }

/* ===== Partner Wizard Form ===== */
.partner-form-wizard { position: relative; }
.partner-wizard-steps {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  margin-bottom: 36px;
  list-style: none;
  padding: 0;
}
.partner-wizard-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.partner-wizard-step-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--color-bg-subtle);
  border: 2px solid var(--color-border);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
  color: var(--color-text-muted);
  transition: all 0.3s var(--ease-out);
}
.partner-wizard-step-label {
  font-size: 12px;
  font-weight: 600;
  color: var(--color-text-muted);
  text-align: center;
  white-space: nowrap;
}
.partner-wizard-connector {
  width: 50px;
  height: 2px;
  background: var(--color-border);
  margin: 0 12px;
  margin-bottom: 20px;
  transition: background 0.3s var(--ease-out);
}
.partner-wizard-step.is-active .partner-wizard-step-circle {
  background: var(--color-accent);
  border-color: var(--color-accent);
  color: var(--color-navy);
  box-shadow: 0 4px 15px rgba(201,168,76,0.3);
}
.partner-wizard-step.is-active .partner-wizard-step-label { color: var(--color-accent); }
.partner-wizard-step.is-completed .partner-wizard-step-circle { background: #10b981; border-color: #10b981; color: #fff; }
.partner-wizard-step.is-completed .partner-wizard-step-label { color: #10b981; }
.partner-wizard-connector.is-filled { background: var(--color-accent); }

.partner-wizard-panels { position: relative; min-height: 200px; }
.partner-step-panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(12px);
  transition: all 0.35s var(--ease-out);
}
.partner-step-panel.is-active { position: relative; opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }

/* ===== Policy Page ===== */
.policy-container { background: #fff; padding: 40px; border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }
.policy-container h1, .policy-container h2, .policy-container h3, .policy-container h4 { color: var(--color-primary); font-weight: 700; font-size: 1.5rem; margin-top: 28px; margin-bottom: 18px; }
.policy-container h1 { border-bottom: 3px solid var(--color-primary); padding-bottom: 10px; text-transform: uppercase; }
.policy-container p, .policy-container li { color: var(--color-text); margin-bottom: 14px; text-align: justify; }
.policy-container hr { border-top: 2px solid rgba(0,52,102,0.1); margin: 36px 0; }
.policy-container .contact-info2 { background: var(--color-bg-subtle); padding: 20px; border-left: 4px solid var(--color-primary); margin: 20px 0; }
.policy-container .disclaimer-box { border: 1px solid var(--color-border); padding: 28px; margin-top: 44px; background: #fff; }

/* ===== Thank You ===== */
.thankyou-section { height: 100vh; display: flex; align-items: center; background: var(--color-navy); justify-content: center; }
.thankyou-section .thankyou-card { background: #fff; border-radius: var(--radius-lg); padding: 44px 30px; text-align: center; box-shadow: var(--shadow-xl); max-width: 480px; width: 100%; }
.thankyou-section .icon-circle-thanku { width: 76px; height: 76px; background: var(--color-primary); color: #fff; font-size: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; }
.thankyou-card h1 { color: var(--color-primary); font-weight: 700; font-family: var(--font-heading); }
.thankyou-card p { color: var(--color-text-muted); margin: 14px 0 24px; }
.thankyou-section .btn-custom-thanku { background: var(--color-primary); color: #fff; padding: 10px 28px; border-radius: var(--radius-sm); transition: all 0.3s var(--ease-out); }
.btn-custom-thanku:hover { background: var(--color-primary-dark); color: #fff; }

/* Founder cards */
.founder-card { background: var(--color-glass); border: 1px solid var(--color-glass-border); border-radius: var(--radius-lg); padding-top: 16px; overflow: hidden; backdrop-filter: blur(10px); transition: all 0.4s var(--ease-out); }
.founder-card:hover { transform: translateY(-6px); border-color: var(--color-accent); }
.founder-img { height: 200px; width: 210px; margin: 0 auto; border-radius: 50%; background-position: center; background-size: cover; }
.founder-body { padding: 28px; }
.founder-name { font-size: 1.2rem; font-weight: 600; }
.founder-role { color: var(--color-accent); font-size: 0.88rem; margin-bottom: 10px; }
.founder-bio { font-size: 0.92rem; line-height: 1.7; color: rgba(255,255,255,0.7); }

/* ===== RESPONSIVE ===== */
@media (max-width: 991px) {
  .dropdown-menu { position: relative; opacity: 1 !important; visibility: visible !important; transform: none !important; box-shadow: none; }
  .flow-wrapper { flex-direction: column; }
  .flow-arrow { transform: rotate(90deg); }
  .navbar-nav { padding: 16px 0; gap: 0 !important; }
  .navbar-nav .nav-link { padding: 10px 16px !important; min-height: 44px; display: flex; align-items: center; }
  .contact-form { padding: 36px 24px; }
  .brick-partner-image { text-align: center; padding: 36px; }
  .brick-partner-form { padding: 36px 24px; }
  .career-form .career-image { text-align: center; padding: 36px; }
  .footer-social a { font-size: 20px; margin-right: 16px; padding: 4px; }
}

@media (max-width: 767px) {
  .top-strip { display: none; }
  .institutional-nav { padding: 12px 8px; top: 0; }
  .hero-static, .hero-home { margin-top: 68px; min-height: 85vh; }
  .hero-home-bg-layer { background-size: cover; background-position: center; }
  .hero-content-static { max-width: 100% !important; padding: 0 16px; }
  .hero-content-static h1 { font-size: 1.5rem !important; }
  .hero-content-static p { font-size: 14px; }
  .hero-buttons { flex-direction: column; gap: 10px; }
  .hero-buttons .btn { width: 100%; text-align: center; padding: 14px 20px !important; }
  .hero-trust-row { flex-direction: column; gap: 10px; }
  .hero-scroll-indicator { display: none; }
  .about-wrap { padding: 70px 0 40px; }
  .about-title { font-size: 1.7rem !important; text-align: center; }
  .core-box { display: none; }
  .core-statement { margin: 40px auto 30px; }
  .core-statement-inner { padding: 36px 24px; }
  .smreit-title, .platform-title, .insights-title h2, .trust-title, .leadmagnet-title { font-size: 1.6rem !important; }
  .smreit-section, .platform-section, .leadership-section, .insights-section { padding: 70px 0; }
  .trust-section, .leadmagnet-section { padding: 70px 0; }
  .section-title { font-size: 1.6rem !important; text-align: center; }
  .gradient-card { padding: 36px 22px; text-align: center; }
  .min-heit-gradb, .min-heit-gradb2 { min-height: auto !important; }
  .nav-logo { height: 48px !important; }
  .flow-icon { width: 48px !important; height: 48px !important; }
  .flow-icon i { font-size: 22px !important; }
  .flow-arrow { text-align: center; display: block; margin: -20px auto; font-size: 10px !important; }
  .info-card-sem { margin-top: 0 !important; }
  .footer-section { text-align: center; padding: 50px 0 15px; }
  .gradient-content { text-align: center; }
  .gov-grid { text-align: center; grid-template-columns: 1fr !important; }
  .insight-card, .sm-card, .capability, .card-glass, .edge-card-custom { text-align: center; }
  .section-space p { text-align: center; }
  .accent-line { margin: 0 auto 16px; display: block; text-align: center; }
  .managerial-card .icon-circle { margin: 0 auto 16px; text-align: center; }
  .managerial-card { min-height: auto !important; text-align: center; }
  .icon-circle-new { margin: 0 auto 16px; }
  .feature-card-new { text-align: center; }
  .lifecycle .col { padding: 0; flex: auto; }
  .flow-line { margin-top: 8px !important; margin-bottom: 14px; }
  .contact-banner-n, .partner-banner-n, .career-banner-n, .aboutus-banner-n,
  .investor-reits-banner, .investor-insights-banner, .investor-events-banner, .investor-others-banner { min-height: 45vh; padding: 130px 0 40px; }
  .aboutus-banner-new { height: 55vh !important; }
  .contact-wrapper { margin: 40px auto; border-radius: var(--radius-lg); }
  .trust-badges { gap: 8px; }
  .trust-badge { font-size: 0.78rem; padding: 8px 14px; }
  .leadmagnet-card { padding: 24px 18px; }
  .leadgate-content { padding: 30px 22px; }
  .back-to-top { width: 44px; height: 44px; bottom: 16px; right: 16px; }
}

@media (max-width: 480px) {
  .hero-content { max-width: 260px !important; padding: 0 12px; }
  .hero-content h1 { font-size: 1.4rem !important; }
  .about-title { font-size: 1.4rem !important; }
  .trust-stat-card { padding: 24px 14px; }
}

@media (min-width: 768px) and (max-width: 991px) {
  .nav-logo { height: 50px; }
  .lifecycle { flex-wrap: wrap; }
  .lifecycle .col { flex: 0 0 30%; }
  .flow-line { display: none; }
}

/* Mobile banner images */
@media (max-width: 992px) {
  .career-banner-n {
    background-color: #0a1628;
    background-image: linear-gradient(rgba(10,22,40,0.7), rgba(10,22,40,0.7)), url(../images/career-mobile.jpg);
  }
  .contact-banner-n {
    background-color: #0a1628;
    background-image: linear-gradient(rgba(10,22,40,0.7), rgba(10,22,40,0.7)), url(../images/contact-mob-b.jpg);
  }
  .partner-banner-n {
    background-color: #0a1628;
    background-image: linear-gradient(rgba(10,22,40,0.7), rgba(10,22,40,0.7)), url(../images/partner-with-us-mob.jpg);
  }
  .aboutus-banner-n {
    background-color: #0a1628;
    background-image: linear-gradient(rgba(10,22,40,0.5), rgba(10,22,40,0.5)), url(../images/about-us-mob.jpg);
  }
  .investor-reits-banner {
    background-image: linear-gradient(rgba(10,22,40,0.7), rgba(10,22,40,0.7)), url(../images/policy-aligment.jpg);
  }
  .investor-insights-banner {
    background-image: linear-gradient(rgba(10,22,40,0.7), rgba(10,22,40,0.7)), url(../images/b3.jpg);
  }
  .investor-events-banner {
    background-image: linear-gradient(rgba(10,22,40,0.65), rgba(10,22,40,0.65)), url(../images/b-n2.jpg);
  }
  .investor-others-banner {
    background-image: linear-gradient(rgba(10,22,40,0.7), rgba(10,22,40,0.7)), url(../images/business-person.jpg);
  }
}

/* Prevent horizontal scroll */
html, body {
  overflow-x: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
}

/* ===== Smooth scroll-triggered counter animation ===== */
@keyframes countPulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.08); }
  100% { transform: scale(1); }
}

/* ===== Reveal stagger delay helpers ===== */
[data-delay="1"] { transition-delay: 0.1s !important; }
[data-delay="2"] { transition-delay: 0.2s !important; }
[data-delay="3"] { transition-delay: 0.3s !important; }
[data-delay="4"] { transition-delay: 0.4s !important; }
[data-delay="5"] { transition-delay: 0.5s !important; }
[data-delay="6"] { transition-delay: 0.6s !important; }

/* ============================================================
   LANESURF-INSPIRED ADDITIONS — Gold Accents + Scroll Animations
   ============================================================ */

/* Floating Event Banner */
.event-float-banner {
  position: fixed;
  top: 110px;
  right: 24px;
  z-index: 999;
  animation: eventSlideIn 0.8s ease-out 1.5s both;
}
@keyframes eventSlideIn {
  from { opacity: 0; transform: translateX(60px); }
  to { opacity: 1; transform: translateX(0); }
}
.event-float-inner {
  background: linear-gradient(135deg, var(--color-navy) 0%, #1e3a5f 100%);
  border: 1px solid var(--color-accent);
  border-radius: var(--radius-md);
  padding: 14px 22px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.3), 0 0 20px rgba(201,168,76,0.15);
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-width: 280px;
}
.event-float-badge {
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 700;
  color: var(--color-navy);
  background: var(--color-accent);
  padding: 3px 10px;
  border-radius: 3px;
  display: inline-block;
  width: fit-content;
}
.event-float-link {
  color: #fff;
  text-decoration: none;
  font-family: var(--font-heading);
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.3;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: color 0.3s;
}
.event-float-link:hover { color: var(--color-accent); }
.event-float-link i { font-size: 0.8rem; color: var(--color-accent); }
.event-float-close {
  position: absolute; top: 6px; right: 8px;
  background: none; border: none; color: rgba(255,255,255,0.5);
  font-size: 1.1rem; cursor: pointer; line-height: 1; padding: 2px 6px;
}
.event-float-close:hover { color: #fff; }
@media (max-width: 768px) {
  .event-float-banner {
    top: auto;
    bottom: 16px;
    right: 12px;
    left: 12px;
  }
  .event-float-inner { max-width: 100%; }
}

/* Gold Ticker Strip */
.ticker-strip {
  overflow: hidden;
  background: var(--color-accent);
  padding: 14px 0;
  position: relative;
  z-index: 10;
}
.ticker-track {
  display: flex;
  gap: 32px;
  width: max-content;
  animation: ticker 25s linear infinite;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 0.85rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-navy);
  align-items: center;
}
.ticker-dot {
  color: rgba(13, 27, 42, 0.4);
  font-size: 0.6rem;
}
@keyframes ticker {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Hero Scroll Indicator */
.hero-scroll-indicator {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  z-index: 10;
  color: rgba(255,255,255,0.5);
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-family: var(--font-body);
}
.scroll-line {
  width: 1px;
  height: 50px;
  background: linear-gradient(to bottom, var(--color-accent), transparent);
  margin: 8px auto 0;
  animation: scrollPulse 2s ease-in-out infinite;
}
@keyframes scrollPulse {
  0%, 100% { opacity: 1; transform: scaleY(1); }
  50% { opacity: 0.3; transform: scaleY(0.6); }
}

/* CTA Section */
.cta-section {
  background: linear-gradient(135deg, #0d1b2a 0%, #1e3a5f 50%, #0d1b2a 100%);
  background-size: 300% 300%;
  animation: gradientShift 10s ease infinite;
  padding: 100px 60px;
  margin-top: 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.cta-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle at 30% 50%, rgba(201,168,76,0.06) 0%, transparent 60%);
}
@keyframes gradientShift {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
.cta-heading {
  font-family: var(--font-heading);
  font-size: clamp(1.8rem, 4vw, 3rem);
  color: var(--color-white);
  line-height: 1.15;
  letter-spacing: -0.02em;
  margin-bottom: 20px;
  position: relative;
}
.cta-sub {
  color: rgba(248,249,250,0.65);
  font-size: 1.1rem;
  line-height: 1.7;
  max-width: 620px;
  margin: 0 auto 36px;
  position: relative;
}

/* Gold Button */
.btn-gold {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-navy);
  padding: 16px 36px;
  border-radius: 4px;
  font-weight: 600;
  font-family: var(--font-body);
  text-decoration: none;
  font-size: 0.95rem;
  letter-spacing: 0.02em;
  transition: background 0.3s, transform 0.2s, box-shadow 0.3s;
  position: relative;
  overflow: hidden;
}
.btn-gold:hover {
  background: var(--color-accent-light);
  transform: translateY(-2px);
  box-shadow: var(--shadow-gold);
  color: var(--color-navy);
}
.btn-gold i { margin-left: 8px; transition: transform 0.3s var(--ease-spring); }
.btn-gold:hover i { transform: translateX(4px); }

/* Shimmer Effect */
.btn-shimmer::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -75%;
  width: 50%;
  height: 200%;
  background: rgba(255,255,255,0.2);
  transform: skewX(-20deg);
  transition: left 0.6s ease;
}
.btn-shimmer:hover::after { left: 125%; }

/* Gold Accent on existing elements */
.btn-cap {
  background: var(--color-accent) !important;
  border-color: var(--color-accent) !important;
  color: var(--color-navy) !important;
  padding: 14px 36px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: 0.02em;
  position: relative;
  overflow: hidden;
}
.btn-cap:hover {
  background: var(--color-accent-light) !important;
  border-color: var(--color-accent-light) !important;
  box-shadow: var(--shadow-gold);
  transform: translateY(-2px);
}
.btn-cap::after {
  content: '';
  position: absolute;
  top: -50%; left: -75%; width: 50%; height: 200%;
  background: rgba(255,255,255,0.2);
  transform: skewX(-20deg);
  transition: left 0.6s ease;
}
.btn-cap:hover::after { left: 125%; }
.gold, .text-gold { color: var(--color-accent) !important; }
.text-primary { color: var(--color-accent) !important; }

/* Navbar hidden on scroll down */
.nav-hidden {
  transform: translateY(-100%);
}

/* Scroll progress (gold) */
.scroll-progress {
  background: linear-gradient(90deg, var(--color-accent), var(--color-accent-light));
}

/* Gold accents on trust badges */
.trust-badge {
  border-color: var(--color-accent) !important;
  color: var(--color-accent) !important;
}

/* Section label styling (uppercase gold) */
.section-label-gold {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--color-accent);
  margin-bottom: 16px;
  font-family: var(--font-body);
  font-weight: 600;
}

/* Hero content adjustments for new hero */
.hero-home .hero-content-static h1 {
  font-family: var(--font-heading);
}

@media (max-width: 768px) {
  .cta-section { padding: 80px 20px; }
  .cta-heading { font-size: 1.6rem; }
  .ticker-track { font-size: 0.75rem; gap: 20px; }
  .hero-scroll-indicator { bottom: 20px; }
}

/* ============================================================
   PRESENTABILITY & FORMATTING OVERHAUL
   - Removes all bullet points site-wide
   - Clear heading/subheading hierarchy
   - Consistent sizing and spacing
   ============================================================ */

/* ---------- GLOBAL BULLET POINT REMOVAL ---------- */
ul, ol {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
.footer-links ul,
.list-unstyled,
.navbar-nav,
.dropdown-menu {
  list-style: none;
  padding-left: 0;
}

/* ---------- STYLED LIST ITEMS (replace bullets with icons) ---------- */
section ul:not(.navbar-nav):not(.dropdown-menu):not(.list-unstyled):not(.partner-wizard-steps):not(.footer-links ul):not(.state-section-dark ul):not(.state-section-light ul):not(.pp-list):not(.pp-ordered-list) li,
.list-custom-new li,
.tech-list li,
.icon-list-n li,
.edge-card-custom ul li,
.edge-bg-image ul li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  line-height: 1.7;
  font-size: 0.95rem;
}
section ul:not(.navbar-nav):not(.dropdown-menu):not(.list-unstyled):not(.partner-wizard-steps):not(.footer-links ul):not(.pp-list):not(.pp-ordered-list) li::before,
.edge-card-custom ul li::before {
  content: "\F26E";
  font-family: "bootstrap-icons";
  position: absolute;
  left: 0;
  top: 1px;
  color: var(--color-accent);
  font-size: 0.85rem;
}
.list-custom-new li::before {
  content: "\F272";
  font-family: "Bootstrap-Icons";
  position: absolute;
  left: 0;
  top: 1px;
  color: var(--color-accent);
  font-size: 0.85rem;
}
.tech-list li::before {
  content: "\F26E";
  font-family: bootstrap-icons;
  margin-right: 8px;
  color: var(--color-accent);
  position: absolute;
  left: 0;
  top: 1px;
}
.tech-list li {
  padding-left: 28px;
}

/* ---------- HEADING / SUBHEADING HIERARCHY ---------- */
h1 {
  font-size: clamp(2.2rem, 5vw, 3.5rem);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.03em;
  margin-bottom: 16px;
}
h2 {
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
  margin-bottom: 14px;
}
h3 {
  font-size: clamp(1.3rem, 2.5vw, 1.75rem);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.015em;
  margin-bottom: 12px;
}
h4 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.01em;
  margin-bottom: 10px;
}
h5 {
  font-size: clamp(1rem, 1.5vw, 1.15rem);
  font-weight: 600;
  line-height: 1.35;
  margin-bottom: 8px;
}
h6 {
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 6px;
}

/* Section subtitle text */
.about-sub,
.smreit-sub,
.platform-subtitle,
.trust-subtitle,
.leadmagnet-subtitle,
.insights-title p,
.color-text,
.st-section-subtitle {
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  line-height: 1.75;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}

/* ---------- SECTION SPACING CONSISTENCY ---------- */
.section-space {
  padding: 100px 0;
}
.section-padding-n {
  padding: 100px 0;
}
.about-wrap {
  padding: 100px 0 80px;
}

/* ---------- CARD TYPOGRAPHY CONSISTENCY ---------- */
.gradient-card h3.h5,
.gradient-card h3 {
  font-size: 1.35rem;
  font-weight: 700;
  margin-bottom: 16px;
}
.gradient-card p {
  font-size: 0.93rem !important;
  line-height: 1.75 !important;
}

.sm-card h5 {
  font-size: 1.15rem;
  font-weight: 700;
  margin-bottom: 10px;
}
.sm-card p {
  font-size: 0.93rem;
  line-height: 1.7;
}

.capability h5 {
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 10px;
}
.capability p {
  font-size: 0.93rem;
  line-height: 1.7;
}

.insight-card h3 {
  font-size: 1.15rem;
  font-weight: 700;
  margin-bottom: 12px;
}
.insight-card p {
  font-size: 0.9rem;
  line-height: 1.7;
}

.gov-card .gov-title {
  font-size: 1.05rem;
  font-weight: 700;
}
.gov-card .gov-text {
  font-size: 0.9rem;
  line-height: 1.7;
}

.trust-stat-card h4 {
  font-size: 1.1rem;
  font-weight: 700;
}
.trust-stat-card p {
  font-size: 0.88rem;
  line-height: 1.6;
}

.leadmagnet-card h5 {
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 10px;
}
.leadmagnet-card p {
  font-size: 0.9rem;
  line-height: 1.7;
}

/* ---------- INNER PAGE HEADING CONSISTENCY ---------- */
.section-title {
  font-size: clamp(1.8rem, 3.5vw, 2.6rem);
  font-weight: 700;
  line-height: 1.15;
  margin-bottom: 16px;
}
.section-title-n {
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  font-weight: 700;
  margin-bottom: 36px;
}

.edge-section-title,
.st-section-title,
.state-section-light h2,
.state-section-dark h2 {
  font-size: clamp(1.6rem, 3.5vw, 2.4rem);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 20px;
}

/* ---------- INFO CARD CONSISTENCY ---------- */
.info-card h6,
.info-card-nw h6 {
  font-size: 1.12rem !important;
  font-weight: 700;
  margin-bottom: 10px;
}
.info-card p,
.info-card-nw p {
  font-size: 1.05rem !important;
  line-height: 1.8 !important;
}

.risk-card p strong {
  font-size: 1.05rem;
  display: block;
  margin-bottom: 6px;
  font-weight: 700;
}
.risk-card p {
  font-size: 0.9rem;
  line-height: 1.65;
}

.managerial-card h5 {
  font-size: 1.05rem;
  font-weight: 700;
  margin-bottom: 10px;
}
.managerial-card p {
  font-size: 0.9rem;
  line-height: 1.65;
}

.reg-card h5 {
  font-size: 1.15rem;
  font-weight: 700;
  margin-bottom: 12px;
}
.reg-card h6 {
  font-size: 1rem;
  font-weight: 700;
}
.reg-card p {
  font-size: 1.02rem;
  line-height: 1.75;
}
.reg-card p.small {
  font-size: 1.02rem !important;
  line-height: 1.75 !important;
}

/* ---------- FEATURE CARD (ABOUT PAGE) ---------- */
.feature-card-new h3 {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 16px;
}
.feature-card-new p {
  font-size: 0.93rem;
  line-height: 1.75;
}

/* ---------- EDGE DATA CENTER CARDS ---------- */
.edge-card-custom h5 {
  font-size: 1.15rem;
  font-weight: 700;
  margin-bottom: 12px;
}
.edge-card-custom p {
  font-size: 0.93rem;
  line-height: 1.7;
}
.edge-card-custom ul {
  margin-top: 12px;
  margin-bottom: 12px;
}

/* ---------- TECH CARDS ---------- */
.tech-card h5 {
  font-size: 1.15rem;
  font-weight: 700;
  margin-bottom: 14px;
}
.tech-card p,
.tech-card strong {
  font-size: 0.93rem;
  line-height: 1.7;
}

/* ---------- STATE DATA CENTER CARDS ---------- */
.state-card-custom p {
  font-size: 0.95rem;
  line-height: 1.7;
  margin-bottom: 0;
}
.state-card-custom i.icon-style {
  font-size: 2.2rem;
  margin-bottom: 16px;
  display: block;
}

/* ---------- BODY TEXT SIZING ---------- */
section p,
.sm-text {
  font-size: clamp(1rem, 1.3vw, 1.1rem);
  line-height: 1.8;
}

/* ---------- FLOW SECTION ALIGNMENT ---------- */
.flow-card h4 {
  font-size: 0.95rem;
  font-weight: 700;
  margin-bottom: 8px;
}
.flow-card p {
  font-size: 0.85rem;
  line-height: 1.6;
}

/* ---------- INFO-CARD-SEM (SEBI/Trust ICONS) ---------- */
.info-card-sem h5 {
  font-size: 0.9rem;
  font-weight: 700;
  margin-top: 14px;
}

/* ---------- WHY DC FLOW CARDS ---------- */
.why-dc-flow-card h5,
.why-dc-flow-card h6 {
  font-size: 1rem;
  font-weight: 700;
}
.why-dc-flow-card p {
  font-size: 1rem;
  line-height: 1.75;
}

/* ---------- REGULATORY ALIGNMENT CARDS ---------- */
.regu-reg-card h5 {
  font-size: 1.05rem;
  font-weight: 700;
}
.regu-reg-card p {
  font-size: 0.98rem;
  line-height: 1.7;
}

/* ---------- CAREER / PARTNER FORM PAGES ---------- */
.career-form h3,
.brick-partner-form h3 {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 20px;
}
.car-section-title {
  font-size: 1rem;
  font-weight: 700;
  margin-top: 28px;
  margin-bottom: 14px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--color-accent);
}
.career-form p,
.brick-partner-form p,
.brick-partner-image p,
.career-image p {
  font-size: 0.95rem;
  line-height: 1.7;
}

/* ---------- CONTACT PAGE ---------- */
.contact-form h2 {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 12px;
}
.contact-form p {
  font-size: 0.95rem;
  line-height: 1.7;
}
.info-text h6 {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 6px;
}
.info-text p {
  font-size: 0.88rem;
  line-height: 1.6;
}

/* ---------- FOOTER TYPOGRAPHY ---------- */
.footer-section p {
  font-size: 0.9rem;
  line-height: 1.7;
  color: rgba(255,255,255,0.65);
}
.footer-links h5 {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 18px;
  letter-spacing: 0.02em;
}
.footer-links ul li {
  margin-bottom: 10px;
}
.footer-links ul li a {
  font-size: 0.88rem;
}
.footer-bottom {
  font-size: 0.8rem;
}
.footer-bottom-risk {
  font-size: 0.78rem !important;
  opacity: 0.6 !important;
  line-height: 1.55 !important;
}

/* ---------- BANNER HEADINGS ---------- */
.aboutus-banner-n h1,
.contact-banner-n h1,
.partner-banner-n h1,
.career-banner-n h1,
.parallax-banner-n h1,
.investor-reits-banner h1,
.investor-insights-banner h1,
.investor-events-banner h1,
.investor-others-banner h1,
.edge-hero h1,
.state-hero h1 {
  font-size: clamp(2.2rem, 5vw, 3.2rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-bottom: 12px;
}
.aboutus-banner-n p,
.contact-banner-n p,
.partner-banner-n p,
.career-banner-n p,
.investor-reits-banner p,
.investor-insights-banner p,
.investor-events-banner p,
.investor-others-banner p,
.edge-hero p,
.state-hero p {
  font-size: 1.1rem;
  line-height: 1.7;
  opacity: 0.88;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}

/* ---------- CTA SECTION REFINEMENT ---------- */
.cta-heading {
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  line-height: 1.2;
  margin-bottom: 16px;
}
.cta-sub {
  font-size: 1.05rem;
  line-height: 1.75;
}

/* ---------- TABLE TYPOGRAPHY ---------- */
.table-custom th {
  font-size: 0.9rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.table-custom td {
  font-size: 0.93rem;
}

/* ---------- ACCENT LINE ---------- */
.accent-line {
  width: 60px;
  height: 3px;
  background: linear-gradient(90deg, var(--color-accent), var(--color-primary-light));
  margin-bottom: 28px;
  border-radius: 2px;
}

/* ---------- EDGE BOX CARDS ---------- */
.edge-box-card p {
  font-size: 0.9rem;
  line-height: 1.6;
  margin-bottom: 0;
}
.edge-box-card i {
  font-size: 2rem;
  margin-bottom: 14px;
}

/* ---------- VALUE CARD (ABOUT) ---------- */
.value-card-new h3 {
  font-size: clamp(1.35rem, 2.2vw, 1.65rem);
  font-weight: 700;
  line-height: 1.6;
}

/* ---------- INVESTMENT CARDS ---------- */
.investment-card h5 {
  font-size: 0.95rem;
  font-weight: 700;
}
.investment-card p {
  font-size: 1rem;
  line-height: 1.75;
}

/* ---------- STATE SECTION LIST SPACING FIX ---------- */
.state-section-dark ul li,
.state-section-light ul li {
  padding: 2px 0 !important;
  padding-left: 26px !important;
  margin-bottom: 6px !important;
  line-height: 1.65 !important;
  font-size: 1.05rem !important;
}

/* ---------- TECH CARD EQUAL SIZING & SPACING ---------- */
.st-tech-section .row.g-4 > [class*="col-"] {
  display: flex;
}
.tech-card {
  width: 100%;
  justify-content: flex-start;
}
.tech-card strong {
  display: block;
  margin-top: 18px;
  margin-bottom: 6px;
  font-size: 0.95rem;
}
.tech-card strong:first-of-type {
  margin-top: 4px;
}
.tech-card .tech-list {
  margin-top: 6px;
  margin-bottom: 0;
}
.tech-card > p {
  margin-bottom: 10px;
}
.tech-list li {
  margin-bottom: 10px !important;
}
.tech-list li:last-child {
  margin-bottom: 0 !important;
}

/* ---------- MOBILE RESPONSIVE OVERRIDES ---------- */
@media (max-width: 767px) {
  h1 { font-size: 1.6rem !important; }
  h2 { font-size: 1.4rem !important; }
  h3 { font-size: 1.2rem !important; }
  h4 { font-size: 1.05rem !important; }
  h5 { font-size: 1rem !important; }
  h6 { font-size: 0.95rem !important; }

  section p,
  .sm-text {
    font-size: 0.98rem;
  }

  .section-space,
  .section-padding-n {
    padding: 60px 0;
  }

  .gradient-card h3.h5,
  .gradient-card h3 {
    font-size: 1.15rem;
  }

  section ul:not(.navbar-nav):not(.dropdown-menu):not(.list-unstyled):not(.pp-list):not(.pp-ordered-list) li {
    font-size: 0.88rem;
    padding-left: 24px;
    margin-bottom: 10px;
  }

  .career-form h3,
  .brick-partner-form h3 {
    font-size: 1.3rem;
  }
  .contact-form h2 {
    font-size: 1.4rem;
  }
  .accent-line {
    margin-bottom: 20px;
  }
}

/* ============================================================
   REVIEW FIXES — Items 7–17
   ============================================================ */

/* Item 8/12: Zoom-in effect for "Who We Are" hero heading */
@keyframes zoomReveal {
  0%   { transform: scale(0.78); opacity: 0; }
  100% { transform: scale(1);    opacity: 1; }
}
.aboutus-banner-n h1 {
  animation: zoomReveal 1.2s var(--ease-out) 0.3s both;
}

/* Item 9: More breathing room below "About BrickCircle" heading */
.about-title,
.section-space .about-title {
  margin-bottom: 24px !important;
}
.section-space .col-lg-7 > p:first-of-type {
  margin-top: 8px;
}

/* Item 10: Value statement card — extend, increase font */
.section-space .col-lg-5 {
  display: flex;
}
.value-card-new {
  padding: 48px 42px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
  width: 100%;
}
.value-quote {
  font-size: clamp(1.35rem, 2.2vw, 1.65rem) !important;
  line-height: 1.6 !important;
  font-weight: 700;
  font-family: var(--font-heading);
  color: #fff;
}
.quote-mark {
  font-family: Georgia, serif;
  font-size: 3.5rem;
  line-height: 1;
  color: var(--color-accent);
  font-weight: 700;
}
.quote-mark.open {
  margin-bottom: 8px;
}
.quote-mark.close {
  margin-top: 8px;
}

/* Item 11/14: Bridge excessive spacing between sections */
.section-space {
  padding: 70px 0 !important;
}
.section-space.bg-light {
  padding: 70px 0 !important;
}
.about-wrap {
  padding: 80px 0 60px !important;
}
.section-padding {
  padding: 70px 0 !important;
}
.about-wrap .core-box {
  display: none !important;
}
.about-wrap .core-statement {
  margin: 50px auto 40px;
}

/* Item 13: Increase font sizes on cards for readability */
.gradient-card p {
  font-size: 1rem !important;
  line-height: 1.8 !important;
}
.gradient-card h3.h5,
.gradient-card h3 {
  font-size: 1.45rem !important;
}
.flow-card h4 {
  font-size: 1.1rem !important;
}
.flow-card p {
  font-size: 1rem !important;
  line-height: 1.75 !important;
}
.info-card-sem h5 {
  font-size: 1.05rem !important;
}
.sm-card p {
  font-size: 1rem !important;
}
.sm-card h5 {
  font-size: 1.2rem !important;
}
.capability p {
  font-size: 1rem !important;
}
.capability h5 {
  font-size: 1.15rem !important;
}
.gov-text {
  font-size: 0.96rem !important;
}
.gov-title {
  font-size: 1.1rem !important;
}
.insight-card p {
  font-size: 0.96rem !important;
}
.insight-card h3 {
  font-size: 1.2rem !important;
}
.trust-stat-card p {
  font-size: 1.02rem !important;
  color: rgba(255,255,255,0.72) !important;
  line-height: 1.7 !important;
}
.leadmagnet-card p {
  font-size: 0.96rem !important;
}

/* Item 15/16: Fix image/content alignment on state data centers */
img.state-section-img {
  object-fit: cover;
  border-radius: var(--radius-lg);
  width: 100%;
  aspect-ratio: 16 / 9;
}
.state-section-dark ul,
.state-section-light ul {
  margin-bottom: 0;
}
.state-section-dark ul li,
.state-section-light ul li {
  font-size: 1.05rem !important;
  line-height: 1.65 !important;
  margin-bottom: 6px !important;
  padding: 2px 0 !important;
  padding-left: 26px !important;
}
.state-section-dark p,
.state-section-light p {
  font-size: 1.05rem;
  line-height: 1.7;
  margin-top: 16px;
}
.state-card-custom p {
  font-size: 1.02rem !important;
}

/* Item 17: Darken font colors for better readability */
.text-muted {
  color: #556677 !important;
}
.color-text {
  color: rgba(255,255,255,0.78) !important;
}
.about-sub {
  color: #556677 !important;
}
.smreit-sub,
.platform-subtitle,
.trust-subtitle,
.leadmagnet-subtitle {
  color: rgba(255,255,255,0.78);
}
.feature-card-new p {
  color: #444 !important;
  font-size: 1.08rem !important;
  line-height: 1.8 !important;
}
.feature-card-new .list-custom-new li {
  color: #555 !important;
  font-size: 1.05rem !important;
  line-height: 1.8 !important;
  margin-bottom: 6px !important;
}

/* Item 7: CTA section "Partner With Us" — more premium styling */
.cta-section {
  padding: 110px 60px !important;
}
.btn-gold {
  padding: 18px 44px !important;
  font-size: 1.05rem !important;
  border-radius: 6px !important;
  letter-spacing: 0.04em;
}

/* Read More button — darken for better visibility */
.readmore-btn {
  color: var(--color-accent) !important;
  border-color: rgba(201,168,76,0.5) !important;
  font-size: 15px !important;
  padding: 14px 34px !important;
}

/* Smooth transitions on all section entries */
.section-space,
.section-padding,
.section-padding-n {
  transition: opacity 0.6s ease;
}

/* ========== TAME ALL HOVER ANIMATIONS ========== */
/* Subtle lift only — no jumping, no scale, no 3D tilt */
.gradient-card:hover,
.sm-card:hover,
.capability:hover,
.info-card:hover,
.info-card-n:hover,
.info-card-nw:hover,
.feature-card-new:hover,
.risk-card:hover,
.managerial-card:hover,
.investment-card:hover,
.edge-card-custom:hover,
.edge-box-card:hover,
.state-card-custom:hover,
.tech-card:hover,
.founder-card:hover,
.why-dc-flow-card:hover,
.reg-card:hover,
.regu-reg-card:hover,
.leadmagnet-card:hover,
.insight-card:hover,
.info-card-sem:hover,
.clean-card:hover {
  transform: translateY(-2px) !important;
}
img.state-section-img:hover {
  transform: scale(1.01) !important;
}
.flow-step:hover span {
  transform: scale(1.05) !important;
}
[data-tilt] {
  transform: none !important;
}

/* ============================================================
   PRIVACY POLICY PAGE
   ============================================================ */
.pp-company-name {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-navy);
  margin-bottom: 16px;
}
.pp-lead {
  font-size: 1.05rem;
  line-height: 1.85;
  color: #555;
}
.pp-section {
  margin-bottom: 48px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(0,0,0,0.06);
}
.pp-section:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.pp-section-header {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 24px;
}
.pp-section-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  height: 48px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--color-navy), #14295a);
  color: #fff;
  font-size: 0.85rem;
  font-weight: 700;
  font-family: var(--font-body);
  letter-spacing: 0.04em;
  flex-shrink: 0;
  margin-top: 2px;
}
.pp-section-header h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.2rem, 2.5vw, 1.55rem);
  font-weight: 700;
  color: var(--color-navy);
  margin: 0;
  line-height: 1.35;
  padding-top: 8px;
}
.pp-section-body p {
  font-size: 1rem;
  line-height: 1.85;
  color: #444;
  margin-bottom: 14px;
}
.pp-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pp-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 0;
  font-size: 1rem;
  line-height: 1.7;
  color: #444;
  border-bottom: 1px solid rgba(0,0,0,0.04);
}
.pp-list li:last-child {
  border-bottom: none;
}
.pp-list li i {
  color: var(--color-accent);
  font-size: 0.85rem;
  margin-top: 5px;
  flex-shrink: 0;
}
.pp-ordered-list {
  padding-left: 0;
  counter-reset: pp-counter;
  list-style: none;
}
.pp-ordered-list li {
  counter-increment: pp-counter;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 10px 0;
  font-size: 1rem;
  line-height: 1.7;
  color: #444;
  border-bottom: 1px solid rgba(0,0,0,0.04);
}
.pp-ordered-list li:last-child {
  border-bottom: none;
}
.pp-ordered-list li::before {
  content: counter(pp-counter, lower-roman) ".";
  font-weight: 600;
  color: var(--color-navy);
  min-width: 28px;
  flex-shrink: 0;
  font-size: 0.9rem;
  margin-top: 2px;
}
.pp-callout {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background: linear-gradient(135deg, rgba(10,22,40,0.04), rgba(10,22,40,0.02));
  border-left: 4px solid var(--color-navy);
  border-radius: 0 12px 12px 0;
  padding: 20px 24px;
}
.pp-callout i {
  color: var(--color-navy);
  font-size: 1.25rem;
  margin-top: 2px;
  flex-shrink: 0;
}
.pp-callout p {
  margin: 0 !important;
  font-size: 0.95rem !important;
  line-height: 1.75 !important;
  color: #555 !important;
}
.pp-contact-card {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(10,22,40,0.1);
}
.pp-contact-card-inner {
  background: linear-gradient(135deg, var(--color-navy), #14295a);
  color: #fff;
  padding: 36px 40px;
  border-radius: 20px;
}
.pp-contact-card h4 {
  font-family: var(--font-heading);
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.pp-contact-card h4 i {
  font-size: 1.3rem;
  color: var(--color-accent);
}
.pp-contact-details {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 20px;
}
.pp-contact-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 14px;
  padding: 16px 24px;
  flex: 1;
  min-width: 220px;
}
.pp-contact-item i {
  font-size: 1.15rem;
  color: var(--color-accent);
  margin-top: 2px;
}
.pp-contact-label {
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  opacity: 0.6;
  margin-bottom: 4px;
}
.pp-contact-item a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.95rem;
  transition: color 0.2s;
}
.pp-contact-item a:hover {
  color: var(--color-accent);
}
.pp-contact-note {
  font-size: 0.95rem;
  color: #fff;
  opacity: 1;
  margin: 0;
  font-weight: 500;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .pp-section-header {
    flex-direction: column;
    gap: 10px;
  }
  .pp-section-header h3 {
    padding-top: 0;
  }
  .pp-contact-card-inner {
    padding: 28px 22px;
  }
  .pp-contact-details {
    flex-direction: column;
    gap: 14px;
  }
}