
/* Gatisetu mobile card visibility, section-heading and loading refinements — 2026-11-02 */
html body.page-services.page-enterprises main.g5-layout .g5-section-heading{
  width:min(100%,1100px)!important; max-width:1100px!important;
  margin:0 auto clamp(28px,4vw,44px)!important; padding:0 8px!important;
  text-align:center!important; display:block!important;
}
html body.page-services.page-enterprises main.g5-layout .g5-section-heading .g5-section-label{
  display:inline-flex!important; align-items:center!important; justify-content:center!important;
  gap:12px!important; margin:0 0 14px!important; padding:0!important;
  color:#2f8cff!important; font:800 clamp(13px,1vw,15px)/1.3 Outfit,sans-serif!important;
  letter-spacing:.12em!important; text-transform:uppercase!important;
}
html body.page-services.page-enterprises main.g5-layout .g5-section-heading .g5-section-label::before,
html body.page-services.page-enterprises main.g5-layout .g5-section-heading .g5-section-label::after{
  content:""!important; display:block!important; width:42px!important; height:2px!important;
  border-radius:99px!important; background:linear-gradient(90deg,#77BFFF,#7EE6CD)!important;
}
html body.page-services.page-enterprises main.g5-layout .g5-section-heading h2{
  margin:0 auto!important; max-width:950px!important; color:#08142c!important;
  font-size:clamp(2rem,4vw,4rem)!important; line-height:1.05!important;
  letter-spacing:-.045em!important; font-weight:800!important;
}
html body.page-services.page-enterprises main.g5-layout .g5-section-heading p{
  margin:14px auto 0!important; max-width:820px!important; color:#60708d!important;
  font-size:clamp(1rem,1.35vw,1.2rem)!important; line-height:1.65!important;
}
/* Consistent image-first cards. Do not hide art at tablet/mobile breakpoints. */
html body.page-services.page-enterprises main.g5-layout .g5-ideal-grid,
html body.page-services.page-enterprises main.g5-layout .g5-support-grid{
  align-items:stretch!important; grid-auto-rows:1fr!important;
}
html body.page-services.page-enterprises main.g5-layout .g5-illustration-card,
html body.page-services.page-enterprises main.g5-layout .g5-feature-card{
  display:flex!important; flex-direction:column!important; min-width:0!important;
  height:100%!important; overflow:hidden!important; background:#fff!important;
}
html body.page-services.page-enterprises main.g5-layout .g5-illustration-card .g5-card-art,
html body.page-services.page-enterprises main.g5-layout .g5-feature-card .g5-card-art{
  display:grid!important; visibility:visible!important; opacity:1!important;
  position:relative!important; flex:0 0 auto!important; width:100%!important;
  height:auto!important; min-height:0!important; aspect-ratio:1/1!important;
  padding:clamp(8px,1.5vw,16px)!important; overflow:hidden!important;
  place-items:center!important; background:linear-gradient(145deg,#f7fbff,#eef8ff 62%,#f0fcf8)!important;
}
html body.page-services.page-enterprises main.g5-layout .g5-illustration-card .g5-card-art img,
html body.page-services.page-enterprises main.g5-layout .g5-feature-card .g5-card-art img{
  display:block!important; visibility:visible!important; opacity:1!important;
  position:static!important; width:100%!important; height:100%!important;
  min-width:0!important; min-height:0!important; max-width:100%!important; max-height:100%!important;
  object-fit:contain!important; object-position:center!important;
}
html body.page-services.page-enterprises main.g5-layout .g5-card-copy,
html body.page-services.page-enterprises main.g5-layout .g5-feature-card .g5-card-copy{
  display:flex!important; flex:1 0 auto!important; flex-direction:column!important;
  justify-content:flex-start!important; min-height:112px!important;
  padding:16px 18px 20px!important; text-align:left!important;
  background:#fff!important; position:static!important; transform:none!important;
}
html body.page-services.page-enterprises main.g5-layout .g5-card-copy h3,
html body.page-services.page-enterprises main.g5-layout .g5-feature-card .g5-card-copy h3{
  display:block!important; margin:0 0 8px!important; color:#09152c!important;
  font:800 clamp(16px,1.35vw,21px)/1.25 Outfit,sans-serif!important;
  letter-spacing:-.02em!important; text-align:left!important; min-height:2.5em!important;
}
html body.page-services.page-enterprises main.g5-layout .g5-card-copy p,
html body.page-services.page-enterprises main.g5-layout .g5-feature-card .g5-card-copy p{
  display:block!important; margin:0!important; color:#60708d!important;
  font:400 14px/1.55 'DM Sans',sans-serif!important; text-align:left!important;
}
html body.page-services.page-enterprises main.g5-layout .g5-card-kicker{display:block!important;}
/* Keep intro artwork independent from heading/copy; prevent text overlap. */
html body.page-services.page-enterprises main.g5-layout .g5-enterprise-intro-split{
  align-items:center!important; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
}
html body.page-services.page-enterprises main.g5-layout .g5-enterprise-intro-text{
  position:relative!important; z-index:2!important; min-width:0!important;
}
html body.page-services.page-enterprises main.g5-layout .g5-enterprise-intro-art{
  position:relative!important; z-index:1!important; min-width:0!important; overflow:visible!important;
}
html body.page-services.page-enterprises main.g5-layout .g5-enterprise-intro-art img{
  display:block!important; position:relative!important; width:100%!important; height:auto!important;
  max-width:100%!important; max-height:440px!important; object-fit:contain!important;
}
@media(max-width:760px){
 html body.page-services.page-enterprises main.g5-layout .g5-enterprise-intro-split{
   display:flex!important; flex-direction:column!important; gap:10px!important;
 }
 html body.page-services.page-enterprises main.g5-layout .g5-enterprise-intro-text{width:100%!important;}
 html body.page-services.page-enterprises main.g5-layout .g5-enterprise-intro-art{
   width:100%!important; min-height:0!important; max-height:none!important;
 }
 html body.page-services.page-enterprises main.g5-layout .g5-enterprise-intro-art img{
   width:100%!important; max-height:300px!important;
 }
 html body.page-services.page-enterprises main.g5-layout .g5-ideal-grid,
 html body.page-services.page-enterprises main.g5-layout .g5-support-grid{
   grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important;
 }
 html body.page-services.page-enterprises main.g5-layout .g5-card-copy{min-height:0!important;padding:12px 12px 16px!important;}
 html body.page-services.page-enterprises main.g5-layout .g5-card-copy h3{font-size:15px!important;min-height:0!important;}
 html body.page-services.page-enterprises main.g5-layout .g5-card-copy p{font-size:12px!important;}
}
@media(max-width:420px){
 html body.page-services.page-enterprises main.g5-layout .g5-ideal-grid,
 html body.page-services.page-enterprises main.g5-layout .g5-support-grid{grid-template-columns:1fr!important;}
 html body.page-services.page-enterprises main.g5-layout .g5-card-art{aspect-ratio:1.25/1!important;}
 html body.page-services.page-enterprises main.g5-layout .g5-card-copy{padding:13px 15px 17px!important;}
}
