/* Unit-gateway module cards — image-backed redesign
   Visual reference: css/erp-featured-modules.css (.erp-fcard)
   Targets: .unit-gateway-grid.unit-gateway-grid--image-cards
*/
:root {
  --erp-ucard-radius: 16px;
  --erp-ucard-transition: 0.4s;
  --erp-ucard-scrim: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.12) 0%,
    rgba(0, 0, 0, 0.35) 42%,
    rgba(0, 0, 0, 0.88) 100%
  );
}

/* ── Grid ───────────────────────────────────────────────────────────────
   Mobile: 1 col | Tablet (701–1023): 2 cols | Laptop/desktop (≥1024): 4 cols
   Column count via --erp-ug-cols so media queries cannot lose to a more
   specific base grid-template-columns rule. */
.unit-gateway-grid.unit-gateway-grid--image-cards,
.unit-gateway-grid.unit-gateway-grid--image-cards.erp-module-card-grid {
  --erp-ug-cols: 1;
}

@media (min-width: 701px) and (max-width: 1023px) {
  .unit-gateway-grid.unit-gateway-grid--image-cards,
  .unit-gateway-grid.unit-gateway-grid--image-cards.erp-module-card-grid {
    --erp-ug-cols: 2;
  }
}

@media (min-width: 1024px) {
  .unit-gateway-grid.unit-gateway-grid--image-cards,
  .unit-gateway-grid.unit-gateway-grid--image-cards.erp-module-card-grid {
    --erp-ug-cols: 4;
  }
}

html body.erp-body #landing .unit-gateway-grid.unit-gateway-grid--image-cards,
html body.erp-body #landing .unit-gateway-grid.unit-gateway-grid--image-cards.erp-module-card-grid,
html[data-active-module="landing"] body.erp-body #landing .unit-gateway-grid.unit-gateway-grid--image-cards,
html[data-active-module="landing"] body.erp-body #landing .unit-gateway-grid.unit-gateway-grid--image-cards.erp-module-card-grid,
html[data-active-module="landing"] body.erp-body #landing.module-section .unit-gateway-grid.unit-gateway-grid--image-cards,
html[data-active-module="landing"] body.erp-body #landing.module-section .unit-gateway-grid.unit-gateway-grid--image-cards.erp-module-card-grid,
.unit-gateway-grid.unit-gateway-grid--image-cards,
.unit-gateway-grid.unit-gateway-grid--image-cards.erp-module-card-grid {
  display: grid !important;
  grid-template-columns: repeat(var(--erp-ug-cols, 1), minmax(0, 1fr)) !important;
  gap: 24px !important;
  padding: 12px 0 8px !important;
  align-items: stretch !important;
  align-content: start !important;
  grid-auto-rows: auto !important;
}

/* ── Card shell ───────────────────────────────────────────────────────── */
html body.erp-body #landing .unit-gateway-grid--image-cards .unit-card,
html[data-active-module="landing"] body.erp-body #landing .unit-gateway-grid--image-cards .unit-card,
html[data-active-module="landing"] body.erp-body #landing.module-section .unit-gateway-grid--image-cards .unit-card,
.unit-gateway-grid--image-cards .unit-card,
#erpLandingCarousels .unit-card {
  position: relative !important;
  isolation: isolate !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-self: stretch !important;
  height: 380px !important;
  min-height: 380px !important;
  max-height: 380px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: var(--erp-ucard-radius) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
  cursor: pointer !important;
  background-color: #0f172a !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  box-shadow: none !important;
  transform: none !important;
  transition: transform var(--erp-ucard-transition) cubic-bezier(0.34, 1.56, 0.64, 1),
    box-shadow var(--erp-ucard-transition) ease !important;
  will-change: transform;
  grid-template-columns: unset !important;
  grid-template-rows: unset !important;
  grid-template-areas: unset !important;
  outline: none;
}

html body.erp-body #landing .unit-gateway-grid--image-cards .unit-card:hover,
html body.erp-body #landing .unit-gateway-grid--image-cards .unit-card:focus-visible,
html[data-active-module="landing"] body.erp-body #landing .unit-gateway-grid--image-cards .unit-card:hover,
html[data-active-module="landing"] body.erp-body #landing .unit-gateway-grid--image-cards .unit-card:focus-visible,
.unit-gateway-grid--image-cards .unit-card:hover,
.unit-gateway-grid--image-cards .unit-card:focus-visible {
  transform: translateY(-10px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), 0 0 20px rgba(13, 110, 253, 0.28) !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
}

