/* Visual styling for hs/grid-box block. Plugin CSS provides layout. */

body .hs-grid-cards__box {
  background: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 12px;
}

body .hs-grid-cards__title {
  font-size: 1.25rem;
  font-weight: 700;
}

body .hs-grid-cards__text-content {
  line-height: 1.6;
}

body .hs-grid-cards__icon {
  border-radius: 12px;
}

body .hs-grid-cards__icon--primary {
  background: rgba(115, 103, 240, 0.1);
  color: var(--color-primary, #7367f0);
}

body .hs-grid-cards__icon--green {
  background: rgba(0, 234, 110, 0.1);
  color: var(--contentor-green, #00ea6e);
}

body .hs-grid-cards__icon--blue {
  background: rgba(59, 130, 246, 0.1);
  color: #3b82f6;
}

body .hs-grid-cards__icon--dark {
  background: rgba(30, 41, 59, 0.08);
  color: #1e293b;
}

body .hs-grid-cards__icon--gray {
  background: rgba(148, 163, 184, 0.12);
  color: #64748b;
}