:root{--green:#4caf50;--green2:#7dc442;--green3:#3d9a42;--navy:#111827;--navy2:#1a2a4a;--navy3:#0d1520;--white:#fff;--off:#f5f7fa;--border:#e2e8f0;--mid:#6b7280;--shadow:0 4px 24px rgba(0,0,0,.10);--shadow-lg:0 12px 48px rgba(0,0,0,.18)}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:'Roboto',sans-serif;color:#111827;overflow-x:hidden;background:#fff}a{text-decoration:none;color:inherit}
/* TOPBAR */
.topbar{background:#0d1520;color:#ffffff;font-size:12.5px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.topbar .w{max-width:1300px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}
.tb-l i{margin-left :15px}.tb-l span i{margin-right:5px;;font-style:normal}
.tb-r span{color:#ffffff;margin-left:16px;font-size:12px;transition:color .2s}.tb-r a:hover{color:var(--green2)}
/* HEADER */
header{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 2px 16px rgba(0,0,0,.08);transition:box-shadow .3s}
.hd{max-width:1300px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:74px}
.logo img{height:54px;object-fit:contain}
nav{display:flex;align-items:center;gap:2px}
.ni{position:relative}
.ni>a,.ni>span{display:flex;align-items:center;gap:4px;padding:8px 13px;font-size:14px;font-weight:500;color:#111827;cursor:pointer;border-radius:5px;transition:color .2s,background .2s;white-space:nowrap}
.ni>a:hover,.ni>span:hover{color:var(--green);background:rgba(76,175,80,.06)}
.ni>span::after{content:'▾';font-size:10px;color:#999;margin-top:1px}
.mega{display:none;position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);background:#fff;border-radius:12px;box-shadow:var(--shadow-lg);padding:32px;min-width:680px;border-top:3px solid var(--green);z-index:999}
.ni:hover .mega{display:block;animation:min .2s ease}
@keyframes min{from{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
.mg{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.mc h4{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--green);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e8f5e9}
.mc a{display:flex;align-items:center;gap:7px;padding:7px 0;font-size:13.5px;color:#4b5563;transition:color .2s,padding .2s}
.mc a::before{content:'›';color:var(--green2);font-size:15px}.mc a:hover{color:var(--green);padding-left:4px}
.drop{display:none;position:absolute;top:calc(100% + 10px);left:0;background:#fff;border-radius:10px;box-shadow:var(--shadow-lg);padding:10px 0;min-width:220px;border-top:3px solid var(--green);z-index:999}
.ni:hover .drop{display:block;animation:din .2s ease}
@keyframes din{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.drop a{display:block;padding:10px 20px;font-size:13.5px;color:#4b5563;transition:all .2s}
.drop a:hover{background:#f0faf0;color:var(--green);padding-left:26px}
.hcta{background:linear-gradient(135deg,var(--green),var(--green2));color:#fff!important;padding:11px 24px!important;border-radius:6px;font-weight:700!important;font-size:13.5px!important;margin-left:8px;transition:transform .2s,box-shadow .2s!important;white-space:nowrap}
.hcta:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(76,175,80,.4)!important}
/* SIDE STRIPE */
.stripe{position:fixed;right:0;top:60%;transform:translateY(-50%);z-index:900;display:flex;flex-direction:column}
.sb{writing-mode:vertical-rl;text-orientation:mixed;padding:18px 10px;font-size:10.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff;text-decoration:none;transition:padding .2s}
.sb:hover{opacity:.85;padding:22px 10px}
.sb:nth-child(1){background:var(--green);border-radius:8px 0 0 0}
.sb:nth-child(2){background:var(--navy2)}
.sb:nth-child(3){background:#1e6c8a;border-radius:0 0 0 8px}
/* HERO */
.hero{position:relative;overflow:hidden;height:620px;background:#0d1520}
.htrack{display:flex;height:100%;transition:transform .8s cubic-bezier(.4,0,.2,1)}
.hs{min-width:100%;height:100%;position:relative;display:flex;align-items:center}
.hbg{position:absolute;inset:0;background-size:cover;background-position:center}
.hbg::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,rgba(10,20,40,.94) 0%,rgba(10,20,40,.78) 55%,rgba(76,175,80,.18) 100%)}
.hdeco{position:absolute;right:0;top:0;width:55%;height:100%;overflow:hidden;pointer-events:none;opacity:.18}
.hdeco svg{width:100%;height:100%}
.hbg1{background-image: url('/assets/images/banner/1.webp');}
.hbg2{background-image: url('/assets/images/banner/2.webp');}
.hbg3{background-image: url('/assets/images/banner/5.webp');}
.hbg4{background-image: url('/assets/images/banner/3.webp');}
.hbg5{background-image: url('/assets/images/banner/4.webp');}
.hcon{position:relative;z-index:2;max-width:1300px;margin:0 auto;padding:0 24px;width:100%}
.hbadge{display:inline-flex;align-items:center;gap:8px;background:rgba(76,175,80,.18);border:1px solid rgba(76,175,80,.45);border-radius:100px;padding:6px 16px;font-size:11.5px;color:var(--green2);font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:20px;opacity:0;transform:translateY(20px);animation:su .7s .3s forwards}
.hbadge::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--green2);display:block;animation:bl 1.5s infinite}
@keyframes bl{0%,100%{opacity:1}50%{opacity:.3}}@keyframes su{to{opacity:1;transform:translateY(0)}}
.htit{font-family:'Roboto Condensed',sans-serif;font-size:clamp(34px,5vw,62px);font-weight:700;color:#fff;line-height:1.1;margin-bottom:18px;max-width:680px;opacity:0;transform:translateY(24px);animation:su .7s .5s forwards}
.htit span{color:var(--green2)}
.hdesc{font-size:17px;color:rgba(255,255,255,.78);max-width:540px;line-height:1.72;margin-bottom:32px;opacity:0;transform:translateY(24px);animation:su .7s .7s forwards}
.hbtns{display:flex;gap:14px;flex-wrap:wrap;opacity:0;transform:translateY(24px);animation:su .7s .9s forwards}
.btn-g{background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;padding:14px 32px;border-radius:6px;font-weight:700;font-size:15px;display:inline-flex;align-items:center;gap:10px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px rgba(76,175,80,.4)}
.btn-g:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(76,175,80,.5);color:#fff}
.btn-gh{border:2px solid rgba(255,255,255,.55);color:#fff;padding:13px 32px;border-radius:6px;font-weight:600;font-size:15px;display:inline-flex;align-items:center;gap:8px;transition:all .2s}
.btn-gh:hover{background:rgba(255,255,255,.1);border-color:#fff;color:#fff}
.hdots{position:absolute;bottom:88px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10}
.dot{width:8px;height:8px;border-radius:4px;background:rgba(255,255,255,.35);cursor:pointer;border:none;transition:all .3s}
.dot.on{width:28px;background:var(--green2)}
.harr{position:absolute;bottom:80px;right:100px;display:flex;gap:8px;z-index:10}
.ha{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}
.ha:hover{background:var(--green);border-color:var(--green)}
.htabs{position:absolute;bottom:0;left:0;right:0;display:flex;z-index:5}
.htab{flex:1;padding:12px 14px;background:rgba(10,20,40,.72);color:rgba(255,255,255,.55);font-size:11.5px;font-weight:500;cursor:pointer;border-top:2px solid transparent;text-align:center;transition:all .3s;backdrop-filter:blur(6px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.htab.on{background:rgba(76,175,80,.22);color:var(--green2);border-top-color:var(--green2)}
.htab:hover:not(.on){background:rgba(255,255,255,.08);color:#fff}
/* PARTNERS */
.partners{padding:40px 0;background:#fff;border-bottom:1px solid #e8edf4}
.plbl{text-align:center;font-size:11.5px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#9ca3af;margin-bottom:24px}
.ptw{overflow:hidden;position:relative}
.ptw::before,.ptw::after{content:'';position:absolute;top:0;bottom:0;width:100px;z-index:2}
.ptw::before{left:0;background:linear-gradient(to right,#fff,transparent)}
.ptw::after{right:0;background:linear-gradient(to left,#fff,transparent)}
.pt{display:flex;gap:48px;align-items:center;animation:ps 30s linear infinite;width:max-content}
.pt:hover{animation-play-state:paused}
@keyframes ps{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.pl{height:32px;opacity:.4;filter:grayscale(1);transition:all .3s;flex-shrink:0;display:flex;align-items:center;font-size:15px;font-weight:700;color:#1a2a4a;letter-spacing:-.3px;padding:6px 18px;border:1.5px solid #d1d9e6;border-radius:6px;white-space:nowrap;font-family:'Roboto Condensed',sans-serif}
.pl:hover{opacity:1;filter:grayscale(0);border-color:var(--green)}
/* COMMON */
.sec{padding:88px 0}
.sl{background:#fff}
.so{background:#f5f7fa}
.sd{background:#111827;color:#fff}
.sd2{background:#0d1520;color:#fff}
.w{max-width:1300px;margin:0 auto;padding:0 24px}
.sh{text-align:center;margin-bottom:60px}
.st{display:inline-block;font-size:18px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--green);margin-bottom:14px}
.stw{color:var(--green2)}
.stt{font-family:'Roboto Condensed',sans-serif;font-size:clamp(26px,3.5vw,42px);font-weight:700;color:#111827;line-height:1.2;margin-bottom:14px}
.sttw{color:#fff}
.stt span{color:var(--green)}
.sub{font-size:16px;color:#6b7280;max-width:640px;margin:0 auto;line-height:1.7}
.subw{color:rgba(255,255,255,.68)}
.rv{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s}
.rv.vis{opacity:1;transform:translateY(0)}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}
/* ===== S1: SAVINGS (SS1) ===== */
.sc-cols{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e8edf4;margin-top:48px}
.sc{padding:36px 40px 36px 0;border-right:1px solid #e8edf4}
.sc:last-child{border-right:none;padding-right:0;padding-left:40px}
.sc:nth-child(2){padding:36px 40px}
.sc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.sc-num{font-family:'Roboto Condensed',sans-serif;font-size:68px;font-weight:700;color:var(--green);line-height:1}
.sc-ico{width:56px;height:56px;background:#f0f4f8;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:26px}
.sc-lbl{font-size:10.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#9ca3af;margin-bottom:18px}
.sc h3{font-size:20px;font-weight:700;color:#111827;margin-bottom:12px;line-height:1.3}
.sc p{font-size:14px;color:#6b7280;line-height:1.72}
/* ===== S2: SERVICES IMAGE CARDS (SS2) ===== */
.sic{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sicard{border-radius:12px;overflow:hidden;position:relative;height:280px;cursor:pointer;transition:transform .3s}
.sicard:hover{transform:translateY(-4px)}
.sibg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .4s}
.sicard:hover .sibg{transform:scale(1.05)}
.siov{position:absolute;inset:0;background:linear-gradient(to top,rgba(5,15,35,.9) 0%,rgba(5,15,35,.3) 60%,transparent 100%)}
.sicon{position:absolute;bottom:0;left:0;right:0;padding:24px}
.sicon h3{font-size:17px;font-weight:700;color:#fff;margin-bottom:8px;display:flex;align-items:center;gap:8px}
.sicon p{font-size:13px;color:rgba(255,255,255,.78);line-height:1.65}
.bg1{background:linear-gradient(135deg,#1a2a4a,#243560)}.bg2{background:linear-gradient(135deg,#1e1e38,#2a1e48)}.bg3{background:linear-gradient(135deg,#1a1a38,#202850)}.bg4{background:linear-gradient(135deg,#1a2838,#1e3050)}.bg5{background:linear-gradient(135deg,#282018,#342818)}.bg6{background:linear-gradient(135deg,#101828,#182030)}
/* ===== S3: AI SOLUTIONS (SS3) ===== */
.ai-in{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.ai-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.aitab{padding:10px 20px;border-radius:100px;border:1.5px solid #d1d9e6;font-size:13.5px;font-weight:500;color:#6b7280;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;background:#fff}
.aitab.on{background:#111827;color:#fff;border-color:#111827}
.aitab:not(.on):hover{border-color:var(--green);color:var(--green)}
.ai-desc{font-size:15px;color:#4b5563;line-height:1.75;margin-bottom:20px}
.ai-chk{list-style:none;margin-bottom:32px}
.ai-chk li{display:flex;align-items:center;gap:10px;font-size:15px;color:#374151;padding:6px 0;font-weight:500}
.ai-chk li::before{content:'';width:22px;height:22px;min-width:22px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='11' fill='%234caf50'/%3E%3Cpath d='M6 11.5l3.5 3.5 6-7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.btn-og{background:var(--green);color:#fff;padding:14px 32px;border-radius:6px;font-weight:700;font-size:15px;display:inline-flex;align-items:center;gap:10px;transition:all .2s;border:none;cursor:pointer}
.btn-og:hover{background:var(--green3);transform:translateY(-2px);color:#fff}
.ai-vis{border-radius:16px;overflow:hidden;height:380px;background:linear-gradient(135deg,#0a1628,#1a2a4a,#0d2a1a);display:flex;align-items:center;justify-content:center;padding:28px}
.av-g{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}
.av{background:rgba(255,255,255,.07);border:1px solid rgba(76,175,80,.25);border-radius:10px;padding:18px 10px;text-align:center;transition:all .3s;cursor:pointer}
.av:hover{background:rgba(76,175,80,.18);transform:translateY(-3px)}
.av .i{font-size:24px;margin-bottom:8px}.av .l{font-size:11px;color:rgba(255,255,255,.65);font-weight:500}
/* ===== S4: ABOUT DARK (SS4) ===== */
.abt-in{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.abt-st{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}
.ast{display:flex;align-items:center;gap:12px}
.ast-ico{font-size:22px;color:var(--green2)}
.ast-n{font-family:'Roboto Condensed',sans-serif;font-size:30px;font-weight:700;color:#fff;line-height:1}
.ast-l{font-size:12px;color:rgba(255,255,255,.55);margin-top:2px}
.mag-lbl{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--green2);margin-bottom:12px}
.mag-h{font-size:24px;font-weight:700;color:#fff;margin-bottom:18px}
.mag-rd{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--green2);font-weight:600;margin-bottom:24px;cursor:pointer}
.mag-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mc2{border-radius:12px;overflow:hidden;height:160px}
.mc2-bg{height:100%;display:flex;align-items:flex-end;padding:16px}
.mc2-t{font-size:13px;font-weight:700;color:#fff;line-height:1.4}
.exp-btn{display:inline-flex;align-items:center;gap:8px;margin-top:28px;padding:14px 32px;border:2px solid rgba(255,255,255,.3);color:#fff;border-radius:6px;font-weight:600;font-size:15px;transition:all .2s}
.exp-btn:hover{border-color:#fff;background:rgba(255,255,255,.08)}
/* ===== S5: TECH STACK DARK (SS5) ===== */
.tech-rws{margin-top:40px}
.tech-rw{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.chip{display:flex;align-items:center;gap:8px;padding:11px 18px;border:1.5px solid rgba(255,255,255,.15);border-radius:8px;font-size:13.5px;font-weight:500;color:rgba(255,255,255,.8);white-space:nowrap;cursor:pointer;transition:all .3s}
.chip:hover{border-color:var(--green2);color:#fff;background:rgba(76,175,80,.12)}
.chip .ti{font-size:17px}
.btn-ow{display:inline-flex;align-items:center;gap:8px;padding:14px 36px;border:2px solid rgba(255,255,255,.45);color:#fff;border-radius:6px;font-weight:700;font-size:15px;transition:all .2s}
.btn-ow:hover{border-color:#fff;background:rgba(255,255,255,.08)}
/* ===== S6: INDUSTRIES (SS6) ===== */
.ind-w{overflow:hidden;margin-top:48px;position:relative}
.ind-t{display:flex;gap:0;transition:transform .6s ease}
.icard{min-width:25%;height:340px;position:relative;overflow:hidden;cursor:pointer;transition:all .4s;flex-shrink:0}
.icard:hover{min-width:30%}
.ibg{position:absolute;inset:0;background-size:cover;background-position:center}
.ib1{background:linear-gradient(135deg,#1a2838,#2a3848)}.ib2{background:linear-gradient(135deg,#2a2018,#382818)}.ib3{background:linear-gradient(135deg,#101828,#1a2838)}.ib4{background:linear-gradient(135deg,#182028,#243040)}.ib5{background:linear-gradient(135deg,#181820,#24242e)}.ib6{background:linear-gradient(135deg,#1a2820,#243428)}
.iov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.3) 60%,transparent 100%)}
.ico{position:absolute;bottom:0;left:0;right:0;padding:28px 20px}
.iline{width:36px;height:3px;background:var(--green);margin-bottom:14px}
.ico h3{font-size:17px;font-weight:700;color:#fff;margin-bottom:8px}
.ico p{font-size:12.5px;color:rgba(255,255,255,.7);line-height:1.6;margin-bottom:12px}
.ilnk{color:var(--green2);font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}
.iarr-w{display:flex;gap:10px;justify-content:center;margin-top:24px}
.iarr{width:42px;height:42px;border-radius:50%;border:2px solid #e2e8f0;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s}
.iarr:hover{background:#111827;border-color:#111827;color:#fff}
/* ===== S7: SOLUTIONS 3-COL (SS7) ===== */
.sol-g{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.solc{border:1.5px solid #e2e8f0;border-radius:12px;padding:36px 28px;transition:all .3s}
.solc:hover{box-shadow:var(--shadow-lg);border-color:#d1fae5;transform:translateY(-4px)}
.solc-ico{font-size:26px;margin-bottom:14px}
.solc h3{font-size:20px;font-weight:700;color:#111827;margin-bottom:10px}
.solc>p{font-size:14px;color:#6b7280;line-height:1.7;margin-bottom:20px}
.sol-l{list-style:none;margin-bottom:28px}
.sol-l li{display:flex;align-items:flex-start;gap:8px;padding:5px 0;font-size:13.5px;color:#374151;line-height:1.5}
.sol-l li::before{content:'›';color:var(--green);font-weight:700;font-size:16px;flex-shrink:0}
.btn-gf{display:block;width:100%;text-align:center;background:var(--green);color:#fff;padding:14px;border-radius:6px;font-weight:700;font-size:14.5px;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}
.btn-gf:hover{background:var(--green3);color:#fff}
/* ===== S8: CASE STUDIES DARK (SS8) ===== */
.cs-g{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cscard{border-radius:12px;overflow:hidden;position:relative;height:220px;cursor:pointer;transition:transform .3s}
.cscard:hover{transform:translateY(-4px)}
.csbg{position:absolute;inset:0;background-size:cover;background-position:center}
.cb1{background:linear-gradient(135deg,#1a2840,#243456)}.cb2{background:linear-gradient(135deg,#2a1a2a,#3a243a)}.cb3{background:linear-gradient(135deg,#1a2828,#243438)}.cb4{background:linear-gradient(135deg,#1a3018,#243820)}.cb5{background:linear-gradient(135deg,#2a2018,#382818)}.cb6{background:linear-gradient(135deg,#181838,#242448)}
.csov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.2) 100%)}
.csc{position:absolute;bottom:0;left:0;right:0;padding:20px}
.cst{font-size:10.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--green2);margin-bottom:6px}
.csc h3{font-size:14.5px;font-weight:700;color:#fff;line-height:1.4;margin-bottom:10px}
.csm{display:flex;align-items:center;gap:12px;font-size:12px;color:rgba(255,255,255,.55)}
/* ===== S9: TESTIMONIALS (SS9) ===== */
.tv-g{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:36px}
.tvcard{border:1px solid #e2e8f0;border-radius:12px;padding:20px;cursor:pointer;transition:all .3s;background:#fff}
.tvcard:hover{box-shadow:var(--shadow-lg);border-color:#d1fae5}
.tv-th{width:100%;height:130px;border-radius:8px;margin-bottom:14px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:36px}
.tvplay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.tvpb{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.22);border:2px solid rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;padding-left:3px;transition:background .2s}
.tvcard:hover .tvpb{background:var(--green);border-color:var(--green)}
.tvs{color:#f59e0b;font-size:13px;margin-bottom:8px}
.tvn{font-size:14.5px;font-weight:700;color:#111827;margin-bottom:4px}
.tvr{font-size:12.5px;color:#6b7280}
.trati{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:16px}
.trl{display:flex;align-items:center;gap:16px}
.trlbl{font-size:15px;font-weight:700;color:#111827}
.trsc{font-size:24px;font-weight:700;color:#111827}
.trst{color:#f59e0b;font-size:14px}
.trcnt{font-size:13px;color:var(--green);font-weight:600}
.trr{font-size:13px;color:#6b7280;display:flex;align-items:center;gap:6px}
.mr-row{display:flex;gap:12px;flex-wrap:wrap}
.mr{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px 20px;text-align:center}
.mr .msc{font-size:20px;font-weight:700;color:#111827}
.mr .mst{color:#ef4444;font-size:13px}
/* ===== S10: CONTACT DARK (SS10) ===== */
.ct-in{display:grid;grid-template-columns:1fr 1.3fr;gap:72px;align-items:start}
.ct-l h2{font-size:clamp(26px,3.5vw,38px);font-weight:700;color:#fff;line-height:1.35;margin-bottom:20px}
.ctrust{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:36px}
.cti{display:flex;align-items:center;gap:8px;font-size:14px;color:rgba(255,255,255,.75)}
.cti .ci{font-size:20px;color:var(--green2)}
.ct-em{display:flex;align-items:center;gap:14px;padding-top:28px;border-top:1px solid rgba(255,255,255,.12)}
.ct-em .eico{font-size:28px;color:var(--green2)}
.elbl{font-size:11.5px;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:1.5px;font-weight:600}
.eaddr{font-size:16px;font-weight:700;color:#fff}
.cform{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cf{width:100%;padding:14px 18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;font-size:14px;font-family:'Roboto',sans-serif;outline:none;transition:border-color .2s}
.cf:focus{border-color:var(--green2)}.cf::placeholder{color:rgba(255,255,255,.35)}
.cff{grid-column:1/-1}
textarea.cf{resize:vertical;min-height:110px}
.btn-bk{grid-column:1/-1;background:#fff;color:#111827;padding:15px;border-radius:6px;font-weight:700;font-size:15px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s;width:100%}
.btn-bk:hover{background:var(--green);color:#fff}
/* ===== S11: NEWS (SS11) ===== */
.news-g{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.nc{border-radius:12px;overflow:hidden;border:1px solid #e2e8f0;transition:all .3s;background:#fff}
.nc:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.ni-img{height:200px;overflow:hidden}
.ni-bg{height:100%;background-size:cover;background-position:center;transition:transform .4s;display:flex;align-items:center;justify-content:center;font-size:48px}
.nc:hover .ni-bg{transform:scale(1.05)}
.ni1{background:linear-gradient(135deg,#1a2838,#243450)}.ni2{background:linear-gradient(135deg,#0d1828,#182038)}.ni3{background:linear-gradient(135deg,#1a1038,#28184a)}
.nb{padding:24px}
.nm{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.nd{font-size:12.5px;color:#6b7280;display:flex;align-items:center;gap:6px}
.ncat{background:#111827;color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:100px}
.nb h3{font-size:16px;font-weight:700;color:#111827;margin-bottom:10px;line-height:1.4}
.nb p{font-size:13.5px;color:#6b7280;line-height:1.7;margin-bottom:20px}
.btn-rd{display:inline-flex;align-items:center;gap:8px;background:var(--green);color:#fff;padding:11px 22px;border-radius:6px;font-weight:700;font-size:13.5px;transition:all .2s}
.btn-rd:hover{background:var(--green3);color:#fff}
/* ===== S12: FAQ (SS12) ===== */
.faq-l{max-width:820px;margin:0 auto}
.fi{border:1px solid #e2e8f0;border-radius:10px;margin-bottom:12px;overflow:hidden;transition:border-color .2s}
.fi.op{border-color:#d1fae5}
.fq{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;cursor:pointer;font-size:15.5px;font-weight:600;color:#111827;transition:color .2s;gap:16px}
.fq:hover{color:var(--green)}
.fi-ico{width:28px;height:28px;border-radius:50%;border:1.5px solid #d1d9e6;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;transition:all .2s;color:#6b7280}
.fi.op .fi-ico{background:#111827;border-color:#111827;color:#fff;transform:rotate(180deg)}
.fa{display:none;padding:0 24px 20px;font-size:14.5px;color:#6b7280;line-height:1.75}
.fi.op .fa{display:block}
/* CTA */
.cta-b{padding:80px 0;background:linear-gradient(135deg,#0d1520 0%,#111827 60%,#0a2818 100%);text-align:center;position:relative;overflow:hidden}
.cta-b::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 50% 120%,rgba(76,175,80,.18),transparent)}
.cta-b h2{font-family:'Roboto Condensed',sans-serif;font-size:clamp(30px,4vw,50px);font-weight:700;color:#fff;margin-bottom:16px;position:relative}
.cta-b h2 span{color:var(--green2)}
.cta-b p{font-size:17px;color:rgba(255,255,255,.7);max-width:560px;margin:0 auto 36px;position:relative}
.cta-bns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative}
.cta-tr{display:flex;gap:28px;justify-content:center;margin-top:36px;flex-wrap:wrap;position:relative}
.ctr{display:flex;align-items:center;gap:8px;font-size:13.5px;color:rgba(255,255,255,.55)}
.ctr::before{content:'✓';color:var(--green2);font-weight:700}
/* FOOTER */

footer{background:#070d1a;color:rgba(255,255,255,.55);padding:72px 0 0}
.fg{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.flogo img{height:50px;filter:brightness(0) invert(1);margin-bottom:18px}
.fabt{font-size:13.5px;line-height:1.78;margin-bottom:22px}
.fsoc-w{display:flex;gap:10px}
.fs{width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);font-size:13px;font-weight:700;transition:all .2s}
.fs:hover{background:var(--green);color:#fff}
.fcol h4{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#fff;margin-bottom:18px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.07)}
.fcol a{display:block;font-size:13.5px;color:rgba(255,255,255,.5);padding:5px 0;transition:all .2s}
.fcol a:hover{color:var(--green2);padding-left:5px}
.fbot{border-top:1px solid rgba(255,255,255,.07);padding:20px 0;display:flex;justify-content:space-between;align-items:center;font-size:12.5px;flex-wrap:wrap;gap:10px}
.fbot a{color:rgba(255,255,255,.4)}.fbot a:hover{color:var(--green2)}
/* RESPONSIVE */
@media(max-width:1100px){.sc-cols,.sic,.ai-in,.abt-in,.sol-g,.cs-g,.tv-g,.news-g,.fg,.ct-in{grid-template-columns:1fr 1fr}.icard{min-width:50%}.mega{min-width:480px}.mg{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.topbar,.stripe,nav{display:none}.hero{height:500px}.htabs{display:none}.sc-cols,.sic,.ai-in,.abt-in,.sol-g,.cs-g,.news-g,.fg,.ct-in,.cform{grid-template-columns:1fr}.tv-g{grid-template-columns:1fr 1fr}.icard{min-width:85%}.abt-st{grid-template-columns:1fr 1fr}.fbot{flex-direction:column;text-align:center}}
.tech-rws{
    margin-top:40px;
    display:flex;
    flex-direction:column;
    gap:10px;
}

/* Category Titles */

.tech-cat{
    margin-top:30px;
    margin-bottom:15px;
    font-size:18px;
    font-weight:600;
    text-align:center;
    color:#ffffff;
    letter-spacing:0.5px;
}

/* Technology Rows */

.tech-rw{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:14px;
    margin-bottom:10px;
}

/* Technology Chip */

.chip{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 16px;
    background:#ffffff;
    border:1px solid #e6e6e6;
    border-radius:6px;
    font-size:14px;
    font-weight:500;
    color:#333333;
    white-space:nowrap;
    transition:all .25s ease;
}

/* Icons */

.chip i{
    font-size:16px;
    color:#2a6df5;
}

/* Hover */

.chip:hover{
    background:#2a6df5;
    color:#ffffff;
    border-color:#2a6df5;
    transform:translateY(-3px);
}

.chip:hover i{
    color:#ffffff;
}

/* Responsive */

@media (max-width:768px){

.tech-rw{
    gap:10px;
}

.chip{
    padding:8px 12px;
    font-size:13px;
}

.tech-cat{
    font-size:16px;
}

}
 /*Footer*/
 .contact-item{
    display:flex;
    align-items:center;
    gap:10px;
    margin:6px 0;
}

.contact-item i{
    width:18px;
    color:#9fb3c8;
}

.contact-item span{
    white-space:nowrap;
}

.fsoc-w{
    text-align:center;
    margin-top:12px;
}
.fsoc-w i{
    font-size:25px;
}
.fs{
    font-size:20px;
    color:#9fb3c8;
    text-decoration:none;
}

.fs:hover{
    color:#ffffff;
}


/*image SERVICES section*/
.sibg img{
    width:50%;
    display:block;
    margin:auto;
}

footer .logo img{
    width: 200px;
    height: auto;
}