:root{
  --ink:#0B1F3A;
  /* Softer "black" to match the logo ink */
  --text:#333333;
  --muted:#6b7280;
  --bg:#ffffff;
  --bg2:#f8fafc;
  --line:#e5e7eb;
  --card:#ffffff;
  --radius:18px;
  --shadow: 0 10px 30px rgba(2, 6, 23, .08);
  --shadow2: 0 6px 18px rgba(2, 6, 23, .08);
  --max: 1120px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji","Segoe UI Emoji"; color:var(--text); background:var(--bg);}
a{color:var(--ink); text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:var(--max); margin:0 auto; padding:0 18px}
.nav{position:sticky; top:0; z-index:50; background:rgba(255,255,255,.85); backdrop-filter: blur(10px); border-bottom:1px solid var(--line);}
.nav-inner{display:flex; align-items:center; justify-content:flex-start; gap:14px; padding:14px 0;}
.brand{display:flex; align-items:center; gap:12px; text-decoration:none; cursor:pointer;}
.brand-mark{height:44px; width:auto; aspect-ratio:1 / 1; display:block;}
.brand-wordmark{height:44px; width:auto; display:block;}
.brand-logo{height:52px; width:auto; display:block;}
.foot-brand .brand-logo{height:44px;}
.brand-badge{width:30px;height:30px;border-radius:10px;background:var(--ink); display:inline-flex; align-items:center; justify-content:center; color:#fff; font-weight:900; box-shadow:var(--shadow2);}
a.brand:hover, a.brand:focus{ text-decoration:none !important; }
a.brand:hover *{ text-decoration:none !important; }

.menu{display:flex; gap:16px; align-items:center; margin-left:18px;}
.menu a{font-weight:600; color:#333333; opacity:.9}
.menu a.active{opacity:1; text-decoration:underline}
.hamb{display:none; border:none; border-radius:14px; padding:12px; background:transparent; cursor:pointer; flex-direction:column; align-items:center; justify-content:center; gap:7px}
.hamb:hover{background:var(--brand-tint)}
/* Mobile icon: classic 3 rounded bars */
.hamb span{display:block; width:34px; height:4px; background:var(--muted); margin:0; border-radius:999px}
.mobile{display:none; border-top:1px solid var(--line); padding:12px 0}
.mobile a{display:block; padding:10px 0 10px 16px; font-weight:650; color:#333333}

.hero{padding:72px 0 28px; background: linear-gradient(180deg, #f8fafc 0%, #ffffff 55%);}
.hero-grid{display:grid; grid-template-columns: 1.1fr .9fr; gap:38px; align-items:flex-start;}
.kicker{color:var(--ink); font-weight:800; letter-spacing:.16em; font-size:12px; text-transform:uppercase}
.h1{font-size:42px; line-height:1.08; margin:10px 0 10px; color:#333333; letter-spacing:-.02em}
.sub{color:var(--muted); font-size:17px; line-height:1.6; margin:0 0 22px}
.cta{display:flex; gap:12px; flex-wrap:wrap; margin-top:8px}
.btn{display:inline-flex; align-items:center; justify-content:center; padding:12px 16px; border-radius:14px; font-weight:750; border:1px solid var(--line); background:#fff; box-shadow:var(--shadow2);}
.btn.primary{background:var(--brand); color:#fff; border-color:transparent}
.btn.primary:hover{text-decoration:none; filter:brightness(1.05)}
.btn:hover{text-decoration:none}
.hero-card{border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); background:#fff;}
.hero-media{display:flex; align-items:center; justify-content:center; height:520px;}
.hero-product{max-width:100%; width:auto; max-height:100%; height:auto; filter: drop-shadow(0 18px 30px rgba(2,6,23,.18));}
.hero-img{width:100%; height:280px; object-fit:cover; display:block;}
.hero-card-body{padding:14px 14px 12px}
.pills{display:flex; gap:8px; flex-wrap:wrap}
.pill{font-size:12px; padding:7px 10px; border-radius:999px; background:#f1f5f9; border:1px solid var(--line); color:#333333; font-weight:650}

.section{padding:34px 0}
.h2{font-size:26px; margin:0 0 8px; letter-spacing:-.02em; color:#333333}
.p{margin:0; color:var(--muted); line-height:1.6}
.grid3{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:16px}

.card.card-link{display:flex; flex-direction:column; text-decoration:none; color:inherit;}
.card.card-link .link{margin-top:auto; align-self:flex-start;}
.card-media{border-radius:14px; overflow:hidden; border:1px solid rgba(229,231,235,.9); margin:-2px 0 12px; background:#fff;}
/* Show full images in grid cards (no crop/zoom) */
.card-media img{width:100%; height:150px; object-fit:contain; object-position:center; display:block; background:#fff;}
.card .link{font-weight:750; display:inline-flex; align-items:center; gap:8px; margin-top:auto; padding-top:10px}
.card .link::after{content:"→";}

.quote-band{padding:32px 0; background: transparent; border-top:none; border-bottom:none;}
.quote-box{border:1px solid var(--brand-ring); background: var(--brand-soft); border-radius: calc(var(--radius) + 4px); padding:22px; box-shadow: var(--shadow2);}
.quote-grid{display:grid; grid-template-columns: 1.4fr .6fr; gap:18px; align-items:stretch; margin-top:10px;}
/* Ensure the CTA column stretches to the full grid track height so the button can be truly centered */
.quote-actions{display:flex; flex-direction:column; gap:10px; justify-content:center; align-items:stretch; height:100%; align-self:stretch;}
.quote-actions .btn{width:100%;}
/* When the quote title is moved inside the left column (JS), remove the extra top gap */
.quote-box.quote-title-in-grid .quote-grid{margin-top:0;}
@media (max-width: 980px){ .quote-grid{grid-template-columns:1fr;} .card-media img{height:160px;} }

.card{border:1px solid var(--line); border-radius:var(--radius); background:var(--card); padding:16px; box-shadow:var(--shadow2);}
.card h3{margin:0 0 6px; color:#333333; font-size:18px}
.card p{margin:0; color:var(--muted); line-height:1.55}
.card .link{display:inline-block; margin-top:10px; font-weight:750}
.split{display:grid; grid-template-columns: .9fr 1.1fr; gap:18px; align-items:start; margin-top:18px;}
.box{border:1px solid var(--line); border-radius:var(--radius); padding:16px; background:#fff; box-shadow:var(--shadow2);}
.ul{margin:10px 0 0; padding-left:18px; color:#334155; line-height:1.6}
.ul li{margin:6px 0}
.bordered{border-top:1px solid var(--line); margin:18px 0 0; padding:18px 0 0}

:root{--gallery-img-h:210px; --gallery-cap-h:62px;}

.gallery{display:grid; grid-template-columns:repeat(3, 1fr); gap:12px; margin-top:14px}
/* Technical gallery tiles: fixed frame independent of source image dimensions */
.gallery figure{margin:0; border:1px solid var(--line); border-radius:16px; overflow:hidden; background:#fff; box-shadow:var(--shadow2); display:grid; grid-template-rows: var(--gallery-img-h) var(--gallery-cap-h);}
/* Show full images in galleries (no crop/zoom) */
.gallery figure img{width:100% !important; height:100% !important; object-fit:contain !important; object-position:center center !important; display:block; border:none; border-radius:0; box-shadow:none; background:#fff;}
.gallery figure figcaption{
  margin:0 !important;
  margin-top:0 !important;
  padding:10px 12px 12px;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-size:13px;
  line-height:1.45;
  min-height:var(--gallery-cap-h); height:var(--gallery-cap-h); max-height:var(--gallery-cap-h);
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* ===== Gallery modal ===== */
.vmt-modal-overlay{
  position:fixed;
  inset:0;
  background:rgba(2, 6, 23, .72);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:200;
  padding:18px;
}
.vmt-modal-overlay.is-open{display:flex;}
.vmt-modal{
  width: 90vw;
  height: 90vh;
  background:#fff;
  border-radius: 18px;
  box-shadow: var(--shadow);
  border:1px solid rgba(229,231,235,.9);
  position:relative;
  overflow:hidden;
}
.vmt-modal-body{
  height:100%;
  overflow-y:auto;
  background:#fff;
}
.vmt-modal-close{
  position:absolute;
  top:14px;
  right:14px;
  width:48px;
  height:48px;
  border-radius: 14px;
  border:1px solid var(--line);
  background:#fff;
  cursor:pointer;
  font-size:30px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: var(--shadow2);
  z-index:2;
}
.vmt-modal-close:hover{filter:brightness(0.98)}

/* Modal content normalization (pure white background, clean technical look) */
/* Use ID selectors to beat any WP/global styles that may include !important gradients. */
#vmt-modal-body,
.vmt-modal,
.vmt-modal-body{background:#fff !important; background-image:none !important;}

#vmt-modal-body .hero,
#vmt-modal-body .page-hero{background:#fff !important; background-image:none !important;}
.vmt-modal-body .hero{padding-top:40px;}
.vmt-modal-body .quote-band,
.vmt-modal-body footer{display:none !important;}

/* Modal content should be pure white (remove any gradients on hero/sections) */
#vmt-modal-body main,
#vmt-modal-body section,
#vmt-modal-body .section,
#vmt-modal-body .hero,
#vmt-modal-body .page-hero{
  background:#fff !important;
  background-image:none !important;
}

body.vmt-modal-open{overflow:hidden;}

/* Gallery pages (when opened standalone) should be pure white (no gradient) */
/* Pure white backgrounds on gallery pages (all gallery-* slugs) */
.page-gallery main,
.page-gallery .hero,
.page-gallery .page-hero,
.page-gallery .section,
body[class*="page-gallery-"] main,
body[class*="page-gallery-"] .hero,
body[class*="page-gallery-"] .page-hero,
body[class*="page-gallery-"] .section{background:#fff !important; background-image:none !important;}

/* Gallery hero images: remove the drop-shadow so the page reads as pure white */
.page-gallery .hero-product,
body[class*="page-gallery-"] .hero-product{
  filter:none !important;
}

/* EXTRA SAFETY: remove any hero shadow on gallery hero images regardless of body classes */
img.hero-product[src*="gallery-"][src*="-hero"]{
  filter:none !important;
  box-shadow:none !important;
}

/* Gallery hero containers: remove box shadows that can read as a grey background */
.page-gallery .hero-media,
body[class*="page-gallery"] .hero-media,
.page-gallery .hero-card,
body[class*="page-gallery"] .hero-card{
  box-shadow:none !important;
}

.footer{border-top:1px solid var(--line); padding:26px 0; background:#fff;}
.small{color:var(--muted); font-size:13px; line-height:1.6}
.badges{display:flex; gap:8px; flex-wrap:wrap; margin-top:10px}

.page-hero{padding:72px 0 28px; background:linear-gradient(180deg, #f8fafc 0%, #ffffff 60%); border-bottom:1px solid var(--line)}
.breadcrumb{font-size:13px; color:var(--muted)}
.title{font-size:34px; margin:8px 0 6px; color:#333333; letter-spacing:-.02em}
.lede{margin:0 0 10px; color:var(--muted); font-size:16.5px; line-height:1.6}

/* About Us: match standard hero typography */
.page-about-us .title{font-size:42px; line-height:1.08; margin:10px 0 10px;}
.page-about-us .lede{font-size:17px; line-height:1.6; margin:0;}
.page-about-us .two-col .ul li{margin:10px 0;}
.page-about-us .two-col .ul li+li{margin-top:16px;}

.two-col{display:grid; grid-template-columns: 1fr 1fr; gap:16px; margin-top:16px}
.kv{display:grid; grid-template-columns: 1fr; gap:10px}
.kv strong{color:#333333}
.note{font-size:13px; color:var(--muted); line-height:1.55}

.res-grid{display:grid; grid-template-columns: 1fr 1fr; gap:16px; margin-top:16px}
.dl{display:flex; align-items:flex-start; gap:12px}
.icon{width:34px; height:34px; border-radius:12px; background:#f1f5f9; border:1px solid var(--line); display:flex; align-items:center; justify-content:center; color:var(--ink); font-weight:900}
.dl a{font-weight:800}
.form{display:grid; gap:10px; margin-top:10px}
input, textarea, select{width:100%; padding:12px 12px; border-radius:14px; border:1px solid var(--line); background:#fff; font-size:14px; outline:none;}
textarea{min-height:140px; resize:vertical}
.label{font-size:13px; color:#334155; font-weight:700; margin:0 0 6px}
.help{font-size:12.5px; color:var(--muted); line-height:1.5}
hr{border:none; border-top:1px solid var(--line); margin:18px 0}

@media(max-width: 980px){
  .hero-grid{grid-template-columns:1fr;}
  .hero-media{height:auto; margin-top:18px;}
  .hero-product{width:100%; max-height:360px;}
  .hero-img{height:240px}
  .grid3{grid-template-columns:1fr}
  .gallery{grid-template-columns:1fr}
  .split{grid-template-columns:1fr}
  .footgrid{grid-template-columns:1fr}
  .two-col{grid-template-columns:1fr}
  .res-grid{grid-template-columns:1fr}
  .menu{display:none}
  .hamb{display:inline-flex; margin-left:auto; margin-right:14px}
  .mobile.show{display:block}
  .h1{font-size:34px}
  .title{font-size:28px}
  .page-about-us .title{font-size:34px}
}

/* ===== Vermenton v1.1 tweaks ===== */
:root{
  /* Brand accent (requested blue) */
  --brand:#2D8DC6;
  --brand-soft:#E8F4FC;
  --brand-ring: rgba(45,141,198,.22);
  --brand-tint: rgba(45,141,198,.10);
  --primary-color: var(--brand);
}

a{color:var(--brand);}
a:hover{color:var(--brand);}

.brand-badge{background:var(--brand);}
.kicker{color:var(--brand);}
.btn.primary{background:var(--brand);}
.hero{background: linear-gradient(180deg, var(--brand-soft) 0%, #ffffff 60%);}

.btn, .card, .tile, .hero-card, .pill{
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, filter .16s ease;
}

.card:hover, .tile:hover, .hero-card:hover{
  transform: translateY(-2px);
  box-shadow:var(--shadow);
  border-color: rgba(0,24,168,.18);
}

.btn:hover{transform: translateY(-1px);}

/* Language switcher (flags) */
.lang-switch{
  margin-left:16px;
  display:flex;
  gap:8px;
  align-items:center;
}
.lang-flag{
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.86);
  box-shadow:var(--shadow2);
  text-decoration:none;
  font-size:18px;
  line-height:1;
}
.lang-flag:hover{
  text-decoration:none;
  transform: translateY(-1px);
}
.lang-flag.is-current{
  border-color: var(--brand);
  box-shadow: 0 0 0 3px var(--brand-ring), var(--shadow2);
}

/* Mobile: move switcher nicely */
@media (max-width: 980px){
  .lang-switch{margin-left:8px;}
}


/* ===== Vermenton v1.2 navigation + solutions ===== */

/* Desktop nav: make it feel like a real menu (pills + hover)
   and keep the menu visually balanced between logo (left) and language flags (right). */
.menu{gap:10px; margin-left:28px; flex:1; justify-content:flex-end;}
.nav-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:14px;
  border:1px solid transparent;
  background:transparent;
  color:#333333;
  font-weight:600;
  text-decoration:none;
  line-height:1;
  font-family: inherit;
  font-size: 14px;
}
.nav-btn:hover{
  background:var(--brand-tint);
  border-color: var(--brand-ring);
  text-decoration:none;
}

/* Solutions top-level button: show dropdown on hover but do NOT highlight as clickable.
   Keep highlight only when active (inside a Solutions subpage). */
.dropdown > .dropdown-toggle:not(.active):hover,
.dropdown > .dropdown-toggle:not(.active):focus{
  background:transparent;
  border-color:transparent;
  box-shadow:none;
}
.nav-btn.active{
  background: var(--brand-soft);
  border-color: var(--brand-ring);
  box-shadow: 0 0 0 3px var(--brand-ring);
}

.menu a.active{text-decoration:none;}

/* Dropdown */
.dropdown{position:relative; display:inline-flex; align-items:center; padding-bottom:0;}
.dropdown-toggle{cursor:pointer; user-select:none; font-weight:600; -webkit-appearance:none; appearance:none;}
.dropdown-toggle .chev{font-size:12px; opacity:.75}
.dropdown-menu{
  position:absolute;
  top: 100%;
  left:0;
  min-width: 260px;
  padding:10px;
  border-radius:16px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.98);
  box-shadow: var(--shadow);
  display:none;
  z-index: 80;
}
.dropdown:hover .dropdown-menu,
.dropdown:focus-within .dropdown-menu,
.dropdown.open .dropdown-menu{
  display:block;
}
.dropdown-item{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  font-size:14px;
  font-family: inherit;
  gap:4px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid transparent;
  text-decoration:none;
  color:#333333;
  font-weight:650;
}
.dropdown-item:hover{
  background:var(--brand-tint);
  border-color: var(--brand-ring);
}
.dropdown-item.active{
  background: var(--brand-soft);
  border-color: var(--brand-ring);
}
.di-title{font-weight:750}
.di-sub{font-size:12px; color:var(--muted); font-weight:600}

/* Mobile group title */
.mobile-group{padding:6px 0 12px}
.mobile-title{
  /* Match top-level items (Components, Resources, etc.) */
  font-size:16px;
  font-weight:650;
  letter-spacing:0;
  text-transform:none;
  color:#333333;
  margin-top:0;
  padding:10px 0 10px 16px;
}

/* Submenu items (Hazardous / Hygienic / Obsolescence): lighter + indented for hierarchy */
.mobile-group a{
  color:var(--muted);
  font-weight:600;
  padding-left:34px;
  font-size:15px;
}

/* Language switcher inside the mobile menu */
.mobile-lang-block{padding:6px 0 2px; border-top:1px solid var(--line); margin-top:6px;}
.mobile-lang-row{display:flex; gap:10px; flex-wrap:wrap; padding:0 0 12px 16px;}
.mobile .mobile-lang-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid transparent;
  background:transparent;
  font-weight:800;
  color:#333333;
  text-decoration:none;
}
.mobile .mobile-lang-btn:hover{background:var(--brand-tint); border-color:var(--brand-ring); text-decoration:none;}
.mobile .mobile-lang-btn.current{background:var(--brand-soft); border-color:var(--brand-ring); box-shadow:0 0 0 3px var(--brand-ring);}
.mobile-lang-code{font-size:12px; letter-spacing:.08em; color:var(--muted);}

/* Footer address formatting */
.footer .footer-address p{margin:0}
.footer .footer-contact{margin-top:12px}
.footer .footer-contact p{margin:0}

/* Solutions layout helpers */
.lede{
  padding:0;
  border:none;
  background:transparent;
  box-shadow:none;
}
.lede .p{margin-top:8px}
.box.media{padding:0; border:none; background:transparent; box-shadow:none;}
.gallery-hero{
  grid-template-columns: repeat(3, 1fr);
  margin-top:0;
}
.gallery-hero img{
  height:140px;
  /* Show full images (no crop/zoom) */
  object-fit:contain;
  object-position:center;
  border-radius:14px;
  border:1px solid rgba(229,231,235,.9);
  background:#fff;
}

.cta-box{
  margin-top:18px;
  border-color: var(--brand-ring);
  background: linear-gradient(180deg, rgba(233,240,255,.85) 0%, rgba(255,255,255,.95) 70%);
}
.cta-head{display:flex; align-items:flex-end; justify-content:space-between; gap:14px; flex-wrap:wrap}
.cta-box .kv{margin-top:10px}
.cta-box .btn.primary{box-shadow: 0 0 0 3px var(--brand-ring);}

/* Improve link-as-button look inside cards */
.card .link{
  display:inline-flex;
  align-items:center;
  padding:8px 10px;
  border-radius:12px;
  border:1px solid rgba(0,24,168,.22);
  background:rgba(0,24,168,.06);
  text-decoration:none;
}
.card .link:hover{background:rgba(0,24,168,.10); border-color: var(--brand-ring);}

/* Responsive tweaks */
@media(max-width: 980px){
  .dropdown-menu{position:static; display:block; padding:0; border:none; box-shadow:none; background:transparent; min-width:auto}
  .dropdown{display:none} /* desktop dropdown hidden on mobile (mobile menu handles grouping) */
  .gallery-hero{grid-template-columns:1fr}
  .gallery-hero img{height:220px}
}


/* Footer refinements */
.footgrid{display:grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap:26px; padding-top:34px; padding-bottom:34px;}
.foot-quicklinks{justify-self:start; text-align:left;}
.foot-contact{justify-self:start; text-align:left;}
.foot-legal{justify-self:start; text-align:left;}
.foot-legal .footlinks{justify-items:start;}
.footlinks{margin-top:10px; display:grid; gap:8px;}
.footcontact{margin-top:10px; display:grid; gap:6px;}
.footcontact-label{font-weight:600; opacity:.9;}
.footbottom{padding-top:14px; padding-bottom:34px; border-top:1px solid var(--line);}
.foot-brand{margin-bottom:10px;}
.lang{display:flex; gap:8px; align-items:center; margin-left:14px;}
.lang-btn{width:34px; height:34px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; border:1px solid transparent; background:transparent; text-decoration:none; font-size:18px;}
.lang-btn:hover{background:var(--brand-tint); border-color:var(--brand-ring);}
.lang-btn.current{background:var(--brand-soft); border-color:var(--brand-ring); box-shadow:0 0 0 3px var(--brand-ring);}

.foot-spacer{min-height:1px;}
@media (max-width: 980px){
  .foot-legal{justify-self:start;}
  .foot-spacer{display:none;}
}
@media (max-width: 980px){.footgrid{grid-template-columns:1fr;}
.lang{display:none;}}

.prose{max-width:820px;}

/* Visually hidden (keywords / accessibility without affecting layout) */
.sr-only{position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}


/* ===== Vermenton v1.4.1 page layouts ===== */
.page-hero-grid{display:grid; grid-template-columns: 1.1fr .9fr; gap:26px; align-items:flex-start;}
.page-hero-media{border:1px solid var(--line); border-radius: var(--radius); overflow:hidden; box-shadow: var(--shadow);}
.page-hero-media .hero-img{height:300px; border-radius:0; border:none; object-fit:cover; display:block;}
.page-hero-media{background:#fff;}

/* About us hero image: show full photo without crop/zoom (keep other hero images as-is) */
body[class*="page-about-us"] .page-hero-media .hero-img{
  object-fit:contain;
  object-position:center;
  background:#fff;
}

/* Page hero without right media */
.page-hero.no-media .page-hero-grid{grid-template-columns:1fr;}
.page-hero.no-media .page-hero-media{display:none;}

.steps{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:10px;}
.step{border:1px solid var(--line); border-radius:16px; background:#fff; padding:12px; box-shadow:var(--shadow2);}
.step-kicker{font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--muted);}
.step-title{margin-top:6px; font-weight:800; color:#333333;}

@media(max-width: 980px){
  .page-hero-grid{grid-template-columns:1fr;}
  .page-hero-media .hero-img{height:240px;}
  .steps{grid-template-columns:1fr;}
}

.vmt-modal-body main{background:#fff;}