/* =========================================================
   Vixona Inc — Premium Light-Mode Theme
   Palette: Light Blue, Dark Blue, White, Black
   ========================================================= */
:root{
  --nx-blue:#0b6bff;
  --nx-blue-2:#3b82f6;
  --nx-blue-light:#e8f1ff;
  --nx-blue-soft:#f4f8ff;
  --nx-dark:#0a1f44;
  --nx-dark-2:#0f2a5e;
  --nx-ink:#0b1220;
  --nx-muted:#5b6b8a;
  --nx-border:#e6ecf5;
  --nx-white:#ffffff;
  --nx-grad: #0a1f44;
  --nx-grad-soft: #f4f8ff;
  --nx-shadow-sm: 0 6px 18px rgba(11,107,255,.08);
  --nx-shadow: 0 18px 50px rgba(10,31,68,.12);
  --nx-radius: 18px;
  --nx-radius-lg: 26px;
  --nx-font: 'Plus Jakarta Sans', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --nx-font-display:'Space Grotesk','Plus Jakarta Sans',sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden;scroll-padding-top:120px}
body{
  font-family:var(--nx-font);
  color:var(--nx-ink);
  background:var(--nx-white);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
h1,h2,h3,h4,h5,h6{font-family:var(--nx-font-display);font-weight:700;color:var(--nx-dark);letter-spacing:-.02em}
h1{font-size:clamp(2.25rem,4.6vw,3.6rem);line-height:1.1}
h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.15}
p{color:var(--nx-muted)}
a{text-decoration:none;color:var(--nx-blue);transition:.25s}
a:hover{color:var(--nx-dark)}

