/* ============================================================
   Shivam Cartons Pvt. Ltd. — Shared Stylesheet
   File: assets/css/style.css
   ============================================================ */

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Poppins',sans-serif;color:#333;background:#fff;overflow-x:hidden;}

:root{
  --red:#F07820;
  --red2:#C85E0A;
  --red3:#A04806;
  --red-light:#FEF0E4;
  --red-pale:#FFFAF6;
  --gray:#f7f7f7;
  --border:#e5e5e5;
  --text:#444;
  --dark:#1a1a1a;
  --white:#fff;
}

/* ── NAV ── */
header{background:#fff;box-shadow:0 2px 14px rgba(240,120,32,.1);position:sticky;top:0;z-index:200;}
.navi{max-width:1200px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:70px;}
.logo-w{display:flex;align-items:center;gap:11px;text-decoration:none;}
.logo-b{width:44px;height:44px;display:flex;align-items:center;justify-content:center;}
.logo-b img{width:40px;object-fit:contain;}
.logo-t .l1{font-size:1.10rem;font-weight:600;color:var(--red);line-height:1.1;}
.logo-t .l2{font-size:.6rem;color:#888;letter-spacing:1.2px;text-transform:uppercase;}
.header-logo{height:48px;width:auto;object-fit:contain;display:block;}
.nl{display:flex;list-style:none;gap:2px;align-items:center;}
.nl>li{position:relative;}
.nl>li>a{display:block;padding:10px 14px;color:#333;font-size:.86rem;font-weight:500;text-decoration:none;border-radius:6px;transition:.2s;white-space:nowrap;}
.nl>li>a:hover,.nl>li>a.act{color:var(--red);font-weight:600;}
.ncta{background:var(--red)!important;color:#fff!important;border-radius:6px!important;padding:10px 18px!important;}
.ncta:hover{background:var(--red2)!important;color:#fff!important;}.dd{display:none;position:absolute;top:calc(100%+4px);left:0;background:#fff;border-radius:10px;box-shadow:0 8px 32px rgba(240,120,32,.12);min-width:210px;overflow:hidden;z-index:300;border-top:3px solid var(--red);}
.dd a{display:flex;align-items:center;gap:8px;padding:11px 18px;color:#444;font-size:.83rem;font-weight:500;text-decoration:none;transition:.15s;border-bottom:1px solid #f5f5f5;}
.dd a:last-child{border-bottom:none;}
.dd a:hover{background:var(--red-light);color:var(--red);}
.dd a i{font-size:.62rem;color:var(--red);}
.nl>li:hover .dd{display:block;}
.hburg{display:none;background:none;border:none;font-size:1.5rem;color:var(--red);cursor:pointer;}

/* ── HERO ── */
.hero{position:relative;height:100vh;min-height:560px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;}
.hero-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;transition:opacity 1.2s ease;}
.hero-vid.active{opacity:1;}
.hero-fallback{position:absolute;inset:0;z-index:0;background:linear-gradient(135deg,#5A2A00,#A04806 35%,#C85E0A 70%,#F07820);}
.hero-ov{position:absolute;inset:0;z-index:2;background:rgba(40,20,5,.4);}
.hero-c{position:relative;z-index:3;max-width:820px;padding:0 24px;}
.hero-c h1{font-size:clamp(2rem,5vw,3.8rem);font-weight:800;color:#fff;line-height:1.12;margin-bottom:18px;text-shadow:0 2px 20px rgba(0,0,0,.2);}
.hero-c h1 em{font-style:normal;color:#FFD9A8;}
.hero-c p{color:rgba(255,255,255,.88);font-size:1rem;margin-bottom:34px;line-height:1.75;}
.scroll-d{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:2;color:rgba(255,255,255,.65);font-size:.72rem;letter-spacing:2px;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:5px;}
.scroll-d i{animation:sdb 1.5s ease-in-out infinite;}
@keyframes sdb{0%,100%{transform:translateY(0);}50%{transform:translateY(7px);}}
/* slider */
.hero-slider{position:absolute;inset:0;z-index:0;}
.hslide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease;will-change:opacity;}
.hslide.active{opacity:1;}
.hs-prev,.hs-next{position:absolute;top:50%;transform:translateY(-50%);z-index:3;background:rgba(0,0,0,.35);border:none;color:#fff;font-size:1.1rem;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;}
.hs-prev{left:18px;}
.hs-next{right:18px;}
.hs-prev:hover,.hs-next:hover{background:rgba(240,120,32,.75);}
.hs-dots{position:absolute;bottom:54px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:8px;}
.hs-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer;transition:background .25s,transform .25s;}
.hs-dot.active{background:#fff;transform:scale(1.25);}

/* ── BUTTONS ── */
.btn-red{display:inline-block;background:var(--red);color:#fff;padding:13px 28px;border-radius:6px;font-weight:600;font-size:.88rem;text-decoration:none;letter-spacing:.4px;transition:.2s;}
.btn-red:hover{background:var(--red2);transform:translateY(-2px);}
.btn-outline{display:inline-block;border:2px solid var(--red);color:var(--red);padding:12px 24px;border-radius:6px;font-weight:600;font-size:.88rem;text-decoration:none;margin-left:10px;transition:.2s;}
.btn-outline:hover{background:var(--red-light);}
.btn-white{display:inline-block;background:#fff;color:var(--red);padding:14px 38px;border-radius:6px;font-weight:600;font-size:.95rem;text-decoration:none;letter-spacing:.5px;transition:.2s;}
.btn-white:hover{background:var(--red-light);transform:translateY(-2px);}
.btn-white2{display:inline-block;border:2px solid rgba(255,255,255,.7);color:#fff;padding:13px 30px;border-radius:6px;font-weight:600;font-size:.95rem;text-decoration:none;margin-left:12px;transition:.2s;}
.btn-white2:hover{background:rgba(255,255,255,.1);}

/* ── STATS ── */
.stats{background:var(--red);padding:22px 24px;}
.stats-i{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);text-align:center;}
.st{padding:10px 0;border-right:1px solid rgba(255,255,255,.22);display:flex;flex-direction:column;align-items:center;justify-content:center;}
.st:last-child{border-right:none;}
.st .n{font-size:2rem;font-weight:800;color:#fff;}
.st .l{font-size:.73rem;color:rgba(255,255,255,.85);margin-top:3px;text-transform:uppercase;letter-spacing:.5px;}

/* ── SECTIONS ── */
section{padding:78px 24px;}
.si{max-width:1200px;margin:auto;}
.tag{display:inline-block;background:var(--red-light);color:var(--red);font-size:.71rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:5px 14px;border-radius:30px;margin-bottom:12px;}
.tag-normal{display:inline-block;background:var(--red-light);color:var(--red);font-size:.71rem;font-weight:700;letter-spacing:2px;padding:5px 14px;border-radius:30px;margin-bottom:12px;}
.sh{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;color:var(--dark);margin-bottom:10px;line-height:1.2;}
.ss{color:#666;font-size:.93rem;line-height:1.78;max-width:620px;}
.div{width:46px;height:4px;background:var(--red);border-radius:2px;margin:12px 0 28px;}
.cx{text-align:center;}
.div.mx{margin-left:auto;margin-right:auto;}
.ss.mx{margin:0 auto;}

/* ── ABOUT GRID ── */
.ag{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.ai{position:relative;}
.aibox{border-radius:14px;background:linear-gradient(135deg,var(--red-light),#ffd0d0);height:420px;position:relative;overflow:hidden;}
.aibox img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.exp-b{position:absolute;bottom:-16px;right:-16px;width:106px;height:106px;background:var(--red);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-weight:800;box-shadow:0 4px 22px rgba(240,120,32,.4);}
.exp-b .n{font-size:1.8rem;line-height:1;}
.exp-b .t{font-size:.58rem;text-align:center;line-height:1.3;margin-top:3px;}
.apt{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0;}
.ap{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#444;font-weight:500;}
.ap i{color:var(--red);}

/* ── PRODUCTS ── */
.pbg{background:var(--gray);}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:40px;}
.pcard{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 14px rgba(240,120,32,.07);transition:.3s;border:2px solid transparent;}
.pcard:hover{transform:translateY(-7px);box-shadow:0 12px 36px rgba(240,120,32,.13);border-color:var(--red);}
.pimg{height:195px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--gray);}
.pimg img{width:100%;height:100%;object-fit:cover;transition:.4s;}
.pcard:hover .pimg img{transform:scale(1.05);}
.pbadge{position:absolute;top:12px;left:12px;background:var(--red);color:#fff;font-size:.67rem;font-weight:700;padding:3px 10px;border-radius:30px;z-index:2;}
.pinfo{padding:20px;}
.pinfo h3{font-size:.96rem;font-weight:700;color:var(--dark);margin-bottom:6px;}
.pinfo p{font-size:.81rem;color:#777;line-height:1.6;}
.props{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);}
.props span{display:flex;align-items:center;gap:6px;font-size:.78rem;color:#555;margin-bottom:4px;}
.props span i{color:var(--red);font-size:.7rem;}
.plink{display:inline-flex;align-items:center;gap:5px;color:var(--red);font-size:.8rem;font-weight:600;margin-top:10px;text-decoration:none;transition:.2s;}
.plink:hover{gap:9px;}

/* ── VIDEO ── */
.vbg{background:var(--gray);}
.vgrid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;}
.vplayer{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/9;background:var(--red-light);cursor:pointer;box-shadow:0 6px 30px rgba(240,120,32,.15);}
.vplayer video{width:100%;height:100%;object-fit:cover;display:block;}
.vplay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(240,120,32,.08);transition:.2s;}
.vplay .pb{width:68px;height:68px;background:var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;box-shadow:0 0 0 14px rgba(240,120,32,.18);transition:.2s;}
.vplayer:hover .pb{transform:scale(1.1);}
.vfeats{margin-top:22px;display:flex;flex-direction:column;gap:12px;}
.vf{display:flex;align-items:flex-start;gap:11px;}
.vf i{color:var(--red);width:17px;margin-top:2px;}
.vf span{font-size:.86rem;color:#555;line-height:1.5;}


.vplayer1{position:relative;border-radius:14px;overflow:hidden;background:var(--red-light);cursor:pointer;box-shadow:0 6px 30px rgba(240,120,32,.15);}
.vplayer1:hover .pb{transform:scale(1.1);}
/* ── WHY US ── */
.wgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px;}
.wcard{padding:28px 22px;border:2px solid var(--border);border-radius:14px;transition:.3s;background:#fff;position:relative;overflow:hidden;}
.wcard::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:var(--red);transition:.3s;}
.wcard:hover{border-color:var(--red);box-shadow:0 8px 26px rgba(240,120,32,.09);}
.wcard:hover::before{height:100%;}
.wico{width:52px;height:52px;background:var(--red-light);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--red);margin-bottom:15px;}
.wcard h4{font-size:.95rem;font-weight:700;color:var(--dark);margin-bottom:7px;}
.wcard p{font-size:.82rem;color:#777;line-height:1.65;}

/* ── PROCESS ── */
.procbg{position:relative;overflow:hidden;background:#000;}
.procbg .proc-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:1;}
.procbg::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.55);z-index:1;}
.procbg .si{position:relative;z-index:2;}
.procgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:38px;}
.prstep{text-align:center;position:relative;}
.prstep::after{content:'›';position:absolute;right:-8px;top:16px;color:rgba(255,255,255,.3);font-size:1.6rem;}
.prstep:last-child::after{display:none;}
.prnum{width:46px;height:46px;background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:800;color:#fff;margin:0 auto 11px;}
.prstep h5{color:#fff;font-size:.8rem;font-weight:700;margin-bottom:4px;}
.prstep p{color:rgba(255,255,255,.65);font-size:.71rem;line-height:1.5;}

/* ── MACHINE FLIP CARDS ── */
.mach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:38px;}
.mach-card{perspective:1000px;height:340px;cursor:pointer;}
.mach-card-inner{position:relative;width:100%;height:100%;transition:transform .7s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;}
.mach-card:hover .mach-card-inner{transform:rotateY(180deg);}
.mach-front,.mach-back{position:absolute;inset:0;border-radius:14px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;}
.mach-front{background:#fff;border:2px solid var(--border);box-shadow:0 2px 14px rgba(0,0,0,.07);}
.mach-front img{width:100%;height:210px;object-fit:cover;display:block;}
.mf-info{padding:14px 16px;}
.mf-info h4{font-size:.88rem;font-weight:700;color:var(--dark);margin-bottom:4px;line-height:1.3;}
.mf-info span{font-size:.72rem;color:var(--red);font-weight:600;}
.flip-hint{position:absolute;bottom:10px;right:12px;font-size:.65rem;color:#bbb;display:flex;align-items:center;gap:3px;}
.mach-back{background:var(--red);transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center;padding:24px 20px;}
.mach-back h4{font-size:.95rem;font-weight:800;color:#fff;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.25);}
.mach-back p{font-size:.8rem;color:rgba(255,255,255,.9);line-height:1.7;margin-bottom:12px;}
.mach-back ul{list-style:none;}
.mach-back ul li{font-size:.75rem;color:rgba(255,255,255,.85);display:flex;align-items:center;gap:6px;margin-bottom:5px;}
.mach-back ul li i{font-size:.65rem;color:rgba(255,255,255,.7);}

/* ── QA FULL GRID ── */
.qa-full-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:38px;}

/* ── QA TESTER CARDS ── */
.qt-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:28px;}
.qtc{background:#fff;border-radius:14px;border:2px solid var(--border);overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:.3s;position:relative;}
.qtc:hover{border-color:var(--red);transform:translateY(-6px);box-shadow:0 10px 28px rgba(240,120,32,.13);}
.qtc-img{height:130px;overflow:hidden;position:relative;}
.qtc-img img{width:100%;height:100%;object-fit:cover;transition:.4s;}
.qtc:hover .qtc-img img{transform:scale(1.08);}
.qtc-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(240,120,32,.85),transparent);opacity:0;transition:.3s;display:flex;align-items:flex-end;padding:10px;}
.qtc:hover .qtc-overlay{opacity:1;}
.qtc-overlay span{font-size:.7rem;color:#fff;font-weight:600;}
.qtc-body{padding:12px;}
.qtc-body h4{font-size:.78rem;font-weight:700;color:var(--dark);margin-bottom:4px;line-height:1.3;}
.qtc-body p{font-size:.7rem;color:#888;line-height:1.5;}
.qtc-badge{position:absolute;top:8px;right:8px;background:var(--red);color:#fff;font-size:.6rem;font-weight:700;padding:2px 8px;border-radius:20px;}

/* ── CERTS ── */
.cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px;max-width:860px;margin-left:auto;margin-right:auto;}
.ccard{background:#fff;border:2px solid var(--border);border-radius:14px;padding:26px 18px;text-align:center;transition:.3s;}
.ccard:hover{border-color:var(--red);box-shadow:0 4px 18px rgba(240,120,32,.09);}
.ccard .ico{font-size:2.3rem;margin-bottom:12px;}
.ccard h4{font-size:.88rem;font-weight:700;color:var(--dark);margin-bottom:6px;}
.ccard p{font-size:.77rem;color:#777;line-height:1.5;}
.cbadge{display:inline-block;margin-top:10px;padding:3px 12px;background:var(--red-light);color:var(--red);border-radius:30px;font-size:.69rem;font-weight:700;}

/* ── QUALITY TABS ── */
.qtabs-nav{background:#fff;border-bottom:2px solid var(--border);position:sticky;top:70px;z-index:90;}
.qtn-i{max-width:1200px;margin:auto;padding:0 24px;display:flex;flex-wrap:wrap;}
.qtb{padding:14px 22px;font-size:.85rem;font-weight:600;color:#888;cursor:pointer;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;transition:.2s;background:none;font-family:'Poppins',sans-serif;}
.qtb:hover{color:var(--red);}
.qtb.on{color:var(--red);border-bottom-color:var(--red);}
.qtcont{display:none;}
.qtcont.on{display:block;}

/* ── QA STEPS ── */
.qasteps{display:flex;flex-direction:column;gap:16px;max-width:820px;}
.qas{display:flex;gap:16px;align-items:flex-start;background:var(--gray);border-radius:12px;padding:20px;}
.qasn{min-width:44px;height:44px;background:var(--red);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;}
.qas h4{font-size:.92rem;font-weight:700;color:var(--dark);margin-bottom:4px;}
.qas p{font-size:.82rem;color:#777;line-height:1.6;}

/* ── POLICIES ── */
.polgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.polcard{background:#fff;border:2px solid var(--border);border-radius:14px;padding:24px;}
.polcard i{font-size:1.6rem;color:var(--red);margin-bottom:12px;display:block;}
.polcard h3{font-size:.93rem;font-weight:700;color:var(--dark);margin-bottom:10px;}
.polcard ul{list-style:none;}
.polcard ul li{font-size:.82rem;color:#666;padding:5px 0;border-bottom:1px solid #f5f5f5;display:flex;gap:7px;}
.polcard ul li:last-child{border-bottom:none;}
.polcard ul li::before{content:'✓';color:var(--red);font-weight:700;flex-shrink:0;}

/* ── CSR ── */
.csrgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.csrc{border-radius:14px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.07);}
.csrh{padding:20px;display:flex;align-items:center;gap:12px;}
.csrh.env{background:#e8f5e9;} .csrh.env i,.csrh.env h3{color:#2e7d32;}
.csrh.edu{background:var(--red-light);} .csrh.edu i,.csrh.edu h3{color:var(--red3);}
.csrh.com{background:#fff3e0;} .csrh.com i,.csrh.com h3{color:#e65100;}
.csrh i{font-size:1.5rem;}
.csrh h3{font-size:.93rem;font-weight:700;}
.csrb{padding:16px;background:#fff;}
.csrb p{font-size:.83rem;color:#666;line-height:1.65;}

/* ── CLIENTS ── */
.clbg{background:var(--gray);}
.clgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:38px;}
.cl{background:#fff;border-radius:10px;padding:16px 8px;text-align:center;border:2px solid var(--border);transition:.2s;}
.cl:hover{border-color:var(--red);box-shadow:0 4px 14px rgba(240,120,32,.09);}
.cl img{width:80px;height:50px;object-fit:contain;margin-bottom:6px;}
.cl .cn{font-size:.75rem;font-weight:700;color:var(--dark);display:block;}
.cl .ci{display:none;}

/* ── TESTIMONIALS ── */
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px;}
.tcard{background:#fff;border-radius:14px;padding:26px;box-shadow:0 2px 16px rgba(0,0,0,.06);border:2px solid var(--border);position:relative;}
.tcard::before{content:'"';position:absolute;top:12px;right:16px;font-size:5rem;color:#f0f0f0;font-family:Georgia,serif;line-height:1;}
.stars{color:#f4a261;font-size:.88rem;margin-bottom:10px;}
.tcard p{font-size:.85rem;color:#666;line-height:1.75;font-style:italic;margin-bottom:16px;}
.tauth{display:flex;align-items:center;gap:11px;}
.av{width:40px;height:40px;border-radius:50%;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0;}
.av img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
.an{font-weight:700;font-size:.86rem;color:var(--dark);}
.ac{font-size:.72rem;color:#aaa;}

/* ── ORG CHART ── */
.org-top{display:flex;flex-direction:column;align-items:center;}
.org-line{width:2px;height:30px;background:var(--red);margin:0 auto;}
.org-card{background:#fff;border:2px solid var(--red);border-radius:12px;padding:16px 22px;display:flex;align-items:center;gap:16px;width:340px;box-shadow:0 4px 16px rgba(240,120,32,.1);}
.org-card .oc-ava{width:64px;height:64px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--red-light);}
.org-card .oc-ava img{width:100%;height:100%;object-fit:cover;}
.oc-info .role{font-size:.7rem;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:.5px;}
.oc-info .name{font-size:.95rem;font-weight:700;color:var(--dark);margin:2px 0;}
.oc-info .email{font-size:.72rem;color:#888;}
.org-hline{width:80%;max-width:900px;height:2px;background:var(--red);margin:0 auto;}
.org-cols{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;max-width:1100px;margin:0 auto;}
.org-dept{display:flex;flex-direction:column;align-items:center;}
.dept-vline{width:2px;height:20px;background:var(--red);}
.dept-label{background:var(--red);color:#fff;padding:6px 12px;border-radius:6px;font-size:.72rem;font-weight:700;text-align:center;width:100%;}
.dept-members{display:flex;flex-direction:column;align-items:center;width:100%;}
.dept-vline2{width:2px;height:14px;background:var(--border);}
.member-card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:10px;text-align:center;width:100%;margin-bottom:8px;}
.member-card .mava{width:52px;height:52px;border-radius:50%;overflow:hidden;margin:0 auto 6px;background:var(--red-light);}
.member-card .mava img{width:100%;height:100%;object-fit:cover;}
.mname{font-size:.7rem;font-weight:600;color:var(--dark);line-height:1.3;}

/* ── PAGE HERO ── */
.phero{background:linear-gradient(135deg,var(--red3),var(--red));min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;}
.phero h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;color:#fff;margin-bottom:10px;}
.phero p{color:rgba(255,255,255,.82);font-size:.93rem;max-width:540px;margin:0 auto;}
.bc{display:flex;justify-content:center;gap:8px;margin-bottom:14px;font-size:.76rem;color:rgba(255,255,255,.7);}
.bc a{color:rgba(255,255,255,.88);text-decoration:none;}
.bc a:hover{color:#fff;}

/* ── CONTACT ── */
.ctbg{background:var(--gray);}
.fg{margin-bottom:14px;}
.fg label{display:block;font-size:.77rem;font-weight:600;color:#444;margin-bottom:5px;}
.fg input,.fg select,.fg textarea{width:100%;padding:10px 13px;border:2px solid #eee;border-radius:8px;font-family:'Poppins',sans-serif;font-size:.83rem;color:#333;outline:none;transition:.2s;}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--red);}
.fg textarea{resize:vertical;min-height:96px;}
.sbtn{width:100%;padding:15px;background:var(--red);color:#fff;border:none;border-radius:8px;font-family:'Poppins',sans-serif;font-weight:700;font-size:1rem;cursor:pointer;transition:.2s;letter-spacing:.6px;}
.sbtn:hover{background:var(--red2);}

/* ── CTA BAND ── */
.ctaband{background:var(--red);padding:66px 24px;text-align:center;}
.ctaband h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:#fff;margin-bottom:12px;}
.ctaband p{color:rgba(255,255,255,.85);margin-bottom:26px;font-size:.95rem;}

/* ── QA QUOTE ── */
.qt-quote{background:var(--red);color:#fff;border-radius:14px;padding:28px 32px;margin-bottom:40px;font-size:.95rem;line-height:1.8;font-style:italic;}
.qt-quote strong{font-style:normal;}

/* ── FOOTER ── */
footer{background:#f7f7f7;padding:58px 24px 22px;border-top:3px solid var(--red);}
.fgrid{max-width:1200px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:42px;}
.flogo{display:flex;align-items:center;gap:10px;margin-bottom:14px;text-decoration:none;}
.flb{width:40px;height:40px;overflow:hidden;}
.flb img{width:100%;height:100%;object-fit:contain;}
.flogo span{font-size:1.1rem;font-weight:800;color:var(--red);}
.flogo img.flogo-img{height:38px;width:auto;object-fit:contain;}
.fdesc{font-size:.81rem;color:#777;line-height:1.75;margin-bottom:16px;}
.fsoc{display:flex;gap:8px;}
.fsoc a{width:33px;height:33px;border-radius:8px;background:var(--red-light);display:flex;align-items:center;justify-content:center;color:var(--red);font-size:.83rem;text-decoration:none;transition:.2s;}
.fsoc a:hover{background:var(--red);color:#fff;}
.fc h5{font-size:.85rem;font-weight:700;color:var(--dark);margin-bottom:14px;padding-bottom:8px;border-bottom:2px solid var(--red);display:inline-block;}
.fc ul{list-style:none;}
.fc ul li{margin-bottom:8px;}
.fc ul li a{color:#777;font-size:.81rem;text-decoration:none;transition:.15s;display:flex;align-items:center;gap:6px;}
.fc ul li a i{font-size:.6rem;color:var(--red);}
.fc ul li a:hover{color:var(--red);padding-left:3px;}
.fci{list-style:none!important;}
.fci li{display:flex!important;align-items:flex-start;gap:10px;margin-bottom:11px!important;}
.fci li i{color:var(--red);margin-top:3px;font-size:.83rem;width:14px;flex-shrink:0;}
.fci li span{color:#777;font-size:.79rem;line-height:1.55;}
.fbot{max-width:1200px;margin:28px auto 0;padding-top:16px;border-top:1px solid var(--border);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}
.fbot span{font-size:.74rem;color:#aaa;}

/* ── WHATSAPP ── */
.wa{position:fixed;bottom:24px;right:24px;z-index:999;width:50px;height:50px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;box-shadow:0 4px 16px rgba(37,211,102,.4);text-decoration:none;animation:wap 2s ease-in-out infinite;}
@keyframes wap{0%,100%{box-shadow:0 4px 16px rgba(37,211,102,.4),0 0 0 0 rgba(37,211,102,.3);}50%{box-shadow:0 4px 16px rgba(37,211,102,.4),0 0 0 12px rgba(37,211,102,0);}}

/* ── MOB NAV ── */
.mob-ov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:500;}
.mob-ov.on{display:block;}
.mob-d{position:absolute;top:0;right:0;width:268px;height:100%;background:#fff;padding:20px;overflow-y:auto;}
.mob-cl{float:right;background:none;border:none;font-size:1.3rem;cursor:pointer;color:#333;}
.mob-ul{list-style:none;margin-top:34px;}
.mob-ul li{border-bottom:1px solid #f5f5f5;}
.mob-ul li a{display:block;padding:12px 0;color:#333;font-weight:600;font-size:.92rem;text-decoration:none;}
.mob-ul li a:hover{color:var(--red);}

/* ── SCROLL REVEAL ── */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .5s ease,transform .5s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}

/* ── AWARDS ── */
.award-card:hover{transform:translateY(-6px);box-shadow:0 10px 30px rgba(240,120,32,.13);}

/* ── LEADERSHIP 4 CARDS ── */
.leadership-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1160px;margin:38px auto 0;}
@media(max-width:1024px){.leadership-grid{grid-template-columns:repeat(2,1fr);max-width:700px;}}
@media(max-width:600px){.leadership-grid{grid-template-columns:1fr;max-width:360px;}}

/* ── TEAM PILLARS ── */
.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:30px auto 0;max-width:1040px;}
.pillar-card{background:#fff;border-radius:14px;padding:28px 22px;text-align:center;box-shadow:0 4px 20px rgba(230,57,70,.08);border-top:4px solid var(--red);transition:transform .3s,box-shadow .3s;}
.pillar-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px rgba(230,57,70,.16);}
.pillar-icon{width:66px;height:66px;border-radius:50%;background:var(--red-light);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:1.6rem;color:var(--red);}
.pillar-title{font-size:1rem;font-weight:700;color:var(--dark);margin-bottom:10px;}
.pillar-desc{font-size:.82rem;color:#666;line-height:1.75;}

/* ── TEAM MEMBERS GRID ── */
.team-members-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:32px;}
.tm-card{background:#fff;border-radius:12px;padding:18px 10px 14px;text-align:center;box-shadow:0 2px 12px rgba(0,0,0,.06);border:1px solid var(--border);transition:transform .3s,box-shadow .3s;}
.tm-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(230,57,70,.1);}
.tm-ava{width:72px;height:72px;border-radius:50%;overflow:hidden;margin:0 auto 10px;background:linear-gradient(135deg,#f5e6d3,#f0c89a);display:flex;align-items:center;justify-content:center;}
.tm-ava img{width:100%;height:100%;object-fit:cover;display:block;}
.tm-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--red);font-size:1.7rem;}
.tm-name{font-size:.72rem;font-weight:700;color:var(--dark);line-height:1.3;margin-bottom:3px;}
.tm-role{font-size:.64rem;color:#888;line-height:1.3;}
.tm-dept{display:inline-block;font-size:.58rem;font-weight:700;color:#fff;background:var(--red);border-radius:4px;padding:2px 7px;margin-top:6px;text-transform:uppercase;letter-spacing:.3px;}

/* ── TEAM ORG TREE ── */
.team-org{margin-top:32px;overflow-x:auto;padding-bottom:8px;margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;}
.team-org-root{display:flex;justify-content:center;}
.team-org-rootbox{background:#1a3c6e;color:#fff;padding:10px 36px;border-radius:8px;font-weight:700;font-size:.85rem;letter-spacing:.4px;}
.team-org-branches{display:flex;justify-content:center;position:relative;min-width:max-content;margin:0 auto;}
.team-dept{display:flex;flex-direction:column;align-items:center;position:relative;padding:32px 18px 0;}
.team-dept::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:#bbb;}
.team-dept:first-child::before{left:50%;}
.team-dept:last-child::before{right:50%;}
.team-dept::after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:32px;background:#bbb;}
.team-dept-box{border-radius:8px;color:#fff;padding:9px 16px;font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.4px;text-align:center;min-width:110px;white-space:nowrap;}
.team-dept-members{margin-top:16px;width:100%;display:flex;flex-direction:column;align-items:center;gap:18px;}
.team-dept-member{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;}
.team-dept-num{display:none;}
.team-dept-ava{width:86px;height:86px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid #eee;background:#f5f5f5;display:flex;align-items:center;justify-content:center;}
.team-dept-ava img{width:100%;height:100%;object-fit:cover;object-position:top center;}
.team-dept-name{font-size:.68rem;font-weight:600;color:#333;line-height:1.35;text-align:center;max-width:100px;}

/* ── EXCELLENCE BAND ── */
.exc-band{background:linear-gradient(135deg,var(--red) 0%,#c0392b 100%);border-radius:16px;padding:44px 32px;text-align:center;margin-top:52px;}
.exc-band i{font-size:2.4rem;color:rgba(255,255,255,.85);margin-bottom:14px;display:block;}
.exc-band h3{font-size:1.6rem;font-weight:800;color:#fff;margin-bottom:12px;}
.exc-band p{font-size:.9rem;color:rgba(255,255,255,.88);line-height:1.75;max-width:620px;margin:0 auto;}

.ft-25{
  font-size: 25px !important;
}
/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .pgrid{grid-template-columns:1fr 1fr;}
  .wgrid{grid-template-columns:1fr 1fr;}
  .procgrid{grid-template-columns:repeat(3,1fr);}
  .prstep:nth-child(3)::after{display:none;}
  .cgrid{grid-template-columns:1fr 1fr;}
  .clgrid{grid-template-columns:repeat(4,1fr);}
  .fgrid{grid-template-columns:1fr 1fr;gap:28px;}
  .org-cols{grid-template-columns:repeat(3,1fr);}
  .mach-grid{grid-template-columns:repeat(2,1fr);}
  .qt-grid{grid-template-columns:repeat(3,1fr);}
  .qa-full-grid{grid-template-columns:repeat(3,1fr);}
  .team-members-grid{grid-template-columns:repeat(4,1fr);}
}
@media(max-width:768px){
  .nl{display:none;}
  .hburg{display:block;}
  .ag,.vgrid{grid-template-columns:1fr;}
  .tgrid,.csrgrid,.polgrid{grid-template-columns:1fr;}
  .stats-i{grid-template-columns:1fr 1fr;}
  .st{border-right:none;border-bottom:1px solid rgba(255,255,255,.18);padding:13px;}
  .st:nth-child(3),.st:nth-child(4){border-bottom:none;}
  .clgrid{grid-template-columns:repeat(3,1fr);}
  .fgrid{grid-template-columns:1fr;}
  .procgrid{grid-template-columns:repeat(2,1fr);}
  .org-cols{grid-template-columns:repeat(2,1fr);}
  .org-card{width:90%;max-width:320px;}
  .mach-grid{grid-template-columns:1fr;}
  .qt-grid{grid-template-columns:repeat(2,1fr);}
  .qa-full-grid{grid-template-columns:repeat(2,1fr);}
  .pillars-grid{grid-template-columns:1fr 1fr;}
  .team-members-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:480px){
  .pgrid,.wgrid,.cgrid{grid-template-columns:1fr;}
  .clgrid{grid-template-columns:1fr 1fr;}
  .qt-grid{grid-template-columns:1fr 1fr;}
  .org-cols{grid-template-columns:1fr 1fr;}
  .pillars-grid{grid-template-columns:1fr;}
  .team-members-grid{grid-template-columns:repeat(2,1fr);}

  .ft-25{
  font-size: 20px !important;
}
}