/* V20: canonical Web Development / homepage consultation card on inner heroes. */
body[data-service="SEO Services"] section.page-hero .service-side-stack,
body[data-service="App Development"] section.page-hero .service-side-stack,
body[data-service="PPC Paid Advertising"] section.page-hero .ppc-hero-form{
  background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;
  padding:0!important;margin:0!important;min-width:0!important;border-radius:0!important;overflow:visible!important;
}
body:is([data-service="SEO Services"],[data-service="PPC Paid Advertising"],[data-service="App Development"]) section.page-hero .dp-home-canonical-form{
  background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;padding:0!important;margin:0!important;min-width:0;max-width:none;width:100%;overflow:visible!important;
}
body:is([data-service="SEO Services"],[data-service="PPC Paid Advertising"],[data-service="App Development"]) section.page-hero .dp-home-canonical-form::before,
body:is([data-service="SEO Services"],[data-service="PPC Paid Advertising"],[data-service="App Development"]) section.page-hero .dp-home-canonical-form::after{content:none!important;display:none!important}






/* App Development new supplied banner backdrop */
html body[data-service="App Development"] main .app-v18-hero{
  background-image:linear-gradient(90deg,rgba(10,5,16,.9) 0%,rgba(14,5,28,.73) 55%,rgba(13,5,22,.66) 100%),url("../images/services/app-development-banner-v20.png")!important;
  background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important;
}
/* Home's canonical animated subtitle chips, no V18 page-specific typography overrides. */
body[data-service="App Development"] main .app-v18-section .dp-subtitle{
  --dp-subtitle-ink:rgba(12,8,21,.78);margin-bottom:clamp(16px,2vw,23px)!important;
}
body[data-service="App Development"] main .app-v18-section .dp-subtitle .dp-subtitle-part{
  font-size:inherit!important;font-weight:inherit!important;line-height:1.3!important;padding:7px 9px!important;
  border-radius:0!important;letter-spacing:inherit!important;background:var(--dp-subtitle-ink)!important;color:#fff!important;
}
body[data-service="App Development"] main .app-v18-section .dp-subtitle .dp-subtitle-part:first-child{border-radius:5px 0 0 5px!important}
body[data-service="App Development"] main .app-v18-section .dp-subtitle .dp-subtitle-part:last-child{border-radius:0 5px 5px 0!important}
body[data-service="App Development"] main .app-v18-section .dp-subtitle .dp-subtitle-part:only-child{border-radius:5px!important}
body[data-service="App Development"] main .app-v18-section .dp-subtitle .dp-subtitle-part--focus{
  background:#6d28d9!important;color:#fff!important;border-radius:6px!important;padding:9px 11px!important;
  margin:-2px -1px!important;position:relative;z-index:1;box-shadow:0 4px 15px rgba(109,40,217,.18)!important;
}
/* Center the existing workflow content and retain its original indicators. */
body[data-service="App Development"] main .app-v18-workflow .app-v20-workflow-centered{
  grid-template-columns:minmax(0,1fr)!important;max-width:1080px;margin-inline:auto;gap:40px!important;text-align:center;
}
body[data-service="App Development"] main .app-v18-workflow .app-v20-workflow-centered>div:first-child{
  display:flex;flex-direction:column;align-items:center;
}
body[data-service="App Development"] main .app-v18-workflow .app-v20-workflow-centered>div:first-child p{
  margin-inline:auto;max-width:760px!important;
}
body[data-service="App Development"] main .app-v18-workflow .app-v20-workflow-centered .app-v18-platform-chips{
  justify-content:center!important;
}
body[data-service="App Development"] main .app-v18-workflow .app-v20-workflow-centered .app-v18-architecture-board{
  width:min(860px,100%);margin-inline:auto;box-sizing:border-box;
}
/* Premium equal-height scoped product planner; preserving the original checklist logic and results. */
body[data-service="App Development"] main .app-v18-planner{background:#f8f8fa!important}
body[data-service="App Development"] main .app-v18-planner .app-v20-planner-grid{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:stretch!important;gap:clamp(20px,3vw,42px)!important;
}
body[data-service="App Development"] main .app-v18-planner .app-v20-planner-grid>div:first-child,
body[data-service="App Development"] main .app-v18-planner .app-v20-planner-grid>.dp-tool-result{
  display:flex!important;flex-direction:column;min-height:100%;min-width:0;box-sizing:border-box;
}
body[data-service="App Development"] main .app-v18-planner .dp-tool-inputs{
  flex:1;display:flex;flex-direction:column;justify-content:space-evenly;margin-top:22px;
  background:#fff!important;border:1px solid #e9e4ed!important;border-radius:24px!important;
  box-shadow:0 15px 42px rgba(24,14,32,.06)!important;padding:18px 24px!important;
}
body[data-service="App Development"] main .app-v18-planner .dp-check{
  display:flex;align-items:center;gap:13px;min-height:56px;padding:15px 10px!important;
  border-radius:10px;transition:background .25s ease,transform .25s ease!important;
}
body[data-service="App Development"] main .app-v18-planner .dp-check:hover{
  background:#f5f2fa!important;transform:translateX(4px);
}
body[data-service="App Development"] main .app-v18-planner .dp-tool-result{
  border-radius:24px!important;padding:clamp(24px,3vw,40px)!important;
  background:linear-gradient(150deg,#22152e,#130e1b)!important;
  display:flex!important;flex-direction:column;justify-content:center;gap:16px;
}
body[data-service="App Development"] main .app-v18-planner .dp-tool-result .dp-tool-bars{min-height:20px}
body[data-service="App Development"] main .app-v18-planner .dp-tool-result .button-row{
  margin-top:auto;display:flex;flex-wrap:wrap;gap:10px;
}
/* SVG process icon motion + card hover, without replacing any stage descriptions. */
body[data-service="App Development"] main .app-v18-process-grid .app-v20-process-icon{
  display:flex!important;align-items:center;justify-content:center;
  width:66px!important;height:66px!important;background:#f0e9fa!important;color:#6d28d9!important;
  border:1px solid #e0d0f4!important;border-radius:18px!important;
  transition:background-color .4s ease,color .4s ease,transform .4s cubic-bezier(.2,.75,.2,1),box-shadow .4s ease!important;
}
body[data-service="App Development"] main .app-v18-process-grid .app-v20-process-icon svg{
  display:block;width:29px;height:29px;transition:transform .4s cubic-bezier(.2,.75,.2,1);
}
body[data-service="App Development"] main .app-v18-process-grid .benefit-item:hover .app-v20-process-icon{
  background:#6d28d9!important;color:#fff!important;transform:translateY(-5px) rotate(-5deg);
  box-shadow:0 12px 25px rgba(109,40,217,.22);
}
body[data-service="App Development"] main .app-v18-process-grid .benefit-item:hover .app-v20-process-icon svg{transform:scale(1.13) rotate(5deg)}
@media(max-width:960px){body[data-service="App Development"] main .app-v18-planner .app-v20-planner-grid{grid-template-columns:1fr!important}}
@media(max-width:620px){
  body[data-service="App Development"] main .app-v18-workflow .app-v20-workflow-centered{gap:24px!important}
  body[data-service="App Development"] main .app-v18-planner .dp-tool-inputs{padding:14px!important}
  body[data-service="App Development"] main .app-v18-planner .dp-tool-result .button-row{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
  body[data-service="App Development"] main .app-v18-planner .dp-check,
  body[data-service="App Development"] main .app-v18-process-grid .app-v20-process-icon,
  body[data-service="App Development"] main .app-v18-process-grid .app-v20-process-icon svg{animation:none!important;transition:none!important;transform:none!important}
}