/* ===== Utilities ===== */
.nx-grad-text{
  background:var(--nx-grad);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.nx-grad-bg{background:var(--nx-grad)}
.nx-eyebrow{
  display:inline-flex;align-items:center;
  padding:.45rem .9rem;border-radius:999px;
  background:var(--nx-blue-light);color:var(--nx-dark);
  font-weight:600;font-size:.82rem;margin-bottom:1rem;
  border:1px solid rgba(11,107,255,.15);
}

/* ===== Buttons ===== */
.btn{border-radius:999px;font-weight:600;padding:.85rem 1.6rem;transition:.3s;border:0}
.nx-btn-primary{
  background:var(--nx-grad);color:#fff !important;
  box-shadow:0 12px 26px rgba(11,107,255,.35);
}
.nx-btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(11,107,255,.45);color:#fff}
.nx-btn-ghost{
  background:#fff;color:var(--nx-dark) !important;
  border:1px solid var(--nx-border);
}
.nx-btn-ghost:hover{border-color:var(--nx-blue);color:var(--nx-blue) !important;transform:translateY(-2px)}
.nx-btn-light{background:#fff;color:var(--nx-dark) !important;box-shadow:0 12px 26px rgba(0,0,0,.18)}
.nx-btn-light:hover{transform:translateY(-2px)}
.nx-btn-sm{padding:.6rem 1.15rem;font-size:.92rem}

/* ===== Top Bar ===== */
.vx-topbar{
  position:fixed;top:0;left:0;right:0;z-index:1060;
  background:var(--nx-dark);
  padding:0;height:36px;
  display:flex;align-items:center;
}
.vx-topbar-left{display:flex;align-items:center;gap:1.4rem}
.vx-topbar-left a{
  color:#a9b9d8;font-size:.8rem;font-weight:500;
  display:inline-flex;align-items:center;gap:.4rem;
  transition:.2s;white-space:nowrap;
}
.vx-topbar-left a:hover{color:#fff}
.vx-topbar-left a i{font-size:.75rem;color:var(--nx-blue-2)}
.vx-topbar-right{display:flex;align-items:center;gap:.45rem}
.vx-topbar-right a{
  width:26px;height:26px;border-radius:50%;
  background:rgba(255,255,255,.08);color:#a9b9d8;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:.72rem;transition:.25s;
}
.vx-topbar-right a:hover{background:var(--nx-blue);color:#fff;transform:translateY(-1px)}

/* ===== Navbar ===== */
.nx-navbar{
  background:#fff;
  border-bottom:1px solid var(--nx-border);
  box-shadow:0 2px 12px rgba(10,31,68,.06);
  transition:.3s;padding:.75rem 0;
  top:36px;
}
.nx-navbar.scrolled{
  background:#fff;
  border-bottom:1px solid var(--nx-border);
  box-shadow:0 4px 20px rgba(10,31,68,.09);
}
.nx-logo-mark{
  width:38px;height:38px;border-radius:12px;
  background:var(--nx-grad);color:#fff;
  display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 8px 18px rgba(11,107,255,.35);
}
.nx-logo-text{font-family:var(--nx-font-display);font-weight:800;font-size:1.3rem;color:var(--nx-dark)}
.nx-logo-text span{color:var(--nx-blue)}
.navbar-nav .nav-link{
  color:var(--nx-dark) !important;font-weight:600;
  padding:.5rem .95rem !important;border-radius:10px;
  position:relative;
}
.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color:var(--nx-blue) !important;background:var(--nx-blue-light)}
.navbar-toggler{border:1px solid var(--nx-border);color:var(--nx-dark)}
.navbar-toggler:focus{box-shadow:none}

/* Mega menu */
.nx-mega-menu{
  border:0;border-radius:var(--nx-radius);
  box-shadow:var(--nx-shadow);min-width:560px;
  background:#fff;margin-top:.5rem;
}
.nx-mega-title{color:var(--nx-dark);font-weight:700;margin-bottom:.85rem}
.nx-mega-list li a{
  display:flex;align-items:center;gap:.5rem;
  padding:.4rem .25rem;color:var(--nx-muted);font-weight:500;
}
.nx-mega-list li a i{color:var(--nx-blue);font-size:.75rem}
.nx-mega-list li a:hover{color:var(--nx-blue);transform:translateX(3px)}

/* ===== Hero ===== */
.nx-hero{
  position:relative;padding:160px 0 110px;
  background:var(--nx-grad-soft);
  overflow:hidden;
}
.nx-hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.nx-hero-bg .shape{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55}
.nx-hero-bg .s1{width:420px;height:420px;background:#a9c8ff;top:-120px;left:-80px;animation:float 14s ease-in-out infinite}
.nx-hero-bg .s2{width:340px;height:340px;background:#cfe0ff;bottom:-120px;right:-80px;animation:float 16s ease-in-out infinite reverse}
.nx-hero-bg .s3{width:200px;height:200px;background:#d9e6ff;top:35%;left:40%;animation:float 12s ease-in-out infinite}
.nx-hero-bg .s4{width:160px;height:160px;background:#bcd5ff;bottom:15%;left:15%;animation:float 18s ease-in-out infinite reverse}

.nx-hero-title{margin-bottom:1.25rem}
.nx-hero-sub{font-size:1.1rem;max-width:560px}
.nx-hero-trust{display:flex;gap:2rem;flex-wrap:wrap}
.nx-hero-trust div{display:flex;flex-direction:column}
.nx-hero-trust strong{font-family:var(--nx-font-display);font-size:1.6rem;color:var(--nx-dark)}
.nx-hero-trust span{color:var(--nx-muted);font-size:.88rem}

.nx-hero-visual{position:relative;min-height:460px}
.nx-hero-orb{
  position:absolute;inset:auto 0 0 0;margin:auto;
  width:380px;height:380px;border-radius:50%;
  background:var(--nx-grad);opacity:.18;filter:blur(40px);
  top:30%;left:20%;
}
.nx-glass-card{
  position:absolute;background:rgba(255,255,255,.7);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.8);
  border-radius:var(--nx-radius);padding:1.25rem 1.4rem;
  box-shadow:var(--nx-shadow);min-width:240px;
}
.nx-glass-card.sm{display:flex;align-items:center;gap:.85rem;min-width:200px;padding:.9rem 1.1rem}
.nx-glass-card.big{position:relative;min-width:auto;width:100%;max-width:420px;margin:0 auto}
.nx-hero-visual .nx-glass-card:nth-child(1){top:8%;right:0;width:280px}
.nx-hero-visual .nx-glass-card.sm:nth-child(2){bottom:14%;left:0}
.nx-hero-visual .nx-glass-card.sm.right{top:50%;right:-10px}
.floaty{animation:float 6s ease-in-out infinite}
.floaty-2{animation:float 7s ease-in-out infinite reverse}
.floaty-3{animation:float 8s ease-in-out infinite}
.nx-dot{display:inline-block;width:8px;height:8px;border-radius:50%}

@keyframes float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-14px)}
}

/* ===== Sections ===== */
.nx-section{padding:50px 0;position:relative}
.nx-soft{background:var(--nx-blue-soft)}
.nx-section-head{max-width:760px;margin:0 auto 60px}
.nx-section-head p{margin-top:.5rem}

/* ===== Service Cards ===== */
.nx-service-card{
  background:#fff;border:1px solid var(--nx-border);
  border-radius:var(--nx-radius);padding:1.8rem;
  height:100%;transition:.35s;position:relative;overflow:hidden;
}
.nx-service-card::before{
  content:"";position:absolute;inset:auto -40% -60% auto;
  width:220px;height:220px;border-radius:50%;
  background:var(--nx-grad);opacity:0;transition:.4s;
}
.nx-service-card:hover{transform:translateY(-8px);box-shadow:var(--nx-shadow);border-color:transparent}
.nx-service-card:hover::before{opacity:.06}
.nx-service-card .ico{
  width:58px;height:58px;border-radius:14px;
  background:var(--nx-blue-light);color:var(--nx-blue);
  display:inline-flex;align-items:center;justify-content:center;
  font-size:1.4rem;margin-bottom:1.1rem;transition:.35s;
}
.nx-service-card:hover .ico{background:var(--nx-grad);color:#fff;transform:rotate(-6deg) scale(1.05)}
.nx-service-card h5{margin-bottom:.5rem}
.nx-read{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;color:var(--nx-blue);margin-top:.5rem}
.nx-read i{transition:.3s}
.nx-read:hover i{transform:translateX(4px)}
.nx-service-cta{background:var(--nx-grad);color:#fff;border:0}
.nx-service-cta h5,.nx-service-cta p{color:#fff}
.nx-service-cta .ico{background:rgba(255,255,255,.18);color:#fff}
.nx-service-cta:hover{transform:translateY(-8px)}

/* ===== Staffing highlight ===== */
.nx-staffing{background:linear-gradient(180deg,#fff 0%,var(--nx-blue-soft) 100%)}
.nx-badge{background:var(--nx-grad);color:#fff;padding:.45rem .8rem;border-radius:999px}
.nx-chip{background:var(--nx-blue-light);color:var(--nx-dark);padding:.35rem .75rem;border-radius:999px;font-size:.82rem;font-weight:600}
.nx-mini-stat{background:#fff;border:1px solid var(--nx-border);border-radius:14px;padding:.6rem .4rem}
.nx-mini-stat strong{display:block;color:var(--nx-dark);font-family:var(--nx-font-display)}
.nx-mini-stat small{color:var(--nx-muted)}
.nx-counter h3{font-family:var(--nx-font-display);font-size:2.2rem;background:var(--nx-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0}
.nx-counter small{color:var(--nx-muted);font-weight:600}

/* ===== Tech cards ===== */
.nx-tech-card{
  background:#fff;border:1px solid var(--nx-border);
  border-radius:var(--nx-radius);padding:2rem;text-align:center;height:100%;
  transition:.35s;
}
.nx-tech-card i{font-size:2.2rem;color:var(--nx-blue);margin-bottom:1rem;display:inline-block;transition:.35s}
.nx-tech-card:hover{transform:translateY(-6px);box-shadow:var(--nx-shadow);border-color:transparent}
.nx-tech-card:hover i{transform:scale(1.15) rotate(-5deg);color:var(--nx-dark)}
.nx-tech-card h5{margin-bottom:.5rem}

/* ===== About ===== */
.nx-about-visual{position:relative;min-height:420px}
.nx-about-img{
  width:100%;height:420px;border-radius:var(--nx-radius-lg);
  background:
    linear-gradient(135deg,rgba(10,31,68,.4),rgba(11,107,255,.3)),
    url('https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=1200&q=80') center/cover;
  box-shadow:var(--nx-shadow);
}
.nx-about-visual .nx-glass-card.sm{bottom:20px;left:-20px}

/* ===== Why ===== */
.nx-why-card{
  background:#fff;border:1px solid var(--nx-border);border-radius:var(--nx-radius);
  padding:1.8rem;height:100%;transition:.35s;
}
.nx-why-card i{
  width:56px;height:56px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;
  background:var(--nx-blue-light);color:var(--nx-blue);font-size:1.3rem;margin-bottom:1rem;transition:.35s;
}
.nx-why-card:hover{transform:translateY(-6px);box-shadow:var(--nx-shadow);border-color:transparent}
.nx-why-card:hover i{background:var(--nx-grad);color:#fff}

/* ===== Timeline ===== */
.nx-timeline{
  display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;position:relative;margin-top:30px;
}
.nx-timeline::before{
  content:"";position:absolute;top:42px;left:6%;right:6%;height:2px;
  background:linear-gradient(90deg,transparent,var(--nx-blue),transparent);
}
.nx-step{
  background:#fff;border:1px solid var(--nx-border);border-radius:var(--nx-radius);
  padding:1.6rem 1.2rem;text-align:center;position:relative;transition:.35s;
}
.nx-step .num{
  position:absolute;top:-14px;right:14px;
  background:var(--nx-grad);color:#fff;padding:.3rem .7rem;border-radius:999px;
  font-weight:700;font-size:.78rem;font-family:var(--nx-font-display);
}
.nx-step i{
  width:54px;height:54px;border-radius:50%;background:var(--nx-blue-light);color:var(--nx-blue);
  display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:.8rem;transition:.35s;
}
.nx-step:hover{transform:translateY(-6px);box-shadow:var(--nx-shadow);border-color:transparent}
.nx-step:hover i{background:var(--nx-grad);color:#fff}
.nx-step h6{margin-bottom:.35rem}
.nx-step p{font-size:.88rem;margin:0}

/* ===== Portfolio ===== */
.nx-portfolio-card{
  position:relative;height:300px;border-radius:var(--nx-radius);overflow:hidden;
  background-size:cover;background-position:center;box-shadow:var(--nx-shadow-sm);
  transition:.4s;
}
.nx-portfolio-card .overlay{
  position:absolute;inset:0;padding:1.5rem;display:flex;flex-direction:column;justify-content:flex-end;
  background:linear-gradient(180deg,rgba(10,31,68,0) 30%,rgba(10,31,68,.92) 100%);
  color:#fff;transition:.4s;
}
.nx-portfolio-card .overlay h5,.nx-portfolio-card .overlay p{color:#fff}
.nx-portfolio-card .overlay p{opacity:.9;font-size:.9rem;margin-bottom:.5rem}
.nx-portfolio-card .tag{display:inline-block;background:rgba(255,255,255,.2);backdrop-filter:blur(8px);color:#fff;padding:.3rem .7rem;border-radius:999px;font-size:.75rem;font-weight:600;margin-bottom:.6rem;width:fit-content}
.nx-portfolio-card .nx-read{color:#9cc6ff}
.nx-portfolio-card:hover{transform:translateY(-8px)}
.nx-portfolio-card.p1{background-image:linear-gradient(135deg,rgba(11,107,255,.35),rgba(10,31,68,.55)),url('https://images.unsplash.com/photo-1556761175-5973dc0f32e7?auto=format&fit=crop&w=900&q=80')}
.nx-portfolio-card.p2{background-image:linear-gradient(135deg,rgba(11,107,255,.35),rgba(10,31,68,.55)),url('https://images.unsplash.com/photo-1576091160550-2173dba999ef?auto=format&fit=crop&w=900&q=80')}
.nx-portfolio-card.p3{background-image:linear-gradient(135deg,rgba(11,107,255,.35),rgba(10,31,68,.55)),url('https://images.unsplash.com/photo-1556742111-a301076d9d18?auto=format&fit=crop&w=900&q=80')}
.nx-portfolio-card.p4{background-image:linear-gradient(135deg,rgba(11,107,255,.35),rgba(10,31,68,.55)),url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=900&q=80')}
.nx-portfolio-card.p5{background-image:linear-gradient(135deg,rgba(11,107,255,.35),rgba(10,31,68,.55)),url('https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=900&q=80')}
.nx-portfolio-card.p6{background-image:linear-gradient(135deg,rgba(11,107,255,.35),rgba(10,31,68,.55)),url('https://images.unsplash.com/photo-1503676260728-1c00da094a0b?auto=format&fit=crop&w=900&q=80')}

/* ===== Testimonials ===== */
.nx-testimonials{padding:20px 50px}
.nx-test-card{
  background:#fff;border:1px solid var(--nx-border);border-radius:var(--nx-radius);
  padding:1.8rem;height:100%;box-shadow:var(--nx-shadow-sm);transition:.35s;
}
.nx-test-card:hover{transform:translateY(-6px);box-shadow:var(--nx-shadow)}
.nx-test-card .stars{color:#fbbf24;margin-bottom:.8rem}
.nx-test-card p{font-style:italic;color:var(--nx-ink)}
.nx-test-card .who{display:flex;align-items:center;gap:.8rem;margin-top:1rem}
.nx-test-card .av{
  width:46px;height:46px;border-radius:50%;background:var(--nx-grad);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:700;
}
.nx-test-card .who small{color:var(--nx-muted);display:block}
.carousel-control-prev,.carousel-control-next{width:5%}
.nx-arrow{
  width:46px;height:46px;border-radius:50%;background:#fff;color:var(--nx-dark);
  display:flex;align-items:center;justify-content:center;box-shadow:var(--nx-shadow-sm);
  transition:.3s;
}
.nx-arrow:hover{background:var(--nx-grad);color:#fff}

/* ===== Tech Badges ===== */
.nx-tech-badge{
  background:#fff;border:1px solid var(--nx-border);border-radius:var(--nx-radius);
  padding:1.5rem 1rem;text-align:center;transition:.35s;
}
.nx-tech-badge i{font-size:2.4rem;color:var(--nx-blue);margin-bottom:.7rem;display:block;transition:.35s}
.nx-tech-badge span{font-weight:600;color:var(--nx-dark)}
.nx-tech-badge:hover{transform:translateY(-6px);box-shadow:var(--nx-shadow);border-color:transparent}
.nx-tech-badge:hover i{color:var(--nx-dark);transform:scale(1.15)}

/* ===== CTA Banner ===== */
.nx-cta-banner{padding:60px 0}
.nx-cta-inner{
  position:relative;overflow:hidden;
  background:var(--nx-grad);color:#fff;
  border-radius:var(--nx-radius-lg);padding:3rem;
  box-shadow:0 30px 60px rgba(11,107,255,.35);
}
.nx-cta-inner h2,.nx-cta-inner p{color:#fff}
.nx-cta-inner .nx-grad-text{
  background:linear-gradient(135deg,#fff,#bfd9ff);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.nx-cta-inner .shape{position:absolute;border-radius:50%;filter:blur(40px);opacity:.4}
.nx-cta-inner .c1{width:220px;height:220px;background:#5aa8ff;top:-60px;right:10%}
.nx-cta-inner .c2{width:180px;height:180px;background:#9cc6ff;bottom:-80px;left:20%}

/* ===== Contact ===== */
.nx-contact-info{
  background:#fff;border:1px solid var(--nx-border);border-radius:var(--nx-radius);
  padding:2rem;height:100%;box-shadow:var(--nx-shadow-sm);
}
.nx-contact-info .item{display:flex;gap:1rem;margin-bottom:1.4rem}
.nx-contact-info .item i{
  width:46px;height:46px;border-radius:12px;background:var(--nx-blue-light);color:var(--nx-blue);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.nx-contact-info strong{color:var(--nx-dark)}
.nx-contact-info p{margin:.25rem 0 0;color:var(--nx-muted);font-size:.95rem}
.socials{display:flex;gap:.6rem;margin:1.2rem 0}
.socials a{
  width:40px;height:40px;border-radius:50%;background:var(--nx-blue-light);color:var(--nx-blue);
  display:flex;align-items:center;justify-content:center;transition:.3s;
}
.socials a:hover{background:var(--nx-grad);color:#fff;transform:translateY(-3px)}
.nx-map{
  margin-top:1rem;height:160px;border-radius:14px;
  background:linear-gradient(135deg,var(--nx-blue-light),#dde9ff);
  display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--nx-blue);
  gap:.4rem;border:1px dashed rgba(11,107,255,.3);
}
.nx-map i{font-size:1.8rem}

.nx-form{background:#fff;border:1px solid var(--nx-border);border-radius:var(--nx-radius);padding:2rem;box-shadow:var(--nx-shadow-sm)}
.nx-form .form-label{font-weight:600;color:var(--nx-dark);font-size:.9rem}
.nx-form .form-control,.nx-form .form-select{
  border-radius:12px;border:1px solid var(--nx-border);padding:.8rem 1rem;
  background:var(--nx-blue-soft);transition:.25s;
}
.nx-form .form-control:focus,.nx-form .form-select:focus{
  border-color:var(--nx-blue);box-shadow:0 0 0 4px rgba(11,107,255,.12);background:#fff;
}
.nx-form-msg{color:#0a8a3b;opacity:0;transition:.3s}
.nx-form-msg.show{opacity:1}

/* ===== Footer ===== */
.nx-footer{
  background:linear-gradient(180deg,#06163a 0%,#0a1f44 100%);
  color:#c8d4ee;padding:70px 0 30px;
}
.nx-footer h6{color:#fff;font-weight:700;margin-bottom:1rem}
.nx-footer ul{list-style:none;padding:0;margin:0}
.nx-footer ul li{margin-bottom:.55rem}
.nx-footer ul li,.nx-footer ul li a,.nx-footer small{color:#a9b9d8;font-size:.92rem}
.nx-footer ul li a:hover{color:#fff}
.nx-footer hr{border-color:rgba(255,255,255,.1);margin:2rem 0 1.2rem}
.nx-footer .nx-logo-text{color:#fff}
.nx-footer .text-muted{color:#a9b9d8 !important}
.nx-footer small a{color:#a9b9d8}
.nx-footer small a:hover{color:#fff}

.nx-newsletter{display:flex;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.3rem;margin-top:1rem;max-width:340px}
.nx-newsletter input{flex:1;background:transparent;border:0;color:#fff;padding:.5rem 1rem;outline:none}
.nx-newsletter input::placeholder{color:#a9b9d8}
.nx-newsletter button{
  border:0;background:var(--nx-grad);color:#fff;width:42px;height:42px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;transition:.3s;
}
.nx-newsletter button:hover{transform:scale(1.08)}

/* ===== Back to top ===== */
#toTop{
  position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;
  background:var(--nx-grad);color:#fff;display:flex;align-items:center;justify-content:center;
  box-shadow:0 12px 26px rgba(11,107,255,.35);opacity:0;pointer-events:none;transition:.3s;z-index:999;
}
#toTop.show{opacity:1;pointer-events:auto}
#toTop:hover{transform:translateY(-4px)}

/* selection */
::selection{background:var(--nx-blue);color:#fff}

/* ===== Professional flat overrides (no gradients) ===== */
.nx-grad-text{
  background:none;-webkit-text-fill-color:initial;color:var(--nx-blue);
}
.nx-grad-bg{background:var(--nx-dark) !important}
.nx-btn-primary{background:var(--nx-dark);color:#fff !important;box-shadow:0 8px 20px rgba(10,31,68,.18)}
.nx-btn-primary:hover{background:var(--nx-blue);box-shadow:0 10px 22px rgba(11,107,255,.22)}
.nx-logo-mark{background:var(--nx-dark);box-shadow:none}
.nx-service-card:hover .ico{background:var(--nx-dark);color:#fff;transform:none}
.nx-service-cta{background:var(--nx-dark);border:0}
.nx-badge{background:var(--nx-dark)}
.nx-counter h3{background:none;-webkit-text-fill-color:initial;color:var(--nx-dark)}
.nx-step .num{background:var(--nx-blue);color:#fff}
.nx-step:hover i{background:var(--nx-dark);color:#fff}
.nx-why-card:hover i{background:var(--nx-dark);color:#fff}
.nx-tech-card:hover i{color:var(--nx-dark)}
.nx-arrow:hover{background:var(--nx-dark)}
.nx-test-card .av{background:var(--nx-dark)}
.socials a:hover{background:var(--nx-dark)}
.nx-cta-inner{background:var(--nx-dark);box-shadow:0 20px 40px rgba(10,31,68,.22)}
.nx-cta-inner .nx-grad-text{background:none;-webkit-text-fill-color:initial;color:#9cc6ff}
.nx-cta-inner .shape{display:none}
.nx-newsletter button{background:var(--nx-blue)}
#toTop{background:var(--nx-dark);box-shadow:0 8px 18px rgba(10,31,68,.25)}
.nx-about-img{background:linear-gradient(135deg,rgba(10,31,68,.55),rgba(10,31,68,.25)),url('https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=1200&q=80') center/cover}
.nx-portfolio-card.p1,.nx-portfolio-card.p2,.nx-portfolio-card.p3,
.nx-portfolio-card.p4,.nx-portfolio-card.p5,.nx-portfolio-card.p6{
  background-color:#0a1f44;
}
.nx-hero{background:#f4f8ff}
.nx-hero-bg .shape{opacity:.35}

/* ===== Vixona Inc — Logo ===== */
.vx-brand{display:flex;align-items:center;padding:0}
.vx-logo-img{height:52px;width:auto;object-fit:contain}
.vx-logo-footer{
  background:rgba(255,255,255,.96);
  border-radius:8px;padding:4px 10px;
}

/* ===== Hero Slider ===== */
.vx-hero{position:relative;overflow:hidden}
.vx-hero-slider{position:relative}
.vx-hero-slider .slick-list,
.vx-hero-slider .slick-track{min-height:100vh}
.vx-slide{
  position:relative;
  background-size:cover;background-position:center;background-repeat:no-repeat;
  height:100vh;min-height:600px;
}
.vx-slide-overlay{
  position:absolute;inset:0;
  background:linear-gradient(
    135deg,
    rgba(10,31,68,.86) 0%,
    rgba(10,31,68,.70) 55%,
    rgba(11,107,255,.22) 100%
  );
  pointer-events:none;
}
.vx-slide-inner{
  position:relative;z-index:2;
  height:100%;display:flex;align-items:center;
  padding:130px 0 60px;
}
.vx-slide-eyebrow{
  display:inline-flex;align-items:center;
  padding:.45rem 1.05rem;border-radius:999px;
  background:rgba(255,255,255,.13);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  color:#fff;font-weight:600;font-size:.83rem;margin-bottom:1.3rem;
  border:1px solid rgba(255,255,255,.28);
}
.vx-slide-title{
  color:#fff !important;
  margin-bottom:1.25rem;
  text-shadow:0 2px 20px rgba(10,31,68,.45);
}
.vx-slide-sub{
  color:rgba(255,255,255,.88) !important;
  font-size:1.1rem;max-width:580px;
}
.vx-accent{
  color:#60a5fa !important;
  -webkit-text-fill-color:#60a5fa !important;
  background:none !important;
}

/* Slide buttons */
.vx-btn-primary{
  background:var(--nx-blue) !important;color:#fff !important;
  border:0 !important;border-radius:999px;font-weight:600;padding:.85rem 1.6rem;
  box-shadow:0 10px 28px rgba(11,107,255,.45);transition:.3s;
}
.vx-btn-primary:hover{
  background:#0a55d4 !important;color:#fff !important;
  transform:translateY(-2px);box-shadow:0 14px 32px rgba(11,107,255,.55);
}
.vx-btn-outline{
  background:rgba(255,255,255,.1) !important;color:#fff !important;
  border:1.5px solid rgba(255,255,255,.42) !important;
  border-radius:999px;font-weight:600;padding:.85rem 1.6rem;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:.3s;
}
.vx-btn-outline:hover{
  background:rgba(255,255,255,.22) !important;color:#fff !important;
  border-color:#fff !important;transform:translateY(-2px);
}

/* Hero stats bar */
.vx-hero-stats{
  display:flex;gap:2.5rem;flex-wrap:wrap;
  padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.18);
}
.vx-hero-stats div{display:flex;flex-direction:column}
.vx-hero-stats strong{
  font-family:var(--nx-font-display);font-size:1.75rem;
  color:#fff;line-height:1.1;
}
.vx-hero-stats span{color:rgba(255,255,255,.72);font-size:.85rem;margin-top:.2rem}

/* Custom Slick Arrows — Hero */
.vx-hero-slider .slick-prev,
.vx-hero-slider .slick-next{
  width:52px !important;height:52px !important;
  border-radius:50% !important;
  position:absolute !important;top:50% !important;
  transform:translate(0,-50%) !important;
  background:rgba(255,255,255,.25) !important;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:2px solid rgba(255,255,255,.6) !important;
  cursor:pointer !important;transition:.3s !important;
  z-index:30 !important;
  display:flex !important;align-items:center !important;
  justify-content:center !important;
  box-shadow:0 4px 20px rgba(0,0,0,.3) !important;
  padding:0 !important;font-size:0 !important;line-height:1 !important;
}
.vx-hero-slider .slick-prev{left:28px !important}
.vx-hero-slider .slick-next{right:28px !important}
.vx-hero-slider .slick-prev:hover,
.vx-hero-slider .slick-next:hover{
  background:var(--nx-blue) !important;
  border-color:var(--nx-blue) !important;
  box-shadow:0 8px 28px rgba(11,107,255,.55) !important;
}
.vx-hero-slider .slick-prev::before,
.vx-hero-slider .slick-next::before{display:none !important;content:'' !important}
.vx-hero-slider .slick-prev i,
.vx-hero-slider .slick-next i{
  font-size:1.1rem !important;color:#fff !important;
  line-height:1 !important;display:block !important;
}

/* Slick Dots */
.vx-hero-slider .slick-dots{
  position:absolute;bottom:28px;left:0;right:0;
  display:flex !important;justify-content:center;
  gap:.5rem;list-style:none;padding:0;margin:0;z-index:10;
}
.vx-hero-slider .slick-dots li{margin:0;line-height:1}
.vx-hero-slider .slick-dots li button{
  width:10px;height:10px;border-radius:5px;
  background:rgba(255,255,255,.42);border:0;padding:0;
  font-size:0;cursor:pointer;transition:.35s;display:block;
}
.vx-hero-slider .slick-dots li button::before{display:none}
.vx-hero-slider .slick-dots li.slick-active button{
  background:#fff;width:30px;
}

/* ===== Section Sliders (Services & Industries) ===== */
.vx-ss-outer,
.vx-is-outer{
  position:relative;
  padding:0 52px;
  overflow:hidden;
}
.vx-ss-slide,
.vx-is-slide{
  padding:0 10px;
  box-sizing:border-box;
}
.vx-ss-slide .nx-service-card{height:100%}
.vx-is-slide .vx-ind-card{height:310px}

/* Shared arrow base */
.vx-ss-outer .slick-prev, .vx-ss-outer .slick-next,
.vx-is-outer .slick-prev, .vx-is-outer .slick-next{
  position:absolute !important;top:50% !important;
  transform:translate(0,-50%) !important;
  width:44px !important;height:44px !important;
  border-radius:50% !important;
  display:flex !important;align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;transition:.3s !important;
  z-index:10 !important;padding:0 !important;
  font-size:0 !important;line-height:1 !important;
}
.vx-ss-outer .slick-prev::before, .vx-ss-outer .slick-next::before,
.vx-is-outer .slick-prev::before, .vx-is-outer .slick-next::before{
  display:none !important;content:'' !important;
}
.vx-ss-outer .slick-prev i, .vx-ss-outer .slick-next i,
.vx-is-outer .slick-prev i, .vx-is-outer .slick-next i{
  display:block !important;font-size:.9rem !important;
  line-height:1 !important;
}

/* Services slider arrows — white bg */
.vx-ss-outer .slick-prev, .vx-ss-outer .slick-next{
  background:var(--nx-blue-light) !important;
  border:1.5px solid var(--nx-border) !important;
}
.vx-ss-outer .slick-prev{left:0 !important}
.vx-ss-outer .slick-next{right:0 !important;left:auto !important}
.vx-ss-outer .slick-prev i, .vx-ss-outer .slick-next i{color:var(--nx-blue) !important}
.vx-ss-outer .slick-prev:hover, .vx-ss-outer .slick-next:hover{
  background:var(--nx-dark) !important;border-color:var(--nx-dark) !important;
}
.vx-ss-outer .slick-prev:hover i, .vx-ss-outer .slick-next:hover i{color:#fff !important}

/* Industries slider arrows — soft blue bg */
.vx-is-outer .slick-prev, .vx-is-outer .slick-next{
  background:#fff !important;
  border:1.5px solid var(--nx-border) !important;
  box-shadow:var(--nx-shadow-sm) !important;
}
.vx-is-outer .slick-prev{left:0 !important}
.vx-is-outer .slick-next{right:0 !important;left:auto !important}
.vx-is-outer .slick-prev i, .vx-is-outer .slick-next i{color:var(--nx-dark) !important}
.vx-is-outer .slick-prev:hover, .vx-is-outer .slick-next:hover{
  background:var(--nx-blue) !important;border-color:var(--nx-blue) !important;
}
.vx-is-outer .slick-prev:hover i, .vx-is-outer .slick-next:hover i{color:#fff !important}

/* ===== About Section (post-hero) ===== */
.vx-about-section{background:#fff}
.vx-abt-wrap{
  position:relative;
  padding:20px 20px 40px 0;
}
.vx-abt-img{
  width:100%;height:460px;object-fit:cover;
  border-radius:var(--nx-radius-lg);
  box-shadow:var(--nx-shadow);
  display:block;
}
.vx-abt-badge{
  position:absolute;
  background:#fff;border:1px solid var(--nx-border);
  border-radius:var(--nx-radius);padding:.8rem 1.1rem;
  display:flex;align-items:center;gap:.7rem;
  box-shadow:var(--nx-shadow);
  animation:float 6s ease-in-out infinite;
}
.vx-abt-badge:first-of-type{bottom:-18px;left:16px}
.vx-abt-badge-tr{top:20px;right:-16px;animation-delay:-3s}
.vx-abt-badge i{font-size:1.5rem;color:var(--nx-blue);flex-shrink:0}
.vx-abt-badge strong{display:block;color:var(--nx-dark);font-size:.9rem;line-height:1.2}
.vx-abt-badge small{color:var(--nx-muted);font-size:.75rem}
.vx-abt-points{display:flex;flex-direction:column;gap:.6rem}
.vx-abt-point{
  display:flex;align-items:flex-start;gap:.75rem;
}
.vx-abt-point i{
  color:var(--nx-blue);font-size:1rem;
  flex-shrink:0;margin-top:.15rem;
}
.vx-abt-point span{color:var(--nx-ink);font-size:.95rem;line-height:1.5}

/* ===== Industries Section ===== */
.vx-ind-card{
  position:relative;height:320px;
  border-radius:var(--nx-radius);overflow:hidden;
  background-size:cover;background-position:center;
  box-shadow:var(--nx-shadow-sm);transition:.4s;
  display:block;
}
.vx-ind-card::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(
    175deg,
    rgba(10,31,68,.5) 0%,
    rgba(10,31,68,.93) 70%
  );
  transition:.4s;
}
.vx-ind-card:hover{transform:translateY(-8px);box-shadow:var(--nx-shadow)}
.vx-ind-card:hover::before{
  background:linear-gradient(
    175deg,
    rgba(11,107,255,.4) 0%,
    rgba(10,31,68,.95) 70%
  );
}
.vx-ind-body{
  position:absolute;inset:0;
  padding:1.5rem;
  display:flex;flex-direction:column;
}
.vx-ind-icon{
  width:46px;height:46px;border-radius:12px;
  background:rgba(255,255,255,.15);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.2);
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:1.2rem;
  margin-bottom:auto;
  transition:.3s;
}
.vx-ind-card:hover .vx-ind-icon{background:var(--nx-blue);border-color:var(--nx-blue)}
.vx-ind-title{
  color:#fff;font-size:1.05rem;font-weight:700;
  margin-bottom:.5rem;line-height:1.3;
}
.vx-ind-desc{
  color:rgba(255,255,255,.8);font-size:.84rem;
  margin-bottom:.9rem;line-height:1.6;
  display:-webkit-box;-webkit-line-clamp:3;
  -webkit-box-orient:vertical;overflow:hidden;
}
.vx-ind-more{
  display:inline-flex;align-items:center;gap:.4rem;
  color:#60a5fa;font-weight:600;font-size:.87rem;
  text-decoration:none;transition:.3s;width:fit-content;
}
.vx-ind-more i{transition:.3s}
.vx-ind-more:hover{color:#fff}
.vx-ind-more:hover i{transform:translateX(5px)}

/* ===== Mobile Bottom Nav ===== */
.vx-bottom-nav{
  display:none;
  position:fixed;bottom:0;left:0;right:0;z-index:1055;
  background:#fff;
  border-top:1px solid var(--nx-border);
  box-shadow:0 -4px 24px rgba(10,31,68,.1);
  padding:.4rem 0 calc(.4rem + env(safe-area-inset-bottom,0px));
}
.vx-bn-item{
  flex:1;display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  gap:.22rem;padding:.35rem .25rem;
  color:var(--nx-muted);font-size:.68rem;font-weight:600;
  text-decoration:none;transition:.2s;
  -webkit-tap-highlight-color:transparent;
  cursor:pointer;
}
.vx-bn-item i{
  font-size:1.2rem;line-height:1;transition:.2s;
}
.vx-bn-item.active{color:var(--nx-blue)}
.vx-bn-item.active i{
  color:var(--nx-blue);transform:translateY(-2px);
}
.vx-bn-item:not(.active):hover{color:var(--nx-dark)}

/* =========================================================
   Inner Pages — Shared Styles
   ========================================================= */

/* ===== Page Hero ===== */
.vx-page-hero{
  position:relative;overflow:hidden;
  padding:160px 0 80px;
}
.vx-page-hero-bg{
  position:absolute;inset:0;
  background-size:cover;background-position:center;
}
.vx-page-hero-bg::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(10,31,68,.92) 0%,rgba(10,31,68,.78) 60%,rgba(11,107,255,.35) 100%);
}
.vx-page-hero-content{position:relative;z-index:2}
.vx-breadcrumb{margin:0}
.vx-breadcrumb .breadcrumb-item a{color:rgba(255,255,255,.7);transition:.2s}
.vx-breadcrumb .breadcrumb-item a:hover{color:#fff}
.vx-breadcrumb .breadcrumb-item.active{color:rgba(255,255,255,.9)}
.vx-breadcrumb .breadcrumb-item+.breadcrumb-item::before{color:rgba(255,255,255,.45)}

/* =========================================================
   Services Page
   ========================================================= */

/* Layout */
.vx-srv-layout{display:flex;gap:30px;align-items:flex-start}

/* Sidebar */
.vx-srv-sidebar{
  width:275px;flex-shrink:0;
  position:sticky;top:110px;
  background:#fff;border:1px solid var(--nx-border);
  border-radius:var(--nx-radius);overflow:hidden;
  box-shadow:var(--nx-shadow-sm);
}
.vx-srv-cat-label{
  padding:.7rem 1.25rem;
  background:var(--nx-blue-soft);
  color:var(--nx-dark);
  font-size:.75rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.06em;
  border-bottom:1px solid var(--nx-border);
}
.vx-srv-cat-label i{color:var(--nx-blue);margin-right:.45rem}
.vx-srv-menu{list-style:none;padding:0;margin:0}
.vx-srv-item{
  padding:.82rem 1.25rem;
  cursor:pointer;
  display:flex;align-items:center;gap:.7rem;
  color:var(--nx-muted);font-size:.88rem;font-weight:500;
  border-bottom:1px solid var(--nx-border);
  transition:.2s;user-select:none;
}
.vx-srv-item:last-child{border-bottom:none}
.vx-srv-item i{
  width:30px;height:30px;border-radius:8px;
  background:var(--nx-blue-light);color:var(--nx-blue);
  display:inline-flex;align-items:center;justify-content:center;
  font-size:.8rem;flex-shrink:0;transition:.2s;
}
.vx-srv-item:hover{color:var(--nx-dark);background:var(--nx-blue-soft)}
.vx-srv-item.active{color:var(--nx-blue);background:var(--nx-blue-light);font-weight:600;border-left:3px solid var(--nx-blue)}
.vx-srv-item.active i{background:var(--nx-dark);color:#fff}

/* Sidebar CTA */
.vx-srv-cta-box{
  padding:1.25rem;
  background:var(--nx-blue-soft);
  border-top:1px solid var(--nx-border);
  text-align:center;
}
.vx-srv-cta-box i{font-size:1.6rem;color:var(--nx-blue);margin-bottom:.5rem;display:block}
.vx-srv-cta-box p{font-size:.85rem;color:var(--nx-muted);margin-bottom:.8rem}

/* Content area */
.vx-srv-content{flex:1;min-width:0}

/* Panel */
.vx-srv-panel{display:none}
.vx-srv-panel.active{display:block;animation:vxFadePanel .35s ease}
@keyframes vxFadePanel{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:translateY(0)}
}

/* Panel header card */
.vx-srv-panel-header{
  display:flex;align-items:flex-start;gap:1.5rem;
  padding:2rem;
  background:#fff;border:1px solid var(--nx-border);
  border-radius:var(--nx-radius);
  box-shadow:var(--nx-shadow-sm);
  margin-bottom:1.5rem;
}
.vx-srv-panel-icon{
  width:72px;height:72px;border-radius:18px;
  background:var(--nx-blue-light);color:var(--nx-blue);
  display:flex;align-items:center;justify-content:center;
  font-size:1.85rem;flex-shrink:0;
}
.vx-srv-panel-title{flex:1}
.vx-srv-panel-title h2{margin-bottom:.4rem}

/* Panel body */
.vx-srv-panel-body{
  background:#fff;border:1px solid var(--nx-border);
  border-radius:var(--nx-radius);padding:2rem;
  box-shadow:var(--nx-shadow-sm);
}

/* Feature list */
.vx-srv-features{
  list-style:none;padding:0;margin:1.25rem 0;
  display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;
}
.vx-srv-features li{
  display:flex;align-items:flex-start;gap:.55rem;
  color:var(--nx-ink);font-size:.9rem;
}
.vx-srv-features li i{color:var(--nx-blue);flex-shrink:0;margin-top:.15rem;font-size:.85rem}

/* Tag pills */
.vx-srv-tags{display:flex;flex-wrap:wrap;gap:.45rem}
.vx-srv-tag{
  padding:.32rem .8rem;
  background:var(--nx-blue-light);color:var(--nx-dark);
  border-radius:999px;font-size:.78rem;font-weight:600;
  border:1px solid rgba(11,107,255,.15);
}

/* Stat boxes */
.vx-srv-stat-box{
  background:var(--nx-blue-soft);border:1px solid var(--nx-border);
  border-radius:var(--nx-radius);padding:1.25rem;
  display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;
}
.vx-srv-stat{
  background:#fff;border:1px solid var(--nx-border);
  border-radius:14px;padding:.9rem .75rem;text-align:center;
}
.vx-srv-stat-num{
  display:block;font-family:var(--nx-font-display);
  font-size:1.5rem;font-weight:800;color:var(--nx-dark);
  line-height:1.1;margin-bottom:.25rem;
}
.vx-srv-stat span:last-child{color:var(--nx-muted);font-size:.78rem;font-weight:500}

/* =========================================================
   Industries Page
   ========================================================= */

/* Stats bar below hero */
.vx-ind-stats-bar{
  background:#fff;
  border-bottom:1px solid var(--nx-border);
  padding:1.5rem 0;
  box-shadow:0 4px 16px rgba(10,31,68,.06);
  position:relative;z-index:5;
}
.vx-ind-stat-item strong{
  display:block;
  font-family:var(--nx-font-display);
  font-size:1.7rem;font-weight:800;
  color:var(--nx-dark);line-height:1.1;
}
.vx-ind-stat-item span{
  color:var(--nx-muted);font-size:.82rem;font-weight:500;
}

/* Industry panel hero image */
.vx-ind-panel-hero{
  position:relative;height:220px;
  background-size:cover;background-position:center;
  border-radius:var(--nx-radius) var(--nx-radius) 0 0;
  overflow:hidden;
}
.vx-ind-panel-overlay{
  position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(10,31,68,.88) 0%,rgba(10,31,68,.65) 60%,rgba(11,107,255,.3) 100%);
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:1.75rem 2rem;
}
.vx-ind-panel-icon{
  width:52px;height:52px;border-radius:14px;
  background:rgba(255,255,255,.15);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.25);
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:1.25rem;margin-bottom:.85rem;
}
.vx-ind-panel-overlay h2{
  color:#fff !important;font-size:1.65rem;
  margin-bottom:.3rem;line-height:1.2;
}
.text-white-75{color:rgba(255,255,255,.78) !important;font-size:.92rem;margin:0}

/* Industry panel body (attached below hero) */
.vx-srv-panel-body.mt-0.border-top-0.rounded-top-0{
  border-radius:0 0 var(--nx-radius) var(--nx-radius);
  border-top:none;
  margin-top:0 !important;
}

/* Challenge list */
.vx-ind-challenges{
  list-style:none;padding:0;margin:0;
  display:flex;flex-direction:column;gap:.6rem;
}
.vx-ind-challenges li{
  display:flex;align-items:flex-start;gap:.65rem;
  font-size:.9rem;color:var(--nx-ink);
}
.vx-ind-challenges li i{
  color:#f59e0b;font-size:.85rem;
  flex-shrink:0;margin-top:.15rem;
}

/* =========================================================
   About Page
   ========================================================= */

/* Values cards */
.vx-value-card{
  background:#fff;border:1px solid var(--nx-border);
  border-radius:var(--nx-radius);padding:2rem 1.5rem;
  text-align:center;height:100%;transition:.35s;
  position:relative;overflow:hidden;
}
.vx-value-card:hover{transform:translateY(-6px);box-shadow:var(--nx-shadow);border-color:transparent}
.vx-value-num{
  position:absolute;top:1rem;right:1.1rem;
  font-family:var(--nx-font-display);font-size:2.5rem;font-weight:800;
  color:var(--nx-blue-light);line-height:1;user-select:none;
}
.vx-value-card i{
  font-size:2rem;color:var(--nx-blue);margin-bottom:1rem;display:inline-block;transition:.35s;
}
.vx-value-card:hover i{color:var(--nx-dark);transform:scale(1.1)}
.vx-value-card h5{margin-bottom:.5rem}

/* Process detail cards */
.vx-process-detail{
  display:flex;align-items:flex-start;gap:1.2rem;
  background:#fff;border:1px solid var(--nx-border);
  border-radius:var(--nx-radius);padding:1.5rem;
  height:100%;transition:.35s;
}
.vx-process-detail:hover{transform:translateY(-4px);box-shadow:var(--nx-shadow-sm)}
.vx-process-detail>i{
  width:52px;height:52px;border-radius:14px;
  background:var(--nx-blue-light);color:var(--nx-blue);
  display:flex;align-items:center;justify-content:center;
  font-size:1.2rem;flex-shrink:0;transition:.35s;
}
.vx-process-detail:hover>i{background:var(--nx-dark);color:#fff}
.vx-process-detail h5{margin-bottom:.4rem}
.vx-process-detail p{margin:0;font-size:.9rem}

/* =========================================================
   Contact Page
   ========================================================= */

/* Quick info strip */
.vx-contact-quick{
  background:#fff;
  padding:0;
  margin-top:-40px;
  position:relative;z-index:10;
  margin-bottom:0;
}
.vx-contact-quick .container{
  padding-top:0;
  padding-bottom:0;
}
.vx-quick-card{
  background:#fff;border:1px solid var(--nx-border);
  border-radius:var(--nx-radius);padding:1.8rem 1.5rem;
  text-align:center;box-shadow:var(--nx-shadow);
  transition:.35s;height:100%;
}
.vx-quick-card:hover{transform:translateY(-5px);box-shadow:var(--nx-shadow)}
.vx-quick-icon{
  width:58px;height:58px;border-radius:16px;
  background:var(--nx-blue-light);color:var(--nx-blue);
  display:inline-flex;align-items:center;justify-content:center;
  font-size:1.35rem;margin-bottom:1rem;transition:.35s;
}
.vx-quick-card:hover .vx-quick-icon{background:var(--nx-dark);color:#fff}
.vx-quick-card h6{color:var(--nx-dark);font-weight:700;margin-bottom:.3rem}
.vx-quick-card p{font-size:.85rem;margin-bottom:.4rem}
.vx-quick-card a{color:var(--nx-blue);font-weight:600;font-size:.95rem}
.vx-quick-card a:hover{color:var(--nx-dark)}

/* Response promise */
.vx-response-promise{
  display:flex;align-items:flex-start;gap:.9rem;
  background:var(--nx-blue-soft);border:1px solid var(--nx-border);
  border-radius:var(--nx-radius);padding:1.25rem 1.5rem;
}
.vx-response-promise>i{
  font-size:1.4rem;color:var(--nx-blue);flex-shrink:0;margin-top:.1rem;
}
.vx-response-promise strong{display:block;color:var(--nx-dark);margin-bottom:.25rem}
.vx-response-promise p{font-size:.88rem;color:var(--nx-muted);margin:0}

/* Contact form enhancements */
.vx-contact-form h5{color:var(--nx-dark)}
.vx-form-check{display:flex;align-items:flex-start;gap:.6rem}
.vx-form-check input{margin-top:.2rem;flex-shrink:0;accent-color:var(--nx-blue)}
.vx-form-check label{font-size:.87rem;color:var(--nx-muted)}
.vx-form-check label a{color:var(--nx-blue)}

/* Office cards */
.vx-office-card{
  background:#fff;border:1px solid var(--nx-border);
  border-radius:var(--nx-radius);padding:1.75rem 1.5rem;
  text-align:center;height:100%;transition:.35s;
}
.vx-office-card:hover{transform:translateY(-5px);box-shadow:var(--nx-shadow)}
.vx-office-flag{font-size:2.5rem;margin-bottom:.8rem;line-height:1}
.vx-office-card h6{color:var(--nx-dark);font-weight:700;margin-bottom:.4rem}
.vx-office-card p{font-size:.87rem;color:var(--nx-muted);margin-bottom:.8rem}
.vx-office-tag{
  display:inline-block;padding:.3rem .8rem;
  background:var(--nx-blue-light);color:var(--nx-blue);
  border-radius:999px;font-size:.75rem;font-weight:600;
}

/* Large map placeholder */
.vx-map-large{
  height:200px;border-radius:var(--nx-radius-lg);
  background:linear-gradient(135deg,var(--nx-blue-light),#dde9ff);
  display:flex;align-items:center;justify-content:center;
  gap:1.5rem;border:1px dashed rgba(11,107,255,.3);
  color:var(--nx-blue);
}
.vx-map-large i{font-size:2.5rem;flex-shrink:0}
.vx-map-large strong{display:block;color:var(--nx-dark);margin-bottom:.25rem}
.vx-map-large p{margin:0;font-size:.88rem;color:var(--nx-muted)}

/* FAQ Accordion */
.vx-accordion .accordion-item{
  border:1px solid var(--nx-border);border-radius:var(--nx-radius) !important;
  margin-bottom:1rem;overflow:hidden;
}
.vx-accordion .accordion-button{
  font-weight:600;color:var(--nx-dark);background:#fff;
  border-radius:var(--nx-radius) !important;
  font-size:.95rem;padding:1.25rem 1.5rem;
}
.vx-accordion .accordion-button:not(.collapsed){
  color:var(--nx-blue);background:var(--nx-blue-soft);
  box-shadow:none;
}
.vx-accordion .accordion-button::after{
  filter:none;
}
.vx-accordion .accordion-button:focus{box-shadow:none}
.vx-accordion .accordion-body{
  padding:1rem 1.5rem 1.5rem;
  color:var(--nx-muted);font-size:.92rem;line-height:1.7;
}.vx-logo-img {
    height: 69px;
    width: auto;
    object-fit: contain;
}