/* =========================================================
   Solaztek Inc — Global Header & Footer Theme
   Palette: White #ffffff · Black #0a0a0a · Deep Blue #014593 · Sky Blue #02B0F5
   Same premium palette used on index.html — applied site-wide so the
   header, footer and buttons look identical on every page.
   ========================================================= */

:root{
  --nx-blue:#02B0F5;
  --nx-blue-2:#029FE0;
  --nx-blue-light:rgba(2,176,245,.10);
  --nx-blue-soft:#eaf6fd;
  --nx-dark:#014593;
  --nx-dark-2:#012A56;
  --nx-ink:#0a0e14;
  --nx-muted:#5a6b7a;
  --nx-border:#e0e9f2;
  --nx-white:#ffffff;
  --nx-grad:#014593;
  --nx-grad-soft:#eaf6fd;
  --nx-shadow-sm:0 6px 18px rgba(1,69,147,.09);
  --nx-shadow:0 18px 50px rgba(1,69,147,.15);
}

/* ===== Eyebrow / gradient text ===== */
.nx-eyebrow{
  background:#02B0F5;color:#fff;
  border:1px solid rgba(0,0,0,.06);
}
.nx-grad-text{
  background:linear-gradient(120deg,#014593 0%,#02B0F5 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}

/* ===== Top bar — premium black ===== */
.vx-topbar{
  background:linear-gradient(90deg,#0a0a0a 0%,#0d1310 100%);
  border-bottom:1px solid rgba(2,176,245,.16);
}
.vx-topbar-left a{color:#9fb8cc;transition:.25s}
.vx-topbar-left a:hover{color:#fff}
.vx-topbar-left a i{color:#02B0F5}
.vx-topbar-right a{
  background:rgba(255,255,255,.06);color:#9fb8cc;transition:.25s;
}
.vx-topbar-right a:hover{box-shadow:0 4px 14px rgba(2,176,245,.5)}

/* ===== Navbar — premium ===== */
.nx-navbar{
  box-shadow:0 2px 14px rgba(1,69,147,.07);
}
.nx-navbar.scrolled{
  box-shadow:0 6px 24px rgba(1,69,147,.10);
  background:#fff;
}
.nx-navbar::after{
  content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:linear-gradient(90deg,transparent,#02B0F5,#014593,#02B0F5,transparent);
  opacity:.55;
}
.vx-logo-img{transition:.3s}
.navbar-brand:hover .vx-logo-img{transform:scale(1.04)}
.navbar-nav .nav-link::before{
  content:'';position:absolute;left:14px;right:14px;bottom:5px;height:2px;
  background:linear-gradient(90deg,#014593,#02B0F5);
  transform:scaleX(0);transform-origin:left;transition:.3s;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active{
  color:#02B0F5 !important;background:rgba(2,176,245,.08);
}
.navbar-nav .nav-link:hover::before,
.navbar-nav .nav-link.active::before{transform:scaleX(1)}
.navbar-toggler{border-color:rgba(2,176,245,.3)}
.navbar-toggler i{color:#014593}
.nx-mega-menu{border-top:3px solid #02B0F5}
.nx-mega-title{color:#014593}

/* ===== Buttons — premium gradients ===== */
.nx-btn-primary{
  background:linear-gradient(135deg,#014593 0%,#02B0F5 100%) !important;
  box-shadow:0 10px 24px rgba(2,176,245,.28);
}
.nx-btn-primary:hover{
  background:linear-gradient(135deg,#02B0F5 0%,#014593 100%) !important;
  box-shadow:0 14px 30px rgba(2,176,245,.38);
}
.vx-btn-primary{
  background:#014593 !important;color:#fff !important;
  box-shadow:0 12px 30px rgba(1,69,147,.4);
}
.vx-btn-primary:hover{
  background:#012f66 !important;color:#fff !important;
  box-shadow:0 16px 36px rgba(1,69,147,.5);
}
.vx-btn-outline:hover{border-color:#fff !important}
.nx-navbar .nx-btn-primary{
  background:#014593 !important;color:#fff !important;
  box-shadow:0 8px 20px rgba(1,69,147,.35);
}
.nx-navbar .nx-btn-primary:hover{
  background:#012f66 !important;color:#fff !important;
  box-shadow:0 10px 22px rgba(1,69,147,.45);
}

/* ===== Back to top ===== */
#toTop{box-shadow:0 8px 20px rgba(1,69,147,.30)}

/* ===== Footer — black → deep blue premium gradient ===== */
.nx-footer{
  background:linear-gradient(180deg,#050a07 0%,#014593 100%);
  position:relative;overflow:hidden;
}
.nx-footer::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;z-index:1;
  background:linear-gradient(90deg,transparent,#02B0F5,#014593,#02B0F5,transparent);
}
.nx-footer::after{
  content:'';position:absolute;top:-140px;right:-100px;width:380px;height:380px;
  border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(2,176,245,.28),transparent 70%);
}
.nx-footer .container{position:relative;z-index:2}
.vx-logo-footer{box-shadow:0 10px 26px rgba(2,176,245,.28)}
.nx-footer ul li,
.nx-footer ul li a,
.nx-footer small,
.nx-footer .text-muted{color:#9fc0d1 !important}
.nx-footer ul li a{display:inline-block;transition:.25s}
.nx-footer ul li a:hover{color:#fff !important;transform:translateX(3px)}
.nx-footer ul li i{color:#29c5ff}
.nx-footer h6{position:relative;padding-bottom:.65rem;margin-bottom:1.15rem}
.nx-footer h6::after{
  content:'';position:absolute;left:0;bottom:0;width:28px;height:2px;
  background:linear-gradient(90deg,#02B0F5,#29c5ff);
}
.nx-footer hr{border-color:rgba(255,255,255,.08)}
.nx-newsletter{
  background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);
  transition:.25s;
}
.nx-newsletter:focus-within{
  border-color:#02B0F5;box-shadow:0 0 0 3px rgba(2,176,245,.22);
}
.nx-newsletter input::placeholder{color:#9fc0d1}
.nx-newsletter button{background:linear-gradient(135deg,#02B0F5,#014593)}
.nx-newsletter button:hover{transform:scale(1.1) rotate(8deg)}

/* ===== Mobile bottom nav ===== */
.vx-bn-item.active i{transform:translateY(-2px)}

/* =========================================================
   CTA Banner — unified premium design, same on every page
   ========================================================= */
.nx-cta-banner{padding:70px 0}
.nx-cta-inner{
  position:relative;overflow:hidden;text-align:center;isolation:isolate;
  background:linear-gradient(135deg,#014593 0%,#0a0a0a 100%);
  border-radius:var(--nx-radius-lg);padding:3.5rem 3rem;
  box-shadow:0 24px 50px rgba(1,69,147,.35);
}
.nx-cta-inner::before{
  content:'';position:absolute;top:-140px;right:-90px;width:340px;height:340px;
  border-radius:50%;pointer-events:none;z-index:0;
  background:radial-gradient(circle,rgba(2,176,245,.28),transparent 70%);
}
.nx-cta-badge{
  position:relative;z-index:1;
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.45rem 1.1rem;border-radius:999px;margin-bottom:1.25rem;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);
  color:#fff;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;
}
.nx-cta-badge i{color:#29c5ff}
.nx-cta-inner h2{position:relative;z-index:1;color:#fff;max-width:700px;margin:0 auto .75rem}
.nx-cta-inner .nx-grad-text{
  background:linear-gradient(120deg,#ffffff 0%,#66d9ff 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.nx-cta-inner > p{position:relative;z-index:1;color:rgba(255,255,255,.82);max-width:600px;margin:0 auto 1.75rem;font-size:1.02rem}
.nx-cta-actions{position:relative;z-index:1;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.nx-cta-inner .nx-btn-light{background:#fff;color:var(--nx-dark) !important;box-shadow:0 12px 26px rgba(1,69,147,.3)}
.nx-cta-inner .nx-btn-light:hover{background:#eaf6fd;color:var(--nx-dark) !important}
.nx-cta-ghost{
  background:rgba(255,255,255,.08) !important;color:#fff !important;
  border:1px solid rgba(255,255,255,.3) !important;
}
.nx-cta-ghost:hover{background:rgba(255,255,255,.16) !important;color:#fff !important}
.nx-cta-stats{
  position:relative;z-index:1;
  display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap;
  margin-top:2.25rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.15);
}
.nx-cta-stats strong{display:block;font-family:var(--nx-font-display);font-size:1.7rem;font-weight:800;color:#fff}
.nx-cta-stats span{color:rgba(255,255,255,.68);font-size:.8rem;font-weight:600}
@media (max-width:575.98px){
  .nx-cta-inner{padding:2.5rem 1.5rem}
  .nx-cta-stats{gap:1.5rem 2rem}
}