/* [rpb_service_grid] / [rpb_service_item] - values copied exactly from the
   approved reference (.services-section / .service-grid / .service-card /
   .icon-wrap / .split-heading), class names prefixed rpb-. */

/* background now comes from the row's native bg_color (full_width_background type bleeds
   edge-to-edge; the old full_width_content type couldn't) - this just sets text color */
.rpb-services{color:var(--rpb-white)}
.rpb-services:not(.rpb-services-dark){color:inherit}

.rpb-split-heading{grid-template-columns:1.25fr .75fr;align-items:end;gap:10vw;margin-bottom:76px;display:grid}
.rpb-split-heading > p{margin:0}

.rpb-service-grid{border-top:1px solid #ffffff29;border-left:1px solid #ffffff29;grid-template-columns:repeat(4,1fr);display:grid}
.rpb-services:not(.rpb-services-dark) .rpb-service-grid{border-color:var(--rpb-line)}

.rpb-service-card{border-bottom:1px solid #ffffff29;border-right:1px solid #ffffff29;min-height:308px;padding:36px 30px;transition:background .18s,transform .18s}
.rpb-services:not(.rpb-services-dark) .rpb-service-card{border-color:var(--rpb-line)}
.rpb-service-card:hover{background:#ffffff0e;transform:translateY(-2px)}

.rpb-icon-wrap{width:46px;height:46px;color:var(--rpb-brass-light);place-items:center;display:grid}
.rpb-icon-wrap svg{width:34px;height:34px}

/* Salient's own ".row .col h3,.row .col h4{margin-bottom:var(--nectar-heading-bottom-spacing,8px)}"
   (2 classes + type) beats a single-class h3 rule without !important - same class of bug as
   [[feedback-rpb-heading-color-inheritance]], but for margin, not color. */
.rpb-service-card h3{letter-spacing:-.02em;margin:44px 0 16px !important;font-size:18px !important;font-weight:500}
.rpb-service-card p{color:#ffffff94;margin-bottom:0;font-size:13px;line-height:1.65}
.rpb-services:not(.rpb-services-dark) .rpb-service-card p{color:var(--rpb-muted)}
/* Responsive rules for this shortcode live in css/responsive.css, not here. */