/* .service-box is a full-width single-column component (theme.css),
   here used in a 2-column grid — smaller type keeps title/icon/text
   from wrapping and overlapping inside the narrower columns. */
.product-box .service-order h3 {
  font-size: 1.4rem;
}

.product-box .service-title h3 {
  font-size: 1.15rem;
}

.product-box .service-title i {
  font-size: 1.5em;
  padding-right: 12px;
}

.product-box .service-text p {
  font-size: 0.9rem;
}

@media (max-width: 767.98px) {
  .product-box .service-title h3 {
    font-size: 1.3rem;
  }

  .product-box .service-title i {
    font-size: 1.8em;
  }
}