/* Kill legacy accent bar + shine sweep — scrim lives in background-image */
html body.erp-body #landing .unit-gateway-grid--image-cards .unit-card::before,
html body.erp-body #landing .unit-gateway-grid--image-cards .unit-card::after,
html[data-active-module="landing"] body.erp-body #landing .unit-gateway-grid--image-cards .unit-card::before,
html[data-active-module="landing"] body.erp-body #landing .unit-gateway-grid--image-cards .unit-card::after,
.unit-gateway-grid--image-cards .unit-card::before,
.unit-gateway-grid--image-cards .unit-card::after {
  display: none !important;
  content: none !important;
  animation: none !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}

/* ── Per-module background images ─────────────────────────────────────── */
.unit-gateway-grid--image-cards .unit-wallet,
#erpLandingCarousels .unit-wallet {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1563013544-824ae1b704d3?auto=format&fit=crop&w=900&q=80") !important;
}
.unit-gateway-grid--image-cards .unit-verify,
#erpLandingCarousels .unit-verify {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1563986768609-322da13575f3?auto=format&fit=crop&w=900&q=80") !important;
}
.unit-gateway-grid--image-cards .unit-crm,
#erpLandingCarousels .unit-crm {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1600880292203-757bb62b4baf?auto=format&fit=crop&w=900&q=80") !important;
}
.unit-gateway-grid--image-cards .unit-sch,
#erpLandingCarousels .unit-sch {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1523240795612-9a054b0db644?auto=format&fit=crop&w=900&q=80") !important;
}
.unit-gateway-grid--image-cards .unit-hr,
#erpLandingCarousels .unit-hr {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=900&q=80") !important;
}
.unit-gateway-grid--image-cards .unit-inv,
#erpLandingCarousels .unit-inv {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=900&q=80") !important;
}
.unit-gateway-grid--image-cards .unit-marketing-hub,
#erpLandingCarousels .unit-marketing-hub {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1557838923-2985c318be48?auto=format&fit=crop&w=900&q=80") !important;
}
.unit-gateway-grid--image-cards .unit-payroll,
#erpLandingCarousels .unit-payroll {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1554224155-6726b3ff858f?auto=format&fit=crop&w=900&q=80") !important;
}
.unit-gateway-grid--image-cards .unit-pos,
#erpLandingCarousels .unit-pos {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1556741533-6e6a62bd8b49?auto=format&fit=crop&w=900&q=80") !important;
}
.unit-gateway-grid--image-cards .unit-propertypro,
#erpLandingCarousels .unit-propertypro {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1560518883-ce09059eeffa?auto=format&fit=crop&w=900&q=80") !important;
}
.unit-gateway-grid--image-cards .unit-ch,
#erpLandingCarousels .unit-ch {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1438032005730-c779502df39b?auto=format&fit=crop&w=900&q=80") !important;
}
.unit-gateway-grid--image-cards .unit-timetracker,
#erpLandingCarousels .unit-timetracker {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1501139083538-0139583c060f?auto=format&fit=crop&w=900&q=80") !important;
}
.unit-gateway-grid--image-cards .unit-proc,
#erpLandingCarousels .unit-proc {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1553413077-190dd305871c?auto=format&fit=crop&w=900&q=80") !important;
}
.unit-gateway-grid--image-cards .unit-foodpro,
#erpLandingCarousels .unit-foodpro {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1556910103-1c02745aae4d?auto=format&fit=crop&w=900&q=80") !important;
}
.unit-gateway-grid--image-cards .unit-hc,
#erpLandingCarousels .unit-hc {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1519494026892-80bbd2d6fd0d?auto=format&fit=crop&w=900&q=80") !important;
}
.unit-gateway-grid--image-cards .unit-hotel,
#erpLandingCarousels .unit-hotel {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=900&q=80") !important;
}
.unit-gateway-grid--image-cards .unit-mkt,
#erpLandingCarousels .unit-mkt {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1441986300917-64674bd600d8?auto=format&fit=crop&w=900&q=80") !important;
}
.unit-gateway-grid--image-cards .unit-zuto-property,
#erpLandingCarousels .unit-zuto-property {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1512917774080-9991f1c4c750?auto=format&fit=crop&w=900&q=80") !important;
}
.unit-gateway-grid--image-cards .unit-zuto-auto,
#erpLandingCarousels .unit-zuto-auto {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?auto=format&fit=crop&w=900&q=80") !important;
}
.unit-gateway-grid--image-cards .unit-zuto-market,
#erpLandingCarousels .unit-zuto-market {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1607083206869-4c7672e72a8a?auto=format&fit=crop&w=900&q=80") !important;
}
.unit-gateway-grid--image-cards .unit-zuto-biz,
#erpLandingCarousels .unit-zuto-biz {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&w=900&q=80") !important;
}
.unit-gateway-grid--image-cards .unit-zuto-classified,
#erpLandingCarousels .unit-zuto-classified {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1495020689067-958852a7765e?auto=format&fit=crop&w=900&q=80") !important;
}
.unit-gateway-grid--image-cards .unit-zuto-holidays,
#erpLandingCarousels .unit-zuto-holidays {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=900&q=80") !important;
}
.unit-gateway-grid--image-cards .unit-zuto-mobility,
#erpLandingCarousels .unit-zuto-mobility {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1449965408869-eaa3f722e40d?auto=format&fit=crop&w=900&q=80") !important;
}
.unit-gateway-grid--image-cards .unit-roster,
#erpLandingCarousels .unit-roster {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1506784983877-45594efa4cbe?auto=format&fit=crop&w=900&q=80") !important;
}
.unit-gateway-grid--image-cards .unit-logistics,
#erpLandingCarousels .unit-logistics {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1578575437130-527eed3abbec?auto=format&fit=crop&w=900&q=80") !important;
}
.unit-gateway-grid--image-cards .unit-carepro,
#erpLandingCarousels .unit-carepro {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?auto=format&fit=crop&w=900&q=80") !important;
}
.unit-gateway-grid--image-cards .unit-homesafe,
#erpLandingCarousels .unit-homesafe {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1560448204-e02f11c3d0e2?auto=format&fit=crop&w=900&q=80") !important;
}
.unit-gateway-grid--image-cards .unit-fleettrack,
#erpLandingCarousels .unit-fleettrack {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1449965408869-eaa3f722e40d?auto=format&fit=crop&w=900&q=80") !important;
}

