@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:wght@500;600;700;800&display=swap');
:root{
 --navy:#03132f;--navy2:#071f4d;--blue:#0759d7;--blue2:#0b39a7;--cyan:#12c9ef;
 --green:#72df00;--green2:#27a91b;--ink:#07152e;--muted:#68778e;--line:#e5ebf3;
 --soft:#f5f8fc;--white:#fff;--shadow:0 28px 80px rgba(3,19,47,.13);--radius:26px;
 --grad:linear-gradient(115deg,#062b72 0%,#0759d7 42%,#08bfe9 72%,#54d600 100%);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-;color:var(--ink);background:#fff;line-height:1.72;overflow-x:hidden}body.loading{overflow:hidden}
a{text-decoration:none;color:inherit}button{font:inherit}img,video{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}
h1,h2,h3,h4{font-family:"",Georgia,;line-height:1.12;margin:0 0 18px;letter-spacing:-.02em}h1{font-size:clamp(42px,5.3vw,40px)}h2{font-size:clamp(32px,4vw,34px)}h3{font-size:24px}p{margin:0 0 18px;color:var(--muted)}
/* loader */
.loader{position:fixed;inset:0;background:#03132f;z-index:99999;display:grid;place-items:center;transition:opacity .7s,visibility .7s}.loader.hide{opacity:0;visibility:hidden}
.loader-inner{text-align:center;color:#fff}.loader-logo{width:min(360px,72vw);margin:auto;filter:drop-shadow(0 0 28px rgba(22,199,233,.22));animation:loaderPulse 1.8s ease-in-out infinite}
.loader-line{width:220px;height:3px;background:rgba(255,255,255,.13);margin:28px auto 0;overflow:hidden;border-radius:5px}.loader-line span{display:block;height:100%;width:45%;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--green));animation:loadLine 1.35s infinite}
.loader-text{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#b9d5ff;margin-top:15px}@keyframes loadLine{to{transform:translateX(500%)}}@keyframes loaderPulse{50%{transform:scale(1.025)}}
/* topbar/header */
.topbar{background:#03112a;color:#cfe0ff;font-size:12px;border-bottom:1px solid rgba(255,255,255,.08)}.topbar-inner{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:18px}.toplinks{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.toplinks a:hover{color:#fff}.top-icon{color:#72df00;margin-right:5px}.header{position:sticky;top:0;z-index:900;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(7,21,46,.08)}.nav{min-height:82px;display:flex;align-items:center;gap:20px}.brand{flex:0 0 auto}
.logo{width:238px;height:auto}.menu{display:flex;align-items:center;gap:2px;list-style:none;margin:0 auto;padding:0}.menu>li{position:relative}.menu>li>a,.drop-toggle{display:flex;align-items:center;gap:7px;padding:29px 13px;background:none;border:0;color:var(--ink);font-weight:800;font-size:13px;cursor:pointer}.menu>li>a:hover,.menu>li.active>a,.menu>li.open>.drop-toggle,.drop-toggle:hover{color:var(--blue)}.drop-toggle .chev{font-size:11px;transition:.3s}.menu>li.open .chev{transform:rotate(180deg)}
.dropdown{position:absolute;top:73px;left:0;min-width:255px;padding:9px;background:rgba(255,255,255,.98);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;opacity:0;visibility:hidden;transform:translateY(10px) scale(.98);transition:.25s;z-index:20}.menu>li:hover>.dropdown,.menu>li.open>.dropdown{opacity:1;visibility:visible;transform:none}.dropdown a{display:flex;align-items:center;gap:10px;padding:12px 13px;border-radius:12px;font-size:13px;font-weight:700}.dropdown a:hover{background:#eef6ff;color:var(--blue);transform:translateX(3px)}.nav-cta{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 19px;border-radius:12px;font-weight:800;font-size:13px;transition:.3s;cursor:pointer;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:.55s}.btn:hover:after{transform:translateX(110%)}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 12px 30px rgba(7,89,215,.22)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(7,89,215,.28)}.btn-outline{border-color:#ccd7e7;background:#fff}.btn-outline:hover{border-color:var(--blue);color:var(--blue)}.btn-dark{background:#061a3b;color:#fff}.btn-glass{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.25);color:#fff;backdrop-filter:blur(10px)}.menu-toggle{display:none;border:0;background:#eef5ff;color:var(--blue);font-size:22px;border-radius:11px;width:45px;height:45px}
/* hero */
.hero-slider{position:relative;height:min(780px,calc(100vh - 122px));min-height:650px;background:#020d21;overflow:hidden;color:#fff}.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 1s}.slide.active{opacity:1;visibility:visible}.slide-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.1) contrast(1.04);transform:scale(1.06);transition:transform 8s cubic-bezier(.2,.6,.2,1)}.slide.active .slide-media{transform:scale(1)}.slide-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,13,33,.93) 0%,rgba(3,23,57,.75) 40%,rgba(3,23,57,.25) 75%,rgba(3,23,57,.48) 100%)}.slide-overlay:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,19,47,.8),transparent 34%,rgba(4,27,58,.16))}.scanline{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 7px,rgba(255,255,255,.018) 8px);mix-blend-mode:screen;pointer-events:none}
.slide-content{position:relative;height:100%;display:flex;align-items:center;z-index:2}
.slide-copy{max-width:760px;transform:translateY(30px);opacity:0;transition:1s .25s;}.slide.active .slide-copy{transform:none;opacity:1}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#000;font-size:11px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase}.eyebrow:before{content:"";width:38px;height:2px;background:linear-gradient(90deg,var(--green),var(--cyan))}.slide h1,.slide h2{font-size:clamp(44px,5.8vw,82px);margin:18px 0 20px}.slide h1 span,.slide h2 span{background:linear-gradient(90deg,#fff,#6de9ff,#9afc37);-webkit-background-clip:text;color:transparent}.slide p{color:#d7e8ff;font-size:17px;max-width:700px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:#d6e5ff;font-size:12px;font-weight:700}.slide-number{position:absolute;right:5%;bottom:80px;color:#fff;font-size:28px;font-family:"",;z-index:4}.slide-number span{font-size:12px;color:#a9c4e9}.slider-controls{position:absolute;right:5%;bottom:27px;display:flex;gap:8px;z-index:5}.slider-controls button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;cursor:pointer;backdrop-filter:blur(10px);transition:.25s}.slider-controls button:hover{background:#fff;color:var(--blue);transform:translateY(-3px)}.slider-dots{position:absolute;left:5%;bottom:31px;display:flex;gap:8px;z-index:5}.dot{width:38px;height:3px;background:rgba(255,255,255,.25);border:0;padding:0;cursor:pointer;transition:.4s}.dot.active{width:70px;background:linear-gradient(90deg,var(--blue),var(--green))}.slider-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.1);z-index:6}.slider-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--green))}.ambient{position:absolute;border-radius:50%;filter:blur(10px);pointer-events:none;z-index:1}.ambient-a{width:340px;height:340px;right:-100px;top:-120px;background:rgba(0,201,239,.13);animation:float 7s ease-in-out infinite}.ambient-b{width:280px;height:280px;left:-120px;bottom:-100px;background:rgba(114,223,0,.09);animation:float 9s ease-in-out infinite reverse}@keyframes float{50%{transform:translate(30px,25px) scale(1.1)}}
/* page hero */
.page-hero{position:relative;padding:120px 0 95px;background:var(--grad);color:#fff;overflow:hidden}.page-hero:after{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-260px;top:-250px;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.018)}.page-hero .breadcrumb{font-size:12px;color:#d9f8ff;margin-bottom:20px;position:relative;z-index:2}.page-hero h1{max-width:900px;position:relative;z-index:2}.page-hero p{color:#dcecff;max-width:700px;position:relative;z-index:2;font-size:17px}
/* sections */
.section{padding:105px 0}.section.alt{background:var(--soft)}.section.dark{background:#03132f;color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.section-head>div{max-width:760px}.section-head>p{max-width:470px}.kicker{font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:900;color:var(--blue);margin-bottom:10px}.dark .kicker{color:#78eaff}.gradient-text{background:var(--grad);-webkit-background-clip:text;color:transparent}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:0 10px 40px rgba(7,21,46,.05);transition:.4s;position:relative;overflow:hidden}.card:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:.4s}.card:hover{transform:translateY(-10px);box-shadow:var(--shadow)}.card:hover:before{transform:scaleX(1)}.icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#edf6ff,#e9fff0);color:var(--blue);font-size:24px;margin-bottom:22px}.card p{font-size:14px}.tag{display:inline-flex;padding:6px 10px;border-radius:99px;background:#eef6ff;color:var(--blue);font-size:10px;font-weight:900;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px}
/* split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.image-frame{position:relative;border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}.image-frame img{width:100%;height:520px;object-fit:cover}.image-frame:after{content:"";position:absolute;inset:15px;border:1px solid rgba(255,255,255,.4);border-radius:22px;pointer-events:none}

.floating-badge{position:absolute;left:-25px;bottom:30px;background:#fff;padding:18px 22px;border-radius:17px; display:none;box-shadow:var(--shadow);z-index:2}.floating-badge strong{display:block;font-family:"";font-size:25px}.floating-badge span{font-size:11px;color:var(--muted)}
/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);border-radius:22px;overflow:hidden}.stat{padding:30px;background:rgba(255,255,255,.035);text-align:center}.stat strong{display:block;font:700 44px 
	"";background:linear-gradient(90deg,#fff,#75eaff,#8ef22d);-webkit-background-clip:text;color:transparent}.stat span{font-size:11px;color:#bcd1ed;text-transform:uppercase;letter-spacing:1px}
/* tabs */
.tabs{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);overflow:hidden}.tab-nav{display:flex;gap:6px;padding:8px;background:#f3f7fc;border-bottom:1px solid var(--line);overflow:auto}.tab-btn{border:0;background:transparent;padding:14px 18px;border-radius:14px;font-weight:800;font-size:13px;white-space:nowrap;cursor:pointer;color:var(--muted);transition:.3s}.tab-btn.active{background:#fff;color:var(--blue);box-shadow:0 8px 24px rgba(7,21,46,.08)}.tab-panel{display:none;padding:38px}.tab-panel.active{display:block;animation:fadeUp .55s ease}.tab-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.tab-panel img{width:100%;height:310px;object-fit:cover;border-radius:20px}
/* flip cards */
.flip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.flip-card{height:270px;perspective:1200px}.flip-inner{position:relative;width:100%;height:100%;transition:transform .75s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}.flip-card:hover .flip-inner{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;border-radius:24px;padding:30px;backface-visibility:hidden;border:1px solid var(--line);box-shadow:0 16px 45px rgba(7,21,46,.08);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.flip-front{background:linear-gradient(135deg,#fff,#eef7ff)}.flip-front:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg,rgba(7,89,215,.16),rgba(114,223,0,.14));right:-70px;top:-70px}.flip-back{background:var(--grad);color:#fff;transform:rotateY(180deg)}.flip-back p{color:#e5f3ff;font-size:14px}
/* accordion */
.accordion{max-width:900px;margin:auto}.accordion-item{border-bottom:1px solid var(--line)}
.accordion-btn{width:100%;background:none;border:0;padding:24px 0;text-align:left;display:flex;justify-content:space-between;gap:20px;font-weight:800;font-size:17px;cursor:pointer;
	color:#fff !important;}.accordion-btn span{width:30px;height:30px;border-radius:50%;background:#edf5ff;color:var(--blue);display:grid;place-items:center;transition:.3s}.accordion-item.open .accordion-btn span{transform:rotate(45deg);background:var(--blue);color:#fff}.accordion-content{max-height:0;overflow:hidden;transition:max-height .45s ease}.accordion-content p{padding:0 45px 22px 0;font-size:14px}
/* process */
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:step}.process-card{position:relative;padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.04);overflow:hidden}.process-card:before{counter-increment:step;content:"0" counter(step);font:700 70px "";color:rgba(255,255,255,.06);position:absolute;right:12px;top:0}.process-card h3{color:#fff}.process-card p{color:#b9cbea;font-size:13px}
/* testimonials */
.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.quote{background:#fff;border:1px solid var(--line);border-radius:25px;padding:30px;box-shadow:0 14px 45px rgba(7,21,46,.06)}.quote-mark{font:700 48px "";background:var(--grad);-webkit-background-clip:text;color:transparent;line-height:.8}.quote p{font-size:14px}.quote .role{font-size:11px;font-weight:800;color:var(--blue);text-transform:uppercase;letter-spacing:1px}
/* cta/footer */
.cta-band{padding:72px 0;background:var(--grad);color:#fff;position:relative;overflow:hidden}.cta-band:before,.cta-band:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}.cta-band:before{width:500px;height:500px;right:-180px;top:-240px}.cta-band:after{width:300px;height:300px;left:-170px;bottom:-180px}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:2}.cta-band h2{max-width:800px}.cta-band p{color:#dcecff;max-width:700px}.footer{background:#020d21;color:#d3e2fa;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:45px}.footer-logo{width:220px;margin-bottom:22px;filter:brightness(1.05)}.footer h4{color:#fff;font-size:18px}.footer p,.footer a{font-size:13px;color:#aebfda}.footer a:hover{color:#fff}.footer-links{display:grid;gap:10px}.socials{display:flex;gap:8px;margin-top:18px}.social{width:38px;height:38px;border-radius:11px;border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.04);transition:.3s}.social:hover{transform:translateY(-4px);background:var(--grad);border-color:transparent}.footer-bottom{margin-top:45px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#8fa6c6}
/* floating */
.float-actions{position:fixed;right:20px;bottom:22px;display:grid;gap:9px;z-index:800}.float-btn{width:49px;height:49px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.2);transition:.3s;font-weight:900}.float-btn:hover{transform:translateY(-5px) scale(1.04)}.float-call{background:var(--blue)}.float-wa{background:#18bd5b}.back-top{position:fixed;right:21px;bottom:185px;width:45px;height:45px;border:0;border-radius:50%;background:#061a3b;color:#fff;z-index:800;opacity:0;visibility:hidden;transform:translateY(12px);transition:.35s;cursor:pointer}.back-top.show{opacity:1;visibility:visible;transform:none}.back-top:hover{background:var(--grad);transform:translateY(-4px) rotate(360deg)}
.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:transparent;z-index:2000}.scroll-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--green))}
/* reveal */
.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s ease}.reveal.show{opacity:1;transform:none}.reveal-left{opacity:0;transform:translateX(-45px);transition:.85s}.reveal-left.show{opacity:1;transform:none}.reveal-right{opacity:0;transform:translateX(45px);transition:.85s}.reveal-right.show{opacity:1;transform:none}@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
/* responsive */
@media(max-width:1100px){.menu>li>a,.drop-toggle{padding-left:8px;padding-right:8px}.nav-cta .btn-outline{display:none}.logo{width:155px}.hero-slider{min-height:620px}.cards{grid-template-columns:repeat(2,1fr)}.flip-grid,.testimonials{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.topbar-inner{padding:8px 0;align-items:flex-start}.topbar-inner>div:last-child{display:none}.nav{min-height:72px}.menu-toggle{display:block;margin-left:auto}.menu{position:absolute;left:4%;right:4%;top:72px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:var(--shadow);display:none;max-height:calc(100vh - 95px);overflow:auto}.menu.open{display:block;animation:fadeUp .25s}.menu>li>a,.drop-toggle{width:100%;justify-content:space-between;padding:13px 14px}.dropdown{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:#f6f9fd;margin:3px 0 5px;padding:6px}.menu>li.open>.dropdown{display:block}.nav-cta{margin-left:0}.nav-cta .btn{display:none}.nav-cta .btn-primary{display:inline-flex;padding:11px 14px}.hero-slider{height:680px}.slide-copy{max-width:90%}.split,.tab-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.section-head,.cta-inner{display:block}.section-head>p{margin-top:15px}.image-frame img{height:430px}}
@media(max-width:600px){.topbar{font-size:10px}.toplinks{gap:10px;justify-content:center}.topbar-inner{min-height:47px}.logo{width:142px}.nav{gap:8px}.hero-slider{height:650px;min-height:650px}.slide-overlay{background:linear-gradient(90deg,rgba(2,13,33,.91),rgba(3,23,57,.55))}.slide h1,.slide h2{font-size:43px}.slide p{font-size:14px}.hero-trust{gap:8px;font-size:10px}.hero-actions .btn{width:100%}.slide-number{right:5%;bottom:76px}.slider-dots{left:5%;bottom:29px}.slider-controls{right:5%;bottom:20px}.section{padding:72px 0}.cards,.flip-grid,.testimonials{grid-template-columns:1fr}.card{padding:24px}.stats{grid-template-columns:1fr 1fr}.stat{padding:20px 10px}.stat strong{font-size:34px}.tab-panel{padding:24px}.tab-panel img{height:230px}.process{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-logo{width:190px}.footer-bottom{display:block}.footer-bottom div+div{margin-top:8px}.cta-inner .btn{width:100%;margin-top:15px}.float-actions{right:14px;bottom:14px}.back-top{right:14px;bottom:180px}}

.svg-icon{display:inline-grid;place-items:center;width:18px;height:18px;vertical-align:middle}.svg-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.footer .svg-icon{margin-right:7px;color:#72df00}.footer a{display:flex;align-items:center}.cursor-glow{position:fixed;width:180px;height:180px;border-radius:50%;pointer-events:none;z-index:50;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(22,199,233,.08),transparent 70%);mix-blend-mode:screen}.social .svg-icon{width:17px;height:17px}.float-btn .svg-icon{width:20px;height:20px}.btn .svg-icon{width:16px;height:16px}

.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form label{font-size:12px;font-weight:800;color:var(--ink)}.contact-form label:nth-last-of-type(2),.contact-form label:nth-last-of-type(1){grid-column:1/-1}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:12px;padding:13px 14px;font:inherit;outline:none;background:#fbfdff}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(7,89,215,.08)}@media(max-width:600px){.contact-form{grid-template-columns:1fr}.contact-form label{grid-column:auto!important}}

.flip-card.flipped .flip-inner{transform:rotateY(180deg)}


/* =========================================================
   SYNCORE GRAND PREMIUM — SAFE ENHANCEMENT LAYER
   Built on the original working theme; no HTML navigation
   structure is altered.
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css');

:root{
  --premium-blue:#0759d7;
  --premium-cyan:#12c9ef;
  --premium-green:#72df00;
  --premium-navy:#03132f;
  --premium-shadow:0 30px 90px rgba(3,19,47,.16);
}

body{
  font-family:'Poppins',Inter,Arial,sans-;
  background:
    radial-gradient(circle at 8% 12%,rgba(18,201,239,.035),transparent 25%),
    radial-gradient(circle at 92% 35%,rgba(114,223,0,.035),transparent 24%),
    #fff;
}
h1,h2,h3,h4,h5,h6,
.page-hero h1,
.slide h1,.slide h2{
  font-family:'Poppins',Arial,sans- !important;
  font-weight:700;
  letter-spacing:-.04em;
}
p,a,button,input,textarea,select,li{
  font-family:'Poppins',Inter,Arial,sans-;
}

/* Premium technical background — purely decorative */
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(7,89,215,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(7,89,215,.025) 1px,transparent 1px);
  background-size:80px 80px;
  mask-image:linear-gradient(to bottom,black,transparent 70%);
}
body:after{
  content:"";
  position:fixed;
  width:340px;height:340px;
  right:-180px;top:28%;
  border-radius:50%;
  pointer-events:none;
  z-index:-1;
  background:radial-gradient(circle,rgba(18,201,239,.09),transparent 68%);
  filter:blur(8px);
  animation:premiumFloat 11s ease-in-out infinite;
}
@keyframes premiumFloat{
  50%{transform:translate(-35px,25px) scale(1.12)}
}

/* Header — elegant, stable */
.header{
  transition:box-shadow .35s ease,background .35s ease;
}
.header.scrolled{
  background:rgba(255,255,255,.90);
  box-shadow:0 16px 55px rgba(3,19,47,.10);
}
.logo{
  transition:transform .35s ease,filter .35s ease;
}
.logo:hover{
  transform:scale(1.025);
  filter:drop-shadow(0 10px 22px rgba(7,89,215,.16));
}

/* Existing chevrons become professional Font Awesome arrows */
.drop-toggle .chev{
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  font-size:10px;
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:var(--premium-blue);
  background:rgba(7,89,215,.07);
  transition:transform .3s ease,background .3s ease,color .3s ease;
}
.drop-toggle .chev{
  font-size:0;
}
.drop-toggle .chev:before{
  content:"\f107";
  font-size:10px;
}
.menu>li:hover>.drop-toggle .chev,
.menu>li.open>.drop-toggle .chev{
  transform:rotate(180deg);
  color:#fff;
  background:linear-gradient(135deg,var(--premium-blue),var(--premium-cyan));
}

/* Dropdown depth without touching functionality */
.dropdown{
  border:1px solid rgba(7,89,215,.10);
  border-radius:16px;
  box-shadow:0 28px 70px rgba(3,19,47,.16);
  padding:8px;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.dropdown:before{
  content:"";
  position:absolute;
  top:-6px;
  left:30px;
  width:11px;height:11px;
  background:#fff;
  border-left:1px solid rgba(7,89,215,.10);
  border-top:1px solid rgba(7,89,215,.10);
  transform:rotate(45deg);
}
.dropdown a{
  transition:transform .25s ease,background .25s ease,color .25s ease;
}
.dropdown a:hover{
  background:linear-gradient(90deg,rgba(7,89,215,.07),rgba(18,201,239,.04));
  transform:translateX(4px);
}

/* Hero becomes more cinematic */
.hero-slider{
  box-shadow:0 30px 100px rgba(2,13,33,.22);
}
.slide-overlay{
  background:
    linear-gradient(90deg,rgba(2,13,33,.94) 0%,rgba(3,23,57,.70) 43%,rgba(3,23,57,.24) 78%,rgba(3,23,57,.45) 100%);
}
.slide.active .slide-copy{
  animation:grandHeroIn .9s cubic-bezier(.2,.7,.2,1) both;
}
@keyframes grandHeroIn{
  from{opacity:0;transform:translateY(28px);filter:blur(4px)}
  to{opacity:1;transform:none;filter:none}
}
.slide h1,.slide h2{
  text-shadow:0 20px 50px rgba(0,0,0,.25);
}
.slide h1 span,.slide h2 span{
  background:linear-gradient(90deg,#fff,#6de9ff,#9afc37);
  -webkit-background-clip:text;
  background-clip:text;
}

/* Cards — premium depth */
.card{
  border-color:rgba(7,89,215,.10);
  box-shadow:0 12px 45px rgba(7,21,46,.045);
}
.card:after{
  content:"";
  position:absolute;
  top:0;bottom:0;left:-130%;
  width:65%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);
  transition:left .8s ease;
  pointer-events:none;
}
.card:hover:after{left:145%}
.card .icon{
  box-shadow:0 12px 28px rgba(7,89,215,.10);
  transition:transform .35s ease,box-shadow .35s ease;
}
.card:hover .icon{
  transform:translateY(-3px) scale(1.06) rotate(-3deg);
  box-shadow:0 18px 35px rgba(7,89,215,.18);
}

/* Existing SVG/icon containers also receive premium treatment */
.svg-icon{
  transition:transform .3s ease;
}
.btn:hover .svg-icon{
  transform:translateX(4px);
}
.btn{
  box-shadow:0 8px 25px rgba(3,19,47,.05);
}
.btn-primary:hover{
  box-shadow:0 20px 45px rgba(7,89,215,.30);
}

/* Section headings */
.section-head h2:after{
  content:"";
  display:block;
  width:68px;
  height:3px;
  margin-top:17px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--premium-blue),var(--premium-cyan),var(--premium-green));
}
.section:not(.dark):not(.alt):before{
  content:"";
  position:absolute;
  right:4%;
  top:38px;
  width:90px;height:1px;
  background:linear-gradient(90deg,transparent,var(--premium-cyan));
  opacity:.25;
}

/* Stats */
.stat{
  position:relative;
  overflow:hidden;
}
.stat:after{
  content:"";
  position:absolute;
  width:120px;height:120px;
  right:-60px;top:-60px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:50%;
  box-shadow:0 0 0 22px rgba(255,255,255,.025),0 0 0 44px rgba(255,255,255,.015);
}
.count{
  text-shadow:0 8px 28px rgba(18,201,239,.15);
}

/* Reveal animation */
.reveal{
  will-change:transform,opacity;
}
.reveal.in-view{
  animation:premiumReveal .75s cubic-bezier(.2,.7,.2,1) both;
}
@keyframes premiumReveal{
  from{opacity:0;transform:translateY(24px)}
  to{opacity:1;transform:none}
}

/* Floating live chat */
#syncore-live-chat{
  position:fixed;
  right:24px;
  bottom:88px;
  z-index:9998;
  font-family:'Poppins',Arial,sans-;
}
.syncore-chat-toggle{
  width:62px;height:62px;
  border:0;border-radius:50%;
  display:grid;place-items:center;
  color:#fff;cursor:pointer;
  background:linear-gradient(135deg,#0759d7,#12c9ef);
  box-shadow:0 16px 40px rgba(7,89,215,.32);
  position:relative;
  transition:.35s cubic-bezier(.2,.7,.2,1);
}
.syncore-chat-toggle:hover{
  transform:translateY(-5px) scale(1.05);
  box-shadow:0 23px 50px rgba(7,89,215,.40);
}
.syncore-chat-toggle>i{font-size:23px}
.syncore-chat-status{
  position:absolute;right:1px;top:1px;
  width:14px;height:14px;border-radius:50%;
  background:#72df00;border:2px solid #fff;
}
.syncore-chat-pulse{
  position:absolute;inset:-7px;
  border:2px solid rgba(18,201,239,.42);
  border-radius:50%;
  animation:chatPulse 2s infinite;
}
@keyframes chatPulse{
  0%{transform:scale(.9);opacity:.9}
  70%,100%{transform:scale(1.2);opacity:0}
}
.syncore-chat-box{
  position:absolute;
  right:0;bottom:78px;
  width:360px;
  max-width:calc(100vw - 30px);
  border-radius:20px;
  overflow:hidden;
  background:rgba(255,255,255,.98);
  border:1px solid rgba(7,89,215,.10);
  box-shadow:0 30px 90px rgba(3,19,47,.22);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  opacity:0;visibility:hidden;
  transform:translateY(12px) scale(.96);
  transform-origin:bottom right;
  transition:.3s cubic-bezier(.2,.7,.2,1);
}
#syncore-live-chat.open .syncore-chat-box{
  opacity:1;visibility:visible;transform:none;
}
.syncore-chat-head{
  padding:17px 18px;
  color:#fff;
  background:linear-gradient(135deg,#03132f,#0759d7);
  display:flex;align-items:center;gap:12px;
}
.syncore-chat-avatar{
  width:40px;height:40px;border-radius:12px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.13);
}
.syncore-chat-avatar i{font-size:18px}
.syncore-chat-head strong{font-size:14px;display:block}
.syncore-chat-head small{font-size:10px;opacity:.78}
.syncore-chat-close{
  margin-left:auto;border:0;background:none;color:#fff;
  cursor:pointer;font-size:17px;
}
.syncore-chat-body{
  padding:18px;
  background:linear-gradient(180deg,#fff,#f6faff);
}
.syncore-chat-message{
  padding:12px 14px;
  background:#fff;
  border:1px solid rgba(7,89,215,.09);
  border-radius:5px 15px 15px 15px;
  font-size:12px;line-height:1.7;
  color:#33435b;
  box-shadow:0 8px 25px rgba(3,19,47,.05);
  margin-bottom:13px;
}
.syncore-chat-options{display:grid;gap:8px}
.syncore-chat-option{
  width:100%;
  border:1px solid rgba(7,89,215,.11);
  background:#fff;
  border-radius:10px;
  padding:10px 12px;
  color:#03132f;
  cursor:pointer;
  text-align:left;
  font-size:11px;
  font-weight:600;
  transition:.25s;
}
.syncore-chat-option:hover{
  transform:translateX(4px);
  border-color:rgba(18,201,239,.45);
  box-shadow:0 8px 22px rgba(7,89,215,.08);
}
.syncore-chat-option i{
  width:22px;
  color:#0759d7;
}
.syncore-chat-footer{
  padding:10px;
  text-align:center;
  border-top:1px solid rgba(7,89,215,.07);
  font-size:9px;color:#8a96a8;
}
@media(max-width:700px){
  #syncore-live-chat{right:15px;bottom:75px}
  .syncore-chat-toggle{width:56px;height:56px}
  .syncore-chat-box{width:330px}
}



/* =========================================================
   SYNCORE V4 — SOCIAL ICONS / DROPDOWN / HERO CAPTION FIX
   ========================================================= */

/* 1. SOCIAL MEDIA ICONS — consistent Font Awesome treatment */
.social-links,
.social-icons,
.footer-social,
.social-media{
  display:flex;
  align-items:center;
  gap:10px;
}
.social-links a,
.social-icons a,
.footer-social a,
.social-media a{
  width:38px;
  height:38px;
  min-width:38px;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  padding:0 !important;
  border-radius:50%;
  text-decoration:none;
  line-height:1;
  transition:transform .28s ease,background .28s ease,color .28s ease,box-shadow .28s ease;
}
.social-links a i,
.social-icons a i,
.footer-social a i,
.social-media a i{
  display:block;
  margin:0;
  font-size:15px;
  line-height:1;
}
.social-links a:hover,
.social-icons a:hover,
.footer-social a:hover,
.social-media a:hover{
  transform:translateY(-4px);
  color:#fff !important;
  background:linear-gradient(135deg,#0759d7,#12c9ef) !important;
  box-shadow:0 10px 25px rgba(7,89,215,.25);
}

/* Header social icons shouldn't inherit generic link underlines */
.toplinks .social-links a,
.topbar .social-links a{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  color:inherit;
}

/* 2. DROPDOWN ICON — don't let generic menu underline rules interfere */
.menu .has-dropdown > .drop-toggle{
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.menu .has-dropdown > .drop-toggle .chev{
  position:relative;
  display:inline-grid !important;
  place-items:center;
  width:20px !important;
  height:20px !important;
  margin-left:3px;
  border-radius:50%;
  font-size:0 !important;
  background:rgba(7,89,215,.07);
  color:#0759d7;
  transition:transform .3s ease,background .3s ease,color .3s ease;
}
.menu .has-dropdown > .drop-toggle .chev:before{
  content:"\f107";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  font-size:10px;
}
.menu .has-dropdown:hover > .drop-toggle .chev,
.menu .has-dropdown.open > .drop-toggle .chev{
  transform:rotate(180deg);
  background:linear-gradient(135deg,#0759d7,#12c9ef);
  color:#fff;
}

/* Make dropdown menu indicators clean if markup has arrows */
.dropdown .fa-chevron-right{
  margin-left:auto;
  font-size:9px;
  opacity:.45;
  transition:.25s;
}
.dropdown a:hover .fa-chevron-right{
  opacity:1;
  transform:translateX(3px);
}

/* 3. HOMEPAGE SLIDER CAPTION — smaller, cleaner and more premium */
.hero-slider .slide-copy{
  
}
.hero-slider .slide-copy h1,
.hero-slider .slide-copy h2{
  font-size:clamp(34px,4.2vw,30px);
  line-height:1.08;
  margin-bottom:15px;
}
.hero-slider .slide-copy p{
  max-width:540px;
  font-size:14px;
  line-height:1.75;
  margin-bottom:20px;
}
.hero-slider .slide-copy .eyebrow{
  font-size:11px;
  letter-spacing:.16em;
  margin-bottom:11px;
}
.hero-slider .slide-copy .hero-actions{
  transform:scale(.94);
  transform-origin:left center;
}
.hero-slider .slide-copy .btn{
  padding:12px 20px;
  font-size:11px;
}
@media(max-width:900px){
  .hero-slider .slide-copy{
    
  }
  .hero-slider .slide-copy h1,
  .hero-slider .slide-copy h2{
    font-size:clamp(31px,6vw,48px);
  }
}
@media(max-width:600px){
  .hero-slider .slide-copy{
    max-width:calc(100% - 20px);
  }
  .hero-slider .slide-copy h1,
  .hero-slider .slide-copy h2{
    font-size:34px;
    line-height:1.1;
    margin-bottom:11px;
  }
  .hero-slider .slide-copy p{
    font-size:12px;
    line-height:1.6;
    max-width:460px;
    margin-bottom:14px;
  }
  .hero-slider .slide-copy .eyebrow{
    font-size:9px;
    margin-bottom:8px;
  }
  .hero-slider .slide-copy .hero-actions{
    transform:scale(.88);
  }
}



/* =========================================================
   SYNCORE V5 — CORPORATE CONTENT + ICON SYSTEM
   ========================================================= */

/* --- Universal Font Awesome icon normalization --- */
i[class*="fa-"], i.fas, i.far, i.fab, i.fa{
  font-style:normal !important;
  font-variant:normal !important;
  text-rendering:auto !important;
  -webkit-font-smoothing:antialiased !important;
}
.fa-solid,.fas{font-family:"Font Awesome 6 Free" !important;font-weight:900 !important}
.fa-regular,.far{font-family:"Font Awesome 6 Free" !important;font-weight:400 !important}
.fa-brands,.fab{font-family:"Font Awesome 6 Brands" !important;font-weight:400 !important}

/* Don't let generic navigation rules distort icons */
.menu i,.topbar i,.footer i,.social-links i,.social-icons i{
  width:auto;
  height:auto;
  padding:0;
  margin:0;
  border:0;
  background:none;
  box-shadow:none;
  transform:none;
}
.social-links a,.social-icons a,.footer-social a,.social-media a{
  overflow:hidden;
}

/* --- Inner page corporate hero --- */
.page-hero{
  min-height:330px;
  display:flex;
  align-items:center;
  position:relative;
  overflow:hidden;
}
.page-hero:after{
  content:"";
  position:absolute;
  width:520px;height:520px;
  right:-190px;top:-260px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  box-shadow:
    0 0 0 35px rgba(255,255,255,.025),
    0 0 0 70px rgba(255,255,255,.018),
    0 0 0 105px rgba(255,255,255,.012);
  pointer-events:none;
}
.page-hero .container{
  position:relative;
  z-index:2;
}
.page-hero h1{
 
  font-size:clamp(38px,5vw,38px);
  line-height:1.06;
}
.page-hero p{
  max-width:700px;
  opacity:.86;
  font-size:14px;
  line-height:1.85;
}

/* --- Corporate section rhythm --- */
.section{
  padding-top:105px;
  padding-bottom:105px;
}
.section-head{
  max-width:850px;
}
.section-head .eyebrow{
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:10px;
}
.section-head h2{
  font-size:clamp(32px,4vw,52px);
  line-height:1.12;
}
.section-head p{
  font-size:14px;
  line-height:1.9;
  color:#607086;
}

/* --- Premium information blocks --- */
.corporate-panel{
  border:1px solid rgba(7,89,215,.10);
  border-radius:20px;
  background:linear-gradient(145deg,#fff,#f7fbff);
  box-shadow:0 22px 65px rgba(3,19,47,.07);
  padding:32px;
  position:relative;
  overflow:hidden;
}
.corporate-panel:before{
  content:"";
  position:absolute;
  left:0;top:0;
  width:5px;height:100%;
  background:linear-gradient(180deg,#0759d7,#12c9ef,#72df00);
}
.corporate-panel h3{
  margin-top:0;
  font-size:21px;
}
.corporate-panel p{
  color:#607086;
  line-height:1.85;
}

/* --- Vision / Mission premium cards --- */
.vm-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  margin-top:38px;
}
.vm-card{
  position:relative;
  overflow:hidden;
  padding:34px;
  min-height:255px;
  border-radius:22px;
  color:#fff;
  background:linear-gradient(135deg,#03132f,#0759d7);
  box-shadow:0 25px 70px rgba(3,19,47,.16);
}
.vm-card:nth-child(2){
  background:linear-gradient(135deg,#0759d7,#087fbe);
}
.vm-card:after{
  content:"";
  position:absolute;
  width:230px;height:230px;
  right:-95px;bottom:-110px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  box-shadow:0 0 0 25px rgba(255,255,255,.025),0 0 0 50px rgba(255,255,255,.018);
}
.vm-icon{
  width:58px;height:58px;
  border-radius:16px;
  display:grid;
  place-items:center;
  margin-bottom:22px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
}
.vm-icon i{font-size:23px}
.vm-card h3{font-size:25px;margin:0 0 12px}
.vm-card p{font-size:13px;line-height:1.85;opacity:.85;max-width:570px}

/* --- Corporate values --- */
.values-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:35px;
}
.value-card{
  padding:28px;
  border:1px solid rgba(7,89,215,.10);
  border-radius:18px;
  background:#fff;
  box-shadow:0 15px 45px rgba(3,19,47,.055);
  transition:transform .3s,box-shadow .3s,border-color .3s;
}
.value-card:hover{
  transform:translateY(-7px);
  box-shadow:0 25px 60px rgba(3,19,47,.10);
  border-color:rgba(18,201,239,.30);
}
.value-icon{
  width:46px;height:46px;
  display:grid;place-items:center;
  border-radius:13px;
  color:#0759d7;
  background:linear-gradient(135deg,rgba(7,89,215,.10),rgba(18,201,239,.08));
  margin-bottom:17px;
}
.value-card h4{margin:0 0 8px;font-size:16px}
.value-card p{font-size:12px;line-height:1.75;color:#68788d}

/* --- FAQ accordion --- */
.faq-section{
  background:linear-gradient(180deg,#f7faff,#fff);
}
.faq-list{
  max-width:900px;
  margin:38px auto 0;
}
.faq-item{
  border:1px solid rgba(7,89,215,.10);
  border-radius:15px;
  background:#fff;
  margin-bottom:12px;
  overflow:hidden;
  box-shadow:0 8px 28px rgba(3,19,47,.035);
}
.faq-question{
  width:100%;
  border:0;
  background:none;
  padding:20px 22px;
  display:flex;
  align-items:center;
  gap:15px;
  text-align:left;
  color:#03132f;
  font-family:'Poppins',Arial,sans-;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
}
.faq-question .faq-num{
  color:#0759d7;
  font-size:10px;
  letter-spacing:.1em;
  min-width:28px;
}
.faq-question .faq-chevron{
  margin-left:auto;
  width:28px;height:28px;
  min-width:28px;
  border-radius:50%;
  display:grid;place-items:center;
  color:#0759d7;
  background:rgba(7,89,215,.07);
  transition:.3s;
}
.faq-answer{
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows .35s ease;
}
.faq-answer-inner{
  overflow:hidden;
  padding:0 22px;
  color:#68788d;
  font-size:12px;
  line-height:1.85;
}
.faq-item.open .faq-answer{grid-template-rows:1fr}
.faq-item.open .faq-answer-inner{padding-bottom:20px}
.faq-item.open .faq-chevron{
  transform:rotate(180deg);
  background:linear-gradient(135deg,#0759d7,#12c9ef);
  color:#fff;
}

/* --- Corporate CTA --- */
.corporate-cta{
  position:relative;
  overflow:hidden;
  padding:65px 0;
  color:#fff;
  background:
    radial-gradient(circle at 85% 50%,rgba(18,201,239,.18),transparent 25%),
    linear-gradient(135deg,#03132f,#0759d7);
}
.corporate-cta h2{
  font-size:clamp(30px,4vw,50px);
  max-width:720px;
}
.corporate-cta p{
  max-width:650px;
  opacity:.78;
  line-height:1.8;
}

/* --- Responsive --- */
@media(max-width:900px){
  .section{padding-top:80px;padding-bottom:80px}
  .vm-grid{grid-template-columns:1fr}
  .values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .page-hero{min-height:280px}
  .page-hero h1{font-size:37px}
  .section{padding-top:65px;padding-bottom:65px}
  .corporate-panel{padding:24px}
  .values-grid{grid-template-columns:1fr}
  .vm-card{padding:27px}
}


/* =========================================================
   V6 — TRUE FONT AWESOME ICON FIX
   ========================================================= */
.menu .drop-toggle .menu-chevron{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  margin-left:8px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:currentColor !important;
  font-family:"Font Awesome 6 Free" !important;
  font-weight:900 !important;
  font-size:9px !important;
  line-height:1 !important;
  transition:transform .25s ease,color .25s ease !important;
}
.menu>li:hover>.drop-toggle .menu-chevron,
.menu>li.open>.drop-toggle .menu-chevron{
  transform:rotate(180deg) !important;
  color:var(--blue) !important;
  background:transparent !important;
}
.menu .drop-toggle .chev{display:none !important}

/* Social icons: actual Font Awesome glyphs, never SVG */
.socials{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
.socials .social{
  width:42px !important;
  height:42px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:#fff !important;
  line-height:1 !important;
  overflow:hidden !important;
  transition:transform .28s ease,background .28s ease,box-shadow .28s ease !important;
}
.socials .social i{
  display:block !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  color:inherit !important;
  background:none !important;
  font-size:16px !important;
  line-height:1 !important;
  font-style:normal !important;
}
.socials .social:hover{
  transform:translateY(-4px) !important;
  background:linear-gradient(135deg,#0759d7,#12c9ef) !important;
  border-color:transparent !important;
  color:#fff !important;
  box-shadow:0 12px 30px rgba(7,89,215,.30) !important;
}
.socials .social:hover i{
  color:#fff !important;
  transform:none !important;
}

/* Remove old SVG icon rules only for social buttons */
.socials .svg-icon{display:none !important}


/* =========================================================
   SYNCORE V7 — CORPORATE MENU / IMAGE / BREADCRUMB / CHAT
   ========================================================= */

/* Menu: medium-weight corporate typography */
.menu > li > a,
.menu > li > .drop-toggle{
  font-family:'Poppins',Arial,sans- !important;
  font-size:14px !important;
  font-weight:500 !important;
  letter-spacing:.005em;
}
.menu .dropdown a{
  font-family:'Poppins',Arial,sans- !important;
  font-size:12px !important;
  font-weight:500 !important;
}

/* Grand dropdown appearance */
.menu > li > .drop-toggle{
  transition:color .25s ease,transform .25s ease;
}
.menu > li:hover > .drop-toggle,
.menu > li.open > .drop-toggle{
  color:#0759d7 !important;
}
.menu > li > .drop-toggle .chev,
.menu > li > .drop-toggle .fa-chevron-down{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:auto !important;
  height:auto !important;
  padding:0 !important;
  margin-left:6px !important;
  border:0 !important;
  border-radius:0 !important;
  background:none !important;
  box-shadow:none !important;
  color:currentColor !important;
  font-size:9px !important;
}
.menu > li > .drop-toggle .chev:before{
  content:"\f078" !important;
  font-family:"Font Awesome 6 Free" !important;
  font-weight:900 !important;
  font-size:9px !important;
}
.menu > li:hover > .drop-toggle .chev,
.menu > li.open > .drop-toggle .chev{
  transform:rotate(180deg) !important;
}

/* Dropdown becomes a premium panel */
.menu .dropdown{
  min-width:265px;
  padding:10px !important;
  border:1px solid rgba(7,89,215,.12) !important;
  border-radius:17px !important;
  background:rgba(255,255,255,.985) !important;
  box-shadow:0 30px 90px rgba(3,19,47,.18),0 2px 10px rgba(7,89,215,.06) !important;
}
.menu .dropdown a{
  position:relative;
  min-height:42px;
  padding:10px 13px !important;
  border-radius:10px;
  display:flex !important;
  align-items:center;
  gap:10px;
  color:#24344d !important;
  transition:background .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease;
}
.menu .dropdown a:before{
  content:"";
  width:3px;
  height:0;
  border-radius:99px;
  background:linear-gradient(180deg,#0759d7,#12c9ef);
  transition:height .25s ease;
}
.menu .dropdown a:hover{
  color:#0759d7 !important;
  background:linear-gradient(90deg,rgba(7,89,215,.075),rgba(18,201,239,.035)) !important;
  transform:translateX(4px);
  box-shadow:0 7px 20px rgba(7,89,215,.07);
}
.menu .dropdown a:hover:before{height:22px}

/* Breadcrumbs — premium, readable, image-safe */
.breadcrumb,
.breadcrumbs,
.page-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  font-family:'Poppins',Arial,sans-;
  font-size:11px;
  font-weight:500;
}
.breadcrumb a,
.breadcrumbs a,
.page-breadcrumb a{
  color:inherit;
  text-decoration:none;
  transition:color .2s ease;
}
.breadcrumb a:hover,
.breadcrumbs a:hover,
.page-breadcrumb a:hover{
  color:#12c9ef !important;
}
.breadcrumb .separator,
.breadcrumbs .separator,
.page-breadcrumb .separator{
  opacity:.55;
  font-size:9px;
}
.breadcrumb img,
.breadcrumbs img,
.page-breadcrumb img{
  max-width:100%;
  height:auto;
  object-fit:contain;
}

/* All content images: elegant reveal + hover */
main img,
.section img,
.content img,
.card img,
.page-content img{
  transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .55s ease,box-shadow .55s ease;
}
main img:hover,
.section img:hover,
.content img:hover,
.card img:hover,
.page-content img:hover{
  transform:scale(1.025);
  filter:saturate(1.06) contrast(1.02);
}
.image-wrap,
.image-box,
.card-image{
  overflow:hidden;
}
.image-wrap img:hover,
.image-box img:hover,
.card-image img:hover{
  transform:scale(1.055);
}

/* Section images get a premium edge highlight */
.image-wrap,
.image-box{
  border-radius:18px;
  position:relative;
}
.image-wrap:after,
.image-box:after{
  content:"";
  position:absolute;
  inset:0;
  border:1px solid rgba(255,255,255,.16);
  border-radius:inherit;
  pointer-events:none;
}

/* Reveal animation for sections/cards/images */
.reveal,
.section .card,
.section .corporate-panel,
.section .value-card,
.section .vm-card{
  animation:premiumRise .8s cubic-bezier(.2,.7,.2,1) both;
}
@keyframes premiumRise{
  from{opacity:0;transform:translateY(25px)}
  to{opacity:1;transform:none}
}

/* Stagger grid children */
.cards > *,
.values-grid > *,
.vm-grid > *,
.process > *{
  animation:premiumRise .75s cubic-bezier(.2,.7,.2,1) both;
}
.cards > *:nth-child(2),.values-grid > *:nth-child(2),.vm-grid > *:nth-child(2){animation-delay:.08s}
.cards > *:nth-child(3),.values-grid > *:nth-child(3),.vm-grid > *:nth-child(3){animation-delay:.16s}
.cards > *:nth-child(4),.values-grid > *:nth-child(4){animation-delay:.24s}
.cards > *:nth-child(5),.values-grid > *:nth-child(5){animation-delay:.32s}
.cards > *:nth-child(6),.values-grid > *:nth-child(6){animation-delay:.40s}

/* Live chat: reserve a dedicated corner so it never overlaps fixed social icons */
#syncore-live-chat{
  right:24px !important;
  bottom:24px !important;
  z-index:9990 !important;
}
.syncore-chat-toggle{
  width:58px !important;
  height:58px !important;
}
@media(max-width:900px){
  #syncore-live-chat{right:18px !important;bottom:82px !important}
}
@media(max-width:600px){
  #syncore-live-chat{right:14px !important;bottom:76px !important}
  .syncore-chat-toggle{width:54px !important;height:54px !important}
}

/* Prevent chat from colliding with back-to-top */
.back-to-top ~ #syncore-live-chat{}
body.has-fixed-socials #syncore-live-chat{
  bottom:92px !important;
}

/* Contact FAQ placement */
.contact-faq-wrap{
  padding-top:0;
}



/* =========================================================
   V8 — FULL-PAGE MOTION + FLOATING CONTROL SPACING
   ========================================================= */
:root{--motion-ease:cubic-bezier(.2,.72,.2,1)}
/* Every content section gets a smooth fade/slide entrance and a soft fade when it leaves the viewport. */
.motion-section{opacity:0;transform:translateY(34px);filter:blur(2px);transition:opacity .85s var(--motion-ease),transform .85s var(--motion-ease),filter .85s var(--motion-ease)}
.motion-section.is-visible{opacity:1;transform:none;filter:none}
.motion-item{opacity:0;transform:translateY(28px) scale(.985);transition:opacity .72s var(--motion-ease),transform .72s var(--motion-ease),filter .72s var(--motion-ease);filter:blur(1.5px)}
.motion-section.is-visible .motion-item{opacity:1;transform:none;filter:none}
.motion-item:nth-child(2){transition-delay:.08s}.motion-item:nth-child(3){transition-delay:.16s}.motion-item:nth-child(4){transition-delay:.24s}.motion-item:nth-child(5){transition-delay:.32s}.motion-item:nth-child(6){transition-delay:.40s}.motion-item:nth-child(7){transition-delay:.48s}
.motion-image{display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit}
.motion-image img,.motion-image video{transition:transform 1.15s var(--motion-ease),filter 1.15s var(--motion-ease)}
.motion-section.is-visible .motion-image img,.motion-section.is-visible .motion-image video{transform:scale(1.02)}
.section.motion-section:after{content:"";position:absolute;inset:auto 8% 0;height:1px;background:linear-gradient(90deg,transparent,rgba(18,201,239,.18),transparent);pointer-events:none}
.page-hero.motion-section .breadcrumb,.page-hero.motion-section .eyebrow,.page-hero.motion-section h1,.page-hero.motion-section p{opacity:0;transform:translateY(22px);transition:opacity .75s var(--motion-ease),transform .75s var(--motion-ease)}
.page-hero.motion-section.is-visible .breadcrumb{opacity:1;transform:none}
.page-hero.motion-section.is-visible .eyebrow{opacity:1;transform:none;transition-delay:.08s}
.page-hero.motion-section.is-visible h1{opacity:1;transform:none;transition-delay:.16s}
.page-hero.motion-section.is-visible p{opacity:1;transform:none;transition-delay:.24s}
.cta-band.motion-section .cta-inner>*{opacity:0;transform:translateY(25px);transition:opacity .75s var(--motion-ease),transform .75s var(--motion-ease)}
.cta-band.motion-section.is-visible .cta-inner>*{opacity:1;transform:none}
.cta-band.motion-section.is-visible .cta-inner>div:nth-child(2){transition-delay:.16s}
/* Fixed controls occupy separate vertical zones: call/WhatsApp -> chat -> back-to-top. */
.float-actions{right:20px;bottom:22px;z-index:800}
#syncore-live-chat{right:24px;bottom:145px;z-index:9998}
.back-top{right:21px;bottom:215px;z-index:800}
#syncore-live-chat.open .syncore-chat-box{bottom:80px}
@media(max-width:700px){
  .float-actions{right:14px;bottom:14px}
  #syncore-live-chat{right:14px;bottom:100px}
  .back-top{right:14px;bottom:174px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .motion-section,.motion-item{opacity:1!important;transform:none!important;filter:none!important}
}

/* =========================================================
   SYNCORE FINAL POLISH — FOOTER + FLOATING ACTION RAIL
   ========================================================= */
.footer{
  padding:78px 0 24px;
  background:linear-gradient(180deg,#020d21 0%,#031631 100%);
}
.footer-grid{
  grid-template-columns:minmax(260px,1.35fr) minmax(145px,.8fr) minmax(175px,.95fr) minmax(230px,1.15fr);
  gap:54px;
  align-items:start;
}
.footer-grid>div{min-width:0}
.footer-logo{
  width:215px;
  height:auto;
  display:block;
  margin:0 0 22px;
}
.footer p{
  max-width:390px;
  line-height:1.8;
  margin:0;
}
.footer h4{
  margin:2px 0 20px;
  font-size:16px;
  line-height:1.2;
  letter-spacing:.02em;
}
.footer-links{
  display:grid;
  gap:12px;
}
.footer-links a{
  display:flex;
  align-items:flex-start;
  gap:9px;
  line-height:1.55;
  text-decoration:none;
}
.footer-links .svg-icon{
  flex:0 0 16px;
  width:16px;
  height:16px;
  margin-top:2px;
}
.footer-links .svg-icon svg{width:16px;height:16px}
.socials{
  display:flex !important;
  flex-wrap:wrap;
  align-items:center;
  gap:10px !important;
  margin-top:22px !important;
}
.socials .social{
  flex:0 0 42px;
}
.footer-bottom{
  margin-top:54px;
  padding-top:20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  line-height:1.6;
}
.footer-bottom div:last-child{text-align:right}

/* Supplied industry images */
.sector-image{
  width:calc(100% + 48px);
  height:180px;
  margin:-24px -24px 22px;
  overflow:hidden;
  background:#eaf1fa;
}
.sector-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .7s ease;
}
.card:hover .sector-image img{
  transform:scale(1.06);
  filter:saturate(1.08) contrast(1.03);
}
.premium-feature-image{
  min-height:360px;
  position:relative;
  overflow:hidden;
}
.premium-feature-image img{
  width:100%;
  height:100%;
  min-height:360px;
  display:block;
  object-fit:cover;
}

/* Four-control floating rail:
   1 Call · 2 WhatsApp · 3 Live chat · 4 Back to top */
.float-actions{
  position:fixed !important;
  right:24px !important;
  bottom:24px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:10px !important;
  z-index:9000 !important;
}
.float-btn{
  position:relative !important;
  inset:auto !important;
  width:50px !important;
  height:50px !important;
  flex:0 0 50px !important;
}
#syncore-live-chat{
  right:24px !important;
  bottom:144px !important;
  z-index:9001 !important;
}
.syncore-chat-toggle{
  width:50px !important;
  height:50px !important;
  flex:0 0 50px !important;
}
.syncore-chat-box{
  bottom:62px !important;
}
.back-top{
  right:24px !important;
  bottom:204px !important;
  width:50px !important;
  height:50px !important;
  z-index:9002 !important;
}
#syncore-live-chat.open .syncore-chat-box{
  bottom:62px !important;
}

/* Keep all four controls on one clean vertical axis */
.float-actions .float-btn,
#syncore-live-chat .syncore-chat-toggle,
.back-top{
  box-sizing:border-box;
  box-shadow:0 10px 28px rgba(3,19,47,.24);
}
.float-actions .float-btn:hover,
#syncore-live-chat .syncore-chat-toggle:hover,
.back-top:hover{
  transform:translateY(-4px) scale(1.04);
}

/* Smooth image presentation */
.image-frame{
  overflow:hidden;
}
.image-frame img{
  transition:transform 1s cubic-bezier(.2,.7,.2,1),filter 1s ease;
}
.image-frame:hover img{
  transform:scale(1.035);
  filter:saturate(1.06) contrast(1.02);
}

@media(max-width:900px){
  .footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:38px 28px;
  }
  .footer-bottom{
    align-items:flex-start;
  }
  .footer-bottom div:last-child{text-align:left}
  .sector-image{height:165px}
}
@media(max-width:600px){
  .footer{
    padding:62px 0 22px;
  }
  .footer-grid{
    grid-template-columns:1fr;
    gap:30px;
  }
  .footer-logo{width:190px}
  .footer-bottom{
    display:grid;
    gap:8px;
    margin-top:38px;
  }
  .footer-bottom div:last-child{text-align:left}
  .sector-image{
    width:calc(100% + 48px);
    height:190px;
  }
  .premium-feature-image,
  .premium-feature-image img{
    min-height:260px;
  }
  .float-actions{
    right:14px !important;
    bottom:14px !important;
    gap:8px !important;
  }
  .float-btn,
  .syncore-chat-toggle,
  .back-top{
    width:48px !important;
    height:48px !important;
    flex-basis:48px !important;
  }
  #syncore-live-chat{
    right:14px !important;
    bottom:126px !important;
  }
  .back-top{
    right:14px !important;
    bottom:188px !important;
  }
  .syncore-chat-box{
    right:0 !important;
    bottom:60px !important;
    max-width:calc(100vw - 28px) !important;
  }
}

/* V9 homepage image-led capabilities and industries */
.capability-grid,.industry-home-grid,.sector-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.capability-card,.sector-card{overflow:hidden;display:flex;flex-direction:column}
.capability-card .sector-image,.sector-card .sector-image{margin:-24px -24px 22px;width:calc(100% + 48px);height:205px}
.capability-card h3,.sector-card h3{margin-top:0}
.capability-card .btn,.sector-card .btn{margin-top:auto;align-self:flex-start}
.capability-card .icon,.sector-card .icon{margin-bottom:12px}
.contact-details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.contact-detail-card{display:flex;flex-direction:column;align-items:flex-start}
.contact-detail-card p{line-height:1.7;min-height:52px}
.contact-detail-card .btn{margin-top:auto}
.contact-form-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:start;margin-top:45px}
.footer-hours{font-size:13px;color:#aebfda;line-height:1.7;margin-top:12px}
.footer-hours .svg-icon{vertical-align:top;margin-right:7px}
.footer-hours-indent{display:inline-block;padding-left:25px}
@media(max-width:900px){.capability-grid,.industry-home-grid,.sector-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-form-layout{grid-template-columns:1fr}}
@media(max-width:600px){.capability-grid,.industry-home-grid,.sector-home-grid,.contact-details-grid{grid-template-columns:1fr}.capability-card .sector-image,.sector-card .sector-image{height:190px}}


/* Sector component cards — image-led presentation */
.component-card{
  overflow:hidden;
  padding:0 0 26px;
}
.component-card .component-num{
  z-index:3;
  right:16px;
  top:14px;
  color:#fff;
  opacity:1;
  text-shadow:0 2px 8px rgba(0,0,0,.45);
}
.component-card .component-icon{
  display:none !important;
}
.component-card .component-image{
  width:100%;
  height:185px;
  overflow:hidden;
  margin:0 0 22px;
  background:#dfe5e3;
}
.component-card .component-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  transition:transform .55s ease;
}
.component-card:hover .component-image img{
  transform:scale(1.045);
}
.component-card h3,
.component-card p{
  margin-left:26px;
  margin-right:26px;
}
.component-card h3{
  margin-top:0;
}
@media(max-width:600px){
  .component-card .component-image{height:210px}
}

/* Careers page */
.careers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:35px 0 50px}.career-card{border:1px solid rgba(120,140,160,.24);border-radius:16px;padding:30px;background:var(--surface,#fff);box-shadow:0 8px 28px rgba(0,0,0,.05);display:flex;flex-direction:column;gap:16px}.career-card h3{font-size:clamp(19px,2vw,25px);margin:0}.career-number{color:#c38a3c;font-weight:700;letter-spacing:.1em}.career-apply{color:#bb822f;font-weight:700;text-decoration:none;margin-top:auto}.career-apply:hover{text-decoration:underline}.career-note{padding:32px;border-radius:16px;background:rgba(130,140,150,.08)}.career-note a{color:#b77b24}.career-small{opacity:.75;font-size:.9rem}@media(max-width:700px){.careers-grid{grid-template-columns:1fr}.career-card{padding:24px}}