/* Full-width presentation shell for the EnvMart Services landing page only */
body#module-envmartservices-servicespage #main .envm9-services-page,
body#module-envmartservices-servicespage .page-content .envm9-services-page{position:relative!important;left:50%!important;right:50%!important;width:100vw!important;max-width:100vw!important;margin-left:-50vw!important;margin-right:-50vw!important;box-sizing:border-box!important;padding:0!important;background:#f3fffb!important}
body#module-envmartservices-servicespage #main .envm9-services-page .ems-wrap{width:100%!important;max-width:100%!important;border-radius:0!important}
body#module-envmartservices-servicespage #content-wrapper,
body#module-envmartservices-servicespage #main,
body#module-envmartservices-servicespage .page-content{overflow:visible!important}
body#module-envmartservices-servicespage .envm9-top-banner{display:none!important}
body#module-envmartservices-servicespage .page-header{display:none!important}
@media(max-width:767px){body#module-envmartservices-servicespage #main .envm9-services-page .ems-wrap{padding-left:0!important;padding-right:0!important}}

/* remove theme breadcrumb/empty bands on services landing only */
body#module-envmartservices-servicespage .breadcrumb,
body#module-envmartservices-servicespage nav.breadcrumb,
body#module-envmartservices-servicespage #wrapper > .breadcrumb,
body#module-envmartservices-servicespage .breadcrumb-wrapper{display:none!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
body#module-envmartservices-servicespage #wrapper{padding-top:0!important;background:#f3fffb!important}
body#module-envmartservices-servicespage #content-wrapper{padding-top:0!important}
body#module-envmartservices-servicespage .container{max-width:none!important}

/* QA fix: prevent the services landing wrapper from creating browser horizontal scrollbars */
body#module-envmartservices-servicespage #main .envm9-services-page,
body#module-envmartservices-servicespage .page-content .envm9-services-page{left:auto!important;right:auto!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;overflow-x:hidden!important}
body#module-envmartservices-servicespage,
body#module-envmartservices-servicespage #wrapper,
body#module-envmartservices-servicespage #main,
body#module-envmartservices-servicespage #content-wrapper{overflow-x:hidden!important;max-width:100%!important}


/* FINAL v13 targeted fixes: contact page compatibility + stronger visual card float */
.ems-visual{
  overflow:visible!important;
  min-height:620px!important;
  padding-bottom:90px!important;
}
.ems-visual:before{overflow:visible!important;}
.ems-dashboard{
  overflow:visible!important;
  inset:74px 72px 96px 72px!important;
  z-index:2!important;
}
.ems-heroCore{
  z-index:9!important;
  box-shadow:0 32px 80px rgba(8,36,75,.28)!important;
}
.ems-visual .ems-float{
  position:absolute!important;
  z-index:120!important;
  background:rgba(255,255,255,.98)!important;
  border:1px solid rgba(6,36,74,.08)!important;
  border-radius:24px!important;
  box-shadow:0 34px 70px rgba(6,36,74,.24)!important;
  transform:translate3d(0,-18px,0)!important;
  animation:emsCardTrueFloatV13 4.6s ease-in-out infinite!important;
  will-change:transform!important;
}
.ems-visual .ems-f3{
  left:34px!important;
  bottom:118px!important;
  max-width:305px!important;
  animation-delay:-2.2s!important;
}
.ems-visual .ems-f4{
  right:34px!important;
  bottom:118px!important;
  max-width:305px!important;
  animation-delay:-.8s!important;
}
.ems-visual .ems-f1{left:24px!important;top:24px!important;}
.ems-visual .ems-f2{right:18px!important;top:164px!important;}
@keyframes emsCardTrueFloatV13{
  0%,100%{transform:translate3d(0,-18px,0)!important;}
  50%{transform:translate3d(0,-42px,0)!important;}
}
@media(max-width:1024px){
  .ems-visual{overflow:visible!important;min-height:650px!important;padding-bottom:110px!important;}
  .ems-dashboard{inset:86px 34px 118px 34px!important;}
  .ems-visual .ems-f3{left:18px!important;bottom:120px!important;}
  .ems-visual .ems-f4{right:18px!important;bottom:120px!important;}
}
@media(max-width:680px){
  .ems-visual{min-height:700px!important;overflow:visible!important;}
  .ems-dashboard{inset:122px 18px 156px 18px!important;}
  .ems-visual .ems-f3{left:12px!important;bottom:76px!important;}
  .ems-visual .ems-f4{right:12px!important;bottom:76px!important;}
}

/* v14 backup: bottom service-flow cards lifted/floating */
body#module-envmartservices-servicespage .ems-visual{overflow:visible!important;min-height:640px!important;isolation:isolate!important}
body#module-envmartservices-servicespage .ems-dashboard{inset:70px 70px 128px 70px!important;overflow:visible!important}
body#module-envmartservices-servicespage .ems-float{position:absolute!important;z-index:500!important;box-shadow:0 38px 86px rgba(6,36,74,.28)!important;animation:emsFinalCardFloatV14 3.8s ease-in-out infinite!important}
body#module-envmartservices-servicespage .ems-f3{left:34px!important;bottom:112px!important}
body#module-envmartservices-servicespage .ems-f4{right:34px!important;bottom:112px!important}
@keyframes emsFinalCardFloatV14{0%,100%{transform:translate3d(0,-26px,0)}50%{transform:translate3d(0,-52px,0)}}

/* v15 final card float */
  /* v15 final: force the four hero cards to float above the visual, including the lower two cards */
  .ems-visual{overflow:visible!important;min-height:600px!important;padding:28px!important;isolation:isolate!important}
  .ems-dashboard{inset:58px 58px 102px 58px!important;overflow:visible!important;z-index:1!important}
  .ems-visual .ems-float{position:absolute!important;z-index:9999!important;background:#fff!important;border:1px solid rgba(6,36,74,.08)!important;border-radius:26px!important;box-shadow:0 34px 76px rgba(6,36,74,.24)!important;max-width:300px!important;width:300px!important;padding:22px 24px!important;pointer-events:auto!important;animation:emsV15Float 4.5s ease-in-out infinite!important;will-change:transform!important}
  .ems-visual .ems-float b{font-size:20px!important;line-height:1.08!important;letter-spacing:-.035em!important;color:#082455!important;margin-bottom:8px!important}
  .ems-visual .ems-float small{font-size:16px!important;line-height:1.36!important;color:#5B718E!important;font-weight:850!important}
  .ems-visual .ems-f1{left:-8px!important;top:12px!important;bottom:auto!important;right:auto!important;animation-delay:0s!important}
  .ems-visual .ems-f2{right:-8px!important;top:126px!important;bottom:auto!important;left:auto!important;animation-delay:-1.1s!important}
  .ems-visual .ems-f3{left:0!important;top:430px!important;bottom:auto!important;right:auto!important;animation-delay:-2.2s!important}
  .ems-visual .ems-f4{right:0!important;top:430px!important;bottom:auto!important;left:auto!important;animation-delay:-3.3s!important}
  @keyframes emsV15Float{0%,100%{transform:translate3d(0,-30px,0)}50%{transform:translate3d(0,-58px,0)}}
  @media(max-width:1024px){.ems-visual{min-height:660px!important;overflow:visible!important}.ems-dashboard{inset:82px 28px 132px 28px!important}.ems-visual .ems-float{width:260px!important;max-width:260px!important;padding:18px!important}.ems-visual .ems-f3{top:462px!important;left:16px!important}.ems-visual .ems-f4{top:462px!important;right:16px!important}}
  @media(max-width:680px){.ems-visual{min-height:720px!important}.ems-visual .ems-float{width:calc(50% - 20px)!important;max-width:none!important;padding:13px!important}.ems-visual .ems-float b{font-size:15px!important}.ems-visual .ems-float small{font-size:12px!important}.ems-visual .ems-f1{left:10px!important;top:10px!important}.ems-visual .ems-f2{right:10px!important;top:94px!important}.ems-visual .ems-f3{left:10px!important;top:560px!important}.ems-visual .ems-f4{right:10px!important;top:560px!important}}



/* v19: same visible card-float override in external CSS */
body#module-envmartservices-servicespage .ems-visual{position:relative!important;overflow:visible!important;min-height:620px!important;padding:42px!important;isolation:isolate!important;perspective:1400px!important}
body#module-envmartservices-servicespage .ems-dashboard{position:absolute!important;inset:90px 62px 130px 62px!important;z-index:1!important;overflow:visible!important;box-shadow:0 28px 72px rgba(6,36,74,.12)!important}
body#module-envmartservices-servicespage .ems-visual .ems-float{position:absolute!important;display:block!important;z-index:99999!important;background:#fff!important;border-radius:26px!important;box-shadow:0 50px 105px rgba(6,36,74,.34),0 14px 30px rgba(0,184,132,.08)!important;padding:22px 24px!important;width:310px!important;max-width:310px!important;filter:drop-shadow(0 28px 28px rgba(6,36,74,.16))!important;animation:emsTrueVisibleFloatV19 3.2s ease-in-out infinite!important}
body#module-envmartservices-servicespage .ems-visual .ems-f1{left:-4px!important;top:-20px!important;right:auto!important;bottom:auto!important}
body#module-envmartservices-servicespage .ems-visual .ems-f2{right:-22px!important;top:100px!important;left:auto!important;bottom:auto!important}
body#module-envmartservices-servicespage .ems-visual .ems-f3{left:-10px!important;bottom:18px!important;right:auto!important;top:auto!important}
body#module-envmartservices-servicespage .ems-visual .ems-f4{right:-10px!important;bottom:18px!important;left:auto!important;top:auto!important}
@keyframes emsTrueVisibleFloatV19{0%,100%{transform:translate3d(0,-22px,140px) scale(1.02) rotate(.35deg)!important}50%{transform:translate3d(0,-56px,160px) scale(1.045) rotate(-.35deg)!important}}


/* v24: final minimal fixes - product override JS dependency + visible slow card floating */
@keyframes emsV24SlowFloatA{0%,100%{transform:translate3d(0,-4px,0) scale(1)}50%{transform:translate3d(0,-34px,0) scale(1.018)}}
@keyframes emsV24SlowFloatB{0%,100%{transform:translate3d(0,-18px,0) scale(1)}50%{transform:translate3d(0,18px,0) scale(1.018)}}
body#module-envmartservices-servicespage .ems-visual .ems-float{animation:emsV24SlowFloatA 5.8s ease-in-out infinite!important;box-shadow:0 38px 90px rgba(6,36,74,.34),0 18px 42px rgba(0,184,132,.10)!important;will-change:transform!important}
body#module-envmartservices-servicespage .ems-visual .ems-f1{animation-delay:0s!important}
body#module-envmartservices-servicespage .ems-visual .ems-f2{animation-name:emsV24SlowFloatB!important;animation-delay:-1.1s!important}
body#module-envmartservices-servicespage .ems-visual .ems-f3{animation-name:emsV24SlowFloatB!important;animation-delay:-2.2s!important}
body#module-envmartservices-servicespage .ems-visual .ems-f4{animation-delay:-3.3s!important}


/* v27: visible slow up/down floating motion for all four service-flow cards */
@keyframes emsV27VisibleFloatUpDown {
  0%,100% { transform: translate3d(0,-12px,0) scale(1.015); }
  50% { transform: translate3d(0,-62px,0) scale(1.035); }
}
@keyframes emsV27VisibleFloatDownUp {
  0%,100% { transform: translate3d(0,-54px,0) scale(1.025); }
  50% { transform: translate3d(0,-8px,0) scale(1.01); }
}
body#module-envmartservices-servicespage .ems-visual{overflow:visible!important;isolation:isolate!important}
body#module-envmartservices-servicespage .ems-visual .ems-float{
  position:absolute!important;
  display:block!important;
  z-index:999999!important;
  background:#fff!important;
  box-shadow:0 44px 110px rgba(6,36,74,.36),0 18px 48px rgba(0,184,132,.12)!important;
  will-change:transform!important;
  animation:emsV27VisibleFloatUpDown 6s ease-in-out infinite!important;
}
body#module-envmartservices-servicespage .ems-visual .ems-f1{animation-delay:0s!important}
body#module-envmartservices-servicespage .ems-visual .ems-f2{animation-name:emsV27VisibleFloatDownUp!important;animation-delay:-1.4s!important}
body#module-envmartservices-servicespage .ems-visual .ems-f3{animation-name:emsV27VisibleFloatDownUp!important;animation-delay:-2.7s!important}
body#module-envmartservices-servicespage .ems-visual .ems-f4{animation-delay:-4s!important}


/* v28: actual visible slow up/down floating using top/bottom, so earlier transform overrides cannot stop it */
@keyframes emsV28FloatTopCard1{0%,100%{top:20px}50%{top:0}}
@keyframes emsV28FloatTopCard2{0%,100%{top:112px}50%{top:82px}}
@keyframes emsV28FloatBottomCard3{0%,100%{bottom:40px}50%{bottom:72px}}
@keyframes emsV28FloatBottomCard4{0%,100%{bottom:40px}50%{bottom:72px}}
.ems-visual{overflow:visible!important;position:relative!important}
.ems-visual .ems-float{position:absolute!important;z-index:9999999!important;box-shadow:0 52px 130px rgba(6,36,74,.34),0 18px 48px rgba(0,184,132,.12)!important;will-change:top,bottom!important}
.ems-visual .ems-f1{left:36px!important;top:20px!important;right:auto!important;bottom:auto!important;animation:emsV28FloatTopCard1 5.6s ease-in-out infinite!important}
.ems-visual .ems-f2{right:30px!important;top:112px!important;left:auto!important;bottom:auto!important;animation:emsV28FloatTopCard2 6.1s ease-in-out infinite!important}
.ems-visual .ems-f3{left:28px!important;bottom:40px!important;right:auto!important;top:auto!important;animation:emsV28FloatBottomCard3 5.9s ease-in-out infinite!important}
.ems-visual .ems-f4{right:28px!important;bottom:40px!important;left:auto!important;top:auto!important;animation:emsV28FloatBottomCard4 6.3s ease-in-out infinite!important}
@media(max-width:900px){.ems-visual .ems-f1{left:12px!important}.ems-visual .ems-f2{right:12px!important}.ems-visual .ems-f3{left:12px!important}.ems-visual .ems-f4{right:12px!important}}