/* ── Badge ────────────────────────────────────────────────────────────── */
html body.erp-body #landing .unit-gateway-grid--image-cards .unit-badge,
html[data-active-module="landing"] body.erp-body #landing .unit-gateway-grid--image-cards .unit-badge,
.unit-gateway-grid--image-cards .unit-badge,
#erpLandingCarousels .unit-badge {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  left: auto !important;
  place-self: unset !important;
  grid-area: unset !important;
  z-index: 2 !important;
  max-width: calc(100% - 32px) !important;
  background: var(--erp-demo-btn-bg, #c0c1ff) !important;
  background-color: var(--erp-demo-btn-bg, #c0c1ff) !important;
  color: var(--erp-demo-btn-ink, #1000a9) !important;
  -webkit-text-fill-color: var(--erp-demo-btn-ink, #1000a9) !important;
  padding: 4px 12px !important;
  border-radius: 20px !important;
  border: 0 !important;
  border-color: transparent !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body.erp-body #landing .unit-gateway-grid--image-cards .unit-card:hover .unit-badge,
html[data-active-module="landing"] body.erp-body #landing .unit-gateway-grid--image-cards .unit-card:hover .unit-badge,
.unit-gateway-grid--image-cards .unit-card:hover .unit-badge {
  background: var(--erp-demo-btn-bg, #c0c1ff) !important;
  background-color: var(--erp-demo-btn-bg, #c0c1ff) !important;
  color: var(--erp-demo-btn-ink, #1000a9) !important;
  -webkit-text-fill-color: var(--erp-demo-btn-ink, #1000a9) !important;
  border-color: transparent !important;
}

/* ── Content body ─────────────────────────────────────────────────────── */
html body.erp-body #landing .unit-gateway-grid--image-cards .unit-card-body,
html[data-active-module="landing"] body.erp-body #landing .unit-gateway-grid--image-cards .unit-card-body,
.unit-gateway-grid--image-cards .unit-card-body,
#erpLandingCarousels .unit-card-body {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 24px !important;
  margin: 0 !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0) 100%) !important;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

/* ── Icon ─────────────────────────────────────────────────────────────── */
html body.erp-body #landing .unit-gateway-grid--image-cards .unit-icon-wrapper:not(.zuto-lockup-plate),
html[data-active-module="landing"] body.erp-body #landing .unit-gateway-grid--image-cards .unit-icon-wrapper:not(.zuto-lockup-plate),
.unit-gateway-grid--image-cards .unit-icon-wrapper:not(.zuto-lockup-plate),
#erpLandingCarousels .unit-icon-wrapper:not(.zuto-lockup-plate) {
  --icon-ink: var(--module-accent, var(--fcard-accent, #38bdf8));
  grid-area: unset !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  align-self: flex-start !important;
  border-radius: 14px !important;
  background: linear-gradient(
    160deg,
    color-mix(in srgb, var(--icon-ink) 28%, #05070f),
    #05070f
  ) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: 1px solid color-mix(in srgb, var(--icon-ink) 46%, transparent) !important;
  color: var(--icon-ink) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 20px !important;
  box-shadow: 0 8px 20px rgb(2 6 23 / 42%) !important;
  transition: all 0.3s ease !important;
}

html body.erp-body #landing .unit-gateway-grid--image-cards .unit-card:hover .unit-icon-wrapper:not(.zuto-lockup-plate),
html body.erp-body #landing .unit-gateway-grid--image-cards .unit-card:focus-visible .unit-icon-wrapper:not(.zuto-lockup-plate),
.unit-gateway-grid--image-cards .unit-card:hover .unit-icon-wrapper:not(.zuto-lockup-plate),
.unit-gateway-grid--image-cards .unit-card:focus-visible .unit-icon-wrapper:not(.zuto-lockup-plate) {
  background: linear-gradient(
    160deg,
    color-mix(in srgb, var(--module-accent-2, var(--icon-ink, #6366f1)) 36%, #05070f),
    #05070f
  ) !important;
  box-shadow: 0 12px 26px rgb(2 6 23 / 42%) !important;
  transform: none !important;
  color: var(--icon-ink, var(--module-accent, #38bdf8)) !important;
}

.unit-gateway-grid--image-cards .unit-icon-wrapper:not(.zuto-lockup-plate) i,
#erpLandingCarousels .unit-icon-wrapper:not(.zuto-lockup-plate) i {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

/* ── Title / copy / footer ────────────────────────────────────────────── */
html body.erp-body #landing .unit-gateway-grid--image-cards .unit-card h3,
html[data-active-module="landing"] body.erp-body #landing .unit-gateway-grid--image-cards .unit-card h3,
.unit-gateway-grid--image-cards .unit-card h3,
#erpLandingCarousels .unit-card h3 {
  grid-area: unset !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  margin: 0 0 4px !important;
  letter-spacing: -0.5px !important;
  color: #fff !important;
  line-height: 1.25 !important;
}

/* Secondary brand line under the module title (e.g. Workforce Hub → Human Resources). */
html body.erp-body #landing .unit-gateway-grid--image-cards .unit-card-subtitle,
html[data-active-module="landing"] body.erp-body #landing .unit-gateway-grid--image-cards .unit-card-subtitle,
.unit-gateway-grid--image-cards .unit-card-subtitle,
#erpLandingCarousels .unit-card-subtitle {
  display: block !important;
  grid-area: unset !important;
  margin: 0 0 8px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.3 !important;
  color: rgba(255, 255, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}

html body.erp-body #landing .unit-gateway-grid--image-cards .unit-card p,
html[data-active-module="landing"] body.erp-body #landing .unit-gateway-grid--image-cards .unit-card p,
.unit-gateway-grid--image-cards .unit-card p,
#erpLandingCarousels .unit-card p {
  grid-area: unset !important;
  font-size: 14px !important;
  opacity: 0.9 !important;
  line-height: 1.5 !important;
  margin: 0 0 20px !important;
  color: #fff !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  line-clamp: 2;
}

html body.erp-body #landing .unit-gateway-grid--image-cards .unit-footer,
html[data-active-module="landing"] body.erp-body #landing .unit-gateway-grid--image-cards .unit-footer,
.unit-gateway-grid--image-cards .unit-footer,
#erpLandingCarousels .unit-footer {
  grid-area: unset !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding-top: 16px !important;
  margin: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  opacity: 0.85 !important;
  color: #fff !important;
  min-width: 0 !important;
}

.unit-gateway-grid--image-cards .unit-footer span {
  color: #fff !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.erp-body #landing .unit-gateway-grid--image-cards .unit-footer i,
.unit-gateway-grid--image-cards .unit-footer i {
  color: #fff !important;
  flex-shrink: 0 !important;
  transition: transform var(--erp-ucard-transition) ease;
}

.unit-gateway-grid--image-cards .unit-card:hover .unit-footer i,
.unit-gateway-grid--image-cards .unit-card:focus-visible .unit-footer i {
  transform: translateX(5px);
}

/* ── Mobile / tablet card sizing ──────────────────────────────────────── */
@media (max-width: 1023px) {
  html:not(.erp-landing-carousels-on)[data-active-module="landing"] body.erp-body #landing .unit-gateway-grid.unit-gateway-grid--image-cards,
  html[data-active-module="landing"] body.erp-body #landing .unit-gateway-grid.unit-gateway-grid--image-cards {
    gap: 16px !important;
  }

  html[data-active-module="landing"] body.erp-body #landing .unit-gateway-grid--image-cards .unit-card,
  .unit-gateway-grid--image-cards .unit-card {
    width: 100% !important;
    height: 340px !important;
    min-height: 340px !important;
  }
}

@media (max-width: 700px) {
  .unit-gateway-grid.unit-gateway-grid--image-cards,
  .unit-gateway-grid.unit-gateway-grid--image-cards.erp-module-card-grid {
    --erp-ug-cols: 1;
  }
}

@media (max-width: 576px) {
  .unit-gateway-grid--image-cards .unit-card {
    height: 320px !important;
    min-height: 320px !important;
  }

  .unit-gateway-grid--image-cards .unit-card h3 {
    font-size: 20px !important;
  }
}

/* ── Mobile carousel synth cards (no landing HTML card; image-backed) ─── */
#erpLandingCarousels .unit-card.erp-modcat-synth {
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  grid-template-columns: unset !important;
  grid-template-rows: unset !important;
  grid-template-areas: unset !important;
  min-height: 380px !important;
  height: 380px !important;
  background-color: #0f172a !important;
  color: #fff !important;
  box-shadow: none !important;
}

#erpLandingCarousels .unit-card.erp-modcat-synth::before,
#erpLandingCarousels .unit-card.erp-modcat-synth::after {
  display: none !important;
  content: none !important;
}

#erpLandingCarousels .unit-synth-bookkeeper {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1554224155-8d04cb8cd6cd?auto=format&fit=crop&w=900&q=80") !important;
}
#erpLandingCarousels .unit-synth-treasury {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1579621970563-ebec7560ff3e?auto=format&fit=crop&w=900&q=80") !important;
}
#erpLandingCarousels .unit-synth-mms {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?auto=format&fit=crop&w=900&q=80") !important;
}
#erpLandingCarousels .unit-synth-ppm {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=900&q=80") !important;
}
#erpLandingCarousels .unit-synth-prints {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1773525912431-ee1eff5e1ab9?auto=format&fit=crop&w=900&q=80") !important;
}
#erpLandingCarousels .unit-synth-design-studio {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1561070791-2526d30994b5?auto=format&fit=crop&w=900&q=80") !important;
}
#erpLandingCarousels .unit-synth-capital-cashflow-ai {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1611974789855-9c2a0a7236a3?auto=format&fit=crop&w=900&q=80") !important;
}
#erpLandingCarousels .unit-synth-workhub {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=900&q=80") !important;
}
#erpLandingCarousels .unit-synth-bitcoin {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1518546305927-5a555bb7027d?auto=format&fit=crop&w=900&q=80") !important;
}
#erpLandingCarousels .unit-synth-loyalty-engine {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1607082348824-0a96f2a4b9da?auto=format&fit=crop&w=900&q=80") !important;
}
#erpLandingCarousels .unit-synth-payment-hub {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1563986768609-322da13575f3?auto=format&fit=crop&w=900&q=80") !important;
}
#erpLandingCarousels .unit-synth-operations-hub {
  background-image: var(--erp-ucard-scrim),
    url("https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=900&q=80") !important;
}