/* Two groups of services, matching the site's warm background and line icons. */
.services-grouped{padding-bottom:calc(32 * var(--u))}
.service-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:calc(48 * var(--u));margin-top:calc(24 * var(--u))}
.service-group{--group-accent:#cc542b;--group-line:#eee1d7;min-width:0}
.service-group-water{--group-accent:#5d8390;--group-line:#dce5e5}
.service-group>h3{font-family:Roboto,Arial,sans-serif;font-size:calc(21 * var(--u));font-weight:700;line-height:1.2;letter-spacing:-.025em;margin:0 0 calc(14 * var(--u))}
.service-list{list-style:none;margin:0;padding:0 0 0 calc(18 * var(--u));border-left:calc(4 * var(--u)) solid var(--group-accent)}
.service-list>li{display:flex;align-items:center;gap:calc(13 * var(--u));min-height:calc(67 * var(--u));padding:calc(12 * var(--u)) 0;border-top:1px solid var(--group-line)}
.service-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 calc(37 * var(--u));width:calc(37 * var(--u));height:calc(37 * var(--u));border:1px solid var(--group-accent);border-radius:50%;color:var(--ink);background:var(--white)}
.service-symbol svg{width:calc(22 * var(--u));height:calc(22 * var(--u));fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;shape-rendering:geometricPrecision}
.service-list>li>div{min-width:0}
.service-list h4{font-family:Roboto,Arial,sans-serif;font-size:calc(14 * var(--u));font-weight:700;line-height:1.3;margin:0 0 calc(4 * var(--u));letter-spacing:-.015em}
.service-list p{font-size:calc(14 * var(--u));line-height:1.35;margin:0}
@media(max-width:767px){
 .services-grouped{padding-bottom:34px}
 .service-groups{grid-template-columns:1fr;gap:30px;margin-top:25px}
 .service-group>h3{font-size:22px;margin-bottom:14px}
 .service-list{padding-left:14px;border-left-width:3px}
 .service-list>li{gap:12px;min-height:75px;padding-block:14px}
 .service-symbol{flex-basis:37px;width:37px;height:37px}
 .service-symbol svg{width:calc(22 * var(--u));height:calc(22 * var(--u));fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;shape-rendering:geometricPrecision}
 .service-list h4{font-size:15px;margin-bottom:5px}
 .service-list p{font-size:15px;line-height:1.35}
}

@media(max-width:767px){.service-symbol svg{width:22px;height:22px}}
