/* =========================================================
   SERVICES.HTML — page-specific styles (prefix: services_)
   ========================================================= */

.services_jump{ display:flex; flex-wrap:wrap; gap:10px; margin-top:30px; }
.services_jump a{
   font-size:13.5px; color:var(--text-2);
  border:1px solid var(--border-strong); border-radius:99px; padding:9px 18px;
  transition:all .25s;
}
.services_jump a:hover{ background:var(--grad-main); border-color:transparent; color:#fff; }

.services_row{ border-bottom:1px solid var(--border); }
.services_row--alt{ background:var(--bg-alt); }

.services_photo{ height:240px; }

.services_icon{
  width:60px; height:60px; border-radius:16px; background:var(--surface);
  border:1px solid var(--border); display:flex; align-items:center; justify-content:center;
  font-size:26px; color:var(--violet); margin-bottom:22px;
}

.services_feature-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:16px; }
.services_feature-list li{
  display:flex; align-items:flex-start; gap:12px; font-size:18px; color:var(--text-2);
  background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-sm);
  padding:5px 10px;
}
.services_feature-list i{ color:var(--violet); font-size:17px; margin-top:2px; }

/* ---------- FAQ accordion overrides ---------- */
.services_faq-item{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-md)!important; overflow:hidden; margin-bottom:14px; }
.services_faq-btn{
  background:transparent!important; color:var(--text-1)!important; font-weight:500;
  font-size:18px; box-shadow:none!important; padding:20px 24px;
}
.services_faq-btn::after{ filter:invert(1); }
.services_faq-body{ color:var(--text-2); font-size:14.5px; padding:0 24px 22px; }