/* ===== Responsive ===== */
@media (max-width: 1199.98px){
  .nx-hero{padding:140px 0 90px}
  .nx-hero-visual{min-height:420px}
  .vx-hero-slider .slick-prev{left:16px}
  .vx-hero-slider .slick-next{right:16px}
}

@media (max-width: 991.98px){
  .nx-navbar{background:#fff;border-bottom:1px solid var(--nx-border)}
  .navbar-collapse{margin-top:1rem;padding:1rem;background:#fff;border-radius:16px;box-shadow:var(--nx-shadow-sm)}
  .navbar-nav{margin-bottom:1rem}
  .nx-mega-menu{min-width:100%;box-shadow:none;border:1px solid var(--nx-border)}
  .nx-hero{padding:120px 0 80px;text-align:center}
  .nx-hero-sub{margin-left:auto;margin-right:auto}
  .nx-hero-trust{justify-content:center}
  .nx-hero-visual{min-height:480px;margin-top:40px}
  .nx-hero-visual .nx-glass-card:nth-child(1){right:auto;left:50%;transform:translateX(-50%);top:0}
  .nx-hero-visual .nx-glass-card.sm:nth-child(2){bottom:10%;left:5%}
  .nx-hero-visual .nx-glass-card.sm.right{top:auto;bottom:10%;right:5%}
  .nx-timeline{grid-template-columns:repeat(2,1fr)}
  .nx-timeline::before{display:none}
  .nx-cta-inner{text-align:center;padding:2.2rem}
  .nx-section{padding:50px 0}
  .nx-section-head{margin-bottom:40px}
  /* Hero slider tablet */
  .vx-slide-inner{padding:120px 0 50px}
  .vx-hero-slider .slick-prev,.vx-hero-slider .slick-next{width:46px;height:46px}
  /* Show mobile bottom nav */
  .vx-bottom-nav{display:flex}
  body{padding-bottom:72px}
}

@media (max-width: 767.98px){
  h1{font-size:2.2rem}
  h2{font-size:1.7rem}
  .nx-hero{padding:110px 0 60px}
  .nx-hero-visual{min-height:540px}
  .nx-hero-trust{gap:1.5rem}
  .nx-hero-trust strong{font-size:1.35rem}
  .nx-testimonials{padding:20px 10px}
  .carousel-control-prev,.carousel-control-next{display:none}
  .nx-cta-inner{padding:1.8rem}
  .nx-staffing-visual .nx-glass-card.big{max-width:100%}
  .nx-section{padding:40px 0}
  /* Hide topbar, reset navbar to top:0 on mobile */
  .vx-topbar{display:none}
  .nx-navbar{top:0 !important}
  /* Hero slider mobile */
  .vx-slide{height:auto;min-height:520px}
  .vx-hero-slider .slick-list,.vx-hero-slider .slick-track{min-height:520px}
  .vx-slide-inner{padding:100px 0 60px}
  .vx-slide-sub{font-size:1rem}
  /* Hide arrows on mobile — dots-only navigation */
  .vx-hero-slider .slick-prev,.vx-hero-slider .slick-next{display:none !important}
  /* Services slider — no side padding, arrows move to bottom center */
  .vx-ss-outer{padding:0 0 60px}
  .vx-ss-outer .slick-prev,
  .vx-ss-outer .slick-next{
    top:auto !important;
    bottom:6px !important;
    transform:none !important;
  }
  .vx-ss-outer .slick-prev{left:calc(50% - 52px) !important}
  .vx-ss-outer .slick-next{left:calc(50% + 8px) !important;right:auto !important}
  /* Industries slider — no side padding, arrows move to bottom center */
  .vx-is-outer{padding:0 0 60px}
  .vx-is-outer .slick-prev,
  .vx-is-outer .slick-next{
    top:auto !important;
    bottom:6px !important;
    transform:none !important;
  }
  .vx-is-outer .slick-prev{left:calc(50% - 52px) !important}
  .vx-is-outer .slick-next{left:calc(50% + 8px) !important;right:auto !important}
}

@media (max-width: 575.98px){
  .vx-ss-outer,.vx-is-outer{padding:0 0 60px}
  .nx-hero-visual .nx-glass-card:nth-child(1){width:90%}
  .nx-hero-visual .nx-glass-card.sm:nth-child(2),
  .nx-hero-visual .nx-glass-card.sm.right{position:relative;bottom:auto;left:auto;right:auto;margin:1rem auto;display:flex}
  .nx-hero-visual{min-height:auto}
  .nx-hero-orb{display:none}
  .nx-timeline{grid-template-columns:1fr}
  .nx-counter h3{font-size:1.8rem}
  .btn{padding:.75rem 1.3rem;font-size:.95rem}
  .nx-mega-menu{padding:1rem !important}
  /* About section mobile */
  .vx-abt-wrap{padding:0 0 30px}
  .vx-abt-img{height:280px}
  .vx-abt-badge-tr{display:none}
  .vx-abt-badge:first-of-type{left:8px}
  /* Industry cards mobile */
  .vx-ind-card{height:280px}
  /* Services page mobile */
  .vx-srv-features{grid-template-columns:1fr}
  .vx-srv-stat-box{grid-template-columns:repeat(2,1fr)}
}

/* ===== Inner Pages Responsive ===== */
@media (max-width: 991.98px){
  .vx-page-hero{padding:120px 0 60px}
  /* Services sidebar stacks on top */
  .vx-srv-layout{flex-direction:column}
  .vx-srv-sidebar{width:100%;position:static}
  .vx-srv-menu{display:flex;flex-wrap:wrap}
  .vx-srv-item{flex:1 1 auto;min-width:160px;border-right:1px solid var(--nx-border)}
  .vx-srv-item:last-child{border-right:none}
  .vx-srv-panel-header{flex-direction:column;gap:1rem}
  /* Contact quick cards */
  .vx-contact-quick{margin-top:-30px}
  /* Process detail grid */
  .vx-process-detail{padding:1.25rem}
}

@media (max-width: 767.98px){
  .vx-page-hero{padding:100px 0 50px}
  .vx-srv-item{min-width:100%;border-right:none}
  .vx-srv-features{grid-template-columns:1fr}
  .vx-srv-stat-box{grid-template-columns:repeat(2,1fr)}
  .vx-contact-quick{margin-top:-20px}
  /* Industries panel hero smaller on mobile */
  .vx-ind-panel-hero{height:160px}
  .vx-ind-panel-overlay{padding:1.25rem 1.25rem}
  .vx-ind-panel-overlay h2{font-size:1.3rem}
  .vx-ind-stats-bar{padding:1rem 0}
  .vx-quick-card{padding:1.25rem 1rem}
  .vx-map-large{height:140px;flex-direction:column;text-align:center;gap:.75rem;padding:1rem}
  .vx-office-card{padding:1.25rem 1rem}
  /* Values cards */
  .vx-value-num{font-size:2rem}
  /* Process detail */
  .vx-process-detail{gap:.85rem}
  .vx-process-detail>i{width:44px;height:44px;font-size:1rem}
}

@media (max-width: 575.98px){
  .vx-page-hero .vx-slide-title{font-size:1.9rem}
  .vx-srv-stat-box{grid-template-columns:1fr 1fr}
  .vx-srv-panel-header{padding:1.25rem}
  .vx-srv-panel-body{padding:1.25rem}
  .vx-response-promise{flex-direction:column;gap:.6rem;text-align:center}
  .vx-response-promise>i{margin:0 auto}
}