
:root{
  --vmh-bg:#071326;
  --vmh-bg-2:#0b1830;
  --vmh-text:#f7f9fc;
  --vmh-muted:#6e7785;
  --vmh-border:#e8ebf1;
  --vmh-purple:#6f2cff;
  --vmh-blue:#1aa7ec;
  --vmh-cyan:#15dbe2;
  --vmh-shadow:0 24px 70px rgba(7,19,38,.22);
}
.vmh{position:relative;z-index:9999;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.vmh *{box-sizing:border-box}
.vmh__bar{height:86px;background:linear-gradient(90deg,var(--vmh-bg),#06101f);display:flex;align-items:center;gap:34px;padding:0 4.5vw;color:white}
.vmh__brand{display:flex;align-items:center;flex:0 0 auto}
.vmh__brand img{width:190px;max-height:58px;object-fit:contain;display:block}
.vmh__nav{display:flex;align-items:center;gap:29px;margin-left:auto}
.vmh__nav-link{border:0;background:transparent;color:#fff;text-decoration:none;font-size:15px;font-weight:650;cursor:pointer;display:flex;align-items:center;gap:7px;padding:30px 0;white-space:nowrap}
.vmh__nav-link:hover,.vmh__nav-link.is-active{color:#8f7cff}
.vmh__chev{font-size:16px;transition:.2s transform}
.vmh__nav-link[aria-expanded="true"] .vmh__chev{transform:rotate(180deg)}
.vmh__actions{display:flex;align-items:center;gap:8px;margin-left:12px}
.vmh__lang{color:#fff;text-decoration:none;font-size:13px;font-weight:750;opacity:.92}
.vmh__lang-sep{opacity:.35}
.vmh__cta,.vmh__promo-cta,.vmh__mobile-cta{background:linear-gradient(90deg,var(--vmh-purple),var(--vmh-cyan));color:#fff!important;text-decoration:none!important;border-radius:10px;font-weight:750;box-shadow:0 10px 24px rgba(79,64,255,.20)}
.vmh__cta{padding:14px 18px;margin-left:13px;white-space:nowrap;font-size:14px}
.vmh__cta span{font-size:19px;margin-left:8px}
.vmh__mega-wrap{position:absolute;left:0;right:0;top:86px;padding:0 3.2vw;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease,visibility .18s;pointer-events:none}
.vmh__mega-wrap.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.vmh__mega{max-width:1440px;margin:0 auto;background:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:var(--vmh-shadow);border-radius:0 0 18px 18px;padding:26px;display:grid;grid-template-columns:1.15fr .9fr 1.2fr;gap:28px;color:#0b1530}
.vmh__mega-col{padding:12px 18px}
.vmh__mega-col--main{border-right:1px solid var(--vmh-border)}
.vmh__eyebrow,.vmh__promo-kicker{font-size:12px;letter-spacing:.06em;font-weight:800;color:#5e49ef;margin-bottom:17px}
.vmh__item{display:grid;grid-template-columns:44px 1fr 16px;gap:14px;align-items:center;padding:11px 8px;border-radius:12px;text-decoration:none;color:#0e1730}
.vmh__item:hover{background:#f7f8ff}
.vmh__icon{width:44px;height:44px;border-radius:11px;background:linear-gradient(135deg,#f2edff,#eaf9ff);display:grid;place-items:center;color:#6254f7;font-weight:800}
.vmh__item strong,.vmh__industry strong{display:block;font-size:15px;margin-bottom:3px}
.vmh__item small,.vmh__industry small{display:block;color:#6d7584;font-size:12px;line-height:1.45}
.vmh__arrow{font-size:22px;color:#758099}
.vmh__simple{display:block;padding:11px 0;color:#16213a;text-decoration:none;font-weight:650}
.vmh__simple:hover,.vmh__all:hover{color:#6547f4}
.vmh__all{display:inline-block;margin-top:10px;color:#6547f4;font-weight:750;text-decoration:none}
.vmh__promo{border-radius:16px;padding:34px;background:
radial-gradient(circle at 90% 10%,rgba(25,218,226,.17),transparent 31%),
radial-gradient(circle at 20% 90%,rgba(111,44,255,.13),transparent 34%),
#f7f8ff;display:flex;flex-direction:column;justify-content:center}
.vmh__promo h3{font-size:28px;line-height:1.12;margin:0 0 12px;color:#0a142b}
.vmh__promo p{margin:0 0 20px;color:#5f687a;line-height:1.6}
.vmh__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 22px}
.vmh__stats div{background:#fff;padding:12px;border:1px solid #edf0f5;border-radius:12px}
.vmh__stats strong{display:block;color:#563df1;font-size:13px}
.vmh__stats span{display:block;color:#7b8391;font-size:10px;margin-top:4px}
.vmh__promo-cta{align-self:flex-start;padding:13px 17px;font-size:14px}
.vmh__mega--industries{grid-template-columns:2fr 1fr}
.vmh__mega-col--wide{padding-right:10px}
.vmh__industry-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vmh__industry{display:grid;grid-template-columns:40px 1fr;column-gap:12px;padding:14px;border:1px solid #edf0f5;border-radius:13px;color:#0f1931;text-decoration:none}
.vmh__industry:hover{border-color:#d9d4ff;background:#fafaff}
.vmh__industry>span{grid-row:1/3;width:40px;height:40px;border-radius:10px;background:#f0f2ff;display:grid;place-items:center;color:#6547f4}
.vmh__promo--compact h3{font-size:24px}
.vmh__mobile-toggle{display:none;width:40px;height:40px;background:transparent;border:0;padding:7px}
.vmh__mobile-toggle span{display:block;height:2px;background:#fff;margin:6px 0;border-radius:3px}
.vmh__mobile{display:none}
.vmh.is-sticky{position:sticky;top:0}
.vmh.is-sticky .vmh__bar{height:72px;box-shadow:0 12px 30px rgba(7,19,38,.22)}
.vmh.is-sticky .vmh__mega-wrap{top:72px}

@media(max-width:1180px){
  .vmh__bar{padding:0 24px}
  .vmh__nav{gap:20px}
  .vmh__brand img{width:165px}
  .vmh__cta{padding:12px 14px}
}
@media(max-width:980px){
  .vmh__nav,.vmh__lang,.vmh__lang-sep,.vmh__cta{display:none}
  .vmh__actions{margin-left:auto}
  .vmh__mobile-toggle{display:block}
  .vmh__brand img{width:155px}
  .vmh__bar{height:72px}
  .vmh__mega-wrap{display:none}
  .vmh__mobile{position:absolute;top:72px;left:0;right:0;background:#071326;color:#fff;display:block;opacity:0;visibility:hidden;transform:translateY(-7px);transition:.2s;box-shadow:0 20px 45px rgba(7,19,38,.28)}
  .vmh__mobile.is-open{opacity:1;visibility:visible;transform:none}
  .vmh__mobile-inner{padding:16px 22px 28px}
  .vmh__mobile-inner>a,.vmh__mobile-acc{display:flex;width:100%;align-items:center;justify-content:space-between;padding:15px 0;color:#fff;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.09);font-size:17px;text-decoration:none;text-align:left}
  .vmh__mobile-sub{display:none;padding:5px 0 10px 14px;border-bottom:1px solid rgba(255,255,255,.09)}
  .vmh__mobile-sub.is-open{display:block}
  .vmh__mobile-sub a{display:block;padding:10px 0;color:#cfd7e4;text-decoration:none;font-size:14px}
  .vmh__mobile-lang{display:flex;gap:8px;padding:18px 0}
  .vmh__mobile-lang a{color:#fff;text-decoration:none;font-weight:700}
  .vmh__mobile-cta{display:block!important;text-align:center!important;padding:15px!important;border:0!important;border-radius:10px;margin-top:8px}
}


/* ==========================================================
   V4: Elementor Free + Header Footer Builder full-bleed fix
   ========================================================== */

/* The shortcode itself breaks out of any Elementor boxed/max-width container. */
.vmh{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
}

/* Header background spans edge-to-edge, while content remains controlled inside. */
.vmh__bar{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}

/* Give the actual header content a clean centered desktop rhythm without
   allowing Elementor's outer container to crop the navy background. */
@media (min-width:981px){
  .vmh__bar{
    padding-left:max(32px, calc((100vw - 1360px)/2)) !important;
    padding-right:max(32px, calc((100vw - 1360px)/2)) !important;
  }
}

/* Remove whitespace introduced by Elementor/HFE wrappers ONLY when
   they contain this Velautec header. Modern browsers support :has(). */
.elementor-section:has(.vmh),
.elementor-container:has(.vmh),
.elementor-column:has(.vmh),
.elementor-widget-wrap:has(.vmh),
.elementor-widget-shortcode:has(.vmh),
.elementor-widget-container:has(.vmh),
.e-con:has(.vmh),
.e-con-inner:has(.vmh){
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  max-width:none !important;
}

/* Common Header Footer Builder / Elementor wrapper cleanup. */
#masthead:has(.vmh),
#header:has(.vmh),
.hfe-site-header:has(.vmh),
.elementor-location-header:has(.vmh),
header.site-header:has(.vmh){
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
  max-width:none !important;
  background:transparent !important;
}

/* Prevent the shortcode widget from adding inline spacing. */
.elementor-widget-shortcode:has(.vmh){
  line-height:0;
}
.elementor-widget-shortcode:has(.vmh) .vmh{
  line-height:normal;
}

/* Do not let horizontal full-bleed math create a browser scrollbar. */
html, body{
  overflow-x:clip;
}

@supports not (overflow:clip){
  html, body{overflow-x:hidden;}
}


/* ==========================================================
   V5 Dynamic WordPress Menu styling
   ========================================================== */
.vmh__mega--dynamic{
  grid-template-columns:minmax(0,2fr) minmax(280px,.9fr);
  gap:26px;
}
.vmh__mega-col--dynamic{
  padding:14px 18px 18px;
}
.vmh__dynamic-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 14px;
}
.vmh__dynamic-item{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 18px;
  gap:12px;
  align-items:center;
  min-height:82px;
  padding:12px;
  border:1px solid #edf0f5;
  border-radius:13px;
  color:#0e1730;
  text-decoration:none;
  background:#fff;
}
.vmh__dynamic-item:hover{
  border-color:#dcd5ff;
  background:#fafaff;
  transform:translateY(-1px);
}
.vmh__dynamic-icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:linear-gradient(135deg,#f1edff,#eafbff);
  color:#6450f5;
  font-weight:800;
}
.vmh__dynamic-item strong{
  display:block;
  font-size:15px;
  margin-bottom:4px;
}
.vmh__dynamic-item small{
  display:block;
  font-size:12px;
  line-height:1.45;
  color:#6d7584;
}
.vmh__promo--dynamic{
  min-height:100%;
}
.vmh__lang.is-current{
  color:#7fd9ff;
}
@media(max-width:980px){
  .vmh__mega--dynamic{
    display:none;
  }
}
@media(max-width:700px){
  .vmh__dynamic-grid{
    grid-template-columns:1fr;
  }
}
