@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;
}

*,
*::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;
    position: relative;
    left: 130px;
}
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: 0;
      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;}