/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 10 2026 | 09:50:03 */
.services_listing_hero {
    background-color: #060606;
    padding-top: 180px;
} 
.services_listing_hero h1, .services_listing_hero p {
    max-width: 800px;
    margin: 0px auto;
    text-align: center;
}
.services_listing_hero h1 {
	margin-bottom: 20px;
}
.services-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
/* 	grid-auto-rows:220px; */
	gap:30px;
}
.services_listing {
    background-color: #060606;
} 
.services_listing {
    background-color: #060606;
    padding-top: 120px;
    padding-bottom: 120px;
}
/* ── BASE CARD ── */
.scard{
  background:#0c0c0c; 
  border:1px solid #1a1a1a;
  border-radius:4px;
  padding:26px 24px;
  position:relative;
  overflow:hidden;
  transition:border-color .25s,background .25s;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  height:100%;
}
.scard:hover{border-color:#c02222;background:#0f0606}
.scard::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at top left,#c0222207 0%,transparent 65%);pointer-events:none;opacity:0;transition:opacity .25s}
.scard:hover::before{opacity:1}
.top-accent{position:absolute;top:0;left:0;right:0;height:2px;background:#c0222200;border-radius:16px 16px 0 0;transition:background .3s}
.scard:hover .top-accent{background:#c02222} 

.card-top{display:flex;flex-direction:column;gap:14px}
/* .card-header{display:flex; flex-direction:column; gap:12px} */
.c-num{font-size:10px;color:#9B9B9B;font-weight:700;letter-spacing:.12em}
.c-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .25s;margin-bottom: 16px; }
.scard:hover .c-icon{background:#c0222224}
.c-icon svg{stroke:#c02222;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.c-name{font-size:16px;font-weight:700;color:#e2e2e2;line-height:1.3}
.c-desc{font-size:14px;color:#FFFFFFCC;line-height:1.6;padding-bottom: 20px; }

.card-bottom{display:flex;flex-wrap:wrap;gap:6px}
.c-pill, .c-tag {
    font-size: 12px;
    line-height: 100%;
    color: #FFF;
    background: transparent;
    border: 1px solid #c02222;
    border-radius: 50px;
    padding: 8px 16px;
    font-weight: 500;
}
/* .c-tag{font-size:14px;color:#c02222;background:#c0222210;border:1px solid #c0222224;border-radius:4px;padding:3px 8px;font-weight:600} */

@media(max-width: 1024px) {
.services_listing {
    padding-top: 80px;
    padding-bottom: 80px;
}
}
@media(max-width: 980px) {
.services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}
}
@media(max-width: 767px) {
.services_listing {
    padding-top: 6px;
    padding-bottom: 60px;
}
.services_listing_hero {
    padding-top: 140px;
    padding-bottom: 60px;
}
.services-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 20px;
}
}