/* Services Panel V4 — 3-Col Dark-Teal Service Cards */
.srv.v4 {
    --fnt-t-itm-s: 2.22rem;
     background: url('/media/serviceareasv1/3-col-service.jpg') center / cover no-repeat;
    /* Inner stack gap — Figma 20px between icon/title/description */
    .srv-v4-itm > .crd > .pd_v.pd_h {
        gap: 1.11rem;
    }
    h4 {
        color: #fff !important;

    }
    /* Yellow icon (40px). --accent resolves to --dk-accent (yellow) inside the ulk-bg dark scope */
    .srv-icn {
        color: var(--accent);
        font-size: 2.22rem;
        line-height: 1;
    }
    .srv-v4-grd .crd {
        width: 100%;
        color: var(--white);
        background-color: #007a3d
}

    .srv-v4-grd .crd::before {
        background-color: #007a3d;
    }

    .srv-icn {
        display: block;
        width: 64px;
        height: 64px;
        margin: 0 auto 1rem;
        object-fit: contain;
    }

   .srv-v4-grd .crd > div {
        text-align: center;
    }
    /* Desktop card padding override — Figma 40px (default pd_h pd_v on third-of-mn_wd resolves smaller) */
    @media screen and (min-width: 1280px) {
        li .pd_v.pd_h {
            padding: 2.22rem;
        }
    }
}