/* Shared navy decoration for service content panels. Content and layout stay unchanged. */
.im-benefits-lux,
.im-benefits-section,
.ecom-benefits,
.fm-benefits-wrapper,
.li-benefits-section,
.li-benefits-dark-box,
.ga-benefits-section,
.ig-benefits-section,
.yt-tech-benefits,
.cw-benefits-area,
.local-seo-content .benefits-section,
.im-metrics-section,
.dark-cloud-section,
section.bg-navy,
.why-panel,
.india-support .india-panel,
.about-bottom-showcase,
.dark-showcase-box,
.db2-premium-cta-banner,
.woo-outro,
.php-outro,
.ent-outro,
.wp-outro,
.bento-dark-quote,
.dark-section,
.matrix-solution,
.strategy-section,
body.erp-page>section.bg-slate-950 {
  background: #032a58 url("../image/home-navy-pattern.svg?v=4") center / cover no-repeat !important;
}

/* Extend the same treatment to dark cards, banners and inset panels. */
.php-card,
.php-badge,
.magento-page .woo-card,
.magento-page .woo-badge,
.wp-badge,
.bc-service-card:hover,
.ui-card:hover,
.ui-card.active-card,
.li-intro-text-card:first-child,
.fba-benefits-section,
.audit-ledger-widget,
.dba-visualizer,
.m-cluster-widget,
.pg-visualizer,
.db-dashboard-mock,
.im-terminal,
.im-app-header,
.info-side,
.results-strip,
.premium-hero,
.india-support thead,
.service-row:hover,
.tab-menu-btn.active-tab-btn,
.tech-capsule-tag:hover,
.tech-pill:hover,
.bg-navy,
body.erp-page>section .bg-slate-950,
body.erp-page>section .bg-slate-900,
body.erp-page>section .bg-slate-800 {
  background: #032a58 url("../image/home-navy-pattern.svg?v=4") center / cover no-repeat !important;
}


/* Requested banner refinements. */
.bc-cta {
  background: #032a58 url("../image/home-navy-pattern.svg?v=4") center / cover no-repeat !important;
  border: 1px solid #8ec5f52b;
  box-shadow: 0 12px 28px #102f4e18;
}

.bc-cta::before {
  display: none;
}

.db2-premium-cta-banner .cta-background-overlay-img,
.db2-premium-cta-banner::after {
  display: none !important;
}

.db2-premium-cta-banner {
  border: 1px solid #8ec5f533;
}

/* Keep the blue background edge to edge and the text within a readable width. */
section.local-seo-content,
section.cw-container {
  max-width: none;
  width: 100%;
  padding: 60px 0;
}

section.local-seo-content> :not(.benefits-section),
section.cw-container> :not(.cw-benefits-area) {
  width: calc(100% - 40px);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

section.local-seo-content>.benefits-section,
section.cw-container>.cw-benefits-area {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  border-radius: 0;
  border: 0;
  box-shadow: none;
  padding: 44px max(20px, calc((100% - 1200px) / 2));
}

section.local-seo-content>.benefits-section::after {
  display: none;
}

/* Local SEO cards: consistent icon tiles, balanced spacing and patterned hover. */
.local-seo-content .services-grid {
  gap: 44px;
}

.local-seo-content .service-card {
  padding: 24px;
  border: 1px solid #dce5ee;
  border-bottom: 3px solid #164d7b;
  border-radius: 16px;
  box-shadow: 0 6px 20px #102f4e09;
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

.local-seo-content .service-card::before {
  background: #032a58 url("../image/home-navy-pattern.svg?v=4") center / cover no-repeat;
  border-radius: inherit;
}

.local-seo-content .service-card>i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 18px;
  border-radius: 12px;
  font-size: 24px;
  background: #eaf2fa;
  color: #164d7b;
}

.local-seo-content .service-card h4 {
  font-size: 19px;
  line-height: 1.4;
  margin-bottom: 12px;
}

.local-seo-content .service-card p {
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 0;
  text-align: left;
}

.local-seo-content .service-card:hover {
  transform: translateY(-4px);
  border-color: #5597cf;
  box-shadow: 0 12px 26px #123b6020;
}

.local-seo-content .service-card:hover>i {
  background: #ffffff18;
  color: #fff;
  transform: none;
}

@media (max-width: 600px) {
  .local-seo-content .services-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  section.local-seo-content>.benefits-section,
  section.cw-container>.cw-benefits-area {
    padding: 32px 20px;
  }
}