@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

:root {
  --b900: #0A1F6E;
  --b800: #0D47A1;
  --b700: #1565C0;
  --b600: #1976D2;
  --b500: #1E88E5;
  --b400: #42A5F5;
  --b300: #64B5F6;
  --b200: #90CAF9;
  --b100: #BBDEFB;
  --b50: #E3F2FD;
  --white: #FFFFFF;
  --offwhite: #F4F8FF;
  --text: #0D1B4B;
  --textmid: #374878;
  --textlight: #6B7BAB;
  --border: #C5DAFF;
  --r: 10px;
  --rl: 18px;
  --t: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --sh: 0 4px 24px rgba(13, 71, 161, 0.13);
  --shd: 0 12px 48px rgba(13, 71, 161, 0.22);
  --blue-dark: #0B2D6B;
  --blue-mid: #1352B8;
  --blue-bright: #1a6df0;
  --blue-light: #E8F0FE;
  --blue-pale: #F0F5FF;
  --accent: #2563EB;
  --gold: #F59E0B;
  --text-dark: #0F1F3D;
  --text-mid: #374151;
  --text-light: #6B7280;
  --white: #ffffff;
  --border: #D1DCF5;
  --success: #10B981;
  --navy: #0B1F4B;
  --blue-deep: #0D2E7A;
  --blue-mid: #1352B8;
  --blue-bright: #2563EB;
  --blue-sky: #3B82F6;
  --blue-light: #DBEAFE;
  --blue-pale: #EFF6FF;
  --accent: #60A5FA;
  --white: #ffffff;
  --text-dark: #0F1C3F;
  --text-mid: #374151;
  --text-muted: #6B7280;
  --border: #BFDBFE;
  --border-light: #E0EEFF;
  --success: #10B981;
  --gold: #F59E0B;
  --bg-section: #F8FAFF;
  --blue-dark: #0D47A1;
  --blue-mid: #1565C0;
  --blue-accent: #1976D2;
  --blue-light: #1E88E5;
  --blue-pale: #E3F2FD;
  --blue-pale2: #BBDEFB;
  --gold: #FFA726;
  --white: #ffffff;
  --text-dark: #0D1B3E;
  --text-mid: #1A3A6B;
  --text-muted: #4A6FA5;
  --border: #C5D8F5;
  --bg: #F5F9FF;
  --llp-navy: #0B1F5B;
  --llp-blue-deep: #1034A6;
  --llp-blue-mid: #1750C8;
  --llp-blue: #1A6BF0;
  --llp-blue-light: #3B82F6;
  --llp-sky: #EEF4FF;
  --llp-sky2: #DBEAFE;
  --llp-gold: #F59E0B;
  --llp-white: #FFFFFF;
  --llp-bg: #F6F9FF;
  --llp-text: #0C1A4A;
  --llp-muted: #4B6494;
  --llp-border: #C3D4F5;
  --llp-shadow: 0 4px 28px rgba(23, 80, 200, 0.10);
  --llp-shadow-h: 0 10px 40px rgba(23, 80, 200, 0.18);
  --r-lg: 16px;
  --r-xl: 22px;
  --etb-navy: #0a1628;
  --etb-navy2: #0f2044;
  --etb-blue: #1565d8;
  --etb-blue2: #1a7fe8;
  --etb-blue3: #3a9ef5;
  --etb-sky: #60b4f7;
  --etb-white: #ffffff;
  --etb-bg: #f4f7fb;
  --etb-bg2: #eaf0fa;
  --etb-card: #ffffff;
  --etb-text: #0a1628;
  --etb-muted: #5a6a85;
  --etb-border: #dce8f8;
  --etb-accent: #e8f1fd;
  --bd-navy: #0a1628;
  --bd-navy2: #0f2044;
  --bd-blue: #1565d8;
  --bd-blue2: #1a7fe8;
  --bd-sky: #60b4f7;
  --bd-white: #ffffff;
  --bd-bg: #f4f7fb;
  --bd-bg2: #eaf0fa;
  --bd-card: #ffffff;
  --bd-text: #1a2a42;
  --bd-muted: #5a6a85;
  --bd-border: #dce8f8;
  --bd-accent: #e8f1fd;
  --bd-green: #16a34a;
  --bd-green-bg: #f0fdf4;
  /* EaseTheBiz palette — extracted from screenshot */
  --eb-royal: #1B4FD8;
  /* primary blue */
  --eb-sky: #2E6FF0;
  /* mid blue */
  --eb-light: #5B8FF9;
  /* soft blue */
  --eb-pale: #EEF3FF;
  /* tinted background */
  --eb-white: #FFFFFF;
  --eb-navy: #0D2257;
  /* deep text / dark elements */
  --eb-ink: #1A2340;
  /* body text */
  --eb-muted: #5A6889;
  /* secondary text */
  --eb-border: #D6E2FF;
  /* subtle borders */
  --eb-surface: #F4F7FF;
  /* page background */
  --eb-gold: #F5A623;
  /* accent warm */
  --eb-green: #10B981;
  /* positive / check */

  /* Gradients */
  --g-royal: linear-gradient(135deg, #1B4FD8 0%, #2E6FF0 100%);
  --g-pale: linear-gradient(160deg, #EEF3FF 0%, #F4F7FF 100%);
  --g-card: linear-gradient(145deg, #ffffff 0%, #F0F5FF 100%);
  --g-gold: linear-gradient(90deg, #F5A623 0%, #FBC85F 100%);

  /* Spacing */
  --sp-xs: .5rem;
  --sp-sm: 1rem;
  --sp-md: 1.75rem;
  --sp-lg: 3.5rem;
  --sp-xl: 5.5rem;

  /* Radii */
  --r-sm: .5rem;
  --r-md: 1rem;
  --r-lg: 1.5rem;
  --r-xl: 2rem;
  --r-pill: 100px;

  /* Shadows */
  --sh-xs: 0 2px 8px rgba(27, 79, 216, .07);
  --sh-sm: 0 4px 20px rgba(27, 79, 216, .10);
  --sh-md: 0 8px 36px rgba(27, 79, 216, .14);
  --sh-lg: 0 16px 56px rgba(27, 79, 216, .18);
  --eb-blue: #1565d8;
  --eb-blue-dark: #0d4ab5;
  --eb-blue-deeper: #0a3a94;
  --eb-blue-light: #3b82f6;
  --eb-blue-pale: #e8f0fe;
  --eb-blue-mid: #dbeafe;
  --eb-accent: #0ea5e9;
  --eb-white: #ffffff;
  --eb-text: #111827;
  --eb-gray: #6b7280;
  --eb-gray-light: #f9fafb;
  --eb-border: #e5e7eb;
  --eb-success: #059669;
  --fp: 'Poppins', sans-serif;
  --etb-deep: #0e3f86;
  --etb-blue: #1455a8;
  --etb-blue-mid: #1c66c2;
  --etb-blue-light: #2e85e0;
  --etb-sky: #5aa6ec;
  --etb-ice: #eaf3fc;
  --etb-white: #ffffff;
  --etb-red: #e2412f;
  --etb-text-soft: rgba(255, 255, 255, 0.82);
  --etb-line: rgba(255, 255, 255, 0.22);
  --bk-navy-950: #08152e;
  --bk-navy-900: #0c1f44;
  --bk-navy-800: #11305f;
  --bk-blue-700: #1c4f95;
  --bk-blue-600: #2766b8;
  --bk-blue-400: #5b93d6;
  --bk-blue-200: #aecdee;
  --bk-blue-100: #e3edf9;
  --bk-blue-50: #f3f7fd;
  --bk-white: #ffffff;
  --bk-ink: #10223f;
  --bk-ink-soft: #4c5d78;
  --bk-border: #e1e8f2 --bk-radius-sm:10px;
  --bk-radius-md: 16px;
  --bk-radius-lg: 28px;
  --bk-shadow-card: 0 10px 30px -18px rgba(12, 31, 68, 0.28);
  --bk-shadow-panel: 0 25px 60px -20px rgba(4, 12, 28, 0.55);
  --etb-orange: #F97316;
  --etb-orange-dark: #C2410C;
  --etb-orange-soft: #FFF7ED;
  --etb-orange-mid: #FDBA74;
  --etb-navy: #1E293B;
  --etb-navy2: #0F172A;
  --etb-slate: #475569;
  --etb-border: #E2E8F0;
  --etb-bg: #F8FAFC;
  --etb-white: #FFFFFF;
  --etb-green: #16A34A;
  --etb-green-soft: #F0FDF4;
  --etb-green-border: #BBF7D0;
  --navy-950: #0A1F3B;
  --navy-900: #0E294D;
  --navy-800: #123663;
  --navy-700: #1C4A82;
  --gold-600: #B37F1F;
  --gold-500: #C7962C;
  --gold-300: #E4C374;
  --gold-100: #F6ECD3;
  --cream-50: #FAF7F1;
  --paper: #FFFDF9;
  --ink-900: #1B2430;
  --ink-600: #4C5766;
  --ink-400: #8791A0;
  --line: #E5DCC7;
  --brick-600: #9C4B3F;
  --brick-100: #F3E2DD;
  --shadow-soft: 0 20px 45px -25px rgba(10, 31, 59, 0.35);
  --shadow-card: 0 14px 34px -20px rgba(10, 31, 59, 0.28);
  --radius-lg: 22px;
  --radius-md: 14px;
  --ease: cubic-bezier(.22, 1, .36, 1);
  --coa71x-navy-950: #0A1F3B;
  --coa71x-navy-900: #0E294D;
  --coa71x-navy-800: #123663;
  --coa71x-navy-700: #1C4A82;
  --coa71x-gold-600: #B37F1F;
  --coa71x-gold-500: #C7962C;
  --coa71x-gold-300: #E4C374;
  --coa71x-gold-100: #F6ECD3;
  --coa71x-cream-50: #FAF7F1;
  --coa71x-paper: #FFFDF9;
  --coa71x-ink-900: #1B2430;
  --coa71x-ink-600: #4C5766;
  --coa71x-ink-400: #8791A0;
  --coa71x-line: #E5DCC7;
  --coa71x-brick-600: #9C4B3F;
  --coa71x-brick-100: #F3E2DD;
  --coa71x-shadow-soft: 0 20px 45px -25px rgba(10, 31, 59, 0.35);
  --coa71x-shadow-card: 0 14px 34px -20px rgba(10, 31, 59, 0.28);
  --coa71x-radius-lg: 22px;
  --coa71x-radius-md: 14px;
  --coa71x-ease: cubic-bezier(.22, 1, .36, 1);

  background: var(--coa71x-cream-50);
  color: var(--coa71x-ink-900);
  font-family: 'Inter', sans-serif;
  -webkit-font-smoothing: antialiased;
  line-height: 1.6;
  --etb-primary: #174b8f;
  --etb-primary-dark: #103866;
  --etb-accent: #c89b3c;
  --etb-accent-light: #f5ead1;
  --etb-heading: #172b4d;
  --etb-text: #5d6878;
  --etb-bg: #f7f9fc;
  --etb-white: #ffffff;
  --etb-border: #e6ebf2;
  --etb-shadow: 0 12px 35px rgba(23, 75, 143, 0.08);
}

.gst-arc-root {
  --gst-arc-navy: #0b3358;
  --gst-arc-navy-dark: #072238;
  --gst-arc-navy-soft: #123a63;
  --gst-arc-accent: #e08a2c;
  --gst-arc-accent-dark: #c6720f;
  --gst-arc-sky: #eaf3fb;
  --gst-arc-amber: #fff3e1;
  --gst-arc-border: #d7e4f0;
  --gst-arc-text: #1e2a38;
  --gst-arc-text-soft: #51606e;
  --gst-arc-white: #ffffff;
  --gst-arc-radius: 14px;
  --gst-arc-shadow: 0 8px 30px rgba(11, 51, 88, 0.08);

  font-family: 'Inter', sans-serif;
  color: var(--gst-arc-text);
  background: #f6f9fc;
  line-height: 1.6;
}

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

html {
  scroll-behavior: smooth
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background: var(--white);
  color: var(--text);
  overflow-x: hidden;
  line-height: 1.6
}

p {
  margin-bottom: 0;
  font-size: 15.5px;
  color: #4a5a7a;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

/* ─── TOPBAR ─── */
.topbar {
  background: var(--b900);
  padding: 7px 0
}

.tb-in {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 6px
}

.tb-left {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap
}

.tb-left a,
.tb-right a {
  color: rgba(255, 255, 255, 0.78);
  text-decoration: none;
  font-size: 12.5px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 5px;
  transition: var(--t)
}

.tb-left a:hover,
.tb-right a:hover {
  color: var(--b300)
}

.tb-div {
  width: 1px;
  height: 13px;
  background: rgba(255, 255, 255, 0.18)
}

.wa-pill {
  background: linear-gradient(135deg, #25D366, #128C7E);
  padding: 4px 13px;
  border-radius: 20px;
  font-weight: 700 !important;
  color: #fff !important
}

.contact-pill {
  background: linear-gradient(135deg, var(--b400), var(--b300));
  padding: 4px 14px;
  border-radius: 20px;
  font-weight: 700 !important;
  color: var(--b900) !important
}

h1 {
  font-size: 56px;
}

h2 {
  font-size: 32px;
}

/* ─── HEADER ─── */
.header {
  background: var(--white);
  position: sticky;
  top: 0;
  z-index: 1000;
  border-bottom: 2px solid var(--b100);
  box-shadow: 0 2px 20px rgba(13, 71, 161, 0.08)
}

.nav-in {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100px
}

.logo-wrap {
  display: flex;
  align-items: center;
  text-decoration: none
}

.logo-wrap img {
  height: 100px;
  width: auto;
  border-radius: 7px;
}

.nav-list {
  display: flex;
  align-items: center;
  gap: 0px;
  list-style: none;
  margin-left: -17px;
  margin-bottom: unset;
}

.nav-list>li {
  position: relative
}

.nav-list>li>a {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 12px;
  border-radius: var(--r);
  font-size: 15px;
  font-weight: 600;
  color: var(--textmid);
  text-decoration: none;
  transition: var(--t);
  white-space: nowrap
}

.nav-list>li>a:hover,
.nav-list>li>a.act {
  color: var(--b700);
  background: var(--b50)
}

.arr {
  font-size: 8px;
  opacity: .55;
  transition: transform .25s
}

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

/* Dropdown */
.dd {
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(8px);
  background: var(--white);
  min-width: 230px;
  border-radius: var(--rl);
  box-shadow: var(--shd);
  border: 1px solid var(--border);
  list-style: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all .25s cubic-bezier(.4, 0, .2, 1);
  z-index: 900;
  padding: 8px 0
}

.nav-list>li:hover>.dd {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translateX(-50%) translateY(0)
}

.dd li a {
  display: block;
  padding: 9px 8px;
  font-size: 14px;
  color: var(--textmid);
  text-decoration: none;
  transition: var(--t);
  font-weight: 500
}

.dd li a:hover {
  color: var(--b700);
  background: var(--b50);
  padding-left: 26px;
  border-radius: 20px;
}

/* Mega */
.mega {
  position: absolute;
  top: calc(87% + 10px);
  left: 50%;
  transform: translateX(-50%) translateY(8px);
  background: var(--white);
  width: 700px;
  border-radius: var(--rl);
  box-shadow: var(--shd);
  border: 1px solid var(--border);
  list-style: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all .25s cubic-bezier(.4, 0, .2, 1);
  z-index: 900;
  padding: 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px
}

.nav-list>li:hover>.mega {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translateX(-50%) translateY(0)
}

.mega-col h6 {
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--b600);
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1.5px solid var(--b100)
}

.mega-col ul {
  list-style: none
}

.mega-col ul li a {
  display: block;
  padding: 6px 0;
  font-size: 15.5px;
  color: var(--textmid);
  text-decoration: none;
  transition: var(--t);
  font-weight: 500
}

.mega-col ul li a:hover {
  color: var(--b700);
  padding-left: 8px
}

.cat-lbl {
  font-weight: 700 !important;
  color: var(--b800) !important;
  font-size: 11.5px !important;
  letter-spacing: .4px;
  margin-top: 10px;
  cursor: default
}

.cat-lbl:hover {
  padding-left: 0 !important;
  color: var(--b800) !important
}

/* CTA btn */
.cta-nav {
  background: linear-gradient(135deg, var(--b700), var(--b500));
  color: #fff !important;
  padding: 9px 20px;
  border-radius: 25px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 4px 16px rgba(21, 101, 192, .35);
  transition: var(--t);
  white-space: nowrap
}

.cta-nav:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(21, 101, 192, .5);
  background: linear-gradient(135deg, var(--b800), var(--b600))
}

/* Hamburger */
.ham {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 42px;
  height: 42px;
  background: none;
  border: none;
  cursor: pointer;
  border-radius: var(--r);
  transition: background .2s;
  padding: 4px
}

.ham:hover {
  background: var(--b50)
}

.ham span {
  display: block;
  width: 22px;
  height: 2px;
  background: var(--b800);
  border-radius: 2px;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  transform-origin: center
}

.ham.open span:nth-child(1) {
  transform: translateY(7px) rotate(45deg)
}

.ham.open span:nth-child(2) {
  opacity: 0;
  transform: scaleX(0)
}

.ham.open span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg)
}

/* Mobile Nav */
.mob-nav {
  display: none;
  position: fixed;
  top: 70px;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--white);
  z-index: 998;
  overflow-y: auto;
  padding: 8px 0 48px;
  border-top: 3px solid var(--b600)
}

.mob-nav.open {
  display: block
}

.mob-nav>ul {
  list-style: none
}

.mob-nav>ul>li>a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 24px;
  font-size: 14.5px;
  font-weight: 700;
  color: var(--text);
  text-decoration: none;
  border-bottom: 1px solid var(--b50);
  transition: var(--t)
}

.mob-nav>ul>li>a:hover {
  color: var(--b700);
  background: var(--b50)
}

.marr {
  transition: transform .25s;
  font-size: 11px;
  opacity: .5
}

.mob-nav>ul>li.mopen>a .marr {
  transform: rotate(180deg)
}

.mob-sub {
  display: none;
  background: var(--offwhite)
}

.mob-sub.mopen {
  display: block
}

.mob-sub a {
  display: block;
  padding: 10px 36px;
  font-size: 13px;
  color: var(--textmid);
  text-decoration: none;
  border-bottom: 1px solid rgba(197, 218, 255, .4);
  transition: var(--t);
  font-weight: 500
}

.mob-sub a:hover {
  color: var(--b700);
  background: var(--b50)
}

.mob-sub-hd {
  padding: 10px 24px 4px;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--b600)
}

.mob-cta {
  margin: 20px 24px 0;
  display: block;
  text-align: center;
  padding: 15px;
  background: linear-gradient(135deg, var(--b900), var(--b700));
  color: var(--b200) !important;
  font-weight: 800;
  font-size: 14px;
  text-decoration: none;
  border-radius: var(--r);
  letter-spacing: .5px
}

/* ─── HERO ─── */
.hero {
  position: relative;
  overflow: hidden;
  padding: 0
}

.hero-bg {
  background: linear-gradient(135deg, var(--b900) 0%, var(--b800) 40%, var(--b600) 80%, var(--b400) 100%);
  padding: 88px 28px 80px
}

.hero-bg::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 70% 50%, rgba(66, 165, 245, .18) 0%, transparent 70%)
}

.hero-bg::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 80px;
  background: var(--white);
  clip-path: ellipse(55% 100% at 50% 100%)
}

.hero-in {
  max-width: 1320px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 64px;
  align-items: center;
  position: relative;
  z-index: 1
}

.hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 30px;
  padding: 6px 16px;
  margin-bottom: 22px;
  backdrop-filter: blur(8px)
}

.hero-badge span {
  font-size: 11px;
  color: var(--b200);
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase
}

.hero-badge::before {
  content: '◆';
  color: var(--b300);
  font-size: 9px
}

.hero h1 {
  /* font-family:'Playfair Display',serif; */
  font-size: clamp(34px, 4.5vw, 58px);
  font-weight: 800;
  line-height: 1.1;
  color: #fff;
  margin-bottom: 18px
}

.hero h1 em {
  color: var(--b300);
  font-style: normal;
}

.hero p {
  font-size: 15.5px;
  color: rgba(255, 255, 255, .72);
  line-height: 1.8;
  margin-bottom: 34px;
  max-width: 520px
}

.hero-btns {
  display: flex;
  gap: 14px;
  flex-wrap: wrap
}

.btn-main {
  padding: 14px 32px;
  background: linear-gradient(135deg, #fff, var(--b100));
  color: var(--b800);
  font-weight: 800;
  font-size: 14.5px;
  border: none;
  border-radius: 40px;
  cursor: pointer;
  text-decoration: none;
  transition: var(--t);
  box-shadow: 0 4px 20px rgba(255, 255, 255, .25)
}

.btn-main:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(255, 255, 255, .35)
}

.btn-ghost {
  padding: 14px 32px;
  background: rgba(255, 255, 255, .08);
  color: #fff;
  font-weight: 700;
  font-size: 14.5px;
  border: 1.5px solid rgba(255, 255, 255, .3);
  border-radius: 40px;
  cursor: pointer;
  text-decoration: none;
  transition: var(--t);
  backdrop-filter: blur(8px)
}

.btn-ghost:hover {
  border-color: var(--b300);
  color: var(--b200);
  background: rgba(255, 255, 255, .13)
}

/* Form card */
.form-card {
  background: rgb(98 166 229 / 18%);
  border: 1px solid rgb(255 255 255);
  border-radius: 24px;
  padding: 36px 32px;
  backdrop-filter: blur(16px);
  margin-bottom: 20px;
}

.form-card h3 {
  font-family: 'Playfair Display', serif;
  font-size: 23px;
  color: var(--b200);
  margin-bottom: 22px;
  font-weight: 700
}

.form-card .f-row {
  display: flex;
  flex-direction: column;
  gap: 13px
}

.form-card input,
.form-card select {
  width: 100%;
  padding: 12px 16px;
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: var(--r);
  color: #fff;
  font-size: 13.5px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  outline: none;
  transition: var(--t)
}

.form-card input::placeholder {
  color: rgba(255, 255, 255, .42)
}

.form-card input:focus,
.form-card select:focus {
  border-color: var(--b300);
  background: rgba(255, 255, 255, .15)
}

.form-card select option {
  background: var(--b900);
  color: #fff
}

.form-card .fsub {
  width: 100%;
  padding: 14px;
  background: linear-gradient(135deg, #fff, var(--b100));
  color: var(--b800);
  font-weight: 800;
  font-size: 14px;
  border: none;
  border-radius: var(--r);
  cursor: pointer;
  transition: var(--t);
  letter-spacing: .4px;
  margin-top: 4px
}

.form-card .fsub:hover {
  opacity: .9;
  transform: translateY(-1px)
}

/* ─── STATS ─── */
.stats {
  background: var(--white);
  padding: 0 28px
}

.stats-wrap {
  max-width: 1320px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border: 1px solid var(--border);
  border-radius: var(--rl);
  box-shadow: var(--sh);
  overflow: hidden;
  margin-top: -32px;
  position: relative;
  z-index: 10
}

.stat {
  padding: 30px 20px;
  text-align: center;
  background: var(--white);
  border-right: 1px solid var(--border);
  transition: var(--t)
}

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

.stat:hover {
  background: var(--b50)
}

.stat-n-hom {
  font-family: 'Playfair Display', serif;
  font-size: 40px;
  font-weight: 800;
  color: var(--b800);
  line-height: 1
}

.stat-n sup {
  font-size: 22px;
  color: var(--b500)
}

.stat-lbl {
  font-size: 12.5px;
  color: var(--textlight);
  font-weight: 600;
  margin-top: 5px;
  letter-spacing: .3px
}

/* ─── SECTION SHARED ─── */
.sec {
  padding: 88px 28px
}

.sec-in {
  max-width: 1320px;
  margin: 0 auto
}

.sec-tag {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px
}

.sec-tag::before,
.sec-tag::after {
  content: '';
  width: 28px;
  height: 2px;
  background: linear-gradient(90deg, var(--b500), var(--b300))
}

.sec-tag span {
  font-size: 10.5px;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  font-weight: 800;
  color: var(--b600)
}

.sec-title {
  font-size: clamp(26px, 3.5vw, 42px);
  font-weight: 800;
  color: var(--b900);
  margin-bottom: 14px;
  line-height: 1.2
}

.sec-sub {
  font-size: 15px;
  color: var(--textmid);
  max-width: 580px;
  line-height: 1.8
}

/* ─── QUICK SERVICES ─── */
.qs-bg {
  background: var(--offwhite)
}

.qs-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-top: 52px
}

.qs-card {
  background: var(--white);
  border: 1.5px solid var(--border);
  border-radius: var(--rl);
  padding: 30px 20px;
  text-align: center;
  text-decoration: none;
  transition: var(--t);
  position: relative;
  overflow: hidden
}

.qs-card::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--b700), var(--b400));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s ease
}

.qs-card:hover {
  transform: translateY(-7px);
  box-shadow: var(--shd);
  border-color: var(--b400)
}

.qs-card:hover::after {
  transform: scaleX(1)
}

.qs-ico {
  width: 60px;
  height: 60px;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--b800), var(--b500));
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
  font-size: 26px;
  transition: var(--t)
}

.qs-card:hover .qs-ico {
  background: linear-gradient(135deg, var(--b500), var(--b300));
  transform: scale(1.1) rotate(5deg)
}

.qs-card h4 {
  font-size: 13.5px;
  font-weight: 700;
  color: var(--text);
  transition: var(--t);
  line-height: 1.4
}

.qs-card:hover h4 {
  color: var(--b700)
}

/* ─── ABOUT ─── */
.ab-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center
}

.ab-visual {
  position: relative
}

.ab-card {
  background: linear-gradient(145deg, var(--b900), var(--b700));
  border-radius: 24px;
  padding: 48px 40px;
  color: #fff;
  position: relative;
  overflow: hidden
}

.ab-card::before {
  content: '';
  position: absolute;
  top: -60px;
  right: -60px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: rgba(66, 165, 245, .12)
}

.ab-card::after {
  content: '"';
  position: absolute;
  bottom: -30px;
  right: 24px;
  font-family: 'Playfair Display', serif;
  font-size: 200px;
  color: rgba(144, 202, 249, .1);
  line-height: 1;
  pointer-events: none
}

.ab-card blockquote {
  font-size: 23px;
  color: var(--b200);
  line-height: 1.55;
  margin-bottom: 22px;
  position: relative;
  z-index: 1
}

.ab-card p {
  font-size: 14px;
  color: rgba(255, 255, 255, .68);
  line-height: 1.8;
  position: relative;
  z-index: 1
}

.ab-badge {
  position: absolute;
  bottom: -24px;
  right: 36px;
  background: linear-gradient(135deg, var(--b400), var(--b200));
  border-radius: 14px;
  padding: 18px 22px;
  box-shadow: 0 8px 32px rgba(30, 136, 229, .4);
  text-align: center
}

.ab-badge .n {
  font-family: 'Playfair Display', serif;
  font-size: 34px;
  font-weight: 800;
  color: var(--b900);
  line-height: 1
}

.ab-badge .l {
  font-size: 10px;
  font-weight: 800;
  color: var(--b800);
  letter-spacing: .5px;
  margin-top: 3px
}

.ab-content {
  padding-top: 30px
}

.ab-content p {
  font-size: 15.5px;
  color: var(--textmid);
  line-height: 1.85;
  margin-bottom: 16px
}

.ab-feats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 28px
}

.feat {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px;
  background: var(--b50);
  border-radius: var(--r);
  border: 1px solid var(--border)
}

.feat-chk {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  flex-shrink: 0;
  background: linear-gradient(135deg, var(--b700), var(--b400));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: #fff;
  font-weight: 800;
  margin-top: 1px
}

.feat span {
  font-size: 15.5px;
  color: var(--textmid);
  line-height: 1.85;
}

/* ─── SERVICES DETAILED ─── */
.sv-bg {
  background: var(--offwhite)
}

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

.sv-card {
  background: var(--white);
  border: 1.5px solid var(--border);
  border-radius: var(--rl);
  padding: 36px 28px;
  transition: var(--t);
  position: relative;
  overflow: hidden
}

.sv-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--b800), var(--b400));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s ease
}

.sv-card:hover {
  box-shadow: var(--shd);
  transform: translateY(-5px);
  border-color: transparent
}

.sv-card:hover::before {
  transform: scaleX(1)
}

.sv-ico {
  width: 62px;
  height: 62px;
  border-radius: 18px;
  background: var(--b50);
  border: 1.5px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  margin-bottom: 20px;
  transition: var(--t)
}

.sv-card:hover .sv-ico {
  background: linear-gradient(135deg, var(--b800), var(--b500));
  border-color: transparent
}

.sv-card h3 {
  font-size: 21px;
  font-weight: 700;
  color: var(--b900);
  margin-bottom: 13px
}

.sv-card p {
  font-size: 15.5px;
  color: var(--textmid);
  line-height: 1.8;
  margin-bottom: 20px
}

.rm {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 13px;
  font-weight: 700;
  color: var(--b600);
  text-decoration: none;
  transition: var(--t);
  letter-spacing: .3px
}

.rm:hover {
  gap: 10px;
  color: var(--b800)
}

.rm::after {
  content: '→'
}

/* ─── PROCESS ─── */
.proc {
  background: linear-gradient(135deg, var(--b900) 0%, var(--b700) 100%);
  padding: 88px 28px
}

/* 
.proc .sec-title {
  color: #fff
} */

/* .proc .sec-sub {
  color: rgba(255, 255, 255, .62)
} */

.proc-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  margin-top: 60px;
  position: relative
}

.proc-grid::before {
  content: '';
  position: absolute;
  top: 38px;
  left: 12%;
  right: 12%;
  height: 2px;
  background: linear-gradient(90deg, rgba(144, 202, 249, .5), rgba(144, 202, 249, .1));
  z-index: 0
}

.proc-step {
  text-align: center;
  padding: 0 16px;
  position: relative;
  z-index: 1
}

.proc-num {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: linear-gradient(135deg, #1563b3, #1b79d1);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 22px;
  font-family: 'Playfair Display', serif;
  font-size: 30px;
  font-weight: 800;
  color: #ffffff;
  box-shadow: 0 0 0 8px rgba(144, 202, 249, .15);
}

.proc-step h4 {
  /* color: #fff; */
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 8px
}

.proc-step p {
  /* color: rgba(255, 255, 255, .55); */
  font-size: 15.5px;
  line-height: 1.65
}

/* ─── WHY US ─── */
.why-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 52px
}

.why-card-ht {
  background: linear-gradient(145deg, var(--b50), var(--white));
  border: 1.5px solid var(--border);
  border-radius: var(--rl);
  padding: 32px 26px;
  transition: var(--t);
  text-align: center
}

.why-card-ht:hover {
  background: linear-gradient(145deg, var(--b100), var(--b50));
  box-shadow: var(--sh);
  transform: translateY(-4px)
}

.why-ico {
  font-size: 38px;
  margin-bottom: 16px;
  display: block
}

.why-card-ht h4 {
  font-size: 16px;
  font-weight: 700;
  color: var(--b800);
  margin-bottom: 10px
}

.why-card-ht p {
  font-size: 15.5px;
  color: var(--textmid);
  line-height: 1.75
}

/* ─── FOOTER ─── */
.footer {
  background: var(--b900);
  padding: 72px 28px 0
}

.ft-in {
  max-width: 1320px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 2.2fr 1fr 1fr 1fr;
  gap: 52px;
  padding-bottom: 52px;
  border-bottom: 1px solid rgba(255, 255, 255, .08)
}

.ft-brand .ft-logo {
  height: 44px;
  width: auto;
  filter: brightness(0) invert(1);
  margin-bottom: 6px
}

.ft-tagline {
  font-size: 11px;
  color: rgb(255 255 255 / 74%);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 16px
}

.ft-brand p {
  font-size: 13px;
  color: rgb(255 255 255 / 74%);
  line-height: 1.8;
  margin-bottom: 20px
}

.ft-ci {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px
}

.ft-ci .ico {
  color: var(--b400);
  font-size: 13px;
  margin-top: 2px
}

.ft-ci a,
.ft-ci span {
  font-size: 13px;
  color: rgb(255 255 255 / 74%);
  text-decoration: none;
  transition: var(--t);
  line-height: 1.6
}

.ft-ci a:hover {
  color: var(--b300)
}

.cin {
  margin-top: 14px;
  font-size: 11px;
  color: rgb(255 255 255 / 74%);
  font-weight: 500
}

.ft-col h5 {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--b400);
  margin-bottom: 18px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(66, 165, 245, .2)
}

.ft-col ul {
  list-style: none
}

.ft-col ul li {
  margin-bottom: 9px
}

.ft-col ul li a {
  font-size: 14px;
  color: rgb(255 255 255 / 74%);
  text-decoration: none;
  transition: var(--t);
  font-weight: 500
}

.ft-col ul li a:hover {
  color: var(--b300);
  padding-left: 5px
}

.ft-nl p {
  font-size: 12.5px;
  color: rgb(255 255 255 / 74%);
  margin-bottom: 12px
}

.nl-form {
  display: flex
}

.nl-form input {
  flex: 1;
  padding: 11px 15px;
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(255, 255, 255, .14);
  border-right: none;
  border-radius: var(--r) 0 0 var(--r);
  color: #fff;
  font-size: 13px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  outline: none;
  transition: var(--t)
}

.nl-form input::placeholder {
  color: rgba(255, 255, 255, .3)
}

.nl-form input:focus {
  border-color: var(--b400)
}

.nl-form button {
  padding: 11px 18px;
  background: linear-gradient(135deg, var(--b600), var(--b400));
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  border: none;
  border-radius: 0 var(--r) var(--r) 0;
  cursor: pointer;
  transition: var(--t)
}

.nl-form button:hover {
  opacity: .9
}

.ft-bot {
  max-width: 1320px;
  margin: 0 auto;
  /* padding: 20px 0; */
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px
}

.ft-bot p {
  font-size: 12px;
  color: rgba(255, 255, 255, .32)
}

.ft-bot a {
  color: rgb(255 255 255 / 74%);
  text-decoration: none;
  transition: var(--t)
}

.ft-bot a:hover {
  color: var(--b300)
}

.ft-links {
  display: flex;
  gap: 20px;
  flex-wrap: wrap
}

/* WA Float */
.wa-fl {
  position: fixed;
  bottom: 28px;
  right: 28px;
  z-index: 9999;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: linear-gradient(135deg, #25D366, #128C7E);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 22px rgba(37, 211, 102, .5);
  text-decoration: none;
  transition: var(--t);
  animation: pulse 3s ease-in-out infinite
}

.wa-fl:hover {
  transform: scale(1.12);
  box-shadow: 0 8px 28px rgba(37, 211, 102, .65);
  animation: none
}

.wa-fl svg {
  width: 28px;
  height: 28px;
  fill: #fff
}

@keyframes pulse {

  0%,
  100% {
    transform: translateY(0)
  }

  50% {
    transform: translateY(-7px)
  }
}

/* ─── RESPONSIVE ─── */
@media(max-width:1080px) {
  .nav-list {
    display: none
  }

  .ham {
    display: flex
  }

  .hero-in {
    grid-template-columns: 1fr
  }

  .form-card {
    max-width: 500px
  }

  .qs-grid {
    grid-template-columns: repeat(4, 1fr)
  }

  .sv-grid {
    grid-template-columns: repeat(2, 1fr)
  }

  .ab-grid {
    grid-template-columns: 1fr;
    gap: 48px
  }

  .ab-content {
    order: 1
  }

  .ab-visual {
    order: 2
  }

  .proc-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 36px
  }

  .proc-grid::before {
    display: none
  }

  .why-grid {
    grid-template-columns: repeat(3, 1fr)
  }

  .ft-in {
    grid-template-columns: 1fr 1fr;
    gap: 32px
  }

  .ft-brand {
    grid-column: 1/-1
  }

  .stats-wrap {
    grid-template-columns: repeat(2, 1fr)
  }

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

  .stat:nth-child(1),
  .stat:nth-child(2) {
    border-bottom: 1px solid var(--border)
  }

  .cta-nav {
    display: none
  }
}

@media(max-width:768px) {
  .sec {
    padding: 64px 20px
  }

  .hero-bg {
    padding: 60px 20px 70px
  }

  .qs-grid {
    grid-template-columns: repeat(2, 1fr)
  }

  .sv-grid {
    grid-template-columns: 1fr
  }

  .ab-feats {
    grid-template-columns: 1fr
  }

  .why-grid {
    grid-template-columns: 1fr 1fr
  }

  .ft-in {
    grid-template-columns: 1fr
  }

  .ft-brand {
    grid-column: auto
  }

  .proc-grid {
    grid-template-columns: 1fr
  }

  .ft-bot {
    flex-direction: column;
    text-align: center
  }

  .ft-links {
    justify-content: center
  }

  .mob-nav {
    top: 70px
  }

  .tb-left a:not(.wa-pill):not(:first-child) {
    display: none
  }

  .hero-btns {
    flex-direction: column
  }

  .btn-main,
  .btn-ghost {
    text-align: center
  }

  .ab-badge {
    position: static;
    display: inline-block;
    margin-top: 20px
  }
}

@media(max-width:480px) {
  .qs-grid {
    grid-template-columns: repeat(2, 1fr)
  }

  .stats-wrap {
    grid-template-columns: 1fr 1fr
  }

  .why-grid {
    grid-template-columns: 1fr
  }

  .hero h1 {
    font-size: 30px
  }
}

.hero-about p {
  max-width: 100%;
}

.hero-about h1,
.hero-about p {
  text-align: center;
}

.feat-about {
  opacity: 1;
  transform: translateY(0px);
  transition: opacity 0.55s 0.84s, transform 0.55s 0.84s;
}

.ab-feats a {
  text-decoration: none;
}

/*===========GST css start=============*/

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

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background: #f0f6ff;
  color: #0d2044;
  -webkit-font-smoothing: antialiased;
}

:root {
  --b1: #0d3b8e;
  --b2: #1565c0;
  --b3: #1976d2;
  --b4: #2196f3;
  --b5: #64b5f6;
  --bpale: #e8f1fd;
  --blight: #bbdefb;
  --white: #fff;
  --text: #0d2044;
  --muted: #4a6285;
  --border: #cde0f8;
  --r: 14px;
  --rs: 8px;
  --rl: 22px;
  --shadow: 0 4px 24px rgba(21, 101, 192, .11);
  --shadow-lg: 0 12px 48px rgba(21, 101, 192, .16);
}

/* ── HERO ── */
.gst-hero {
  background: linear-gradient(135deg, var(--b1) 0%, var(--b3) 55%, var(--b4) 100%);
  padding: 70px 20px 80px;
  position: relative;
  overflow: hidden;
}

.gst-hero::before {
  content: '';
  position: absolute;
  top: -130px;
  right: -130px;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .06);
  pointer-events: none;
}

.gst-hero::after {
  content: '';
  position: absolute;
  bottom: -90px;
  left: -70px;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .04);
  pointer-events: none;
}

.hero-inner {
  max-width: 1160px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 56px;
  align-items: center;
  position: relative;
  z-index: 1;
}

@media(max-width:900px) {
  .hero-inner {
    grid-template-columns: 1fr;
  }
}

.hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: rgba(255, 255, 255, .15);
  border: 1px solid rgba(255, 255, 255, .25);
  padding: 5px 16px;
  border-radius: 100px;
  font-size: .72rem;
  font-weight: 700;
  color: #cce4ff;
  letter-spacing: .09em;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.hero-eyebrow span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #64b5f6;
}

.gst-hero h1 {
  font-size: clamp(2rem, 4.5vw, 3.1rem);
  font-weight: 800;
  color: #fff;
  line-height: 1.12;
  margin-bottom: 14px;
}

.gst-hero h1 .accent {
  color: #90caf9;
}

.hero-price {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 12px;
  padding: 11px 20px;
  margin-bottom: 30px;
}

.hero-price .lbl {
  font-size: .78rem;
  color: rgba(255, 255, 255, .65);
}

.hero-price .amt {
  font-size: 1.55rem;
  font-weight: 800;
  color: #fff;
}

.hero-price .tag {
  font-size: .72rem;
  color: rgb(20 93 171);
  margin-top: 1px;
}

.docs-lbl {
  font-size: .7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #90caf9;
  margin-bottom: 11px;
}

.docs-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
}

@media(max-width:500px) {
  .docs-grid {
    grid-template-columns: 1fr;
  }
}

.doc-pill {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .17);
  border-radius: 10px;
  padding: 10px 13px;
}

.doc-pill svg {
  width: 15px;
  height: 15px;
  fill: #64b5f6;
  flex-shrink: 0;
  margin-top: 1px;
}

.doc-pill span {
  font-size: .79rem;
  color: rgba(255, 255, 255, .9);
  font-weight: 500;
  line-height: 1.4;
}

/* Form Card */
.form-ribbon {
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, var(--b2), var(--b4));
  color: #fff;
  font-size: .76rem;
  font-weight: 700;
  padding: 6px 22px;
  border-radius: 100px;
  white-space: nowrap;
  box-shadow: 0 4px 16px rgba(21, 101, 192, .4);
  letter-spacing: .03em;
}

.fgroup {
  margin-bottom: 13px;
}

.fgroup label {
  display: block;
  font-size: .7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--muted);
  margin-bottom: 5px;
}

.fgroup select,
.fgroup input {
  width: 100%;
  padding: 10px 13px;
  border: 1.5px solid var(--border);
  border-radius: var(--rs);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: .84rem;
  color: var(--text);
  background: #fff;
  outline: none;
  transition: border-color .2s, box-shadow .2s;
  appearance: none;
  -webkit-appearance: none;
}

.fgroup select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7'%3E%3Cpath d='M1 1l4.5 4.5L10 1' stroke='%231976d2' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 34px;
  cursor: pointer;
}

.fgroup select:focus,
.fgroup input:focus {
  border-color: var(--b3);
  box-shadow: 0 0 0 3px rgba(25, 118, 210, .12);
}

.fgroup input::placeholder {
  color: #b0bec5;
}

.btn-get {
  width: 100%;
  padding: 13px;
  background: linear-gradient(135deg, var(--b2), var(--b4));
  color: #fff;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: .93rem;
  font-weight: 700;
  border: none;
  border-radius: var(--rs);
  cursor: pointer;
  transition: all .25s;
  margin-top: 4px;
  letter-spacing: .02em;
}

.btn-get:hover {
  background: linear-gradient(135deg, var(--b1), var(--b2));
  box-shadow: 0 6px 22px rgba(21, 101, 192, .38);
  transform: translateY(-1px);
}

.form-secure {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin-top: 11px;
  font-size: .71rem;
  color: #90a4ae;
}

.form-secure svg {
  width: 11px;
  height: 11px;
  fill: var(--b5);
}

/* ── SHARED ── */
.section {
  padding: 35px 0;
}

.wrap {
  max-width: 1160px;
  margin: 0 auto;
}

/* .sec-tag{display:inline-block;font-size:.68rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.13em;color:var(--b3);background:var(--bpale);padding:4px 13px;border-radius:100px;margin-bottom:10px;} */
/* .sec-title{font-size:clamp(1.45rem,2.6vw,2rem);font-weight:800;color:var(--text);line-height:1.2;margin-bottom:8px;} */
.sec-bar {
  width: 44px;
  height: 3px;
  border-radius: 3px;
  background: linear-gradient(90deg, var(--b3), var(--b5));
  margin-bottom: 20px;
}

.sec-lead {
  color: var(--muted);
  line-height: 1.82;
}

/* Reveal */
.r {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .5s ease, transform .5s ease;
}

.r.in {
  opacity: 1;
  transform: translateY(0);
}

/* ── WHAT IS GST ── */
.what-sec {
  background: #fff;
}

.what-grid {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 52px;
  align-items: flex-start;
}

@media(max-width:860px) {
  .what-grid {
    grid-template-columns: 1fr;
  }
}

.what-body p {
  font-size: .92rem;
  color: var(--muted);
  line-height: 1.84;
  margin-bottom: 14px;
}

.what-body p:last-child {
  margin-bottom: 0;
}

.tax-types {
  background: #f0f6ff;
  border: 1.5px solid var(--border);
  border-radius: var(--r);
  overflow: hidden;
  margin-top: 24px;
}

.tax-types-head {
  background: linear-gradient(90deg, var(--b2), var(--b4));
  padding: 13px 20px;
}

.tax-types-head h4 {
  font-size: 15px;
  font-weight: 700;
  color: #fff;
}

.tax-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 20px;
  border-bottom: 1px solid var(--border);
}

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

.tax-badge {
  min-width: 46px;
  height: 26px;
  border-radius: 6px;
  background: linear-gradient(135deg, var(--b2), var(--b4));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .72rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: .04em;
}

.tax-item p {
  color: var(--muted);
  line-height: 1.6;
}

.tax-item p strong {
  color: var(--text);
}

/* Side quick-facts card */
.quick-card {
  background: linear-gradient(145deg, var(--b1), var(--b3));
  border-radius: var(--r);
  padding: 28px 24px;
  position: sticky;
  top: 90px;
}

.quick-card h4 {
  font-size: .78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: rgba(255, 255, 255, .5);
  margin-bottom: 16px;
}

.q-stat {
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  margin-bottom: 16px;
}

.q-stat:last-child {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}

.q-stat .n {
  font-size: 1.7rem;
  font-weight: 800;
  color: #fff;
  line-height: 1;
}

.q-stat .l {
  font-size: .76rem;
  color: rgba(255, 255, 255, .62);
  margin-top: 4px;
}

/* ── ADVANTAGES ── */
.adv-sec {
  background: #f0f6ff;
}

.adv-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 32px;
}

@media(max-width:860px) {
  .adv-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media(max-width:520px) {
  .adv-grid {
    grid-template-columns: 1fr;
  }
}

.adv-card {
  background: #fff;
  border: 1.5px solid var(--border);
  border-radius: var(--r);
  padding: 24px 20px;
  display: flex;
  gap: 14px;
  align-items: flex-start;
  transition: transform .25s, box-shadow .25s;
}

.adv-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

.adv-num {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--b2), var(--b4));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .82rem;
  font-weight: 800;
  color: #fff;
}

.adv-card h3 {
  font-size: .88rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 0;
}

/* ── WHO SECTION ── */
.who-sec {
  background: #fff;
}

.who-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: flex-start;
}

@media(max-width:860px) {
  .who-grid {
    grid-template-columns: 1fr;
  }
}

.bullet-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.bullet-list li {
  display: flex;
  gap: 11px;
  align-items: flex-start;
  color: var(--muted);
  line-height: 1.7;
}

.bullet-list li::before {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--b4);
  flex-shrink: 0;
  margin-top: 7px;
}

.bullet-list li strong {
  color: var(--text);
}

.sub-list {
  list-style: none;
  margin-top: 8px;
  margin-left: 18px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.sub-list li {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  font-size: .83rem;
  color: var(--muted);
}

.sub-list li::before {
  content: '–';
  color: var(--b4);
  font-weight: 700;
  flex-shrink: 0;
}

.thresh-card {
  background: var(--bpale);
  border: 1.5px solid var(--blight);
  border-radius: var(--r);
  padding: 24px 22px;
}

.thresh-card h4 {
  font-size: .88rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1.5px solid var(--blight);
}

.thresh-row {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 10px 0;
  border-bottom: 1px solid var(--border);
}

.thresh-row:last-child {
  border-bottom: none;
}

.thresh-row svg {
  width: 15px;
  height: 15px;
  fill: var(--b3);
  flex-shrink: 0;
  margin-top: 2px;
}

.thresh-row p strong {
  color: var(--text);
}

/* ── COMPOSITION SCHEME ── */
.comp-sec {
  background: linear-gradient(135deg, var(--b1), var(--b2));
  position: relative;
  overflow: hidden;
}

.comp-sec::before {
  content: '';
  position: absolute;
  top: -80px;
  right: -80px;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .05);
}

.comp-inner {
  position: relative;
  z-index: 1;
}

.comp-sec .sec-tag {
  background: rgba(255, 255, 255, .15);
  color: #145dab;
  font-weight: 500;
}

.comp-sec .sec-title {
  color: #fff;
}

.comp-sec .sec-bar {
  background: linear-gradient(90deg, #64b5f6, rgba(255, 255, 255, .3));
}

.comp-sec .sec-lead {
  color: rgba(255, 255, 255, .78);
}

.comp-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 44px;
  align-items: flex-start;
  margin-top: 36px;
}

@media(max-width:760px) {
  .comp-grid {
    grid-template-columns: 1fr;
  }
}

.comp-text p {
  color: rgba(255, 255, 255, .78);
  line-height: 1.8;
  margin-bottom: 14px;
}

.comp-note {
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 10px;
  padding: 14px 18px;
  font-size: .82rem;
  color: rgba(255, 255, 255, .7);
  margin-top: 4px;
  font-style: italic;
}

/* Table */
.gst-table-wrap {
  background: rgba(255, 255, 255, .97);
  border-radius: var(--r);
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .18);
}

.gst-table-wrap table {
  width: 100%;
  border-collapse: collapse;
}

.gst-table-wrap thead {
  background: linear-gradient(90deg, var(--b2), var(--b4));
}

.gst-table-wrap thead th {
  padding: 13px 16px;
  font-size: .78rem;
  font-weight: 700;
  color: #fff;
  text-align: left;
  letter-spacing: .04em;
}

.gst-table-wrap tbody tr {
  border-bottom: 1px solid var(--border);
}

.gst-table-wrap tbody tr:last-child {
  border-bottom: none;
}

.gst-table-wrap tbody tr:nth-child(even) {
  background: #f5f9ff;
}

.gst-table-wrap tbody tr.total-row {
  background: var(--bpale);
}

.gst-table-wrap tbody td {
  padding: 12px 16px;
  font-size: .83rem;
  color: var(--text);
}

.gst-table-wrap tbody .total-row td {
  font-weight: 700;
  color: var(--b2);
}

/* ── HOW TO REGISTER ── */
.how-sec {
  background: #fff;
}

.how-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
}

@media(max-width:860px) {
  .how-grid {
    grid-template-columns: 1fr;
  }
}

.reg-text p {
  color: var(--muted);
  line-height: 1.82;
  margin-bottom: 12px;
}

.special-box {
  background: var(--bpale);
  border-left: 4px solid var(--b4);
  border-radius: 0 var(--rs) var(--rs) 0;
  padding: 18px 20px;
  margin-top: 24px;
}

.special-box h4 {
  font-size: .84rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 10px;
}

.special-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.special-list li {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  font-size: 15.5px;
  color: var(--muted);
  line-height: 1.65;
}

.special-list li .snum {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--b4);
  color: #fff;
  font-size: .66rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 1px;
}

/* ── HOW TO APPLY ── */
.apply-sec {
  background: #f0f6ff;
}

.steps {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 36px;
}

.step {
  display: flex;
  gap: 20px;
  position: relative;
}

.step:not(:last-child)::after {
  content: '';
  position: absolute;
  left: 22px;
  top: 50px;
  bottom: -4px;
  width: 2px;
  background: linear-gradient(180deg, var(--b4), var(--blight));
}

.step-num {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--b2), var(--b4));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .85rem;
  font-weight: 800;
  color: #fff;
  box-shadow: 0 4px 14px rgba(25, 118, 210, .3);
}

.step-body {
  background: #fff;
  border: 1.5px solid var(--border);
  border-radius: var(--r);
  padding: 20px 22px;
  margin-bottom: 16px;
  flex: 1;
  transition: box-shadow .25s;
}

.step-body:hover {
  box-shadow: var(--shadow-lg);
}

.step-body h4 {
  font-size: .92rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 6px;
}

.step-body p {
  font-size: .83rem;
  color: var(--muted);
  line-height: 1.72;
}

.step-body p strong {
  color: var(--b2);
}

/* ── DOCUMENTS ── */
.docs-sec {
  background: #fff;
}

.docs-req-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 32px;
}

@media(max-width:860px) {
  .docs-req-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media(max-width:520px) {
  .docs-req-grid {
    grid-template-columns: 1fr;
  }
}

.doc-req-card {
  background: #f8fbff;
  border: 1.5px solid var(--border);
  border-radius: var(--r);
  padding: 20px 18px;
  display: flex;
  gap: 12px;
  align-items: flex-start;
  transition: transform .25s, box-shadow .25s;
}

.doc-req-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow);
}

.doc-req-num {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  border-radius: 8px;
  background: linear-gradient(135deg, var(--b2), var(--b4));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .75rem;
  font-weight: 800;
  color: #fff;
}

.doc-req-card p {
  font-size: .82rem;
  color: var(--muted);
  line-height: 1.6;
}


/*===============GST css end=================*/
.ft-brand img {
  background: #ffffff;
  padding: 5px;
  border-radius: 6px;
  height: 88px;
  width: auto;
  border-radius: 7px;
}

ul.what-footer li a {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgb(255 255 255 / 74%)
}

ul.what-footer li a span {
  background: #25D366;
  color: #fff;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  flex-shrink: 0;
  font-weight: 800
}

ul.sub-list-add li {
  text-decoration: underline;
}

/*==========proprietorship css start============*/
/* ─────────────────────────────────────
   SCROLL REVEAL
───────────────────────────────────── */
.rv {
  /* opacity:0; */
  transform: translateY(24px);
  transition: opacity .6s ease, transform .6s ease;
}

.rv.on {
  opacity: 1;
  transform: translateY(0);
}

.d1 {
  transition-delay: .06s
}

.d2 {
  transition-delay: .12s
}

.d3 {
  transition-delay: .18s
}

.d4 {
  transition-delay: .24s
}

.d5 {
  transition-delay: .30s
}

/* ─────────────────────────────────────
   HERO
───────────────────────────────────── */
.hero-pro {
  background: linear-gradient(140deg, var(--b1) 0%, var(--b2) 38%, var(--b3) 68%, var(--b4) 100%);
  padding: 72px 24px 90px;
  position: relative;
  overflow: hidden;
}

/* decorative elements */
.hero-ring {
  position: absolute;
  border-radius: 50%;
  border: 1.5px solid rgba(255, 255, 255, .08);
  pointer-events: none;
}

.hero-ring.r1 {
  width: 560px;
  height: 560px;
  top: -180px;
  right: -160px;
}

.hero-ring.r2 {
  width: 380px;
  height: 380px;
  top: -80px;
  right: -60px;
}

.hero-ring.r3 {
  width: 300px;
  height: 300px;
  bottom: -120px;
  left: -80px;
}

.hero-dots {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255, 255, 255, .1) 1px, transparent 1px);
  background-size: 30px 30px;
  pointer-events: none;
  opacity: .4;
}

.hero-inner {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 410px;
  gap: 64px;
  align-items: center;
  position: relative;
  z-index: 1;
}

@media(max-width:960px) {
  .hero-inner {
    grid-template-columns: 1fr;
    gap: 48px;
  }
}

/* Left side */
.hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: rgba(255, 255, 255, .13);
  border: 1px solid rgba(255, 255, 255, .24);
  padding: 5px 16px 5px 6px;
  border-radius: 100px;
  margin-bottom: 22px;
}

.badge-dot {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .2);
  display: flex;
  align-items: center;
  justify-content: center;
}

.badge-dot svg {
  width: 12px;
  height: 12px;
  fill: var(--b6);
}

.hero-badge span {
  font-size: .7rem;
  font-weight: 800;
  color: #cce4ff;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.hero-pro h1 {
  font-weight: 900;
  color: #fff;
  line-height: 1.1;
  letter-spacing: -.01em;
  margin-bottom: 10px;
}

.hero-pro h1 em {
  font-style: normal;
  color: var(--b6);
}

/* Price pill */
.price-pill {
  display: inline-flex;
  align-items: stretch;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 20px;
  margin-top: 7px;
}

.pp-lbl {
  padding: 10px 16px;
  font-size: 15px;
  color: rgb(255 255 255);
  border-right: 1px solid rgba(255, 255, 255, .14);
  display: flex;
  align-items: center;
}

.pp-amt {
  padding: 0px 18px;
  font-size: 1.6rem;
  font-weight: 900;
  color: #fff;
  /* display: flex; */
  align-items: center;
}

.pp-tag {
  padding: 10px 14px 10px 0;
  font-size: .68rem;
  color: rgba(255, 255, 255, .5);
  display: flex;
  align-items: flex-end;
  padding-bottom: 14px;
}

/* Docs */
.docs-lbl-new {
  font-size: .67rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: #90caf9;
  margin-bottom: 12px;
}

.docs-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
}

@media(max-width:480px) {
  .docs-grid {
    grid-template-columns: 1fr;
  }
}

.doc-pill {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 10px;
  padding: 10px 13px;
  transition: background .2s;
}

.doc-pill:hover {
  background: rgba(255, 255, 255, .16);
}

.doc-pill svg {
  width: 14px;
  height: 14px;
  fill: #64b5f6;
  flex-shrink: 0;
  margin-top: 2px;
}

.doc-pill p {
  font-size: 11px;
  color: rgba(255, 255, 255, .88);
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: unset;
}

/* Form card */
.hform {
  background: #fff;
  border-radius: var(--rl);
  box-shadow: var(--sh3);
  padding: 40px 30px 30px;
  position: relative;
}

.hf-ribbon {
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, var(--b2), var(--b4));
  color: #fff;
  font-size: .73rem;
  font-weight: 800;
  padding: 7px 24px;
  border-radius: 100px;
  white-space: nowrap;
  box-shadow: 0 4px 16px rgba(18, 80, 184, .45);
  letter-spacing: .04em;
}

.hform h3 {
  font-size: 1.08rem;
  font-weight: 800;
  color: var(--text);
  text-align: center;
  margin: 14px 0 22px;
}

.fg {
  margin-bottom: 12px;
}

.fg label {
  display: block;
  font-size: .67rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--muted);
  margin-bottom: 5px;
}

.fg select,
.fg input {
  width: 100%;
  padding: 10px 13px;
  border: 1.5px solid var(--border);
  border-radius: var(--rs);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: .84rem;
  color: var(--text);
  background: #fff;
  outline: none;
  transition: border-color .2s, box-shadow .2s;
  appearance: none;
  -webkit-appearance: none;
}

.fg select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%231976d2' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 32px;
  cursor: pointer;
}

.fg select:focus,
.fg input:focus {
  border-color: var(--b3);
  box-shadow: 0 0 0 3px rgba(25, 118, 210, .13);
}

.fg input::placeholder {
  color: #b0bec5;
}

.btn-go {
  width: 100%;
  padding: 13px;
  background: linear-gradient(135deg, var(--b2), var(--b4));
  color: #fff;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: .92rem;
  font-weight: 800;
  border: none;
  border-radius: var(--rs);
  cursor: pointer;
  transition: all .25s;
  margin-top: 6px;
  letter-spacing: .02em;
}

.btn-go:hover {
  background: linear-gradient(135deg, var(--b1), var(--b2));
  box-shadow: 0 6px 24px rgba(18, 80, 184, .42);
  transform: translateY(-1px);
}

.form-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin-top: 11px;
  font-size: .69rem;
  color: #90a4ae;
}

.form-note svg {
  width: 11px;
  height: 11px;
  fill: var(--b5);
}

/* ─────────────────────────────────────
   SECTION COMMONS
───────────────────────────────────── */
.sec {
  padding: 35px 0;
}

.wrap {
  max-width: 1180px;
  margin: 0 auto;
}

.stag {
  display: inline-block;
  font-size: .66rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .15em;
  color: var(--b3);
  background: var(--pale);
  padding: 4px 13px;
  border-radius: 100px;
  margin-bottom: 10px;
}

.stitle {
  font-weight: 800;
  color: var(--text);
  line-height: 1.18;
  letter-spacing: -.01em;
  margin-bottom: 8px;
}

.sbar {
  width: 42px;
  height: 3px;
  border-radius: 3px;
  background: linear-gradient(90deg, var(--b3), var(--b5));
  margin-bottom: 0;
}

.slead {
  font-size: .91rem;
  color: var(--muted);
  line-height: 1.82;
}

.ctr {
  text-align: center;
}

.ctr .sbar {
  margin: 8px auto 0;
}

.ctr .slead {
  max-width: 600px;
  margin: 10px auto 0;
}

/* ─────────────────────────────────────
   WHAT SECTION
───────────────────────────────────── */
.what-sec {
  background: #fff;
}

.what-grid {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 56px;
  margin-top: 42px;
  align-items: flex-start;
}

@media(max-width:860px) {
  .what-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

.what-body p {
  font-size: 15.5px;
  color: var(--muted);
  line-height: 1.86;
  margin-bottom: 16px;
}

.what-body p:last-child {
  margin-bottom: 0;
}

.what-body strong {
  color: var(--text2);
}

/* Stats card */
.stats-card {
  background: linear-gradient(150deg, var(--b1), var(--b2) 55%, #0f5dce);
  border-radius: var(--r);
  padding: 30px 24px;
  position: relative;
  overflow: hidden;
}

.stats-card::before {
  content: '';
  position: absolute;
  top: -50px;
  right: -50px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .06);
}

.stats-card::after {
  content: '';
  position: absolute;
  bottom: -40px;
  left: -30px;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .05);
}

.stat-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .14);
  margin-bottom: 24px;
  position: relative;
  z-index: 1;
}

.stat-item {
  text-align: center;
  padding: 16px 8px;
  background: rgba(255, 255, 255, .08);
  border-right: 1px solid rgba(255, 255, 255, .12);
}

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

.stat-n {
  font-size: 18px;
  font-weight: 900;
  color: #fff;
  line-height: 1;
}

.stat-l {
  font-size: .65rem;
  color: rgba(255, 255, 255, .6);
  margin-top: 4px;
  font-weight: 600;
  letter-spacing: .04em;
}

.stats-body {
  font-size: .84rem;
  color: rgba(255, 255, 255, .75);
  line-height: 1.8;
  position: relative;
  z-index: 1;
}

/* ─────────────────────────────────────
   WHY SECTION
───────────────────────────────────── */
.why-sec {
  background: var(--bg);
}

.why-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 44px;
}

@media(max-width:960px) {
  .why-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media(max-width:560px) {
  .why-grid {
    grid-template-columns: 1fr;
  }
}

.why-card-pt {
  background: #fff;
  border: 1.5px solid var(--border);
  border-radius: var(--r);
  padding: 28px 22px;
  transition: transform .27s, box-shadow .27s, border-color .27s;
  position: relative;
  overflow: hidden;
  cursor: default;
  height: auto;
  min-height: 262px;
}

.why-card-pt::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--b2), var(--b4));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .32s ease;
}

.why-card-pt:hover {
  transform: translateY(-5px);
  box-shadow: var(--sh2);
  border-color: var(--b5);
}

.why-card-pt:hover::after {
  transform: scaleX(1);
}

.wc-img {
  width: 62px;
  height: 62px;
  border-radius: 14px;
  overflow: hidden;
  border: 2px solid var(--light);
  background: var(--pale);
  margin-bottom: 18px;
  flex-shrink: 0;
  margin: 10px;
}

.wc-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.why-card-pt h3 {
  font-size: 15.5px;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 9px;
}

.why-card-pt p {
  font-size: 15.5px;
  color: var(--muted);
  line-height: 1.74;
}

/* 5-card centered last row on 3-col grid */

/* ─────────────────────────────────────
   WHO SECTION
───────────────────────────────────── */
.who-sec-pro {
  background: linear-gradient(140deg, var(--b1) 0%, var(--b2) 45%, #0e5dd1 100%);
  position: relative;
  overflow: hidden;
}

.who-sec-pro .stag {
  /* background: rgb(6 117 227 / 44%); */
  color: #2867af;
}

/* .who-sec-pro .stitle {
  color: #fff;
} */

.who-sec::before {
  content: '';
  position: absolute;
  top: -100px;
  right: -100px;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .05);
}

.who-sec::after {
  content: '';
  position: absolute;
  bottom: -80px;
  left: -60px;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .04);
}

.who-sec .stag {
  background: rgba(255, 255, 255, .14);
  color: #cce4ff;
}

.who-sec .stitle {
  color: #fff;
}

.who-sec .sbar {
  background: linear-gradient(90deg, #64b5f6, rgba(255, 255, 255, .3));
}

.who-sec .slead {
  color: rgba(255, 255, 255, .74);
}

.who-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  position: relative;
  z-index: 1;
}

@media(max-width:860px) {
  .who-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }
}

.who-text {
  font-size: .92rem;
  /* color: rgba(255, 255, 255, .8); */
  line-height: 1.84;
  margin: 22px 0 28px;
}

.elig-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.elig-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  background: rgba(255, 255, 255, .09);
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 12px;
  padding: 14px 16px;
  backdrop-filter: blur(6px);
}

.elig-item svg {
  width: 17px;
  height: 17px;
  fill: #1986de;
  flex-shrink: 0;
  margin-top: 1px;
}

.elig-item span {
  font-size: .85rem;
  /* color: rgba(255, 255, 255, .88); */
  line-height: 1.6;
}

/* Eligibility visual */
.elig-visual {
  background: rgba(255, 255, 255, .1);
  border: 1.5px solid rgba(255, 255, 255, .16);
  border-radius: var(--r);
  padding: 30px 26px;
  backdrop-filter: blur(10px);
}

.elig-visual h4 {
  font-size: .85rem;
  font-weight: 800;
  /* color: #fff; */
  margin-bottom: 20px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.ev-step {
  display: flex;
  gap: 14px;
  margin-bottom: 0;
}

.ev-step:not(:last-child) {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  margin-bottom: 20px;
}

.ev-num {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--b5), var(--b4));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .8rem;
  font-weight: 900;
  color: #fff;
  box-shadow: 0 3px 12px rgba(33, 150, 243, .4);
}

.ev-body h5 {
  font-size: .87rem;
  font-weight: 700;
  /* color: #fff; */
  margin-bottom: 4px;
}

.ev-body p {
  font-size: .78rem;
  /* color: rgba(255, 255, 255, .65); */
  line-height: 1.58;
}

/* ─────────────────────────────────────
   HOW SECTION
───────────────────────────────────── */
.how-sec {
  background: #fff;
}

.how-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 44px;
}

@media(max-width:660px) {
  .how-grid {
    grid-template-columns: 1fr;
  }
}

.how-card {
  background: var(--bg);
  border: 1.5px solid var(--border);
  border-radius: var(--r);
  padding: 24px 22px;
  display: flex;
  gap: 18px;
  align-items: flex-start;
  transition: transform .25s, box-shadow .25s;
}

.how-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--sh2);
}

.hc-img {
  width: 66px;
  height: 66px;
  flex-shrink: 0;
  border-radius: 13px;
  overflow: hidden;
  border: 2px solid var(--light);
  background: var(--pale);
}

.hc-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.hc-body h3 {
  font-size: .91rem;
  font-weight: 700;
  color: var(--text);
  line-height: 1.4;
}

.how-more {
  margin-top: 20px;
  background: linear-gradient(90deg, var(--pale), var(--pale2));
  border: 1.5px solid var(--light);
  border-radius: var(--r);
  padding: 18px 22px;
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

.hm-icon {
  width: 38px;
  height: 38px;
  flex-shrink: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--b3), var(--b4));
  display: flex;
  align-items: center;
  justify-content: center;
}

.hm-icon svg {
  width: 18px;
  height: 18px;
  fill: #fff;
}

.how-more p {
  font-size: .86rem;
  color: var(--muted);
  line-height: 1.72;
}

.how-more strong {
  color: var(--b2);
}

/* ─────────────────────────────────────
   CTA BAND
───────────────────────────────────── */
.cta-band {
  background: linear-gradient(90deg, var(--b1), var(--b2) 50%, var(--b4));
  padding: 64px 24px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.cta-band::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255, 255, 255, .08) 1px, transparent 1px);
  background-size: 26px 26px;
}

.cta-inner {
  position: relative;
  z-index: 1;
}

.cta-band h2 {
  font-weight: 900;
  color: #fff;
  margin-bottom: 12px;
}

.cta-band p {
  font-size: .94rem;
  color: rgba(255, 255, 255, .76);
  max-width: 500px;
  margin: 0 auto 28px;
  line-height: 1.72;
}

.cta-btn {
  display: inline-block;
  background: #fff;
  color: var(--b2);
  font-weight: 800;
  font-size: .92rem;
  padding: 14px 36px;
  border-radius: var(--rs);
  text-decoration: none;
  transition: all .25s;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .15);
}

.cta-btn:hover {
  background: var(--pale);
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(0, 0, 0, .2);
}

/* ─────────────────────────────────────
   WA FLOAT
───────────────────────────────────── */
.wa {
  position: fixed;
  bottom: 26px;
  right: 26px;
  z-index: 900;
  width: 52px;
  height: 52px;
  background: #25d366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 18px rgba(37, 211, 102, .44);
  text-decoration: none;
  transition: transform .25s, box-shadow .25s;
}

.wa:hover {
  transform: scale(1.12);
  box-shadow: 0 6px 26px rgba(37, 211, 102, .62);
}

.wa svg {
  width: 26px;
  height: 26px;
  fill: #fff;
}

.badge-dot svg {
  width: 12px;
  height: 12px;
  fill: var(--b6);
}

/*==================*/

/* === HERO SECTION === */
.ebpr-hero {
  background: linear-gradient(140deg, var(--b1) 0%, var(--b2) 38%, var(--b3) 68%, var(--b4) 100%);
  position: relative;
  padding: 72px 0 0;
  overflow: hidden;
}

.ebpr-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  pointer-events: none;
}

.ebpr-hero::after {
  content: '';
  position: absolute;
  right: -100px;
  top: -80px;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(244, 121, 32, 0.18) 0%, transparent 70%);
  pointer-events: none;
}

.ebpr-hero-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 60px;
  align-items: start;
}

.ebpr-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: rgba(255, 255, 255, .13);
  border: 1px solid rgba(255, 255, 255, .24);
  padding: 5px 16px 5px 6px;
  border-radius: 100px;
  margin-bottom: 22px;
  font-size: .7rem;
  font-weight: 800;
  color: #cce4ff;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.ebpr-hero-badge span {
  font-size: 16px;
}

.ebpr-hero-title {
  font-size: clamp(36px, 5vw, 58px);
  font-weight: 800;
  color: #ffffff;
  line-height: 1.12;
  margin-bottom: 16px;
}

.ebpr-hero-title em {
  font-style: normal;
  color: var(--ebpr-orange);
}

.ebpr-price-pill {
  display: inline-flex;
  align-items: stretch;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 32px;
}

.ebpr-price-pill .ebpr-amount {
  font-family: 'Playfair Display', serif;
  font-size: 30px;
  font-weight: 800;
  color: white;
}

.ebpr-price-pill .ebpr-label {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.85);
  font-weight: 500;
}

.ebpr-hero-desc {
  color: rgba(255, 255, 255, 0.72);
  font-size: 15px;
  max-width: 520px;
  margin-bottom: 36px;
  line-height: 1.75;
}

/* Included items grid */
.ebpr-includes-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding-bottom: 56px;
}

.ebpr-include-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.82);
}

.ebpr-include-item .ebpr-dot {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--ebpr-orange), #ff9a40);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}

.ebpr-include-item .ebpr-dot svg {
  width: 10px;
  height: 10px;
  fill: white;
}

/* Hero wave */
.ebpr-hero-wave {
  width: 100%;
  height: 60px;
  display: block;
  position: relative;
  z-index: 2;
}

/* === ENQUIRY FORM CARD === */
.ebpr-form-card {
  background: #ffffff;
  border-radius: 14px;
  padding: 36px 30px;
  box-shadow: 0 20px 60px rgba(13, 43, 94, 0.15);
  position: relative;
  z-index: 5;
  margin-top: 0;
}

.ebpr-form-card-title {
  font-family: 'Playfair Display', serif;
  font-size: 20px;
  font-weight: 700;
  color: var(--ebpr-navy);
  margin-bottom: 6px;
}

.ebpr-form-card-sub {
  font-size: 13px;
  color: var(--ebpr-muted);
  margin-bottom: 22px;
}

.ebpr-form-divider {
  width: 40px;
  height: 3px;
  background: linear-gradient(90deg, var(--ebpr-orange), var(--ebpr-gold));
  border-radius: 2px;
  margin-bottom: 22px;
}

.ebpr-field {
  margin-bottom: 14px;
}

.ebpr-field label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ebpr-navy);
  margin-bottom: 6px;
}

.ebpr-field select,
.ebpr-field input[type="text"],
.ebpr-field input[type="email"],
.ebpr-field input[type="tel"] {
  width: 100%;
  padding: 11px 14px;
  border: 1.5px solid var(--ebpr-border);
  border-radius: 8px;
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  color: var(--ebpr-text);
  background: var(--ebpr-light);
  transition: border-color 0.2s, box-shadow 0.2s;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
}

.ebpr-field select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236B7A99' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 38px;
}

.ebpr-field select:focus,
.ebpr-field input:focus {
  border-color: var(--ebpr-orange);
  box-shadow: 0 0 0 3px rgba(244, 121, 32, 0.12);
  background: white;
}

.ebpr-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.ebpr-btn-primary {
  width: 100%;
  padding: 14px;
  background: linear-gradient(135deg, var(--ebpr-orange) 0%, #d4640a 100%);
  color: white;
  border: none;
  border-radius: 8px;
  font-family: 'DM Sans', sans-serif;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
  box-shadow: 0 6px 20px rgba(244, 121, 32, 0.35);
  margin-top: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.ebpr-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(244, 121, 32, 0.45);
}

.ebpr-form-note {
  text-align: center;
  font-size: 11.5px;
  color: var(--ebpr-muted);
  margin-top: 12px;
}

/* === SECTION BASE === */
.ebpr-section {
  padding: 80px 0;
}

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

.ebpr-section-label {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ebpr-orange);
  margin-bottom: 10px;
}

.ebpr-section-title {
  font-weight: 700;
  color: var(--ebpr-navy);
  line-height: 1.2;
  margin-bottom: 14px;
}

.ebpr-section-desc {
  font-size: 16px;
  color: var(--ebpr-muted);
  max-width: 680px;
  line-height: 1.75;
}

/* === WHAT SECTION === */
.ebpr-what-section {
  background: var(--ebpr-light);
  padding: 80px 0;
}

.ebpr-what-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 72px;
  align-items: center;
}

.ebpr-what-graphic {
  position: relative;
  display: flex;
  justify-content: center;
}

.ebpr-what-visual {
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: linear-gradient(135deg, #1a4a9a 0%, #1a4a9a 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-shadow: var(--ebpr-shadow-lg);
}

.ebpr-what-visual::before {
  content: '';
  position: absolute;
  inset: -20px;
  border-radius: 50%;
  border: 2px dashed rgba(244, 121, 32, 0.3);
  animation: ebpr-spin 20s linear infinite;
}

.ebpr-what-visual::after {
  content: '';
  position: absolute;
  inset: -40px;
  border-radius: 50%;
  border: 1px dashed rgba(13, 43, 94, 0.15);
  animation: ebpr-spin 30s linear infinite reverse;
}

@keyframes ebpr-spin {
  to {
    transform: rotate(360deg);
  }
}

.ebpr-what-icon-wrap {
  text-align: center;
  color: white;
}

.ebpr-what-icon-wrap svg {
  width: 80px;
  height: 80px;
  opacity: 0.9;
}

.ebpr-what-icon-wrap p {
  font-family: 'Playfair Display', serif;
  font-size: 18px;
  margin-top: 14px;
  color: rgba(255, 255, 255, 0.9);
}

/* Floating badges */
.ebpr-float-badge {
  position: absolute;
  background: white;
  border-radius: 10px;
  padding: 10px 16px;
  box-shadow: 0 8px 24px rgba(13, 43, 94, 0.15);
  font-size: 12px;
  font-weight: 600;
  color: var(--ebpr-navy);
  display: flex;
  align-items: center;
  gap: 8px;
  animation: ebpr-float 3s ease-in-out infinite;
  z-index: 10;
}

.ebpr-float-badge .ebpr-icon-sm {
  font-size: 18px;
}

.ebpr-float-badge:nth-child(2) {
  top: 20px;
  right: -20px;
  animation-delay: 1s;
}

.ebpr-float-badge:nth-child(3) {
  bottom: 30px;
  left: -20px;
  animation-delay: 0.5s;
}

@keyframes ebpr-float {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-8px);
  }
}

.ebpr-what-text p {
  font-size: 15.5px;
  color: #4a5a7a;
  line-height: 1.8;
}

/* === WHY SECTION === */
.ebpr-why-section {
  background: white;
  padding: 80px 0;
}

.ebpr-why-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 48px;
}

.ebpr-why-card {
  background: #ffffff;
  border: 1.5px solid #DDE3F0;
  border-radius: 14px;
  padding: 32px 28px;
  transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;
  position: relative;
  overflow: hidden;
}

.ebpr-why-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(135deg, var(--b500), var(--b300));
  transform: scale(1.1) rotate(5deg);
  transform: scaleX(0);
  transition: transform 0.3s;
  transform-origin: left;
}

.ebpr-why-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 60px rgba(13, 43, 94, 0.15);
  ;
  border-color: transparent;
}

.ebpr-why-card:hover::before {
  transform: scaleX(1);
}

.ebpr-why-number {
  font-family: 'Playfair Display', serif;
  font-size: 48px;
  font-weight: 800;
  color: rgba(13, 43, 94, 0.06);
  line-height: 1;
  margin-bottom: -10px;
  text-align: end;
}

.ebpr-why-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(244, 121, 32, 0.12), rgba(232, 160, 32, 0.12));
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  font-size: 24px;
}

.ebpr-why-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--ebpr-navy);
  margin-bottom: 10px;
}

.ebpr-why-desc {
  font-size: 15.5px;
  line-height: 1.7;
}

/* 5th card center */
.ebpr-why-grid-last {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-top: 0;
}

/* === WHO SECTION === */
.ebpr-who-section {
  background: #0D2B5E;
  padding: 72px 0;
  position: relative;
  overflow: hidden;
}

.ebpr-who-section::before {
  content: '';
  position: absolute;
  right: -150px;
  bottom: -100px;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(244, 121, 32, 0.12) 0%, transparent 60%);
}

.ebpr-who-inner {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 60px;
  align-items: center;
}

.ebpr-who-callout {
  background: #ffffff;
  border-radius: 14px;
  padding: 36px 40px;
  color: white;
  min-width: 260px;
  text-align: center;
}

.ebpr-who-callout-icon {
  font-size: 48px;
  margin-bottom: 12px;
}

.ebpr-who-callout h3 {
  font-family: 'Playfair Display', serif;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #0d2b5e;
}

.ebpr-who-callout p {
  font-size: 14px;
  opacity: 0.9;
  color: #0d2b5e;
  font-weight: 700;
}

.ebpr-who-text .ebpr-section-label {
  color: #ffb069;
}

.ebpr-who-text .ebpr-section-title {
  color: white;
}

.ebpr-who-text .ebpr-section-desc {
  color: rgba(255, 255, 255, 0.72);
  max-width: 580px;
  font-size: 16px;
}

/* === HOW SECTION === */
.ebpr-how-section {
  background: var(--ebpr-light);
  padding: 35px 0;
}

.ebpr-steps-wrap {
  margin-top: 48px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}

.ebpr-steps-block-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--ebpr-navy);
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.ebpr-steps-block-title .ebpr-block-badge {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
}

.ebpr-block-badge.ebpr-basic {
  background: #E3F2FD;
  color: var(--ebpr-orange);
}

.ebpr-block-badge.ebpr-advanced {
  background: #E3F2FD;
  color: var(--ebpr-navy);
}

.ebpr-step-item {
  display: flex;
  gap: 20px;
  margin-bottom: 28px;
  position: relative;
}

.ebpr-step-item:not(:last-child)::before {
  content: '';
  position: absolute;
  left: 19px;
  top: 42px;
  bottom: -16px;
  width: 2px;
  background: linear-gradient(180deg, #dde3f0 0%, transparent 100%);
}

.ebpr-step-num {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Playfair Display', serif;
  font-size: 16px;
  font-weight: 800;
}

.ebpr-step-num.ebpr-orange-num {
  background: linear-gradient(135deg, var(--b700), var(--b500));
  color: white;
  box-shadow: 0 4px 14px rgba(244, 121, 32, 0.35);
}

.ebpr-step-num.ebpr-navy-num {
  background: linear-gradient(135deg, var(--b700), var(--b500));
  color: white;
  box-shadow: 0 4px 14px rgba(13, 43, 94, 0.25);
}

.ebpr-step-content {}

.ebpr-step-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--ebpr-navy);
  margin-bottom: 4px;
}

.ebpr-step-desc {
  font-size: 15.5px;
  line-height: 1.65;
}

/* === CTA STRIP === */
.ebpr-cta-strip {
  background: linear-gradient(135deg, var(--b900) 0%, var(--b800) 40%, var(--b600) 80%, var(--b400) 100%);
  padding: 56px 0;
  text-align: center;
}

.ebpr-cta-strip h2 {
  font-size: 32px;
  font-weight: 700;
  color: white;
  margin-bottom: 12px;
}

.ebpr-cta-strip p {
  color: rgba(255, 255, 255, 0.85);
  font-size: 16px;
  margin-bottom: 28px;
}

.ebpr-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: white;
  color: var(--ebpr-orange);
  padding: 14px 36px;
  border-radius: 50px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s, box-shadow 0.2s;
}

.ebpr-cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
}

/* === RESPONSIVE === */
@media (max-width: 1024px) {
  .ebpr-hero-inner {
    grid-template-columns: 1fr;
  }

  .ebpr-form-card {
    max-width: 560px;
  }

  .ebpr-what-inner {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .ebpr-what-graphic {
    order: -1;
  }

  .ebpr-who-inner {
    grid-template-columns: 1fr;
  }

  .ebpr-who-callout {
    min-width: auto;
  }
}

@media (max-width: 768px) {

  .ebpr-section,
  .ebpr-what-section,
  .ebpr-why-section,
  .ebpr-how-section {
    padding: 56px 0;
  }

  .ebpr-why-grid {
    grid-template-columns: 1fr 1fr;
  }

  .ebpr-why-grid-last {
    grid-template-columns: 1fr;
  }

  .ebpr-steps-wrap {
    grid-template-columns: 1fr;
  }

  .ebpr-includes-grid {
    grid-template-columns: 1fr;
  }

  .ebpr-form-row {
    grid-template-columns: 1fr;
  }

  .ebpr-what-visual {
    width: 240px;
    height: 240px;
  }

  .ebpr-float-badge:nth-child(2) {
    right: 0;
  }

  .ebpr-float-badge:nth-child(3) {
    left: 0;
  }
}

@media (max-width: 480px) {
  .ebpr-hero {
    padding: 48px 0 0;
  }

  .ebpr-why-grid {
    grid-template-columns: 1fr;
  }

  .ebpr-hero-title {
    font-size: 30px;
  }

  .ebpr-section-title {
    font-size: 26px;
  }

  .ebpr-form-card {
    padding: 28px 20px;
  }

  .ebpr-price-pill {
    padding: 8px 20px;
  }

  .ebpr-price-pill .ebpr-amount {
    font-size: 24px;
  }
}

/* Subtle scroll animation */
.ebpr-fade-in {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.ebpr-fade-in.ebpr-visible {
  opacity: 1;
  transform: translateY(0);
}

/*========private page css start===========*/
.plc-hero {
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 50%, #1976d2 100%);
  position: relative;
  padding: 80px 0 0;
  overflow: hidden;
}

.plc-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle at 20% 50%, rgba(255, 255, 255, .04) 0%, transparent 50%),
    radial-gradient(circle at 80% 20%, rgba(255, 179, 0, .08) 0%, transparent 45%);
  pointer-events: none;
}

/* Geometric grid lines */
.plc-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px);
  background-size: 60px 60px;
  pointer-events: none;
}

.plc-hero-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: 56px;
  align-items: start;
  position: relative;
  z-index: 2;
}

/* Breadcrumb */
.plc-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.plc-breadcrumb a,
.plc-breadcrumb span {
  font-size: 12.5px;
  color: rgba(255, 255, 255, .60);
  text-decoration: none;
}

.plc-breadcrumb a:hover {
  color: rgba(255, 255, 255, .90);
}

.plc-breadcrumb .plc-bc-sep {
  color: rgba(255, 255, 255, .3);
}

.plc-breadcrumb .plc-bc-cur {
  color: rgba(255, 255, 255, .90);
  font-weight: 500;
}

.plc-hero-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .22);
  backdrop-filter: blur(8px);
  border-radius: 100px;
  padding: 6px 16px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .90);
  margin-bottom: 20px;
}

.plc-hero-title {
  font-weight: 800;
  color: #ffffff;
  line-height: 1.08;
  margin-bottom: 8px;
}

.plc-hero-title .plc-hl {
  color: var(--plc-gold);
}

.plc-price-tag {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, .10);
  border: 1px solid rgba(255, 255, 255, .20);
  border-radius: 10px;
  padding: 12px 22px;
  margin: 20px 0 24px;
}

.plc-price-tag .plc-amt {
  font-family: 'Cormorant Garamond', serif;
  font-size: 34px;
  font-weight: 800;
  color: var(--plc-gold);
  line-height: 1;
}

.plc-price-tag .plc-plus-gov {
  font-size: 13px;
  color: rgba(255, 255, 255, .70);
  line-height: 1.4;
}

.plc-price-tag .plc-plus-gov strong {
  color: white;
  display: block;
}

.plc-hero-lead {
  color: rgba(255, 255, 255, .72);
  font-size: 15.5px;
  max-width: 665px;
  margin-bottom: 32px;
  line-height: 1.75;
  text-align: justify;
}

/* Requirements checklist */
.plc-req-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 16px;
  padding-bottom: 64px;
}

.plc-req-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 13.5px;
  color: rgba(255, 255, 255, .80);
  line-height: 1.4;
}

.plc-req-tick {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--plc-gold);
  flex-shrink: 0;
  margin-top: 2px;
  display: grid;
  place-items: center;
}

.plc-req-tick svg {
  width: 9px;
  height: 9px;
}

/* Wave */
.plc-wave {
  display: block;
  width: 100%;
  height: 70px;
  position: relative;
  z-index: 2;
}

/* ──────────────────────────────────────────
   FORM CARD
────────────────────────────────────────── */
.plc-form-card {
  background: white;
  border-radius: 18px;
  padding: 36px 30px 30px;
  box-shadow: var(--plc-sh-lg);
  position: relative;
  z-index: 5;
}

.plc-form-head {
  margin-bottom: 22px;
}

.plc-form-head h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  font-weight: 700;
  color: var(--plc-blue-deep);
  margin-bottom: 4px;
}

.plc-form-head p {
  font-size: 13px;
  color: var(--plc-muted);
}

.plc-form-line {
  height: 3px;
  width: 36px;
  background: linear-gradient(90deg, var(--plc-blue-bright), var(--plc-gold));
  border-radius: 2px;
  margin: 12px 0 20px;
}

.plc-f {
  margin-bottom: 12px;
}

.plc-f label {
  display: block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--plc-blue-deep);
  margin-bottom: 5px;
}

.plc-f input,
.plc-f select {
  width: 100%;
  padding: 10px 14px;
  border: 1.5px solid var(--plc-border);
  border-radius: 8px;
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  color: var(--plc-text);
  background: var(--plc-off);
  transition: border-color .2s, box-shadow .2s, background .2s;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}

.plc-f select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235B7296' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 40px;
}

.plc-f input:focus,
.plc-f select:focus {
  border-color: var(--plc-blue-bright);
  box-shadow: 0 0 0 3px rgba(33, 150, 243, .12);
  background: white;
}

.plc-f-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.plc-submit-btn {
  width: 100%;
  padding: 13px;
  background: linear-gradient(135deg, var(--plc-blue-mid), var(--plc-blue-deep));
  color: white;
  border: none;
  border-radius: 9px;
  font-family: 'Outfit', sans-serif;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: transform .2s, box-shadow .2s;
  box-shadow: 0 6px 20px rgba(13, 71, 161, .30);
  margin-top: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.plc-submit-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(13, 71, 161, .38);
}

.plc-form-trust {
  text-align: center;
  font-size: 11.5px;
  color: var(--plc-muted);
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

/* ──────────────────────────────────────────
   SHARED SECTION STYLES
────────────────────────────────────────── */
.plc-sec {
  padding: 80px 0;
}

.plc-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

.plc-tag {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--plc-blue-bright);
  margin-bottom: 10px;
}

.plc-h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 700;
  color: var(--plc-blue-deep);
  line-height: 1.15;
  margin-bottom: 14px;
}

.plc-rule {
  width: 44px;
  height: 4px;
  background: linear-gradient(90deg, var(--plc-blue-bright), var(--plc-gold));
  border-radius: 2px;
  margin: 0 0 22px;
}

.plc-lead {
  font-size: 15.5px;
  color: #334155;
  max-width: 680px;
  line-height: 1.78;
}

/* Fade-in animation */
.plc-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .65s ease, transform .65s ease;
}

.plc-reveal.plc-in {
  opacity: 1;
  transform: translateY(0);
}

/* ──────────────────────────────────────────
   WHAT SECTION
────────────────────────────────────────── */
.plc-what-sec {
  background: var(--plc-off);
  padding: 35px 0;
}

.plc-what-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 72px;
  align-items: center;
}

/* Features list */
.plc-feat-list {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.plc-feat-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  background: white;
  border: 1px solid #ddeaf9;
  border-radius: 12px;
  padding: 16px 18px;
  transition: box-shadow .25s, border-color .25s, transform .25s;
}

.plc-feat-item:hover {
  box-shadow: var(--plc-sh);
  /* border-color: var(--plc-blue-light); */
  transform: translateX(4px);
}

.plc-feat-num {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: linear-gradient(135deg, #2196f3, #1565c0);
  color: white;
  font-weight: 700;
  font-size: 13px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}

.plc-feat-text {
  font-size: 15.5px;
  color: #334155;
  line-height: 1.6;
}

.plc-feat-text strong {
  color: var(--plc-blue-deep);
  font-weight: 600;
}

/* Types of company */
.plc-types-wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 32px;
}

.plc-type-card {
  background: white;
  border-radius: 14px;
  padding: 24px 28px;
  border-left: 4px solid #2196F3;
  box-shadow: var(--plc-sh);
  position: relative;
  overflow: hidden;
}

.plc-type-card::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(33, 150, 243, .06) 0%, transparent 70%);
  border-radius: 50%;
  transform: translate(30%, -30%);
}

.plc-type-icon {
  font-size: 28px;
  margin-bottom: 10px;
}

.plc-type-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--plc-blue-deep);
  margin-bottom: 4px;
}

.plc-type-sub {
  font-size: 15.5px;
  color: #4a5a7a;
  line-height: 1.6;
  font-weight: 400;
}

/* ──────────────────────────────────────────
   WHY SECTION
────────────────────────────────────────── */
.plc-why-sec {
  background: white;
  padding: 80px 0;
}

.plc-why-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 48px;
}

.plc-why-card {
  border-radius: 14px;
  border: 1.5px solid #bbdefb;
  padding: 32px 26px;
  position: relative;
  overflow: hidden;
  transition: transform .25s, box-shadow .25s, border-color .25s;
  background: white;
}

.plc-why-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 24px 64px rgba(13, 71, 161, .15);
  border-color: #bbdefb;
}

.plc-why-card::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--plc-blue-bright), var(--plc-gold));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .3s;
}

.plc-why-card:hover::after {
  transform: scaleX(1);
}

.plc-why-bg-num {
  position: absolute;
  top: -10px;
  right: 14px;
  font-family: 'Cormorant Garamond', serif;
  font-size: 80px;
  font-weight: 800;
  color: rgba(13, 71, 161, .04);
  line-height: 1;
  pointer-events: none;
}

.plc-why-icon-wrap {
  width: 52px;
  height: 52px;
  border-radius: 13px;
  background: var(--plc-blue-pale);
  display: grid;
  place-items: center;
  font-size: 22px;
  margin-bottom: 18px;
  transition: background .25s;
}

.plc-why-card:hover .plc-why-icon-wrap {
  background: linear-gradient(135deg, var(--plc-blue-bright), var(--plc-blue-mid));
}

.plc-why-ttl {
  font-size: 20px;
  font-weight: 700;
  color: var(--plc-blue-deep);
  margin-bottom: 10px;
}

.plc-why-desc {
  font-size: 15.5px;
  line-height: 1.72;
}

/* row of 2 centered */
.plc-why-row2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
  margin-top: 22px;
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}

/* ──────────────────────────────────────────
   HOW SECTION – Timeline
────────────────────────────────────────── */
.plc-how-sec {
  background: var(--plc-off);
}

.plc-timeline {
  position: relative;
  max-width: 860px;
  margin: 52px auto 0;
}

.plc-timeline::before {
  content: '';
  position: absolute;
  left: 36px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(180deg, #2196f3, #2196f31a);
}

.plc-tl-item {
  display: flex;
  gap: 28px;
  margin-bottom: 36px;
  position: relative;
}

.plc-tl-item:last-child {
  margin-bottom: 0;
}

.plc-tl-num {
  width: 72px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}

.plc-tl-circle {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: linear-gradient(135deg, #2196f3, #0d47a1);
  color: white;
  display: grid;
  place-items: center;
  font-family: 'Cormorant Garamond', serif;
  font-size: 20px;
  font-weight: 800;
  box-shadow: 0 6px 18px rgba(33, 150, 243, .35);
  position: relative;
  z-index: 1;
  flex-shrink: 0;
}

.plc-tl-body {
  flex: 1;
  background: white;
  border: 1px solid var(--plc-border);
  border-radius: 14px;
  padding: 22px 26px;
  box-shadow: 0 4px 16px rgba(13, 71, 161, .06);
  transition: box-shadow .25s, border-color .25s;
  margin-top: 4px;
}

.plc-tl-body:hover {
  box-shadow: var(--plc-sh);
  border-color: var(--plc-blue-light);
}

.plc-tl-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--plc-blue-deep);
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.plc-tl-chip {
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  font-weight: 600;
  background: var(--plc-blue-pale);
  color: var(--plc-blue-mid);
  padding: 2px 10px;
  border-radius: 50px;
  letter-spacing: .05em;
}

.plc-tl-text {
  font-size: 15.5px;
  color: #334155;
  line-height: 1.72;
}

.plc-tl-text strong {
  color: var(--plc-blue-deep);
}

/* Sub-list inside step */
.plc-sub-list {
  margin: 12px 0 0 2px;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.plc-sub-list li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 15.5px;
  color: #334155;
}

.plc-sub-list li::before {
  content: '›';
  color: var(--plc-blue-bright);
  font-size: 18px;
  line-height: 1.1;
  flex-shrink: 0;
}


/* ──────────────────────────────────────────
   CTA BAND
────────────────────────────────────────── */
.plc-cta-band {
  background: var(--plc-gold-light);
  border-top: 3px solid var(--plc-gold);
  border-bottom: 3px solid var(--plc-gold);
  padding: 56px 0;
  text-align: center;
}

.plc-cta-band h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(26px, 3.5vw, 38px);
  font-weight: 700;
  color: var(--plc-blue-deep);
  margin-bottom: 10px;
}

.plc-cta-band p {
  font-size: 15.5px;
  color: var(--plc-muted);
  margin-bottom: 28px;
}

.plc-cta-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
}

.plc-btn-solid {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, var(--plc-blue-mid), var(--plc-blue-deep));
  color: white;
  padding: 13px 32px;
  border-radius: 50px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 8px 24px rgba(13, 71, 161, .28);
  transition: transform .2s, box-shadow .2s;
}

.plc-btn-solid:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(13, 71, 161, .36);
}

.plc-btn-outline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 2px solid var(--plc-blue-mid);
  color: var(--plc-blue-mid);
  padding: 11px 28px;
  border-radius: 50px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  background: transparent;
  transition: background .2s, color .2s;
}

.plc-btn-outline:hover {
  background: var(--plc-blue-mid);
  color: white;
}

/* ──────────────────────────────────────────
   FOOTER
────────────────────────────────────────── */
.plc-footer {
  background: var(--plc-blue-deep);
  padding: 56px 0 0;
}

.plc-footer-grid {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr;
  gap: 48px;
}

.plc-footer-brand img {
  height: 44px;
  filter: brightness(0) invert(1);
  margin-bottom: 14px;
}

.plc-footer-brand p {
  font-size: 13.5px;
  color: rgba(255, 255, 255, .60);
  line-height: 1.72;
  margin-bottom: 18px;
  max-width: 280px;
}

.plc-footer-social {
  display: flex;
  gap: 10px;
}

.plc-soc-btn {
  width: 36px;
  height: 36px;
  border-radius: 9px;
  border: 1px solid rgba(255, 255, 255, .18);
  color: rgba(255, 255, 255, .70);
  display: grid;
  place-items: center;
  text-decoration: none;
  font-size: 13px;
  transition: background .2s, border-color .2s, color .2s;
}

.plc-soc-btn:hover {
  background: rgba(255, 255, 255, .12);
  border-color: rgba(255, 255, 255, .4);
  color: white;
}

.plc-footer-col h4 {
  font-family: 'Outfit', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .45);
  margin-bottom: 16px;
}

.plc-footer-col a {
  display: block;
  font-size: 13.5px;
  color: rgba(255, 255, 255, .65);
  text-decoration: none;
  margin-bottom: 9px;
  transition: color .2s, padding-left .2s;
}

.plc-footer-col a:hover {
  color: white;
  padding-left: 4px;
}

.plc-footer-contact-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 12px;
}

.plc-fc-icon {
  width: 32px;
  height: 32px;
  background: rgba(255, 255, 255, .08);
  border-radius: 8px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  font-size: 14px;
}

.plc-fc-text {
  font-size: 13px;
  color: rgba(255, 255, 255, .65);
  line-height: 1.5;
}

.plc-fc-text a {
  color: rgba(255, 255, 255, .65);
  text-decoration: none;
}

.plc-fc-text a:hover {
  color: white;
}

/* Footer bottom bar */
.plc-footer-bar {
  background: rgba(0, 0, 0, .25);
  margin-top: 48px;
  padding: 16px 24px;
  text-align: center;
  font-size: 12.5px;
  color: rgba(255, 255, 255, .40);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-wrap: wrap;
}

.plc-footer-bar a {
  color: rgba(255, 255, 255, .55);
  text-decoration: none;
}

.plc-footer-bar a:hover {
  color: white;
}

.plc-footer-bar .plc-sep {
  opacity: .35;
}

/* Subscribe strip */
.plc-sub-strip {
  border-top: 1px solid rgba(255, 255, 255, .08);
  margin: 40px 24px 0;
  max-width: calc(1200px - 48px);
  margin-left: auto;
  margin-right: auto;
  padding: 28px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.plc-sub-strip p {
  font-size: 14px;
  color: rgba(255, 255, 255, .65);
}

.plc-sub-strip p strong {
  color: white;
}

.plc-sub-form {
  display: flex;
  gap: 8px;
}

.plc-sub-form input {
  padding: 9px 16px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .08);
  color: white;
  font-family: 'Outfit', sans-serif;
  font-size: 13.5px;
  outline: none;
  width: 220px;
}

.plc-sub-form input::placeholder {
  color: rgba(255, 255, 255, .40);
}

.plc-sub-form input:focus {
  border-color: rgba(255, 255, 255, .4);
  background: rgba(255, 255, 255, .12);
}

.plc-sub-form button {
  padding: 9px 20px;
  background: var(--plc-gold);
  color: var(--plc-blue-deep);
  border: none;
  border-radius: 8px;
  font-family: 'Outfit', sans-serif;
  font-size: 13.5px;
  font-weight: 700;
  cursor: pointer;
  transition: opacity .2s;
}

.plc-sub-form button:hover {
  opacity: .88;
}

/* ──────────────────────────────────────────
   RESPONSIVE
────────────────────────────────────────── */
@media (max-width: 1024px) {
  .plc-hero-inner {
    grid-template-columns: 1fr;
  }

  .plc-form-card {
    max-width: 540px;
  }

  .plc-what-grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .plc-footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 36px;
  }

  .plc-stats-inner {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .plc-nav-links {
    display: none;
  }

  .plc-hamburger {
    display: flex;
  }

  .plc-why-grid {
    grid-template-columns: 1fr 1fr;
  }

  .plc-why-row2 {
    grid-template-columns: 1fr 1fr;
  }

  .plc-req-list {
    grid-template-columns: 1fr;
  }

  .plc-f-row {
    grid-template-columns: 1fr;
  }

  .plc-timeline::before {
    left: 26px;
  }

  .plc-tl-circle {
    width: 42px;
    height: 42px;
    font-size: 16px;
  }

  .plc-tl-num {
    width: 56px;
  }

  .plc-footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 28px;
  }

  .plc-stats-inner {
    gap: 16px;
  }

  .plc-stat-val {
    font-size: 34px;
  }
}

@media (max-width: 540px) {
  .plc-hero {
    padding: 56px 0 0;
  }

  .plc-sec,
  .plc-what-sec,
  .plc-why-sec,
  .plc-how-sec {
    padding: 56px 0;
  }

  .plc-why-grid {
    grid-template-columns: 1fr;
  }

  .plc-why-row2 {
    grid-template-columns: 1fr;
  }

  .plc-footer-grid {
    grid-template-columns: 1fr;
  }

  .plc-form-card {
    padding: 24px 18px;
  }

  .plc-topbar-inner {
    justify-content: center;
    gap: 12px;
  }

  .plc-topbar .plc-topbar-sep {
    display: none;
  }

  .plc-sub-form input {
    width: 160px;
  }

  .plc-stats-inner {
    grid-template-columns: 1fr 1fr;
  }

  .plc-tl-text {
    font-size: 13.5px;
  }

  .plc-hero-title {
    font-size: 32px;
  }
}

/*------------producercss start-----------*/
/* ─── SCROLL REVEAL ─── */
.prc-sr {
  transform: translateY(30px);
  transition: opacity .6s ease, transform .6s ease;
}

.prc-sr.prc-vis {
  opacity: 1;
  transform: translateY(0);
}

.prc-sr-l {
  transform: translateX(-30px);
  transition: opacity .6s ease, transform .6s ease;
}

.prc-sr-l.prc-vis {
  opacity: 1;
  transform: translateX(0);
}

.prc-sr-r {
  transform: translateX(30px);
  transition: opacity .6s ease, transform .6s ease;
  padding-top: 5px;
}

.prc-sr-r.prc-vis {
  opacity: 1;
  transform: translateX(0);
}

/* ─── TOPBAR ─── */
.prc-topbar {
  background: var(--prc-b1);
  padding: 9px 0;
}

.prc-tb-in {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  flex-wrap: wrap;
}

.prc-tb-in a {
  display: flex;
  align-items: center;
  gap: 6px;
  color: rgba(255, 255, 255, .75);
  text-decoration: none;
  font-size: 12.5px;
  font-weight: 500;
  transition: color .2s;
}

.prc-tb-in a:hover {
  color: #fff;
}

.prc-tb-sep {
  color: rgba(255, 255, 255, .22);
  font-size: 11px;
}

/* ─── HERO ─── */
.prc-hero {
  background: linear-gradient(150deg, #0a3880 0%, #1155cc 45%, #1976d2 100%);
  position: relative;
  overflow: hidden;
  padding: 76px 0 0;
}

/* Diagonal stripe texture */
.prc-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(-45deg,
      transparent,
      transparent 40px,
      rgba(255, 255, 255, .025) 40px,
      rgba(255, 255, 255, .025) 42px);
  pointer-events: none;
}

/* Glow orb */
.prc-hero::after {
  content: '';
  position: absolute;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(66, 165, 245, .18) 0%, transparent 65%);
  top: -180px;
  right: -100px;
  pointer-events: none;
}

.prc-hero-in {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 1fr 390px;
  gap: 52px;
  align-items: start;
  position: relative;
  z-index: 2;
}

/* Breadcrumb */
.prc-bc {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 22px;
}

.prc-bc a,
.prc-bc span {
  font-size: 12px;
  color: rgba(255, 255, 255, .55);
  text-decoration: none;
}

.prc-bc a:hover {
  color: rgba(255, 255, 255, .9);
}

.prc-bc .prc-bc-now {
  color: rgba(255, 255, 255, .88);
  font-weight: 500;
}

.prc-bc-arrow {
  color: rgba(255, 255, 255, .3);
}

.prc-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, .10);
  border: 1px solid rgba(255, 255, 255, .20);
  border-radius: 100px;
  padding: 5px 16px;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .88);
  margin-bottom: 20px;
}

.prc-hero-eyebrow .prc-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #69F0AE;
  display: inline-block;
  box-shadow: 0 0 6px #69F0AE;
  animation: prc-pulse 2s ease-in-out infinite;
}

@keyframes prc-pulse {

  0%,
  100% {
    opacity: 1;
    transform: scale(1)
  }

  50% {
    opacity: .6;
    transform: scale(.8)
  }
}

.prc-hero-h1 {
  font-weight: 800;
  color: #fff;
  line-height: 1.1;
  margin-bottom: 6px;
}

.prc-hero-h1 em {
  font-style: normal;
  color: #90CAF9;
}

/* Price ribbon */
.prc-price-ribbon {
  display: inline-flex;
  align-items: stretch;
  background: rgba(255, 255, 255, .10);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 12px;
  overflow: hidden;
  margin: 20px 0 24px;
}

.prc-price-ribbon .prc-amt {
  background: #fff;
  padding: 12px 22px;
  font-size: 30px;
  font-weight: 700;
  color: var(--prc-b1);
  line-height: 1;
  display: flex;
  align-items: center;
}

.prc-price-ribbon .prc-govfee {
  padding: 10px 18px;
  font-size: 13px;
  color: rgba(255, 255, 255, .80);
  line-height: 1.45;
  display: flex;
  align-items: center;
}

.prc-price-ribbon .prc-govfee strong {
  color: #fff;
  display: block;
}

.prc-hero-desc {
  color: rgba(255, 255, 255, .70);
  font-size: 15px;
  max-width: 510px;
  line-height: 1.8;
  margin-bottom: 32px;
}

/* Requirements grid */
.prc-reqs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 18px;
  padding-bottom: 64px;
}

.prc-req {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  font-size: 13.5px;
  color: rgba(255, 255, 255, .78);
}

.prc-req-icon {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  background: rgba(105, 240, 174, .20);
  border: 1px solid rgba(105, 240, 174, .35);
  display: grid;
  place-items: center;
  flex-shrink: 0;
  margin-top: 2px;
}

.prc-req-icon svg {
  width: 9px;
  height: 9px;
}

/* Hero wave */
.prc-wave {
  width: 100%;
  height: 64px;
  display: block;
  position: relative;
  z-index: 2;
}

/* ─── ENQUIRY FORM ─── */
.prc-form-box {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 24px 72px rgba(10, 56, 128, .20);
  padding: 34px 28px 28px;
  position: relative;
  z-index: 5;
}

.prc-form-box h3 {
  font-family: 'Playfair Display', serif;
  font-size: 21px;
  font-weight: 700;
  color: var(--prc-b1);
  margin-bottom: 4px;
}

.prc-form-box p {
  font-size: 13px;
  color: var(--prc-sub);
}

.prc-form-accent {
  width: 38px;
  height: 3px;
  background: linear-gradient(90deg, var(--prc-b3), var(--prc-green2));
  border-radius: 2px;
  margin: 12px 0 18px;
}

.prc-fi {
  margin-bottom: 11px;
}

.prc-fi label {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--prc-b1);
  margin-bottom: 5px;
}

.prc-fi input,
.prc-fi select {
  width: 100%;
  padding: 10px 13px;
  border: 1.5px solid var(--prc-border);
  border-radius: 8px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 13.5px;
  color: var(--prc-text);
  background: var(--prc-bg);
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  transition: border-color .2s, box-shadow .2s, background .2s;
}

.prc-fi select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7'%3E%3Cpath d='M1 1l4.5 5 4.5-5' stroke='%234B5E7A' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 13px center;
  padding-right: 36px;
}

.prc-fi input:focus,
.prc-fi select:focus {
  border-color: var(--prc-b3);
  box-shadow: 0 0 0 3px rgba(25, 118, 210, .10);
  background: #fff;
}

.prc-fi-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.prc-submit {
  width: 100%;
  padding: 13px;
  background: linear-gradient(135deg, var(--prc-b2), var(--prc-b1));
  color: #fff;
  border: none;
  border-radius: 9px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14.5px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 6px 22px rgba(10, 56, 128, .28);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: transform .2s, box-shadow .2s;
  margin-top: 8px;
}

.prc-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(10, 56, 128, .36);
}

.prc-secure {
  text-align: center;
  font-size: 11.5px;
  color: var(--prc-sub);
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

/* ─── SHARED ─── */
.prc-sec {
  padding: 35px 0;
}

.prc-wrap {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
}

.prc-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .17em;
  text-transform: uppercase;
  color: #1976d2;
  margin-bottom: 10px;
  display: inline-block;
}

.prc-h2 {
  font-weight: 700;
  color: var(--prc-b1);
  line-height: 1.15;
  margin-bottom: 14px;
}

.prc-rule {
  width: 44px;
  height: 4px;
  background: linear-gradient(90deg, var(--prc-b3), var(--prc-green2));
  border-radius: 2px;
  margin-bottom: 22px;
}

.prc-body {
  font-size: 15.5px;
  line-height: 1.82;
}

/* ─── WHAT SECTION ─── */
.prc-what-sec {
  background: var(--prc-bg);
}

.prc-what-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: start;
}

/* Activities list */
.prc-act-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 8px;
}

.prc-act-item {
  display: flex;
  gap: 13px;
  align-items: flex-start;
  background: #fff;
  border: 1px solid var(--prc-border);
  border-radius: 11px;
  padding: 14px 16px;
  transition: border-color .25s, box-shadow .25s, transform .25s;
}

.prc-act-item:hover {
  border-color: var(--prc-b4);
  box-shadow: var(--prc-sh);
  transform: translateX(5px);
}

.prc-act-n {
  width: 28px;
  height: 28px;
  border-radius: 7px;
  flex-shrink: 0;
  background: linear-gradient(135deg, #1976d2, #0a3880);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  display: grid;
  place-items: center;
}

.prc-act-txt {
  font-size: 15.5px;
  color: #4a5a7a;
  line-height: 1.6;
}

/* Features card column */
.prc-feat-top {
  background: linear-gradient(135deg, #0a3880, #1155cc);
  border-radius: 18px;
  padding: 32px 28px;
  color: #fff;
  margin-bottom: 20px;
}

.prc-feat-top h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .15);
  padding-bottom: 14px;
}

.prc-key-list {
  display: flex;
  flex-direction: column;
  gap: 13px;
}

.prc-key-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding-bottom: 10px;
}

.prc-key-bullet {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .15);
  border: 1px solid rgba(255, 255, 255, .25);
  display: grid;
  place-items: center;
  flex-shrink: 0;
  margin-top: 1px;
}

.prc-key-bullet svg {
  width: 10px;
  height: 10px;
}

.prc-key-txt {
  font-size: 15.5px;
  color: rgba(255, 255, 255, .82);
  line-height: 1.6;
}

.prc-key-txt strong {
  color: #fff;
}

/* Quick stats */
.prc-quick-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.prc-qs {
  background: #fff;
  border: 1px solid var(--prc-border);
  border-radius: 12px;
  padding: 18px 14px;
  text-align: center;
  transition: box-shadow .25s, transform .25s;
}

.prc-qs:hover {
  box-shadow: var(--prc-sh);
  transform: translateY(-3px);
}

.prc-qs-val {
  font-family: 'Playfair Display', serif;
  font-size: 26px;
  font-weight: 700;
  color: var(--prc-b2);
  line-height: 1;
  margin-bottom: 5px;
}

.prc-qs-lbl {
  font-size: 12px;
  color: var(--prc-sub);
  line-height: 1.4;
}

/* ─── ACTIVITIES FULL SECTION ─── */
.prc-act-full-sec {
  background: #fff;
}

.prc-act-center {
  text-align: center;
  margin-bottom: 48px;
}

.prc-act-center .prc-rule {
  margin: 0 auto 0;
}

.prc-activities-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.prc-ag-card {
  background: #1b7cd50f;
  border: 1.5px solid var(--border);
  border-radius: 14px;
  padding: 24px 20px;
  position: relative;
  overflow: hidden;
  transition: box-shadow .25s, border-color .25s, transform .25s;
}

.prc-ag-card::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--prc-b3), var(--prc-green2));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .3s;
}

.prc-ag-card:hover {
  box-shadow: var(--prc-sh2);
  border-color: var(--prc-pale);
  transform: translateY(-5px);
}

.prc-ag-card:hover::before {
  transform: scaleX(1);
}

.prc-ag-ico {
  font-size: 32px;
  margin-bottom: 12px;
}

.prc-ag-num {
  position: absolute;
  top: 14px;
  right: 16px;
  font-family: 'Playfair Display', serif;
  font-size: 52px;
  font-weight: 800;
  color: rgba(10, 56, 128, .04);
  line-height: 1;
}

.prc-ag-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--prc-b1);
  margin-bottom: 8px;
}

.prc-ag-desc {
  font-size: 15.5px;
  color: #4a5a7a;
  line-height: 1.68;
}

/* ─── HOW — TIMELINE ─── */
.prc-how-sec {
  background: var(--prc-bg);
}

.prc-tl {
  position: relative;
  max-width: 900px;
  margin: 52px auto 0;
}

.prc-tl::before {
  content: '';
  position: absolute;
  left: 28px;
  top: 26px;
  bottom: 0;
  width: 2px;
  background: linear-gradient(180deg, #1976d2 0%, #1976d214 100%);
}

.prc-tl-row {
  display: flex;
  gap: 30px;
  margin-bottom: 32px;
  position: relative;
}

.prc-tl-row:last-child {
  margin-bottom: 0;
}

.prc-tl-circle {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  flex-shrink: 0;
  background: linear-gradient(135deg, #1976d2, #0a3880);
  color: #fff;
  font-family: 'Playfair Display', serif;
  font-size: 20px;
  font-weight: 700;
  display: grid;
  place-items: center;
  box-shadow: 0 6px 18px rgba(25, 118, 210, .35);
  position: relative;
  z-index: 1;
}

.prc-tl-card {
  flex: 1;
  background: #fff;
  border: 1px solid var(--prc-border);
  border-radius: 14px;
  padding: 22px 24px;
  box-shadow: 0 2px 12px rgba(10, 56, 128, .05);
  transition: box-shadow .25s, border-color .25s;
  margin-top: 4px;
}

.prc-tl-card:hover {
  box-shadow: var(--prc-sh);
  border-color: var(--prc-pale);
}

.prc-tl-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.prc-tl-title {
  font-size: 19px;
  font-weight: 700;
  color: var(--prc-b1);
}

.prc-tl-tag {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: var(--prc-pale);
  color: var(--prc-b2);
  padding: 3px 10px;
  border-radius: 50px;
}

.prc-tl-body {
  font-size: 15.5px;
  color: #4a5a7a;
  line-height: 1.75;
  font-weight: 400;
}

.prc-sec p {
  font-weight: 400;
}

.tax-types-head p {
  font-weight: 400;
}

.special-box p {
  font-weight: 400;
}

.special-list li {
  font-weight: 400;
}

p.plc-lead-1 {
  font-weight: 400;
}

.prc-tl-body strong {
  color: var(--prc-b1);
  font-weight: 600;
}

.prc-tl-ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 12px;
}

.prc-tl-ul li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 15.5px;
  color: #4a5a7a;
}

.prc-tl-ul li::before {
  content: '›';
  color: var(--prc-b3);
  font-size: 18px;
  line-height: 1.1;
  flex-shrink: 0;
}

/* ─── STATS BAND ─── */
.prc-stats {
  background: linear-gradient(135deg, var(--prc-b1), var(--prc-b2));
  padding: 52px 0;
}

.prc-stats-in {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  text-align: center;
}

.prc-stat-v {
  font-family: 'Playfair Display', serif;
  font-size: 44px;
  font-weight: 700;
  color: #90CAF9;
  line-height: 1;
  margin-bottom: 6px;
}

.prc-stat-l {
  font-size: 13px;
  color: rgba(255, 255, 255, .65);
}

/* ─── CTA ─── */
.prc-cta {
  background: var(--prc-greenpale);
  border-top: 3px solid var(--prc-green2);
  padding: 60px 0;
  text-align: center;
}

.prc-cta h2 {
  font-family: 'Playfair Display', serif;
  font-size: clamp(24px, 3.5vw, 38px);
  font-weight: 700;
  color: var(--prc-b1);
  margin-bottom: 10px;
}

.prc-cta p {
  font-size: 15.5px;
  color: var(--prc-sub);
  margin-bottom: 28px;
}

.prc-cta-btns {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
}

.prc-btn-pri {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, var(--prc-b2), var(--prc-b1));
  color: #fff;
  padding: 13px 32px;
  border-radius: 50px;
  font-size: 14.5px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 8px 24px rgba(10, 56, 128, .25);
  transition: transform .2s, box-shadow .2s;
}

.prc-btn-pri:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(10, 56, 128, .33);
}

.prc-btn-sec {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 2px solid var(--prc-green);
  color: var(--prc-green);
  padding: 11px 28px;
  border-radius: 50px;
  font-size: 14.5px;
  font-weight: 700;
  text-decoration: none;
  background: transparent;
  transition: background .2s, color .2s;
}

.prc-btn-sec:hover {
  background: var(--prc-green);
  color: #fff;
}

/* ─── FOOTER ─── */
.prc-footer {
  background: var(--prc-b1);
  padding: 56px 0 0;
}

.prc-footer-grid {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 1.7fr 1fr 1fr 1fr;
  gap: 48px;
}

.prc-fbrand img {
  height: 42px;
  filter: brightness(0) invert(1);
  margin-bottom: 14px;
  display: block;
}

.prc-fbrand p {
  font-size: 13px;
  color: rgba(255, 255, 255, .55);
  line-height: 1.75;
  max-width: 270px;
  margin-bottom: 18px;
}

.prc-fsocial {
  display: flex;
  gap: 9px;
}

.prc-fsoc {
  width: 35px;
  height: 35px;
  border-radius: 9px;
  border: 1px solid rgba(255, 255, 255, .15);
  color: rgba(255, 255, 255, .65);
  display: grid;
  place-items: center;
  text-decoration: none;
  font-size: 13px;
  transition: background .2s, border-color .2s, color .2s;
}

.prc-fsoc:hover {
  background: rgba(255, 255, 255, .12);
  border-color: rgba(255, 255, 255, .35);
  color: #fff;
}

.prc-fcol h4 {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .38);
  margin-bottom: 16px;
}

.prc-fcol a {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, .62);
  text-decoration: none;
  margin-bottom: 9px;
  transition: color .2s, padding-left .2s;
}

.prc-fcol a:hover {
  color: #fff;
  padding-left: 4px;
}

.prc-fci {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin-bottom: 12px;
}

.prc-fci-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgba(255, 255, 255, .08);
  display: grid;
  place-items: center;
  font-size: 14px;
  flex-shrink: 0;
}

.prc-fci-t {
  font-size: 13px;
  color: rgba(255, 255, 255, .62);
  line-height: 1.55;
}

.prc-fci-t a {
  color: rgba(255, 255, 255, .62);
  text-decoration: none;
}

.prc-fci-t a:hover {
  color: #fff;
}

/* Subscribe */
.prc-fsub {
  max-width: 1240px;
  margin: 40px auto 0;
  padding: 24px 20px 0;
  border-top: 1px solid rgba(255, 255, 255, .08);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.prc-fsub p {
  font-size: 13.5px;
  color: rgba(255, 255, 255, .58);
}

.prc-fsub p strong {
  color: #fff;
}

.prc-fsub-form {
  display: flex;
  gap: 8px;
}

.prc-fsub-form input {
  padding: 9px 15px;
  border-radius: 8px;
  width: 210px;
  border: 1px solid rgba(255, 255, 255, .16);
  background: rgba(255, 255, 255, .08);
  color: #fff;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 13px;
  outline: none;
}

.prc-fsub-form input::placeholder {
  color: rgba(255, 255, 255, .35);
}

.prc-fsub-form input:focus {
  border-color: rgba(255, 255, 255, .38);
}

.prc-fsub-form button {
  padding: 9px 18px;
  background: #90CAF9;
  color: var(--prc-b1);
  border: none;
  border-radius: 8px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: opacity .2s;
}

.prc-fsub-form button:hover {
  opacity: .88;
}

/* Footer bar */
.prc-fbar {
  background: rgba(0, 0, 0, .22);
  margin-top: 40px;
  padding: 15px 20px;
  text-align: center;
  font-size: 12px;
  color: rgba(255, 255, 255, .36);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-wrap: wrap;
}

.prc-fbar a {
  color: rgba(255, 255, 255, .52);
  text-decoration: none;
}

.prc-fbar a:hover {
  color: #fff;
}

.prc-fbar-sep {
  opacity: .3;
}

/* ─── RESPONSIVE ─── */
@media(max-width:1060px) {
  .prc-hero-in {
    grid-template-columns: 1fr;
  }

  .prc-form-box {
    max-width: 520px;
  }

  .prc-what-cols {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .prc-footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }

  .prc-stats-in {
    grid-template-columns: repeat(2, 1fr);
  }

  .prc-activities-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media(max-width:768px) {
  .prc-nav-menu {
    display: none;
  }

  .prc-burger {
    display: flex;
  }

  .prc-reqs {
    grid-template-columns: 1fr;
  }

  .prc-fi-row {
    grid-template-columns: 1fr;
  }

  .prc-quick-stats {
    grid-template-columns: 1fr 1fr;
  }

  .prc-activities-grid {
    grid-template-columns: 1fr;
  }

  .prc-tl::before {
    left: 22px;
  }

  .prc-tl-circle {
    width: 46px;
    height: 46px;
    font-size: 17px;
  }

  .prc-footer-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media(max-width:520px) {
  .prc-hero {
    padding: 52px 0 0;
  }

  .prc-sec {
    padding: 56px 0;
  }

  .prc-activities-grid {
    grid-template-columns: 1fr;
  }

  .prc-footer-grid {
    grid-template-columns: 1fr;
  }

  .prc-stats-in {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }

  .prc-stat-v {
    font-size: 34px;
  }

  .prc-hero-h1 {
    font-size: 32px;
  }

  .prc-h2 {
    font-size: 26px;
  }

  .prc-quick-stats {
    grid-template-columns: 1fr;
  }

  .prc-tb-in {
    justify-content: center;
    gap: 12px;
  }

  .prc-tb-sep {
    display: none;
  }
}

/*=========fcra css start=========*/
.price-tag {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50px;
  padding: 10px 24px;
  backdrop-filter: blur(8px);
}

.price-tag .label {
  color: rgba(255, 255, 255, 0.75);
  font-size: 13px;
  font-weight: 500;
}

.price-tag .amount {
  font-family: 'Lexend', sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
}

.includes {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.includes .chip {
  display: flex;
  align-items: center;
  gap: 7px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 20px;
  padding: 5px 13px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.9);
}

.includes .chip::before {
  content: '✓';
  width: 16px;
  height: 16px;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
  flex-shrink: 0;
}

/* ── FORM CARD ──────────────────────────────────── */
/* .form-card {
    background: var(--white);
    border-radius: 20px 20px 0 0;
    padding: 28px 28px 0;
    box-shadow: 0 -8px 40px rgba(13,71,161,0.18);
    position: relative;
    z-index: 2;
  } */
/* .form-card h3 {
    font-family: 'Lexend', sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: var(--blue-mid);
    margin-bottom: 18px;
    text-align: center;
    border-bottom: 2px solid var(--blue-pale);
    padding-bottom: 14px;
  } */
/* .form-card select,
  .form-card input[type="text"],
  .form-card input[type="email"],
  .form-card input[type="tel"] {
    width: 100%;
    padding: 11px 14px;
    border: 1.5px solid var(--border);
    border-radius: 10px;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    color: var(--text-dark);
    background: var(--blue-xpale);
    margin-bottom: 12px;
    outline: none;
    transition: border-color .2s, box-shadow .2s;
    appearance: none;
  } */
.form-card select:focus,
.form-card input:focus {
  border-color: var(--blue-main);
  box-shadow: 0 0 0 3px rgba(30, 127, 232, 0.12);
  /* background: #fff; */
}

.form-card .btn-submit {
  width: 100%;
  padding: 13px;
  background: var(--grad);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-family: 'Lexend', sans-serif;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: opacity .2s, transform .15s;
  margin-top: 4px;
  margin-bottom: 20px;
  letter-spacing: 0.3px;
}

.form-card .btn-submit:hover {
  opacity: .9;
  transform: translateY(-1px);
}

/* ── MAIN CONTENT WRAPPER ──────────────────────── */
.main-wrap {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 24px 60px;
}

/* ── CONTENT LAYOUT ────────────────────────────── */
.content-body {
  padding-top: 52px;
}

/* ── SECTION TITLES ─────────────────────────────── */
.section-title {
  font-family: 'Lexend', sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: #0d47a1;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.section-title::before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 28px;
  background: linear-gradient(135deg, #1565c0 0%, #1e7fe8 60%, #42a5f5 100%);
  border-radius: 3px;
  flex-shrink: 0;
}

.section-subtitle {
  font-family: 'Lexend', sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: var(--blue-mid);
  margin: 28px 0 12px;
}

/* ── PROSE ──────────────────────────────────────── */
.prose {
  font-size: 15.5px;
  line-height: 1.8;
}

.prose+.prose {
  margin-top: 16px;
}

/* ── INFO CARD ──────────────────────────────────── */
.info-card {
  background: #f0f8ff;
  border: 1.5px solid #1e7fe8;
  border-left: 5px solid #1e7fe8;
  border-radius: 14px;
  padding: 22px 24px;
  margin: 24px 0;
  color: var(--text-mid);
}

/* ── TABLES ─────────────────────────────────────── */
.tables-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin: 28px 0;
}

.table-block {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px var(--shadow);
  border: 1.5px solid var(--border);
}

.table-block .table-head {
  background: linear-gradient(135deg, #1565c0 0%, #1e7fe8 60%, #42a5f5 100%);
  color: #fff;
  font-family: 'Lexend', sans-serif;
  font-size: 15px;
  font-weight: 600;
  padding: 14px 20px;
  text-align: center;
}

.table-block .table-head.allowed {
  background: linear-gradient(135deg, #1565c0, #42a5f5);
}

.table-block ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

.table-block ol li {
  padding: 11px 20px;
  border-bottom: 1px solid var(--border);
  font-size: 14.5px;
  color: var(--text-mid);
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #fff;
  transition: background .15s;
}

.table-block ol li:hover {
  background: var(--blue-xpale);
}

.table-block ol li:last-child {
  border-bottom: none;
}

.table-block ol li::before {
  content: attr(data-n);
  min-width: 24px;
  height: 24px;
  background: #e3f2fd;
  color: #1565c0;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 1px;
  font-family: 'Lexend', sans-serif;
}

/* ── ACTS LIST ──────────────────────────────────── */
.acts-list {
  list-style: none;
  margin: 16px 0 28px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.acts-list li {
  background: #f0f8ff;
  border: 1.5px solid #c9dff7;
  border-radius: 10px;
  padding: 13px 18px;
  font-size: 14.5px;
  color: #3a4a6b;
  display: flex;
  align-items: center;
  gap: 10px;
}

.acts-list li::before {
  content: '⚖';
  font-size: 16px;
  flex-shrink: 0;
}

/* ── PROCEDURE STEPS ────────────────────────────── */
.steps-wrap {
  margin: 28px 0;
}

.step-card {
  display: flex;
  gap: 0;
  margin-bottom: 20px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 18px var(--shadow);
  border: 1.5px solid var(--border);
  background: #fff;
  animation: fadeUp .4s ease both;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(14px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.step-card:nth-child(1) {
  animation-delay: .05s;
}

.step-card:nth-child(2) {
  animation-delay: .1s;
}

.step-card:nth-child(3) {
  animation-delay: .15s;
}

.step-card:nth-child(4) {
  animation-delay: .2s;
}

.step-card:nth-child(5) {
  animation-delay: .25s;
}

.step-num-1 {
  background: linear-gradient(135deg, #1565c0 0%, #1e7fe8 60%, #42a5f5 100%);
  color: #fff;
  font-family: 'Lexend', sans-serif;
  font-size: 22px;
  font-weight: 700;
  width: 72px;
  min-width: 72px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px 8px;
  gap: 4px;
  line-height: 1.1;
}

.step-num .step-label {
  font-size: 9px;
  font-weight: 500;
  opacity: .75;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.step-body {
  padding: 20px 24px;
  flex: 1;
}

.step-body h4 {
  font-family: 'Lexend', sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: var(--blue-dark);
  margin-bottom: 8px;
}

.step-body p {
  color: var(--text-mid);
  font-size: 14.5px;
  line-height: 1.75;
}

.step-body .docs-list {
  list-style: none;
  margin-top: 12px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.step-body .docs-list li {
  background: var(--blue-xpale);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 13.5px;
  color: var(--text-mid);
  display: flex;
  align-items: flex-start;
  gap: 7px;
}

.step-body .docs-list li::before {
  content: '📄';
  font-size: 13px;
  flex-shrink: 0;
  margin-top: 1px;
}

.highlight-link {
  color: var(--blue-main);
  font-weight: 600;
  text-decoration: none;
  word-break: break-all;
}

.highlight-link:hover {
  text-decoration: underline;
}

/* ── COMPLIANCE SECTION ────────────────────────── */
.compliance-cards {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  margin: 28px 0;
}

.comp-card {
  background: var(--white);
  border: 1.5px solid var(--border);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 18px var(--shadow);
  transition: transform .2s, box-shadow .2s;
}

.comp-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 30px rgba(30, 127, 232, 0.16);
}

.comp-card-head {
  background: linear-gradient(135deg, #1565c0 0%, #1e7fe8 60%, #42a5f5 100% 100%);
  padding: 16px 20px;
  color: #fff;
  font-family: 'Lexend', sans-serif;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
}

.comp-card-head .icon {
  width: 32px;
  height: 32px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-shrink: 0;
}

.comp-card-body {
  padding: 18px 20px;
  font-size: 14px;
  color: var(--text-mid);
  line-height: 1.75;
}

/* ── INLINE LIST ────────────────────────────────── */
.inline-list {
  list-style: none;
  margin: 12px 0 0;
}

.inline-list li {
  padding: 8px 0;
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 14.5px;
  color: var(--text-mid);
}

.inline-list li:last-child {
  border-bottom: none;
}

.inline-list li::before {
  content: '→';
  color: #1e7fe8;
  font-weight: 700;
  flex-shrink: 0;
  margin-top: 1px;
}

/* ── HIGHLIGHT BOX ──────────────────────────────── */
.highlight-box {
  background: var(--grad);
  border-radius: 14px;
  padding: 18px 24px;
  color: #fff;
  font-size: 15px;
  margin: 16px 0;
}

.highlight-box strong {
  font-family: 'Lexend', sans-serif;
}

/* ── DIVIDER ────────────────────────────────────── */
.divider {
  height: 1.5px;
  background: linear-gradient(to right, transparent, var(--border), transparent);
  margin: 40px 0;
}

/* ── RESPONSIVE ─────────────────────────────────── */
@media (max-width: 900px) {
  .intro-inner {
    grid-template-columns: 1fr;
  }

  .form-card {
    border-radius: 20px;
    margin: 0 0 32px;
  }

  .tables-grid {
    grid-template-columns: 1fr;
  }

  .compliance-cards {
    grid-template-columns: 1fr;
  }

  .acts-list {
    grid-template-columns: 1fr;
  }

  .step-body .docs-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .page-intro {
    padding: 36px 0 0;
  }

  .intro-inner {
    padding: 0 16px;
  }

  .main-wrap {
    padding: 0 16px 40px;
  }

  .intro-text {
    padding-bottom: 28px;
  }

  .step-card {
    flex-direction: column;
  }

  .step-num {
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    padding: 14px 20px;
    gap: 10px;
  }

  .step-num .step-label {
    font-size: 11px;
  }
}

/*=========fcra css end=========*/
/*-----------income return css staer----------*/
/* ─── PAGE INTRO ──────────────────────────────── */

.price-tag {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50px;
  padding: 10px 24px;
  backdrop-filter: blur(8px);
}

.price-tag .label {
  color: rgba(255, 255, 255, 0.75);
  font-size: 13px;
  font-weight: 500;
}

.price-tag .amount {
  font-family: 'Lexend', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  line-height: 1.3;
}

.includes {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.includes .chip {
  display: flex;
  align-items: center;
  gap: 7px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 20px;
  padding: 5px 13px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.9);
}

.includes .chip::before {
  content: '✓';
  width: 16px;
  height: 16px;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
  flex-shrink: 0;
}

/* ─── MAIN WRAP ──────────────────────────────── */
.main-wrap {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 24px 70px;
}

.content-body {
  padding-top: 52px;
}

/* ─── SECTION TITLES ─────────────────────────── */
.section-title {
  font-family: 'Lexend', sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: var(--blue-dark);
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.section-title::before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 28px;
  background: linear-gradient(135deg, #1565c0 0%, #1e7fe8 60%, #42a5f5 100%);
  border-radius: 3px;
  flex-shrink: 0;
}

/* ─── PROSE ──────────────────────────────────── */
.prose {
  font-size: 15.5px;
  line-height: 1.8;
}

.prose+.prose {
  margin-top: 14px;
}

/* ─── INFO CARD ──────────────────────────────── */
.info-card {
  background: var(--blue-xpale);
  border: 1.5px solid #1e7fe8;
  border-left: 5px solid #1e7fe8;
  border-radius: 14px;
  padding: 20px 24px;
  margin: 22px 0;
  color: var(--text-mid);
  font-size: 15px;
  line-height: 1.8;
}

/* ─── DIVIDER ─────────────────────────────────── */
.divider {
  height: 1.5px;
  background: linear-gradient(to right, transparent, var(--border), transparent);
  margin: 44px 0;
}

/* ─── SERVICES GRID ──────────────────────────── */
.services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin: 28px 0;
}

.svc-card {
  background: var(--white);
  border: 1.5px solid var(--border);
  border-radius: 16px;
  padding: 22px 20px;
  box-shadow: 0 4px 18px var(--shadow);
  transition: transform .2s, box-shadow .2s;
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.svc-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 28px rgba(30, 127, 232, 0.16);
}

.svc-icon {
  width: 44px;
  height: 44px;
  background: linear-gradient(135deg, #1565c0 0%, #1e7fe8 60%, #42a5f5 100%);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
}

.svc-text h4 {
  font-family: 'Lexend', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #0d47a1;
  line-height: 1.4;
}

/* ─── SCROLLABLE TABLE WRAPPER ───────────────── */
.table-scroll-f {
  overflow-x: auto;
  margin: 28px 0;
  border-radius: 16px;
  box-shadow: 0 4px 24px var(--shadow);
  border: 1.5px solid var(--border);
}

.styled-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 700px;
}

.styled-table thead tr {
  background: linear-gradient(135deg, #1565c0 0%, #1e7fe8 60%, #42a5f5 100%);
  color: #fff;
}

.styled-table thead th {
  font-family: 'Lexend', sans-serif;
  font-size: 13px;
  font-weight: 600;
  padding: 14px 16px;
  text-align: left;
  letter-spacing: 0.3px;
  white-space: nowrap;
}

.styled-table tbody tr {
  background: #fff;
  transition: background .15s;
}

.styled-table tbody tr:nth-child(even) {
  background: var(--blue-xpale);
}

.styled-table tbody tr:hover {
  background: #e3f2fd;
}

.styled-table tbody td {
  padding: 13px 16px;
  font-size: 13.5px;
  color: var(--text-mid);
  border-bottom: 1px solid var(--border);
  vertical-align: top;
  line-height: 1.7;
}

.styled-table tbody tr:last-child td {
  border-bottom: none;
}

.styled-table .bold-label {
  font-weight: 600;
  color: var(--blue-dark);
  font-size: 13px;
}

/* ─── PENALTY BOX ────────────────────────────── */
.penalty-box {
  background: #fff0f0;
  border: 1.5px solid #ffcdd2;
  border-left: 5px solid #e53935;
  border-radius: 12px;
  padding: 16px 20px;
  color: #b71c1c;
  font-size: 13.5px;
  line-height: 1.75;
}

/* ─── TAX SLAB SECTION ───────────────────────── */
.slab-section {
  margin: 28px 0;
}

.slab-heading {
  font-family: 'Lexend', sans-serif;
  font-size: 17px;
  font-weight: 600;
  color: #1565c0;
  margin: 32px 0 14px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.slab-heading::before {
  content: '';
  width: 4px;
  height: 22px;
  background: #42a5f5;
  border-radius: 2px;
  flex-shrink: 0;
}

.slab-label {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-mid);
  margin: 18px 0 10px;
}

.slab-table-wrap {
  border-radius: 14px;
  overflow: hidden;
  border: 1.5px solid var(--border);
  box-shadow: 0 3px 14px var(--shadow);
  margin-bottom: 16px;
}

.slab-table {
  width: 100%;
  border-collapse: collapse;
}

.slab-table thead tr {
  background: linear-gradient(135deg, #1565c0 0%, #1e7fe8 60%, #42a5f5 100%);
}

.slab-table thead th {
  font-family: 'Lexend', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  padding: 12px 20px;
  text-align: left;
}

.slab-table tbody tr {
  background: #fff;
}

.slab-table tbody tr:nth-child(even) {
  background: var(--blue-xpale);
}

.slab-table tbody tr:hover {
  background: var(--blue-pale);
}

.slab-table tbody td {
  padding: 11px 20px;
  font-size: 14px;
  color: var(--text-mid);
  border-bottom: 1px solid var(--border);
}

.slab-table tbody tr:last-child td {
  border-bottom: none;
}

.slab-table .rate-badge {
  display: inline-block;
  background: var(--blue-pale);
  color: var(--blue-dark);
  font-family: 'Lexend', sans-serif;
  font-weight: 700;
  font-size: 13px;
  padding: 3px 12px;
  border-radius: 20px;
}

.slab-table .nil-badge {
  display: inline-block;
  background: var(--green-soft);
  color: var(--green-text);
  font-family: 'Lexend', sans-serif;
  font-weight: 700;
  font-size: 13px;
  padding: 3px 12px;
  border-radius: 20px;
  border: 1px solid var(--green-border);
}

/* ─── NOTE BOX ───────────────────────────────── */
.note-box {
  background: var(--blue-xpale);
  border: 1.5px solid var(--border);
  border-radius: 12px;
  padding: 16px 20px;
  font-size: 14px;
  color: var(--text-mid);
  margin: 16px 0;
  line-height: 1.8;
}

.note-box strong {
  color: var(--blue-dark);
  font-family: 'Lexend', sans-serif;
}

/* ─── OTHERS TABLE ───────────────────────────── */
.others-table-scroll {
  overflow-x: auto;
  margin: 20px 0;
  border-radius: 16px;
  box-shadow: 0 4px 24px var(--shadow);
  border: 1.5px solid var(--border);
}

.others-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 700px;
}

.others-table thead tr {
  background: linear-gradient(135deg, #1565c0 0%, #1e7fe8 60%, #42a5f5 100%)
}

.others-table thead th {
  font-family: 'Lexend', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  padding: 14px 16px;
  text-align: left;
  white-space: nowrap;
}

.others-table tbody tr {
  background: #fff;
}

.others-table tbody tr:nth-child(even) {
  background: var(--blue-xpale);
}

.others-table tbody tr:hover {
  background: #e3f2fd;
}

.others-table tbody td {
  padding: 12px 16px;
  font-size: 13.5px;
  color: var(--text-mid);
  border-bottom: 1px solid var(--border);
  vertical-align: top;
  line-height: 1.7;
}

.others-table tbody tr:last-child td {
  border-bottom: none;
}

.others-table .entity-name {
  font-family: 'Lexend', sans-serif;
  font-weight: 600;
  color: #0d47a1;
  font-size: 13px;
}

.rate-pill {
  display: inline-block;
  background: #e3f2fd;
  color: #0d47a1;
  font-family: 'Lexend', sans-serif;
  font-weight: 700;
  font-size: 13px;
  padding: 2px 10px;
  border-radius: 20px;
  white-space: nowrap;
}

/* ─── ANIMATIONS ─────────────────────────────── */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(14px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.svc-card {
  animation: fadeUp .4s ease both;
}

.svc-card:nth-child(1) {
  animation-delay: .05s;
}

.svc-card:nth-child(2) {
  animation-delay: .10s;
}

.svc-card:nth-child(3) {
  animation-delay: .15s;
}

.svc-card:nth-child(4) {
  animation-delay: .20s;
}

.svc-card:nth-child(5) {
  animation-delay: .25s;
}

/*---------e filing tax form start--------*/
/* ──────────────────────────────────────────
     INTRO PROSE (above section 1)
  ────────────────────────────────────────── */
.intro-block {
  background: #ffffff;
  border: 1.5px solid #c9dff7;
  border-left: 6px solid #1e7fe8;
  border-radius: 16px;
  padding: 28px 32px;
  margin-bottom: 52px;
  box-shadow: 0 4px 20px var(--shadow);
}

.intro-block p {
  color: var(--text-mid);
  font-size: 15px;
  line-height: 1.85;
}

.intro-block p+p {
  margin-top: 12px;
}

.intro-block a {
  color: var(--blue-main);
  font-weight: 600;
  text-decoration: none;
}

.intro-block a:hover {
  text-decoration: underline;
}

/* ──────────────────────────────────────────
     SECTION HEADER
  ────────────────────────────────────────── */
.section-header {
  display: flex;
  align-items: center;
  gap: 0;
  margin-bottom: 28px;
}

.section-header-bar {
  width: 6px;
  height: 44px;
  background: linear-gradient(135deg, #0d47a1 0%, #1e7fe8 60%, #42a5f5 100%);
  border-radius: 4px;
  margin-right: 16px;
  flex-shrink: 0;
}

.section-header-text h2 {
  font-family: 'Lexend', sans-serif;
  font-size: clamp(17px, 2.5vw, 21px);
  font-weight: 700;
  color: #0d47a1;
  line-height: 1.3;
}

.section-header-text p {
  font-size: 13.5px;
  color: var(--text-light);
  margin-top: 3px;
}

/* ──────────────────────────────────────────
     SECTION 1 — COMMON FORMS TABLE
  ────────────────────────────────────────── */
.table-section {
  margin-bottom: 72px;
}

.table-scroll {
  overflow-x: auto;
  border-radius: 18px;
  box-shadow: 0 6px 32px rgba(30, 127, 232, 0.13);
  border: 1.5px solid var(--border);
  background: var(--white);
}

.forms-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 860px;
}

/* head */
.forms-table thead tr {
  background: linear-gradient(135deg, #0d47a1 0%, #1e7fe8 60%, #42a5f5 100%);
}

.forms-table thead th {
  font-family: 'Lexend', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  padding: 15px 18px;
  text-align: left;
  letter-spacing: 0.3px;
  white-space: nowrap;
}

.forms-table thead th:first-child {
  border-radius: 0;
  width: 52px;
  text-align: center;
}

/* body rows */
.forms-table tbody tr {
  background: #fff;
  transition: background .15s;
}

.forms-table tbody tr:nth-child(even) {
  background: var(--blue-xpale);
}

.forms-table tbody tr:hover {
  background: #e3f2fd;
}

.forms-table tbody td {
  padding: 14px 18px;
  font-size: 13.5px;
  color: var(--text-mid);
  border-bottom: 1px solid var(--border);
  vertical-align: top;
  line-height: 1.75;
}

.forms-table tbody tr:last-child td {
  border-bottom: none;
}

/* serial no column */
.forms-table .sno {
  text-align: center;
  font-family: 'Lexend', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--blue-mid);
  width: 52px;
}

/* form name badge */
.form-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: linear-gradient(135deg, #0d47a1 0%, #1e7fe8 60%, #42a5f5 100%);
  color: #fff;
  font-family: 'Lexend', sans-serif;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 20px;
  white-space: nowrap;
  letter-spacing: 0.2px;
}

/* due date pill */
.due-pill {
  display: inline-block;
  background: #e3f2fd;
  color: #0d47a1;
  font-family: 'Lexend', sans-serif;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 20px;
  border: 1px solid var(--border);
  line-height: 1.5;
}

/* consequence badge */
.consequence-cell {
  font-size: 13px;
  color: #c62828;
  background: #fff5f5;
  border-radius: 8px;
  padding: 8px 12px;
  border: 1px solid #ffcdd2;
  line-height: 1.7;
}

/* ──────────────────────────────────────────
     SECTION 2 — OTHER FORMS GRID
  ────────────────────────────────────────── */

/* ──────────────────────────────────────────
     DIVIDER
  ────────────────────────────────────────── */
.divider {
  height: 2px;
  background: linear-gradient(to right, transparent, var(--border), transparent);
  margin: 52px 0;
}

/* ──────────────────────────────────────────
     COUNT BADGE
  ────────────────────────────────────────── */
.count-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--blue-pale);
  color: var(--blue-dark);
  font-family: 'Lexend', sans-serif;
  font-size: 12.5px;
  font-weight: 700;
  padding: 4px 14px;
  border-radius: 20px;
  border: 1.5px solid var(--border);
  margin-left: 12px;
  vertical-align: middle;
}

/* ──────────────────────────────────────────
     ANIMATIONS
  ────────────────────────────────────────── */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(16px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.form-card {
  animation: fadeUp .35s ease both;
}

.form-card:nth-child(1) {
  animation-delay: .03s;
}

.form-card:nth-child(2) {
  animation-delay: .06s;
}

.form-card:nth-child(3) {
  animation-delay: .09s;
}

.form-card:nth-child(4) {
  animation-delay: .12s;
}

.form-card:nth-child(5) {
  animation-delay: .15s;
}

.form-card:nth-child(6) {
  animation-delay: .18s;
}

.form-card:nth-child(7) {
  animation-delay: .21s;
}

.form-card:nth-child(8) {
  animation-delay: .24s;
}

.form-card:nth-child(9) {
  animation-delay: .27s;
}

.form-card:nth-child(10) {
  animation-delay: .30s;
}

.form-card:nth-child(11) {
  animation-delay: .33s;
}

.form-card:nth-child(12) {
  animation-delay: .36s;
}

.page-wrap-form {
  max-width: 1160px;
  margin: 0 auto;
  padding: 60px 24px 80px;
}

.prc-reqs-1 .prc-req {
  margin-bottom: 7px;
}

/*=========gst cancellation css start========*/
.stage {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}

.root-wrap {
  opacity: 0;
  transform: translateY(-20px);
  animation: fadeDown 0.75s cubic-bezier(0.22, 1, 0.36, 1) 0.3s forwards;
}

.root-box {
  position: relative;
  padding: 18px 52px;
  background: linear-gradient(135deg, var(--b700), var(--b500));
  border: 1.5px solid #1d85de;
  border-radius: 3px;
  box-shadow: 0 0 48px rgba(201, 168, 76, 0.18), 0 12px 40px rgba(0, 0, 0, 0.55);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.root-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 0 72px rgba(201, 168, 76, 0.30), 0 20px 56px rgba(0, 0, 0, 0.65);
}

.root-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(105deg, transparent, rgba(255, 255, 255, 0.07), transparent);
  transform: skewX(-20deg);
  animation: sweep 3.5s ease 1.5s infinite;
}

.root-box::after {
  content: '';
  position: absolute;
  inset: -7px;
  border: 1px solid #C9A84C;
  border-radius: 5px;
  opacity: 0;
  animation: pulse 2.8s ease-out 1.2s infinite;
}

.root-text {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 3.5px;
  text-transform: uppercase;
  color: #fff;
  white-space: nowrap;
}

.connector {
  display: block;
  overflow: visible;
  opacity: 0;
  animation: fadeIn 0.4s ease 0.9s forwards;
}

.ln {
  stroke: #88898b;
  stroke-width: 1.5;
  stroke-linecap: round;
  fill: none;
  /* stroke-dasharray: 200; */
  stroke-dashoffset: 200;
}

.ln1 {
  animation: draw 0.5s ease 1.0s forwards;
}

.ln2 {
  animation: draw 0.5s ease 1.2s forwards;
}

.ln3 {
  animation: draw 0.4s ease 1.4s forwards;
}

.ln4 {
  animation: draw 0.4s ease 1.4s forwards;
}

.arrow-head {
  fill: #88898b;
  opacity: 0;
  animation: fadeIn 0.3s ease 1.65s forwards;
}

.branches-gst {
  display: flex;
  gap: 32px;
  justify-content: center;
  align-items: flex-start;
}

.card {
  opacity: 0;
  transform: translateY(32px);
}

.card.left {
  animation: rise 0.75s cubic-bezier(0.22, 1, 0.36, 1) 1.7s forwards;
}

.card.right {
  animation: rise 0.75s cubic-bezier(0.22, 1, 0.36, 1) 1.9s forwards;
}

.card-box {
  position: relative;
  padding: 20px 20px;
  background: linear-gradient(135deg, var(--b700), var(--b500));
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 4px;
  text-align: center;
  overflow: hidden;
  box-shadow: 0 6px 32px rgba(0, 0, 0, 0.45);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  height: auto;
  min-height: 100px;
}

.card-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 14px 48px rgba(0, 0, 0, 0.55), 0 0 0 3px rgba(67, 160, 71, 0.30);
}

.card-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 55%;
  height: 100%;
  background: linear-gradient(105deg, transparent, rgba(255, 255, 255, 0.10), transparent);
  transform: skewX(-20deg);
  transition: left 0.55s ease;
}

.card-box:hover::before {
  left: 140%;
}

.card-text {
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
  line-height: 1.65;
}

@keyframes fadeDown {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

@keyframes rise {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes pulse {
  0% {
    opacity: 0.65;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(1.22);
  }
}

@keyframes sweep {
  0% {
    left: -100%;
  }

  50% {
    left: 140%;
  }

  100% {
    left: 140%;
  }
}

@media (max-width: 580px) {
  .branches {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }

  .card-box {
    max-width: 260px;
  }
}

.gst-box-align {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

/*===========GST refund css start============*/
/* ── WRAPPER ── */
.wrap-gst-refund {
  max-width: 1060px;
  margin: 0 auto;
  padding: 56px 24px 10px;
}

/* ── PAGE TITLE ── */
.page-title-block {
  margin-bottom: 48px;
  opacity: 0;
  transform: translateY(18px);
  animation: fadeUp .7s cubic-bezier(.22, 1, .36, 1) .1s forwards;
}

.page-title-block .eyebrow {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--b500);
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.page-title-block .eyebrow::before {
  content: '';
  width: 28px;
  height: 2px;
  background: var(--b500);
  border-radius: 2px;
  flex-shrink: 0;
}

.page-title-block h1 {
  font-size: clamp(28px, 4.5vw, 46px);
  font-weight: 700;
  color: var(--b700);
  line-height: 1.15;
  letter-spacing: -.5px;
}

.title-bar {
  width: 56px;
  height: 4px;
  margin-top: 14px;
  border-radius: 3px;
  background: linear-gradient(90deg, var(--b500), var(--b400));
}

/* ── TOC PILLS ── */
.toc {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 48px;
  opacity: 0;
  transform: translateY(14px);
  animation: fadeUp .7s cubic-bezier(.22, 1, .36, 1) .25s forwards;
}

.toc a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 18px;
  border-radius: 40px;
  border: 1.5px solid var(--b400);
  background: var(--white);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .4px;
  color: var(--b700);
  text-decoration: none;
  transition: all .28s ease;
  box-shadow: 0 2px 8px rgba(33, 150, 243, .07);
}

.toc a .num {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--b600);
  color: #fff;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.toc a:hover {
  background: var(--b600);
  color: #fff;
  border-color: var(--b600);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(21, 101, 192, .25);
}

.toc a:hover .num {
  background: rgba(255, 255, 255, .25);
}

/* ── SECTION ── */


/* section heading */
.section-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}

.section-head .icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  flex-shrink: 0;
  background: linear-gradient(135deg, var(--b600), var(--b400));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  box-shadow: 0 4px 14px rgba(33, 150, 243, .30);
}

.section-head h2 {
  font-size: clamp(18px, 2.5vw, 24px);
  font-weight: 700;
  color: var(--b900);
  letter-spacing: -.3px;
}

/* ── INTRO CARD ── */
.intro-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-left: 4px solid var(--b500);
  border-radius: 12px;
  padding: 28px 32px;
  box-shadow: var(--shadow);
  font-size: 15px;
  color: var(--ink2);
  line-height: 1.8;
  margin-bottom: 28px;
}

/* ── NUMBERED LIST ── */
.num-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.num-list li {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 16px 20px;
  box-shadow: 0 1px 8px rgba(33, 150, 243, .06);
  transition: transform .25s ease, box-shadow .25s ease;
}

.num-list li:hover {
  transform: translateX(4px);
  box-shadow: 0 4px 20px rgba(21, 101, 192, .13);
}

.num-list li .n {
  min-width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--b600), var(--b400));
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}

.num-list li span {
  font-size: 14px;
  color: var(--ink2);
  line-height: 1.7;
}

/* ── ELIGIBILITY GRID ── */
.elig-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px
}

@media(max-width:620px) {
  .elig-grid {
    grid-template-columns: 1fr
  }
}

.elig-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: var(--shadow);
}

.elig-card-head {
  padding: 14px 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.elig-card.yes .elig-card-head {
  background: linear-gradient(90deg, #e8f5e9, #f0fff0);
  color: #2e7d32;
  border-bottom: 1px solid #c8e6c9;
}

.elig-card.no .elig-card-head {
  background: linear-gradient(90deg, #ffebee, #fff5f5);
  color: #c62828;
  border-bottom: 1px solid #ffcdd2;
}

.elig-card-head .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.elig-card.yes .dot {
  background: #43a047;
}

.elig-card.no .dot {
  background: #e53935;
}

.elig-card-body {
  padding: 18px 20px;
}

.elig-card-body ol {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.elig-card-body ol li {
  font-size: 13.5px;
  color: var(--ink2);
  line-height: 1.65;
  padding-left: 16px;
  position: relative;
}

.elig-card-body ol li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 9px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.elig-card.yes .elig-card-body ol li::before {
  background: #43a047;
}

.elig-card.no .elig-card-body ol li::before {
  background: #e53935;
}

/* ── PERIOD TABLE ── */
.period-note {
  background: linear-gradient(90deg, var(--b50), #fff);
  border: 1px solid var(--border);
  border-left: 4px solid var(--b400);
  border-radius: 10px;
  padding: 14px 20px;
  margin-bottom: 20px;
  font-size: 14px;
  color: var(--ink2);
}

.period-note strong {
  color: var(--b700);
}

.tbl-wrap {
  overflow-x: auto;
  border-radius: 12px;
  box-shadow: var(--shadow);
}

table {
  width: 100%;
  border-collapse: collapse;
  background: var(--white);
}

thead tr {
  background: linear-gradient(90deg, var(--b700), var(--b500));
}

thead th {
  padding: 14px 20px;
  text-align: left;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #fff;
  white-space: nowrap;
}

tbody tr {
  border-bottom: 1px solid var(--border);
  transition: background .2s;
}

tbody tr:last-child {
  border-bottom: none;
}

tbody tr:hover {
  background: var(--b50);
}

tbody td {
  padding: 15px 20px;
  font-size: 13.5px;
  color: var(--ink2);
  line-height: 1.65;
  vertical-align: top;
}

tbody td:first-child {
  font-weight: 500;
  color: var(--b700);
  white-space: nowrap;
}

/* ── STEPS TABLE ── */
.steps-list {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.step-row {
  display: grid;
  grid-template-columns: 56px 1fr;
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 0;
  margin-bottom: -1px;
  transition: all .25s ease;
  overflow: hidden;
}

.step-row:first-child {
  border-radius: 12px 12px 0 0;
}

.step-row:last-child {
  border-radius: 0 0 12px 12px;
  margin-bottom: 0;
}

.step-row:hover {
  z-index: 1;
  box-shadow: 0 4px 20px rgba(21, 101, 192, .14);
  transform: scale(1.005);
}

.step-num-refund {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, var(--b600), var(--b900));
  font-family: 'Libre Baskerville', serif;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
}

.step-body {
  padding: 18px 22px;
  font-size: 13.5px;
  color: var(--ink2);
  line-height: 1.75;
}

.step-body strong {
  color: var(--b700);
}

.step-body .tag {
  display: inline-block;
  padding: 2px 9px;
  border-radius: 20px;
  background: var(--b100);
  color: var(--b700);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .5px;
  margin: 0 3px 3px 0;
}

.step-body .note {
  display: inline-block;
  margin-top: 8px;
  padding: 8px 14px;
  border-radius: 8px;
  background: #fff8e1;
  border-left: 3px solid #f9a825;
  font-size: 12.5px;
  color: #5d4037;
  line-height: 1.6;
}

.step-body .highlight {
  display: inline;
  background: linear-gradient(transparent 50%, rgba(33, 150, 243, .18) 50%);
  font-weight: 600;
  color: var(--b900);
}

/* ── ANIMATIONS ── */
@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0)
  }
}

/* ── RESPONSIVE ── */
@media(max-width:700px) {
  .wrap {
    padding: 36px 16px 60px
  }

  .intro-card {
    padding: 20px 18px
  }

  tbody td:first-child {
    white-space: normal
  }

  .step-row {
    grid-template-columns: 44px 1fr
  }
}

/*-----------GST revision css start-----------*/
.hw {
  padding: 44px 20px 52px;
  font-family: var(--font-sans);
}

.ht {
  text-align: center;
  margin-bottom: 48px;
}

.ht .tbar {
  width: 52px;
  height: 3px;
  margin: 0 auto;
  border-radius: 2px;
  background: linear-gradient(90deg, #59a9ff, #1d84e0);
}

.hf {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-x: auto;
  padding: 8px 0 20px;
  -webkit-overflow-scrolling: touch;
}

.hf::-webkit-scrollbar {
  height: 4px;
}

.hf::-webkit-scrollbar-thumb {
  background: var(--color-border-secondary);
  border-radius: 2px;
}

.hn {
  opacity: 0;
  transform: translateY(22px);
  animation: hrise .65s cubic-bezier(.22, 1, .36, 1) forwards;
  flex-shrink: 0;
}

.hb {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 170px;
  min-height: 90px;
  padding: 12px 10px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: #fff;
  line-height: 1.55;
  cursor: default;
  transition: transform .3s ease, filter .3s ease;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.hb::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0);
  transition: background .3s;
  pointer-events: none;
}

.hb:hover {
  transform: translateY(-5px);
  filter: brightness(1.08);
}

.hb:hover::after {
  background: rgba(255, 255, 255, .08);
}

.c1 {
  background: #3b93e7;
  box-shadow: 0 4px 16px rgb(164 206 249);
}

.c2 {
  background: #2d90f3;
  box-shadow: 0 4px 16px rgb(73 155 237 / 53%);
}

.c3 {
  background: #196db9;
  box-shadow: 0 4px 16px rgb(25 109 185 / 26%);
}

.c4 {
  background: #135797;
  box-shadow: 0 4px 16px rgb(19 87 151 / 39%);
}

.c5 {
  background: #103d66;
  box-shadow: 0 4px 18px rgb(16 61 102 / 51%);
}

/* Supreme Court glow ring */
.c5 {
  outline: 2px solid rgba(0, 105, 92, .30);
  outline-offset: 3px;
}

.ha {
  flex-shrink: 0;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ha svg {
  overflow: visible;
  display: block;
}

@keyframes hrise {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes adraw {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes afade {
  to {
    opacity: 1;
  }
}

/* Level badge under each node */
.lv {
  text-align: center;
  margin-top: 8px;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: .8px;
  text-transform: uppercase;
  color: var(--color-text-tertiary);
  opacity: 0;
  animation: afade .4s ease forwards;
}

p.wid-add {
  max-width: 100%;
}

/*===========GST cRedit css start=============*/
.itc-wrap {
  padding: 44px 24px 52px;
  font-family: var(--font-sans);
}

/* Title */
.itc-heading {
  font-size: 23px;
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 48px;
  display: inline-block;
  position: relative;
  padding-bottom: 8px;
}

.itc-heading::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2.5px;
  border-radius: 2px;
  width: 0;
  background: linear-gradient(90deg, #1565C0, #42A5F5);
  animation: barGrow .9s cubic-bezier(.22, 1, .36, 1) .4s forwards;
}

@keyframes barGrow {
  to {
    width: 100%;
  }
}

/* Flow row */
.itc-flow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 41px;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding: 8px 4px 12px;
}

/* Each block: label + hex */
.itc-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  opacity: 0;
  transform: translateY(28px) scale(.94);
  animation: blockIn .75s cubic-bezier(.22, 1, .36, 1) forwards;
}

.itc-label {
  font-size: 12px;
  font-weight: 400;
  color: var(--color-text-secondary);
  text-align: center;
  line-height: 1.55;
  max-width: 130px;
}

/* Hexagon outer (border layer) */
.hex-outer {
  width: 148px;
  height: 128px;
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .35s ease, filter .35s ease;
  cursor: default;
}

.hex-outer:hover {
  transform: translateY(-6px) scale(1.04);
  filter: brightness(1.05);
}

.hex-inner {
  width: 136px;
  height: 118px;
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* Dark mode: inner fill adapts */
@media(prefers-color-scheme:dark) {
  .hex-inner {
    background: #1e293b;
  }
}

.hex-inr {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .5px;
  color: #1565C0;
  line-height: 1.1;
}

.hex-val {
  font-size: 22px;
  font-weight: 700;
  color: #0d47a1;
  line-height: 1.1;
}

/* Gradient variants */
.hg1 {
  background: linear-gradient(135deg, #0d47a1, #1976D2, #42A5F5);
}

.hg2 {
  background: linear-gradient(135deg, #1565C0, #2196F3, #64B5F6);
}

.hg3 {
  background: linear-gradient(135deg, #0d47a1, #1565C0, #2196F3);
}

/* Result hex: filled */
.hex-inner.filled {
  background: linear-gradient(135deg, #1565C0, #1976D2);
}

.hex-inner.filled .hex-inr,
.hex-inner.filled .hex-val {
  color: #fff;
}

/* Operator */
.itc-op {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: 16px;
  opacity: 0;
  animation: opIn .4s ease forwards;
}

.op-sym {
  font-size: 22px;
  font-weight: 300;
  color: var(--color-text-secondary);
  line-height: 1;
}

.op-sym.eq {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.op-sym.eq span {
  display: block;
  width: 28px;
  height: 2.5px;
  background: linear-gradient(90deg, #1565C0, #42A5F5);
  border-radius: 2px;
}

@keyframes blockIn {
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes opIn {
  to {
    opacity: 1;
  }
}

/*-----------fhjgjh-----------*/
/* Card */
.gst-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 30px;
  text-align: center;
  transition: 0.4s;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.gst-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

/* Hexagon */
.hex {
  width: 110px;
  height: 120px;
  background: linear-gradient(135deg, #0d6efd, #1e3c72);
  clip-path: polygon(50% 0%, 93% 25%, 93% 75%,
      50% 100%, 7% 75%, 7% 25%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px auto;
  color: #fff;
  font-weight: 600;
  transition: 0.3s;
}

.hex:hover {
  transform: scale(1.08);
}

/* Subtitle */
.small-text {
  font-size: 14px;
  opacity: 0.7;
}

/* Animation */
.fade-in {
  opacity: 0;
  transform: translateY(30px);
  transition: 0.8s;
}

.fade-in.show {
  opacity: 1;
  transform: translateY(0);
}

/*===============*/
/* ROW */
.item {
  display: flex;
  align-items: center;
  margin-bottom: 35px;
}

/* LEFT (ARROW BOX) */
.left {
  position: relative;
  background: linear-gradient(135deg, #0d6efd, #1e3c72);
  color: #fff;
  padding: 15px 25px;
  width: 270px;
  height: auto;
  min-height: 85px;
  font-weight: 500;
  border-radius: 12px;
  display: flex;
  align-items: center;
}

/* ANGLED CUT EFFECT */
.left::after {
  content: "";
  position: absolute;
  right: -23px;
  top: 8px;
  width: 0;
  height: 0;
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
  border-left: 25px solid #1e3c72;
}

/* RIGHT BOX */
.right {
  flex: 1;
  margin-left: 35px;
  padding: 20px 25px;
  border-radius: 12px;
  border: 2px solid #0d6efd;
  background: #fff;
  color: #333;
  font-size: 15px;
  line-height: 1.6;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  transition: 0.3s;
}

/* HOVER */
.right:hover {
  transform: translateY(-4px);
}

/* ANIMATION */
.fade {
  opacity: 0;
  transform: translateY(30px);
  transition: 0.7s ease;
}

.fade.show {
  opacity: 1;
  transform: translateY(0);
}

/* RESPONSIVE */
@media (max-width: 768px) {

  .item {
    flex-direction: column;
    align-items: flex-start;
  }

  .left {
    width: 100%;
  }

  .left::after {
    display: none;
  }

  .right {
    margin-left: 0;
    margin-top: 15px;
  }
}

ul.rule-list {
  margin-top: 20px;
}

/*===========GST return css start=============*/
/* ── WRAPPER ── */
.wrap-return {
  max-width: 1080px;
  margin: 0 auto;
  padding: 60px 24px 10px;
}

/* ── PAGE TITLE ── */
.pg-title {
  margin-bottom: 44px;
  opacity: 0;
  transform: translateY(18px);
  animation: fadeUp .7s cubic-bezier(.22, 1, .36, 1) .1s forwards;
}

.pg-eyebrow {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 3.5px;
  text-transform: uppercase;
  color: var(--b500);
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.pg-eyebrow::before {
  content: '';
  width: 26px;
  height: 2px;
  background: var(--b400);
  border-radius: 2px;
  flex-shrink: 0;
}

h1 {

  font-weight: 700;
  color: var(--b800);
  letter-spacing: -.4px;
  line-height: 1.12;
}

.title-bar {
  width: 56px;
  height: 4px;
  margin-top: 14px;
  border-radius: 3px;
  background: linear-gradient(90deg, var(--b500), var(--b400));
}

/* ── TAB NAV ── */
.tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  border-bottom: 2px solid var(--border);
  margin-bottom: 48px;
  padding-bottom: 0;
  opacity: 0;
  transform: translateY(12px);
  animation: fadeUp .65s cubic-bezier(.22, 1, .36, 1) .28s forwards;
}

.tab-btn {
  padding: 12px 24px;
  border-radius: 8px 8px 0 0;
  border: none;
  background: transparent;
  font-family: 'Sora', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .3px;
  color: var(--ink3);
  cursor: pointer;
  position: relative;
  bottom: -2px;
  border: 2px solid transparent;
  border-bottom: none;
  transition: all .28s ease;
}

.tab-btn:hover {
  color: var(--b600);
}

.tab-btn.active {
  color: var(--b800);
  background: var(--white);
  border-color: var(--border);
  border-bottom-color: var(--white);
  box-shadow: var(--shadow-sm);
}

/* ── TAB PANELS ── */
.tab-panel {
  display: none;
}

.tab-panel.active {
  display: block;
}

/* ── INTRO CARD ── */
.intro-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-left: 4px solid var(--b500);
  border-radius: 12px;
  padding: 26px 30px;
  box-shadow: var(--shadow-sm);
  font-size: 14.5px;
  color: var(--ink2);
  line-height: 1.8;
  margin-bottom: 32px;
  opacity: 0;
  transform: translateY(14px);
  animation: fadeUp .65s cubic-bezier(.22, 1, .36, 1) .4s forwards;
}

/* ── MAIN TABLE ── */
.tbl-wrap {
  overflow-x: auto;
  border-radius: 14px;
  box-shadow: var(--shadow-md);
  margin-bottom: 32px;
  opacity: 0;
  transform: translateY(18px);
  animation: fadeUp .7s cubic-bezier(.22, 1, .36, 1) .5s forwards;
}

table {
  width: 100%;
  border-collapse: collapse;
  background: var(--white);
  min-width: 760px;
}

thead tr {
  background: linear-gradient(90deg, var(--b900) 0%, var(--b600) 100%);
}

thead th {
  padding: 16px 18px;
  text-align: left;
  font-family: 'Sora', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: #fff;
  white-space: nowrap;
}

thead th:first-child {
  border-radius: 14px 0 0 0;
}

thead th:last-child {
  border-radius: 0 14px 0 0;
}

tbody tr {
  border-bottom: 1px solid var(--border);
  transition: background .2s ease;
}

tbody tr:last-child {
  border-bottom: none;
}

tbody tr:hover {
  background: var(--b50);
}

tbody td {
  padding: 15px 18px;
  font-size: 13.5px;
  color: var(--ink2);
  line-height: 1.65;
  vertical-align: top;
}

tbody td:first-child {
  font-size: 15px;
  font-weight: 600;
  color: var(--b800);
  white-space: normal;
}

/* Form tag pill */
.form-tag {
  display: inline-block;
  padding: 3px 11px;
  border-radius: 20px;
  background: var(--b100);
  color: var(--b800);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .4px;
  white-space: normal;
}

.form-tag.suspended {
  background: #fff3e0;
  color: #e65100;
}

/* Due date chip */
.due-chip {
  display: inline-block;
  font-size: 12.5px;
  color: var(--ink2);
}

/* Periodicity badge */
.badge-pill {
  display: inline-block;
  padding: 3px 12px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .5px;
}

.badge-m {
  background: #e8f5e9;
  color: #2e7d32;
}

.badge-q {
  background: #fff8e1;
  color: #f57f17;
}

.badge-a {
  background: #ede7f6;
  color: #4527a0;
}

.badge-w {
  background: #fce4ec;
  color: #880e4f;
}

/* ── NOTE BOX ── */
.note-box {
  background: linear-gradient(90deg, #fff8e1, #fffde7);
  border: 1px solid #ffe082;
  border-left: 4px solid #f9a825;
  border-radius: 10px;
  padding: 18px 22px;
  font-size: 13px;
  color: #4e342e;
  line-height: 1.75;
  margin-top: 8px;
  opacity: 0;
  transform: translateY(12px);
  animation: fadeUp .65s cubic-bezier(.22, 1, .36, 1) .65s forwards;
}

.note-box strong {
  color: #5d4037;
}

/* ── LATE FEE SECTION ── */
.fee-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 32px;
}

@media(max-width:700px) {
  .fee-grid {
    grid-template-columns: 1fr;
  }
}

.fee-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 28px 24px;
  text-align: center;
  box-shadow: var(--shadow-sm);
  transition: transform .3s ease, box-shadow .3s ease;
  opacity: 0;
  transform: translateY(22px);
}

.fee-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-md);
}

.fee-card.c1 {
  animation: fadeUp .65s cubic-bezier(.22, 1, .36, 1) .35s forwards;
}

.fee-card.c2 {
  animation: fadeUp .65s cubic-bezier(.22, 1, .36, 1) .5s forwards;
}

.fee-card.c3 {
  animation: fadeUp .65s cubic-bezier(.22, 1, .36, 1) .65s forwards;
}

.fee-icon {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  margin: 0 auto 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

.fee-card.c1 .fee-icon {
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
}

.fee-card.c2 .fee-icon {
  background: linear-gradient(135deg, #fce4ec, #f8bbd0);
}

.fee-card.c3 .fee-icon {
  background: linear-gradient(135deg, #e8f5e9, #c8e6c9);
}

.fee-amount {
  font-family: 'Libre Baskerville', serif;
  font-size: 30px;
  font-weight: 700;
  color: var(--b800);
  line-height: 1;
  margin-bottom: 10px;
}

.fee-card.c3 .fee-amount {
  color: #2e7d32;
}

.fee-label {
  font-size: 13px;
  font-weight: 500;
  color: var(--ink2);
  line-height: 1.6;
}

.fee-forms {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
}

.fee-forms .form-tag {
  font-size: 10.5px;
}

/* ── APPLIES TO TABLE ── */
.applies-tbl-wrap {
  overflow-x: auto;
  border-radius: 12px;
  box-shadow: var(--shadow-sm);
  margin-bottom: 8px;
  opacity: 0;
  transform: translateY(14px);
  animation: fadeUp .65s cubic-bezier(.22, 1, .36, 1) .8s forwards;
}

.applies-tbl-wrap table {
  min-width: 500px;
}

/* ── KEYFRAMES ── */
@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* mobile tweaks */
@media(max-width:600px) {
  .wrap {
    padding: 40px 14px 64px
  }

  .intro-card {
    padding: 18px 16px
  }

  .tab-btn {
    padding: 10px 14px;
    font-size: 12px;
  }

  .fee-amount {
    font-size: 26px;
  }
}

/*------------GST account css start---------*/
/* ── WRAPPER ── */
.wrap-record-add {
  max-width: 1080px;
  margin: 0 auto;
  padding: 64px 24px 96px
}

/* ── PAGE TITLE ── */
.pg-title {
  margin-bottom: 48px;
  opacity: 0;
  transform: translateY(18px);
  animation: fadeUp .75s cubic-bezier(.22, 1, .36, 1) .1s forwards;
}

.pg-eyebrow {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 3.5px;
  text-transform: uppercase;
  color: var(--b500);
  margin-bottom: 10px;
}

.pg-eyebrow::before {
  content: '';
  width: 28px;
  height: 2px;
  background: linear-gradient(90deg, var(--b500), var(--b400));
  border-radius: 2px;
  flex-shrink: 0;
}

h1 {
  font-weight: 700;
  color: var(--b800);
  letter-spacing: -.4px;
  line-height: 1.12;
}

.title-bar {
  width: 60px;
  height: 4px;
  margin-top: 14px;
  border-radius: 3px;
  background: linear-gradient(90deg, var(--b500), var(--b400));
}

/* ── TABS ── */
.tabs {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  border-bottom: 2px solid var(--border);
  margin-bottom: 52px;
  opacity: 0;
  transform: translateY(12px);
  animation: fadeUp .65s cubic-bezier(.22, 1, .36, 1) .28s forwards;
}

.tab-btn {
  padding: 13px 26px;
  border: 2px solid transparent;
  border-bottom: none;
  background: transparent;
  border-radius: 9px 9px 0 0;
  font-family: 'Sora', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .3px;
  color: var(--ink3);
  cursor: pointer;
  position: relative;
  bottom: -2px;
  transition: all .25s ease;
  white-space: nowrap;
}

.tab-btn:hover {
  color: var(--b700);
}

.tab-btn.active {
  color: var(--b900);
  background: var(--white);
  border-color: var(--border);
  border-bottom-color: var(--white);
  box-shadow: var(--shadow-sm);
}

/* ── TAB PANELS ── */
.tab-panel {
  display: none;
}

.tab-panel.active {
  display: block;
}

/* ════════════════════════════════
   TAB 1 – RECORDS
════════════════════════════════ */
.section-intro {
  background: var(--white);
  border: 1px solid var(--border);
  border-left: 4px solid var(--b500);
  border-radius: 12px;
  padding: 24px 28px;
  font-size: 14.5px;
  color: var(--ink2);
  line-height: 1.8;
  margin-bottom: 40px;
  box-shadow: var(--shadow-sm);
  opacity: 0;
  transform: translateY(14px);
  animation: fadeUp .65s cubic-bezier(.22, 1, .36, 1) .38s forwards;
}

.section-intro strong {
  color: var(--b800);
}

/* Records Grid */
.records-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 8px;
}

@media(max-width:900px) {
  .records-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width:480px) {
  .records-grid {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }
}

.rec-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 28px 18px 24px;
  text-align: center;
  box-shadow: var(--shadow-sm);
  cursor: default;
  transition: transform .32s cubic-bezier(.22, 1, .36, 1), box-shadow .32s ease, border-color .25s;
  opacity: 0;
  transform: translateY(24px) scale(.96);
  position: relative;
  overflow: hidden;
}

.rec-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(160deg, rgba(33, 150, 243, .06) 0%, transparent 60%);
  opacity: 0;
  transition: opacity .3s;
}

.rec-card:hover::before {
  opacity: 1;
}

.rec-card:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: var(--shadow-md);
  border-color: var(--b400);
}

.rec-card.vis {
  animation: cardPop .6s cubic-bezier(.22, 1, .36, 1) forwards;
}

.rec-icon-wrap {
  width: 64px;
  height: 64px;
  border-radius: 18px;
  margin: 0 auto 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  background: linear-gradient(135deg, var(--b100), var(--b50));
  border: 1.5px solid var(--border);
  transition: background .3s, transform .3s;
}

.rec-card:hover .rec-icon-wrap {
  background: linear-gradient(135deg, var(--b500), var(--b400));
  transform: scale(1.08) rotate(-4deg);
}

.rec-icon-wrap span {
  transition: filter .3s;
}

.rec-card:hover .rec-icon-wrap span {
  filter: brightness(0) invert(1);
}

.rec-label {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: var(--b800);
  line-height: 1.5;
}

/* ════════════════════════════════
   TAB 2 – RETENTION PERIOD
════════════════════════════════ */
.retention-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  opacity: 0;
  transform: translateY(18px);
  animation: fadeUp .65s cubic-bezier(.22, 1, .36, 1) .3s forwards;
}

@media(max-width:680px) {
  .retention-wrap {
    grid-template-columns: 1fr;
  }
}

.ret-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 32px 28px;
  box-shadow: var(--shadow-sm);
  transition: transform .3s ease, box-shadow .3s ease;
}

.ret-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

.ret-card-head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}

.ret-icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

.ret-icon.blue {
  background: linear-gradient(135deg, var(--b100), var(--b50));
  border: 1.5px solid var(--border);
}

.ret-icon.amber {
  background: linear-gradient(135deg, #fff8e1, #fffde7);
  border: 1.5px solid #ffe082;
}

.ret-card-head h3 {
  font-family: 'Libre Baskerville', serif;
  font-size: 17px;
  font-weight: 700;
  color: var(--b900);
  line-height: 1.3;
}

.ret-card p {
  font-size: 13.5px;
  color: var(--ink2);
  line-height: 1.8;
}

/* Period highlight */
.period-highlight {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(90deg, var(--b900), var(--b700));
  color: #fff;
  border-radius: 8px;
  padding: 10px 18px;
  margin: 16px 0 0;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .4px;
}

/* Example box */
.example-box {
  background: var(--b50);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 14px 18px;
  margin-top: 14px;
  font-size: 13px;
  color: var(--ink2);
  line-height: 1.75;
}

.example-box strong {
  color: var(--b800);
}

/* Appeal box */
.appeal-box {
  background: #fffde7;
  border: 1px solid #ffe082;
  border-radius: 10px;
  padding: 14px 18px;
  margin-top: 14px;
  font-size: 13px;
  color: #5d4037;
  line-height: 1.75;
}

.appeal-box strong {
  color: #e65100;
}

/* ════════════════════════════════
   TAB 3 – CONSEQUENCES
════════════════════════════════ */
.conseq-wrap {
  opacity: 0;
  transform: translateY(18px);
  animation: fadeUp .65s cubic-bezier(.22, 1, .36, 1) .3s forwards;
}

.conseq-header {
  display: flex;
  align-items: center;
  gap: 14px;
  background: linear-gradient(90deg, var(--red-bg), #fff8f8);
  border: 1px solid #ffcdd2;
  border-left: 4px solid var(--red);
  border-radius: 12px;
  padding: 22px 26px;
  margin-bottom: 28px;
}

.conseq-header-icon {
  font-size: 30px;
  flex-shrink: 0;
}

.conseq-header h3 {
  font-family: 'Libre Baskerville', serif;
  font-size: 18px;
  font-weight: 700;
  color: var(--red);
  margin-bottom: 4px;
}

.conseq-header p {
  font-size: 13.5px;
  color: var(--ink2);
  line-height: 1.7;
}

.conseq-flow {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.flow-step {
  display: grid;
  grid-template-columns: 52px 1fr;
  background: var(--white);
  border: 1px solid var(--border);
  overflow: hidden;
  margin-bottom: -1px;
  transition: transform .25s ease, box-shadow .25s ease, z-index 0s;
}

.flow-step:first-child {
  border-radius: 12px 12px 0 0;
}

.flow-step:last-child {
  border-radius: 0 0 12px 12px;
  margin-bottom: 0;
}

.flow-step:hover {
  z-index: 2;
  transform: scale(1.012);
  box-shadow: 0 6px 24px rgba(21, 101, 192, .16);
}

.flow-num {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, var(--b700), var(--b900));
  font-family: 'Libre Baskerville', serif;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
}

.flow-body {
  padding: 20px 24px;
  font-size: 13.5px;
  color: var(--ink2);
  line-height: 1.75;
}

.flow-body strong {
  color: var(--b800);
}

.flow-body .tag {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 20px;
  background: var(--b100);
  color: var(--b800);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .5px;
  margin-right: 4px;
}

/* ── KEYFRAMES ── */
@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes cardPop {
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* mobile */
@media(max-width:600px) {
  .wrap {
    padding: 36px 14px 64px
  }

  .tab-btn {
    padding: 10px 14px;
    font-size: 11.5px;
  }

  .rec-icon-wrap {
    width: 52px;
    height: 52px;
    font-size: 22px;
  }

  .rec-label {
    font-size: 10.5px;
    letter-spacing: 1.2px;
  }

  .flow-step {
    grid-template-columns: 42px 1fr;
  }
}

.captcha-box {
  display: flex;
  gap: 10px;
  align-items: center;
}

.captcha-code {
  flex: 1;
  background: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 10px 14px;
  text-align: center;
  font-weight: bold;
  letter-spacing: 3px;
  user-select: none;
  /* margin-bottom: 10px; */
  font-size: 14px;
}

.form-card-page {
  padding: unset;
}

/*===================*/
/* ── HERO LABEL ────────────────────────────────────────── */
.section-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, var(--blue-mid), var(--blue-bright));
  color: #fff;
  font-family: 'Syne', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: 6px 18px;
  border-radius: var(--radius-pill);
  margin-bottom: 24px;
  opacity: 0;
  transform: translateY(16px);
  animation: fadeUp .6s .1s ease forwards;
}

.section-eyebrow span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .7);
  display: inline-block;
}

/* ── HEADING ───────────────────────────────────────────── */
.section-heading {
  font-family: 'Syne', sans-serif;
  font-size: clamp(32px, 5vw, 54px);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -.02em;
  color: var(--text-dark);
  margin-bottom: 20px;
  opacity: 0;
  transform: translateY(20px);
  animation: fadeUp .7s .2s ease forwards;
}

.section-heading .gradient-text {
  background: linear-gradient(135deg, var(--blue-mid) 0%, var(--blue-light) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}





/* ── DIVIDER ───────────────────────────────────────────── */
.divider-line {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 48px;
  opacity: 0;
  animation: fadeUp .6s .4s ease forwards;
}

.divider-line::before,
.divider-line::after {
  content: '';
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--border), transparent);
}

.divider-label {
  font-family: 'Syne', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #1565c0;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}

/* ── AUDIT GRID ────────────────────────────────────────── */
.audit-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  align-items: stretch;
  margin-bottom: 56px;
}

@media (max-width: 900px) {
  .audit-grid {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 600px) and (max-width: 900px) {
  .audit-grid {
    grid-template-columns: 1fr 1fr;
  }

  .audit-card:first-child {
    grid-column: 1 / -1;
  }
}

/* ── CARD BASE ─────────────────────────────────────────── */
.audit-card {
  background: var(--white);
  border-radius: 20px;
  border: 1px solid var(--border);
  padding: 36px 32px 40px;
  box-shadow: var(--shadow-card);
  display: flex;
  flex-direction: column;
  gap: 0;
  transition: transform .35s cubic-bezier(.22, .68, 0, 1.2), box-shadow .35s ease;
  position: relative;
  overflow: hidden;
  opacity: 0;
  transform: translateY(32px);
}

.audit-card.animate-in {
  animation: fadeUp .7s ease forwards;
}

.audit-card::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: var(--radius-card);
  background: linear-gradient(135deg, rgba(30, 136, 229, .04), transparent 60%);
  pointer-events: none;
}

.audit-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-hover);
}

/* Accent top bar */
.audit-card::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  border-radius: var(--radius-card) var(--radius-card) 0 0;
  background: linear-gradient(90deg, var(--blue-mid), var(--blue-light));
  opacity: 0;
  transition: opacity .3s ease;
}

.audit-card:hover::after {
  opacity: 1;
}

/* CARD – primary (registered person) */
.audit-card.card-primary {
  background: linear-gradient(145deg, #0d3b7a 0%, #1565c0 50%, #1e88e5 100%);
  border-color: transparent;
  color: #fff;
}

.audit-card.card-primary::before {
  background: linear-gradient(135deg, rgba(255, 255, 255, .08), transparent 60%);
}

.audit-card.card-primary::after {
  display: none;
}

.audit-card.card-primary:hover {
  box-shadow: 0 16px 56px rgba(13, 59, 122, .35), 0 2px 8px rgba(13, 59, 122, .18);
}

/* ── CARD ICON ─────────────────────────────────────────── */
.card-icon-wrap {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  position: relative;
}

.card-primary .card-icon-wrap {
  background: rgba(255, 255, 255, .15);
}

.card-secondary .card-icon-wrap,
.card-tertiary .card-icon-wrap {
  background: #e3f2fd;
}

.card-icon-wrap svg {
  width: 26px;
  height: 26px;
}

.card-primary .card-icon-wrap svg {
  stroke: #fff;
}

.card-secondary .card-icon-wrap svg,
.card-tertiary .card-icon-wrap svg {
  stroke: #1565c0;
}

/* ── CARD TYPE TAG ─────────────────────────────────────── */
.card-tag {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  margin-bottom: 14px;
  width: fit-content;
}

.card-primary .card-tag {
  background: rgba(255, 255, 255, .18);
  color: rgba(255, 255, 255, .9);
  border: 1px solid rgba(255, 255, 255, .25);
}

.card-secondary .card-tag,
.card-tertiary .card-tag {
  background: #e3f2fd;
  color: #1565c0;
  border: 1px solid #1565c02e;
}

/* ── CARD TITLE ────────────────────────────────────────── */
.card-title {
  font-family: 'Syne', sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 8px;
}

.card-primary .card-title {
  color: #fff;
}

.card-secondary .card-title,
.card-tertiary .card-title {
  color: var(--text-dark);
}

.card-subtitle {
  font-size: 13px;
  margin-bottom: 24px;
}

.card-primary .card-subtitle {
  color: rgba(255, 255, 255, .7);
}

.card-secondary .card-subtitle,
.card-tertiary .card-subtitle {
  color: var(--text-muted);
}

/* ── THRESHOLD BADGE ───────────────────────────────────── */
.threshold-badge {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  border-radius: 12px;
  margin-bottom: 24px;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .2);
}

.threshold-badge .tb-icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: rgba(255, 255, 255, .18);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.threshold-badge .tb-icon svg {
  width: 18px;
  height: 18px;
  stroke: #fff;
}

.threshold-badge .tb-text p {
  font-size: 11px;
  color: rgba(255, 255, 255, .65);
  text-transform: uppercase;
  letter-spacing: .08em;
  margin: 0;
}

.threshold-badge .tb-text strong {
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  font-family: 'Syne', sans-serif;
}

/* ── FORM BADGE ────────────────────────────────────────── */
.form-badge-add {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, .15);
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 10px;
  padding: 10px 16px;
  font-size: 13px;
  color: rgba(255, 255, 255, .9);
  font-weight: 500;
  margin-top: 0;
}

.form-badge-add svg {
  width: 16px;
  height: 16px;
  stroke: rgba(255, 255, 255, .8);
  flex-shrink: 0;
}

/* ── STEP LIST ─────────────────────────────────────────── */
.step-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: auto;
  flex: 1;
}

.step-list li {
  display: flex;
  gap: 12px;
  font-size: 14px;
  line-height: 1.55;
  color: var(--text-body);
  align-items: flex-start;
}

.step-num-no {
  min-width: 26px;
  height: 26px;
  border-radius: 50%;
  background: linear-gradient(135deg, #1565c0, #42a5f5);
  color: #fff;
  font-family: 'Syne', sans-serif;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}

.step-list li strong {
  color: #1565c0;
  font-weight: 600;
}

/* ── SEPARATOR ─────────────────────────────────────────── */
.card-separator {
  width: 100%;
  height: 1px;
  background: var(--border);
  margin: 24px 0;
}

.card-primary .card-separator {
  background: rgba(255, 255, 255, .15);
}

/* ── AUTHORITY BANNER ──────────────────────────────────── */
.authority-banner {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 12px;
  background: #1565c014;
  border: 1px solid #1565c026;
  margin-bottom: 24px;
}

.authority-banner svg {
  width: 18px;
  height: 18px;
  stroke: #1e88e5;
  flex-shrink: 0;
}

.authority-banner span {
  font-size: 13px;
  font-weight: 600;
  color: #1565c0;
}

/* ── INFO STRIP ────────────────────────────────────────── */
.info-strip {
  background: linear-gradient(135deg, var(--blue-deep), var(--blue-mid));
  border-radius: 18px;
  padding: 36px 40px;
  display: flex;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
  opacity: 0;
  transform: translateY(24px);
}

.info-strip.animate-in {
  animation: fadeUp .7s ease forwards;
}

.info-strip::before {
  content: '';
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .05);
  top: -100px;
  right: -60px;
}

.info-strip-icon {
  width: 60px;
  height: 60px;
  border-radius: 16px;
  background: rgba(255, 255, 255, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.info-strip-icon svg {
  width: 30px;
  height: 30px;
  stroke: #fff;
}

.info-strip-text {
  flex: 1;
  min-width: 200px;
}

.info-strip-text h3 {
  font-family: 'Syne', sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 6px;
}

.info-strip-text p {
  font-size: 14px;
  color: rgba(255, 255, 255, .75);
  line-height: 1.6;
}

.info-strip-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  color: var(--blue-mid);
  font-family: 'Syne', sans-serif;
  font-size: 14px;
  font-weight: 700;
  padding: 14px 28px;
  border-radius: var(--radius-pill);
  text-decoration: none;
  white-space: nowrap;
  transition: transform .25s ease, box-shadow .25s ease;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .15);
}

.info-strip-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(0, 0, 0, .2);
}

.info-strip-cta svg {
  width: 16px;
  height: 16px;
  stroke: var(--blue-mid);
}

/* ── ANIMATIONS ────────────────────────────────────────── */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ── RESPONSIVE ────────────────────────────────────────── */
@media (max-width: 640px) {
  .audits-section {
    padding: 64px 16px 80px;
  }

  .audit-card {
    padding: 28px 24px 32px;
  }

  .info-strip {
    padding: 28px 24px;
    flex-direction: column;
    text-align: center;
  }

  .info-strip-icon {
    margin: 0 auto;
  }

  .info-strip-cta {
    width: 100%;
    justify-content: center;
  }
}

/*==========tax act css start========*/
/* ═══════════════ HERO HEADER ═══════════════ */
.hero-header {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 32px;
  align-items: flex-start;
  margin-bottom: 72px;
}

@media (max-width: 768px) {
  .hero-header {
    grid-template-columns: 1fr;
  }
}

.hero-left {
  max-width: 680px;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--b50);
  border: 1px solid var(--b200);
  border-radius: var(--r-pill);
  padding: 6px 18px 6px 10px;
  margin-bottom: 28px;
  opacity: 0;
  transform: translateY(14px);
  animation: up .6s .05s ease forwards;
}

.eyebrow-dot {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--b700), var(--b500));
  display: flex;
  align-items: center;
  justify-content: center;
}

.eyebrow-dot svg {
  width: 14px;
  height: 14px;
  stroke: #fff;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.eyebrow-text {
  font-family: 'Syne', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--b700);
}

.main-title {
  font-family: 'Syne', sans-serif;
  font-size: clamp(34px, 5vw, 58px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.025em;
  margin-bottom: 24px;
  opacity: 0;
  transform: translateY(18px);
  animation: up .7s .15s ease forwards;
}

.main-title .word-plain {
  color: var(--td);
}

.main-title .word-blue {
  background: linear-gradient(115deg, var(--b700) 0%, var(--b500) 55%, var(--b300) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.hero-desc {
  font-size: 16px;
  color: var(--tb);
  line-height: 1.8;
  max-width: 580px;
  opacity: 0;
  transform: translateY(16px);
  animation: up .7s .25s ease forwards;
}

/* ═══════════════ PILLARS ROW ═══════════════ */
.pillars {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 36px;
  opacity: 0;
  transform: translateY(14px);
  animation: up .7s .35s ease forwards;
}

.pillar-chip {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--white);
  border: 1px solid var(--bdr);
  border-radius: var(--r-pill);
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 500;
  color: var(--tb);
  box-shadow: var(--card-shadow);
  transition: border-color .25s, color .25s, transform .25s;
}

.pillar-chip:hover {
  border-color: var(--b400);
  color: var(--b700);
  transform: translateY(-2px);
}

.pillar-chip .chip-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--b600), var(--b300));
  flex-shrink: 0;
}

/* ═══════════════ STAT CARDS ═══════════════ */
.stat-stack {
  display: flex;
  flex-direction: column;
  gap: 14px;
  opacity: 0;
  transform: translateX(20px);
  animation: fromRight .7s .4s ease forwards;
}

@keyframes fromRight {
  from {
    opacity: 0;
    transform: translateX(20px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.stat-card {
  background: var(--white);
  border: 1px solid var(--bdr);
  border-radius: 16px;
  padding: 18px 22px;
  box-shadow: var(--card-shadow);
  min-width: 180px;
  position: relative;
  overflow: hidden;
}

.stat-card::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  border-radius: 16px 0 0 16px;
  background: linear-gradient(180deg, var(--b600), var(--b300));
}

.stat-card-val {
  font-family: 'Syne', sans-serif;
  font-size: 26px;
  font-weight: 800;
  color: var(--b700);
  line-height: 1;
  margin-bottom: 4px;
}

.stat-card-lbl {
  font-size: 12px;
  color: var(--tm);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .07em;
}

@media (max-width: 768px) {
  .stat-stack {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .stat-card {
    flex: 1;
    min-width: 130px;
  }
}

/* ═══════════════ SECTION LABEL ═══════════════ */
.section-label {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 36px;
  opacity: 0;
  animation: up .6s ease forwards;
}

.section-label-line {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, var(--b200), transparent);
}

.section-label-text {
  font-family: 'Syne', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--b700);
  white-space: nowrap;
}

.section-label-line.rev {
  background: linear-gradient(90deg, transparent, var(--b200));
}

/* ═══════════════ SERVICES GRID ═══════════════ */
.services-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  margin-bottom: 64px;
}

@media (max-width: 1024px) {
  .services-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 720px) {
  .services-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 440px) {
  .services-grid {
    grid-template-columns: 1fr;
  }
}

/* ═══════════════ SERVICE CARD ═══════════════ */
.svc-card {
  background: var(--white);
  border: 1px solid var(--bdr);
  border-radius: 22px;
  padding: 30px 24px 28px;
  display: flex;
  flex-direction: column;
  gap: 0;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  box-shadow: var(--card-shadow);
  transition: transform .35s cubic-bezier(.22, .68, 0, 1.15),
    box-shadow .35s ease,
    border-color .25s ease;
  opacity: 0;
  transform: translateY(28px);
  cursor: pointer;
  group: true;
}

.svc-card.visible {
  animation: up .65s ease forwards;
}

.svc-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--card-hover);
  border-color: var(--b300);
}

/* Hover shimmer */
.svc-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(30, 136, 229, .05) 0%, transparent 55%);
  opacity: 0;
  transition: opacity .35s ease;
  border-radius: var(--r-card);
  pointer-events: none;
}

.svc-card:hover::before {
  opacity: 1;
}

/* Top accent bar */
.svc-card::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--b700), var(--b400), var(--b300));
  border-radius: var(--r-card) var(--r-card) 0 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .4s cubic-bezier(.22, .68, 0, 1.2);
}

.svc-card:hover::after {
  transform: scaleX(1);
}

/* Icon */
.svc-icon {
  width: 50px;
  height: 50px;
  border-radius: 14px;
  background: var(--b50);
  border: 1px solid var(--b100);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  transition: background .3s ease, transform .3s ease;
  flex-shrink: 0;
}

.svc-card:hover .svc-icon {
  background: linear-gradient(135deg, var(--b700), var(--b500));
  border-color: transparent;
  transform: scale(1.08) rotate(-3deg);
}

.svc-icon svg {
  width: 22px;
  height: 22px;
  stroke: var(--b700);
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke .3s ease;
}

.svc-card:hover .svc-icon svg {
  stroke: #fff;
}

/* Card index badge */
.svc-index {
  position: absolute;
  top: 18px;
  right: 18px;
  font-family: 'Syne', sans-serif;
  font-size: 11px;
  font-weight: 700;
  color: var(--b200);
  letter-spacing: .06em;
  transition: color .25s;
}

.svc-card:hover .svc-index {
  color: var(--b400);
}

/* Title */
.svc-title {
  font-family: 'Syne', sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #0a1e38;
  line-height: 1.3;
  margin-bottom: 14px;
  transition: color .25s ease;
}

.svc-card:hover .svc-title {
  color: var(--b700);
}

/* Arrow link */
.svc-arrow {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: var(--tm);
  letter-spacing: .04em;
  text-transform: uppercase;
  transition: color .25s, gap .25s;
}

.svc-card:hover .svc-arrow {
  color: var(--b600);
  gap: 10px;
}

.svc-arrow svg {
  width: 14px;
  height: 14px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform .3s ease;
}

.svc-card:hover .svc-arrow svg {
  transform: translateX(4px);
}

/* ═══════════════ FEATURED CARD (Transfer Pricing — last, spans 2) ═══════════════ */
.svc-card.featured {
  background: linear-gradient(145deg, var(--b900) 0%, var(--b800) 45%, var(--b600) 100%);
  border-color: transparent;
  color: #fff;
  grid-column: span 2;
}

@media (max-width: 720px) {
  .svc-card.featured {
    grid-column: span 2;
  }
}

@media (max-width: 440px) {
  .svc-card.featured {
    grid-column: span 1;
  }
}

.svc-card.featured::before {
  background: linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, transparent 55%);
}

.svc-card.featured::after {
  display: none;
}

.svc-card.featured:hover {
  border-color: transparent;
  box-shadow: 0 20px 64px rgba(13, 59, 122, .35), 0 2px 8px rgba(13, 59, 122, .18);
}

.svc-card.featured .svc-icon {
  background: rgba(255, 255, 255, .15);
  border-color: rgba(255, 255, 255, .2);
}

.svc-card.featured:hover .svc-icon {
  background: rgba(255, 255, 255, .25);
}

.svc-card.featured .svc-icon svg {
  stroke: #fff;
}

.svc-card.featured:hover .svc-icon svg {
  stroke: #fff;
}

.svc-card.featured .svc-index {
  color: rgba(255, 255, 255, .3);
}

.svc-card.featured:hover .svc-index {
  color: rgba(255, 255, 255, .6);
}

.svc-card.featured .svc-title {
  color: #fff;
}

.svc-card.featured:hover .svc-title {
  color: #fff;
}

.svc-card.featured .svc-desc {
  font-size: 13.5px;
  color: rgba(255, 255, 255, .72);
  line-height: 1.65;
  margin-bottom: 20px;
}

.svc-card.featured .svc-arrow {
  color: rgba(255, 255, 255, .6);
}

.svc-card.featured:hover .svc-arrow {
  color: #fff;
}

/* Featured layout */
.svc-card.featured .featured-inner {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  flex-wrap: wrap;
}

.svc-card.featured .featured-left {
  flex: 1;
  min-width: 160px;
}

.svc-card.featured .featured-right {
  flex: 1;
  min-width: 160px;
  border-left: 1px solid rgba(255, 255, 255, .15);
  padding-left: 24px;
}

@media (max-width: 560px) {
  .svc-card.featured .featured-right {
    border-left: none;
    padding-left: 0;
    border-top: 1px solid rgba(255, 255, 255, .15);
    padding-top: 20px;
  }
}

.featured-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, .15);
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: var(--r-pill);
  padding: 4px 12px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .9);
  margin-bottom: 16px;
}

.featured-tag-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .7);
}

.featured-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 12px;
}

.featured-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: rgba(255, 255, 255, .8);
  line-height: 1.4;
}

.featured-list li::before {
  content: '';
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .15);
  border: 1px solid rgba(255, 255, 255, .25);
  display: flex;
  flex-shrink: 0;
  /* checkmark via clip */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpolyline points='2,6 5,9 10,3' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
}

/* ═══════════════ BOTTOM CTA ═══════════════ */
.cta-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
  background: var(--white);
  border: 1px solid var(--bdr);
  border-radius: 20px;
  padding: 36px 44px;
  box-shadow: var(--card-shadow);
  position: relative;
  overflow: hidden;
  opacity: 0;
  transform: translateY(24px);
}

.cta-bar.visible {
  animation: up .7s ease forwards;
}

.cta-bar::before {
  content: '';
  position: absolute;
  right: -40px;
  top: -60px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, var(--b50) 0%, transparent 70%);
  pointer-events: none;
}

.cta-bar-left h3 {
  font-family: 'Syne', sans-serif;
  font-size: 22px;
  font-weight: 800;
  color: var(--td);
  margin-bottom: 8px;
  line-height: 1.2;
}

.cta-bar-left p {
  font-size: 14.5px;
  color: var(--tm);
  line-height: 1.65;
  max-width: 440px;
}

.cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, var(--b800), var(--b500));
  color: #fff;
  font-family: 'Syne', sans-serif;
  font-size: 14px;
  font-weight: 700;
  padding: 16px 32px;
  border-radius: var(--r-pill);
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 6px 24px rgba(21, 101, 192, .35);
  transition: transform .28s ease, box-shadow .28s ease;
  flex-shrink: 0;
}

.cta-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 36px rgba(21, 101, 192, .45);
}

.cta-btn svg {
  width: 16px;
  height: 16px;
  stroke: #fff;
  fill: none;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform .3s ease;
}

.cta-btn:hover svg {
  transform: translateX(4px);
}

@media (max-width: 640px) {
  .it-section {
    padding: 64px 16px 80px;
  }

  .cta-bar {
    padding: 28px 24px;
    flex-direction: column;
    align-items: flex-start;
  }

  .cta-btn {
    width: 100%;
    justify-content: center;
  }
}

/* ═══════════════ ANIMATION KEYFRAMES ═══════════════ */
@keyframes up {
  from {
    opacity: 0;
    transform: translateY(24px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.it-section {
  position: relative;
  padding: 100px 24px 120px;
  overflow: hidden;
  background: #f3f3f3;
}

/* ══════════════════════════════════════
   WRAPPER
══════════════════════════════════════ */
.ca-wrap {
  position: relative;
  padding: 100px 24px 120px;
  overflow: hidden;
}

/* Geometric background decoration */
.ca-wrap::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 900px 600px at -15% 10%, rgba(30, 136, 229, .08) 0%, transparent 60%),
    radial-gradient(ellipse 600px 500px at 110% 80%, rgba(66, 165, 245, .07) 0%, transparent 65%);
  z-index: 0;
  pointer-events: none;
}

/* Subtle diagonal lines pattern */
.ca-wrap::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(-45deg,
      transparent,
      transparent 40px,
      rgba(24, 95, 165, .025) 40px,
      rgba(24, 95, 165, .025) 41px);
  z-index: 0;
  pointer-events: none;
}

/* ══════════════════════════════════════
   SECTION ANIMATIONS
══════════════════════════════════════ */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(28px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeLeft {
  from {
    opacity: 0;
    transform: translateX(-28px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes scaleDot {
  from {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }

  100% {
    background-position: 400px 0;
  }
}

@keyframes floatY {

  0%,
  100% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-8px);
  }
}

@keyframes rotateRing {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {

  0%,
  100% {
    opacity: .5;
    transform: scale(1);
  }

  50% {
    opacity: .8;
    transform: scale(1.06);
  }
}

/* ══════════════════════════════════════
   HERO BANNER
══════════════════════════════════════ */
/* .hero {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 48px;
  align-items: center;
  margin-bottom: 80px;
  opacity: 0;
  animation: fadeUp .8s .05s ease forwards;
} */
@media (max-width: 900px) {
  .hero {
    grid-template-columns: 1fr;
  }

  .hero-visual {
    display: none;
  }
}

.hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 14px 5px 6px;
  background: linear-gradient(135deg, var(--blue-1), var(--blue-2));
  border-radius: 100px;
  margin-bottom: 24px;
}

.hero-badge-dot {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .2);
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-badge-dot svg {
  width: 13px;
  height: 13px;
  stroke: #fff;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.hero-badge span {
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .95);
}

.hero-title {
  font-family: 'Fraunces', serif;
  font-size: clamp(38px, 5.2vw, 62px);
  font-weight: 900;
  line-height: 1.04;
  letter-spacing: -.02em;
  color: var(--ink);
  margin-bottom: 8px;
}

.hero-title .year-tag {
  display: inline-block;
  background: linear-gradient(115deg, var(--blue-1) 0%, var(--blue-3) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.hero-sub {
  font-family: 'Fraunces', serif;
  font-size: clamp(18px, 2.5vw, 24px);
  font-weight: 700;
  font-style: italic;
  color: var(--blue-2);
  margin-bottom: 22px;
  letter-spacing: -.01em;
}

.hero-desc {
  font-size: 15.5px;
  color: var(--muted);
  line-height: 1.8;
  max-width: 560px;
  margin-bottom: 32px;
}

/* Lifecycle chips */
.lifecycle-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.lc-chip {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--r-pill);
  padding: 7px 16px;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--ink-soft);
  box-shadow: var(--sh-card);
  transition: border-color .25s, color .25s, transform .25s;
  cursor: default;
}

.lc-chip:hover {
  border-color: var(--blue-2);
  color: var(--blue-1);
  transform: translateY(-2px);
}

.lc-chip .lc-n {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--blue-1), var(--blue-3));
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* ── Hero visual (decorative) ── */
.hero-visual {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 320px;
}

.visual-ring {
  width: 280px;
  height: 280px;
  border-radius: 50%;
  border: 1.5px dashed rgba(24, 95, 165, .2);
  position: absolute;
  animation: rotateRing 30s linear infinite;
}

.visual-ring-2 {
  width: 210px;
  height: 210px;
  border-radius: 50%;
  border: 1px solid rgba(30, 136, 229, .15);
  position: absolute;
  animation: rotateRing 20s linear infinite reverse;
}

.visual-core {
  width: 140px;
  height: 140px;
  border-radius: 28px;
  background: linear-gradient(135deg, var(--blue-1) 0%, var(--blue-3) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  animation: floatY 5s ease-in-out infinite;
  box-shadow: 0 20px 60px rgba(24, 95, 165, .35), 0 4px 12px rgba(24, 95, 165, .2);
}

.visual-core svg {
  width: 52px;
  height: 52px;
  stroke: #fff;
  fill: none;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.visual-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--blue-2);
  position: absolute;
  animation: pulse 3s ease-in-out infinite;
}

.vd-1 {
  top: 40px;
  right: 60px;
}

.vd-2 {
  bottom: 50px;
  left: 50px;
  animation-delay: 1s;
  background: var(--blue-3);
}

.vd-3 {
  top: 60px;
  left: 40px;
  animation-delay: 1.8s;
  background: var(--blue-1);
}

/* ══════════════════════════════════════
   SECTION TITLES
══════════════════════════════════════ */
.sec-head {
  display: flex;
  align-items: center;
  gap: 0;
  margin-bottom: 32px;
}

.sec-head-line-left {
  width: 4px;
  height: 38px;
  background: linear-gradient(180deg, #185fa5, #42a5f5);
  border-radius: 4px;
  margin-right: 14px;
  flex-shrink: 0;
}

.sec-head-content {}

.sec-head-overline {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #1e88e5;
  margin-bottom: 2px;
}

.sec-head-title {
  font-size: clamp(20px, 2.8vw, 28px);
  font-weight: 700;
  color: var(--ink);
  line-height: 1.15;
}

/* ══════════════════════════════════════
   INCORPORATION GRID
══════════════════════════════════════ */
.incorporation-block {
  margin-bottom: 56px;
  opacity: 0;
  transform: translateY(24px);
}

.incorporation-block.visible {
  animation: fadeUp .75s ease forwards;
}

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

@media (max-width: 900px) {
  .inc-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 520px) {
  .inc-grid {
    grid-template-columns: 1fr;
  }
}

.inc-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 26px 22px 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  box-shadow: var(--sh-card);
  transition: transform .32s cubic-bezier(.22, .68, 0, 1.18),
    box-shadow .32s ease,
    border-color .25s ease;
  opacity: 0;
  transform: translateY(20px);
}

.inc-card.in {
  animation: fadeUp .6s ease forwards;
}

.inc-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--sh-hover);
  border-color: var(--blue-3);
}

/* Number watermark */
.inc-card::before {
  content: attr(data-num);
  position: absolute;
  right: 14px;
  top: 10px;
  font-family: 'Fraunces', serif;
  font-size: 64px;
  font-weight: 900;
  color: rgba(24, 95, 165, .05);
  line-height: 1;
  pointer-events: none;
  transition: color .3s;
}

.inc-card:hover::before {
  color: rgba(24, 95, 165, .08);
}

/* Left edge accent */
.inc-card::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, var(--blue-1), var(--blue-3));
  border-radius: 4px 0 0 4px;
  transform: scaleY(0);
  transform-origin: top;
  transition: transform .4s cubic-bezier(.22, .68, 0, 1.2);
}

.inc-card:hover::after {
  transform: scaleY(1);
}

.inc-num {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: #E3F2FD;
  border: 1px solid #bbdefb;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Fraunces', serif;
  font-size: 15px;
  font-weight: 900;
  color: var(--blue-1);
  flex-shrink: 0;
  transition: background .28s ease, color .28s ease, border-color .28s;
}

.inc-card:hover .inc-num {
  background: linear-gradient(135deg, #185fa5, #1e88e5);
  color: #fff;
  border-color: transparent;
}

.inc-title {
  font-size: 14.5px;
  font-weight: 600;
  color: #04213F;
  line-height: 1.35;
  flex: 1;
  transition: color .25s;
}

.inc-card:hover .inc-title {
  color: var(--blue-1);
}

.inc-arrow {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #1e88e5;
  margin-top: 4px;
  transition: color .25s, gap .28s;
}

.inc-card:hover .inc-arrow {
  color: var(--blue-2);
  gap: 9px;
}

.inc-arrow svg {
  width: 13px;
  height: 13px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform .28s;
}

.inc-card:hover .inc-arrow svg {
  transform: translateX(4px);
}

/* ══════════════════════════════════════
   THREE COMPLIANCE CARDS (horiz strip)
══════════════════════════════════════ */
.compliance-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-bottom: 56px;
  opacity: 0;
  transform: translateY(24px);
}

.compliance-strip.visible {
  animation: fadeUp .75s ease forwards;
}

@media (max-width: 720px) {
  .compliance-strip {
    grid-template-columns: 1fr;
  }
}

.comp-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 24px;
  padding: 34px 28px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  box-shadow: var(--sh-card);
  transition: transform .35s cubic-bezier(.22, .68, 0, 1.15),
    box-shadow .35s ease,
    border-color .25s;
}

.comp-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--sh-hover);
  border-color: #42a5f5;
}

/* Shimmering top gradient */
.comp-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  right: -100%;
  height: 3px;
  background: linear-gradient(90deg,
      transparent 0%,
      #185fa5 30%,
      #42a5f5 50%,
      #185fa5 70%,
      transparent 100%);
  background-size: 400px 100%;
  border-radius: var(--r-lg) var(--r-lg) 0 0;
  transition: left .5s ease;
  opacity: 0;
}

.comp-card:hover::before {
  animation: shimmer .8s ease forwards;
  opacity: 1;
  left: 0;
  right: 0;
}

.comp-icon-wrap {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  background: #e3f2fd;
  border: 1px solid #bbdefb;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .3s ease, transform .3s ease;
  flex-shrink: 0;
}

.comp-card:hover .comp-icon-wrap {
  background: linear-gradient(135deg, #185fa5, #1e88e5);
  border-color: transparent;
  transform: rotate(-6deg) scale(1.08);
}

.comp-icon-wrap svg {
  width: 24px;
  height: 24px;
  stroke: #185fa5;
  fill: none;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke .3s;
}

.comp-card:hover .comp-icon-wrap svg {
  stroke: #fff;
}

.comp-label {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
  color: var(--blue-1);
  background: var(--blue-6);
  border: 1px solid var(--blue-5);
  border-radius: var(--r-pill);
  padding: 3px 10px;
  width: fit-content;
  transition: background .25s, color .25s;
}

.comp-card:hover .comp-label {
  background: var(--blue-6);
}

.comp-title {
  font-size: 20px;
  font-weight: 700;
  color: #04213F;
  line-height: 1.25;
  transition: color .25s;
}

.comp-card:hover .comp-title {
  color: var(--blue-1);
}

.comp-desc {
  font-size: 13.5px;
  color: var(--muted);
  line-height: 1.7;
  flex: 1;
}

.comp-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--muted);
  margin-top: auto;
  transition: color .25s, gap .28s;
}

.comp-card:hover .comp-link {
  color: #5B7FA0;
  gap: 12px;
}

.comp-link svg {
  width: 14px;
  height: 14px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform .28s;
}

.comp-card:hover .comp-link svg {
  transform: translateX(5px);
}

/* Featured (Post-Incorporation) gets accent bg */
.comp-card.featured-comp {
  background: linear-gradient(150deg, #04213f 0%, #1c3d5e 50%, #185fa5 100%);
  border-color: transparent;
}

.comp-card.featured-comp:hover {
  border-color: transparent;
  box-shadow: 0 20px 60px rgba(4, 33, 63, .28), 0 4px 12px rgba(4, 33, 63, .14);
}

.comp-card.featured-comp .comp-icon-wrap {
  background: rgba(255, 255, 255, .12);
  border-color: rgba(255, 255, 255, .18);
}

.comp-card.featured-comp:hover .comp-icon-wrap {
  background: rgba(255, 255, 255, .22);
  transform: rotate(-6deg) scale(1.08);
}

.comp-card.featured-comp .comp-icon-wrap svg {
  stroke: #fff;
}

.comp-card.featured-comp .comp-label {
  background: rgba(255, 255, 255, .12);
  border-color: rgba(255, 255, 255, .2);
  color: rgba(255, 255, 255, .9);
}

.comp-card.featured-comp .comp-title {
  color: #fff;
}

.comp-card.featured-comp:hover .comp-title {
  color: #fff;
}

.comp-card.featured-comp .comp-desc {
  color: rgba(255, 255, 255, .65);
}

.comp-card.featured-comp .comp-link {
  color: rgba(255, 255, 255, .55);
}

.comp-card.featured-comp:hover .comp-link {
  color: rgba(255, 255, 255, .9);
}

.comp-card.featured-comp::before {
  display: none;
}

/* ══════════════════════════════════════
   OTHER COMPLIANCE
══════════════════════════════════════ */
.other-block {
  margin-bottom: 60px;
  opacity: 0;
  transform: translateY(24px);
}

.other-block.visible {
  animation: fadeUp .75s ease forwards;
}

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

@media (max-width: 800px) {
  .other-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .other-grid {
    grid-template-columns: 1fr;
  }
}

.other-card {
  background: var(--white);
  border: 1px solid #cde0f8;
  border-radius: 16px;
  padding: 28px 24px;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: 14px;
  position: relative;
  overflow: hidden;
  box-shadow: var(--sh-card);
  transition: transform .32s cubic-bezier(.22, .68, 0, 1.18),
    box-shadow .32s ease,
    border-color .25s;
  opacity: 0;
  transform: translateY(18px);
}

.other-card.in {
  animation: fadeUp .6s ease forwards;
}

.other-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--sh-hover);
  border-color: var(--blue-3);
}

.other-card::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--blue-1), var(--blue-3));
  border-radius: 0 0 var(--r-md) var(--r-md);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .4s cubic-bezier(.22, .68, 0, 1.2);
}

.other-card:hover::after {
  transform: scaleX(1);
}

.other-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #e3f2fd;
  border: 1px solid #bbdefb;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .28s, transform .28s;
}

.other-card:hover .other-icon {
  background: linear-gradient(135deg, #185fa5, #1e88e5);
  border-color: transparent;
  transform: scale(1.1) rotate(-5deg);
}

.other-icon svg {
  width: 20px;
  height: 20px;
  stroke: #185fa5;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke .28s;
}

.other-card:hover .other-icon svg {
  stroke: #fff;
}

.other-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--ink);
  line-height: 1.4;
  flex: 1;
  transition: color .25s;
}

.other-card:hover .other-title {
  color: var(--blue-1);
}

.other-link {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--muted);
  transition: color .25s, gap .28s;
}

.other-card:hover .other-link {
  color: var(--blue-2);
  gap: 10px;
}

.other-link svg {
  width: 12px;
  height: 12px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2.3;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform .28s;
}

.other-card:hover .other-link svg {
  transform: translateX(4px);
}

/* ══════════════════════════════════════
   CLOSING STATEMENT
══════════════════════════════════════ */
.closing-card {
  background: linear-gradient(135deg, var(--ink) 0%, var(--blue-1) 60%, var(--blue-2) 100%);
  border-radius: var(--r-lg);
  padding: 52px 56px;
  display: flex;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
  opacity: 0;
  transform: translateY(28px);
}

.closing-card.visible {
  animation: fadeUp .8s ease forwards;
}

/* decorative circles */
.closing-card::before {
  content: '';
  position: absolute;
  width: 380px;
  height: 380px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .07);
  top: -160px;
  right: -100px;
  pointer-events: none;
}

.closing-card::after {
  content: '';
  position: absolute;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .06);
  bottom: -80px;
  left: -60px;
  pointer-events: none;
}

.closing-quote-mark {
  font-family: 'Fraunces', serif;
  font-size: 96px;
  font-weight: 900;
  color: rgba(255, 255, 255, .1);
  line-height: .8;
  position: absolute;
  top: 22px;
  left: 36px;
  pointer-events: none;
}

.closing-text {
  flex: 1;
  min-width: 260px;
  position: relative;
  z-index: 1;
}

.closing-text p {
  font-size: 17px;
  font-weight: 400;
  color: rgba(255, 255, 255, .85);
  line-height: 1.75;
  max-width: 580px;
}

.closing-text p strong {
  color: #fff;
  font-weight: 600;
}

.closing-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--white);
  color: var(--blue-1);
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 700;
  padding: 16px 32px;
  border-radius: var(--r-pill);
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 8px 28px rgba(0, 0, 0, .18);
  transition: transform .28s ease, box-shadow .28s ease;
  position: relative;
  z-index: 1;
  flex-shrink: 0;
}

.closing-cta:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 44px rgba(0, 0, 0, .25);
}

.closing-cta svg {
  width: 16px;
  height: 16px;
  stroke: var(--blue-1);
  fill: none;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform .28s;
}

.closing-cta:hover svg {
  transform: translateX(5px);
}

@media (max-width: 640px) {
  .ca-wrap {
    padding: 64px 16px 80px;
  }

  .closing-card {
    padding: 36px 28px;
    flex-direction: column;
  }

  .closing-cta {
    width: 100%;
    justify-content: center;
  }
}

/* ══════════════════════════════════════
   DIVIDER
══════════════════════════════════════ */
.divider {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 40px;
}

.divider::before,
.divider::after {
  content: '';
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--border-m), transparent);
}

/*=======================LLP css start==========================*/
:root {
  /* Brand palette — EaseTheBiz logo blues */
  --llp-navy: #03213E;
  --llp-deep: #0A3A6B;
  --llp-primary: #1565C0;
  --llp-mid: #1E88E5;
  --llp-bright: #42A5F5;
  --llp-sky: #90CAF9;
  --llp-pale: #BBDEFB;
  --llp-ghost: #E3F2FD;
  --llp-offwhite: #F4F8FF;

  /* Neutrals */
  --llp-black: #000000;
  --llp-ink: #0D1B2A;
  --llp-text: #1C3552;
  --llp-body: #3A5670;
  --llp-muted: #6B8DAE;
  --llp-line: rgba(21, 101, 192, 0.12);
  --llp-line-m: rgba(21, 101, 192, 0.22);
  --llp-white: #FFFFFF;

  /* Shadows */
  --llp-shadow-sm: 0 2px 16px rgba(3, 33, 62, 0.06), 0 1px 4px rgba(3, 33, 62, 0.04);
  --llp-shadow-md: 0 6px 32px rgba(3, 33, 62, 0.10), 0 2px 8px rgba(3, 33, 62, 0.06);
  --llp-shadow-lg: 0 16px 56px rgba(3, 33, 62, 0.15), 0 4px 12px rgba(3, 33, 62, 0.08);
  --llp-shadow-xl: 0 28px 80px rgba(3, 33, 62, 0.20), 0 8px 20px rgba(3, 33, 62, 0.10);

  /* Radius */
  --llp-r-xs: 8px;
  --llp-r-sm: 12px;
  --llp-r-md: 18px;
  --llp-r-lg: 26px;
  --llp-r-xl: 36px;
  --llp-r-pill: 100px;
}

/* =====================================================
   ANIMATIONS
===================================================== */
@keyframes llp-fadeUp {
  from {
    opacity: 0;
    transform: translateY(32px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes llp-fadeLeft {
  from {
    opacity: 0;
    transform: translateX(-24px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes llp-fadeRight {
  from {
    opacity: 0;
    transform: translateX(24px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes llp-scaleIn {
  from {
    opacity: 0;
    transform: scale(0.92);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes llp-float {

  0%,
  100% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-10px);
  }
}

@keyframes llp-rotate-slow {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes llp-pulse-ring {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }

  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes llp-gradient-shift {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes llp-bar-grow {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

@keyframes llp-count {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* =====================================================
   MAIN PAGE WRAPPER
===================================================== */
.llp-page {
  position: relative;
  min-height: 100vh;
  overflow-x: hidden;
}

/* Ambient background layer */
.llp-page::before {
  content: '';
  position: fixed;
  inset: 0;
  background:
    radial-gradient(ellipse 800px 600px at -10% 0%, rgba(21, 101, 192, 0.07) 0%, transparent 55%),
    radial-gradient(ellipse 600px 500px at 110% 100%, rgba(66, 165, 245, 0.06) 0%, transparent 55%),
    radial-gradient(ellipse 400px 400px at 50% 50%, rgba(30, 136, 229, 0.03) 0%, transparent 65%);
  z-index: 0;
  pointer-events: none;
}

/* Fine grid texture */
.llp-page::after {
  content: '';
  position: fixed;
  inset: 0;
  background-image:
    linear-gradient(rgba(21, 101, 192, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 101, 192, 0.025) 1px, transparent 1px);
  background-size: 48px 48px;
  z-index: 0;
  pointer-events: none;
}

.llp-inner {
  position: relative;
  z-index: 1;
  max-width: 1180px;
  margin: 0 auto;
  padding: 72px 24px 100px;
}

/* =====================================================
   PAGE TITLE SECTION
===================================================== */
.llp-title-section {
  margin-bottom: 80px;
  opacity: 0;
  animation: llp-fadeUp 0.9s 0.1s ease forwards;
}

.llp-breadcrumb {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--llp-white);
  border: 1px solid var(--llp-line-m);
  border-radius: var(--llp-r-pill);
  padding: 6px 16px 6px 8px;
  margin-bottom: 28px;
  box-shadow: var(--llp-shadow-sm);
}

.llp-breadcrumb-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--llp-primary), var(--llp-mid));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.llp-breadcrumb-icon svg {
  width: 14px;
  height: 14px;
  stroke: #FFFFFF;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.llp-breadcrumb span {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--llp-primary);
}

.llp-page-title-wrap {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 40px;
  align-items: center;
}

@media (max-width: 768px) {
  .llp-page-title-wrap {
    grid-template-columns: 1fr;
  }
}

.llp-page-heading {
  font-family: 'Playfair Display', serif;
  font-size: clamp(36px, 5.5vw, 64px);
  font-weight: 900;
  line-height: 1.04;
  letter-spacing: -0.02em;
  color: var(--llp-ink);
  margin-bottom: 18px;
}

.llp-page-heading .llp-h-blue {
  display: block;
  background: linear-gradient(110deg, var(--llp-primary) 0%, var(--llp-bright) 60%, var(--llp-sky) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.llp-page-intro {
  font-size: 16px;
  color: var(--llp-body);
  line-height: 1.8;
  max-width: 580px;
}

.llp-page-intro strong {
  color: var(--llp-primary);
  font-weight: 700;
}

/* Lifecycle tabs */
.llp-tabs-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}

.llp-tab-chip {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--llp-white);
  border: 1px solid var(--llp-line-m);
  border-radius: var(--llp-r-pill);
  padding: 8px 18px;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--llp-text);
  box-shadow: var(--llp-shadow-sm);
  cursor: default;
  transition: border-color 0.25s, color 0.25s, transform 0.25s, box-shadow 0.25s;
}

.llp-tab-chip:hover {
  border-color: var(--llp-mid);
  color: var(--llp-primary);
  transform: translateY(-2px);
  box-shadow: var(--llp-shadow-md);
}

.llp-tab-chip .llp-chip-num {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--llp-primary), var(--llp-bright));
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* Stats bar */
.llp-stats-col {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 200px;
}

.llp-stat-box {
  background: var(--llp-white);
  border: 1px solid var(--llp-line);
  border-radius: var(--llp-r-md);
  padding: 18px 22px;
  box-shadow: var(--llp-shadow-sm);
  position: relative;
  overflow: hidden;
}

.llp-stat-box::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, var(--llp-primary), var(--llp-bright));
  border-radius: var(--llp-r-sm) 0 0 var(--llp-r-sm);
}

.llp-stat-val {
  font-family: 'Playfair Display', serif;
  font-size: 28px;
  font-weight: 900;
  color: var(--llp-primary);
  line-height: 1;
  margin-bottom: 4px;
}

.llp-stat-lbl {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--llp-muted);
}

/* =====================================================
   SECTION HEADING COMPONENT
===================================================== */
.llp-section-head {
  display: flex;
  align-items: center;
  gap: 0;
  margin-bottom: 36px;
}

.llp-section-bar {
  width: 5px;
  height: 44px;
  background: linear-gradient(180deg, var(--llp-primary) 0%, var(--llp-bright) 100%);
  border-radius: 4px;
  margin-right: 16px;
  flex-shrink: 0;
}

.llp-section-text {}

.llp-section-overline {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--llp-mid);
  margin-bottom: 3px;
}

.llp-section-title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(22px, 3vw, 32px);
  font-weight: 700;
  color: var(--llp-ink);
  line-height: 1.15;
}

/* =====================================================
   ANNUAL COMPLIANCES SECTION
===================================================== */
.llp-annual-block {
  margin-bottom: 72px;
  opacity: 0;
  transform: translateY(28px);
}

.llp-annual-block.llp-visible {
  animation: llp-fadeUp 0.8s ease forwards;
}

/* Compliance cards — replaces the table */
.llp-comp-cards {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.llp-comp-card {
  background: var(--llp-white);
  border: 1px solid var(--llp-line);
  border-radius: var(--llp-r-lg);
  overflow: hidden;
  box-shadow: var(--llp-shadow-sm);
  display: grid;
  grid-template-columns: 260px 1fr;
  transition: transform 0.32s cubic-bezier(0.22, 0.68, 0, 1.15),
    box-shadow 0.32s ease,
    border-color 0.25s;
  opacity: 0;
  transform: translateY(20px);
}

.llp-comp-card.llp-card-in {
  animation: llp-fadeUp 0.65s ease forwards;
}

.llp-comp-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--llp-shadow-lg);
  border-color: var(--llp-pale);
}

@media (max-width: 768px) {
  .llp-comp-card {
    grid-template-columns: 1fr;
  }
}

/* Left panel */
.llp-comp-left {
  background: linear-gradient(160deg, var(--llp-navy) 0%, var(--llp-deep) 50%, var(--llp-primary) 100%);
  padding: 36px 28px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  position: relative;
  overflow: hidden;
}

.llp-comp-left::before {
  content: '';
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.06);
  top: -70px;
  right: -60px;
  pointer-events: none;
}

.llp-comp-left::after {
  content: '';
  position: absolute;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.05);
  bottom: -40px;
  left: -30px;
  pointer-events: none;
}

.llp-comp-icon-box {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.18);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.llp-comp-icon-box svg {
  width: 24px;
  height: 24px;
  stroke: #FFFFFF;
  fill: none;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.llp-comp-name {
  font-family: 'Playfair Display', serif;
  font-size: 20px;
  font-weight: 700;
  color: #FFFFFF;
  line-height: 1.25;
  position: relative;
  z-index: 1;
}

.llp-comp-form-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: var(--llp-r-pill);
  padding: 7px 14px;
  font-size: 12px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
  width: fit-content;
  position: relative;
  z-index: 1;
}

.llp-comp-form-badge svg {
  width: 13px;
  height: 13px;
  stroke: rgba(255, 255, 255, 0.8);
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Right panel */
.llp-comp-right {
  padding: 32px 34px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (max-width: 768px) {
  .llp-comp-right {
    padding: 26px 24px;
  }
}

.llp-comp-desc {
  font-size: 14.5px;
  color: var(--llp-body);
  line-height: 1.78;
}

.llp-comp-desc strong {
  color: var(--llp-primary);
  font-weight: 700;
}

/* Info row */
.llp-comp-meta-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

@media (max-width: 540px) {
  .llp-comp-meta-row {
    grid-template-columns: 1fr;
  }
}

.llp-meta-item {
  background: var(--llp-ghost);
  border: 1px solid var(--llp-pale);
  border-radius: var(--llp-r-sm);
  padding: 14px 16px;
}

.llp-meta-label {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--llp-muted);
  margin-bottom: 6px;
}

.llp-meta-value {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--llp-text);
  line-height: 1.5;
}

.llp-meta-value strong {
  color: var(--llp-primary);
}

/* Penalty table inside card */
.llp-penalty-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

@media (max-width: 500px) {
  .llp-penalty-grid {
    grid-template-columns: 1fr;
  }
}

.llp-penalty-item {
  background: var(--llp-white);
  border: 1px solid var(--llp-line-m);
  border-radius: var(--llp-r-xs);
  padding: 12px 14px;
  position: relative;
}

.llp-penalty-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  border-radius: var(--llp-r-xs) var(--llp-r-xs) 0 0;
  background: linear-gradient(90deg, var(--llp-primary), var(--llp-bright));
}

.llp-penalty-entity {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--llp-mid);
  margin-bottom: 8px;
}

.llp-penalty-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12.5px;
  color: var(--llp-body);
  padding: 3px 0;
  border-bottom: 1px solid rgba(21, 101, 192, 0.06);
}

.llp-penalty-row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.llp-penalty-row span:first-child {
  color: var(--llp-muted);
  font-weight: 500;
}

.llp-penalty-row span:last-child {
  font-weight: 700;
  color: var(--llp-text);
}

/* Minutes card — full width different style */
.llp-comp-card.llp-card-minutes {
  grid-template-columns: 1fr;
  background: var(--llp-white);
}

.llp-minutes-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
}

@media (max-width: 640px) {
  .llp-minutes-inner {
    grid-template-columns: 1fr;
  }
}

.llp-minutes-left {
  padding: 36px 32px;
  border-right: 1px solid var(--llp-line);
}

@media (max-width: 640px) {
  .llp-minutes-left {
    border-right: none;
    border-bottom: 1px solid var(--llp-line);
  }
}

.llp-minutes-right {
  padding: 36px 32px;
  background: linear-gradient(135deg, var(--llp-ghost) 0%, var(--llp-white) 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 14px;
}

.llp-minutes-title {
  font-family: 'Playfair Display', serif;
  font-size: 22px;
  font-weight: 700;
  color: var(--llp-ink);
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.llp-minutes-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--llp-ghost);
  border: 1px solid var(--llp-pale);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.llp-minutes-icon svg {
  width: 20px;
  height: 20px;
  stroke: var(--llp-primary);
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.llp-minutes-desc {
  font-size: 14.5px;
  color: var(--llp-body);
  line-height: 1.78;
}

.llp-minutes-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--llp-ghost);
  border: 1px solid var(--llp-pale);
  border-radius: var(--llp-r-sm);
  padding: 12px 16px;
  margin-top: 4px;
}

.llp-minutes-badge svg {
  width: 16px;
  height: 16px;
  stroke: var(--llp-mid);
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}

.llp-minutes-badge span {
  font-size: 13px;
  font-weight: 600;
  color: var(--llp-text);
  line-height: 1.5;
}

.llp-highlight-note {
  font-size: 12.5px;
  color: var(--llp-muted);
  line-height: 1.6;
  font-style: italic;
}

/* =====================================================
   DIVIDER
===================================================== */
.llp-divider {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 0 0 40px 0;
}

.llp-divider::before,
.llp-divider::after {
  content: '';
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--llp-line-m), transparent);
}

/* =====================================================
   CLOSURE COMPLIANCES SECTION
===================================================== */
.llp-closure-block {
  margin-bottom: 72px;
  opacity: 0;
  transform: translateY(28px);
}

.llp-closure-block.llp-visible {
  animation: llp-fadeUp 0.8s ease forwards;
}

/* Intro highlight */
.llp-closure-intro {
  background: linear-gradient(135deg, var(--llp-navy) 0%, var(--llp-deep) 50%, var(--llp-primary) 100%);
  border-radius: var(--llp-r-xl);
  padding: 44px 48px;
  margin-bottom: 36px;
  position: relative;
  overflow: hidden;
}

.llp-closure-intro::before {
  content: '';
  position: absolute;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.05);
  top: -160px;
  right: -120px;
  pointer-events: none;
}

.llp-closure-intro::after {
  content: '';
  position: absolute;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.04);
  bottom: -80px;
  left: -60px;
  pointer-events: none;
}

.llp-fte-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: var(--llp-r-pill);
  padding: 5px 14px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 18px;
}

.llp-fte-title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(20px, 3vw, 28px);
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 14px;
  position: relative;
  z-index: 1;
  line-height: 1.25;
}

.llp-fte-desc {
  font-size: 14.5px;
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.78;
  max-width: 680px;
  position: relative;
  z-index: 1;
}

.llp-fte-desc strong {
  color: #FFFFFF;
  font-weight: 700;
}

/* Applicability */
.llp-applicability-box {
  background: var(--llp-white);
  border: 1px solid var(--llp-line);
  border-radius: var(--llp-r-lg);
  padding: 32px 36px;
  margin-bottom: 28px;
  box-shadow: var(--llp-shadow-sm);
}

.llp-app-title {
  font-family: 'Playfair Display', serif;
  font-size: 18px;
  font-weight: 700;
  color: var(--llp-ink);
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.llp-app-title svg {
  width: 20px;
  height: 20px;
  stroke: var(--llp-primary);
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.llp-app-intro {
  font-size: 14px;
  color: var(--llp-body);
  line-height: 1.75;
  margin-bottom: 16px;
}

.llp-app-points {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.llp-app-points li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 14px;
  color: var(--llp-body);
  line-height: 1.7;
}

.llp-point-dot {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--llp-primary), var(--llp-bright));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}

.llp-point-dot svg {
  width: 12px;
  height: 12px;
  stroke: #FFFFFF;
  fill: none;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Procedure steps */
.llp-proc-title {
  font-family: 'Playfair Display', serif;
  font-size: 18px;
  font-weight: 700;
  color: var(--llp-ink);
  margin-bottom: 22px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.llp-proc-title svg {
  width: 20px;
  height: 20px;
  stroke: var(--llp-primary);
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.llp-form24-tag {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: var(--llp-ghost);
  border: 1px solid var(--llp-pale);
  border-radius: var(--llp-r-pill);
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 700;
  color: var(--llp-primary);
  margin-bottom: 20px;
}

.llp-form24-tag svg {
  width: 14px;
  height: 14px;
  stroke: var(--llp-primary);
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Affidavit numbered steps */
.llp-affidavit-block {
  background: var(--llp-ghost);
  border: 1px solid var(--llp-pale);
  border-radius: var(--llp-r-md);
  padding: 24px 28px;
  margin: 16px 0;
}

.llp-affidavit-title {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--llp-primary);
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.llp-affidavit-title svg {
  width: 16px;
  height: 16px;
  stroke: var(--llp-primary);
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.llp-affidavit-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.llp-affidavit-list li {
  display: flex;
  gap: 14px;
  font-size: 13.5px;
  color: var(--llp-body);
  line-height: 1.7;
  align-items: flex-start;
}

.llp-step-num {
  min-width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--llp-primary), var(--llp-mid));
  color: #FFFFFF;
  font-size: 11px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 1px;
}

/* Docs list */
.llp-doc-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 16px 0;
}

.llp-doc-list li {
  display: flex;
  gap: 12px;
  font-size: 14px;
  color: var(--llp-body);
  line-height: 1.7;
  align-items: flex-start;
}

.llp-doc-icon {
  width: 26px;
  height: 26px;
  border-radius: 8px;
  background: var(--llp-ghost);
  border: 1px solid var(--llp-pale);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}

.llp-doc-icon svg {
  width: 13px;
  height: 13px;
  stroke: var(--llp-mid);
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Timeline flow for closing steps */
.llp-timeline {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 28px;
}

.llp-timeline-item {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

.llp-timeline-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  width: 44px;
}

.llp-tl-circle {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--llp-primary), var(--llp-bright));
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 16px rgba(21, 101, 192, 0.28);
  flex-shrink: 0;
}

.llp-tl-circle svg {
  width: 20px;
  height: 20px;
  stroke: #FFFFFF;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.llp-tl-line {
  width: 2px;
  flex: 1;
  min-height: 32px;
  background: linear-gradient(180deg, var(--llp-pale), transparent);
  margin: 6px 0;
}

.llp-timeline-right {
  padding-bottom: 28px;
  flex: 1;
}

.llp-tl-label {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--llp-mid);
  margin-bottom: 6px;
  margin-top: 10px;
}

.llp-tl-text {
  font-size: 14.5px;
  color: var(--llp-body);
  line-height: 1.72;
}

.llp-tl-text strong {
  color: var(--llp-primary);
  font-weight: 700;
}

/* =====================================================
   OTHER COMPLIANCES SECTION
===================================================== */
.llp-other-block {
  margin-bottom: 72px;
  opacity: 0;
  transform: translateY(28px);
}

.llp-other-block.llp-visible {
  animation: llp-fadeUp 0.8s ease forwards;
}

.llp-other-intro {
  font-size: 15px;
  color: var(--llp-body);
  line-height: 1.8;
  margin-bottom: 32px;
  max-width: 780px;
}

.llp-changes-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

@media (max-width: 900px) {
  .llp-changes-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 560px) {
  .llp-changes-grid {
    grid-template-columns: 1fr;
  }
}

.llp-change-card {
  background: var(--llp-white);
  border: 1px solid var(--llp-line);
  border-radius: var(--llp-r-lg);
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
  overflow: hidden;
  box-shadow: var(--llp-shadow-sm);
  transition: transform 0.32s cubic-bezier(0.22, 0.68, 0, 1.18),
    box-shadow 0.32s ease,
    border-color 0.25s;
  opacity: 0;
  transform: translateY(20px);
}

.llp-change-card.llp-card-in {
  animation: llp-fadeUp 0.6s ease forwards;
}

.llp-change-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--llp-shadow-lg);
  border-color: var(--llp-pale);
}

/* Watermark number */
.llp-change-card::before {
  content: attr(data-num);
  position: absolute;
  right: 12px;
  top: 8px;
  font-family: 'Playfair Display', serif;
  font-size: 72px;
  font-weight: 900;
  color: rgba(21, 101, 192, 0.04);
  line-height: 1;
  pointer-events: none;
  transition: color 0.3s;
}

.llp-change-card:hover::before {
  color: rgba(21, 101, 192, 0.07);
}

/* Bottom accent bar */
.llp-change-card::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--llp-primary), var(--llp-bright));
  border-radius: 0 0 var(--llp-r-lg) var(--llp-r-lg);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s cubic-bezier(0.22, 0.68, 0, 1.2);
}

.llp-change-card:hover::after {
  transform: scaleX(1);
}

.llp-change-icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: var(--llp-ghost);
  border: 1px solid var(--llp-pale);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  transition: background 0.28s, transform 0.28s, border-color 0.28s;
}

.llp-change-card:hover .llp-change-icon {
  background: linear-gradient(135deg, var(--llp-primary), var(--llp-mid));
  border-color: transparent;
  transform: rotate(-5deg) scale(1.08);
}

.llp-change-icon svg {
  width: 22px;
  height: 22px;
  stroke: var(--llp-primary);
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke 0.28s;
}

.llp-change-card:hover .llp-change-icon svg {
  stroke: #FFFFFF;
}

.llp-change-type {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--llp-mid);
  margin-bottom: 8px;
}

.llp-change-title {
  font-family: 'Playfair Display', serif;
  font-size: 17px;
  font-weight: 700;
  color: var(--llp-ink);
  line-height: 1.3;
  margin-bottom: 14px;
  transition: color 0.25s;
}

.llp-change-card:hover .llp-change-title {
  color: var(--llp-primary);
}

.llp-change-desc {
  font-size: 13.5px;
  color: var(--llp-body);
  line-height: 1.72;
  flex: 1;
  margin-bottom: 18px;
}

.llp-change-desc strong {
  color: var(--llp-primary);
  font-weight: 700;
}

.llp-eform-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--llp-ghost);
  border: 1px solid var(--llp-pale);
  border-radius: var(--llp-r-pill);
  padding: 5px 12px;
  font-size: 11.5px;
  font-weight: 700;
  color: var(--llp-primary);
  width: fit-content;
  margin-top: auto;
  transition: background 0.25s, border-color 0.25s;
}

.llp-change-card:hover .llp-eform-tag {
  background: var(--llp-ghost);
  border-color: var(--llp-sky);
}

.llp-eform-tag svg {
  width: 12px;
  height: 12px;
  stroke: var(--llp-primary);
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* =====================================================
   CLOSING CTA BANNER
===================================================== */
.llp-cta-banner {
  background: linear-gradient(135deg, var(--llp-navy) 0%, var(--llp-deep) 40%, var(--llp-primary) 80%, var(--llp-mid) 100%);
  background-size: 200% 200%;
  animation: llp-gradient-shift 8s ease infinite;
  border-radius: var(--llp-r-xl);
  padding: 56px 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 36px;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
  opacity: 0;
  transform: translateY(28px);
}

.llp-cta-banner.llp-visible {
  animation: llp-fadeUp 0.8s ease forwards, llp-gradient-shift 8s ease infinite;
}

.llp-cta-banner::before {
  content: '';
  position: absolute;
  width: 450px;
  height: 450px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.06);
  top: -180px;
  right: -130px;
  pointer-events: none;
}

.llp-cta-banner::after {
  content: '';
  position: absolute;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.05);
  bottom: -100px;
  left: -60px;
  pointer-events: none;
}

.llp-cta-quote {
  font-family: 'Playfair Display', serif;
  font-size: 120px;
  font-weight: 900;
  color: rgba(255, 255, 255, 0.07);
  line-height: 0.8;
  position: absolute;
  top: 18px;
  left: 40px;
  pointer-events: none;
  font-style: italic;
}

.llp-cta-text {
  position: relative;
  z-index: 1;
  flex: 1;
  min-width: 260px;
}

.llp-cta-text p {
  font-size: 17.5px;
  color: rgba(255, 255, 255, 0.88);
  line-height: 1.78;
  max-width: 560px;
}

.llp-cta-text p strong {
  color: #FFFFFF;
  font-weight: 700;
}

.llp-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #FFFFFF;
  color: var(--llp-primary);
  font-family: 'Manrope', sans-serif;
  font-size: 14px;
  font-weight: 800;
  padding: 18px 36px;
  border-radius: var(--llp-r-pill);
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
  transition: transform 0.28s ease, box-shadow 0.28s ease;
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  letter-spacing: 0.01em;
}

.llp-cta-btn:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.26);
}

.llp-cta-btn svg {
  width: 16px;
  height: 16px;
  stroke: var(--llp-primary);
  fill: none;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.28s;
}

.llp-cta-btn:hover svg {
  transform: translateX(5px);
}

@media (max-width: 640px) {
  .llp-inner {
    padding: 48px 16px 72px;
  }

  .llp-closure-intro {
    padding: 32px 28px;
  }

  .llp-cta-banner {
    padding: 40px 28px;
    flex-direction: column;
  }

  .llp-cta-btn {
    width: 100%;
    justify-content: center;
  }
}

/* White card wrapper for procedure section */
.llp-proc-card {
  background: var(--llp-white);
  border: 1px solid var(--llp-line);
  border-radius: var(--llp-r-lg);
  padding: 36px 40px;
  box-shadow: var(--llp-shadow-sm);
}

@media (max-width: 640px) {
  .llp-proc-card {
    padding: 24px 20px;
  }
}

/*===========labour law css start============*/

:root {
  /* ── EaseTheBiz Logo Blues ── */
  --ll-c900: #011E3C;
  --ll-c800: #053563;
  --ll-c700: #0D52A0;
  --ll-c600: #1565C0;
  --ll-c500: #1E88E5;
  --ll-c400: #42A5F5;
  --ll-c300: #90CAF9;
  --ll-c200: #BBDEFB;
  --ll-c100: #DDEEFB;
  --ll-c50: #EEF7FF;
  --ll-c25: #F5FAFF;

  /* ── Neutrals ── */
  --ll-black: #000000;
  --ll-ink: #060F1C;
  --ll-text: #162840;
  --ll-body: #334E6A;
  --ll-muted: #607A95;
  --ll-line: rgba(21, 101, 192, 0.11);
  --ll-lineM: rgba(21, 101, 192, 0.20);
  --ll-white: #FFFFFF;
  --ll-surface: #F8FBFF;

  /* ── Shadows ── */
  --ll-sh1: 0 1px 12px rgba(1, 30, 60, 0.06), 0 1px 3px rgba(1, 30, 60, 0.04);
  --ll-sh2: 0 4px 28px rgba(1, 30, 60, 0.09), 0 1px 6px rgba(1, 30, 60, 0.05);
  --ll-sh3: 0 12px 48px rgba(1, 30, 60, 0.13), 0 3px 10px rgba(1, 30, 60, 0.07);
  --ll-sh4: 0 24px 72px rgba(1, 30, 60, 0.17), 0 6px 16px rgba(1, 30, 60, 0.08);

  /* ── Radii ── */
  --ll-r4: 4px;
  --ll-r8: 8px;
  --ll-r12: 12px;
  --ll-r16: 16px;
  --ll-r20: 20px;
  --ll-r28: 28px;
  --ll-r36: 36px;
  --ll-rpill: 100px;
}

/* ═══════════════════════════════════════════════
   KEYFRAMES
═══════════════════════════════════════════════ */
@keyframes ll-up {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes ll-left {
  from {
    opacity: 0;
    transform: translateX(-24px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes ll-scale {
  from {
    opacity: 0;
    transform: scale(0.94);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes ll-float {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-8px);
  }
}

@keyframes ll-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes ll-bar {
  from {
    transform: scaleX(0);
  }

  to {
    transform: scaleX(1);
  }
}

@keyframes ll-fade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes ll-shimmer {
  0% {
    background-position: -500px 0;
  }

  100% {
    background-position: 500px 0;
  }
}

/* ═══════════════════════════════════════════════
   PAGE WRAPPER
═══════════════════════════════════════════════ */
.ll-page {
  position: relative;
  min-height: 100vh;
}

/* Ambient dots pattern */
.ll-page::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image: radial-gradient(circle, rgba(21, 101, 192, .06) 1px, transparent 1px);
  background-size: 32px 32px;
  z-index: 0;
  pointer-events: none;
}

/* Blue glow blobs */
.ll-page::after {
  content: '';
  position: fixed;
  inset: 0;
  background:
    radial-gradient(ellipse 700px 500px at -5% 10%, rgba(21, 101, 192, .07) 0%, transparent 55%),
    radial-gradient(ellipse 500px 400px at 105% 85%, rgba(66, 165, 245, .06) 0%, transparent 55%);
  z-index: 0;
  pointer-events: none;
}

.ll-wrap {
  position: relative;
  z-index: 1;
  max-width: 1180px;
  margin: 0 auto;
  padding: 68px 24px 110px;
}

/* ═══════════════════════════════════════════════
   PAGE INTRO HEADER
═══════════════════════════════════════════════ */
.ll-intro {
  margin-bottom: 72px;
  opacity: 0;
  animation: ll-up .85s .05s ease forwards;
}

.ll-intro-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: linear-gradient(135deg, var(--ll-c700), var(--ll-c500));
  border-radius: var(--ll-rpill);
  padding: 5px 16px 5px 7px;
  margin-bottom: 26px;
}

.ll-eyebrow-dot {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .22);
  display: flex;
  align-items: center;
  justify-content: center;
}

.ll-eyebrow-dot svg {
  width: 13px;
  height: 13px;
  stroke: #FFFFFF;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ll-intro-eyebrow span {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #FFFFFF;
}

.ll-intro-grid {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 48px;
  align-items: flex-start;
}

@media (max-width: 860px) {
  .ll-intro-grid {
    grid-template-columns: 1fr;
  }
}

.ll-page-title {
  font-family: 'DM Serif Display', serif;
  font-size: clamp(40px, 5.5vw, 68px);
  font-weight: 400;
  line-height: 1.06;
  letter-spacing: -.02em;
  color: var(--ll-ink);
  margin-bottom: 20px;
}

.ll-title-accent {
  display: block;
  background: linear-gradient(110deg, var(--ll-c700) 0%, var(--ll-c500) 50%, var(--ll-c400) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-style: italic;
}

.ll-page-desc {
  font-size: 15.5px;
  color: var(--ll-body);
  line-height: 1.82;
  max-width: 580px;
}

.ll-page-desc+.ll-page-desc {
  margin-top: 10px;
}

/* Acts overview chips */
.ll-acts-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}

.ll-act-chip {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--ll-white);
  border: 1px solid var(--ll-lineM);
  border-radius: var(--ll-rpill);
  padding: 7px 16px;
  font-size: 12px;
  font-weight: 600;
  color: var(--ll-text);
  box-shadow: var(--ll-sh1);
  cursor: default;
  transition: border-color .22s, color .22s, transform .22s;
}

.ll-act-chip:hover {
  border-color: var(--ll-c400);
  color: var(--ll-c700);
  transform: translateY(-2px);
}

.ll-act-chip-n {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--ll-c700), var(--ll-c400));
  color: #FFFFFF;
  font-size: 9px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* Intro right — stat panel */
.ll-intro-stats {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ll-istat {
  background: var(--ll-white);
  border: 1px solid var(--ll-line);
  border-radius: var(--ll-r16);
  padding: 16px 20px;
  box-shadow: var(--ll-sh1);
  position: relative;
  overflow: hidden;
}

.ll-istat::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, var(--ll-c600), var(--ll-c400));
  border-radius: var(--ll-r4) 0 0 var(--ll-r4);
}

.ll-istat-val {
  font-family: 'DM Serif Display', serif;
  font-size: 26px;
  color: var(--ll-c700);
  line-height: 1;
  margin-bottom: 4px;
}

.ll-istat-lbl {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--ll-muted);
}

/* ═══════════════════════════════════════════════
   LAWS CATALOGUE — two category cards
═══════════════════════════════════════════════ */
.ll-catalogue {
  margin-bottom: 72px;
  opacity: 0;
  transform: translateY(24px);
}

.ll-catalogue.ll-vis {
  animation: ll-up .75s ease forwards;
}

.ll-cat-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

@media (max-width: 760px) {
  .ll-cat-grid {
    grid-template-columns: 1fr;
  }
}

.ll-cat-card {
  background: var(--ll-white);
  border: 1px solid var(--ll-line);
  border-radius: var(--ll-r20);
  overflow: hidden;
  box-shadow: var(--ll-sh1);
  transition: transform .3s cubic-bezier(.22, .68, 0, 1.15), box-shadow .3s ease, border-color .22s;
  opacity: 0;
  transform: translateY(18px);
}

.ll-cat-card.ll-cin {
  animation: ll-up .6s ease forwards;
}

.ll-cat-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--ll-sh3);
  border-color: var(--ll-c200);
}

.ll-cat-head {
  background: linear-gradient(135deg, var(--ll-c900) 0%, var(--ll-c700) 50%, var(--ll-c500) 100%);
  padding: 22px 26px;
  display: flex;
  align-items: center;
  gap: 14px;
  position: relative;
  overflow: hidden;
}

.ll-cat-head::after {
  content: '';
  position: absolute;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .07);
  right: -60px;
  top: -60px;
  pointer-events: none;
}

.ll-cat-head-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: rgba(255, 255, 255, .13);
  border: 1px solid rgba(255, 255, 255, .18);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.ll-cat-head-icon svg {
  width: 20px;
  height: 20px;
  stroke: #FFFFFF;
  fill: none;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ll-cat-head-text {}

.ll-cat-head-label {
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .65);
  margin-bottom: 2px;
}

.ll-cat-head-title {
  font-size: 15px;
  color: #FFFFFF;
  line-height: 1.25;
}

.ll-cat-body {
  padding: 22px 26px;
}

.ll-cat-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ll-cat-list li {
  display: flex;
  gap: 11px;
  align-items: flex-start;
  font-size: 13.5px;
  color: var(--ll-body);
  line-height: 1.6;
}

.ll-cat-list-num {
  min-width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--ll-c50);
  border: 1px solid var(--ll-c200);
  color: var(--ll-c700);
  font-size: 10px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}

/* Wide — full width category card */
.ll-cat-card.ll-wide {
  grid-column: 1 / -1;
}

/* Additional text below lists */
.ll-cat-note {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--ll-line);
  font-size: 13.5px;
  color: var(--ll-body);
  line-height: 1.65;
}

/* ═══════════════════════════════════════════════
   SECTION HEADER COMPONENT
═══════════════════════════════════════════════ */
.ll-sec-hd {
  display: flex;
  align-items: flex-start;
  gap: 0;
  margin-bottom: 34px;
}

.ll-sec-bar {
  width: 5px;
  height: 46px;
  background: linear-gradient(180deg, var(--ll-c600), var(--ll-c400));
  border-radius: 5px;
  margin-right: 16px;
  flex-shrink: 0;
}

.ll-sec-hd-inner {}

.ll-sec-over {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--ll-c500);
  margin-bottom: 3px;
}

.ll-sec-title {
  font-size: clamp(22px, 3vw, 30px);
  color: var(--ll-ink);
  line-height: 1.15;
}

/* ═══════════════════════════════════════════════
   ACT SECTION BLOCK
═══════════════════════════════════════════════ */
.ll-act-block {
  margin-bottom: 68px;
  opacity: 0;
  transform: translateY(26px);
}

.ll-act-block.ll-vis {
  animation: ll-up .75s ease forwards;
}

/* ── Applicability Card ── */
.ll-apply-card {
  background: var(--ll-white);
  border: 1px solid var(--ll-line);
  border-radius: var(--ll-r20);
  overflow: hidden;
  box-shadow: var(--ll-sh1);
  margin-bottom: 22px;
}

.ll-apply-head {
  background: var(--ll-c50);
  border-bottom: 1px solid var(--ll-line);
  padding: 16px 28px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.ll-apply-head svg {
  width: 18px;
  height: 18px;
  stroke: var(--ll-c600);
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ll-apply-head span {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ll-c600);
}

.ll-apply-body {
  padding: 24px 28px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ll-apply-row {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 18px;
  align-items: flex-start;
}

@media (max-width: 580px) {
  .ll-apply-row {
    grid-template-columns: 1fr;
    gap: 6px;
  }
}

.ll-apply-key {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  font-weight: 700;
  color: var(--ll-c700);
  text-transform: uppercase;
  letter-spacing: .07em;
  line-height: 1.4;
  padding-top: 2px;
}

.ll-apply-key svg {
  width: 14px;
  height: 14px;
  stroke: var(--ll-c500);
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}

.ll-apply-val {
  font-size: 14px;
  color: var(--ll-body);
  line-height: 1.75;
}

.ll-apply-val strong {
  color: var(--ll-c600);
  font-weight: 700;
}

.ll-apply-sep {
  height: 1px;
  background: var(--ll-line);
  grid-column: 1 / -1;
}

/* ── Rate Cards ── */
.ll-rate-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 14px;
  margin-bottom: 22px;
}

.ll-rate-item {
  background: var(--ll-white);
  border: 1px solid var(--ll-line);
  border-radius: var(--ll-r16);
  padding: 20px 20px;
  box-shadow: var(--ll-sh1);
  position: relative;
  overflow: hidden;
  transition: transform .28s ease, box-shadow .28s ease, border-color .22s;
}

.ll-rate-item:hover {
  transform: translateY(-4px);
  box-shadow: var(--ll-sh2);
  border-color: var(--ll-c200);
}

.ll-rate-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--ll-c700), var(--ll-c400));
  border-radius: var(--ll-r16) var(--ll-r16) 0 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s ease;
}

.ll-rate-item:hover::before {
  transform: scaleX(1);
}

.ll-rate-label {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ll-muted);
  margin-bottom: 10px;
}

.ll-rate-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0;
  border-bottom: 1px solid var(--ll-line);
  font-size: 13px;
}

.ll-rate-row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.ll-rate-row .ll-rk {
  color: var(--ll-body);
  font-weight: 500;
}

.ll-rate-row .ll-rv {
  font-weight: 700;
  color: var(--ll-text);
}

.ll-rate-row .ll-rv.ll-rv-emp {
  color: var(--ll-c600);
}

/* ── Compliance Tables ── */
.ll-tbl-wrap {
  background: var(--ll-white);
  border: 1px solid var(--ll-line);
  border-radius: var(--ll-r20);
  overflow: hidden;
  box-shadow: var(--ll-sh1);
  margin-bottom: 22px;
}

.ll-tbl-head-bar {
  background: linear-gradient(90deg, var(--ll-c900), var(--ll-c700));
  padding: 14px 24px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.ll-tbl-head-bar svg {
  width: 18px;
  height: 18px;
  stroke: #FFFFFF;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ll-tbl-head-bar span {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #FFFFFF;
}

.ll-tbl-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.ll-tbl {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
  min-width: 580px;
}

.ll-tbl thead tr {
  background: var(--ll-c25);
}

.ll-tbl thead th {
  padding: 13px 18px;
  text-align: left;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--ll-c700);
  border-bottom: 1px solid var(--ll-line);
  white-space: nowrap;
}

.ll-tbl tbody tr {
  border-bottom: 1px solid var(--ll-line);
  transition: background .18s;
}

.ll-tbl tbody tr:last-child {
  border-bottom: none;
}

.ll-tbl tbody tr:hover {
  background: var(--ll-c25);
}

.ll-tbl tbody td {
  padding: 13px 18px;
  color: var(--ll-body);
  vertical-align: top;
  line-height: 1.6;
}

.ll-tbl tbody td:first-child {
  font-weight: 700;
  color: var(--ll-c700);
  font-size: 12px;
  white-space: nowrap;
}

.ll-tbl tbody td strong {
  color: var(--ll-c600);
  font-weight: 700;
}

.ll-tbl-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: var(--ll-c50);
  border: 1px solid var(--ll-c200);
  border-radius: var(--ll-rpill);
  padding: 3px 10px;
  font-size: 11.5px;
  font-weight: 700;
  color: var(--ll-c700);
}

/* ── Penalties Card ── */
.ll-penalty-card {
  background: var(--ll-white);
  border: 1px solid var(--ll-line);
  border-radius: var(--ll-r20);
  overflow: hidden;
  box-shadow: var(--ll-sh1);
}

.ll-penalty-head {
  background: linear-gradient(135deg, var(--ll-c900), var(--ll-c800));
  padding: 16px 26px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.ll-penalty-head svg {
  width: 18px;
  height: 18px;
  stroke: #FFFFFF;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ll-penalty-head span {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #FFFFFF;
}

.ll-penalty-body {
  padding: 24px 28px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ll-penalty-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 16px 18px;
  background: var(--ll-surface);
  border: 1px solid var(--ll-line);
  border-radius: var(--ll-r12);
  transition: border-color .22s, background .22s;
}

.ll-penalty-item:hover {
  border-color: var(--ll-c200);
  background: var(--ll-c25);
}

.ll-pen-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--ll-c700), var(--ll-c500));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.ll-pen-icon svg {
  width: 16px;
  height: 16px;
  stroke: #FFFFFF;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ll-pen-text {
  font-size: 13.5px;
  color: var(--ll-body);
  line-height: 1.72;
}

.ll-pen-text strong {
  color: var(--ll-ink);
  font-weight: 700;
}

.ll-pen-sub {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 10px;
  padding-left: 14px;
  border-left: 2px solid var(--ll-c200);
}

.ll-pen-sub li {
  font-size: 13px;
  color: var(--ll-body);
  line-height: 1.68;
  display: flex;
  gap: 8px;
}

.ll-pen-sub li::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--ll-c500);
  flex-shrink: 0;
  margin-top: 8px;
}

/* Special 10% rate note */
.ll-rate-note {
  background: var(--ll-white);
  border: 1px solid var(--ll-line);
  border-radius: var(--ll-r16);
  padding: 20px 24px;
  margin-bottom: 22px;
  box-shadow: var(--ll-sh1);
}

.ll-rate-note-title {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ll-c700);
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.ll-rate-note-title svg {
  width: 14px;
  height: 14px;
  stroke: var(--ll-c500);
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ll-rate-note-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.ll-rate-note-list li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 13.5px;
  color: var(--ll-body);
  line-height: 1.65;
}

.ll-rate-note-list li .ll-rn-dot {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--ll-c50);
  border: 1px solid var(--ll-c200);
  color: var(--ll-c700);
  font-size: 9.5px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}

/* ── Bonus Payment Info ── */
.ll-bonus-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 22px;
}

@media (max-width: 600px) {
  .ll-bonus-grid {
    grid-template-columns: 1fr;
  }
}

.ll-bonus-box {
  background: var(--ll-white);
  border: 1px solid var(--ll-line);
  border-radius: var(--ll-r16);
  padding: 22px 22px;
  box-shadow: var(--ll-sh1);
  transition: transform .28s, box-shadow .28s, border-color .22s;
}

.ll-bonus-box:hover {
  transform: translateY(-4px);
  box-shadow: var(--ll-sh2);
  border-color: var(--ll-c200);
}

.ll-bonus-box-title {
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ll-c600);
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.ll-bonus-box-title svg {
  width: 14px;
  height: 14px;
  stroke: var(--ll-c500);
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ll-bonus-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px 0;
  border-bottom: 1px solid var(--ll-line);
  font-size: 13.5px;
}

.ll-bonus-row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.ll-bonus-row .ll-bk {
  color: var(--ll-muted);
  font-weight: 500;
}

.ll-bonus-row .ll-bv {
  font-weight: 700;
  color: var(--ll-c700);
}

/* ── Time limit block ── */
.ll-time-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 22px;
}

@media (max-width: 540px) {
  .ll-time-grid {
    grid-template-columns: 1fr;
  }
}

.ll-time-card {
  background: linear-gradient(135deg, var(--ll-c900), var(--ll-c700));
  border-radius: var(--ll-r16);
  padding: 22px 22px;
  position: relative;
  overflow: hidden;
}

.ll-time-card::after {
  content: '';
  position: absolute;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .07);
  right: -30px;
  top: -30px;
}

.ll-time-val {
  font-size: 36px;
  color: #FFFFFF;
  line-height: 1;
  margin-bottom: 6px;
}

.ll-time-desc {
  font-size: 13px;
  color: rgba(255, 255, 255, .75);
  line-height: 1.6;
}

/* ── Compliance mini table (ESI) ── */
.ll-tbl-min {
  min-width: 400px;
}

/* ═══════════════════════════════════════════════
   ESI RATES — simple two item display
═══════════════════════════════════════════════ */
.ll-esi-rates {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 22px;
}

@media (max-width: 500px) {
  .ll-esi-rates {
    grid-template-columns: 1fr;
  }
}

.ll-esi-rate-card {
  background: var(--ll-white);
  border: 1px solid var(--ll-line);
  border-radius: var(--ll-r16);
  padding: 20px 22px;
  box-shadow: var(--ll-sh1);
  position: relative;
  overflow: hidden;
  transition: transform .28s, box-shadow .28s, border-color .22s;
}

.ll-esi-rate-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--ll-sh2);
  border-color: var(--ll-c200);
}

.ll-esi-rate-card::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, var(--ll-c600), var(--ll-c400));
}

.ll-esi-type {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ll-muted);
  margin-bottom: 8px;
}

.ll-esi-pct {
  font-size: 32px;
  color: var(--ll-c700);
  line-height: 1;
  margin-bottom: 4px;
}

.ll-esi-note {
  font-size: 12px;
  color: var(--ll-muted);
  line-height: 1.5;
}

/* ═══════════════════════════════════════════════
   SECTION DIVIDER
═══════════════════════════════════════════════ */
.ll-divider {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 0 0 38px 0;
}

.ll-divider::before,
.ll-divider::after {
  content: '';
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--ll-lineM), transparent);
}

.ll-divider-label {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ll-c500);
  white-space: nowrap;
}

/* ═══════════════════════════════════════════════
   CLOSING CTA
═══════════════════════════════════════════════ */
.ll-cta {
  background: linear-gradient(135deg, var(--ll-c900) 0%, var(--ll-c700) 40%, var(--ll-c600) 70%, var(--ll-c500) 100%);
  border-radius: var(--ll-r36);
  padding: 52px 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
  opacity: 0;
  transform: translateY(26px);
}

.ll-cta.ll-vis {
  animation: ll-up .8s ease forwards;
}

.ll-cta::before {
  content: '';
  position: absolute;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .05);
  right: -140px;
  top: -140px;
}

.ll-cta::after {
  content: '';
  position: absolute;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .04);
  left: -70px;
  bottom: -80px;
}

.ll-cta-q {
  font-family: 'DM Serif Display', serif;
  font-style: italic;
  font-size: 130px;
  color: rgba(255, 255, 255, .06);
  line-height: .8;
  position: absolute;
  top: 14px;
  left: 36px;
  pointer-events: none;
}

.ll-cta-text {
  position: relative;
  z-index: 1;
  flex: 1;
  min-width: 240px;
}

.ll-cta-text p {
  font-size: 17px;
  color: rgba(255, 255, 255, .88);
  line-height: 1.78;
  max-width: 540px;
}

.ll-cta-text p strong {
  color: #FFFFFF;
  font-weight: 700;
}

.ll-cta-btn {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #FFFFFF;
  color: var(--ll-c700);
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 800;
  padding: 17px 34px;
  border-radius: var(--ll-rpill);
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  box-shadow: 0 8px 30px rgba(0, 0, 0, .18);
  transition: transform .26s ease, box-shadow .26s ease;
}

.ll-cta-btn:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 44px rgba(0, 0, 0, .24);
}

.ll-cta-btn svg {
  width: 16px;
  height: 16px;
  stroke: var(--ll-c700);
  fill: none;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform .26s;
}

.ll-cta-btn:hover svg {
  transform: translateX(5px);
}

@media (max-width: 640px) {
  .ll-wrap {
    padding: 44px 16px 80px;
  }

  .ll-cta {
    padding: 36px 28px;
    flex-direction: column;
  }

  .ll-cta-btn {
    width: 100%;
    justify-content: center;
  }
}

/* Spacing util */
.ll-mb18 {
  margin-bottom: 18px;
}

.ll-mb22 {
  margin-bottom: 22px;
}

/*=======real estate css start========*/

:root {
  --blue-900: #0a2a4a;
  --blue-800: #0d3b6e;
  --blue-700: #1255a0;
  --blue-600: #1565C0;
  --blue-500: #1E88E5;
  --blue-400: #42A5F5;
  --blue-300: #90CAF9;
  --blue-100: #E3F2FD;
  --blue-50: #F0F8FF;
  --gold: #E8A020;
  --gold-lt: #FFF3DC;
  --white: #ffffff;
  --gray-100: #F5F7FA;
  --gray-200: #E8ECF1;
  --gray-500: #6B7A92;
  --gray-800: #1E2A3A;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --shadow-card: 0 4px 28px rgba(18, 85, 160, 0.10), 0 1px 4px rgba(18, 85, 160, 0.06);
  --shadow-hover: 0 12px 48px rgba(18, 85, 160, 0.18), 0 2px 8px rgba(18, 85, 160, 0.10);
  --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ── SECTION WRAPPER ── */
.compliance-section {
  max-width: 1160px;
  margin: 0 auto;
  padding: 72px 24px 96px;
}

/* ── EYEBROW TAG ── */
.eyebrow-real {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--blue-100);
  color: var(--blue-700);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 6px 16px;
  border-radius: 100px;
  margin-bottom: 20px;
}

.eyebrow-dot {
  width: 6px;
  height: 6px;
  background: var(--blue-500);
  border-radius: 50%;
}

/* ── SECTION HEADING ── */
.section-header-add {
  margin-bottom: 56px;
}

.section-header-add h2 {
  font-weight: 700;
  color: var(--blue-900);
  line-height: 1.2;
  max-width: 720px;
  margin-bottom: 18px;
}

.section-header-add h2 span {
  color: var(--blue-600);
}

.section-header-add p {
  font-size: 16px;
  color: var(--gray-500);
  line-height: 1.7;
  max-width: 640px;
  font-weight: 400;
}

/* ── DIVIDER ── */
.header-divider {
  width: 64px;
  height: 4px;
  background: linear-gradient(90deg, var(--blue-600), var(--blue-300));
  border-radius: 4px;
  margin: 20px 0;
}

/* ── COMPLIANCE GRID ── */
.compliance-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 24px;
}

/* ── CARD ── */
.compliance-card {
  background: var(--white);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  border: 1.5px solid var(--gray-200);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
  cursor: default;
}

.compliance-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-hover);
  border-color: var(--blue-300);
}

/* Card top accent bar */
.card-accent {
  height: 5px;
  background: linear-gradient(90deg, var(--blue-700), var(--blue-400));
}

.compliance-card:nth-child(2) .card-accent {
  background: linear-gradient(90deg, #0d4f7a, #2196F3);
}

.compliance-card:nth-child(3) .card-accent {
  background: linear-gradient(90deg, #1a5276, #42A5F5);
}

.compliance-card:nth-child(4) .card-accent {
  background: linear-gradient(90deg, #0f3d5f, #1976D2);
}

.compliance-card:nth-child(5) .card-accent {
  background: linear-gradient(90deg, #0a2d4a, #0d47a1);
}

.compliance-card:nth-child(6) .card-accent {
  background: linear-gradient(90deg, var(--blue-800), var(--blue-500));
}

/* Card body */
.card-body {
  padding: 28px 28px 32px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* Badge + icon row */
.card-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.card-badge {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--blue-700);
  background: var(--blue-100);
  padding: 5px 12px;
  border-radius: 100px;
}

.card-number {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--blue-800);
  color: var(--white);
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* Card icon */
.card-icon-wrap {
  width: 52px;
  height: 52px;
  border-radius: var(--radius-md);
  background: var(--blue-50);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

.card-icon-wrap svg {
  width: 26px;
  height: 26px;
}

/* Card title */
.card-title {
  font-size: 20px;
  font-weight: 600;
  color: var(--blue-900);
  margin-bottom: 14px;
  line-height: 1.3;
}

/* Card description */
.card-desc {
  font-size: 14.5px;
  color: var(--gray-500);
  line-height: 1.75;
  flex: 1;
}

.card-desc strong {
  color: var(--blue-800);
  font-weight: 600;
}

/* Bullet list inside card */
.card-list {
  margin-top: 14px;
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.card-list li {
  font-size: 13.5px;
  color: var(--gray-500);
  line-height: 1.6;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.card-list li::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--blue-500);
  flex-shrink: 0;
  margin-top: 7px;
}

/* Card footer tag */
.card-footer {
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid var(--gray-200);
  display: flex;
  align-items: center;
  gap: 8px;
}

.footer-tag {
  font-size: 12px;
  font-weight: 500;
  color: var(--blue-600);
  background: var(--blue-50);
  border: 1px solid var(--blue-300);
  border-radius: 100px;
  padding: 4px 12px;
}

/* ── HIGHLIGHT BANNER ── */
.highlight-banner {
  margin-top: 48px;
  background: linear-gradient(135deg, var(--blue-800) 0%, var(--blue-600) 100%);
  border-radius: var(--radius-lg);
  padding: 36px 44px;
  display: flex;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
}

.banner-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.banner-icon svg {
  width: 32px;
  height: 32px;
}

.banner-text {
  flex: 1;
  min-width: 220px;
}

.banner-text h3 {
  font-family: 'Playfair Display', serif;
  font-size: 22px;
  font-weight: 700;
  color: var(--white);
  margin-bottom: 8px;
}

.banner-text p {
  font-size: 14.5px;
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.65;
}

.banner-cta {
  display: inline-block;
  background: var(--white);
  color: var(--blue-800);
  font-size: 14px;
  font-weight: 600;
  padding: 13px 28px;
  border-radius: var(--radius-sm);
  text-decoration: none;
  white-space: nowrap;
  transition: background var(--transition), transform var(--transition);
  flex-shrink: 0;
}

.banner-cta:hover {
  background: var(--blue-100);
  transform: scale(1.03);
}

/* ── RESPONSIVE ── */
@media (max-width: 768px) {
  .compliance-section {
    padding: 48px 16px 64px;
  }

  .compliance-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .highlight-banner {
    padding: 28px 24px;
    flex-direction: column;
    align-items: flex-start;
  }

  .banner-icon {
    display: none;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .compliance-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1025px) {
  .compliance-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/*=======non banking css start========*/
:root {
  --b900: #062040;
  --b800: #0d3b6e;
  --b700: #1255a0;
  --b600: #1565C0;
  --b500: #1E88E5;
  --b400: #42A5F5;
  --b300: #90CAF9;
  --b200: #BBDEFB;
  --b100: #E3F2FD;
  --b50: #F0F8FF;
  --white: #ffffff;
  --gray50: #F8FAFC;
  --gray100: #F1F5F9;
  --gray200: #E2E8F0;
  --gray300: #CBD5E1;
  --gray500: #64748B;
  --gray700: #334155;
  --gray900: #0F172A;
  --accent: #0EA5E9;
  --gold: #D97706;
  --gold-lt: #FEF3C7;
  --green: #059669;
  --green-lt: #D1FAE5;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --shadow-sm: 0 1px 3px rgba(15, 51, 90, .08), 0 1px 2px rgba(15, 51, 90, .05);
  --shadow-md: 0 4px 20px rgba(15, 51, 90, .10), 0 2px 6px rgba(15, 51, 90, .06);
  --shadow-lg: 0 12px 40px rgba(15, 51, 90, .14), 0 4px 12px rgba(15, 51, 90, .08);
  --tr: 0.28s cubic-bezier(.4, 0, .2, 1);
}

/* ─── PAGE WRAPPER ─── */
.page {
  max-width: 1180px;
  margin: 0 auto;
  padding: 60px 24px 100px
}

/* ─── SECTION DIVIDER ─── */
.s-divider {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 60px 0 36px;
}

.s-divider-line {
  flex: 1;
  height: 1px;
  background: var(--gray200)
}

.s-divider-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--b600);
  background: var(--b100);
  padding: 5px 16px;
  border-radius: 100px;
  white-space: nowrap;
}

/* ─── EYEBROW + SECTION TITLES ─── */
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--b100);
  color: var(--b700);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: 5px 14px;
  border-radius: 100px;
  margin-bottom: 14px;
}

.eyebrow-dot {
  width: 6px;
  height: 6px;
  background: var(--b500);
  border-radius: 50%;
  flex-shrink: 0
}

.page-title {
  font-weight: 700;
  color: var(--b900);
  line-height: 1.18;
  margin-bottom: 10px;
}

.page-title span {
  color: var(--b600)
}

.title-bar {
  width: 64px;
  height: 4px;
  background: linear-gradient(90deg, var(--b600), var(--b300));
  border-radius: 4px;
  margin: 18px 0 22px
}

.sec-title {
  font-size: clamp(20px, 3vw, 28px);
  font-weight: 700;
  color: var(--b900);
  margin-bottom: 8px;
}

.sec-title span {
  color: var(--b600)
}

/* ─── INTRO BLOCK ─── */
.intro-grid-add {
  display: block;
  grid-template-columns: 1fr 340px;
  gap: 36px;
  align-items: start;
  margin-top: 36px
}

@media(max-width:860px) {
  .intro-grid {
    grid-template-columns: 1fr
  }
}

.intro-text p {
  font-size: 15.5px;
  color: var(--gray500);
  line-height: 1.78;
  margin-bottom: 14px;
}

.intro-text p:last-child {
  margin-bottom: 0
}

.intro-text strong {
  color: var(--b800);
  font-weight: 600
}

.intro-card {
  background: var(--white);
  border-radius: var(--radius-md);
  border: 1.5px solid var(--gray200);
  box-shadow: var(--shadow-md);
  overflow: hidden;
}

.intro-card-header {
  background: linear-gradient(135deg, var(--b800), var(--b500));
  padding: 18px 22px;
}

.intro-card-header h3 {
  font-family: 'Playfair Display', serif;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}

.intro-card-header p {
  font-size: 12px;
  color: rgba(255, 255, 255, .75);
  margin-top: 3px
}

.intro-card-body {
  padding: 20px 22px
}

.service-list {
  list-style: none
}

.service-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13.5px;
  color: var(--gray700);
  padding: 9px 0;
  border-bottom: 1px solid var(--gray100);
  font-weight: 500;
}

.service-list li:last-child {
  border-bottom: none
}

.svc-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--b600), var(--b400));
  flex-shrink: 0;
}

/* ─── REGISTRATION SECTION ─── */
.reg-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 28px
}

@media(max-width:700px) {
  .reg-grid {
    grid-template-columns: 1fr
  }
}

.reg-card {
  background: var(--white);
  border-radius: var(--radius-md);
  border: 1.5px solid var(--gray200);
  box-shadow: var(--shadow-md);
  overflow: hidden;
}

.reg-card-top {
  padding: 20px 24px 18px;
  border-bottom: 1px solid var(--gray100);
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.reg-icon {
  width: 46px;
  height: 46px;
  border-radius: var(--radius-sm);
  background: var(--b100);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.reg-icon svg {
  width: 22px;
  height: 22px;
  stroke: var(--b600);
  stroke-width: 1.7;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round
}

.reg-card-top h3 {
  font-size: 16px;
  font-weight: 600;
  color: var(--b900);
  margin-bottom: 3px
}

.reg-card-top p {
  font-size: 13px;
  color: var(--gray500);
  line-height: 1.6
}

.reg-card-body {
  padding: 18px 24px
}

.reg-card-body>p {
  font-size: 14px;
  color: var(--gray500);
  line-height: 1.7;
  margin-bottom: 14px
}

.exempt-title {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--b700);
  margin-bottom: 10px;
}

.exempt-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px
}

.exempt-list li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 13px;
  color: var(--gray700);
  line-height: 1.55;
}

.exempt-list li::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--b400);
  flex-shrink: 0;
  margin-top: 5px;
}

/* ─── TYPES OF NBFC ─── */
.types-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 28px
}

@media(max-width:700px) {
  .types-grid {
    grid-template-columns: 1fr
  }
}

.type-card {
  background: var(--white);
  border-radius: var(--radius-md);
  border: 1.5px solid var(--gray200);
  box-shadow: var(--shadow-md);
  overflow: hidden;
}

.type-card-header {
  padding: 18px 22px;
  display: flex;
  align-items: center;
  gap: 14px;
}

.type-card.liability .type-card-header {
  background: linear-gradient(135deg, #0d47a1, #1E88E5)
}

.type-card.asset .type-card-header {
  background: linear-gradient(135deg, #01579b, #29B6F6)
}

.type-card-header h3 {
  font-size: 17px;
  font-weight: 700;
  color: #fff
}

.type-badge {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: rgba(255, 255, 255, .2);
  color: #fff;
  padding: 3px 10px;
  border-radius: 100px;
  margin-left: auto;
  white-space: nowrap;
}

.type-card-body {
  padding: 0
}

.type-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 22px;
  border-bottom: 1px solid var(--gray100);
}

.type-item:last-child {
  border-bottom: none
}

.type-num {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--b100);
  color: var(--b700);
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.type-name {
  font-size: 14px;
  color: var(--gray700);
  font-weight: 500
}

.type-abbr {
  margin-left: auto;
  font-size: 11px;
  font-weight: 600;
  color: var(--b700);
  background: var(--b50);
  border: 1px solid var(--b200);
  padding: 2px 9px;
  border-radius: 100px;
  white-space: nowrap;
}

/* ─── COMPLIANCE SECTION ─── */
.compliance-intro {
  background: var(--white);
  border-radius: var(--radius-md);
  border-left: 5px solid var(--b600);
  padding: 20px 24px;
  margin-top: 28px;
  margin-bottom: 36px;
  box-shadow: var(--shadow-sm);
}

.compliance-intro p {
  font-size: 15px;
  color: var(--gray700);
  line-height: 1.7
}

.compliance-intro strong {
  color: var(--b800)
}

.comp-section {
  margin-bottom: 40px
}

.comp-header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

.comp-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--b900);
}

.comp-badge {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 100px;
}

.badge-quarterly {
  background: #DBEAFE;
  color: #1D4ED8
}

.badge-annual {
  background: #D1FAE5;
  color: #065F46
}

.badge-weekly {
  background: #FEF3C7;
  color: #92400E
}

.badge-halfyearly {
  background: #EDE9FE;
  color: #4C1D95
}

.badge-mixed {
  background: var(--b100);
  color: var(--b800)
}

/* ─── TABLE WRAPPER ─── */
.table-wrap {
  border-radius: var(--radius-md);
  overflow: hidden;
  border: 1.5px solid var(--gray200);
  box-shadow: var(--shadow-md)
}

.comp-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  background: var(--white)
}

.comp-table thead tr {
  background: linear-gradient(90deg, var(--b800), var(--b600))
}

.comp-table thead th {
  padding: 13px 18px;
  text-align: left;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .9);
}

.comp-table thead th:first-child {
  width: 52px;
  text-align: center
}

.comp-table tbody tr {
  border-bottom: 1px solid var(--gray100);
  transition: background var(--tr)
}

.comp-table tbody tr:last-child {
  border-bottom: none
}

.comp-table tbody tr:hover {
  background: var(--b50)
}

.comp-table td {
  padding: 14px 18px;
  vertical-align: top;
  color: var(--gray700);
  line-height: 1.55
}

.comp-table td:first-child {
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  color: var(--b700);
  background: var(--b50);
  border-right: 1px solid var(--gray200);
}

.comp-table td:nth-child(2) {
  font-weight: 500;
  color: var(--gray900)
}

.period-pill {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 100px;
}

.p-q {
  background: #DBEAFE;
  color: #1D4ED8
}

.p-a {
  background: #D1FAE5;
  color: #065F46
}

.p-w {
  background: #FEF3C7;
  color: #92400E
}

.p-h {
  background: #EDE9FE;
  color: #4C1D95
}

/* ─── CTA BANNER ─── */
.cta-banner {
  margin-top: 64px;
  background: linear-gradient(135deg, var(--b900) 0%, var(--b700) 50%, var(--b500) 100%);
  border-radius: var(--radius-lg);
  padding: 48px 52px;
  display: flex;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
}

.cta-banner::before {
  content: '';
  position: absolute;
  top: -60px;
  right: -60px;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .05);
}

.cta-banner::after {
  content: '';
  position: absolute;
  bottom: -40px;
  left: 30%;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .04);
}

.cta-icon {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .12);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  z-index: 1;
}

.cta-icon svg {
  width: 34px;
  height: 34px;
  stroke: #fff;
  stroke-width: 1.6;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round
}

.cta-text {
  flex: 1;
  min-width: 220px;
  z-index: 1
}

.cta-text h3 {
  font-family: 'Playfair Display', serif;
  font-size: clamp(18px, 2.5vw, 26px);
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
}

.cta-text p {
  font-size: 14.5px;
  color: rgba(255, 255, 255, .72);
  line-height: 1.65
}

.cta-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  z-index: 1
}

.btn-primary {
  display: inline-block;
  background: #fff;
  color: var(--b800);
  font-size: 14px;
  font-weight: 600;
  padding: 13px 28px;
  border-radius: var(--radius-sm);
  text-decoration: none;
  transition: all var(--tr);
  white-space: nowrap;
}

.btn-primary:hover {
  background: var(--b100);
  transform: translateY(-2px)
}

.btn-secondary {
  display: inline-block;
  background: rgba(255, 255, 255, .12);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 13px 28px;
  border-radius: var(--radius-sm);
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, .25);
  transition: all var(--tr);
  white-space: nowrap;
}

.btn-secondary:hover {
  background: rgba(255, 255, 255, .22)
}

/* ─── RESPONSIVE TABLE SCROLL ─── */
.table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: var(--radius-md)
}

.table-scroll .table-wrap {
  border-radius: 0;
  border: none;
  box-shadow: none
}

@media(max-width:600px) {
  .page {
    padding: 36px 14px 70px
  }

  .cta-banner {
    padding: 30px 22px;
    flex-direction: column;
    align-items: flex-start;
    gap: 22px
  }

  .cta-icon {
    display: none
  }

  .comp-table td,
  .comp-table th {
    padding: 10px 12px
  }

  .comp-table {
    font-size: 12.5px
  }
}

:root {
  --b900: #062040;
  --b800: #0d3b6e;
  --b700: #1255a0;
  --b600: #1565C0;
  --b500: #1E88E5;
  --b400: #42A5F5;
  --b300: #90CAF9;
  --b100: #E3F2FD;
  --b50: #F0F8FF;
  --white: #ffffff;
  --g50: #F8FAFC;
  --g100: #F1F5F9;
  --g200: #E2E8F0;
  --g500: #64748B;
  --g700: #334155;
  --g900: #0F172A;
}

/* ── WRAPPER ── */
.section-wrap {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}

/* ── HEADER ── */
.section-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--b100);
  color: var(--b700);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  padding: 5px 16px;
  border-radius: 100px;
  margin-bottom: 14px;
}

.eyebrow-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--b500);
  flex-shrink: 0
}

.section-title-udyog {
  font-weight: 700;
  color: var(--b900);
  margin-bottom: 10px;
  line-height: 1.2;
}

.section-title-udyog span {
  color: var(--b600)
}

.title-bar {
  width: 56px;
  height: 4px;
  background: linear-gradient(90deg, var(--b600), var(--b300));
  border-radius: 4px;
  margin-bottom: 12px
}

.section-sub {
  font-size: 15px;
  color: var(--g500);
  line-height: 1.7;
  max-width: 580px
}

/* ── ENTERPRISE CARDS ── */
.enterprise-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  margin-top: 44px;
}

@media(max-width:640px) {
  .enterprise-grid {
    grid-template-columns: 1fr;
    gap: 20px
  }
}

/* Card outer wrapper (includes header + connector + card) */
.ent-block {
  display: flex;
  flex-direction: column;
  align-items: center
}

/* Header pill */
.ent-header {
  position: relative;
  padding: 14px 32px;
  border-radius: 50px;
  font-size: 17px;
  font-weight: 700;
  color: var(--white);
  text-align: center;
  width: 100%;
  letter-spacing: 0.01em;
  box-shadow: 0 8px 28px rgba(21, 101, 192, .30);
  z-index: 2;
  transition: transform .25s ease, box-shadow .25s ease;
  cursor: default;
  user-select: none;
}

.ent-block.small .ent-header {
  background: linear-gradient(135deg, var(--b800) 0%, var(--b500) 100%);
}

.ent-block.medium .ent-header {
  background: linear-gradient(135deg, var(--b700) 0%, var(--b400) 100%);
}

.ent-header:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 36px rgba(21, 101, 192, .38)
}

/* Connector arrow */
.ent-connector {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  margin: 0;
  position: relative;
  z-index: 1;
}

.connector-line {
  width: 2px;
  height: 32px;
  background: linear-gradient(180deg, var(--b500), var(--b300));
}

.connector-arrow {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid var(--b400);
}

/* Detail card */
.ent-card {
  width: 100%;
  background: var(--white);
  border-radius: 20px;
  border: 1.5px solid var(--g200);
  box-shadow: 0 4px 24px rgba(15, 51, 90, .09), 0 1px 4px rgba(15, 51, 90, .05);
  overflow: hidden;
  transition: transform .28s ease, box-shadow .28s ease;
}

.ent-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 14px 44px rgba(15, 51, 90, .15), 0 3px 10px rgba(15, 51, 90, .07);
}

/* Top accent */
.ent-card-accent {
  height: 4px;
}

.ent-block.small .ent-card-accent {
  background: linear-gradient(90deg, var(--b800), var(--b400));
}

.ent-block.medium .ent-card-accent {
  background: linear-gradient(90deg, var(--b700), var(--b300));
}

.ent-card-body {
  padding: 28px 28px 32px
}

/* Row items */
.sector-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px 0;
  border-bottom: 1px solid var(--g100);
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .4s ease, transform .4s ease;
}

.sector-item:last-child {
  border-bottom: none;
  padding-bottom: 0
}

.sector-item.visible {
  opacity: 1;
  transform: translateY(0)
}

/* Number badge */
.sector-num {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--b700), var(--b500));
  color: var(--white);
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(21, 101, 192, .25);
}

/* Sector text */
.sector-content {}

.sector-label {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--b900);
  margin-bottom: 6px;
}

.sector-ranges {
  display: flex;
  gap: 8px;
  flex-wrap: wrap
}

.range-tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 500;
  padding: 4px 12px;
  border-radius: 100px;
  white-space: nowrap;
}

.range-tag.from {
  background: var(--b100);
  color: var(--b700);
  border: 1px solid var(--b200);
}

.range-tag.to {
  background: linear-gradient(135deg, var(--b800), var(--b600));
  color: var(--white);
}

.range-tag svg {
  width: 11px;
  height: 11px;
  stroke: currentColor;
  stroke-width: 2.2;
  fill: none
}

/* ── LEGEND ── */
.legend-row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 40px;
  justify-content: center;
}

.legend-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  color: var(--g500);
  font-weight: 500;
}

.legend-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.legend-dot.from {
  background: var(--b300)
}

.legend-dot.to {
  background: var(--b700)
}

/* ── ANIMATE IN ── */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(20px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

.ent-block {
  animation: fadeUp .55s ease both
}

.ent-block:nth-child(2) {
  animation-delay: .12s
}

/*================*/

/* SECTION */
.why-section {
  padding: 80px 20px;
  text-align: center;
}

/* TITLE */
.section-title {
  font-size: 34px;
  font-weight: 600;
  color: #1f6fd1;
  margin-bottom: 50px;
  position: relative;
}

.section-title::after {
  content: "";
  width: 90px;
  height: 4px;
  background: linear-gradient(90deg, #1f6fd1, #4aa3ff);
  display: block;
  margin: 12px auto 0;
  border-radius: 10px;
}

/* GRID */
.why-grid-no {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  max-width: 1200px;
  margin: auto;
}

/* CARD */
.why-card-no {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  padding: 35px 25px;
  border-radius: 16px;
  border: 1px solid rgba(31, 111, 209, 0.15);
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
}

/* TOP GLOW LINE */
.why-card-no::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #1f6fd1, #4aa3ff);
}

/* LIGHT GLOW ON HOVER */
.why-card-no::after {
  content: "";
  position: absolute;
  width: 200%;
  height: 200%;
  top: -100%;
  left: -100%;
  background: radial-gradient(circle, rgba(31, 111, 209, 0.15), transparent 60%);
  opacity: 0;
  transition: 0.5s;
}

/* HOVER EFFECT */
.why-card-no:hover {
  transform: translateY(-12px) scale(1.02);
  box-shadow: 0 15px 35px rgba(31, 111, 209, 0.2);
}

.why-card-no:hover::after {
  opacity: 1;
  top: -50%;
  left: -50%;
}

/* RESPONSIVE */
@media (max-width: 1024px) {
  .why-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .why-grid {
    grid-template-columns: 1fr;
  }

  .section-title {
    font-size: 26px;
  }
}

.why-card-no h3 {
  font-size: 21px;
}

/*==========drug css start=========*/
/* SECTION */

/* GRID → 5 CARDS IN ONE ROW */
.card-wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}

/* CARD */
.card-color {
  padding: 30px 20px;
  color: #fff;
  position: relative;
  clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
  transition: 0.4s ease;
  min-height: 320px;
  border-radius: 6px;
}

/* PROFESSIONAL COLORFUL GRADIENTS */
.c1 {
  background: linear-gradient(135deg, #4facfe, #00c6ff);
}

.c2 {
  background: linear-gradient(135deg, #43e97b, #38f9d7);
}

.c3 {
  background: linear-gradient(135deg, #667eea, #764ba2);
}

.c4 {
  background: linear-gradient(135deg, #f093fb, #f5576c);
}

.c5 {
  background: linear-gradient(135deg, #f6d365, #fda085);
}

/* HOVER EFFECT */
.card-color:hover {
  transform: translateY(-12px) scale(1.03);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

/* TITLE */
.card-color h3 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 20px;
}

/* LIST */
.card-color ul {
  list-style: none;
  padding: 0;
}

.card-color ul li {
  margin-bottom: 12px;
  font-size: 13px;
  position: relative;
  padding-left: 28px;
}

/* NUMBER BULLET */
.card-color ul li::before {
  content: attr(data-step);
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  background: #fff;
  color: #333;
  border-radius: 50%;
  font-size: 11px;
  text-align: center;
  line-height: 20px;
}

/* RESPONSIVE */
@media(max-width: 1200px) {
  .card-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media(max-width: 768px) {
  .card-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .card-color {
    clip-path: none;
    border-radius: 10px;
  }
}

@media(max-width: 480px) {
  .card-wrapper {
    grid-template-columns: 1fr;
  }
}

/*========ECO css start=========*/
:root {
  --b900: #04192e;
  --b800: #0d3b6e;
  --b700: #1255a0;
  --b600: #1565C0;
  --b500: #1E88E5;
  --b400: #42A5F5;
  --b300: #90CAF9;
  --b200: #BBDEFB;
  --b100: #E3F2FD;
  --b50: #F0F8FF;
  --white: #ffffff;
  --g50: #F8FAFC;
  --g100: #F1F5F9;
  --g200: #E2E8F0;
  --g300: #CBD5E1;
  --g400: #94A3B8;
  --g500: #64748B;
  --g700: #334155;
  --g900: #0F172A;
  --eco-green: #059669;
  --eco-light: #D1FAE5;
  --eco-mid: #6EE7B7;
  --foreign-navy: #1a3a6b;
  --gold: #D97706;
  --shadow-sm: 0 2px 8px rgba(13, 59, 110, .08);
  --shadow-md: 0 6px 24px rgba(13, 59, 110, .13), 0 2px 6px rgba(13, 59, 110, .07);
  --shadow-lg: 0 14px 48px rgba(13, 59, 110, .18), 0 4px 14px rgba(13, 59, 110, .09);
  --tr: .32s cubic-bezier(.4, 0, .2, 1);
}

/* ─── SECTION WRAPPER ─── */
.bis-wrap {
  max-width: 1200px;
  margin: 0 auto
}

/* ─── SECTION HEADING ─── */
.bis-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--b100);
  color: var(--b700);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  padding: 5px 16px;
  border-radius: 100px;
  margin-bottom: 16px;
}

.bis-eyebrow-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--b500)
}

.bis-heading {
  font-weight: 700;
  color: var(--b900);
  line-height: 1.18;
  margin-bottom: 10px;
}

.bis-heading span {
  color: var(--b600)
}

.bis-bar {
  width: 64px;
  height: 4px;
  background: linear-gradient(90deg, var(--b600), var(--b300));
  border-radius: 4px;
  margin: 18px 0 12px
}

.bis-sub {
  font-size: 15px;
  color: var(--g500);
  line-height: 1.72;
  max-width: 680px
}

/* ─── ROOT NODE ─── */
.diagram-area {
  margin-top: 52px
}

.root-node {
  position: relative;
  background: linear-gradient(135deg, var(--b900) 0%, var(--b700) 60%, var(--b500) 100%);
  border-radius: 18px;
  padding: 20px 36px;
  text-align: center;
  max-width: 440px;
  margin: 0 auto;
  box-shadow: 0 12px 40px rgba(13, 59, 110, .32), 0 4px 12px rgba(13, 59, 110, .2);
  z-index: 10;
  transition: transform var(--tr);
  cursor: default;
}

.root-node:hover {
  transform: translateY(-3px)
}

.root-node-label {
  font-family: 'Playfair Display', serif;
  font-size: clamp(17px, 2.5vw, 22px);
  font-weight: 700;
  color: var(--white);
  letter-spacing: .01em;
}

.root-node-sub {
  font-size: 12px;
  color: rgba(255, 255, 255, .65);
  margin-top: 4px;
  font-weight: 400
}

/* root icon badge */
.root-badge {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--b400);
  border: 2.5px solid var(--white);
  border-radius: 100px;
  padding: 3px 14px;
  font-size: 11px;
  font-weight: 700;
  color: var(--white);
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  box-shadow: 0 4px 12px rgba(21, 101, 192, .3);
}

/* ─── CONNECTOR FROM ROOT ─── */
.root-connector {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
}

.line-v {
  background: linear-gradient(180deg, var(--b600), var(--b300));
  border-radius: 2px
}

.line-v-short {
  width: 2px;
  height: 28px
}

.line-v-long {
  width: 2px;
  height: 36px
}

/* ─── HORIZONTAL RAIL ─── */
.h-rail-wrap {
  position: relative;
  display: flex;
  justify-content: center
}

.h-rail {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--b300), var(--b600), var(--b300));
  border-radius: 2px;
}

/* ─── THREE BRANCHES LAYOUT ─── */
.branches {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  position: relative;
  margin-top: 0;
}

@media(max-width:900px) {
  .branches {
    grid-template-columns: 1fr;
    gap: 14px
  }

  .h-rail {
    display: none
  }
}

/* shared branch drop line */
.branch-drop {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0;
}

.arrow-head {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 11px solid var(--b400);
  margin-top: -1px;
}

/* ─── SCHEME CARD ─── */
.scheme-card {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform var(--tr), box-shadow var(--tr);
  cursor: default;
  background: var(--white);
  border: 1.5px solid var(--g200);
}

.scheme-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
  border-color: var(--b300);
}

/* ─── SCHEME CARD HEADER ─── */
.scheme-header {
  padding: 20px 22px 18px;
}

.dom .scheme-header {
  background: linear-gradient(135deg, #0a2d55 0%, var(--b600) 100%)
}

.for .scheme-header {
  background: linear-gradient(135deg, #062040 0%, #0d4e8b 100%)
}

.eco .scheme-header {
  background: linear-gradient(135deg, #064e3b 0%, var(--eco-green) 100%)
}

.scheme-icon-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.scheme-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(255, 255, 255, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.scheme-icon svg {
  width: 22px;
  height: 22px;
  stroke: #fff;
  stroke-width: 1.7;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round
}

.scheme-type-pill {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 100px;
  background: rgba(255, 255, 255, .18);
  color: rgba(255, 255, 255, .9);
  border: 1px solid rgba(255, 255, 255, .22);
}

.scheme-title {
  font-weight: 700;
  color: var(--white);
  line-height: 1.3;
}

/* ─── SCHEME CARD BODY ─── */
.scheme-body {
  padding: 22px 22px 26px
}

.scheme-desc {
  font-size: 13.5px;
  color: var(--g500);
  line-height: 1.72;
  margin-bottom: 16px;
}

.scheme-desc strong {
  color: var(--b800);
  font-weight: 600
}

/* ─── SUB PROCEDURE CARDS (Domestic only) ─── */
.sub-divider {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}

.sub-divider-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--b600);
  background: var(--b100);
  padding: 4px 12px;
  border-radius: 100px;
  white-space: nowrap;
}

.sub-divider-line {
  flex: 1;
  height: 1px;
  background: var(--g200)
}

.sub-procedure {
  border-radius: 12px;
  border: 1.5px solid var(--g200);
  margin-bottom: 12px;
  overflow: hidden;
  transition: border-color var(--tr);
}

.sub-procedure:hover {
  border-color: var(--b300)
}

.sub-procedure:last-child {
  margin-bottom: 0
}

.sub-proc-header {
  padding: 11px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  background: var(--b50);
  user-select: none;
  transition: background var(--tr);
}

.sub-proc-header:hover {
  background: var(--b100)
}

.sub-proc-num {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--b700), var(--b500));
  color: var(--white);
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.sub-proc-name {
  font-size: 13px;
  font-weight: 600;
  color: var(--b900);
  flex: 1
}

.sub-proc-chevron {
  width: 16px;
  height: 16px;
  transition: transform .28s ease;
  flex-shrink: 0;
}

.sub-proc-chevron svg {
  width: 16px;
  height: 16px;
  stroke: var(--g400);
  stroke-width: 2;
  fill: none
}

.sub-procedure.open .sub-proc-chevron {
  transform: rotate(180deg)
}

.sub-proc-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height .38s cubic-bezier(.4, 0, .2, 1), opacity .28s ease;
  opacity: 0;
}

.sub-procedure.open .sub-proc-body {
  max-height: 600px;
  opacity: 1
}

.sub-proc-content {
  padding: 14px 16px 16px;
  border-top: 1px solid var(--g200)
}

.sub-proc-text {
  font-size: 13px;
  color: var(--g500);
  line-height: 1.7
}

.sub-proc-text strong {
  color: var(--b800);
  font-weight: 600
}

/* ─── BULLET LIST ─── */
.exc-list {
  list-style: none;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 6px
}

.exc-list li {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  font-size: 12px;
  color: var(--g500);
  line-height: 1.55;
}

.exc-list li::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--b400);
  flex-shrink: 0;
  margin-top: 5px;
}

/* ─── INFO TAGS ROW ─── */
.info-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px
}

.info-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11.5px;
  font-weight: 500;
  padding: 5px 12px;
  border-radius: 100px;
  border: 1.5px solid;
}

.tag-blue {
  color: var(--b700);
  background: var(--b100);
  border-color: var(--b200)
}

.tag-green {
  color: #065F46;
  background: var(--eco-light);
  border-color: var(--eco-mid)
}

.info-tag svg {
  width: 11px;
  height: 11px;
  stroke: currentColor;
  stroke-width: 2.2;
  fill: none
}

/* ─── ECO card accent ─── */
.eco .scheme-body .sub-divider-label {
  color: var(--eco-green);
  background: var(--eco-light)
}

.eco .scheme-body .info-tag.tag-green {
  border-color: var(--eco-mid)
}

.eco .scheme-body .sub-proc-header {
  background: #F0FDF4
}

.eco .scheme-body .sub-proc-header:hover {
  background: var(--eco-light)
}

.eco .scheme-body .sub-proc-num {
  background: linear-gradient(135deg, #064e3b, var(--eco-green))
}

.eco .scheme-body .exc-list li::before {
  background: var(--eco-green)
}

.eco.scheme-card:hover {
  border-color: var(--eco-mid)
}

/* ─── MOBILE CONNECTOR ─── */
.mobile-connector {
  display: none;
  flex-direction: column;
  align-items: center;
  margin: 4px auto;
}

@media(max-width:900px) {
  .mobile-connector {
    display: flex
  }

  .root-connector .line-v-short {
    height: 20px
  }

  .desktop-rail {
    display: none
  }
}

/* ─── ANIMATE IN ─── */
@keyframes fadeSlideUp {
  from {
    opacity: 0;
    transform: translateY(22px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

.anim {
  opacity: 0;
  animation: fadeSlideUp .55s ease both
}

.d1 {
  animation-delay: .05s
}

.d2 {
  animation-delay: .15s
}

.d3 {
  animation-delay: .25s
}

.d4 {
  animation-delay: .35s
}

.d5 {
  animation-delay: .45s
}

/*=======fassi css start======*/
:root {
  --b900: #04192e;
  --b800: #0d3b6e;
  --b700: #1255a0;
  --b600: #1565C0;
  --b500: #1E88E5;
  --b400: #42A5F5;
  --b300: #90CAF9;
  --b200: #BBDEFB;
  --b100: #E3F2FD;
  --b50: #F0F8FF;
  --white: #ffffff;
  --g50: #F8FAFC;
  --g100: #F1F5F9;
  --g200: #E2E8F0;
  --g300: #CBD5E1;
  --g400: #94A3B8;
  --g500: #64748B;
  --g700: #334155;
  --g900: #0F172A;
  --orange: #EA580C;
  --orange-lt: #FFF7ED;
  --red: #DC2626;
  --red-lt: #FEF2F2;
  --gold: #D97706;
  --gold-lt: #FEF3C7;
  --green: #059669;
  --green-lt: #D1FAE5;
  --shadow-sm: 0 1px 4px rgba(13, 59, 110, .07);
  --shadow-md: 0 4px 20px rgba(13, 59, 110, .11), 0 2px 6px rgba(13, 59, 110, .06);
  --shadow-lg: 0 12px 44px rgba(13, 59, 110, .17), 0 4px 12px rgba(13, 59, 110, .08);
  --tr: .28s cubic-bezier(.4, 0, .2, 1);
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
}


/* ─── PAGE LAYOUT ─── */
.page-f {
  max-width: 1180px;
  margin: 0 auto;
  padding: 64px 24px 100px
}

/* ─── SECTION DIVIDERS ─── */
.s-div {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 72px 0 40px
}

.s-div-line {
  flex: 1;
  height: 1px;
  background: var(--g200)
}

.s-div-badge {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--b600);
  background: var(--b100);
  padding: 6px 18px;
  border-radius: 100px;
  white-space: nowrap;
}

.s-div-badge svg {
  width: 13px;
  height: 13px;
  stroke: var(--b500);
  stroke-width: 2;
  fill: none
}

/* ─── EYEBROW + TITLES ─── */
.eyebrow-f {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--b100);
  color: var(--b700);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .13em;
  text-transform: uppercase;
  padding: 5px 16px;
  border-radius: 100px;
  margin-bottom: 14px;
}

.edot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--b500);
  flex-shrink: 0
}

.page-title {
  font-weight: 700;
  color: var(--b900);
  line-height: 1.18;
}

.page-title span {
  color: var(--b600)
}

.title-bar {
  width: 60px;
  height: 4px;
  background: linear-gradient(90deg, var(--b600), var(--b300));
  border-radius: 4px;
  margin: 18px 0 16px
}

.sec-title {
  font-size: clamp(22px, 3vw, 32px);
  font-weight: 700;
  color: var(--b900);
  margin-bottom: 8px;
}

.sec-title span {
  color: var(--b600)
}

.sec-sub {
  font-size: 15.5px;
  color: var(--g500);
  line-height: 1.72;
  max-width: 700px
}

/* ─── INTRO BLOCK ─── */
.intro-grid-f {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 36px;
  align-items: start;
  margin-top: 32px;
}

@media(max-width:860px) {
  .intro-grid {
    grid-template-columns: 1fr
  }
}

.intro-text p {
  font-size: 15.5px;
  line-height: 1.78;
  margin-bottom: 14px
}

.intro-text p:last-child {
  margin-bottom: 0
}

.intro-text strong {
  color: var(--b800);
  font-weight: 600
}

.intro-stat-card {
  background: var(--white);
  border-radius: var(--radius-lg);
  border: 1.5px solid var(--g200);
  box-shadow: var(--shadow-md);
  overflow: hidden;
}

.isc-header {
  background: linear-gradient(135deg, var(--b800), var(--b500));
  padding: 20px 24px;
}

.isc-header h3 {
  font-family: 'Playfair Display', serif;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 2px
}

.isc-header p {
  font-size: 12px;
  color: rgba(255, 255, 255, .68)
}

.isc-body {
  padding: 20px 24px
}

.stat-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid var(--g100);
}

.stat-row:last-child {
  border-bottom: none
}

.stat-icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: var(--b50);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.stat-icon svg {
  width: 18px;
  height: 18px;
  stroke: var(--b600);
  stroke-width: 1.8;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round
}

.stat-text {
  font-size: 13px;
  color: var(--g700);
  font-weight: 500;
  line-height: 1.45
}

.stat-text span {
  display: block;
  font-size: 11px;
  color: var(--g400);
  font-weight: 400;
  margin-top: 1px
}

/* ─── WHY CARDS ─── */
.why-grid-f {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 32px;
}

@media(max-width:900px) {
  .why-grid {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media(max-width:480px) {
  .why-grid {
    grid-template-columns: 1fr
  }
}

.why-card {
  background: var(--white);
  border-radius: var(--radius-md);
  border: 1.5px solid var(--g200);
  box-shadow: var(--shadow-md);
  overflow: hidden;
  transition: transform var(--tr), box-shadow var(--tr), border-color var(--tr);
  cursor: default;
  padding: unset;
}

.why-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
  border-color: var(--b300)
}

.why-card-accent {
  height: 4px
}

.wc1 .why-card-accent {
  background: linear-gradient(90deg, var(--b800), var(--b500))
}

.wc2 .why-card-accent {
  background: linear-gradient(90deg, #0a2d55, #2196F3)
}

.wc3 .why-card-accent {
  background: linear-gradient(90deg, var(--b900), var(--b600))
}

.wc4 .why-card-accent {
  background: linear-gradient(90deg, #0d47a1, var(--b400))
}

.why-card-body {
  padding: 24px 22px 26px
}

.why-icon-wrap {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: var(--b100);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}

.why-icon-wrap svg {
  width: 26px;
  height: 26px;
  stroke: var(--b600);
  stroke-width: 1.7;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round
}

.why-title {
  font-size: 17px;
  font-weight: 700;
  color: var(--b900);
  margin-bottom: 10px
}

.why-desc {
  font-size: 13.5px;
  color: var(--g500);
  line-height: 1.72
}

/* ─── WHO SECTION ─── */
.license-tabs {
  margin-top: 32px
}

.tab-nav {
  display: flex;
  gap: 0;
  border-radius: var(--radius-md);
  overflow: hidden;
  border: 1.5px solid var(--g200);
  background: var(--g100);
  flex-wrap: wrap;
}

.tab-btn {
  flex: 1;
  padding: 14px 16px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--g500);
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all var(--tr);
  text-align: center;
  white-space: nowrap;
  font-family: 'DM Sans', sans-serif;
  min-width: 120px;
}

.tab-btn:hover {
  color: var(--b600);
  background: var(--b50)
}

.tab-btn.active {
  background: linear-gradient(135deg, var(--b800), var(--b600));
  color: var(--white);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
}

.tab-pane {
  display: none
}

.tab-pane.active {
  display: block
}

/* License type header */
.lic-header {
  background: linear-gradient(135deg, var(--b900) 0%, var(--b700) 100%);
  border-radius: var(--radius-md);
  padding: 24px 28px;
  margin-top: 20px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.lic-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .12);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.lic-icon svg {
  width: 26px;
  height: 26px;
  stroke: #fff;
  stroke-width: 1.7;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round
}

.lic-info {
  flex: 1;
  min-width: 180px
}

.lic-info h3 {
  font-family: 'Playfair Display', serif;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px
}

.lic-info p {
  font-size: 13px;
  color: rgba(255, 255, 255, .72);
  line-height: 1.55
}

.lic-pill {
  font-size: 13px;
  font-weight: 600;
  background: rgba(255, 255, 255, .18);
  color: #fff;
  border: 1.5px solid rgba(255, 255, 255, .25);
  padding: 8px 20px;
  border-radius: 100px;
  white-space: nowrap;
  flex-shrink: 0;
}

/* Basic registration bullets */
.basic-section {
  margin-top: 4px
}

.basic-intro {
  font-size: 14.5px;
  color: var(--g500);
  line-height: 1.7;
  margin-bottom: 16px
}

.basic-intro strong {
  color: var(--b800);
  font-weight: 600
}

.basic-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px
}

.basic-list li {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-size: 14px;
  color: var(--g700);
  line-height: 1.6;
  background: var(--white);
  border-radius: var(--radius-sm);
  padding: 12px 16px;
  border: 1.5px solid var(--g200);
  box-shadow: var(--shadow-sm);
}

.blist-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--b500);
  flex-shrink: 0;
  margin-top: 6px;
}

.basic-list strong {
  color: var(--b800);
  font-weight: 600
}

.basic-sub-list {
  list-style: none;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.basic-sub-list li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 13px;
  color: var(--g500);
  line-height: 1.55;
  background: none;
  border: none;
  box-shadow: none;
  padding: 0;
}

.basic-sub-list li::before {
  content: counter(item);
  counter-increment: item;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--b100);
  color: var(--b700);
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 1px;
}

.basic-sub-list {
  counter-reset: item
}

/* ─── TABLE ─── */
.table-wrap {
  border-radius: var(--radius-md);
  overflow: hidden;
  border: 1.5px solid var(--g200);
  box-shadow: var(--shadow-md);
}

.table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: var(--radius-md)
}

.data-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
  background: var(--white);
  min-width: 540px
}

.data-table thead tr {
  background: linear-gradient(90deg, var(--b800), var(--b600))
}

.data-table thead th {
  padding: 14px 18px;
  text-align: left;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .88);
}

.data-table thead th:first-child {
  width: 38%
}

.data-table tbody tr {
  border-bottom: 1px solid var(--g100);
  transition: background var(--tr)
}

.data-table tbody tr:last-child {
  border-bottom: none
}

.data-table tbody tr:hover {
  background: var(--b50)
}

.data-table tbody tr:nth-child(even) {
  background: var(--g50)
}

.data-table tbody tr:nth-child(even):hover {
  background: var(--b50)
}

.data-table td {
  padding: 13px 18px;
  color: var(--g700);
  line-height: 1.55;
  vertical-align: top
}

.data-table td:first-child {
  font-weight: 600;
  color: var(--g900)
}

/* ─── HOW STEPS ─── */
.steps-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 32px;
  position: relative;
}

@media(max-width:640px) {
  .steps-grid {
    grid-template-columns: 1fr
  }
}

.step-card {
  background: var(--white);
  border-radius: var(--radius-md);
  border: 1.5px solid var(--g200);
  box-shadow: var(--shadow-md);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform var(--tr), box-shadow var(--tr);
  cursor: default;
}

.step-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg)
}

.step-card-top {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 22px 16px;
  border-bottom: 1px solid var(--g100);
}

.step-num {
  font-family: 'Playfair Display', serif;
  font-size: 36px;
  font-weight: 700;
  color: var(--b200);
  line-height: 1;
  flex-shrink: 0;
  width: 44px;
}

.step-head {
  flex: 1
}

.step-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--b900)
}

.step-subtitle {
  font-size: 12px;
  color: var(--b500);
  font-weight: 500;
  margin-top: 2px
}

.step-body {
  padding: 16px 22px 20px
}

.step-desc {
  font-size: 13.5px;
  color: var(--g500);
  line-height: 1.72
}

.step-desc strong {
  color: var(--b800);
  font-weight: 600
}

.step-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  font-size: 11.5px;
  font-weight: 600;
  color: var(--b700);
  background: var(--b100);
  border: 1px solid var(--b200);
  padding: 4px 12px;
  border-radius: 100px;
}

.step-tag svg {
  width: 11px;
  height: 11px;
  stroke: var(--b500);
  stroke-width: 2;
  fill: none
}

/* Step connector arrows */
.step-arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--b600);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 14px rgba(21, 101, 192, .35);
  z-index: 5;
}

.step-arrow svg {
  width: 16px;
  height: 16px;
  stroke: #fff;
  stroke-width: 2.2;
  fill: none
}

@media(max-width:640px) {
  .step-arrow {
    display: none
  }
}

/* ─── PENALTY SECTION ─── */
.penalty-block {
  margin-top: 64px;
  background: var(--white);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1.5px solid var(--g200);
  box-shadow: var(--shadow-md);
}

.penalty-header {
  background: linear-gradient(135deg, #7f1d1d, var(--red));
  padding: 24px 32px;
  display: flex;
  align-items: center;
  gap: 18px;
}

.pen-icon {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.pen-icon svg {
  width: 26px;
  height: 26px;
  stroke: #fff;
  stroke-width: 1.7;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round
}

.penalty-header h3 {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px
}

.penalty-header p {
  font-size: 13px;
  color: rgba(255, 255, 255, .72);
  line-height: 1.5
}

.penalty-body {
  padding: 28px 32px
}

.penalty-intro {
  font-size: 14.5px;
  color: var(--g500);
  line-height: 1.72;
  margin-bottom: 24px
}

.penalty-intro strong {
  color: var(--g900);
  font-weight: 600
}

.penalty-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px
}

@media(max-width:560px) {
  .penalty-cards {
    grid-template-columns: 1fr
  }
}

.pen-card {
  border-radius: var(--radius-md);
  padding: 20px 22px;
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

.pen-card.imprisonment {
  background: var(--red-lt);
  border: 1.5px solid #FECACA
}

.pen-card.fine {
  background: var(--gold-lt);
  border: 1.5px solid #FDE68A
}

.pen-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.pen-card.imprisonment .pen-card-icon {
  background: #FEE2E2
}

.pen-card.fine .pen-card-icon {
  background: #FEF3C7
}

.pen-card-icon svg {
  width: 22px;
  height: 22px;
  stroke-width: 1.8;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round
}

.pen-card.imprisonment .pen-card-icon svg {
  stroke: var(--red)
}

.pen-card.fine .pen-card-icon svg {
  stroke: var(--gold)
}

.pen-card-text h4 {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 5px
}

.pen-card.imprisonment .pen-card-text h4 {
  color: #991B1B
}

.pen-card.fine .pen-card-text h4 {
  color: #92400E
}

.pen-card-text p {
  font-size: 13.5px;
  line-height: 1.6
}

.pen-card.imprisonment .pen-card-text p {
  color: #B91C1C
}

.pen-card.fine .pen-card-text p {
  color: #B45309
}

/* ─── CTA BANNER ─── */
.cta-banner {
  margin-top: 64px;
  background: linear-gradient(135deg, var(--b900) 0%, var(--b800) 40%, var(--b600) 100%);
  border-radius: var(--radius-lg);
  padding: 44px 52px;
  display: flex;
  align-items: center;
  gap: 36px;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
}

.cta-banner::before {
  content: '';
  position: absolute;
  top: -60px;
  right: -60px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .05);
}

.cta-banner::after {
  content: '';
  position: absolute;
  bottom: -40px;
  left: 20%;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .04);
}

.cta-icon {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .12);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  z-index: 1;
}

.cta-icon svg {
  width: 34px;
  height: 34px;
  stroke: #fff;
  stroke-width: 1.6;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round
}

.cta-text {
  flex: 1;
  min-width: 220px;
  z-index: 1
}

.cta-text h3 {
  font-family: 'Playfair Display', serif;
  font-size: clamp(18px, 2.5vw, 26px);
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px
}

.cta-text p {
  font-size: 14.5px;
  color: rgba(255, 255, 255, .72);
  line-height: 1.65
}

.cta-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  z-index: 1
}

.btn-white {
  display: inline-block;
  background: #fff;
  color: var(--b800);
  font-size: 14px;
  font-weight: 700;
  padding: 13px 28px;
  border-radius: var(--radius-sm);
  text-decoration: none;
  transition: all var(--tr);
  white-space: nowrap;
}

.btn-white:hover {
  background: var(--b100);
  transform: translateY(-2px)
}

.btn-outline {
  display: inline-block;
  background: rgba(255, 255, 255, .1);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 13px 28px;
  border-radius: var(--radius-sm);
  text-decoration: none;
  border: 1.5px solid rgba(255, 255, 255, .25);
  transition: all var(--tr);
  white-space: nowrap;
}

.btn-outline:hover {
  background: rgba(255, 255, 255, .2)
}

/* ─── RESPONSIVE ─── */
@media(max-width:640px) {
  .page {
    padding: 36px 14px 70px
  }

  .cta-banner {
    padding: 28px 22px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px
  }

  .cta-icon {
    display: none
  }

  .penalty-body {
    padding: 22px 18px
  }

  .penalty-header {
    padding: 20px 20px
  }

  .lic-header {
    padding: 20px 18px
  }
}

/* ─── ANIMATIONS ─── */
@keyframes fadeSlideUp {
  from {
    opacity: 0;
    transform: translateY(20px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

.anim {
  opacity: 0;
  animation: fadeSlideUp .55s ease both
}

.d1 {
  animation-delay: .05s
}

.d2 {
  animation-delay: .12s
}

.d3 {
  animation-delay: .19s
}

.d4 {
  animation-delay: .26s
}

.d5 {
  animation-delay: .33s
}

.d6 {
  animation-delay: .40s
}

/*======pf why css start========*/
/* Section Title */
.section-title {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 40px;
  position: relative;
}

.section-title::after {
  content: "";
  width: 80px;
  height: 3px;
  background: #4caf50;
  position: absolute;
  left: 0;
  bottom: -10px;
}

/* Card Style */
.why-card-pf {
  padding: 18px 25px;
  border-radius: 12px;
  text-align: center;
  font-weight: 500;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  transition: 0.3s;
}

.why-card-pf:hover {
  transform: translateY(-5px);
}

/* Custom colors */
.card-green {
  background: #dbead5;
}

.card-purple {
  background: #e5dcf3;
}

.card-pink {
  background: #f3dada;
}

.card-blue {
  background: #d9ecf2;
}

/* Center image */
.center-img {
  max-width: 220px;
  margin: 20px auto;
  display: block;
}

/* Layout spacing */
.why-wrapper {
  position: relative;
}

/* Desktop layout */
@media(min-width: 992px) {
  .why-grid {
    display: grid;
    grid-template-columns: 1fr 300px 1fr;
    grid-template-rows: auto auto auto;
    align-items: center;
    gap: 30px;
  }

  .top {
    grid-column: 2;
    grid-row: 1;
  }

  .left-pf {
    grid-column: 1;
    grid-row: 2;
  }

  .center {
    grid-column: 2;
    grid-row: 2;
  }

  .right {
    grid-column: 3;
    grid-row: 2;
  }

  .bottom {
    grid-column: 2;
    grid-row: 3;
  }
}

/* Mobile layout */
@media(max-width: 991px) {
  .why-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: center;
  }
}

/*===========css tread===========*/
/* Section Wrapper */
.trademark-section {
  background: #ffffff;
  padding: 40px;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}

/* Each Item */
.trademark-item {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 18px 0;
  border-bottom: 1px solid #eee;
}

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

/* Symbol Styling */
.symbol {
  min-width: 55px;
  height: 55px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 20px;
}

/* Colors */
.tm {
  background: #e6f4ea;
  color: #2e7d32;
}

.sm {
  background: #e3f2fd;
  color: #1565c0;
}

.reg {
  background: #fff3e0;
  color: #ef6c00;
}

/* Text */
.trademark-text {
  font-size: 15px;
  color: #444;
}

.trademark-text strong {
  display: block;
  font-size: 16px;
  color: #222;
  margin-bottom: 4px;
}

/* Responsive */
@media(max-width: 576px) {
  .trademark-section {
    padding: 25px;
  }

  .symbol {
    width: 45px;
    height: 45px;
    font-size: 16px;
  }
}

/*=========Digital square css start==========*/
.dsc-section {
  padding: 2.5rem 0;
}

.dsc-heading-wrap {
  text-align: center;
  margin-bottom: 2.5rem;
}

.dsc-label {
  font-size: 11px;
  letter-spacing: 0.18em;
  color: #A0885A;
  text-transform: uppercase;
  font-family: 'Trebuchet MS', sans-serif;
  margin-bottom: 0.6rem;
}

.dsc-title {
  font-size: 28px;
  font-weight: 700;
  color: #12243C;
  margin: 0 0 0.75rem;
  letter-spacing: -0.3px;
}

.dsc-rule {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.dsc-rule-line {
  height: 1px;
  width: 60px;
  background: linear-gradient(to right, transparent, #C5993A);
}

.dsc-rule-line.right-digi {
  background: linear-gradient(to left, transparent, #C5993A);
}

.dsc-rule-diamond {
  width: 8px;
  height: 8px;
  background: #C5993A;
  transform: rotate(45deg);
}

.dsc-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.dsc-card {
  background: #12243C;
  border-radius: 12px;
  padding: 0;
  overflow: hidden;
  position: relative;
}

.dsc-card-top {
  background: #162D4A;
  padding: 1.5rem 1.75rem 1.25rem;
  border-bottom: 1px solid rgba(197, 153, 58, 0.25);
}

.dsc-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(197, 153, 58, 0.15);
  border: 1px solid rgba(197, 153, 58, 0.4);
  border-radius: 6px;
  padding: 4px 12px;
  margin-bottom: 0.85rem;
}

.dsc-badge-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #C5993A;
}

.dsc-badge-text {
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #C5993A;
  font-family: 'Trebuchet MS', sans-serif;
  font-weight: 600;
}

.dsc-class-label {
  font-size: 22px;
  font-weight: 700;
  color: #F0E8D5;
  margin: 0;
  letter-spacing: -0.2px;
}

.dsc-class-label span {
  color: #C5993A;
}

.dsc-card-body {
  padding: 1.25rem 1.75rem 1.75rem;
}

.dsc-desc {
  font-size: 14.5px;
  line-height: 1.75;
  color: #A8BCCE;
  margin: 0 0 1.25rem;
}

.dsc-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.dsc-tag {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 5px;
  padding: 4px 10px;
  font-size: 12px;
  color: #8CAABF;
  font-family: 'Trebuchet MS', sans-serif;
}

.dsc-icon-wrap {
  position: absolute;
  top: 1.25rem;
  right: 1.5rem;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(197, 153, 58, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}

.dsc-icon-wrap svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: #C5993A;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@media (max-width: 500px) {
  .dsc-grid {
    grid-template-columns: 1fr;
  }
}

/*===================*/
.why-section {
  padding: 2.5rem 0;
}

.why-heading-wrap {
  text-align: center;
  margin-bottom: 2.5rem;
}

.why-label {
  font-size: 11px;
  letter-spacing: 0.18em;
  color: #A0885A;
  text-transform: uppercase;
  font-family: 'Trebuchet MS', sans-serif;
  margin-bottom: 0.6rem;
}

.why-title {
  font-size: 32px;
  font-weight: 700;
  color: #12243C;
  margin: 0 0 0.75rem;
  letter-spacing: -0.3px;
}

.why-subtitle {
  font-size: 16px;
  color: #6B7F8E;
  font-family: 'Trebuchet MS', sans-serif;
  margin: 0.5rem 0 0.75rem;
}

.why-rule {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.why-rule-line {
  height: 1px;
  width: 60px;
  background: linear-gradient(to right, transparent, #C5993A);
}

.why-rule-line.right {
  background: linear-gradient(to left, transparent, #C5993A);
}

.why-rule-diamond {
  width: 8px;
  height: 8px;
  background: #C5993A;
  transform: rotate(45deg);
}

.why-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.why-card-digi {
  background: #12243C;
  border-radius: 12px;
  padding: 1.4rem 1.2rem 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
  position: relative;
  overflow: hidden;
  transition: transform 0.2s;
  cursor: default;
}

.why-card-digi::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(to right, #A3732A, #E0B85A, #A3732A);
}

.why-icon-ring {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1.5px solid rgba(197, 153, 58, 0.4);
  background: rgba(197, 153, 58, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.why-icon-ring svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: #C5993A;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.why-card-title {
  font-size: 13px;
  font-weight: 600;
  color: #F0E8D5;
  font-family: 'Trebuchet MS', sans-serif;
  letter-spacing: 0.02em;
  line-height: 1.4;
  margin: 0;
}

.why-card-line {
  width: 24px;
  height: 1px;
  background: rgba(197, 153, 58, 0.35);
}

.why-card-tag {
  font-size: 11px;
  color: #7A9AB0;
  font-family: 'Trebuchet MS', sans-serif;
  margin: 0;
}

@media (max-width: 520px) {
  .why-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.flow-chart-trade img {
  width: 100%;
}

.p-reg {
  margin: auto !important;
  text-align: -webkit-center !important;
}

.fa-img img {
  width: 100%;
}

/*================IPR css start==============*/
:root {
  --blue-50: #eff6ff;
  --blue-100: #dbeafe;
  --blue-200: #bfdbfe;
  --blue-400: #60a5fa;
  --blue-500: #2481f0;
  --blue-600: #1a6fd4;
  --blue-700: #1558b0;
  --blue-800: #0f3f80;
  --blue-900: #0a2756;
  --navy: #061936;
  --white: #ffffff;
  --gray-50: #f8fafc;
  --gray-100: #f1f5f9;
  --gray-200: #e2e8f0;
  --gray-400: #94a3b8;
  --gray-600: #475569;
  --gray-800: #1e293b;
  --shadow-sm: 0 1px 3px rgba(10, 39, 86, 0.08), 0 1px 2px rgba(10, 39, 86, 0.06);
  --shadow-md: 0 4px 16px rgba(10, 39, 86, 0.10), 0 2px 6px rgba(10, 39, 86, 0.06);
  --shadow-lg: 0 12px 40px rgba(10, 39, 86, 0.14), 0 4px 12px rgba(10, 39, 86, 0.08);
  --shadow-blue: 0 8px 30px rgba(36, 129, 240, 0.22);
  --r: 14px;
  --r-sm: 8px;
  --r-lg: 20px;
}

html {
  scroll-behavior: smooth;
}

/* ── SECTION ── */
.page-body {
  max-width: 1160px;
  margin: 0 auto;
  padding: 60px 24px 80px;
}

.section:last-child {
  margin-bottom: 0;
}

.section-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 28px;
}

.section-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-icon svg {
  width: 22px;
  height: 22px;
}

.section-icon.blue {
  background: var(--blue-50);
  color: var(--blue-600);
}

.section-icon.gold {
  background: #fffbeb;
  color: #b45309;
}

.section-icon.green {
  background: #f0fdf4;
  color: #15803d;
}

.section-icon.purple {
  background: #faf5ff;
  color: #7c3aed;
}

.section-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--blue-500);
  margin-bottom: 3px;
}

.section-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--gray-800);
  line-height: 1.3;
}

.section-divider {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, var(--gray-200), transparent);
}

/* ── CARDS GRID ── */
.cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 14px;
}

.service-card {
  background: white;
  border: 1px solid var(--gray-200);
  border-radius: var(--r);
  padding: 20px 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1),
    box-shadow 0.22s ease,
    border-color 0.22s ease;
  animation: fadeUp 0.5s both;
}

.service-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-lg);
  border-color: var(--blue-300, #93c5fd);
}

.service-card::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--blue-500), var(--blue-400));
  transform: scaleX(0);
  transition: transform 0.25s ease;
  transform-origin: left;
}

.service-card:hover::before {
  transform: scaleX(1);
}

.card-icon-wrap {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: var(--blue-50);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background 0.2s;
}

.service-card:hover .card-icon-wrap {
  background: var(--blue-100);
}

.card-icon-wrap svg {
  width: 18px;
  height: 18px;
  color: var(--blue-600);
}

.card-name {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--gray-800);
  line-height: 1.35;
  transition: color 0.2s;
}

.service-card:hover .card-name {
  color: var(--blue-600);
}

.card-arrow {
  margin-top: auto;
  margin-left: auto;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--gray-100);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s, transform 0.2s;
}

.service-card:hover .card-arrow {
  background: var(--blue-500);
  transform: translateX(3px);
}

.card-arrow svg {
  width: 13px;
  height: 13px;
  color: var(--gray-400);
  transition: color 0.2s;
}

.service-card:hover .card-arrow svg {
  color: white;
}

/* Stagger animation */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(18px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.cards-grid .service-card:nth-child(1) {
  animation-delay: 0.05s;
}

.cards-grid .service-card:nth-child(2) {
  animation-delay: 0.08s;
}

.cards-grid .service-card:nth-child(3) {
  animation-delay: 0.11s;
}

.cards-grid .service-card:nth-child(4) {
  animation-delay: 0.14s;
}

.cards-grid .service-card:nth-child(5) {
  animation-delay: 0.17s;
}

.cards-grid .service-card:nth-child(6) {
  animation-delay: 0.20s;
}

.cards-grid .service-card:nth-child(7) {
  animation-delay: 0.23s;
}

.cards-grid .service-card:nth-child(8) {
  animation-delay: 0.26s;
}

.cards-grid .service-card:nth-child(9) {
  animation-delay: 0.29s;
}

.cards-grid .service-card:nth-child(10) {
  animation-delay: 0.32s;
}

.cards-grid .service-card:nth-child(11) {
  animation-delay: 0.35s;
}

.cards-grid .service-card:nth-child(12) {
  animation-delay: 0.38s;
}

/* ── CTA STRIP ── */
.cta-strip {
  background: linear-gradient(135deg, var(--blue-600) 0%, var(--blue-800) 100%);
  border-radius: var(--r-lg);
  padding: 40px 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
  margin-bottom: 64px;
  position: relative;
  overflow: hidden;
}

.cta-strip::before {
  content: '';
  position: absolute;
  right: -60px;
  top: -60px;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
}

.cta-strip::after {
  content: '';
  position: absolute;
  right: 80px;
  bottom: -80px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.04);
}

.cta-left {
  position: relative;
  z-index: 1;
}

.cta-title {
  font-size: 22px;
  font-weight: 700;
  color: white;
  margin-bottom: 6px;
}

.cta-desc {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.65);
}

.cta-btn {
  position: relative;
  z-index: 1;
  background: white;
  color: var(--blue-700);
  font-size: 14px;
  font-weight: 700;
  padding: 14px 28px;
  border-radius: var(--r-sm);
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  transition: transform 0.2s, box-shadow 0.2s;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.cta-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.cta-btn svg {
  width: 16px;
  height: 16px;
}

/* ── FOOTER ── */
.footer {
  background: var(--navy);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  padding: 32px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}

.footer-brand {
  display: flex;
  align-items: center;
  gap: 10px;
}

.footer-brand-name {
  font-size: 16px;
  font-weight: 700;
  color: white;
}

.footer-copy {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.35);
}

.footer-links {
  display: flex;
  gap: 20px;
}

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

.footer-links a:hover {
  color: var(--blue-300, #93c5fd);
}

/* ── RESPONSIVE ── */
@media (max-width: 900px) {
  .hero-deco {
    display: none;
  }

  .nav-links {
    display: none;
  }

  /* .hero { padding: 56px 24px 64px; } */
  .cta-strip {
    padding: 32px 24px;
  }

  .footer {
    padding: 24px;
  }
}

@media (max-width: 600px) {
  .nav {
    padding: 0 20px;
  }

  .cards-grid {
    grid-template-columns: 1fr 1fr;
  }

  .hero-stats {
    gap: 24px;
  }

  .hero-stat-divider {
    display: none;
  }

  .section-header {
    flex-wrap: wrap;
  }

  .section-divider {
    display: none;
  }
}

@media (max-width: 400px) {
  .cards-grid {
    grid-template-columns: 1fr;
  }
}

.sv-card-inntel {
  grid-column: 1 / -1;
  max-width: 420px;
  margin: 0px auto;
  opacity: 1;
  transform: translateY(0px);
  transition: opacity 0.55s 1.54s, transform 0.55s 1.54s;
}

/*=========contact us css start========*/
:root {
  --brand: #1a72d9;
  --brand-dark: #1258b0;
  --brand-light: #e8f2fc;
  --accent: #0a3d6e;
  --gold: #c8a96e;
  --text: #1a1e2d;
  --muted: #5a6075;
  --border: rgba(26, 114, 217, 0.15);
  --bg: #f9fbff;
  --white: #ffffff;
  --radius: 14px;
}

/* ── HERO STRIP ── */
.hero-cont {
  background: linear-gradient(135deg, var(--accent) 0%, var(--brand) 60%, #4fa3f7 100%);
  padding: 80px 5% 90px;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.hero-cont::before {
  content: '';
  position: absolute;
  top: -60px;
  right: -60px;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
}

.hero-cont::after {
  content: '';
  position: absolute;
  bottom: -80px;
  left: -40px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.04);
}

.hero-eyebrow {
  display: inline-block;
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.65);
  margin-bottom: 18px;
  font-weight: 500;
}

.hero-cont h1 {
  font-size: clamp(2.4rem, 5vw, 3.6rem);
  font-weight: 600;
  color: #fff;
  line-height: 1.1;
  letter-spacing: -0.01em;
  margin-bottom: 18px;
}

.hero-cont p {
  color: rgba(255, 255, 255, 0.75);
  font-size: 1rem;
  max-width: 500px;
  margin: 0 auto;
  line-height: 1.7;
}

/* ── MAIN LAYOUT ── */
.main-cont {
  max-width: 1140px;
  margin: 0 auto;
  padding: 72px 5% 100px;
  display: grid;
  grid-template-columns: 1fr 1.35fr;
  gap: 48px;
  align-items: start;
}

/* ── INFO PANEL ── */
.info-panel {}

.info-panel .section-label {
  font-size: 0.7rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--brand);
  font-weight: 500;
  margin-bottom: 12px;
}

.info-panel h2 {
  font-size: 2rem;
  font-weight: 400;
  color: var(--text);
  line-height: 1.2;
  margin-bottom: 12px;
}

.info-panel .intro {
  font-size: 0.9rem;
  color: var(--muted);
  line-height: 1.75;
  margin-bottom: 40px;
}

/* divider */
.divider {
  height: 1px;
  background: var(--border);
  margin-bottom: 36px;
}

.contact-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 28px 28px;
  margin-bottom: 20px;
  display: flex;
  gap: 20px;
  align-items: flex-start;
  transition: box-shadow 0.2s, transform 0.2s;
}

.contact-card:hover {
  box-shadow: 0 8px 32px rgba(26, 114, 217, 0.1);
  transform: translateY(-2px);
}

.contact-card:last-child {
  margin-bottom: 0;
}

.card-icon {
  width: 46px;
  height: 46px;
  flex-shrink: 0;
  background: var(--brand-light);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.card-icon svg {
  width: 22px;
  height: 22px;
}

.card-body {}

.card-label {
  font-size: 0.7rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted);
  font-weight: 500;
  margin-bottom: 6px;
}

.card-value {
  font-size: 0.925rem;
  color: var(--text);
  line-height: 1.6;
  font-weight: 400;
}

.card-value a {
  color: var(--brand);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s;
}

.card-value a:hover {
  border-bottom-color: var(--brand);
}

/* badge strip */
.badges {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 36px;
}

.badge {
  font-size: 0.72rem;
  letter-spacing: 0.05em;
  padding: 6px 14px;
  border-radius: 999px;
  background: var(--brand-light);
  color: var(--brand-dark);
  font-weight: 500;
  border: 1px solid rgba(26, 114, 217, 0.18);
}

/* ── FORM PANEL ── */
.form-panel {
  background: linear-gradient(135deg, var(--b900) 0%, var(--b800) 40%, var(--b600) 80%, var(--b400) 100%);
  border: 1px solid var(--border);
  border-radius: 20px;
  padding: 44px 40px;
  box-shadow: 0 20px 60px rgba(26, 114, 217, 0.07);
  position: sticky;
  top: 96px;
}

.form-header {
  margin-bottom: 32px;
}

.form-header .tag {
  display: inline-block;
  font-size: 0.7rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--brand);
  background: var(--brand-light);
  padding: 5px 12px;
  border-radius: 999px;
  font-weight: 500;
  margin-bottom: 14px;
  border: 1px solid rgba(26, 114, 217, 0.18);
}

.form-header h3 {
  font-size: 1.75rem;
  font-weight: 400;
  color: var(--text);
  line-height: 1.2;
}

.form-header p {
  font-size: 0.875rem;
  color: var(--muted);
  margin-top: 8px;
  line-height: 1.6;
}

.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.form-full {
  grid-column: 1 / -1;
}

label {
  display: block;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
  font-weight: 500;
  margin-bottom: 7px;
}

input,
select,
textarea {
  width: 100%;
  background: var(--bg);
  border: 1px solid rgba(26, 114, 217, 0.18);
  border-radius: 9px;
  padding: 11px 14px;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.9rem;
  color: var(--text);
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}

input::placeholder,
textarea::placeholder {
  color: rgba(90, 96, 117, 0.5);
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px rgba(26, 114, 217, 0.1);
  background: #fff;
}

textarea {
  resize: vertical;
  min-height: 120px;
}

select {
  appearance: none;
  cursor: pointer;
}

.btn-submit {
  width: 100%;
  margin-top: 24px;
  background: var(--brand);
  color: #fff;
  border: none;
  padding: 15px 28px;
  border-radius: 10px;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.9rem;
  font-weight: 500;
  cursor: pointer;
  letter-spacing: 0.02em;
  transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.btn-submit:hover {
  background: var(--brand-dark);
  box-shadow: 0 8px 24px rgba(26, 114, 217, 0.25);
  transform: translateY(-1px);
}

.btn-submit:active {
  transform: translateY(0);
}

.btn-submit svg {
  width: 18px;
  height: 18px;
}

.form-note {
  text-align: center;
  font-size: 0.75rem;
  color: var(--muted);
  margin-top: 14px;
  line-height: 1.6;
}

/* success state */
.success-msg {
  display: none;
  text-align: center;
  padding: 28px;
}

.success-msg .check {
  width: 56px;
  height: 56px;
  background: #e8f8f0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
}

.success-msg h4 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.5rem;
  color: var(--text);
  margin-bottom: 8px;
}

.success-msg p {
  font-size: 0.875rem;
  color: var(--muted);
  line-height: 1.6;
}

/* ── MAP SECTION ── */
.map-section {
  background: var(--white);
  border-top: 1px solid var(--border);
  padding: 64px 5%;
}

.map-inner {
  max-width: 1140px;
  margin: 0 auto;
}

.map-inner .section-label-cont {
  font-size: 0.7rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--brand);
  font-weight: 500;
  margin-bottom: 10px;
  text-align: center;
}

.map-inner h2 {
  font-size: 1.9rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 40px;
  color: var(--text);
}

.map-frame {
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--border);
  box-shadow: 0 8px 32px rgba(26, 114, 217, 0.08);
}

.map-frame iframe {
  width: 100%;
  height: 380px;
  display: block;
  border: none;
}

/* ── ANIMATIONS ── */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(22px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-up {
  animation: fadeUp 0.6s ease both;
}

.delay-1 {
  animation-delay: 0.1s;
}

.delay-2 {
  animation-delay: 0.2s;
}

.delay-3 {
  animation-delay: 0.3s;
}

.delay-4 {
  animation-delay: 0.4s;
}

@media (max-width: 860px) {
  .main {
    grid-template-columns: 1fr;
  }

  .form-panel {
    position: static;
  }

  .form-grid {
    grid-template-columns: 1fr;
  }

  .nav-links {
    display: none;
  }
}

.card.right-gst {
  animation: rise 0.75s cubic-bezier(0.22, 1, 0.36, 1) 1.9s forwards;
}

.card.left-gst {
  animation: rise 0.75s cubic-bezier(0.22, 1, 0.36, 1) 1.7s forwards;
}

.name-off {
  grid-column: 1 / -1;
  max-width: 420px;
  margin: 0px auto;
  opacity: 1;
  transform: translateY(0px);
  transition: opacity 0.55s 1.54s, transform 0.55s 1.54s;
  margin-top: 45px;
}

.prc-sr-l p {
  font-weight: 400;
}

ul li {
  font-size: 15.5px;
  color: #4a5a7a;
}

.page-f-fassi {
  max-width: 1180px;
  margin: 0 auto;
}

/*=======social icon css start=========*/
/* ─── SOCIAL GRID ────────────────────────────── */
.social-grid {
  display: flex;
  justify-content: center;
  gap: 20px;
  /* flex-wrap: wrap; */
}

.s-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  animation: floatSocial 4s ease-in-out infinite;
}

.s-card:nth-child(1) {
  animation-delay: 0s
}

.s-card:nth-child(2) {
  animation-delay: .5s
}

.s-card:nth-child(3) {
  animation-delay: 1s
}

.s-card:nth-child(4) {
  animation-delay: 1.5s
}

.s-card:nth-child(5) {
  animation-delay: 2s
}

.s-card:nth-child(6) {
  animation-delay: 2.5s
}

@keyframes floatSocial {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-6px);
  }
}

/* icon wrapper */
.s-icon {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all .35s cubic-bezier(.22, 1, .36, 1);
}

.s-icon svg {
  width: 20px;
  height: 20px;
  fill: #fff;
  position: relative;
  z-index: 1;
}

/* glow ring */
.s-icon::before {
  content: '';
  position: absolute;
  inset: -3px;
  border-radius: 5px;
  opacity: 0;
  transition: opacity .35s, transform .35s;
  transform: scale(.85);
}

/* pulse ring on hover */
.s-icon::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 20px;
  opacity: 0;
  transition: all .35s;
}

.s-card:hover .s-icon {
  transform: scale(1.12) translateY(-4px);
  box-shadow: var(--glow);
}

.s-card:hover .s-icon::before {
  opacity: 1;
  transform: scale(1);
  animation: ringPulse 1.2s ease-out infinite;
}

@keyframes ringPulse {
  0% {
    opacity: .6;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}

.s-name {
  display: none;
}

/* follower count badge — hidden */
.s-badge {
  display: none;
}

/* ── Platform colors ── */
/* Facebook */
.s-fb .s-icon {
  background: linear-gradient(145deg, #1877F2, #0c5bd6);
  box-shadow: 0 6px 24px rgba(24, 119, 242, .35);
  --glow: 0 10px 36px rgba(24, 119, 242, .55);
}

.s-fb .s-icon::before {
  border: 2px solid rgba(24, 119, 242, .6);
}

/* Instagram */
.s-ig .s-icon {
  background: linear-gradient(135deg, #F58529 0%, #DD2A7B 50%, #8134AF 100%);
  box-shadow: 0 6px 24px rgba(221, 42, 123, .35);
  --glow: 0 10px 36px rgba(221, 42, 123, .55);
}

.s-ig .s-icon::before {
  border: 2px solid rgba(221, 42, 123, .6);
}

/* Twitter / X */
.s-tw .s-icon {
  background: linear-gradient(145deg, #0f1419, #1a1a2e);
  border: 1.5px solid rgba(255, 255, 255, .15);
  box-shadow: 0 6px 24px rgba(0, 0, 0, .4);
  --glow: 0 10px 36px rgba(255, 255, 255, .2);
}

.s-tw .s-icon::before {
  border: 2px solid rgba(255, 255, 255, .3);
}

/* LinkedIn */
.s-li .s-icon {
  background: linear-gradient(145deg, #0A66C2, #004e96);
  box-shadow: 0 6px 24px rgba(10, 102, 194, .35);
  --glow: 0 10px 36px rgba(10, 102, 194, .55);
}

.s-li .s-icon::before {
  border: 2px solid rgba(10, 102, 194, .6);
}

/* Google+ / Google */
.s-gp .s-icon {
  background: linear-gradient(145deg, #fff, #f5f5f5);
  box-shadow: 0 6px 24px rgba(234, 67, 53, .25);
  --glow: 0 10px 36px rgba(234, 67, 53, .4);
}

.s-ig .s-icon svg {
  fill: none;
  stroke: #fff;
}

.s-gp .s-icon svg {
  fill: none;
}

/* YouTube */
.s-yt .s-icon {
  background: linear-gradient(145deg, #FF0000, #cc0000);
  box-shadow: 0 6px 24px rgba(255, 0, 0, .35);
  --glow: 0 10px 36px rgba(255, 0, 0, .55);
}

.s-yt .s-icon::before {
  border: 2px solid rgba(255, 0, 0, .6);
}

/* ─── BOTTOM BAR ─────────────────────────────── */
.footer-bottom {
  padding-top: 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
}

.copy {
  font-size: 12.5px;
  color: rgba(255, 255, 255, .35);
}

.copy span {
  color: var(--cyan);
}

.policy-links {
  display: flex;
  gap: 20px;
  list-style: none;
}

.policy-links a {
  font-size: 12px;
  color: rgba(255, 255, 255, .35);
  text-decoration: none;
  transition: color .2s;
}

.policy-links a:hover {
  color: #fff;
}

/* ─── RESPONSIVE ─────────────────────────────── */
@media (max-width: 900px) {
  .footer-top {
    grid-template-columns: 1fr 1fr;
    gap: 36px;
  }

  .brand-col {
    grid-column: 1 / -1;
  }
}

@media (max-width: 600px) {
  footer {
    padding: 50px 20px 28px;
  }

  .footer-top {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .social-grid {
    gap: 14px;
  }

  .s-icon {
    width: 58px;
    height: 58px;
    border-radius: 16px;
  }

  .s-icon svg {
    width: 24px;
    height: 24px;
  }

  .social-title {
    font-size: 20px;
  }

  .footer-bottom {
    flex-direction: column;
    text-align: center;
  }

  .policy-links {
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px;
  }
}

.social-header h3 {
  font-size: 15px;
}

/*========header popup box css start======*/
.enquiry-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 9999;
  align-items: center;
  justify-content: center;
}

.enquiry-overlay.active {
  display: flex;
}

.enquiry-popup {
  background: #fff;
  border-radius: 12px;
  padding: 36px 32px 28px;
  width: 100%;
  max-width: 460px;
  position: relative;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.18);
}

.enquiry-popup h2 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #111;
}

.enquiry-popup p {
  font-size: 14px;
  color: #666;
  margin-bottom: 20px;
}

.enquiry-popup .close-btn {
  position: absolute;
  top: 14px;
  right: 18px;
  font-size: 22px;
  cursor: pointer;
  color: #888;
  background: none;
  border: none;
  line-height: 1;
}

.enquiry-popup .close-btn:hover {
  color: #111;
}

.enquiry-popup label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #444;
  margin-bottom: 5px;
  border: 1px solid #ccc;
  color: #000;
}

.enquiry-popup input,
.enquiry-popup select,
.enquiry-popup textarea {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 7px;
  padding: 10px 13px;
  font-size: 14px;
  margin-bottom: 14px;
  outline: none;
  font-family: inherit;
  color: #ccc;
  background: #fafafa;
  box-sizing: border-box;
  transition: border 0.2s;
  color: #222222;
}

.enquiry-popup input:focus,
.enquiry-popup select:focus,
.enquiry-popup textarea:focus {
  border-color: #2563eb;
  background: #fff;
}

.enquiry-popup textarea {
  resize: vertical;
  height: 80px;
}

.enquiry-popup .submit-btn {
  width: 100%;
  padding: 12px;
  background: #2563eb;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  letter-spacing: 0.3px;
  transition: background 0.2s;
}

.enquiry-popup .submit-btn:hover {
  background: #1d4ed8;
}

/* Placeholder text color */
.f-pop-row input::placeholder,
textarea::placeholder {
  color: #706a6a;

}

.f-pop-row input::-webkit-input-placeholder {
  color: #706a6a;
}

.f-pop-row input:-ms-input-placeholder {
  color: #706a6a;
}

.f-pop-row input::placeholder {
  color: #706a6a;
}

.form-card-pop {
  padding: unset;
  background-color: unset;
}

.captcha-pop {
  margin-top: -13px !important;
}

.stat-row-new-add {
  align-items: unset;
  gap: unset;
  padding: unset;
  border-bottom: unset;
}

a.cta-nav-cll {
  font-size: 15px;
  padding: 9px 14px;
  font-weight: 700;
  white-space: nowrap;
  text-decoration: none;
  color: #374878;
}

a.cta-nav-cll i {
  color: #1971c6;
}

/*---------faq css start----------*/
.faq-section {
  max-width: 1180px;
  margin: 0 auto;
  padding: 64px 24px 80px;
}

.faq-heading {
  text-align: center;
  margin-bottom: 48px;
}

.faq-heading h2 {
  font-size: clamp(26px, 4vw, 36px);
  font-weight: 600;
  color: #0b1c3e;
  margin-bottom: 10px;
}

.faq-heading h2 span {
  color: #c9a84c;
}

.faq-heading p {
  font-size: 15px;
  color: #666;
  line-height: 1.7;
}

.faq-divider {
  width: 60px;
  height: 3px;
  background: #0676e2;
  margin: 16px auto 0;
  border-radius: 2px;
}

.faq-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.faq-item {
  background: #ffffff;
  border: 1px solid #e4dfc8;
  border-radius: 10px;
  overflow: hidden;
  transition: border-color 0.2s;
}

.faq-item.open {
  border: 1.5px solid var(--border);
}

.faq-trigger {
  width: 100%;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 22px;
  text-align: left;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #0b1c3e;
  line-height: 1.5;
}

.faq-trigger:hover {
  color: #0775e4;
}

.faq-item.open .faq-trigger {
  color: var(--textmid);
}

.faq-icon {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1.5px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s, border-color 0.2s;
}

.faq-item.open .faq-icon {
  background: #0676e2;
  border-color: #0875e8;
}

.faq-icon svg {
  width: 13px;
  height: 13px;
  stroke: #888;
  transition: transform 0.3s ease, stroke 0.2s;
}

.faq-item.open .faq-icon svg {
  stroke: #fff;
  transform: rotate(45deg);
}

.faq-body {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.32s ease;
}

.faq-item.open .faq-body {
  grid-template-rows: 1fr;
}

.faq-inner {
  overflow: hidden;
}

.faq-answer {
  padding: 0 22px 20px;
  border-top: 1px solid #f0ebe0;
  font-size: 14.5px;
  color: #555;
  line-height: 1.8;
}

.faq-answer p {
  margin-top: 14px;
}

.faq-answer ul {
  margin: 12px 0 0 18px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.faq-answer li {
  color: #555;
  line-height: 1.7;
}

.faq-answer li::marker {
  color: #222222;
}

@media (max-width: 600px) {
  .faq-section {
    padding: 44px 16px 60px;
  }

  .faq-trigger {
    padding: 16px 16px;
    font-size: 14px;
  }

  .faq-answer {
    padding: 0 16px 16px;
  }
}

.faq-section-bg {
  background-color: #f2f2f2;
}

/*===============popular services css start================*/
:root {
  --blue-primary: #1565C0;
  --blue-bright: #1E88E5;
  --blue-light: #E3F2FD;
  --blue-mid: #BBDEFB;
  --blue-deep: #0D47A1;
  --white: #FFFFFF;
  --navy: #0A1628;
  --text-dark: #1A2744;
  --text-muted: #5A6A8A;
  --surface: #F7FAFF;
  --border: #D6E4F7;
  --shadow-sm: 0 2px 8px rgba(21, 101, 192, 0.10);
  --shadow-md: 0 6px 24px rgba(21, 101, 192, 0.15);
  --shadow-lg: 0 16px 48px rgba(21, 101, 192, 0.18);
  --radius-pill: 50px;
  --radius-card: 20px;
  --transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ── SECTION WRAPPER ── */
.service-box {
  max-width: 1320px;
  margin: 0 auto;
  background: var(--white);
  border-radius: var(--radius-card);
  border: 1.5px solid var(--border);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
  position: relative;
}

/* top accent bar */
.service-box::before {
  content: '';
  display: block;
  height: 4px;
  background: linear-gradient(90deg, var(--blue-primary), var(--blue-bright), #42A5F5);
}

/* ── HEADER ── */
.section-header {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 28px 36px 0;
}

.header-icon {
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, var(--blue-primary), var(--blue-bright));
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 14px rgba(21, 101, 192, 0.30);
  flex-shrink: 0;
}

.header-icon svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: #fff;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.header-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.section-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--blue-bright);
}

/* ── DIVIDER ── */
.section-divider {
  margin: 20px 36px 0;
  height: 1px;
  background: linear-gradient(90deg, var(--blue-mid), transparent);
}

/* ── TAGS GRID ── */
.tags-wrapper {
  padding: 24px 36px 32px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

/* ── INDIVIDUAL TAG ── */
.service-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  border-radius: var(--radius-pill);
  border: 1.5px solid var(--border);
  background: var(--white);
  color: var(--text-dark);
  font-size: 13.5px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: var(--transition);
  box-shadow: var(--shadow-sm);
  white-space: nowrap;
}

/* shimmer layer */
.service-tag::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg,
      transparent 0%,
      rgba(255, 255, 255, 0.55) 50%,
      transparent 100%);
  transform: translateX(-100%);
  transition: transform 0.5s ease;
}

.service-tag:hover::after {
  transform: translateX(100%);
}

.service-tag:hover {
  background: linear-gradient(135deg, var(--blue-primary), var(--blue-bright));
  border-color: transparent;
  color: var(--white);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px) scale(1.025);
}

.service-tag:hover .tag-dot {
  background: rgba(255, 255, 255, 0.7);
}

.service-tag:hover .tag-arrow {
  opacity: 1;
  transform: translateX(0);
}

.tag-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--blue-bright);
  flex-shrink: 0;
  transition: var(--transition);
}

.tag-arrow {
  width: 14px;
  height: 14px;
  opacity: 0;
  transform: translateX(-4px);
  transition: var(--transition);
  flex-shrink: 0;
}

.tag-arrow svg {
  width: 100%;
  height: 100%;
  stroke: currentColor;
  stroke-width: 2.2;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* ── FOOTER BAR ── */
.section-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 36px 22px;
  flex-wrap: wrap;
  gap: 10px;
}

.footer-count {
  font-size: 12.5px;
  color: var(--text-muted);
  font-weight: 500;
}

.footer-count span {
  font-weight: 700;
  color: var(--blue-primary);
}

.view-all-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: var(--blue-primary);
  background: var(--blue-light);
  border: none;
  border-radius: var(--radius-pill);
  padding: 8px 18px;
  cursor: pointer;
  transition: var(--transition);
  text-decoration: none;
}

.view-all-btn:hover {
  background: var(--blue-primary);
  color: var(--white);
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(21, 101, 192, 0.25);
}

.view-all-btn svg {
  width: 14px;
  height: 14px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2.3;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.2s;
}

.view-all-btn:hover svg {
  transform: translateX(3px);
}

/* ── ENTRY ANIMATION ── */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(14px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.service-tag {
  animation: fadeUp 0.4s ease both;
}

.service-tag:nth-child(1) {
  animation-delay: 0.04s;
}

.service-tag:nth-child(2) {
  animation-delay: 0.08s;
}

.service-tag:nth-child(3) {
  animation-delay: 0.12s;
}

.service-tag:nth-child(4) {
  animation-delay: 0.16s;
}

.service-tag:nth-child(5) {
  animation-delay: 0.20s;
}

.service-tag:nth-child(6) {
  animation-delay: 0.24s;
}

.service-tag:nth-child(7) {
  animation-delay: 0.28s;
}

.service-tag:nth-child(8) {
  animation-delay: 0.32s;
}

.service-tag:nth-child(9) {
  animation-delay: 0.36s;
}

.service-tag:nth-child(10) {
  animation-delay: 0.40s;
}

.service-tag:nth-child(11) {
  animation-delay: 0.44s;
}

/* ── RESPONSIVE ── */
@media (max-width: 768px) {
  .section-header {
    padding: 22px 24px 0;
    gap: 12px;
  }

  .section-divider {
    margin: 16px 24px 0;
  }

  .tags-wrapper {
    padding: 20px 24px 24px;
    gap: 10px;
  }

  .section-footer {
    padding: 10px 24px 20px;
  }

  .section-title {
    font-size: 18px;
  }

  .header-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
  }

  .service-tag {
    font-size: 13px;
    padding: 9px 16px;
  }
}

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

  .section-divider {
    margin: 14px 18px 0;
  }

  .tags-wrapper {
    padding: 16px 18px 20px;
    gap: 8px;
  }

  .section-footer {
    padding: 8px 18px 18px;
  }

  .section-title {
    font-size: 16px;
  }

  .service-tag {
    font-size: 12.5px;
    padding: 8px 14px;
  }

  .footer-count {
    font-size: 12px;
  }
}

.service-box {
  max-width: 1320px;
  margin: 0 auto;
  background: var(--white);
  border-radius: var(--radius-card);
  border: 1.5px solid var(--border);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
  position: relative;
}

.badges span a {
  text-decoration: none;
}

/*testimonial css start*/
/* =========================
   TESTIMONIAL SECTION
========================= */

.etb-testimonial-section {
  position: relative;
  padding: 90px 20px;
  background: linear-gradient(135deg, #0d6efd, #0057d9) !important;
  overflow: hidden;
}

/* background circles */

.etb-testimonial-section::before {
  content: "";
  position: absolute;
  width: 400px;
  height: 400px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  top: -120px;
  right: -120px;
}

.etb-testimonial-section::after {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 50%;
  bottom: -100px;
  left: -100px;
}

.etb-heading {
  position: relative;
  z-index: 2;
  text-align: center;
  margin-bottom: 60px;
}

.etb-heading span {
  display: inline-block;
  color: #dbe9ff;
  font-size: 14px;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 10px;
}

.etb-heading h2 {
  color: #fff;
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 15px;
}

.etb-heading p {
  color: rgba(255, 255, 255, 0.85);
  max-width: 650px;
  margin: auto;
  font-size: 16px;
  line-height: 28px;
}

/* =========================
   GRID
========================= */

.etb-testimonial-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.etb-testimonial-grid-in {
  grid-template-columns: repeat(4, 1fr);
}

/* =========================
   CARD
========================= */

.etb-testimonial-card {
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(12px);
  border-radius: 24px;
  padding: 35px 30px;
  transition: 0.4s ease;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}

.etb-testimonial-card:hover {
  transform: translateY(-10px);
  background: rgba(255, 255, 255, 0.18);
}

.active-card {
  background: #fff;
}

.active-card .testimonial-text,
.active-card h4,
.active-card span {
  color: #111 !important;
}

.active-card .quote-icon {
  color: #0d6efd;
}

.quote-icon {
  font-size: 60px;
  line-height: 1;
  color: #ffffff;
  opacity: 0.8;
  margin-bottom: 15px;
}

.testimonial-text {
  color: rgba(255, 255, 255, 0.9);
  line-height: 30px;
  font-size: 16px;
  margin-bottom: 30px;
}

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

.client-img {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ffffff, #d7e7ff);
  color: #0057d9;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.client-info h4 {
  color: #fff;
  margin-bottom: 4px;
  font-size: 18px;
}

.client-info span {
  color: rgba(255, 255, 255, 0.75);
  font-size: 14px;
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:991px) {

  .etb-testimonial-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .etb-heading h2 {
    font-size: 34px;
  }
}

@media(max-width:767px) {

  .etb-testimonial-section {
    padding: 70px 15px;
  }

  .etb-testimonial-grid {
    grid-template-columns: 1fr;
  }

  .etb-heading h2 {
    font-size: 28px;
  }

  .etb-heading p {
    font-size: 15px;
    line-height: 26px;
  }

  .etb-testimonial-card {
    padding: 28px 22px;
  }
}

.star-rating {
  color: #FFD700;
  font-size: 20px;
  margin-bottom: 18px;
  letter-spacing: 3px;
}

/*===============private limited css start===============*/
/* ── SIMPLIFY INTRO ── */
.intro-section {
  background: linear-gradient(135deg, var(--blue-pale) 0%, #fff 60%);
  border-bottom: 1px solid var(--border);

  position: relative;
  overflow: hidden;
}

.intro-section::before {
  content: '';
  position: absolute;
  top: -80px;
  right: -100px;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(26, 109, 240, .10) 0%, transparent 70%);
  pointer-events: none;
}

.intro-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--blue-light);
  color: var(--blue-mid);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .05em;
  padding: 6px 14px;
  border-radius: 100px;
  margin-bottom: 20px;
}

.intro-tag span {
  width: 6px;
  height: 6px;
  background: var(--blue-bright);
  border-radius: 50%;
}

.intro-section h2 {
  font-size: clamp(28px, 3.5vw, 40px);
  font-weight: 800;
  color: #04192e;
  margin-bottom: 20px;
}

.intro-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 20px;
  padding: 36px;
  box-shadow: 0 8px 32px rgba(19, 82, 184, .08);
}

.intro-card p {
  font-size: 15px;
  color: var(--text-mid);
  margin-bottom: 24px;
}

.intro-highlight {
  background: var(--blue-light);
  border-left: 4px solid var(--blue-bright);
  border-radius: 10px;
  padding: 16px 20px;
  font-size: 15px;
  color: var(--blue-dark);
  font-weight: 600;
}

/* ── SECTION GENERIC ── */
section:nth-child(even) {
  background: var(--blue-pale);
}

.section-label {
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 12px;
  font-weight: 700;
  color: var(--blue-bright);
  margin-bottom: 12px;
}

.section-title {
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 800;
  margin-bottom: 16px;
}

.section-sub {
  max-width: 880px;
  margin-bottom: 48px;
}

/* ── UNDERSTANDING ── */
.understanding-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  align-items: start;
}

.understanding-text p {
  font-size: 15px;
  color: var(--text-mid);
}

/* ── TABLE ── */
.table-wrap {
  overflow-x: auto;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(19, 82, 184, .08);
}

table {
  width: 100%;
  border-collapse: collapse;
  background: var(--white);
}

thead tr {
  background: var(--blue-dark);
}

thead th {
  padding: 14px 18px;
  text-align: left;
  font-size: 13px;
  font-weight: 700;
  color: var(--white);
  letter-spacing: .04em;
}

tbody tr {
  border-bottom: 1px solid var(--border);
  transition: background .2s;
}

tbody tr:hover {
  background: var(--blue-pale);
}

tbody td {
  padding: 14px 18px;
  font-size: 14px;
  color: var(--text-mid);
  vertical-align: top;
}

tbody td:first-child {
  font-weight: 600;
  white-space: nowrap;
}

/* ── FEATURES CARDS ── */
.features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 24px;
  padding-top: 25px;
}

.feature-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 28px 24px;
  position: relative;
  overflow: hidden;
  transition: transform .25s, box-shadow .25s;
}

.feature-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(19, 82, 184, .12);
}

.feature-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--blue-bright), var(--blue-mid));
}

.feature-num {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: var(--blue-light);
  color: var(--blue-bright);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 16px;
  margin-bottom: 16px;
}

.feature-card h4 {
  font-size: 16px;
  font-weight: 700;
  color: var(--blue-dark);
  margin-bottom: 8px;
}

.feature-card p {
  font-size: 14px;
  color: var(--text-mid);
}

/* ── REQUIREMENTS ── */
.req-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(367px, 1fr));
  gap: 24px;
}

.req-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 28px;
  transition: box-shadow .25s;
}

.req-card:hover {
  box-shadow: 0 8px 24px rgba(19, 82, 184, .10);
}

.req-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: var(--blue-dark);
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  margin-bottom: 16px;
}

.req-card h4 {
  font-size: 15px;
  font-weight: 700;
  color: var(--blue-dark);
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.req-card ul {
  list-style: none;
}

.req-card ul li {
  font-size: 14px;
  color: var(--text-mid);
  padding: 5px 0;
  display: flex;
  gap: 8px;
}

.req-card ul li::before {
  content: '✔';
  color: var(--success);
  font-size: 13px;
  flex-shrink: 0;
  margin-top: 2px;
}

/* ── ADVANTAGES ── */
.adv-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 24px;
}

.adv-card {
  background: var(--white);
  border-radius: 18px;
  padding: 32px 28px;
  border: 1px solid var(--border);
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: all .25s;
}

.adv-card:hover {
  box-shadow: 0 10px 30px rgba(19, 82, 184, .12);
  border-color: var(--blue-bright);
}

.adv-card .adv-icon {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--blue-bright), var(--blue-dark));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  flex-shrink: 0;
}

.adv-card h4 {
  font-size: 17px;
  font-weight: 700;
  color: var(--blue-dark);
}

.adv-card p {
  font-size: 14px;
  color: var(--text-mid);
}

/* ── PROCESS STEPS ── */
.steps-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
}

.step-item {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 24px;
  align-items: start;
  padding-bottom: 36px;
  position: relative;
}

.step-num {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--blue-bright), var(--blue-dark));
  color: var(--white);
  font-weight: 800;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  box-shadow: 0 4px 12px rgba(19, 82, 184, .25);
}

.step-content {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 24px 28px;
}

.step-badge {
  display: inline-block;
  background: var(--blue-light);
  color: #12509b;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  padding: 3px 10px;
  border-radius: 100px;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.step-content h4 {
  font-size: 17px;
  font-weight: 700;
  color: var(--blue-dark);
  margin-bottom: 8px;
}

.step-content p {
  font-size: 14px;
  color: var(--text-mid);
}

.step-content ul {
  list-style: none;
  margin-top: 10px;
}

.step-content ul li {
  font-size: 14px;
  color: var(--text-mid);
  padding: 4px 0;
  display: flex;
  gap: 8px;
}

.step-content ul li::before {
  content: '→';
  color: var(--blue-bright);
  flex-shrink: 0;
}

/* ── TIMELINE TABLE ── */
.timeline-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(156px, 1fr));
  gap: 16px;
  margin-top: 32px;
}

.timeline-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 20px;
  text-align: center;
  transition: all .25s;
}

.timeline-card:hover {
  border-color: var(--blue-bright);
  transform: translateY(-3px);
}

.timeline-card:last-child {
  background: var(--blue-dark);
  border-color: var(--blue-dark);
}

.timeline-card:last-child .t-stage,
.timeline-card:last-child .t-days {
  color: var(--white);
}

.t-stage {
  font-size: 12px;
  font-weight: 700;
  color: var(--text-light);
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-bottom: 8px;
}

.t-name {
  font-size: 14px;
  font-weight: 600;
  color: var(--blue-dark);
  margin-bottom: 10px;
}

.timeline-card:last-child .t-name {
  color: rgba(255, 255, 255, .85);
}

.t-days {
  font-size: 22px;
  font-weight: 800;
  color: var(--blue-bright);
}

.t-label {
  font-size: 11px;
  color: var(--text-light);
}

.timeline-card:last-child .t-label {
  color: rgba(255, 255, 255, .6);
}

/* ── DOCUMENTS ── */
/* .docs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; } */
.doc-group {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 32px;
}

.doc-group h4 {
  font-size: 16px;
  font-weight: 700;
  color: var(--blue-dark);
  margin-bottom: 20px;
  padding-bottom: 14px;
  border-bottom: 2px solid var(--blue-light);
  display: flex;
  align-items: center;
  gap: 10px;
}

.doc-group h4 span {
  background: var(--blue-bright);
  color: var(--white);
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  flex-shrink: 0;
}

.doc-item {
  margin-bottom: 18px;
}

.doc-item strong {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: var(--blue-dark);
  margin-bottom: 6px;
}

.doc-item ul {
  list-style: none;
  padding-left: 4px;
}

.doc-item ul li {
  font-size: 13px;
  color: var(--text-mid);
  padding: 3px 0;
  display: flex;
  gap: 8px;
}

.doc-item ul li::before {
  content: '•';
  color: var(--blue-bright);
  font-size: 16px;
}

.doc-note {
  font-size: 12px;
  color: var(--text-light);
  font-style: italic;
  margin-top: 6px;
}

/* ── GST NOTICE ── */
.gst-notice {
  background: linear-gradient(135deg, var(--blue-dark) 0%, #1d83de 100%);
  border-radius: 20px;
  padding: 48px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 32px;
  align-items: center;
  color: var(--white);
}

.gst-icon {
  font-size: 56px;
  line-height: 1;
}

.gst-notice h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 12px;
  color: var(--white);
}

.gst-notice p {
  font-size: 15px;
  color: rgba(255, 255, 255, .85);
}

/* ── RESPONSIVE ── */
@media (max-width: 768px) {
  section {
    padding: 56px 0;
  }

  .intro-section .page-body {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .understanding-grid {
    grid-template-columns: 1fr;
  }

  .docs-grid {
    grid-template-columns: 1fr;
  }

  .gst-notice {
    grid-template-columns: 1fr;
    text-align: center;
    padding: 32px 24px;
  }

  .steps-list::before {
    left: 23px;
  }

  .step-item {
    grid-template-columns: 48px 1fr;
    gap: 16px;
  }

  .step-num {
    width: 48px;
    height: 48px;
    font-size: 17px;
  }

  .features-grid,
  .req-grid,
  .adv-grid {
    grid-template-columns: 1fr;
  }

  .timeline-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 480px) {
  .page-body {
    padding: 0 16px;
  }

  .timeline-grid {
    grid-template-columns: 1fr;
  }
}

/*----------opc css start----------*/
section.bgadd-acc {
  background: #0c1f44;
}

.tag {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--blue-mid);
  background: var(--blue-light);
  padding: 5px 14px;
  border-radius: 100px;
  margin-bottom: 14px;
}

.tag i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--blue-bright);
  display: inline-block;
}

.sec-label {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--blue-bright);
  margin-bottom: 10px;
}

.sec-title {
  font-weight: 900;
  color: var(--navy);
  margin-bottom: 14px;
  line-height: 1.2;
}

.sec-sub {
  font-size: 15px;
  color: var(--text-mid);
  max-width: 640px;
  margin-bottom: 48px;
  line-height: 1.75;
}

/* ══════════════════════════════════
     WHO CAN / CANNOT — ELIGIBILITY
  ══════════════════════════════════ */
.eligibility-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}

.elig-panel {
  border-radius: 22px;
  padding: 36px;
  border: 1.5px solid var(--border-light);
  background: var(--white);
  transition: box-shadow .25s;
}

.elig-panel:hover {
  box-shadow: 0 12px 40px rgba(19, 82, 184, .09);
}

.elig-panel.can {
  background: linear-gradient(145deg, #F0F7FF 0%, var(--white) 100%);
  border-color: var(--border);
}

.elig-panel.cannot {
  background: linear-gradient(145deg, #FFF8F8 0%, var(--white) 100%);
  border-color: #FCA5A5;
}

.elig-header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 28px;
  padding-bottom: 20px;
  border-bottom: 1.5px solid var(--border-light);
}

.elig-panel.cannot .elig-header {
  border-color: #FCA5A5;
}

.elig-badge {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  flex-shrink: 0;
}

.elig-panel.can .elig-badge {
  background: var(--blue-light);
}

.elig-panel.cannot .elig-badge {
  background: #FEE2E2;
}

.elig-header h3 {
  font-size: 19px;
  font-weight: 800;
  color: var(--navy);
}

.elig-panel.cannot .elig-header h3 {
  color: #991B1B;
}

.elig-item {
  display: flex;
  gap: 14px;
  margin-bottom: 20px;
  padding: 16px 18px;
  border-radius: 14px;
  background: rgb(38 129 217 / 9%);
  border: 1px solid var(--border-light);
  transition: border-color .2s;
}

.elig-panel.cannot .elig-item {
  border-color: #FECACA;
}

.elig-item:last-child {
  margin-bottom: 0;
}

.elig-dot {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  flex-shrink: 0;
  margin-top: 1px;
}

.elig-panel.can .elig-dot {
  background: var(--blue-light);
  color: var(--blue-mid);
}

.elig-panel.cannot .elig-dot {
  background: #FEE2E2;
  color: #DC2626;
}

.elig-item h4 {
  font-size: 14px;
  font-weight: 700;
  color: var(--navy);
  margin-bottom: 4px;
}

.elig-panel.cannot .elig-item h4 {
  color: #7F1D1D;
}

.elig-item p {
  font-size: 13px;
  color: var(--text-mid);
  line-height: 1.6;
}

/* ══════════════════════════════════
     REGISTRATION STEPS
  ══════════════════════════════════ */
.steps-wrap {
  position: relative;
}

.steps-wrap::before {
  content: '';
  position: absolute;
  left: 27px;
  top: 28px;
  bottom: 28px;
  width: 2px;
  background: linear-gradient(180deg, var(--blue-bright), var(--blue-light));
  z-index: 0;
}

.step-row-opc {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 24px;
  align-items: start;
  margin-bottom: 28px;
  position: relative;
}

.step-row-opc:last-child {
  margin-bottom: 0;
}

.step-circle {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--blue-bright), var(--navy));
  color: var(--white);
  font-weight: 800;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  box-shadow: 0 6px 20px rgba(37, 99, 235, .30);
}

.step-body {
  background: var(--white);
  border: 1.5px solid var(--border-light);
  border-radius: 18px;
  padding: 26px 28px;
  transition: box-shadow .25s, border-color .25s;
}

.step-body:hover {
  box-shadow: 0 8px 28px rgba(19, 82, 184, .10);
  border-color: var(--border);
}

.step-pill {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  background: #123f6c;
  color: #ffffff;
  padding: 3px 12px;
  border-radius: 100px;
  margin-bottom: 8px;
}

.step-body h4 {
  font-size: 17px;
  font-weight: 800;
  color: var(--navy);
  margin-bottom: 8px;
}

.step-body p {
  font-size: 14px;
  color: var(--text-mid);
}

.step-body ul {
  list-style: none;
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.step-body ul li {
  font-size: 13px;
  background: #123f6c;
  color: #BBDEFB;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  gap: 5px;
}

.step-body ul li::before {
  content: '→';
}

/* ══════════════════════════════════
     DOCUMENTS
  ══════════════════════════════════ */
.docs-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.doc-card {
  background: var(--white);
  border: 1.5px solid var(--border-light);
  border-radius: 20px;
  padding: 28px;
  transition: all .25s;
  position: relative;
  overflow: hidden;
}

.doc-card::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--blue-bright), var(--blue-sky));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .3s;
}

.doc-card:hover {
  box-shadow: 0 10px 32px rgba(19, 82, 184, .11);
  border-color: var(--border);
}

.doc-card:hover::after {
  transform: scaleX(1);
}

.doc-icon {
  width: 50px;
  height: 50px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--blue-bright), var(--navy));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  margin-bottom: 18px;
}

.doc-card h4 {
  font-size: 15px;
  font-weight: 800;
  color: var(--navy);
  margin-bottom: 14px;
}

.doc-list {
  list-style: none;
}

.doc-list li {
  font-size: 13px;
  color: var(--text-mid);
  padding: 7px 0;
  border-bottom: 1px solid var(--border-light);
  display: flex;
  gap: 9px;
  align-items: flex-start;
}

.doc-list li:last-child {
  border-bottom: none;
}

.doc-list li::before {
  content: '✔';
  color: var(--success);
  font-size: 13px;
  flex-shrink: 0;
  margin-top: 1px;
}

.doc-note {
  font-size: 11px;
  color: var(--text-muted);
  font-style: italic;
  margin-top: 8px;
}

/* ══════════════════════════════════
     TAX SECTION
  ══════════════════════════════════ */
.tax-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  align-items: start;
}

.tax-block {
  margin-bottom: 32px;
}

.tax-block:last-child {
  margin-bottom: 0;
}

.tax-label {
  display: inline-block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--blue-bright);
  background: var(--blue-light);
  padding: 4px 12px;
  border-radius: 6px;
  margin-bottom: 14px;
}

.tax-regime-cards {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.regime-card {
  background: var(--white);
  border: 1.5px solid var(--border-light);
  border-radius: 14px;
  padding: 18px 20px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
  transition: all .25s;
}

.regime-card:hover {
  border-color: var(--border);
  box-shadow: 0 4px 18px rgba(19, 82, 184, .08);
}

.regime-card.highlight {
  background: linear-gradient(135deg, var(--navy), var(--blue-deep));
  border-color: var(--blue-bright);
  color: var(--white);
}

.regime-card h4 {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 3px;
}

.regime-card p {
  font-size: 13px;
  opacity: .75;
}

.regime-rate {
  font-size: 26px;
  font-weight: 900;
  color: var(--blue-bright);
  white-space: nowrap;
  line-height: 1;
}

.regime-card.highlight .regime-rate {
  color: #ffffff;
}

.regime-sub {
  font-size: 11px;
  color: var(--text-muted);
  text-align: right;
}

.regime-card.highlight .regime-sub {
  color: rgba(255, 255, 255, .5);
}

.mat-card {
  background: linear-gradient(135deg, #FFF7ED, #FFFBF5);
  border: 1.5px solid #FCD34D;
  border-radius: 14px;
  padding: 20px 22px;
  margin-top: 16px;
}

.mat-card h4 {
  font-size: 15px;
  font-weight: 800;
  color: #92400E;
  margin-bottom: 6px;
}

.mat-card p {
  font-size: 13px;
  color: #78350F;
  line-height: 1.65;
}

.indirect-cards {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.indirect-card {
  background: var(--white);
  border: 1.5px solid var(--border-light);
  border-radius: 14px;
  padding: 20px 22px;
  transition: all .25s;
}

.indirect-card:hover {
  border-color: var(--border);
  box-shadow: 0 4px 14px rgba(19, 82, 184, .08);
}

.ic-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

.ic-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: var(--blue-light);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
}

.ic-head h4 {
  font-size: 14px;
  font-weight: 800;
  color: var(--navy);
}

.ic-head span {
  font-size: 11px;
  background: var(--blue-pale);
  color: #135ba8;
  font-weight: 700;
  padding: 2px 9px;
  border-radius: 100px;
  letter-spacing: .04em;
}

.indirect-card p {
  font-size: 13px;
  color: var(--text-mid);
  line-height: 1.65;
}

/* ══════════════════════════════════
     TABLES (timeline + cost)
  ══════════════════════════════════ */
.table-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}

.table-card {
  background: var(--white);
  border: 1.5px solid var(--border-light);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(19, 82, 184, .06);
}

.table-card-head {
  background: linear-gradient(135deg, var(--navy), var(--blue-deep));
  padding: 22px 28px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.table-card-head .th-icon {
  font-size: 24px;
}

.table-card-head h3 {
  font-size: 17px;
  font-weight: 800;
  color: var(--white);
}

.table-card-head p {
  font-size: 12px;
  color: rgba(255, 255, 255, .6);
  margin-top: 2px;
}

table {
  width: 100%;
  border-collapse: collapse;
}

thead th {
  padding: 12px 18px;
  text-align: left;
  font-size: 12px;
  font-weight: 700;
  color: #0c3d89;
  letter-spacing: .05em;
  text-transform: uppercase;
}

tbody tr {
  border-bottom: 1px solid var(--border-light);
  transition: background .18s;
}

tbody tr:last-child {
  border-bottom: none;
}

tbody tr:hover {
  background: var(--blue-pale);
}

tbody td {
  padding: 13px 18px;
  font-size: 15px;
  color: #4a5a7a;
}

tbody td:first-child {
  font-weight: 600;
  color: var(--navy);
}

.total-row {
  background: linear-gradient(90deg, var(--blue-pale), #fff) !important;
}

.total-row td {
  font-weight: 800 !important;
  color: #2472b2 !important;
  font-size: 11px !important;
}

.phase-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #0c3779;
  color: #BBDEFB;
  padding: 2px 10px;
  border-radius: 100px;
  font-size: 12px;
  font-weight: 700;
}

/* timeline day pills */
.day-range {
  display: inline-flex;
  gap: 4px;
  align-items: center;
}

.day-pill {
  background: var(--navy);
  color: var(--white);
  font-size: 12px;
  font-weight: 800;
  padding: 3px 10px;
  border-radius: 6px;
}

.day-sep {
  font-size: 11px;
  color: var(--text-muted);
  font-weight: 600;
}

/* ── RESPONSIVE ── */
@media (max-width: 900px) {

  .eligibility-grid,
  .tax-layout,
  .table-section {
    grid-template-columns: 1fr;
  }

  .docs-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  section {
    padding: 56px 0;
  }

  .docs-grid {
    grid-template-columns: 1fr;
  }

  .step-row {
    grid-template-columns: 44px 1fr;
    gap: 14px;
  }

  .step-circle {
    width: 44px;
    height: 44px;
    font-size: 15px;
  }

  .steps-wrap::before {
    left: 21px;
  }

  .wrap {
    padding: 0 16px;
  }
}

.regime-card p {
  color: #f1f1f1;
}

/*===========prtnership firm css start=========*/
/* SECTION WRAPPERS */
.section {
  background: var(--white);
  border-radius: 16px;
  border: 1px solid var(--border);
  padding: 36px 40px;
  margin-bottom: 28px;
}

/* SECTION TITLES */
.section-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--blue-pale);
  color: #145fad;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  padding: 5px 14px;
  border-radius: 20px;
  margin-bottom: 14px;
}

.section-badge::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--blue-accent);
}

h2.section-title {
  font-size: 22px;
  font-weight: 700;
  color: var(--blue-dark);
  margin-bottom: 20px;
  line-height: 1.3;
}

h3.sub-title {
  font-size: 16px;
  font-weight: 600;
  color: #145fad;
  margin: 24px 0 10px;
  padding-left: 12px;
  border-left: 3px solid #145fad;
}

h4.mini-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-dark);
  margin: 16px 0 6px;
}

p {
  color: #334E7A;
  margin-bottom: 12px;
  font-size: 14.5px;
}

/* CARDS GRID */
.cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
  margin-top: 16px;
}

.card-part {
  background: var(--blue-pale);
  border: 1px solid var(--blue-pale2);
  border-radius: 12px;
  padding: 20px 22px;
}

.card-icon-part {
  width: 36px;
  height: 36px;
  background: #1565C0;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  color: white;
  font-size: 16px;
  font-weight: 700;
}

.card-part h4 {
  font-size: 14px;
  font-weight: 700;
  color: var(--blue-dark);
  margin-bottom: 6px;
}

.card-part p {
  font-size: 13px;
  color: #4A6FA5;
  margin: 0;
}

/* ELIGIBILITY HIGHLIGHT */
.eligibility-block {
  background: linear-gradient(135deg, var(--blue-dark) 0%, var(--blue-accent) 100%);
  border-radius: 14px;
  padding: 28px 32px;
  color: white;
  display: flex;
  align-items: center;
  gap: 28px;
  flex-wrap: wrap;
}

.eligibility-block .big-text {
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
  color: var(--gold);
}

.eligibility-block .desc {
  font-size: 14px;
  opacity: 0.9;
  color: #E3F2FD;
  margin: 0;
  max-width: 800px;
  line-height: 1.6;
}

.eligibility-block .label {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 4px;
}

/* STEPS */
.steps-group {
  margin-top: 16px;
}

.steps-group-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #07519f;
  background: var(--blue-pale);
  border: 1px solid var(--blue-pale2);
  border-radius: 6px;
  padding: 5px 14px;
  display: inline-block;
  margin-bottom: 14px;
}

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

.step-num {
  width: 36px;
  height: 36px;
  min-width: 36px;
  background: var(--blue-dark);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  margin-top: 2px;
}

.step-body h5 {
  font-size: 14px;
  font-weight: 700;
  color: var(--blue-dark);
  margin-bottom: 4px;
}

.step-body p {
  font-size: 13.5px;
  color: #4A6FA5;
  margin: 0;
}

/* DIVIDER */
.divider {
  border: none;
  border-top: 1px solid var(--border);
  margin: 24px 0;
}

/* CHECKLIST */
.checklist {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 10px;
  margin-top: 8px;
}

.checklist li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  color: #334E7A;
  background: #F5F9FF;
  border: 1px solid #C5D8F5;
  border-radius: 10px;
  padding: 12px 14px;
}

.checklist li::before {
  content: '✓';
  width: 22px;
  height: 22px;
  min-width: 22px;
  background: #1565C0;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  margin-top: 1px;
}

/* DISSOLUTION METHODS */
.method-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 12px;
}

.method {
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 16px 20px;
  background: var(--white);
}

.method .method-tag {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  background: var(--blue-pale);
  color: #1565C0;
  padding: 2px 10px;
  border-radius: 20px;
  margin-bottom: 6px;
  letter-spacing: 0.5px;
}

.method h4 {
  font-size: 14px;
  font-weight: 700;
  color: var(--blue-dark);
  margin-bottom: 6px;
}

.method p {
  font-size: 13.5px;
  color: #4A6FA5;
  margin: 0;
}

.sub-list {
  list-style: none;
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.sub-list li {
  font-size: 13px;
  color: var(--text-mid);
  background: var(--blue-pale);
  border-radius: 6px;
  padding: 4px 12px;
  border: 1px solid var(--blue-pale2);
}

/* TAX CARDS */
.tax-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 14px;
  margin-top: 14px;
}

.tax-card {
  background: var(--blue-pale);
  border: 1px solid var(--blue-pale2);
  border-radius: 12px;
  padding: 20px;
  text-align: center;
}

.tax-card .rate {
  font-size: 32px;
  font-weight: 700;
  color: var(--blue-dark);
  line-height: 1;
  margin-bottom: 6px;
}

.tax-card .rate-label {
  font-size: 12px;
  color: var(--text-muted);
  font-weight: 500;
}

/* FEE TABLE */
.fee-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 16px;
  font-size: 13.5px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--border);
}

.fee-table thead {
  background: var(--blue-dark);
  color: white;
}

.fee-table thead th {
  padding: 12px 16px;
  text-align: left;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.fee-table tbody tr:nth-child(even) {
  background: var(--blue-pale);
}

.fee-table tbody tr:last-child {
  background: var(--blue-mid);
  color: white;
}

.fee-table tbody tr:last-child td {
  font-weight: 700;
  color: white;
}

.fee-table td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--border);
  color: #334E7A;
  vertical-align: top;
}

.fee-table tbody tr:last-child td {
  border-bottom: none;
}

@media (max-width: 640px) {
  .section {
    padding: 24px 20px;
  }

  .eligibility-block {
    flex-direction: column;
    text-align: center;
  }

  .fee-table {
    font-size: 12px;
  }

  .fee-table th,
  .fee-table td {
    padding: 10px 12px;
  }
}

h3.section-title {
  font-size: 22px;
  font-weight: 700;
  color: var(--blue-dark);
  margin-bottom: 20px;
  line-height: 1.3;
}

/*==========llp css start==========*/
/* ── PAGE WRAPPER ──────────────────────────────────────────── */
.llp-page {
  max-width: 1060px;
  margin: 0 auto;
  padding: 64px 24px 80px;
}

/* ── SECTION SPACING ───────────────────────────────────────── */
.llp-sec {
  margin-bottom: 80px;
}

/* ── LABELS & HEADINGS ─────────────────────────────────────── */
.llp-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: var(--llp-sky2);
  color: var(--llp-blue-deep);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  padding: 5px 15px;
  border-radius: 30px;
  margin-bottom: 14px;
}

.llp-badge::before {
  content: '';
  width: 6px;
  height: 6px;
  background: var(--llp-blue);
  border-radius: 50%;
}

.llp-h2 {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 30px;
  font-weight: 800;
  color: var(--llp-navy);
  line-height: 1.22;
  margin-bottom: 12px;
  letter-spacing: -0.4px;
}

.llp-h3 {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: var(--llp-blue-deep);
  margin-bottom: 12px;
}

.llp-lead {
  font-size: 15.5px;
  color: #4a5a7a;
  max-width: 740px;
  margin-bottom: 36px;
  line-height: 1.85;
}

/* ── INTRO STRIP ───────────────────────────────────────────── */
.llp-intro-strip {
  background: linear-gradient(135deg, var(--llp-navy) 0%, var(--llp-blue-deep) 55%, var(--llp-blue-mid) 100%);
  border-radius: var(--r-xl);
  padding: 40px 44px;
  color: white;
  margin-bottom: 80px;
  position: relative;
  overflow: hidden;
}

.llp-intro-strip::before {
  content: '';
  position: absolute;
  top: -70px;
  right: -70px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.04);
  pointer-events: none;
}

.llp-intro-strip::after {
  content: '';
  position: absolute;
  bottom: -50px;
  left: 30%;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: rgba(26, 107, 240, 0.15);
  pointer-events: none;
}

.llp-intro-strip .llp-h2 {
  color: white;
  margin-bottom: 10px;
}

.llp-intro-strip p {
  color: rgba(255, 255, 255, 0.82);
  font-size: 15px;
  max-width: 680px;
}

/* ── BENEFITS GRID ─────────────────────────────────────────── */
.llp-benefits-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 18px;
}

.llp-ben-card {
  background: var(--llp-white);
  border: 1px solid var(--llp-border);
  border-radius: var(--r-lg);
  padding: 26px 24px 22px;
  position: relative;
  overflow: hidden;
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
  cursor: default;
}

.llp-ben-card::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--llp-blue), var(--llp-blue-light));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

.llp-ben-card:hover {
  transform: translateY(-7px);
  box-shadow: var(--llp-shadow-h);
  border-color: var(--llp-blue-light);
}

.llp-ben-card:hover::after {
  transform: scaleX(1);
}

.llp-ben-num {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 42px;
  font-weight: 800;
  color: var(--llp-sky2);
  line-height: 1;
  margin-bottom: 6px;
  letter-spacing: -2px;
  user-select: none;
}

.llp-ben-icon {
  font-size: 24px;
  margin-bottom: 10px;
  display: block;
  transition: transform 0.3s ease;
}

.llp-ben-card:hover .llp-ben-icon {
  transform: scale(1.18) rotate(-5deg);
}

.llp-ben-card h4 {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 15.5px;
  font-weight: 700;
  color: var(--llp-navy);
  margin-bottom: 7px;
}

.llp-ben-card p {
  font-size: 15.5px;
  color: #4a5a7a;
  line-height: 1.7;
}

/* ── DIVIDER ───────────────────────────────────────────────── */
.llp-divider {
  border: none;
  border-top: 1px solid var(--llp-border);
  margin: 0 0 80px;
}

/* ── DOCS SECTION ──────────────────────────────────────────── */
.llp-docs-grid {
  display: grid;
  gap: 24px;
}

.llp-docs-box {
  background: var(--llp-white);
  border: 1px solid var(--llp-border);
  border-radius: var(--r-lg);
  padding: 28px 28px;
  transition: box-shadow 0.25s ease;
}

.llp-docs-box:hover {
  box-shadow: var(--llp-shadow);
}

.llp-docs-box h3 {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: var(--llp-blue-deep);
  margin-bottom: 18px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--llp-border);
  display: flex;
  align-items: center;
  gap: 8px;
}

.llp-docs-box h3::before {
  content: '';
  width: 4px;
  height: 18px;
  background: var(--llp-blue);
  border-radius: 3px;
  display: inline-block;
}

.llp-doc-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.llp-doc-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  color: #1C3552;
  background: #EEF4FF;
  border: 1px solid #DBEAFE;
  border-radius: 9px;
  padding: 10px 14px;
  transition: background 0.2s ease, transform 0.2s ease;
}

.llp-doc-list li:hover {
  background: var(--llp-sky2);
  transform: translateX(4px);
}

.llp-doc-list li::before {
  content: '✓';
  width: 20px;
  height: 20px;
  min-width: 20px;
  background: var(--llp-blue-mid);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 800;
  margin-top: 1px;
}

/* ── TAX SECTION ───────────────────────────────────────────── */
.llp-tax-intro {
  background: #EEF4FF;
  border: 1px solid #DBEAFE;
  border-left: 4px solid #DBEAFE;
  border-radius: 16px;
  padding: 22px 26px;
  margin-bottom: 28px;
  font-size: 14.5px;
  color: #4B6494;
  line-height: 1.85;
}

.llp-tax-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(265px, 1fr));
  gap: 16px;
}

.llp-tax-card {
  background: var(--llp-white);
  border: 1px solid var(--llp-border);
  border-radius: var(--r-lg);
  padding: 22px 20px;
  transition: all 0.28s ease;
  cursor: default;
}

.llp-tax-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--llp-shadow-h);
  border-color: var(--llp-blue-light);
}

.llp-tax-card h4 {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--llp-navy);
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.llp-tax-card h4::before {
  content: '';
  width: 8px;
  height: 8px;
  background: var(--llp-blue);
  border-radius: 50%;
}

.llp-tax-card p {
  font-size: 15.5px;
  line-height: 1.65;
}

/* ── DESIGNATED PARTNER ────────────────────────────────────── */
.llp-dp-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.llp-dp-box {
  border-radius: var(--r-lg);
  padding: 26px 24px;
}

.llp-dp-box--qualify {
  background: var(--llp-white);
  border: 1px solid var(--llp-border);
}

.llp-dp-box--disqualify {
  background: #FFF7F7;
  border: 1px solid #FCD5D5;
}

.llp-dp-box h3 {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 18px;
  padding-bottom: 12px;
  border-bottom: 1px solid;
  display: flex;
  align-items: center;
  gap: 8px;
}

.llp-dp-box--qualify h3 {
  color: var(--llp-blue-deep);
  border-color: var(--llp-border);
}

.llp-dp-box--disqualify h3 {
  color: #B91C1C;
  border-color: #FCD5D5;
}

.llp-dp-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.llp-dp-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13.5px;
  color: var(--llp-text);
  line-height: 1.6;
  padding: 10px 13px;
  border-radius: 9px;
}

.llp-dp-box--qualify .llp-dp-list li {
  background: #EEF4FF;
}

.llp-dp-box--disqualify .llp-dp-list li {
  background: #FFF0F0;
}

.llp-dp-ico {
  width: 20px;
  height: 20px;
  min-width: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 800;
  margin-top: 1px;
  color: white;
}

.llp-dp-ico--q {
  background: var(--llp-blue-mid);
}

.llp-dp-ico--d {
  background: #DC2626;
}

/* ── REGISTRATION STEPS ────────────────────────────────────── */
.llp-steps-wrap {
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
  padding-left: 28px;
}

.llp-steps-wrap::before {
  content: '';
  position: absolute;
  left: 17px;
  top: 24px;
  bottom: 24px;
  width: 2px;
  background: linear-gradient(to bottom, var(--llp-blue), var(--llp-sky2));
}

.llp-step {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 0 0 20px;
  position: relative;
}

.llp-step:last-child {
  padding-bottom: 0;
}

.llp-step-num {
  width: 36px;
  height: 36px;
  min-width: 36px;
  background: var(--llp-navy);
  color: var(--llp-gold);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 13px;
  font-weight: 800;
  z-index: 1;
  border: 3px solid var(--llp-bg);
  box-shadow: 0 0 0 3px rgba(23, 80, 200, 0.18);
  transition: all 0.3s ease;
}

.llp-step:hover .llp-step-num {
  background: var(--llp-blue);
  color: white;
  box-shadow: 0 0 0 5px rgba(23, 80, 200, 0.22);
  transform: scale(1.12);
}

.llp-step-body {
  background: var(--llp-white);
  border: 1px solid var(--llp-border);
  border-radius: var(--r-lg);
  padding: 18px 22px;
  flex: 1;
  transition: all 0.25s ease;
}

.llp-step:hover .llp-step-body {
  transform: translateX(5px);
  box-shadow: var(--llp-shadow);
  border-color: var(--llp-blue-light);
}

.llp-step-body h4 {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14.5px;
  font-weight: 700;
  color: var(--llp-navy);
  margin-bottom: 6px;
}

.llp-step-body p {
  font-size: 13.5px;
  color: var(--llp-muted);
  line-height: 1.7;
}

.llp-step-body ul {
  list-style: none;
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.llp-step-body ul li {
  font-size: 12.5px;
  color: var(--llp-blue-deep);
  background: var(--llp-sky2);
  border: 1px solid var(--llp-border);
  border-radius: 6px;
  padding: 3px 12px;
}

/* ── LLP AGREEMENT LIST ────────────────────────────────────── */
.llp-agr-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
  margin-top: 10px;
}

.llp-agr-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13.5px;
  color: #1C3552;
  background: #EEF4FF;
  border: 1px solid #DBEAFE;
  border-radius: 9px;
  padding: 10px 14px;
  transition: all 0.2s ease;
}

.llp-agr-item:hover {
  background: var(--llp-sky2);
  transform: translateX(4px);
}

.llp-agr-item::before {
  content: attr(data-num);
  width: 22px;
  height: 22px;
  min-width: 22px;
  background: var(--llp-blue-mid);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 800;
}

/* ── FEE TABLE ─────────────────────────────────────────────── */
.llp-fee-wrap {
  border-radius: var(--r-lg);
  overflow: hidden;
  border: 1px solid var(--llp-border);
  box-shadow: var(--llp-shadow);
}

.llp-fee-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.llp-fee-table thead {
  background: linear-gradient(90deg, var(--llp-navy), var(--llp-blue-mid));
  color: white;
}

.llp-fee-table thead th {
  padding: 14px 20px;
  text-align: left;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.llp-fee-table tbody tr {
  transition: background 0.2s ease;
  border-bottom: 1px solid var(--llp-border);
}

.llp-fee-table tbody tr:nth-child(even) {
  background: #EEF4FF;
}

.llp-fee-table tbody tr:hover {
  background: var(--llp-sky2);
}

.llp-fee-table tbody tr:last-child {
  background: linear-gradient(90deg, var(--llp-navy), var(--llp-blue-deep));
  border-bottom: none;
}

.llp-fee-table tbody tr:last-child td {
  color: white;
  font-weight: 700;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14.5px;
}

.llp-fee-table td {
  padding: 13px 20px;
  color: var(--llp-text);
  vertical-align: top;
}

.llp-fee-table td:last-child {
  font-weight: 600;
  color: var(--llp-blue-deep);
}

.llp-fee-table tbody tr:last-child td:last-child {
  color: var(--llp-gold);
  font-size: 15px;
}

/* ── ANIMATIONS ────────────────────────────────────────────── */
@keyframes llp-fadeUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.llp-anim {
  animation: llp-fadeUp 0.55s ease both;
}

.llp-d1 {
  animation-delay: 0.05s;
}

.llp-d2 {
  animation-delay: 0.12s;
}

.llp-d3 {
  animation-delay: 0.20s;
}

.llp-d4 {
  animation-delay: 0.28s;
}

.llp-d5 {
  animation-delay: 0.36s;
}

/* ── RESPONSIVE ────────────────────────────────────────────── */
@media (max-width: 768px) {
  .llp-h2 {
    font-size: 23px;
  }

  .llp-docs-grid,
  .llp-dp-grid {
    grid-template-columns: 1fr;
  }

  .llp-intro-strip {
    padding: 28px 22px;
  }

  .llp-fee-table {
    font-size: 12.5px;
  }

  .llp-fee-table td,
  .llp-fee-table th {
    padding: 10px 13px;
  }
}

@media (max-width: 480px) {
  .llp-page {
    padding: 36px 16px 60px;
  }

  .llp-h2 {
    font-size: 20px;
  }
}

.ebpr-what-text p a {
  color: #4a5a7a;
  text-decoration: none;
}

a.txt-color-tak {
  color: #4a5a7a;
  text-decoration: none;
}

.faq-trigger h4 {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}

a.easy-txt {
  color: #334E7A;
  text-decoration: none;
}

.ctm3-highlight-box {
  background: #155ba2;
  border-left: 4px solid #6da7e3;
  border-radius: 0 8px 8px 0;
  padding: 16px 20px;
  margin: 24px 0;
}

.ctm3-highlight-box p {
  color: #ffffff;
}

.footer-disclaimer {
  margin: auto;
  font-size: 13px;
}

/*===================*/
.trust-section {
  padding: 80px 0;
}

.left-panel p {
  opacity: .9;
  line-height: 1.8;
}

.right-panel {
  padding: 40px;
}

.feature-card {
  /* display:flex; */
  align-items: flex-start;
  gap: 15px;
  background: #fff;
  border: 1px solid #eef2f7;
  border-radius: 16px;
  padding: 15px;
  margin-bottom: 18px;
  transition: .3s ease;
}

.feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(13, 110, 253, .12);
  border-color: #dbeafe;
}

.icon-box {
  min-width: 45px;
  width: 45px;
  height: 45px;
  border-radius: 7px;
  background: linear-gradient(135deg, #0d6efd, #00b894);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.feature-text {
  font-size: 15px;
  font-weight: 600;
  color: #334E7A;
  line-height: 1.7;
}

@media(max-width:991px) {

  .left-panel {
    text-align: center;
    padding: 40px 25px;
  }

  .left-panel h2 {
    font-size: 1.9rem;
  }

  .right-panel {
    padding: 25px;
  }
}

/*===========Blog list css start===========*/
/* ── HERO BANNER ── */
.etb-blog-hero {
  background: linear-gradient(135deg, #0a1628 0%, #0f2a5a 45%, #1565d8 100%);
  padding: 72px 5% 80px;
  position: relative;
  overflow: hidden;
}

.etb-blog-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 80% at 80% 50%, rgba(26, 127, 232, 0.25) 0%, transparent 70%);
  pointer-events: none;
}

.etb-blog-hero::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 64px;
  background: var(--etb-bg);
  clip-path: ellipse(55% 100% at 50% 100%);
}

.etb-hero-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 40px;
  position: relative;
  z-index: 1;
}

.etb-hero-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #93c5fd;
  padding: 5px 14px;
  border-radius: 100px;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.etb-hero-tag span {
  width: 6px;
  height: 6px;
  background: #4ade80;
  border-radius: 50%;
  animation: etb-blink 1.5s infinite;
}

@keyframes etb-blink {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.2;
  }
}

.etb-blog-hero h1 {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 800;
  color: #fff;
  line-height: 1.2;
  margin-bottom: 14px;
}

.etb-blog-hero h1 em {
  font-style: normal;
  color: var(--etb-sky);
}

.etb-hero-desc {
  color: #93c5fd;
  font-size: 1rem;
  max-width: 520px;
}

/* search bar */
.etb-search-wrap {
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  padding: 20px 24px;
  min-width: 300px;
}

.etb-search-wrap label {
  display: block;
  font-size: 0.78rem;
  font-weight: 600;
  color: #93c5fd;
  margin-bottom: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.etb-search-box {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  padding: 10px 14px;
}

.etb-search-box input {
  background: none;
  border: none;
  outline: none;
  color: #fff;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 0.9rem;
  width: 100%;
}

.etb-search-box input::placeholder {
  color: rgba(255, 255, 255, 0.45);
}

.etb-search-box svg {
  flex-shrink: 0;
  opacity: 0.5;
}


/* ── MAIN LAYOUT ── */
.etb-main {
  max-width: 1200px;
  margin: 0 auto;
  padding: 48px 5% 80px;
}

.etb-content-grid {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 36px;
  align-items: start;
}

/* ── FEATURED POST ── */
.etb-featured {
  background: var(--etb-navy);
  border-radius: 18px;
  overflow: hidden;
  position: relative;
  margin-bottom: 32px;
  transition: transform 0.25s, box-shadow 0.25s;
  cursor: pointer;
}

.etb-featured:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 48px rgba(21, 101, 216, 0.25);
}

.etb-featured-img {
  height: 280px;
  background: linear-gradient(135deg, #0f2044 0%, #1565d8 60%, #3a9ef5 100%);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.etb-featured-img::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.etb-feat-icon {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  position: relative;
  z-index: 1;
}

.etb-feat-badge {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 2;
  background: #fff;
  color: var(--etb-blue);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 100px;
}

.etb-featured-body {
  padding: 28px 30px 30px;
}

.etb-featured-meta {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 14px;
}

.etb-cat-tag {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 100px;
}

.etb-cat-blue {
  background: rgba(21, 101, 216, 0.2);
  color: var(--etb-sky);
}

.etb-cat-green {
  background: rgba(34, 197, 94, 0.15);
  color: #4ade80;
}

.etb-cat-orange {
  background: rgba(249, 115, 22, 0.15);
  color: #fb923c;
}

.etb-cat-purple {
  background: rgba(168, 85, 247, 0.15);
  color: #c084fc;
}

.etb-featured-meta .etb-date {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45);
}

.etb-featured h2 {
  font-size: 1.5rem;
  font-weight: 800;
  color: #fff;
  margin-bottom: 12px;
  line-height: 1.3;
}

.etb-featured p {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.65;
  margin-bottom: 20px;
}

.etb-read-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--etb-sky);
  font-size: 0.85rem;
  font-weight: 600;
  text-decoration: none;
  transition: gap 0.2s;
}

.etb-read-link:hover {
  gap: 12px;
}

.etb-read-link svg {
  transition: transform 0.2s;
}

.etb-read-link:hover svg {
  transform: translateX(3px);
}

.etb-feat-author {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 20px;
}

.etb-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--etb-blue), var(--etb-sky));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
}

.etb-author-name {
  font-size: 0.82rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.75);
}

.etb-author-role {
  font-size: 0.73rem;
  color: rgba(255, 255, 255, 0.4);
}

.etb-read-time {
  margin-left: auto;
  font-size: 0.73rem;
  color: rgba(255, 255, 255, 0.4);
  display: flex;
  align-items: center;
  gap: 5px;
}

/* ── BLOG GRID ── */
.etb-blog-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.etb-blog-card {
  background: var(--etb-card);
  border: 1px solid var(--etb-border);
  border-radius: 14px;
  overflow: hidden;
  transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;
  cursor: pointer;
}

.etb-blog-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 36px rgba(21, 101, 216, 0.12);
  border-color: #b3d0f8;
}

.etb-card-img {
  height: auto;
  min-height: 240px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.etb-card-img-1 {
  background: linear-gradient(135deg, #0f2044, #1565d8);
}

.etb-card-img-2 {
  background: linear-gradient(135deg, #1a4a1a, #16a34a);
}

.etb-card-img-3 {
  background: linear-gradient(135deg, #3b1a6e, #7c3aed);
}

.etb-card-img-4 {
  background: linear-gradient(135deg, #7c1a1a, #dc2626);
}

.etb-card-img-5 {
  background: linear-gradient(135deg, #1a3a4f, #0891b2);
}

.etb-card-img-6 {
  background: linear-gradient(135deg, #4f3a1a, #d97706);
}

.etb-card-img-icon {
  font-size: 2rem;
  opacity: 0.7;
}

.etb-card-img-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 100px;
}

.etb-card-body {
  padding: 20px 20px 18px;
}

.etb-card-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.etb-card-date {
  font-size: 0.73rem;
  color: var(--etb-muted);
}

.etb-card-body h3 {
  font-size: 0.98rem;
  font-weight: 700;
  color: var(--etb-text);
  margin-bottom: 8px;
  line-height: 1.4;
}

.etb-card-body p {
  font-size: 0.83rem;
  color: var(--etb-muted);
  line-height: 1.6;
  margin-bottom: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.etb-card-footer {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 14px;
  border-top: 1px solid var(--etb-border);
}

.etb-mini-avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.68rem;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
}

.etb-card-author {
  font-size: 0.75rem;
  color: var(--etb-muted);
  font-weight: 500;
}

.etb-card-readtime {
  margin-left: auto;
  font-size: 0.72rem;
  color: var(--etb-muted);
  background: var(--etb-bg2);
  padding: 3px 9px;
  border-radius: 100px;
}

/* ── PAGINATION ── */
.etb-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 44px;
}

.etb-page-btn {
  width: 38px;
  height: 38px;
  border-radius: 8px;
  border: 1px solid var(--etb-border);
  background: var(--etb-white);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--etb-muted);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}

.etb-page-btn:hover {
  border-color: var(--etb-blue);
  color: var(--etb-blue);
  background: var(--etb-accent);
}

.etb-page-btn.etb-active {
  background: var(--etb-blue);
  border-color: var(--etb-blue);
  color: #fff;
}

.etb-page-btn.etb-arrow {
  font-size: 1rem;
}

/* ── SIDEBAR ── */
.etb-sidebar {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.etb-sidebar-card {
  background: var(--etb-white);
  border: 1px solid var(--etb-border);
  border-radius: 14px;
  padding: 22px;
}

.etb-sidebar-card h4 {
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--etb-text);
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--etb-border);
  letter-spacing: 0.02em;
}

/* Newsletter */
.etb-nl-card {
  background: linear-gradient(135deg, var(--etb-navy) 0%, #1565d8 100%);
  border: none;
  border-radius: 14px;
  padding: 24px;
}

.etb-nl-card h4 {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.15);
}

.etb-nl-card p {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.65);
  margin-bottom: 14px;
  line-height: 1.6;
}

.etb-nl-input {
  width: 100%;
  padding: 10px 14px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  color: #fff;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 0.85rem;
  outline: none;
  margin-bottom: 10px;
}

.etb-nl-input::placeholder {
  color: rgba(255, 255, 255, 0.4);
}

.etb-nl-btn {
  width: 100%;
  padding: 10px;
  background: #fff;
  color: var(--etb-blue);
  border: none;
  border-radius: 8px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 0.85rem;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
}

.etb-nl-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

/* Categories list */
.etb-cat-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.etb-cat-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 12px;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.18s, color 0.18s;
}

.etb-cat-item:hover {
  background: var(--etb-accent);
}

.etb-cat-item:hover .etb-cat-name {
  color: var(--etb-blue);
}

.etb-cat-name {
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--etb-text);
  display: flex;
  align-items: center;
  gap: 8px;
}

.etb-cat-name .etb-cat-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
}

.etb-cat-count {
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--etb-blue);
  background: var(--etb-accent);
  padding: 2px 9px;
  border-radius: 100px;
}

/* Popular posts */
.etb-pop-post {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 10px 0;
  border-bottom: 1px solid var(--etb-border);
}

.etb-pop-post:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.etb-pop-num {
  font-size: 1.2rem;
  font-weight: 800;
  color: #dce8f8;
  flex-shrink: 0;
  width: 24px;
  line-height: 1.3;
}

.etb-pop-title {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--etb-text);
  margin-bottom: 3px;
  line-height: 1.4;
  cursor: pointer;
}

.etb-pop-title:hover {
  color: var(--etb-blue);
}

.etb-pop-date {
  font-size: 0.72rem;
  color: var(--etb-muted);
}

/* Tags cloud */
.etb-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.etb-tag {
  font-size: 0.75rem;
  font-weight: 500;
  padding: 5px 12px;
  border-radius: 100px;
  background: var(--etb-bg2);
  color: var(--etb-muted);
  border: 1px solid var(--etb-border);
  cursor: pointer;
  transition: all 0.18s;
}

.etb-tag:hover {
  background: var(--etb-blue);
  color: #fff;
  border-color: var(--etb-blue);
}

/* ── REVEAL ANIMATIONS ── */
.etb-reveal {
  opacity: 1;
  transform: translateY(20px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.etb-reveal.etb-vis {
  opacity: 1;
  transform: none;
}

/* ── RESPONSIVE ── */
@media (max-width: 1024px) {
  .etb-content-grid {
    grid-template-columns: 1fr;
  }

  .etb-sidebar {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

@media (max-width: 768px) {
  .etb-hero-inner {
    grid-template-columns: 1fr;
  }

  .etb-search-wrap {
    min-width: unset;
  }

  .etb-blog-grid {
    grid-template-columns: 1fr;
  }

  .etb-sidebar {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .etb-main {
    padding: 32px 4% 60px;
  }

  .etb-featured h2 {
    font-size: 1.2rem;
  }

  .etb-featured-body {
    padding: 20px;
  }
}

/*============BLOG detail css start==================*/
/* ══ HERO BANNER ══ */
.bd-hero {
  background: linear-gradient(135deg, #0a1628 0%, #0f2a5a 45%, #1565d8 100%);
  padding: 60px 5% 110px;
  position: relative;
  overflow: hidden;
}

.bd-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 60% 80% at 75% 50%, rgba(26, 127, 232, 0.22) 0%, transparent 70%);
  pointer-events: none;
}

.bd-hero::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 72px;
  background: var(--bd-bg);
  clip-path: ellipse(55% 100% at 50% 100%);
}

.bd-hero-inner {
  max-width: 860px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.bd-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 24px;
  flex-wrap: wrap;
}

.bd-breadcrumb a {
  color: rgba(255, 255, 255, 0.65);
  text-decoration: none;
  transition: color 0.2s;
}

.bd-breadcrumb a:hover {
  color: var(--bd-sky);
}

.bd-breadcrumb span {
  color: rgba(255, 255, 255, 0.3);
}

.bd-hero-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.bd-cat-pill {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 5px 14px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.15);
  color: #93c5fd;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.bd-hero-date {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  gap: 6px;
}

.bd-hero h1 {
  font-size: clamp(1.7rem, 3.5vw, 2.6rem);
  font-weight: 800;
  color: #fff;
  line-height: 1.2;
  margin-bottom: 20px;
}

.bd-hero-sub {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.65);
  line-height: 1.7;
  max-width: 680px;
  margin-bottom: 32px;
}

.bd-author-bar {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 20px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  width: fit-content;
}

.bd-avatar-lg {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  flex-shrink: 0;
  background: linear-gradient(135deg, var(--bd-blue), var(--bd-sky));
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.9rem;
  color: #fff;
  border: 2px solid rgba(255, 255, 255, 0.25);
}

.bd-author-name {
  font-size: 0.88rem;
  font-weight: 700;
  color: #fff;
}

.bd-author-role {
  font-size: 0.73rem;
  color: rgba(255, 255, 255, 0.5);
}

.bd-divider {
  width: 1px;
  height: 30px;
  background: rgba(255, 255, 255, 0.15);
}

.bd-meta-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.5);
}

.bd-meta-item svg {
  opacity: 0.7;
}

/* ══ MAIN LAYOUT ══ */
.bd-layout {
  max-width: 1200px;
  margin: 0 auto;
  padding: 48px 5% 80px;
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 36px;
  align-items: start;
}

/* ══ ARTICLE ══ */
.bd-article-wrap {
  min-width: 0;
}

/* Share bar sticky */
.bd-share-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 32px;
  flex-wrap: wrap;
}

.bd-share-lbl {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--bd-muted);
  text-transform: uppercase;
  letter-spacing: 0.07em;
  margin-right: 4px;
}

.bd-share-btn {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 8px 16px;
  border-radius: 8px;
  border: 1px solid var(--bd-border);
  background: var(--bd-card);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  color: var(--bd-muted);
  transition: all 0.2s;
}

.bd-share-btn:hover {
  border-color: var(--bd-blue);
  color: var(--bd-blue);
  background: var(--bd-accent);
}

.bd-share-btn.bd-copy {
  margin-left: auto;
}

/* Hero image */
.bd-cover {
  width: 100%;
  height: 340px;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 36px;
  background: linear-gradient(135deg, #0f2044 0%, #1565d8 60%, #3a9ef5 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.bd-cover-icon {
  font-size: 4rem;
  opacity: 0.5;
}

.bd-cover-overlay {
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.bd-cover-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px 24px;
  background: linear-gradient(to top, rgba(10, 22, 40, 0.7), transparent);
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.65);
  text-align: center;
}

/* Article content */
.bd-content {
  background: var(--bd-card);
  border: 1px solid var(--bd-border);
  border-radius: 16px;
  padding: 40px 44px;
  margin-bottom: 28px;
}

.bd-content h2 {
  font-size: 1.35rem;
  font-weight: 800;
  color: var(--bd-navy);
  margin: 36px 0 14px;
  line-height: 1.3;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--bd-accent);
}

.bd-content h2:first-child {
  margin-top: 0;
}

.bd-content h3 {
  font-size: 1.08rem;
  font-weight: 700;
  color: var(--bd-navy);
  margin: 26px 0 10px;
}

.bd-content p {
  font-size: 0.96rem;
  color: #334155;
  line-height: 1.85;
  margin-bottom: 16px;
}

.bd-content strong {
  color: var(--bd-navy);
  font-weight: 700;
}

.bd-content a {
  color: var(--bd-blue);
  text-decoration: none;
  font-weight: 600;
  border-bottom: 1px solid rgba(21, 101, 216, 0.3);
  transition: border-color 0.2s;
}

.bd-content a:hover {
  border-color: var(--bd-blue);
}

/* Intro lead */
.bd-lead {
  font-size: 1.08rem !important;
  color: var(--bd-navy) !important;
  font-weight: 500 !important;
  line-height: 1.8 !important;
  padding: 20px 24px;
  background: var(--bd-accent);
  border-left: 4px solid var(--bd-blue);
  border-radius: 0 10px 10px 0;
  margin-bottom: 28px !important;
}

/* Highlight box */
.bd-highlight {
  background: linear-gradient(135deg, var(--bd-accent), #f0f7ff);
  border: 1px solid #b3d0f8;
  border-radius: 12px;
  padding: 22px 26px;
  margin: 24px 0;
}

.bd-highlight-title {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--bd-blue);
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.bd-highlight p {
  margin-bottom: 0;
  color: #2d4a7a;
}

/* Warning box */
.bd-warning {
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 12px;
  padding: 20px 24px;
  margin: 24px 0;
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

.bd-warning-icon {
  font-size: 1.3rem;
  flex-shrink: 0;
  margin-top: 1px;
}

.bd-warning p {
  margin-bottom: 0;
  color: #78350f;
  font-size: 0.9rem;
}

/* Success box */
.bd-success {
  background: var(--bd-green-bg);
  border: 1px solid #bbf7d0;
  border-radius: 12px;
  padding: 20px 24px;
  margin: 24px 0;
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

.bd-success-icon {
  font-size: 1.3rem;
  flex-shrink: 0;
  margin-top: 1px;
}

.bd-success p {
  margin-bottom: 0;
  color: #14532d;
  font-size: 0.9rem;
}

/* Checklist */
.bd-checklist {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 16px 0 20px;
}

.bd-checklist li {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-size: 0.93rem;
  color: #334155;
  line-height: 1.6;
}

.bd-check-icon {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 1px;
  background: var(--bd-green-bg);
  border: 1.5px solid #bbf7d0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--bd-green);
  font-size: 0.7rem;
  font-weight: 700;
}

/* Numbered steps */
.bd-steps {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 20px 0;
}

.bd-step {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 18px 20px;
  background: var(--bd-bg);
  border: 1px solid var(--bd-border);
  border-radius: 10px;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.bd-step:hover {
  border-color: #b3d0f8;
  box-shadow: 0 4px 16px rgba(21, 101, 216, 0.08);
}

.bd-step-num {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  flex-shrink: 0;
  background: linear-gradient(135deg, var(--bd-blue), var(--bd-blue2));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  font-weight: 800;
  color: #fff;
}

.bd-step-body strong {
  display: block;
  font-size: 0.92rem;
  color: var(--bd-navy);
  margin-bottom: 4px;
}

.bd-step-body span {
  font-size: 0.85rem;
  color: var(--bd-muted);
}

/* Table */
.bd-table-wrap {
  overflow-x: auto;
  margin: 20px 0;
  border-radius: 10px;
  border: 1px solid var(--bd-border);
}

.bd-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.87rem;
}

.bd-table thead {
  background: var(--bd-navy);
}

.bd-table thead th {
  padding: 13px 16px;
  color: #fff;
  font-weight: 600;
  text-align: left;
  font-size: 0.82rem;
  letter-spacing: 0.04em;
}

.bd-table tbody tr {
  border-bottom: 1px solid var(--bd-border);
  transition: background 0.15s;
}

.bd-table tbody tr:last-child {
  border-bottom: none;
}

.bd-table tbody tr:hover {
  background: var(--bd-accent);
}

.bd-table tbody td {
  padding: 12px 16px;
  color: #334155;
  vertical-align: top;
}

.bd-table tbody td:first-child {
  font-weight: 600;
  color: var(--bd-navy);
}

/* Blockquote */
.bd-quote {
  border-left: 4px solid var(--bd-blue);
  padding: 18px 24px;
  margin: 24px 0;
  background: var(--bd-accent);
  border-radius: 0 10px 10px 0;
}

.bd-quote p {
  font-style: italic;
  font-size: 1rem;
  color: var(--bd-navy);
  margin-bottom: 8px;
  line-height: 1.7;
}

.bd-quote cite {
  font-size: 0.78rem;
  color: var(--bd-muted);
  font-style: normal;
  font-weight: 600;
}

/* Tags */
.bd-tag-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 32px;
  padding-top: 28px;
  border-top: 1px solid var(--bd-border);
}

.bd-tag-lbl {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--bd-muted);
  text-transform: uppercase;
  letter-spacing: 0.07em;
  margin-right: 4px;
  align-self: center;
}

.bd-tag {
  font-size: 0.75rem;
  font-weight: 500;
  padding: 5px 13px;
  border-radius: 100px;
  background: var(--bd-bg2);
  color: var(--bd-muted);
  border: 1px solid var(--bd-border);
  cursor: pointer;
  transition: all 0.18s;
}

.bd-tag:hover {
  background: var(--bd-blue);
  color: #fff;
  border-color: var(--bd-blue);
}

/* ══ AUTHOR CARD ══ */
.bd-author-card {
  background: var(--bd-card);
  border: 1px solid var(--bd-border);
  border-radius: 16px;
  padding: 28px 32px;
  margin-bottom: 28px;
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

.bd-author-avatar-lg {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  flex-shrink: 0;
  background: linear-gradient(135deg, var(--bd-navy), var(--bd-blue));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: 800;
  color: #fff;
  border: 3px solid var(--bd-accent);
}

.bd-author-card h4 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--bd-navy);
  margin-bottom: 2px;
}

.bd-author-card .bd-role {
  font-size: 0.78rem;
  color: var(--bd-blue);
  font-weight: 600;
  margin-bottom: 10px;
}

.bd-author-card p {
  font-size: 0.85rem;
  color: var(--bd-muted);
  line-height: 1.65;
}

/* ══ RELATED POSTS ══ */
.bd-related {
  margin-bottom: 28px;
}

.bd-related-title {
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--bd-navy);
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.bd-related-title::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--bd-border);
}

.bd-related-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.bd-rel-card {
  background: var(--bd-card);
  border: 1px solid var(--bd-border);
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
  cursor: pointer;
}

.bd-rel-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 28px rgba(21, 101, 216, 0.12);
  border-color: #b3d0f8;
}

.bd-rel-img {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  opacity: 0.8;
}

.bd-rel-img-1 {
  background: linear-gradient(135deg, #0f2044, #1565d8);
}

.bd-rel-img-2 {
  background: linear-gradient(135deg, #1a4a1a, #16a34a);
}

.bd-rel-img-3 {
  background: linear-gradient(135deg, #3b1a6e, #7c3aed);
}

.bd-rel-body {
  padding: 14px 16px;
}

.bd-rel-cat {
  font-size: 0.67rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--bd-blue);
  margin-bottom: 6px;
}

.bd-rel-body h5 {
  font-size: 0.84rem;
  font-weight: 700;
  color: var(--bd-navy);
  line-height: 1.4;
  margin-bottom: 6px;
}

.bd-rel-date {
  font-size: 0.72rem;
  color: var(--bd-muted);
}

/* ══ COMMENTS ══ */
.bd-comments-section {
  background: var(--bd-card);
  border: 1px solid var(--bd-border);
  border-radius: 16px;
  padding: 32px 40px;
}

.bd-comments-title {
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--bd-navy);
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--bd-border);
}

.bd-comment {
  display: flex;
  gap: 14px;
  margin-bottom: 22px;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--bd-border);
}

.bd-comment:last-of-type {
  border-bottom: none;
  margin-bottom: 24px;
}

.bd-comment-avatar {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  color: #fff;
}

.bd-comment-name {
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--bd-navy);
}

.bd-comment-date {
  font-size: 0.73rem;
  color: var(--bd-muted);
  margin-bottom: 8px;
}

.bd-comment-text {
  font-size: 0.875rem;
  color: #334155;
  line-height: 1.65;
}

.bd-comment-reply {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--bd-blue);
  cursor: pointer;
  margin-top: 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.bd-comment-reply:hover {
  text-decoration: underline;
}

.bd-comment-form h4 {
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--bd-navy);
  margin-bottom: 16px;
  padding-top: 4px;
}

.bd-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 12px;
}

.bd-form-input {
  width: 100%;
  padding: 11px 14px;
  background: var(--bd-bg);
  border: 1px solid var(--bd-border);
  border-radius: 8px;
  color: var(--bd-text);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 0.87rem;
  outline: none;
  transition: border-color 0.2s, background 0.2s;
}

.bd-form-input::placeholder {
  color: var(--bd-muted);
}

.bd-form-input:focus {
  border-color: var(--bd-blue);
  background: #fff;
}

.bd-form-textarea {
  min-height: 110px;
  resize: vertical;
  margin-bottom: 14px;
}

.bd-submit-btn {
  padding: 12px 28px;
  background: linear-gradient(135deg, var(--bd-navy), var(--bd-blue));
  color: #fff;
  border: none;
  border-radius: 8px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 0.9rem;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
  box-shadow: 0 4px 16px rgba(21, 101, 216, 0.25);
}

.bd-submit-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(21, 101, 216, 0.35);
}

/* ══ SIDEBAR ══ */
.bd-sidebar {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.bd-sidebar-card {
  background: var(--bd-card);
  border: 1px solid var(--bd-border);
  border-radius: 14px;
  padding: 22px;
}

.bd-sidebar-card h4 {
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--bd-text);
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--bd-border);
  letter-spacing: 0.02em;
}

/* TOC */
.bd-toc {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.bd-toc li a {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.83rem;
  color: var(--bd-muted);
  text-decoration: none;
  padding: 8px 10px;
  border-radius: 7px;
  transition: background 0.18s, color 0.18s;
  font-weight: 500;
}

.bd-toc li a:hover,
.bd-toc li a.bd-toc-active {
  background: var(--bd-accent);
  color: var(--bd-blue);
}

.bd-toc li a::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: currentColor;
  flex-shrink: 0;
  opacity: 0.6;
}

/* Progress */
.bd-progress-wrap {
  margin-bottom: 16px;
}

.bd-progress-label {
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  color: var(--bd-muted);
  margin-bottom: 6px;
  font-weight: 500;
}

.bd-progress-track {
  height: 5px;
  background: var(--bd-bg2);
  border-radius: 99px;
  overflow: hidden;
}

.bd-progress-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--bd-navy), var(--bd-blue));
  border-radius: 99px;
  transition: width 0.3s;
}

/* Newsletter */
.bd-nl-dark {
  background: linear-gradient(135deg, var(--bd-navy) 0%, #1565d8 100%);
  border: none;
  border-radius: 14px;
  padding: 24px;
}

.bd-nl-dark h4 {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.15);
}

.bd-nl-dark p {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 14px;
  line-height: 1.6;
}

.bd-nl-input {
  width: 100%;
  padding: 10px 14px;
  margin-bottom: 10px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  color: #fff;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 0.85rem;
  outline: none;
}

.bd-nl-input::placeholder {
  color: rgba(255, 255, 255, 0.4);
}

.bd-nl-btn {
  width: 100%;
  padding: 10px;
  background: #fff;
  color: var(--bd-blue);
  border: none;
  border-radius: 8px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 0.85rem;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
}

.bd-nl-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

/* Popular posts */
.bd-pop-post {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 10px 0;
  border-bottom: 1px solid var(--bd-border);
}

.bd-pop-post:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.bd-pop-num {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--bd-border);
  flex-shrink: 0;
  width: 24px;
  line-height: 1.3;
}

.bd-pop-title {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--bd-text);
  margin-bottom: 3px;
  line-height: 1.4;
  cursor: pointer;
}

.bd-pop-title:hover {
  color: var(--bd-blue);
}

.bd-pop-date {
  font-size: 0.72rem;
  color: var(--bd-muted);
}

/* Tags cloud */
.bd-tags-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.bd-tag-sm {
  font-size: 0.73rem;
  font-weight: 500;
  padding: 4px 11px;
  border-radius: 100px;
  background: var(--bd-bg2);
  color: var(--bd-muted);
  border: 1px solid var(--bd-border);
  cursor: pointer;
  transition: all 0.18s;
}

.bd-tag-sm:hover {
  background: var(--bd-blue);
  color: #fff;
  border-color: var(--bd-blue);
}

/* ══ REVEAL ANIMATIONS ══ */
.bd-reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.bd-reveal.bd-vis {
  opacity: 1;
  transform: none;
}

/* ══ RESPONSIVE ══ */
@media (max-width: 1024px) {
  .bd-layout {
    grid-template-columns: 1fr;
  }

  .bd-sidebar {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }

  .bd-related-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 768px) {
  .bd-hero {
    padding: 48px 5% 90px;
  }

  .bd-content {
    padding: 28px 24px;
  }

  .bd-author-card {
    flex-direction: column;
  }

  .bd-related-grid {
    grid-template-columns: 1fr;
  }

  .bd-form-grid {
    grid-template-columns: 1fr;
  }

  .bd-sidebar {
    grid-template-columns: 1fr;
  }

  .bd-comments-section {
    padding: 24px 20px;
  }
}

@media (max-width: 480px) {
  .bd-layout {
    padding: 32px 4% 60px;
  }

  .bd-content {
    padding: 22px 18px;
  }

  .bd-author-bar {
    flex-wrap: wrap;
    gap: 10px;
  }
}

.etb-card-img img {
  width: 100%;
}

a {
  text-decoration: none;
}

.bd-cover img {
  width: 100%;
}

.bd-share-btn a {
  color: #333333;
}

/*=========private limited css new design start============*/
/* ═══════════ SCROLL REVEAL ═══════════ */
.eb-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .55s ease, transform .55s ease;
}

.eb-reveal.eb-visible {
  opacity: 1;
  transform: translateY(0);
}

.eb-reveal-left {
  opacity: 0;
  transform: translateX(-28px);
  transition: opacity .55s ease, transform .55s ease;
}

.eb-reveal-left.eb-visible {
  opacity: 1;
  transform: translateX(0);
}

.eb-reveal-right {
  opacity: 0;
  transform: translateX(28px);
  transition: opacity .55s ease, transform .55s ease;
}

.eb-reveal-right.eb-visible {
  opacity: 1;
  transform: translateX(0);
}

/* Staggered children */
.eb-stagger>* {
  transition-delay: calc(var(--i, 0) * 90ms);
}

.eb-stagger>*:nth-child(1) {
  --i: 0;
}

.eb-stagger>*:nth-child(2) {
  --i: 1;
}

.eb-stagger>*:nth-child(3) {
  --i: 2;
}

.eb-stagger>*:nth-child(4) {
  --i: 3;
}

.eb-stagger>*:nth-child(5) {
  --i: 4;
}

.eb-stagger>*:nth-child(6) {
  --i: 5;
}

@media (prefers-reduced-motion: reduce) {

  .eb-reveal,
  .eb-reveal-left,
  .eb-reveal-right {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* ═══════════ LAYOUT ═══════════ */
.eb-wrap {
  width: min(1160px, 92%);
  margin-inline: auto;
}

.eb-section {
  padding: var(--sp-xl) 0;
}

.eb-section--alt {
  background: var(--eb-pale);
}

.eb-section--white {
  background: var(--eb-white);
}

/* section head */
.eb-sec-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
  color: #1565C0;
  margin-bottom: .75rem;
}

.eb-sec-eyebrow::before {
  content: '';
  width: 18px;
  height: 2.5px;
  background: var(--eb-royal);
  border-radius: 2px;
}

.eb-sec-title {
  font-size: clamp(1.55rem, 2.8vw, 2.1rem);
  font-weight: 800;
  color: var(--eb-navy);
  line-height: 1.2;
  margin-bottom: .75rem;
}


.eb-sec-lead {
  font-size: 15.5px;
  color: #4a5a7a;
  max-width: 782px;
  line-height: 1.75;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

/* ═══════════ OVERVIEW ═══════════ */
.eb-overview__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: center;
}

.eb-overview__body {
  font-size: .97rem;
  color: var(--eb-muted);
  line-height: 1.85;
}

.eb-overview__body strong {
  color: var(--eb-navy);
  font-weight: 700;
}

.eb-overview__card {
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 50%, #1976d2 100%);
  border-radius: var(--r-xl);
  padding: 2.5rem;
  position: relative;
  overflow: hidden;
  box-shadow: var(--sh-lg);
}

.eb-overview__card::before {
  content: '';
  position: absolute;
  top: -40px;
  right: -40px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .08);
}

.eb-overview__card::after {
  content: '';
  position: absolute;
  bottom: -30px;
  left: 30px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .05);
}

.eb-overview__stat-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  position: relative;
  z-index: 1;
}

.eb-stat-chip {
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: var(--r-md);
  padding: 1.1rem 1rem;
  backdrop-filter: blur(8px);
  transition: background .2s, transform .2s;
}

.eb-stat-chip:hover {
  background: rgba(255, 255, 255, .2);
  transform: translateY(-2px);
}

.eb-stat-chip__val {
  font-size: 1.6rem;
  font-weight: 800;
  color: #fff;
  line-height: 1;
}

.eb-stat-chip__lbl {
  font-size: .72rem;
  color: rgba(255, 255, 255, .7);
  margin-top: .25rem;
  font-weight: 500;
}

.eb-overview__card-title {
  font-size: 1.05rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 1.25rem;
  position: relative;
  z-index: 1;
}

.eb-overview__card-tag {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  margin-top: 1.5rem;
  background: rgba(255, 255, 255, .15);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: var(--r-pill);
  padding: .35rem .9rem;
  font-size: .75rem;
  font-weight: 600;
  color: rgba(255, 255, 255, .85);
  position: relative;
  z-index: 1;
}

.eb-overview__card-tag::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #10B981;
}

/* ═══════════ TYPES TABLE ═══════════ */
.eb-table-wrap {
  overflow-x: auto;
  border-radius: var(--r-lg);
  box-shadow: var(--sh-md);
  border: 1px solid var(--eb-border);
}

.eb-types-table {
  width: 100%;
  border-collapse: collapse;
  font-size: .9rem;
  background: var(--eb-white);
}

.eb-types-table thead tr {
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 50%, #1976d2 100%);
}

.eb-types-table thead th {
  color: #fff;
  font-weight: 700;
  font-size: .8rem;
  letter-spacing: .05em;
  text-transform: uppercase;
  padding: 1rem 1.25rem;
  text-align: left;
  white-space: nowrap;
}

.eb-types-table tbody tr {
  border-bottom: 1px solid var(--eb-border);
  transition: background .18s;
}

.eb-types-table tbody tr:last-child {
  border-bottom: none;
}

.eb-types-table tbody tr:hover {
  background: var(--eb-pale);
}

.eb-types-table td {
  padding: .9rem 1.25rem;
  color: var(--eb-muted);
  vertical-align: top;
  line-height: 1.6;
}

.eb-types-table td:first-child {
  color: #1052ac;
  font-size: 15px;
  font-weight: 600;
  white-space: nowrap;
}

.eb-types-table td:nth-child(2) {
  font-weight: 700;
  color: var(--eb-navy);
  /* white-space: nowrap; */
}

/* ═══════════ WHAT MAKES IT SPECIAL ═══════════ */
.eb-special__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1.5rem;
}

.eb-special-card {
  background: var(--g-card);
  border: 1px solid var(--eb-border);
  border-radius: var(--r-lg);
  padding: 1.75rem 1.5rem;
  position: relative;
  overflow: hidden;
  box-shadow: var(--sh-xs);
  transition: transform .25s, box-shadow .25s, border-color .25s;
}

.eb-special-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--sh-md);
  border-color: var(--eb-light);
  background: #145dab;
}

.eb-special-card:hover p {
  color: #f1f1f1;
}

.eb-special-card:hover .eb-special-card__title {
  color: #f1f1f1;
}

.eb-special-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #6cb7fc;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .3s ease;
}

.eb-special-card:hover::before {
  transform: scaleX(1);
}

.eb-special-card__num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: var(--r-sm);
  background: var(--eb-pale);
  font-size: .85rem;
  font-weight: 800;
  color: var(--eb-royal);
  margin-bottom: 1rem;
  transition: background .25s, color .25s;
}

.eb-special-card:hover .eb-special-card__num {
  background: #5ea8f7;
  color: #fff;
}

.eb-special-card__title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--eb-navy);
  margin-bottom: .5rem;
}

.eb-special-card__text {
  font-size: .87rem;
  color: var(--eb-muted);
  line-height: 1.7;
}

/* ═══════════ MINIMUM REQUIREMENTS ═══════════ */
.eb-req__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}

.eb-req-block {
  background: var(--eb-white);
  border: 1px solid var(--eb-border);
  border-radius: var(--r-lg);
  padding: 2rem;
  box-shadow: var(--sh-xs);
  transition: box-shadow .25s, transform .25s;
}

.eb-req-block:hover {
  box-shadow: var(--sh-md);
  transform: translateY(-3px);
}

.eb-req-block__head {
  display: flex;
  align-items: center;
  gap: .75rem;
  margin-bottom: 1.25rem;
}

.eb-req-block__icon {
  width: 44px;
  height: 44px;
  border-radius: .75rem;
  background: var(--eb-pale);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  flex-shrink: 0;
  transition: background .25s;
}

.eb-req-block:hover .eb-req-block__icon {
  background: linear-gradient(135deg, var(--b700), var(--b500));
}

.eb-req-block__label {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .1em;
  color: #145daa;
}

.eb-req-block__title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--eb-navy);
  margin-top: .1rem;
}

.eb-req-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: .55rem;
}

.eb-req-list li {
  font-size: .88rem;
  color: var(--eb-muted);
  padding-left: 1.4rem;
  position: relative;
  line-height: 1.6;
}

.eb-req-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: .45em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--eb-royal);
}

/* ═══════════ ADVANTAGES ═══════════ */
.eb-adv__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.eb-adv-card {
  background: var(--eb-white);
  border: 1px solid var(--eb-border);
  border-radius: var(--r-lg);
  padding: 2rem 1.75rem;
  display: flex;
  flex-direction: column;
  gap: .75rem;
  box-shadow: var(--sh-xs);
  transition: transform .25s, box-shadow .25s;
  position: relative;
  overflow: hidden;
}

.eb-adv-card::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--g-royal);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .3s;
}

.eb-adv-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--sh-md);
}

.eb-adv-card:hover::after {
  transform: scaleX(1);
}

.eb-adv-card__emoji {
  font-size: 1.8rem;
  line-height: 1;
}

.eb-adv-card__title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--eb-navy);
}

.eb-adv-card__text {
  font-size: .87rem;
  color: var(--eb-muted);
  line-height: 1.7;
}

/* ═══════════ PROCESS STEPS ═══════════ */
.eb-steps__list {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  position: relative;
}

.eb-steps__list::before {
  content: '';
  position: absolute;
  left: 26px;
  top: 28px;
  bottom: 28px;
  width: 2px;
  background: linear-gradient(to bottom, var(--eb-royal), var(--eb-light));
}

.eb-step-item {
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 1.5rem;
  align-items: start;
  background: var(--eb-white);
  border: 1px solid var(--eb-border);
  border-radius: var(--r-lg);
  padding: 1.5rem 1.75rem;
  box-shadow: var(--sh-xs);
  transition: transform .25s, box-shadow .25s, border-color .25s;
}

.eb-step-item:hover {
  transform: translateX(6px);
  box-shadow: var(--sh-md);
  border-color: var(--eb-light);
}

.eb-step-item__num {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--b900) 0%, var(--b800) 40%, var(--b600) 80%, var(--b400) 100%);
  color: #fff;
  font-size: .9rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 4px 14px rgba(27, 79, 216, .35);
  transition: transform .2s;
}

.eb-step-item:hover .eb-step-item__num {
  transform: scale(1.08);
}

.eb-step-item__tag {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--eb-royal);
  background: var(--eb-pale);
  padding: .2rem .65rem;
  border-radius: var(--r-pill);
  margin-bottom: .4rem;
}

.eb-step-item__title {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--eb-navy);
  margin-bottom: .4rem;
}

.eb-step-item__text {
  font-size: .88rem;
  color: var(--eb-muted);
  line-height: 1.7;
}

.eb-step-item__bullets {
  list-style: none;
  margin-top: .6rem;
  display: flex;
  flex-direction: column;
  gap: .35rem;
}

.eb-step-item__bullets li {
  font-size: .85rem;
  color: var(--eb-muted);
  padding-left: 1.2rem;
  position: relative;
}

.eb-step-item__bullets li::before {
  content: '';
  position: absolute;
  left: 0;
  top: .45em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--eb-light);
}

/* ═══════════ TIMELINE TABLE ═══════════ */
.eb-timeline-wrap {
  overflow-x: auto;
  border-radius: var(--r-lg);
  box-shadow: var(--sh-md);
  border: 1px solid var(--eb-border);
}

.eb-timeline-table {
  width: 100%;
  border-collapse: collapse;
  font-size: .9rem;
  background: var(--eb-white);
}

.eb-timeline-table thead tr {
  background: linear-gradient(135deg, #297acb 0%, #3073bd 40%, var(--b600) 80%, var(--b400) 100%);
}

.eb-timeline-table thead th {
  color: #fff;
  font-weight: 700;
  font-size: .8rem;
  letter-spacing: .05em;
  text-transform: uppercase;
  padding: 1rem 1.5rem;
  text-align: left;
}

.eb-timeline-table tbody tr {
  border-bottom: 1px solid var(--eb-border);
  transition: background .18s;
}

.eb-timeline-table tbody tr:last-child {
  background: var(--eb-pale);
  border-bottom: none;
}

.eb-timeline-table tbody tr:hover {
  background: var(--eb-pale);
}

.eb-timeline-table tbody tr:last-child:hover {
  background: #DDE8FF;
}

.eb-timeline-table td {
  padding: .85rem 1.5rem;
  color: var(--eb-muted);
}

.eb-timeline-table tbody tr:last-child td {
  font-weight: 700;
  color: var(--eb-navy);
}

.eb-timeline-table td:last-child {
  font-weight: 600;
  color: #0775e4;
}

.eb-timeline-table tbody tr:last-child td:last-child {
  color: #145fad;
}

/* ═══════════ DOCUMENTS ═══════════ */
.eb-docs__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}

.eb-doc-block {
  background: var(--eb-white);
  border: 1px solid var(--eb-border);
  border-radius: var(--r-lg);
  padding: 2rem;
  box-shadow: var(--sh-xs);
  transition: box-shadow .25s, transform .25s;
}

.eb-doc-block:hover {
  box-shadow: var(--sh-md);
  transform: translateY(-3px);
}

.eb-doc-block__head {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--eb-border);
}

.eb-doc-block__num {
  width: 36px;
  height: 36px;
  border-radius: var(--r-sm);
  background: var(--g-royal);
  color: #fff;
  font-size: .85rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.eb-doc-block__title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--eb-navy);
}

.eb-doc-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.eb-doc-list li {
  font-size: .88rem;
  color: var(--eb-muted);
  padding-left: 1.5rem;
  position: relative;
  line-height: 1.6;
}

.eb-doc-list li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--eb-green);
  font-weight: 700;
  font-size: .85rem;
}

.eb-doc-list .eb-doc-sub {
  font-size: .8rem;
  color: #7A8BAD;
  margin-top: .15rem;
  padding-left: 0;
}

.eb-doc-list .eb-doc-sub::before {
  content: none;
}

/* ═══════════ GST INFO BOX ═══════════ */
.eb-gst-box {
  background: var(--eb-pale);
  border: 1.5px solid var(--eb-border);
  border-left: 4px solid var(--eb-royal);
  border-radius: var(--r-lg);
  padding: 2rem 2.25rem;
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
}

.eb-gst-box__icon {
  font-size: 2rem;
  flex-shrink: 0;
  line-height: 1;
}

.eb-gst-box__title {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--eb-navy);
  margin-bottom: .5rem;
}

.eb-gst-box__text {
  font-size: .92rem;
  color: var(--eb-muted);
  line-height: 1.75;
}

/* ═══════════ WHY CHOOSE US ═══════════ */
.eb-why__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: center;
}

.eb-why__content {}

.eb-why__text {
  font-size: .97rem;
  color: var(--eb-muted);
  line-height: 1.85;
  margin-bottom: 2rem;
}

.eb-why__text strong {
  color: var(--eb-navy);
  font-weight: 700;
}

.eb-why__pills {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
}

.eb-why__pill {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  background: var(--eb-pale);
  border: 1px solid var(--eb-border);
  border-radius: var(--r-pill);
  padding: .4rem 1rem;
  font-size: .8rem;
  font-weight: 600;
  color: var(--eb-royal);
  transition: background .2s, border-color .2s, transform .2s;
}

.eb-why__pill:hover {
  background: var(--eb-royal);
  color: #fff;
  border-color: var(--eb-royal);
  transform: translateY(-1px);
}

.eb-why__pill::before {
  content: '✓';
  font-size: .75rem;
  font-weight: 800;
}

.eb-why__visual {
  background: var(--g-royal);
  border-radius: var(--r-xl);
  padding: 2.5rem;
  position: relative;
  overflow: hidden;
  box-shadow: var(--sh-lg);
}

.eb-why__visual::before {
  content: '';
  position: absolute;
  top: -50px;
  right: -50px;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .06);
}

.eb-why__rows {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
  z-index: 1;
}

.eb-why__row {
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: var(--r-md);
  padding: 1rem 1.25rem;
  display: flex;
  align-items: center;
  gap: .85rem;
  backdrop-filter: blur(6px);
  transition: background .2s, transform .2s;
}

.eb-why__row:hover {
  background: rgba(255, 255, 255, .18);
  transform: translateX(4px);
}

.eb-why__row-icon {
  font-size: 1.3rem;
  flex-shrink: 0;
}

.eb-why__row-text {
  font-size: .88rem;
  font-weight: 600;
  color: rgba(255, 255, 255, .9);
  line-height: 1.45;
}

.eb-why__row-sub {
  font-size: .75rem;
  color: rgba(255, 255, 255, .6);
  font-weight: 400;
  margin-top: .1rem;
}

/* ═══════════ TESTIMONIALS ═══════════ */
.eb-testimonials__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.eb-testi-card {
  background: var(--eb-white);
  border: 1px solid var(--eb-border);
  border-radius: var(--r-lg);
  padding: 1.75rem;
  box-shadow: var(--sh-xs);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: transform .25s, box-shadow .25s;
  position: relative;
}

.eb-testi-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--sh-md);
}

.eb-testi-card__quote-mark {
  position: absolute;
  top: 1.25rem;
  right: 1.5rem;
  font-size: 3.5rem;
  font-weight: 900;
  color: var(--eb-pale);
  line-height: 1;
  font-family: Georgia, serif;
}

.eb-testi-card__text {
  font-size: .88rem;
  color: var(--eb-muted);
  line-height: 1.75;
  position: relative;
  z-index: 1;
}

.eb-testi-card__author {
  display: flex;
  align-items: center;
  gap: .75rem;
  margin-top: auto;
}

.eb-testi-card__avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--g-royal);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .8rem;
  font-weight: 800;
  color: #fff;
  flex-shrink: 0;
}

.eb-testi-card__name {
  font-size: .88rem;
  font-weight: 700;
  color: var(--eb-navy);
}

.eb-testi-card__stars {
  font-size: .75rem;
  color: var(--eb-gold);
  letter-spacing: .05em;
}

/* ═══════════ RESPONSIVE ═══════════ */
@media (max-width: 1024px) {

  .eb-special__grid,
  .eb-adv__grid,
  .eb-testimonials__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .eb-overview__grid,
  .eb-why__grid {
    grid-template-columns: 1fr;
  }

  .eb-overview__card {
    display: none;
  }
}

@media (max-width: 768px) {
  :root {
    --sp-lg: 2.5rem;
    --sp-xl: 3.5rem;
  }

  .eb-special__grid,
  .eb-adv__grid,
  .eb-req__grid,
  .eb-docs__grid,
  .eb-testimonials__grid {
    grid-template-columns: 1fr;
  }

  .eb-step-item {
    grid-template-columns: 44px 1fr;
    gap: 1rem;
  }

  .eb-steps__list::before {
    left: 22px;
  }

  .eb-gst-box {
    flex-direction: column;
    gap: 1rem;
  }

  .eb-types-table th:first-child,
  .eb-types-table td:first-child {
    display: none;
  }
}

@media (max-width: 480px) {
  .eb-sec-title {
    font-size: 1.4rem;
  }

  .eb-step-item {
    padding: 1.25rem;
  }

  .eb-timeline-table th,
  .eb-timeline-table td {
    padding: .7rem .9rem;
    font-size: .82rem;
  }
}

.docs-grid-private {
  grid-template-columns: repeat(5, 1fr);
}

.form-card-private {
  background: #2061a3;
}

.form-grid .price-tag {
  display: inline-block;
  font-family: 'IBM Plex Mono', monospace;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .3);
  padding: 8px 16px;
  font-size: 13px;
  border-radius: 2px;
  letter-spacing: .05em;
}

.price-tag-pri {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: rgb(32 97 163);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50px;
  padding: 10px 24px;
  backdrop-filter: blur(8px);
  color: #f1f1f1;
}

.trust-row {
  display: block;
  border-top: 1px solid rgba(255, 255, 255, .18);
}

.trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  color: #334E7A;
  font-weight: 600;
  margin-bottom: 20px;
  margin-top: 22px;
}

.trust-item .badge-circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid rgb(110 175 241);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  flex: none;
  color: #2061a3;
}

/*===========section 332 css start==============*/
/* ══════════════════════════════════════
   PAGE WRAPPER
══════════════════════════════════════ */
.eb-page {
  max-width: 1180px;
  margin: 0 auto;
  padding: 48px 24px 80px
}

/* ══════════════════════════════════════
   INTRO BLOCK
══════════════════════════════════════ */
.section-332-bg {
  background: linear-gradient(135deg, var(--eb-blue-deeper) 0%, var(--eb-blue) 55%, var(--eb-blue-light) 100%);
  padding: 52px 48px;
  margin-bottom: 48px;
  position: relative;
  overflow: hidden;
  animation: ebFadeUp .7s ease both;
}

.eb-intro {
  max-width: 1180px;
  margin: auto;
  margin-bottom: 48px;
  position: relative;
  overflow: hidden;
  animation: ebFadeUp .7s ease both;
}

.eb-intro::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E");
  pointer-events: none;
}

.eb-intro-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: rgba(255, 255, 255, .15);
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 50px;
  padding: 5px 16px;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .9);
  margin-bottom: 18px;
  position: relative;
  z-index: 1;
}

.eb-intro-label::before {
  content: '';
  width: 6px;
  height: 6px;
  background: #7fffb0;
  border-radius: 50%
}

.eb-intro h1 {
  font-weight: 800;
  color: var(--eb-white);
  line-height: 1.2;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}

.eb-intro-body {
  font-size: .97rem;
  color: rgba(255, 255, 255, .88);
  max-width: 820px;
  line-height: 1.8;
  position: relative;
  z-index: 1;
}

.eb-intro-body strong {
  color: var(--eb-white);
  font-weight: 700
}

/* ══════════════════════════════════════
   SECTION WRAPPERS
══════════════════════════════════════ */
.eb-section {
  background: var(--eb-white);
  border-radius: 18px;
  border: 1px solid var(--eb-border);
  padding: 44px 44px;
  margin-bottom: 28px;
  box-shadow: 0 2px 16px rgba(21, 101, 216, .06);
  /* opacity:0; */
  transform: translateY(28px);
  transition: opacity .6s ease, transform .6s ease;
}

.eb-section.visible {
  opacity: 1;
  transform: translateY(0)
}

.eb-section-alt {
  background: var(--eb-blue-pale)
}

.eb-section-eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: var(--eb-blue);
  margin-bottom: 10px;
}

.eb-section-eyebrow::before {
  content: '';
  width: 24px;
  height: 2.5px;
  background: var(--eb-blue);
  border-radius: 2px
}

.eb-section h2 {
  font-weight: 800;
  line-height: 1.3;
  position: relative;
}

.eb-section h3 {
  font-weight: 700;
  ;
}

.eb-section p {
  font-size: .93rem;
  color: #374151;
  line-height: 1.8;
  margin-bottom: 14px
}

.eb-section p:last-child {
  margin-bottom: 0
}

.eb-section p strong {
  color: var(--eb-blue-deeper);
  font-weight: 700
}

/* ══════════════════════════════════════
   INFO BOX (intro para blue highlight)
══════════════════════════════════════ */
.eb-info-box {
  background: var(--eb-blue-pale);
  border-left: 4px solid var(--eb-blue);
  border-radius: 0 12px 12px 0;
  padding: 18px 22px;
  margin-bottom: 20px;
  font-size: .93rem;
  color: #1e3a5f;
  line-height: 1.8;
}

.eb-info-box strong {
  color: var(--eb-blue-deeper)
}

/* ══════════════════════════════════════
   CARD GRID
══════════════════════════════════════ */
.eb-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 18px;
  margin-top: 8px
}

.eb-card {
  background: var(--eb-white);
  border: 1.5px solid var(--eb-border);
  border-radius: 14px;
  padding: 26px 24px;
  position: relative;
  overflow: hidden;
  transition: all .32s cubic-bezier(.22, 1, .36, 1);
  cursor: default;
}

.eb-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--eb-blue), var(--eb-accent));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s ease;
}

.eb-card:hover {
  border-color: transparent;
  transform: translateY(-6px);
  box-shadow: 0 16px 48px rgba(21, 101, 216, .18);
}

.eb-card:hover::before {
  transform: scaleX(1)
}

.eb-card-icon {
  width: 46px;
  height: 46px;
  background: var(--eb-blue-pale);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  font-size: 1.25rem;
  transition: transform .32s, background .32s;
}

.eb-card:hover .eb-card-icon {
  background: var(--eb-blue);
  transform: scale(1.1) rotate(-5deg)
}

.eb-card-title {
  font-size: .9rem;
  font-weight: 800;
  color: var(--eb-blue-deeper);
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: .5px
}

.eb-card-body {
  font-size: .85rem;
  color: var(--eb-gray);
  line-height: 1.7
}

.eb-card:hover .eb-card-title,
.eb-card:hover .eb-card-body {
  color: inherit
}

/* ══════════════════════════════════════
   LIST STYLES
══════════════════════════════════════ */
.eb-check-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 16px 0
}

.eb-check-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: .9rem;
  color: #374151;
  line-height: 1.7;
  background: var(--eb-gray-light);
  border-radius: 10px;
  padding: 12px 16px;
  border: 1px solid var(--eb-border);
  transition: all .25s;
}

.eb-check-list li:hover {
  border-color: var(--eb-blue);
  background: var(--eb-blue-pale);
  transform: translateX(4px)
}

.eb-check-icon {
  width: 22px;
  height: 22px;
  background: var(--eb-blue);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--eb-white);
  font-size: .65rem;
  font-weight: 800;
  margin-top: 1px;
}

.eb-check-list li strong {
  color: var(--eb-blue-deeper);
  font-weight: 700
}

/* ══════════════════════════════════════
   TABLE
══════════════════════════════════════ */
.eb-table-wrap {
  overflow-x: auto;
  border-radius: 14px;
  border: 1px solid var(--eb-border);
  margin-top: 8px;
  box-shadow: 0 2px 12px rgba(21, 101, 216, .07)
}

.eb-table {
  width: 100%;
  border-collapse: collapse;
  font-size: .83rem;
  min-width: 720px
}

.eb-table thead tr {
  background: linear-gradient(90deg, var(--eb-blue-deeper), var(--eb-blue))
}

.eb-table thead th {
  color: var(--eb-white);
  font-weight: 700;
  padding: 14px 16px;
  text-align: left;
  font-size: .78rem;
  letter-spacing: .4px;
  border: none;
}

.eb-table thead th:first-child {
  border-radius: 0
}

.eb-table tbody tr {
  transition: background .2s;
  border-bottom: 1px solid var(--eb-border)
}

.eb-table tbody tr:last-child {
  border-bottom: none
}

.eb-table tbody tr:hover {
  background: var(--eb-blue-pale)
}

.eb-table tbody td {
  padding: 13px 16px;
  color: #374151;
  vertical-align: top;
  line-height: 1.65
}

.eb-table tbody tr:nth-child(even) td {
  background: rgba(21, 101, 216, .03)
}

.eb-table tbody tr:nth-child(even):hover td {
  background: var(--eb-blue-pale)
}

.eb-table td:first-child {
  font-weight: 700;
  color: var(--eb-blue);
  white-space: nowrap
}

.eb-table em {
  color: var(--eb-blue-deeper);
  font-style: normal;
  font-weight: 600
}

/* ══════════════════════════════════════
   SMALL TABLE (Deduction categories)
══════════════════════════════════════ */
.eb-table-sm {
  width: 100%;
  border-collapse: collapse;
  font-size: .88rem;
  margin-top: 8px
}

.eb-table-sm thead tr {
  background: linear-gradient(90deg, var(--eb-blue-deeper), var(--eb-blue))
}

.eb-table-sm thead th {
  color: var(--eb-white);
  font-weight: 700;
  padding: 13px 18px;
  text-align: left
}

.eb-table-sm tbody tr {
  border-bottom: 1px solid var(--eb-border);
  transition: background .2s
}

.eb-table-sm tbody tr:last-child {
  border-bottom: none
}

.eb-table-sm tbody tr:hover {
  background: var(--eb-blue-pale)
}

.eb-table-sm td {
  padding: 13px 18px;
  color: #374151;
  line-height: 1.7;
  vertical-align: top
}

.eb-table-sm td:first-child {
  font-weight: 700;
  color: var(--eb-blue-deeper);
  white-space: nowrap;
  width: 160px
}

.eb-wrap-table {
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid var(--eb-border);
  margin-top: 8px;
  box-shadow: 0 2px 12px rgba(21, 101, 216, .07)
}

/* ══════════════════════════════════════
   HIGHLIGHT BOXES
══════════════════════════════════════ */
.eb-highlight {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--eb-blue-pale);
  border: 1.5px solid var(--eb-blue-mid);
  border-radius: 8px;
  padding: 10px 18px;
  font-size: .88rem;
  font-weight: 600;
  color: var(--eb-blue-deeper);
  margin: 6px 4px 6px 0;
}

.eb-highlight svg {
  flex-shrink: 0;
  color: var(--eb-blue)
}

.eb-warning-box {
  background: #fff7ed;
  border: 1.5px solid #fed7aa;
  border-radius: 12px;
  padding: 18px 22px;
  margin: 18px 0;
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.eb-warning-icon {
  width: 22px;
  height: 22px;
  background: #f97316;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: white;
  font-size: .7rem;
  font-weight: 800
}

.eb-warning-text {
  font-size: .88rem;
  color: #9a3412;
  line-height: 1.7
}

.eb-warning-text strong {
  color: #7c2d12
}

.eb-success-box {
  background: #f0fdf4;
  border: 1.5px solid #bbf7d0;
  border-radius: 12px;
  padding: 18px 22px;
  margin: 18px 0;
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.eb-success-icon {
  width: 22px;
  height: 22px;
  background: var(--eb-success);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: white;
  font-size: .7rem;
  font-weight: 800
}

.eb-success-text {
  font-size: .88rem;
  color: #166534;
  line-height: 1.7
}

/* ══════════════════════════════════════
   STAT BADGE (tax rates etc)
══════════════════════════════════════ */
.eb-stat-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin: 18px 0
}

.eb-stat-badge {
  background: var(--eb-white);
  border: 2px solid var(--eb-blue-mid);
  border-radius: 14px;
  padding: 18px 26px;
  text-align: center;
  flex: 1;
  min-width: 140px;
  transition: all .28s;
}

.eb-stat-badge:hover {
  border-color: var(--eb-blue);
  background: var(--eb-blue);
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(21, 101, 216, .25)
}

.eb-stat-num {
  font-size: 2rem;
  font-weight: 900;
  color: var(--eb-blue);
  line-height: 1;
  margin-bottom: 4px;
  transition: color .28s
}

.eb-stat-badge:hover .eb-stat-num {
  color: var(--eb-white)
}

.eb-stat-label {
  font-size: .72rem;
  font-weight: 600;
  color: var(--eb-gray);
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: color .28s
}

.eb-stat-badge:hover .eb-stat-label {
  color: rgba(255, 255, 255, .8)
}

/* ══════════════════════════════════════
   PARTNER CTA
══════════════════════════════════════ */
.eb-cta {
  background: linear-gradient(135deg, var(--eb-blue-deeper) 0%, var(--eb-blue) 55%, var(--eb-accent) 100%);
  border-radius: 20px;
  padding: 52px 48px;
  text-align: center;
  position: relative;
  overflow: hidden;
  margin-top: 8px;
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .6s ease, transform .6s ease;
}

.eb-cta.visible {
  opacity: 1;
  transform: translateY(0)
}

.eb-cta::before {
  content: '';
  position: absolute;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .05);
  top: -200px;
  right: -120px;
  pointer-events: none;
}

.eb-cta h2 {
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  font-weight: 800;
  color: var(--eb-white);
  margin-bottom: 14px
}

.eb-cta p {
  font-size: .95rem;
  color: rgba(255, 255, 255, .85);
  max-width: 640px;
  margin: 0 auto 30px;
  line-height: 1.75
}

.eb-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: var(--eb-white);
  color: var(--eb-blue-deeper);
  border-radius: 10px;
  padding: 15px 36px;
  font-family: var(--fp);
  font-weight: 800;
  font-size: .95rem;
  text-decoration: none;
  transition: all .28s;
  box-shadow: 0 6px 24px rgba(0, 0, 0, .2);
}

.eb-cta-btn:hover {
  background: var(--eb-blue-pale);
  transform: translateY(-3px);
  box-shadow: 0 12px 36px rgba(0, 0, 0, .3)
}

/* ══════════════════════════════════════
   IMPORTANT POINTS BLOCK
══════════════════════════════════════ */
.eb-imp-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 16px 0
}

.eb-imp-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: .9rem;
  color: #374151;
  line-height: 1.7;
  padding: 13px 16px;
  border-radius: 10px;
  background: var(--eb-white);
  border: 1px solid var(--eb-border);
  transition: all .25s;
}

.eb-imp-list li:hover {
  border-color: var(--eb-blue);
  background: var(--eb-blue-pale);
  transform: translateX(4px)
}

.eb-imp-dot {
  width: 8px;
  height: 8px;
  background: var(--eb-blue);
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 8px;
}

.eb-imp-list strong {
  color: var(--eb-blue-deeper);
  font-weight: 700
}

/* ══════════════════════════════════════
   FORM NUMBER (Which form)
══════════════════════════════════════ */
.eb-form-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 8px
}

@media(max-width:600px) {
  .eb-form-cards {
    grid-template-columns: 1fr
  }
}

.eb-form-card {
  border: 2px solid var(--eb-blue-mid);
  border-radius: 14px;
  padding: 24px;
  background: var(--eb-white);
  transition: all .3s;
  position: relative;
  overflow: hidden;
}

.eb-form-card::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, var(--eb-blue-deeper), var(--eb-blue));
  opacity: 0;
  transition: opacity .3s;
  z-index: 0;
}

.eb-form-card>* {
  position: relative;
  z-index: 1
}

.eb-form-card:hover {
  border-color: transparent;
  transform: translateY(-5px);
  box-shadow: 0 14px 40px rgba(21, 101, 216, .22)
}

.eb-form-card:hover::after {
  opacity: 1
}

.eb-form-card:hover .eb-form-num,
.eb-form-card:hover .eb-form-tag,
.eb-form-card:hover .eb-form-desc {
  color: rgba(255, 255, 255, .9)
}

.eb-form-card:hover .eb-form-title {
  color: var(--eb-white)
}

.eb-form-num {
  font-size: 1.6rem;
  font-weight: 900;
  color: var(--eb-blue);
  margin-bottom: 6px;
  transition: color .3s
}

.eb-form-title {
  font-size: .9rem;
  font-weight: 800;
  color: var(--eb-blue-deeper);
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: .5px;
  transition: color .3s
}

.eb-form-tag {
  display: inline-block;
  background: var(--eb-blue-pale);
  color: var(--eb-blue);
  border-radius: 50px;
  padding: 3px 12px;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .5px;
  margin-bottom: 10px;
  transition: background .3s, color .3s;
}

.eb-form-desc {
  font-size: .85rem;
  color: var(--eb-gray);
  line-height: 1.65;
  transition: color .3s
}

/* ══════════════════════════════════════
   SECTION DIVIDER LABEL
══════════════════════════════════════ */
.eb-divider-label {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 36px 0 24px;
}

.eb-divider-label span {
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: var(--eb-blue);
  white-space: nowrap;
}

.eb-divider-line {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, var(--eb-blue-mid), transparent)
}

/* ══════════════════════════════════════
   ANIMATIONS
══════════════════════════════════════ */
@keyframes ebFadeUp {
  from {
    opacity: 0;
    transform: translateY(32px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

/* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */
@media(max-width:768px) {
  .eb-page {
    padding: 28px 14px 60px
  }

  .eb-intro {
    padding: 36px 24px
  }

  .eb-section {
    padding: 28px 20px
  }

  .eb-cta {
    padding: 40px 24px
  }

  .eb-card-grid {
    grid-template-columns: 1fr
  }

  .eb-stat-row {
    flex-direction: column
  }
}

@media(max-width:480px) {
  .eb-table-wrap {
    font-size: .78rem
  }
}

.eb-form-card:hover .eb-form-tag-s {
  color: #1565d8;
}

.tax-item h4 {
  font-size: 16px;
  font-weight: 700;
  max-width: 171px;
}

/*============================================*/
.etb-section {
  padding: 80px 7%;
  position: relative;
}

.etb-root {
  color: #ffffff;
  background: linear-gradient(135deg, var(--etb-deep) 0%, var(--etb-blue) 45%, var(--etb-blue-light) 100%);
  border-radius: 20px;
}

.etb-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 90% 10%, rgba(255, 255, 255, 0.08) 0%, transparent 45%),
    radial-gradient(circle at 5% 90%, rgba(255, 255, 255, 0.06) 0%, transparent 40%);
  pointer-events: none;
}

.etb-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid var(--etb-line);
  backdrop-filter: blur(4px);
  padding: 8px 18px;
  border-radius: 30px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 22px;
}

.etb-eyebrow::before {
  content: "\2756";
  color: var(--etb-sky);
  font-size: 13px;
}

.etb-h2 {
  font-size: 34px;
  font-weight: 800;
  line-height: 1.3;
  margin: 0 0 18px 0;
  max-width: 760px;
  position: relative;
  z-index: 1;
}

.etb-lead {
  font-size: 16px;
  color: var(--etb-text-soft);
  max-width: 780px;
  line-height: 1.75;
  position: relative;
  z-index: 1;
}

/* ===================== VALIDITY & RENEWAL ===================== */
.etb-renewal-wrap {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 40px;
  align-items: center;
  margin-top: 40px;
  position: relative;
  z-index: 1;
}

.etb-renewal-text {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid var(--etb-line);
  border-radius: 18px;
  padding: 32px 30px;
  backdrop-filter: blur(6px);
  font-size: 15px;
  line-height: 1.8;
  color: var(--etb-text-soft);
}

.etb-renewal-cycle {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.etb-cycle-step {
  display: grid;
  grid-template-columns: 46px 1fr;
  gap: 16px;
  align-items: center;
  background: var(--etb-white);
  color: var(--etb-deep);
  border-radius: 14px;
  padding: 16px 18px;
  box-shadow: 0 14px 30px rgba(7, 32, 68, 0.25);
  transition: transform .35s ease, box-shadow .35s ease;
}

.etb-cycle-step:hover {
  transform: translateX(8px);
  box-shadow: 0 18px 36px rgba(7, 32, 68, 0.32);
}

.etb-cycle-num {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--etb-blue-mid), var(--etb-sky));
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 16px;
}

.etb-cycle-label {
  font-size: 14.5px;
  font-weight: 700;
}

.etb-cycle-step:nth-child(2) .etb-cycle-num {
  background: linear-gradient(135deg, var(--etb-blue), var(--etb-blue-mid));
}

.etb-cycle-step:nth-child(3) .etb-cycle-num {
  background: linear-gradient(135deg, var(--etb-deep), var(--etb-blue));
}

.etb-cycle-step:nth-child(4) .etb-cycle-num {
  background: linear-gradient(135deg, var(--etb-sky), var(--etb-blue-light));
}

@media (max-width:880px) {
  .etb-renewal-wrap {
    grid-template-columns: 1fr;
  }
}

/* ===================== DOCUMENT CHECKLIST ===================== */
.etb-section-light {
  background: linear-gradient(180deg, var(--etb-ice) 0%, #ffffff 100%);
  color: var(--etb-deep);
}

.etb-section-light::before {
  display: none;
}

.etb-section-light .etb-eyebrow {
  background: rgba(20, 85, 168, 0.08);
  border: 1px solid rgba(20, 85, 168, 0.18);
  color: var(--etb-blue);
}

.etb-section-light .etb-eyebrow::before {
  color: var(--etb-blue-mid);
}

.etb-section-light .etb-h2 {
  color: var(--etb-deep);
}

.etb-section-light .etb-lead {
  color: #48618a;
}

.etb-checklist-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 44px;
  position: relative;
  z-index: 1;
}

.etb-check-card {
  background: #ffffff;
  border: 1px solid rgba(20, 85, 168, 0.12);
  border-radius: 16px;
  padding: 24px 26px;
  display: flex;
  gap: 18px;
  align-items: flex-start;
  box-shadow: 0 8px 24px rgba(14, 63, 134, 0.06);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.etb-check-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 22px 40px rgba(14, 63, 134, 0.16);
  border-color: var(--etb-blue-light);
}

.etb-check-mark {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--etb-blue-mid), var(--etb-sky));
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  font-weight: 800;
  transition: transform .35s ease;
}

.etb-check-card:hover .etb-check-mark {
  transform: rotate(360deg);
}

.etb-check-title {
  font-size: 15px;
  font-weight: 800;
  color: var(--etb-deep);
  margin-bottom: 6px;
}

.etb-check-text {
  font-size: 13.5px;
  color: #5b7397;
  line-height: 1.6;
}

.etb-check-text a {
  color: var(--etb-blue-mid);
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color .3s ease;
}

.etb-check-text a:hover {
  border-bottom-color: var(--etb-blue-mid);
}

@media (max-width:700px) {
  .etb-checklist-grid {
    grid-template-columns: 1fr;
  }
}

/* ===================== PENALTY / WARNING SECTION ===================== */
.etb-section-warning {
  background: linear-gradient(135deg, #0a2c5e 0%, var(--etb-deep) 60%, var(--etb-blue) 100%);
}

.etb-warning-banner {
  display: flex;
  align-items: center;
  gap: 16px;
  background: rgba(226, 65, 47, 0.14);
  border: 1px solid rgba(226, 65, 47, 0.45);
  border-radius: 14px;
  padding: 18px 22px;
  margin: 36px 0 36px 0;
  max-width: 780px;
  position: relative;
  z-index: 1;
}

.etb-warning-icon {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--etb-red);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 18px;
  color: #fff;
}

.etb-warning-text {
  font-size: 14.5px;
  color: #ffe4df;
  line-height: 1.6;
}

.etb-penalty-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  position: relative;
  z-index: 1;
}

.etb-penalty-card {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid var(--etb-line);
  border-radius: 16px;
  padding: 30px 26px;
  backdrop-filter: blur(6px);
  position: relative;
  overflow: hidden;
  transition: transform .35s ease, background .35s ease;
}

.etb-penalty-card::after {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: rgba(226, 65, 47, 0.18);
  transition: transform .45s ease;
}

.etb-penalty-card:hover {
  transform: translateY(-8px);
  background: rgba(255, 255, 255, 0.1);
}

.etb-penalty-card:hover::after {
  transform: scale(1.5);
}

.etb-penalty-icon {
  font-size: 26px;
  margin-bottom: 16px;
  position: relative;
  z-index: 1;
}

.etb-penalty-title {
  font-size: 16px;
  font-weight: 800;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}

.etb-penalty-text {
  font-size: 13.5px;
  color: var(--etb-text-soft);
  line-height: 1.65;
  position: relative;
  z-index: 1;
}

@media (max-width:900px) {
  .etb-penalty-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width:560px) {
  .etb-h2 {
    font-size: 25px;
  }

  .etb-section {
    padding: 56px 6%;
  }

  .etb-warning-banner {
    flex-direction: column;
    align-items: flex-start;
  }
}

.docs-grid-udyam {
  grid-template-columns: repeat(4, 1fr);
}

.table-section-form {
  display: unset;
}

.forms-grid-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}

/*==========accounting book keeping css start===========*/
.bk-container {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ---------------------------------------------------------------------
   Buttons
--------------------------------------------------------------------- */
.bk-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 30px;
  border-radius: 999px;
  font-family: var(--bk-font-display);
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  border: 1.5px solid transparent;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
  white-space: nowrap;
}

.bk-btn--light {
  background: var(--bk-white);
  color: var(--bk-navy-900);
}

.bk-btn--light:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 28px -10px rgba(0, 0, 0, 0.35);
}

.bk-btn--outline {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.45);
  color: var(--bk-white);
}

.bk-btn--outline:hover {
  background: rgba(255, 255, 255, 0.12);
  transform: translateY(-2px);
}

.bk-btn--block {
  width: 100%;
  background: var(--bk-white);
  color: var(--bk-navy-900);
  margin-top: 22px;
}

.bk-btn--block:hover {
  box-shadow: 0 14px 28px -10px rgba(0, 0, 0, 0.4);
  transform: translateY(-2px);
}

/* ---------------------------------------------------------------------
   Hero
--------------------------------------------------------------------- */
.bk-hero {
  position: relative;
  background: linear-gradient(140deg, var(--b1) 0%, var(--b2) 38%, var(--b3) 68%, var(--b4) 100%);
  padding: 96px 0 130px;
  overflow: hidden;
}

.bk-hero__shape {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 85% 12%, rgba(120, 170, 230, 0.30), transparent 55%),
    radial-gradient(circle at 8% 85%, rgba(20, 40, 80, 0.55), transparent 60%);
  pointer-events: none;
}

.bk-hero__inner {
  position: relative;
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 56px;
  align-items: center;
}

.bk-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 18px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  color: var(--bk-blue-100);
  font-family: var(--bk-font-display);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-bottom: 26px;
}

.bk-eyebrow__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--bk-blue-200);
  display: inline-block;
}

.bk-hero__title {
  font-family: var(--bk-font-display);
  font-size: 46px;
  line-height: 1.18;
  font-weight: 700;
  color: var(--bk-white);
  margin: 0 0 22px;
  letter-spacing: -0.01em;
}

.bk-hero__title--accent {
  color: var(--bk-blue-200);
}

.bk-hero__lead {
  font-size: 16.5px;
  line-height: 1.75;
  color: rgba(232, 240, 252, 0.86);
  max-width: 560px;
  margin: 0 0 36px;
}

.bk-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

/* Hero side panel */
.bk-hero__panel {
  position: relative;
}

.bk-panel {
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: var(--bk-radius-lg);
  padding: 38px 36px;
  backdrop-filter: blur(6px);
  box-shadow: var(--bk-shadow-panel);
}

.bk-panel__title {
  font-family: var(--bk-font-display);
  font-size: 21px;
  font-weight: 600;
  color: var(--bk-white);
  margin: 0 0 22px;
  line-height: 1.35;
}

.bk-panel__list {
  list-style: none;
  margin: 0 0 6px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.bk-panel__list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  color: rgba(232, 240, 252, 0.9);
  font-size: 14.5px;
  line-height: 1.55;
}

.bk-panel__icon {
  flex-shrink: 0;
  margin-top: 5px;
  width: 9px;
  height: 9px;
  border-radius: 3px;
  background: var(--bk-blue-200);
  display: inline-block;
}

/* ---------------------------------------------------------------------
   Section shared
--------------------------------------------------------------------- */
.bk-section {
  padding: 96px 0;
}

.bk-section--alt {
  background: var(--bk-blue-50);
}

.bk-section__head {
  max-width: 760px;
  margin: 0 auto 56px;
  text-align: center;
}

.bk-tag {
  display: inline-block;
  font-family: var(--bk-font-display);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--bk-blue-700);
  background: #bbd8fb;
  padding: 7px 18px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.bk-tag--light {
  color: var(--bk-navy-900);
  background: rgba(255, 255, 255, 0.85);
}

.bk-section__title {
  font-family: var(--bk-font-display);
  font-size: 33px;
  font-weight: 700;
  color: var(--bk-navy-900);
  line-height: 1.3;
  margin: 0;
  letter-spacing: -0.01em;
}

/* ---------------------------------------------------------------------
   Service cards grid
--------------------------------------------------------------------- */
.bk-grid--services {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 26px;
}

.bk-card {
  background: var(--bk-white);
  border: 1px solid var(--bk-border);
  border-radius: var(--bk-radius-md);
  padding: 32px 26px;
  box-shadow: var(--bk-shadow-card);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.bk-card:hover {
  transform: translateY(-6px);
  border-color: var(--bk-blue-200);
  box-shadow: 0 22px 40px -18px rgba(12, 31, 68, 0.32);
}

.bk-card__icon {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  margin-bottom: 20px;
  background: var(--bk-blue-100);
  position: relative;
}

.bk-card__icon::after {
  content: "";
  position: absolute;
  inset: 13px;
  border-radius: 4px;
  background: var(--bk-blue-600);
}

.bk-card__icon--02::after,
.bk-card__icon--04::after,
.bk-card__icon--06::after,
.bk-card__icon--08::after {
  background: var(--bk-navy-800);
}

.bk-card__title {
  font-family: var(--bk-font-display);
  font-size: 17px;
  font-weight: 600;
  color: var(--bk-navy-900);
  margin: 0 0 10px;
  line-height: 1.4;
}

.bk-card__text {
  font-size: 14.3px;
  color: var(--bk-ink-soft);
  line-height: 1.65;
  margin: 0;
}

/* ---------------------------------------------------------------------
   Compliance / benefits strip
--------------------------------------------------------------------- */
.bk-strip {
  background: var(--bk-navy-900);
  padding: 80px 0;
}

.bk-strip__inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 48px;
  align-items: start;
}

.bk-strip__divider {
  width: 1px;
  align-self: stretch;
  background: rgba(255, 255, 255, 0.16);
}

.bk-strip__title {
  font-family: var(--bk-font-display);
  font-size: 22px;
  font-weight: 600;
  color: var(--bk-white);
  line-height: 1.4;
  margin: 0 0 16px;
}

.bk-strip__text {
  font-size: 15px;
  color: rgba(225, 235, 250, 0.82);
  line-height: 1.75;
  margin: 0;
}

/* ---------------------------------------------------------------------
   Benefits list ("Why Do You Need")
--------------------------------------------------------------------- */
.bk-benefits {
  display: flex;
  flex-direction: column;
  gap: 0;
  max-width: 880px;
  margin: 0 auto;
}

.bk-benefits__row {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  padding: 26px 8px;
  border-bottom: 1px solid var(--bk-border);
}

.bk-benefits__row:first-child {
  padding-top: 8px;
}

.bk-benefits__row:last-child {
  border-bottom: none;
}

.bk-benefits__mark {
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--bk-blue-100);
  position: relative;
  margin-top: 2px;
}

.bk-benefits__mark::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--bk-blue-600);
  transform: translate(-50%, -50%);
}

.bk-benefits__title {
  font-family: var(--bk-font-display);
  font-size: 17.5px;
  font-weight: 600;
  color: var(--bk-navy-900);
  margin: 0 0 6px;
}

.bk-benefits__text {
  font-size: 14.5px;
  color: var(--bk-ink-soft);
  line-height: 1.7;
  margin: 0;
  max-width: 680px;
}

/* ---------------------------------------------------------------------
   Closing CTA — Why Choose Us
--------------------------------------------------------------------- */
.bk-cta {
  position: relative;
  background: linear-gradient(120deg, var(--bk-navy-950) 0%, var(--bk-navy-900) 38%, var(--bk-blue-700) 100%);
  padding: 100px 0;
  overflow: hidden;
}

.bk-cta__shape {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 90% 20%, rgba(120, 170, 230, 0.28), transparent 55%);
  pointer-events: none;
}

.bk-cta__inner {
  position: relative;
  max-width: 760px;
  text-align: center;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.bk-cta__title {
  font-family: var(--bk-font-display);
  font-size: 32px;
  font-weight: 700;
  color: var(--bk-white);
  line-height: 1.35;
  margin: 18px 0 22px;
}

.bk-cta__text {
  font-size: 15.5px;
  color: rgba(225, 235, 250, 0.85);
  line-height: 1.8;
  margin: 0 0 34px;
}

/* ---------------------------------------------------------------------
   Footer
--------------------------------------------------------------------- */
.bk-footer {
  background: var(--bk-navy-950);
  padding: 26px 0;
}

.bk-footer__inner {
  text-align: center;
}

.bk-footer__text {
  margin: 0;
  font-size: 13px;
  color: rgba(225, 235, 250, 0.6);
}

/* =====================================================================
   Responsive
   ===================================================================== */
@media (max-width:1024px) {
  .bk-hero__inner {
    grid-template-columns: 1fr;
  }

  .bk-hero__panel {
    max-width: 560px;
  }

  .bk-grid--services {
    grid-template-columns: repeat(2, 1fr);
  }

  .bk-strip__inner {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .bk-strip__divider {
    display: none;
  }
}

@media (max-width:680px) {
  .bk-hero {
    padding: 64px 0 90px;
  }

  .bk-hero__title {
    font-size: 32px;
  }

  .bk-hero__lead {
    font-size: 15px;
  }

  .bk-section {
    padding: 64px 0;
  }

  .bk-section__title {
    font-size: 25px;
  }

  .bk-grid--services {
    grid-template-columns: 1fr;
  }

  .bk-cta__title {
    font-size: 24px;
  }

  .bk-panel {
    padding: 28px 24px;
  }

  .bk-benefits__row {
    flex-direction: column;
    gap: 14px;
  }

  .bk-btn {
    width: 100%;
  }

  .bk-hero__actions {
    flex-direction: column;
  }
}

@media (max-width:420px) {
  .bk-container {
    padding: 0 18px;
  }

  .bk-hero__title {
    font-size: 27px;
  }
}

.udy-btn {
  background-color: #1563b2;
  color: #ffffff;
  margin-bottom: 30px;
}

.docs-grid-private-nsic {
  grid-template-columns: repeat(4, 1fr);
}

.bk-benefits-nsic {
  max-width: unset;
  margin-top: 20px;
}

.case-txt {
  color: #0A1628 !important;
}

.link-txt-color {
  color: #3190f4;
}

.docs-grid-patent {
  grid-template-columns: repeat(4, 1fr);
}

.add-space {
  padding-top: 50px;
  padding-bottom: 30px;
}

.add-max {
  max-width: unset;
}

/*==========================*/
* ── Layout ── */ .etb-section {
  padding: 72px 0;
}

.etb-container {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ── Section header ── */


.etb-h2 {
  font-size: clamp(26px, 3.5vw, 36px);
  font-weight: 700;
  color: var(--etb-navy2);
  line-height: 1.25;
  margin-bottom: 14px;
}

.etb-intro-text {
  font-size: 15.5px;
  color: var(--etb-slate);
  max-width: 680px;
  margin-bottom: 52px;
  line-height: 1.8;
}

/* ── Divider line ── */

/* ── Category cards ── */
.etb-cards-grid {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 28px;
}

.etb-card {
  background: var(--etb-white);
  border: 1px solid var(--etb-border);
  border-radius: 12px;
  overflow: hidden;
  transition: box-shadow 0.3s, transform 0.3s, border-color 0.3s;
  cursor: default;
}

.etb-card:hover {
  box-shadow: 0 12px 40px rgba(249, 115, 22, 0.12);
  transform: translateY(-4px);
  border-color: var(--etb-orange-mid);
}

/* card header */
.etb-card-head {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 20px 24px;
  background: linear-gradient(135deg, #1058a0 0%, #0b73db 100%);
  border-bottom: 3px solid #2196F3;
}

.etb-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: #5fb1fd;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  font-size: 20px;
  transition: transform 0.3s;
}

.etb-card:hover .etb-card-icon {
  transform: rotate(-6deg) scale(1.1);
}

.etb-card-head h3 {
  font-size: 16px;
  font-weight: 600;
  color: var(--etb-white);
  line-height: 1.35;
}

/* card body */
.etb-card-body {
  padding: 24px;
}

/* doc type label */
.etb-doc-group {
  margin-bottom: 20px;
}

.etb-doc-group:last-child {
  margin-bottom: 0;
}

.etb-doc-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--etb-orange-dark);
  margin-bottom: 12px;
}

.etb-doc-label::before {
  content: '';
  width: 14px;
  height: 2px;
  background: var(--etb-orange);
  border-radius: 1px;
  display: inline-block;
}

/* doc items */
.etb-doc-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding: 0;
}

.etb-doc-item {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  background: var(--etb-bg);
  border: 1px solid var(--etb-border);
  border-radius: 8px;
  padding: 11px 14px;
  font-size: 14px;
  color: var(--etb-navy);
  line-height: 1.55;
  transition: background 0.2s, border-color 0.2s, transform 0.2s;
}

.etb-doc-item:hover {
  background: var(--etb-orange-soft);
  border-color: var(--etb-orange-mid);
  transform: translateX(4px);
}

.etb-doc-item::before {
  content: '✓';
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--etb-green);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  display: grid;
  place-items: center;
  margin-top: 1px;
}

/* entity card spans full width */
/* .etb-card-full {
  grid-column: 1 / -1;
} */

.etb-entity-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.etb-note-icon {
  font-size: 20px;
  flex-shrink: 0;
  margin-top: 1px;
}

/* ── Fade animation ── */
.etb-fade {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.55s ease, transform 0.55s ease;
}

.etb-fade.etb-visible {
  opacity: 1;
  transform: translateY(0);
}

/* ── RESPONSIVE ── */
@media (max-width: 768px) {
  .etb-cards-grid {
    grid-template-columns: 1fr;
  }

  .etb-entity-grid {
    grid-template-columns: 1fr;
  }

  .etb-card-full {
    grid-column: 1;
  }
}

.bgadd-acc-bg {
  background: #0c1f44;
  padding: 27px;
  border-radius: 20px;
  margin-top: 20px;
}

a.link-color-add {
  color: #07c8ff;
}

.table-section th {
  color: #f1f1f1 !important;
}

.opc-txt {
  color: #4a5a7a !important;
}

section {
  padding: 40px;
}

.color-add {
  color: #00c6ff;
}

.llp-fee-table th {
  color: #91e9ff;
}

.tbl-wrap th {
  color: #f1f1f1;
}

.add-txt-color {
  color: var(--navy) !important;
}

.tax-badge1 {
  font-size: 14px;
  width: 20%;
  color: #1259b1;
}

ul.card-list-real li {
  color: rgba(255, 255, 255, 0.75);
}

ul.non-list li {
  font-size: 14px;
  color: var(--gray500);
  line-height: 1.7;
  margin-bottom: 14px;
}

/*=========llp css start==========*/
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  * {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
  }
}

.llpc9f2-doc {
  max-width: 1180px;
  margin: 0 auto;
  position: relative;
}

/* ---------- reveal-on-scroll ---------- */
.llpc9f2-reveal {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity .8s var(--ease), transform .8s var(--ease);
}

.llpc9f2-reveal.llpc9f2-in {
  opacity: 1;
  transform: translateY(0);
}

/* ---------- hero ---------- */

/* ---------- section shell ---------- */
.llpc9f2-section {
  padding: 86px 28px;
}

.llpc9f2-section-head {
  margin: 0 auto 52px;
  text-align: left;
}

.llpc9f2-kicker {
  font-family: var(--bk-font-display);
  font-size: 12px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--gold-600);
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}

.llpc9f2-kicker::before {
  content: "";
  width: 22px;
  height: 1px;
  background: var(--gold-500);
}

.llpc9f2-section-head h2 {
  font-family: var(--bk-font-display);
  font-weight: 600;
  font-size: clamp(28px, 3.6vw, 42px);
  margin: 0 0 14px;
  color: var(--navy-950);
  letter-spacing: -0.01em;
}

.llpc9f2-section-head p {
  color: var(--ink-600);
  font-size: 16px;
  margin: 0;
}

.llpc9f2-section-alt {
  border-radius: 20px;
}

/* ---------- compliance cards grid ---------- */
.llpc9f2-grid {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}

.llpc9f2-card {
  position: relative;
  background: var(--paper);
  border: 1px solid #0674e18f;
  border-radius: var(--radius-lg);
  padding: 30px 26px 26px;
  box-shadow: var(--shadow-card);
  transition: transform .45s var(--ease), box-shadow .45s var(--ease), border-color .45s var(--ease);
  overflow: hidden;
}

.llpc9f2-card::before {
  content: "";
  position: absolute;
  top: -40%;
  right: -30%;
  width: 220px;
  height: 220px;
  background: radial-gradient(circle, rgba(199, 150, 44, 0.14), transparent 70%);
  transition: opacity .5s var(--ease);
  opacity: 0;
}

.llpc9f2-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 26px 50px -22px rgba(10, 31, 59, 0.32);
  border-color: #0375e7;
}

.llpc9f2-card:hover::before {
  opacity: 1;
}

.llpc9f2-card-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .05em;
  color: #0475e3;
  background: #0475e329;
  padding: 5px 11px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.llpc9f2-card h3 {
  font-family: var(--bk-font-display);
  font-size: 21px;
  font-weight: 600;
  margin: 0 0 10px;
  color: var(--navy-950);
}

.llpc9f2-card p {
  color: var(--ink-600);
  font-size: 14.5px;
  margin: 0 0 18px;
}

.llpc9f2-meta {
  display: grid;
  gap: 10px;
  border-top: 1px dashed var(--line);
  padding-top: 16px;
}

.llpc9f2-meta-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 13.5px;
}

.llpc9f2-meta-row .llpc9f2-meta-label {
  color: var(--ink-400);
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: 11.5px;
  font-weight: 600;
}

.llpc9f2-meta-row .llpc9f2-meta-val {
  color: var(--ink-900);
  font-weight: 500;
  text-align: right;
}

.llpc9f2-fine-block {
  margin-top: 18px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.llpc9f2-fine {
  background: #0674e3;
  border: 1px solid #0674e3;
  border-radius: 12px;
  padding: 12px 14px;
  transition: transform .3s var(--ease), box-shadow .3s var(--ease);
}

.llpc9f2-card:hover .llpc9f2-fine {
  transform: translateY(-2px);
}

.llpc9f2-fine span {
  display: block;
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 4px;
}

.llpc9f2-fine b {
  font-family: var(--bk-font-display);
  font-size: 13.5px;
  color: #ffe92f;
  display: block;
  line-height: 1.35;
}

.llpc9f2-fine em {
  font-style: normal;
  color: #ffffffa6;
  font-size: 11px;
  display: block;
  margin-top: 1px;
}

.llpc9f2-note {
  margin-top: 18px;
  padding: 12px 14px;
  border-radius: 10px;
  background: #0674e3;
  border: 1px solid #0674e3;
  font-size: 13px;
  color: #ffffff;
  font-style: italic;
}

/* ---------- closure section ---------- */
.llpc9f2-closure-hero {
  background: linear-gradient(135deg, var(--navy-900), var(--navy-700));
  border-radius: var(--radius-lg);
  max-width: 1180px;
  margin: 0 auto 54px;
  padding: 44px 40px;
  color: #EFE9DA;
  display: grid;
  grid-template-columns: 1.3fr 0.8fr;
  gap: 30px;
  align-items: center;
  box-shadow: var(--shadow-soft);
  position: relative;
  overflow: hidden;
}

.llpc9f2-closure-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(600px 300px at 90% 10%, rgba(199, 150, 44, 0.25), transparent 65%);
}

.llpc9f2-closure-hero-content {
  position: relative;
}

.llpc9f2-tag-pill {
  display: inline-block;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 11.5px;
  letter-spacing: .1em;
  text-transform: uppercase;
  background: rgb(227 242 253);
  border: 1px solid rgb(227 242 253);
  color: #0675e6;
  padding: 5px 12px;
  border-radius: 999px;
  margin-bottom: 16px;
  font-weight: 700;
}

.llpc9f2-closure-hero h3 {
  font-family: var(--bk-font-display);
  font-size: clamp(24px, 2.6vw, 32px);
  font-weight: 600;
  margin: 0 0 14px;
}

.llpc9f2-closure-hero p {
  color: #C6D0E0;
  font-size: 15px;
  margin: 0;
  max-width: 520px;
}

.llpc9f2-closure-badge {
  position: relative;
  justify-self: center;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 2px dashed rgba(228, 195, 116, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--gold-300);
  font-family: var(--bk-font-display);
  font-size: 12px;
  letter-spacing: .06em;
  padding: 14px;
}

.llpc9f2-closure-badge b {
  display: block;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 4px;
}

.llpc9f2-two-col {
  max-width: 1180px;
  margin: 0 auto 54px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 26px;
}

.llpc9f2-panel {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 30px 28px;
  box-shadow: var(--shadow-card);
}

.llpc9f2-panel h4 {
  font-family: var(--bk-font-display);
  font-size: 19px;
  margin: 0 0 12px;
  color: var(--navy-950);
}

.llpc9f2-panel p {
  font-size: 14.5px;
  color: var(--ink-600);
  margin: 0 0 14px;
}

.llpc9f2-bullets {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

.llpc9f2-bullets li {
  position: relative;
  padding-left: 26px;
  font-size: 14.5px;
  color: var(--ink-900);
}

.llpc9f2-bullets li::before {
  content: "›";
  position: absolute;
  left: 0;
  top: -1px;
  color: #0674ea;
  font-weight: 700;
  font-size: 18px;
}

/* affidavit clauses */
.llpc9f2-affidavit {
  max-width: 1180px;
  margin: 0 auto 54px;
  background: var(--navy-950);
  border-radius: var(--radius-lg);
  padding: 38px 40px;
  color: #EFE9DA;
  box-shadow: var(--shadow-soft);
}

.llpc9f2-affidavit-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 22px;
}

.llpc9f2-affidavit-head .llpc9f2-kicker {
  color: var(--gold-300);
  margin: 0;
}

.llpc9f2-affidavit-head h4 {
  font-family: var(--bk-font-display);
  font-size: 22px;
  margin: 0;
  font-weight: 600;
}

.llpc9f2-clause-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.llpc9f2-clause {
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(228, 195, 116, 0.22);
  border-radius: 12px;
  padding: 18px 18px 16px;
  transition: background .3s var(--ease), border-color .3s var(--ease), transform .3s var(--ease);
}

.llpc9f2-clause:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: #8abce5;
  transform: translateY(-3px);
}

.llpc9f2-clause .llpc9f2-clause-num {
  font-family: var(--bk-font-display);
  font-size: 26px;
  color: #96c8ff;
  font-weight: 600;
  line-height: 1;
  display: block;
  margin-bottom: 8px;
}

.llpc9f2-clause p {
  margin: 0;
  font-size: 13.8px;
  color: #D6DCE8;
  line-height: 1.55;
}

/* stepper */
.llpc9f2-stepper {
  max-width: 1180px;
  margin: 0 auto;
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}

.llpc9f2-stepper::before {
  content: "";
  position: absolute;
  top: 34px;
  left: 8%;
  right: 8%;
  height: 2px;
  background: repeating-linear-gradient(90deg, #418ada 0 10px, transparent 10px 18px);
  z-index: 0;
}

.llpc9f2-step {
  position: relative;
  background: var(--paper);
  border: 1px solid #0674ea82;
  border-radius: var(--radius-lg);
  padding: 26px 22px;
  box-shadow: var(--shadow-card);
  transition: transform .4s var(--ease), box-shadow .4s var(--ease);
}

.llpc9f2-step:hover {
  transform: translateY(-6px);
  box-shadow: 0 24px 46px -22px rgba(10, 31, 59, 0.3);
}

.llpc9f2-step-num {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #145dac;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--bk-font-display);
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 16px;
  position: relative;
  z-index: 1;
  box-shadow: 0 0 0 6px var(--cream-50);
}

.llpc9f2-step h5 {
  font-family: var(--bk-font-display);
  font-size: 17.5px;
  margin: 0 0 8px;
  color: var(--navy-950);
}

.llpc9f2-step p {
  font-size: 13.8px;
  color: var(--ink-600);
  margin: 0;
}

/* ---------- other compliances ---------- */
.llpc9f2-other-grid {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.llpc9f2-other-card {
  background: var(--paper);
  border: 1px solid #0674eab0;
  border-radius: var(--radius-md);
  padding: 24px 22px;
  box-shadow: var(--shadow-card);
  transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.llpc9f2-other-card:hover {
  transform: translateY(-6px) scale(1.012);
  box-shadow: 0 22px 44px -22px rgba(10, 31, 59, 0.3);
  border-color: #0675e4;
}

.llpc9f2-other-card h5 {
  font-family: var(--bk-font-display);
  font-size: 18px;
  margin: 0;
  color: var(--navy-950);
}

.llpc9f2-other-card p {
  font-size: 13.8px;
  color: var(--ink-600);
  margin: 0;
  flex: 1;
}

.llpc9f2-formtag {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  gap: 8px;
  font-family: var(--bk-font-display);
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  background: #0474e7;
  border: 1px solid #0474e7;
  padding: 6px 12px;
  border-radius: 999px;
}

.llpc9f2-formtag .llpc9f2-days {
  color: #ffffffb0;
}

/* ---------- responsive ---------- */
@media (max-width:980px) {
  .llpc9f2-hero-inner {
    grid-template-columns: 1fr;
    text-align: left;
  }

  .llpc9f2-seal-wrap {
    order: -1;
    margin-bottom: 10px;
  }

  .llpc9f2-seal {
    width: 150px;
  }

  .llpc9f2-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .llpc9f2-other-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .llpc9f2-two-col {
    grid-template-columns: 1fr;
  }

  .llpc9f2-closure-hero {
    grid-template-columns: 1fr;
    text-align: left;
  }

  .llpc9f2-closure-badge {
    justify-self: start;
  }

  .llpc9f2-clause-grid {
    grid-template-columns: 1fr;
  }

  .llpc9f2-stepper {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .llpc9f2-stepper::before {
    display: none;
  }
}

@media (max-width:640px) {
  .llpc9f2-hero {
    padding: 70px 18px 70px;
  }

  .llpc9f2-section {
    padding: 60px 18px;
  }

  .llpc9f2-grid,
  .llpc9f2-other-grid {
    grid-template-columns: 1fr;
  }

  .llpc9f2-fine-block {
    grid-template-columns: 1fr 1fr;
  }

  .llpc9f2-affidavit {
    padding: 28px 22px;
  }
}

/*=========company act css start============*/
@media (prefers-reduced-motion: reduce) {
  .coa71x-doc * {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
  }
}

/* ---------- reveal-on-scroll ---------- */
.coa71x-reveal {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity .8s var(--coa71x-ease), transform .8s var(--coa71x-ease);
}

.coa71x-reveal.coa71x-in {
  opacity: 1;
  transform: translateY(0);
}

/* ---------- section shell ---------- */
.coa71x-section {
  padding: 80px 28px;
}

.coa71x-section-head {
  margin: 0 165px;
  text-align: left;
}

.coa71x-kicker {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 12px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--coa71x-gold-600);
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}

.coa71x-kicker::before {
  content: "";
  width: 22px;
  height: 1px;
  background: var(--coa71x-gold-500);
}

.coa71x-section-head h2 {
  font-weight: 700;
  color: var(--ebpr-navy);
  line-height: 1.2;
  margin-bottom: 14px;
}

.coa71x-section-head p {
  color: var(--coa71x-ink-600);
  font-size: 15.5px;
  margin: 0px auto 20px;
}

.coa71x-hl {
  color: #135ba8;
  font-weight: 700;
  background: linear-gradient(180deg, transparent 62%, #0674ea24 62%);
  padding: 0 1px;
}

/* ================= ROADMAP TIMELINE ================= */
.coa71x-timeline {
  max-width: 920px;
  margin: 0 auto;
  position: relative;
  padding-left: 36px;
}

.coa71x-timeline::before {
  content: "";
  position: absolute;
  left: 9px;
  top: 6px;
  bottom: 6px;
  width: 2px;
  background: linear-gradient(#0873e0, #0778f1 60%, transparent);
  border-radius: 2px;
}

.coa71x-tl-item {
  position: relative;
  padding-bottom: 34px;
}

.coa71x-tl-item:last-child {
  padding-bottom: 0;
}

.coa71x-tl-dot {
  position: absolute;
  left: -36px;
  top: 6px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #135ba9;
  border: 3px solid #2182e6;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 5px var(--coa71x-cream-50);
  transition: transform .35s var(--coa71x-ease), background .35s var(--coa71x-ease);
}

.coa71x-tl-dot span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #8abaec;
}

.coa71x-tl-item:hover .coa71x-tl-dot {
  transform: scale(1.25);
  background: #70b9ff;
}

.coa71x-tl-card {
  background: var(--coa71x-paper);
  border: 1px solid #0e70d894;
  border-radius: var(--coa71x-radius-md);
  padding: 20px 22px;
  box-shadow: var(--coa71x-shadow-card);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 16px;
  align-items: center;
  transition: transform .4s var(--coa71x-ease), box-shadow .4s var(--coa71x-ease), border-color .4s var(--coa71x-ease);
}

.coa71x-tl-item:hover .coa71x-tl-card {
  transform: translateX(6px);
  box-shadow: 0 22px 42px -22px rgba(10, 31, 59, .3);
  border-color: #1860ae;
}

.coa71x-tl-event {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: var(--coa71x-navy-950);
  line-height: 1.25;
}

.coa71x-tl-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.coa71x-tl-meta-label {
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--coa71x-ink-400);
  font-weight: 700;
}

.coa71x-tl-meta-val {
  font-size: 13px;
  color: var(--coa71x-ink-900);
  font-weight: 500;
}

.coa71x-tl-deadline {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  align-self: start;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: var(--coa71x-navy-800);
  background: var(--coa71x-gold-100);
  border: 1px solid var(--coa71x-gold-300);
  padding: 5px 11px;
  border-radius: 999px;
}

.coa71x-tl-form {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 12.5px;
  color: var(--coa71x-brick-600);
  font-weight: 600;
}

/* ================= ANNUAL COMPLIANCE CARDS ================= */
.coa71x-rule-grid {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.coa71x-rule-card {
  position: relative;
  background: var(--coa71x-paper);
  border: 1px solid #a3c9f1;
  border-radius: var(--coa71x-radius-lg);
  padding: 26px 22px 22px;
  box-shadow: var(--coa71x-shadow-card);
  overflow: hidden;
  transition: transform .45s var(--coa71x-ease), box-shadow .45s var(--coa71x-ease), border-color .45s var(--coa71x-ease);
}

.coa71x-rule-card::before {
  content: "";
  position: absolute;
  top: -40%;
  right: -30%;
  width: 180px;
  height: 180px;
  background: radial-gradient(circle, rgba(199, 150, 44, 0.14), transparent 70%);
  opacity: 0;
  transition: opacity .5s var(--coa71x-ease);
}

.coa71x-rule-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 26px 50px -22px rgba(10, 31, 59, .32);
  border-color: #0675e4;
}

.coa71x-rule-card:hover::before {
  opacity: 1;
}

.coa71x-rule-num {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 34px;
  font-weight: 700;
  color: #0675e7;
  -webkit-text-stroke: 1px #0972e0;
  line-height: 1;
  margin-bottom: 14px;
  display: block;
}

.coa71x-rule-card h3 {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 17.5px;
  font-weight: 600;
  margin: 0 0 10px;
  color: var(--coa71x-navy-950);
}

.coa71x-rule-card p {
  font-size: 13.8px;
  color: var(--coa71x-ink-600);
  margin: 0;
}

/* ================= NEED BASED TRIGGER CARDS ================= */
.coa71x-trigger-grid {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.coa71x-trigger-card {
  display: flex;
  align-items: center;
  gap: 18px;
  background: var(--coa71x-paper);
  border: 1px solid var(--coa71x-line);
  border-radius: var(--coa71x-radius-md);
  padding: 20px 22px;
  box-shadow: var(--coa71x-shadow-card);
  transition: transform .4s var(--coa71x-ease), box-shadow .4s var(--coa71x-ease), border-color .4s var(--coa71x-ease);
}

.coa71x-trigger-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 22px 42px -22px rgba(10, 31, 59, .3);
  border-color: var(--coa71x-gold-300);
}

.coa71x-trigger-badge {
  flex: 0 0 auto;
  min-width: 64px;
  text-align: center;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .03em;
  background: #1e6ebe;
  color: #c2e0ff;
  padding: 10px 8px;
  border-radius: 10px;
  line-height: 1.3;
}

.coa71x-trigger-card p {
  margin: 0;
  font-size: 14px;
  color: var(--coa71x-ink-900);
  line-height: 1.55;
}

/* ================= OTHER COMPLIANCE PANELS ================= */
.coa71x-panel-stack {
  max-width: 980px;
  margin: 0 auto;
  display: grid;
  gap: 20px;
}

.coa71x-panel {
  background: var(--coa71x-paper);
  border: 1px solid #0675e6;
  border-radius: var(--coa71x-radius-lg);
  padding: 26px 28px;
  box-shadow: var(--coa71x-shadow-card);
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 20px;
  align-items: flex-start;
  transition: transform .4s var(--coa71x-ease), box-shadow .4s var(--coa71x-ease), border-color .4s var(--coa71x-ease);
}

.coa71x-panel:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 46px -22px rgba(10, 31, 59, .3);
  border-color: #0576ed;
}

.coa71x-panel-num {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #145dac;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 700;
  font-size: 18px;
}

.coa71x-panel h4 {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 19px;
  font-weight: 600;
  margin: 0 0 14px;
  color: var(--coa71x-navy-950);
}

.coa71x-panel-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

.coa71x-panel-list li {
  position: relative;
  padding-left: 22px;
  font-size: 14.3px;
  color: var(--coa71x-ink-900);
  line-height: 1.6;
}

.coa71x-panel-list li::before {
  content: "›";
  position: absolute;
  left: 0;
  top: -2px;
  color: #145dac;
  font-weight: 700;
  font-size: 18px;
}

/* ---------- responsive ---------- */
@media (max-width:980px) {
  .coa71x-rule-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .coa71x-trigger-grid {
    grid-template-columns: 1fr;
  }

  .coa71x-tl-card {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

@media (max-width:640px) {
  .coa71x-section {
    padding: 56px 18px;
  }

  .coa71x-rule-grid {
    grid-template-columns: 1fr;
  }

  .coa71x-timeline {
    padding-left: 28px;
  }

  .coa71x-tl-dot {
    left: -28px;
  }

  .coa71x-panel {
    grid-template-columns: 1fr;
  }

  .coa71x-panel-num {
    margin-bottom: 4px;
  }
}

.coa71x-tl-card .com-txt {
  color: #1f5daf;
}

.three-txt {
  font-size: 18px;
  font-weight: 600;
  color: #0d2044;
}

/*=======gst record css start===========*/
.gst-arc-root a {
  color: var(--gst-arc-accent-dark);
}

.gst-arc-wrap {
  max-width: 920px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ---------- Section shell ---------- */
.gst-arc-section {
  padding: 52px 0;
}

.gst-arc-section+.gst-arc-section {
  border-top: 1px solid #e6edf5;
}

.gst-arc-section-head {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #1664b2;
  color: #fff;
  padding: 18px 26px;
  border-radius: var(--gst-arc-radius);
  box-shadow: var(--gst-arc-shadow);
  margin-bottom: 28px;
}

.gst-arc-section-head .gst-arc-icon {
  font-size: 24px;
}

.gst-arc-section-head h2 {
  color: #fff;
  font-size: clamp(19px, 3vw, 24px);
  font-weight: 700;
}

.gst-arc-sub-head {
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 3px solid var(--gst-arc-accent);
  padding-bottom: 10px;
  margin: 8px 0 18px;
}

.gst-arc-sub-head .gst-arc-icon {
  font-size: 22px;
}

.gst-arc-sub-head h3 {
  color: var(--gst-arc-navy);
  font-size: 20px;
  font-weight: 700;
}

.gst-arc-lead {
  font-size: 16.5px;
  color: var(--gst-arc-text);
  margin-bottom: 22px;
}

.gst-arc-lead b {
  color: var(--gst-arc-navy);
}

/* ---------- Record grid ---------- */
.gst-arc-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-bottom: 24px;
}

.gst-arc-card {
  background: var(--gst-arc-sky);
  border: 1px solid var(--gst-arc-border);
  border-radius: var(--gst-arc-radius);
  padding: 20px 22px;
  display: flex;
  align-items: center;
  gap: 14px;
  transition: transform .18s ease, box-shadow .18s ease;
}

.gst-arc-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--gst-arc-shadow);
}

.gst-arc-card .gst-arc-emoji {
  font-size: 28px;
  flex-shrink: 0;
}

.gst-arc-card .gst-arc-label {
  font-weight: 600;
  color: var(--gst-arc-navy);
  font-size: 15px;
}

/* ---------- Callouts ---------- */
.gst-arc-callout {
  display: flex;
  border-radius: var(--gst-arc-radius);
  overflow: hidden;
  box-shadow: var(--gst-arc-shadow);
}

.gst-arc-callout .gst-arc-bar {
  width: 6px;
  background: #0674e1;
  flex-shrink: 0;
}

.gst-arc-callout.gst-arc-navy-bar .gst-arc-bar {
  background: var(--gst-arc-navy);
}

.gst-arc-callout .gst-arc-body {
  background: #d6eaff;
  padding: 18px 22px;
  font-size: 15px;
  color: var(--gst-arc-text);
  font-style: italic;
}

.gst-arc-callout.gst-arc-plain .gst-arc-body {
  background: var(--gst-arc-sky);
  font-style: normal;
}

/* ---------- Info card (retention rules) ---------- */
.gst-arc-info-card {
  display: flex;
  border-radius: var(--gst-arc-radius);
  overflow: hidden;
  box-shadow: var(--gst-arc-shadow);
  background: #fff;
  border: 1px solid var(--gst-arc-border);
  margin-bottom: 18px;
}

.gst-arc-info-card .gst-arc-bar {
  width: 6px;
  background: var(--gst-arc-navy);
  flex-shrink: 0;
}

.gst-arc-info-card .gst-arc-body {
  padding: 22px 24px;
  font-size: 15.5px;
}

.gst-arc-info-card .gst-arc-body b.gst-arc-highlight {
  color: var(--gst-arc-accent-dark);
}

.gst-arc-stat-chip {
  background: var(--gst-arc-navy);
  color: var(--gst-arc-accent);
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  padding: 14px 22px;
  border-radius: var(--gst-arc-radius);
  margin-bottom: 18px;
  font-size: 15.5px;
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: var(--gst-arc-shadow);
}

/* ---------- Numbered consequence cards ---------- */
.gst-arc-num-card {
  display: flex;
  border-radius: var(--gst-arc-radius);
  overflow: hidden;
  box-shadow: var(--gst-arc-shadow);
  margin-bottom: 16px;
}

.gst-arc-num-card .gst-arc-num {
  background: var(--gst-arc-accent);
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 26px;
  min-width: 74px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.gst-arc-num-card .gst-arc-content {
  background: var(--gst-arc-sky);
  border: 1px solid var(--gst-arc-border);
  border-left: none;
  padding: 18px 22px;
  flex: 1;
}

.gst-arc-num-card .gst-arc-content h4 {
  font-size: 16.5px;
  margin-bottom: 6px;
  color: var(--gst-arc-navy);
}

.gst-arc-num-card .gst-arc-content p {
  margin: 0;
  font-size: 15px;
  color: var(--gst-arc-text);
}

/* ---------- CTA panel ---------- */
.gst-arc-cta-panel {
  background: var(--gst-arc-navy-dark);
  color: #e7eef6;
  padding: 30px 28px;
  border-radius: var(--gst-arc-radius);
  box-shadow: var(--gst-arc-shadow);
}

.gst-arc-cta-panel h3 {
  color: var(--gst-arc-accent);
  font-size: 20px;
  margin-bottom: 14px;
}

.gst-arc-cta-panel p {
  margin: 0;
  font-size: 15.5px;
}

.gst-arc-cta-panel a {
  color: var(--gst-arc-accent);
  font-weight: 700;
  text-decoration: underline;
}

.gst-arc-cta-panel b {
  color: #fff;
}

.gst-arc-footer {
  text-align: center;
  padding: 28px 0 40px;
  color: var(--gst-arc-text-soft);
  font-size: 13px;
}

/* ---------- Responsive ---------- */
@media (max-width: 680px) {
  .gst-arc-grid {
    grid-template-columns: 1fr;
  }

  .gst-arc-hero {
    padding: 44px 0 40px;
  }

  .gst-arc-section {
    padding: 36px 0;
  }

  .gst-arc-section-head {
    padding: 14px 18px;
  }

  .gst-arc-num-card {
    flex-direction: column;
  }

  .gst-arc-num-card .gst-arc-num {
    width: 100%;
    padding: 10px 0;
  }

  .gst-arc-info-card,
  .gst-arc-callout {
    flex-direction: row;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gst-arc-card {
    transition: none;
  }
}

h3 {
  font-size: 21px;
  font-weight: 700;
  color: var(--b900);
  margin-bottom: 13px;
}

/*============about css start===============*/
.etb-about-section {
  position: relative;
  overflow: hidden;
  padding: 85px 0;
  background: #fff;
  font-family: "Poppins", sans-serif;
}

.etb-about-section::before {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  background: rgba(23, 75, 143, 0.045);
  border-radius: 50%;
  top: -160px;
  left: -160px;
  pointer-events: none;
}

.etb-container {
  width: 92%;
  max-width: 1180px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

/* =========================
       SECTION HEADING
    ========================= */

.etb-section-heading {
  max-width: 760px;
  margin: 0 auto 55px;
  text-align: center;
}

.etb-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--etb-primary);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 13px;
}

.etb-eyebrow::before,
.etb-eyebrow::after {
  content: "";
  width: 25px;
  height: 1.5px;
  background: var(--etb-accent);
}

.etb-section-heading h2 {
  margin: 0 0 16px;
  color: var(--etb-heading);
  font-size: 38px;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: -0.5px;
}

.etb-section-heading h2 span {
  color: var(--etb-primary);
}

.etb-section-heading p {
  margin: 0 auto;
  max-width: 690px;
  color: var(--etb-text);
  font-size: 15px;
  line-height: 1.85;
}

/* =========================
       WHY CHOOSE CARDS
    ========================= */

.etb-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-bottom: 70px;
}

.etb-feature-card {
  position: relative;
  background: var(--etb-white);
  border: 1px solid var(--etb-border);
  border-radius: 14px;
  padding: 30px 27px;
  min-height: 225px;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(25, 54, 91, 0.035);
  transition: all 0.35s ease;
}

.etb-feature-card::after {
  content: "";
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(200, 155, 60, 0.07);
  right: -30px;
  bottom: -30px;
  transition: all 0.35s ease;
}

.etb-feature-card:hover {
  transform: translateY(-7px);
  border-color: rgba(23, 75, 143, 0.20);
  box-shadow: var(--etb-shadow);
}

.etb-feature-card:hover::after {
  width: 115px;
  height: 115px;
}

.etb-icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  border-radius: 12px;
  background: linear-gradient(135deg,
      rgba(23, 75, 143, 0.10),
      rgba(200, 155, 60, 0.10));
  color: var(--etb-primary);
  font-size: 21px;
  font-weight: 700;
  transition: all 0.3s ease;
}

.etb-feature-card:hover .etb-icon {
  background: var(--etb-primary);
  color: #fff;
  transform: scale(1.06);
}

.etb-feature-card h3 {
  margin: 0 0 10px;
  color: var(--etb-heading);
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
}

.etb-feature-card p {
  margin: 0;
  color: var(--etb-text);
  font-size: 13.5px;
  line-height: 1.8;
}

/* =========================
       INFORMATION BLOCKS
    ========================= */

.etb-info-grid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 28px;
  margin-bottom: 30px;
}

.etb-info-card {
  position: relative;
  background: var(--etb-bg);
  border: 1px solid var(--etb-border);
  border-radius: 18px;
  padding: 38px;
  overflow: hidden;
}

.etb-info-card::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 65px;
  left: 0;
  top: 40px;
  border-radius: 0 5px 5px 0;
  background: linear-gradient(to bottom, var(--etb-primary), #0675e6)
}

.etb-info-card h3 {
  margin: 0 0 17px;
  padding-left: 3px;
  color: var(--etb-heading);
  font-size: 22px;
  line-height: 1.35;
  font-weight: 600;
}

.etb-info-card h3 span {
  color: var(--etb-primary);
}

.etb-info-card p {
  margin: 0;
  color: var(--etb-text);
  font-size: 14px;
  line-height: 1.9;
}

/* =========================
       VISION CARD
    ========================= */

.etb-vision {
  position: relative;
  margin-top: 30px;
  padding: 42px 45px;
  border-radius: 18px;
  background: linear-gradient(135deg,
      #123d72 0%,
      #174b8f 65%,
      #1c5a9e 100%);
  overflow: hidden;
  box-shadow: 0 15px 40px rgba(23, 75, 143, 0.15);
}

.etb-vision::before {
  content: "";
  position: absolute;
  width: 260px;
  height: 260px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  right: -80px;
  top: -110px;
}

.etb-vision::after {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  border: 1px solid rgba(200, 155, 60, 0.25);
  border-radius: 50%;
  right: 80px;
  bottom: -90px;
}

.etb-vision-content {
  position: relative;
  z-index: 2;
  max-width: 900px;
}

.etb-vision-label {
  display: inline-block;
  margin-bottom: 13px;
  color: #98c5f3;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.8px;
}

.etb-vision h3 {
  margin: 0 0 16px;
  color: #fff;
  font-size: 26px;
  font-weight: 600;
}

.etb-vision p {
  margin: 0 0 13px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 14px;
  line-height: 1.9;
}

.etb-tagline {
  display: inline-block;
  margin-top: 10px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.2px;
}

.etb-tagline::before {
  content: "✦";
  margin-right: 9px;
  color: #e4c77f;
}

/* =========================
       DISCLAIMER
    ========================= */

.etb-disclaimer {
  position: relative;
  margin-top: 30px;
  padding: 30px 35px;
  border: 1px solid #eadfca;
  border-radius: 15px;
  background: linear-gradient(135deg,
      #fffdf8,
      #fffaf0);
  display: flex;
  align-items: flex-start;
  gap: 22px;
}

.etb-disclaimer-icon {
  flex: 0 0 47px;
  width: 47px;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #98c5f369;
  color: #0674ea;
  font-size: 21px;
  font-weight: 700;
}

.etb-disclaimer-content h2 {
  margin: 0 0 9px;
  color: var(--etb-heading);
  font-size: 21px;
  font-weight: 600;
}

.etb-disclaimer-content p {
  margin: 0;
  color: #626b77;
  font-size: 13.5px;
  line-height: 1.85;
}

/* =========================
       RESPONSIVE
    ========================= */

@media (max-width: 991px) {

  .etb-about-section {
    padding: 65px 0;
  }

  .etb-section-heading h2 {
    font-size: 32px;
  }

  .etb-feature-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .etb-info-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {

  .etb-about-section {
    padding: 52px 0;
  }

  .etb-container {
    width: 90%;
  }

  .etb-section-heading {
    margin-bottom: 35px;
  }

  .etb-section-heading h2 {
    font-size: 27px;
    line-height: 1.35;
  }

  .etb-section-heading p {
    font-size: 13.5px;
    line-height: 1.75;
  }

  .etb-feature-grid {
    grid-template-columns: 1fr;
    gap: 15px;
    margin-bottom: 45px;
  }

  .etb-feature-card {
    min-height: auto;
    padding: 25px 22px;
  }

  .etb-feature-card h3 {
    font-size: 17px;
  }

  .etb-feature-card p {
    font-size: 13px;
  }

  .etb-info-card {
    padding: 28px 24px;
  }

  .etb-info-card h3 {
    font-size: 20px;
  }

  .etb-info-card p {
    font-size: 13.5px;
  }

  .etb-vision {
    padding: 32px 25px;
  }

  .etb-vision h3 {
    font-size: 22px;
  }

  .etb-vision p {
    font-size: 13.5px;
  }

  .etb-disclaimer {
    padding: 25px 20px;
    gap: 15px;
  }

  .etb-disclaimer-icon {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    font-size: 18px;
  }

  .etb-disclaimer-content h2 {
    font-size: 19px;
  }

  .etb-disclaimer-content p {
    font-size: 12.8px;
  }
}

@media (max-width: 480px) {

  .etb-section-heading h2 {
    font-size: 24px;
  }

  .etb-eyebrow {
    font-size: 11px;
  }

  .etb-feature-card {
    padding: 22px 19px;
  }

  .etb-icon {
    width: 43px;
    height: 43px;
    margin-bottom: 16px;
  }

  .etb-info-card {
    padding: 25px 20px;
  }

  .etb-vision {
    padding: 28px 20px;
  }

  .etb-disclaimer {
    display: block;
  }

  .etb-disclaimer-icon {
    margin-bottom: 15px;
  }
}
.bd-content table{min-width:unset !important;}