/* V123 — fit titles and icons within existing card geometry; extend lower action bars. */
.on[data-p="home"] .helprite-services-hub .hub-card h3 {
  font-size:clamp(17px,1.15vw,21px) !important;
  line-height:1.2 !important;
  overflow-wrap:break-word !important;
}
.on[data-p="home"] .helprite-services-hub .hub-card .hub-icon {
  width:50px !important;height:50px !important;
  flex-basis:50px !important;min-width:50px !important;
  border-radius:14px !important;margin-bottom:9px !important;
}
.on[data-p="home"] .helprite-services-hub .hub-card .hub-icon svg {
  width:26px !important;height:26px !important;
}
.on[data-p="home"] .helprite-services-hub .hub-card p {
  font-size:clamp(13px,.94vw,15px) !important;
  line-height:1.44 !important;
  margin-bottom:10px !important;
  overflow-wrap:anywhere !important;
}
.on[data-p="home"] .helprite-services-hub .hub-card .hub-action {
  min-width:0 !important;
  font-size:clamp(12px,.9vw,14px) !important;
  line-height:1.3 !important;
  min-height:40px !important;
  padding:8px 13px !important;
}
@media (min-width:1201px) {
  .on[data-p="home"] .helprite-services-hub .hub-card {
    padding:18px 20px 19px !important;
  }
  .on[data-p="home"] .helprite-services-hub .hub-laundry,
  .on[data-p="home"] .helprite-services-hub .hub-job {
    grid-template-columns:60px minmax(0,1fr) !important;
    column-gap:14px !important;
    grid-template-rows:auto minmax(0,1fr) auto !important;
  }
  .on[data-p="home"] .helprite-services-hub .hub-laundry .hub-action,
  .on[data-p="home"] .helprite-services-hub .hub-job .hub-action {
    grid-column:2 !important;grid-row:3 !important;
    display:flex !important;
    width:100% !important;max-width:none !important;
    justify-self:stretch !important;
    justify-content:space-between !important;
    margin-top:0 !important;
  }
}
@media (min-width:761px) and (max-width:1200px) {
  .on[data-p="home"] .helprite-services-hub .hub-card {
    min-height:0 !important;
    height:auto !important;
  }
  .on[data-p="home"] .helprite-services-hub .hub-grid {
    grid-auto-rows:minmax(min-content,auto) !important;
  }
  .on[data-p="home"] .helprite-services-hub .hub-laundry .hub-action,
  .on[data-p="home"] .helprite-services-hub .hub-job .hub-action {
    width:100% !important;max-width:none !important;
    justify-self:stretch !important;
  }
}
@media (max-width:760px) {
  .on[data-p="home"] .helprite-services-hub .hub-card {height:auto !important;}
  .on[data-p="home"] .helprite-services-hub .hub-card .hub-action {
    width:100% !important;max-width:none !important;
  }
}