.svc-sec{background:var(--white);padding:90px 5%}
.svc-sec-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.sv{background:var(--white);border:1.5px solid var(--border);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .35s;position:relative}
.sv:hover{transform:translateY(-6px);box-shadow:0 20px 48px var(--sh);border-color:transparent}
.sv::before{content:'';position:absolute;inset:0;border-radius:10px;background:linear-gradient(135deg,rgba(200,40,30,.03),rgba(27,62,122,.03));opacity:0;transition:opacity .35s;pointer-events:none}
.sv:hover::before{opacity:1}
/* accent stripe top */
.sv-stripe{height:4px;background:linear-gradient(90deg,var(--red),var(--orange))}
.sv-img{height:170px;overflow:hidden;position:relative}
.sv-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.sv:hover .sv-img img{transform:scale(1.07)}
.sv-body{padding:20px 22px 24px}
.sv-body h3{font-family:'Playfair Display',serif;font-size:.92rem;font-weight:700;color:var(--dark);margin-bottom:6px}
.sv-body p{font-size:.76rem;color:var(--muted);line-height:1.65}
.sv-tag{display:inline-block;background:rgba(200,40,30,.08);color:var(--red);font-size:.62rem;font-weight:700;padding:3px 9px;border-radius:20px;margin-top:10px;letter-spacing:.5px}
.svc-view-more{display:flex;justify-content:center;margin-top:42px}
.btn-outline-red{display:inline-flex;align-items:center;gap:10px;border:2px solid var(--red);color:var(--red);padding:13px 36px;border-radius:4px;font-size:.78rem;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:1px;transition:all .3s}
.btn-outline-red:hover{background:var(--red);color:#fff}
.btn-outline-red .arr{transition:transform .3s}
.btn-outline-red:hover .arr{transform:translateX(5px)}