:root{
  --frx-blue:#0b2f6b;
  --frx-blue-dark:#081f49;
  --frx-red:#e30613;
  --frx-red-dark:#b8050f;
  --frx-light:#f4f7fb;
}
body{ font-family:'Poppins', sans-serif; color:#1c2b3a; background:#fff; }

/* Services page */
.svc-hero{
  background:
    linear-gradient(100deg, #f1f4fb 0%, #e8eef8 50%, rgba(241,244,251,.65) 100%),
    url("../images/hero.png") right center / cover no-repeat;
  border-bottom:1px solid #e8eef5;
  padding:2.2rem 0 1.8rem;
}
.svc-breadcrumb{ font-size:.78rem; color:#8492a3; margin-bottom:.75rem; }
.svc-breadcrumb a{ color:var(--frx-blue); text-decoration:none; font-weight:600; }
.svc-hero h1{
  font-weight:800; font-size:1.85rem; color:var(--frx-blue); margin:0 0 .4rem;
}
.svc-hero h1 span{ color:var(--frx-red); }
.svc-hero p{ margin:0; color:#4c5a6e; font-size:.92rem; max-width:560px; }

.svc-page{ padding:2.25rem 0 3rem; background:#fafbfd; }
.svc-intro{
  background:#fff; border:1px solid #e8eef5; border-radius:8px;
  padding:1.35rem 1.5rem; margin-bottom:1.75rem;
}
.svc-intro-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:1rem;
}
.svc-intro-item{
  display:flex; align-items:flex-start; gap:.7rem;
}
.svc-intro-item i{
  font-size:1.4rem; color:var(--frx-blue); flex-shrink:0; margin-top:.1rem;
}
.svc-intro-item strong{
  display:block; font-size:.82rem; color:#16233a; font-weight:700;
}
.svc-intro-item span{ font-size:.75rem; color:#6b7a8d; }

.svc-card{
  background:#fff; border:1px solid #e8eef5; border-radius:10px;
  overflow:hidden; height:100%;
  display:flex; flex-direction:column;
  transition:transform .18s ease, box-shadow .18s ease;
}
.svc-card:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 28px rgba(11,47,107,.12);
}
.svc-card .media{
  height:180px; position:relative; overflow:hidden; background:#e8eef5;
}
.svc-card .media img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .3s ease;
}
.svc-card:hover .media img{ transform:scale(1.05); }
.svc-card .icon-badge{
  position:absolute; left:1rem; bottom:-18px;
  width:40px; height:40px; border-radius:8px;
  background:var(--frx-blue); color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-size:1.15rem; box-shadow:0 4px 12px rgba(11,47,107,.25);
}
.svc-card .body{ padding:1.6rem 1.15rem 1.25rem; display:flex; flex-direction:column; flex:1; }
.svc-card .title{
  font-weight:800; font-size:.92rem; color:var(--frx-blue);
  letter-spacing:.3px; text-transform:uppercase; margin:0 0 .55rem; line-height:1.3;
}
.svc-card .desc{
  font-size:.82rem; color:#6b7a8d; line-height:1.5; margin:0 0 1rem; flex:1;
}
.svc-card .points{ list-style:none; padding:0; margin:0 0 1.1rem; }
.svc-card .points li{
  font-size:.78rem; color:#3d4f66; padding:.28rem 0;
  display:flex; align-items:center; gap:.45rem;
}
.svc-card .points i{ color:var(--frx-red); font-size:.95rem; flex-shrink:0; }
.svc-card .cta{
  display:inline-flex; align-items:center; gap:.35rem;
  font-size:.78rem; font-weight:700; color:var(--frx-blue); text-decoration:none;
}
.svc-card .cta:hover{ color:var(--frx-red); }

.svc-cta-band{
  margin-top:2rem; background:var(--frx-blue); border-radius:10px;
  padding:1.75rem 1.75rem; color:#fff;
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1.25rem;
}
.svc-cta-band h2{
  font-size:1.25rem; font-weight:800; margin:0 0 .35rem;
}
.svc-cta-band p{ margin:0; font-size:.88rem; color:rgba(255,255,255,.8); max-width:460px; }

@media (max-width:767.98px){
  .svc-intro-grid{ grid-template-columns:1fr; }
}