.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#555;border:0}
.service-card{min-height:400px;padding:28px;position:relative;overflow:hidden;color:#fff;isolation:isolate;border:0;transition:.35s}
.service-card:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(12,14,15,.22) 0%,rgba(12,14,15,.48) 38%,rgba(12,14,15,.96) 100%);transition:.35s}
.service-card:after{content:"";position:absolute;z-index:2;left:0;bottom:0;width:0;height:5px;background:var(--orange);transition:.4s}
.service-card:hover:before{inset:0}
.service-card:hover:after{width:100%}
.service-card:hover .service-photo{transform:scale(1.08);filter:saturate(1.08)}
.service-card>*:not(.service-photo){position:relative;z-index:1}
.service-photo{position:absolute!important;z-index:-2!important;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s,filter .7s}
.service-no{position:absolute;right:25px;top:22px;color:#fff;padding:5px 9px;background:rgba(15,17,18,.62);border-left:2px solid var(--orange)}
.service-icon{margin:8px 0;color:var(--orange);font-size:31px}
.service-copy{position:absolute!important;left:28px;right:28px;bottom:27px}
.service-card h3{margin:0 0 10px;font-size:29px;text-shadow:0 2px 15px rgba(0,0,0,.5)}
.service-card p{margin:0;color:#e0e1e1;font-size:13px;line-height:1.55}
@media(max-width:980px){.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.service-grid{grid-template-columns:1fr}.service-card{min-height:365px}}