/* ===== Services page ===== */
.sv-hero-photo{background-image:url(../img/services-hero.jpg),linear-gradient(135deg,#d6b890,#8aa9b8)}
.sv-mini{background-image:url(../img/services-mini.jpg),linear-gradient(135deg,#a9cf9a,#e4c9a4)}
.sv-models{background:#fff}
.sv-mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sv-model{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:var(--r);box-shadow:0 8px 26px rgba(10,47,71,.08);overflow:hidden;isolation:isolate;transition:transform .35s,box-shadow .35s}
.sv-model:hover{transform:translateY(-8px);box-shadow:0 18px 38px rgba(10,47,71,.16)}
.sv-model.m1{--c:#0e9f8a}.sv-model.m2{--c:#1b7fe3}.sv-model.m3{--c:#7c5ce0}
.sv-ph{height:140px;background-color:var(--c);background-size:cover;background-position:center;position:relative;transition:transform .8s ease}
.sv-model:hover .sv-ph{transform:scale(1.08)}
.sv-ph:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,var(--c));opacity:.6}
.m1 .sv-ph{background-image:url(../img/service1.jpg)}
.m2 .sv-ph{background-image:url(../img/service2.jpg)}
.m3 .sv-ph{background-image:url(../img/service3.jpg)}
.sv-ico{position:relative;z-index:1;width:54px;height:54px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:1.25rem;background:var(--c);margin:-27px 0 0 26px;border:3px solid #fff;box-shadow:0 8px 18px rgba(0,0,0,.2)}
.sv-tag{position:absolute;right:16px;top:12px;z-index:2;font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4)}
.sv-model h3{font-size:1.25rem;padding:14px 26px 0}
.sv-sub{display:block;padding:2px 26px 0;font-size:.82rem;color:var(--c)}
.sv-model>p{padding:12px 26px 0;font-size:.86rem;color:var(--mut)}
.sv-model ul{padding:14px 26px 0;flex:1}
.sv-model li{position:relative;padding-left:24px;margin-bottom:8px;font-size:.84rem}
.sv-model li:before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;top:1px;font-size:.7rem;color:var(--c)}
.sv-foot{padding:16px 26px 26px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.sv-pill{padding:6px 14px;border-radius:999px;background:var(--sky);color:var(--navy);font-size:.76rem;font-weight:600}
.sv-foot a,.sv-grp>a{font-size:.82rem;font-weight:600;color:var(--c,var(--teal))}.sv-foot a i,.sv-grp>a i{transition:transform .25s}.sv-foot a:hover i,.sv-grp>a:hover i{transform:translateX(5px)}
.sv-support{background:linear-gradient(180deg,var(--bg),#fff)}
.sv-ggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sv-grp{--c:var(--teal);background:#fff;border-radius:var(--r);padding:26px 24px;box-shadow:0 6px 22px rgba(10,47,71,.07);border-top:4px solid var(--c);display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}
.sv-grp:hover{transform:translateY(-6px);box-shadow:0 16px 34px rgba(10,47,71,.14)}
.sv-grp.g1{--c:#0e9f8a}.sv-grp.g2{--c:#1b7fe3}.sv-grp.g3{--c:#e5484d}.sv-grp.g4{--c:#ff8a3d}.sv-grp.g5{--c:#7c5ce0}.sv-grp.g6{--c:#e0568d}
.sv-grp>i:first-child{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--c);color:#fff;font-size:1.1rem;margin-bottom:14px;transition:transform .4s}
.sv-grp:hover>i:first-child{transform:rotate(-8deg) scale(1.1)}
.sv-grp h3{font-size:1.05rem;margin-bottom:10px}
.sv-grp ul{flex:1;margin-bottom:16px}.sv-grp li{font-size:.82rem;color:var(--mut);padding:4px 0 4px 16px;position:relative}
.sv-grp li:before{content:"";position:absolute;left:0;top:12px;width:6px;height:6px;border-radius:50%;background:var(--c)}
.sv-qgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative}
.sv-q h3{font-size:1rem;line-height:1.4}
.sv-ans{margin-top:14px;font-weight:600;color:#8fe3c8}.sv-ans i{margin-right:6px;font-size:.8rem}
@media (max-width:991px){.sv-mgrid,.sv-ggrid,.sv-qgrid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.sv-mgrid,.sv-ggrid,.sv-qgrid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.sv-ph{transition:none}}