: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);
}
*,*::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}

/* ─── 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}

/* ─── 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: 85px;
    width: auto;
    border-radius: 7px;}
.nav-list{display:flex;align-items:center;gap:2px;list-style:none;margin-left: 11px;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:13.5px;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 20px;font-size:13px;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}

/* 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:12.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:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:24px;
  padding:36px 32px;
  backdrop-filter:blur(16px)}
.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-family:'Playfair Display',serif;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-family:'Playfair Display',serif;font-size:23px;font-style:italic;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:14.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:13px;font-weight:600;color:var(--text);line-height:1.4}

/* ─── 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-family:'Playfair Display',serif;font-size:21px;font-weight:700;color:var(--b900);margin-bottom:13px}
.sv-card p{font-size:13.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,var(--b300),var(--white));display:flex;align-items:center;justify-content:center;margin:0 auto 22px;font-family:'Playfair Display',serif;font-size:30px;font-weight:800;color:var(--b900);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:12.5px;line-height:1.65}

/* ─── WHY US ─── */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}
.why-card{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: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 h4{font-size:16px;font-weight:700;color:var(--b800);margin-bottom:10px}
.why-card p{font-size:13px;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:13px;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:rgba(255,255,255,.55);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{font-size:.92rem;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:.82rem;font-weight:700;color:#fff;letter-spacing:.05em;text-transform:uppercase;}
.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{font-size:.83rem;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;font-size:.88rem;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{font-size:.82rem;color:var(--muted);line-height:1.65;}
.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:#cce4ff;}
.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{font-size:.9rem;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{font-size:.9rem;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:.82rem;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: 2px;
    border-radius: 6px;height: 57px;
    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-size:clamp(2.1rem,4.4vw,3.3rem);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:32px;}
.pp-lbl{padding:10px 16px;font-size:.76rem;color:rgba(255,255,255,.6);border-right:1px solid rgba(255,255,255,.14);display:flex;align-items:center;}
.pp-amt{padding:10px 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:.79rem;color:rgba(255,255,255,.88);font-weight:500;line-height:1.4;}

/* 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-size:clamp(1.45rem,2.5vw,2.05rem);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:.92rem;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:1.55rem;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{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;}
.why-card::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:hover{transform:translateY(-5px);box-shadow:var(--sh2);border-color:var(--b5);}
.why-card: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;}
.wc-img img{width:100%;height:100%;object-fit:cover;display:block;}
.why-card h3{font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:9px;}
.why-card p{font-size:.82rem;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: rgba(255, 255, 255, .14);
    color: #cce4ff;
}
.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:#90caf9;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-size:clamp(1.5rem,3vw,2.2rem);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-family: 'Playfair Display', serif;
  font-size: clamp(28px, 4vw, 42px);
  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;
}

.ebpr-title-line {
  width: 50px;
  height: 4px;
  background: linear-gradient(90deg, var(--ebpr-orange), var(--ebpr-gold));
  border-radius: 2px;
  margin: 18px 0 24px;
}

/* === 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: 16px;
  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;
}

.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-family: 'Playfair Display', serif;
  font-size: 18px;
  font-weight: 700;
  color: var(--ebpr-navy);
  margin-bottom: 10px;
}

.ebpr-why-desc {
  font-size: 14px;
  color: var(--ebpr-muted);
  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-family: 'Playfair Display', serif;
  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: 14px;
  color: var(--ebpr-muted);
  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-family: 'Playfair Display', serif;
  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-family: 'Cormorant Garamond', serif;
  font-size: clamp(38px, 5.5vw, 62px);
  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: 500px;
  margin-bottom: 32px;
  line-height: 1.75;
}

/* 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: 16px;
  color: var(--plc-muted);
  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: 14px; 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-family: 'Cormorant Garamond', serif;
  font-size: 20px;
  font-weight: 700;
  color: var(--plc-blue-deep);
  margin-bottom: 4px;
}
.plc-type-sub { font-size: 13.5px; color: var(--plc-muted); line-height: 1.6; }

/* ──────────────────────────────────────────
   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-family: 'Cormorant Garamond', serif;
  font-size: 20px;
  font-weight: 700;
  color: var(--plc-blue-deep);
  margin-bottom: 10px;
}
.plc-why-desc { font-size: 14px; color: var(--plc-muted); 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); padding: 35px 0; }
.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-family: 'Cormorant Garamond', serif;
  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: 14.5px; color: #4a5a7a; 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: 13.5px;
  color: #4a5a7a;
}
.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; }
.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-family: 'Playfair Display', serif;
  font-size: clamp(36px, 5vw, 60px);
  font-weight: 800;
  color: #fff;
  line-height: 1.1;
  margin-bottom: 6px;
}
.prc-hero-h1 em { font-style: italic; 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-family: 'Playfair Display', serif;
  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-family: 'Playfair Display', serif;
  font-size: clamp(28px, 3.8vw, 44px);
  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; color: var(--prc-sub); 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: 13.5px; color: #374151; 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-family: 'Playfair Display', serif;
  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;
}
.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: 13.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: var(--prc-bg);
  border: 1px solid var(--prc-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-family: 'Playfair Display', serif;
  font-size: 16px; font-weight: 700;
  color: var(--prc-b1); margin-bottom: 8px;
}
.prc-ag-desc { font-size: 13.5px; color: var(--prc-sub); 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-family: 'Playfair Display', serif;
  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: 14px; color: var(--prc-sub); line-height: 1.75; }
.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: 13.5px; color: var(--prc-sub);
}
.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 { color: var(--text-mid); 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 { color: var(--text-mid); 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 { 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-family: 'Lexend', sans-serif;
    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;
  }
  .penalty-box strong { font-family: 'Lexend', sans-serif; }

  /* ─── 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 {
      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-family:'Libre Baskerville',serif;
  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-family:'Libre Baskerville',serif;
  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-family:'Libre Baskerville',serif;
  font-size:clamp(28px,4.5vw,46px);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:12px;font-weight:600;color:var(--b800);
  white-space:nowrap;
}

/* 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:nowrap;
}
.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-family:'Libre Baskerville',serif;
  font-size:clamp(26px,4.5vw,46px);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(4, 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-family: 'Fraunces', serif;
  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-family: 'Fraunces', serif;
  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-family: 'DM Serif Display', serif; 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-family: 'DM Serif Display', serif; 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-family: 'DM Serif Display', serif; 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-family: 'DM Serif Display', serif; 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-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(28px, 4vw, 44px);
    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-family: 'Playfair Display', serif;
    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-family:'Playfair Display',serif;
  font-size:clamp(30px,5vw,50px);
  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-family:'Playfair Display',serif;
  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);font-family:'Playfair Display',serif;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-family:'Playfair Display',serif;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-family:'Playfair Display',serif;
  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-family:'Playfair Display',serif;
  font-size:clamp(24px,4vw,38px);
  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-family: 'Playfair Display', serif;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-family:'Playfair Display',serif;
  font-size:clamp(26px,4.5vw,42px);
  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-family:'Playfair Display',serif;
  font-size:clamp(15px,2vw,18px);
  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-family:'Playfair Display',serif;
  font-size:clamp(28px,4.5vw,48px);
  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-family:'Playfair Display',serif;
  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;color:var(--g500);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-family:'Playfair Display',serif;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-family:'Playfair Display',serif;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; font-family: 'Georgia', serif; }
  .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; font-family: 'Georgia', serif; }
  .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: 28px; font-weight: 700; color: #12243C; margin: 0 0 0.75rem; letter-spacing: -0.3px; }
  .why-subtitle { font-size: 14px; 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(4, 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%;}