/* SERVICES PAGE */
.services-title{
  position:relative;overflow:hidden;padding:58px 0 55px;
  background:
    radial-gradient(circle at 82% 25%,rgba(255,204,0,.38),transparent 24%),
    linear-gradient(118deg,#ff6500 0%,#ff8530 58%,#ffb05e 100%);
  border-bottom:1px solid rgba(0,0,0,.08)
}
.services-title::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.10) 1px,transparent 1px);background-size:44px 44px;opacity:.45}
.services-title::after{content:"";position:absolute;right:-105px;bottom:-180px;width:270px;height:270px;border:46px solid rgba(17,17,17,.10);border-radius:50%}
.services-title .container{position:relative;z-index:2}
.services-title h1{margin:0 0 10px;color:#111;font-size:clamp(38px,4.8vw,58px);font-weight:900;line-height:1.06;letter-spacing:-1.7px}
.services-title p{max-width:800px;margin:0;color:#242424;font-size:17px;font-weight:600}
.breadcrumb-mini{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:12px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.7px}
.breadcrumb-mini a{color:#111}.breadcrumb-mini span{color:rgba(17,17,17,.65)}.breadcrumb-mini i{font-size:9px;color:rgba(17,17,17,.45)}

.services-section{padding:42px 0}
.services-soft{background:#f7f7f7}
.services-dark{background:#101010;color:#fff}
.services-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:12px;color:#ff6600;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:1.5px}
.services-eyebrow::before{content:"";width:30px;height:3px;border-radius:10px;background:linear-gradient(90deg,#ff6600,#ffcc00)}
.services-heading{margin:0 0 16px;color:#111;font-size:clamp(30px,3.4vw,44px);font-weight:900;line-height:1.12;letter-spacing:-1.1px}
.services-copy{color:#666;max-width:800px}

.service-index{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}
.service-index a{display:flex;align-items:center;gap:12px;min-height:72px;padding:15px 16px;background:#fff;border:1px solid #e8e8e8;border-radius:16px;color:#222;font-size:13px;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.04);transition:.25s ease}
.service-index a:hover{transform:translateY(-4px);border-color:#ffb37d;box-shadow:0 15px 30px rgba(0,0,0,.09);color:#ff6600}
.service-index i{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:11px;background:#fff1e7;color:#ff6600}

.service-row{display:grid;grid-template-columns:90px minmax(0,1fr) 235px;gap:28px;align-items:start;padding:38px 0;border-bottom:1px solid #e8e8e8}
.service-row:last-child{border-bottom:0;padding-bottom:0}
.service-icon{width:76px;height:76px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,#ff6600,#ffb000);color:#111;font-size:27px;box-shadow:0 13px 30px rgba(255,102,0,.19)}
.service-number{display:block;margin-bottom:7px;color:#ff6600;font-size:11px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}
.service-body h2{margin:0 0 10px;color:#111;font-size:28px;font-weight:900;letter-spacing:-.6px}
.service-body h3{margin:19px 0 9px;color:#111;font-size:15px;font-weight:900;text-transform:uppercase;letter-spacing:.4px}
.service-body p{margin:0 0 11px;color:#666;font-size:14.5px}
.service-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;list-style:none;padding:0;margin:15px 0 0}
.service-points li{position:relative;padding-left:20px;color:#4e4e4e;font-size:13.5px}
.service-points li::before{content:"\f00c";position:absolute;left:0;top:3px;font-family:"Font Awesome 6 Free";font-weight:900;color:#ff6600;font-size:11px}
.service-action{position:sticky;top:95px;padding:22px;border-radius:20px;background:#fff8f1;border:1px solid #ffe1cb}
.service-action strong{display:block;margin-bottom:8px;color:#111;font-size:14px}
.service-action p{margin:0 0 16px;color:#777;font-size:12.5px;line-height:1.6}
.service-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:11px 16px;border-radius:50px;background:#111;color:#fff;font-size:12px;font-weight:900;transition:.25s ease}
.service-btn:hover{background:#ff6600;color:#111}

.retainer-highlight{padding:31px;border-radius:25px;background:#111;color:#fff;position:relative;overflow:hidden}
.retainer-highlight::after{content:"";position:absolute;right:-80px;bottom:-100px;width:220px;height:220px;border:44px solid rgba(255,102,0,.12);border-radius:50%}
.retainer-highlight h3{position:relative;z-index:2;color:#fff;font-size:24px;font-weight:900}
.retainer-highlight p{position:relative;z-index:2;color:#c6c6c6}
.retainer-benefits{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,1fr);gap:10px 18px;margin-top:20px}
.retainer-benefit{display:flex;gap:10px;padding:10px 0;border-top:1px solid rgba(255,255,255,.10);color:#ddd;font-size:13px}
.retainer-benefit i{color:#ffcc00;margin-top:4px}

.pd-duty-box{margin-top:17px;padding:20px;border-radius:18px;background:#f8f8f8;border-left:4px solid #ff6600}
.pd-duty-box ol{margin:0;padding-left:21px}
.pd-duty-box li{padding:5px 0;color:#555;font-size:13.5px}

.rate-chip{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:9px 13px;border-radius:50px;background:#fff1e7;color:#222;font-size:13px;font-weight:900}
.rate-chip i{color:#ff6600}

.services-cta{position:relative;overflow:hidden;padding:38px;border-radius:26px;background:linear-gradient(135deg,#ff6600,#ff9b35);color:#111}
.services-cta::after{content:"";position:absolute;right:-80px;top:-95px;width:230px;height:230px;border:46px solid rgba(255,255,255,.14);border-radius:50%}
.services-cta h2{position:relative;z-index:2;margin:0 0 8px;font-size:31px;font-weight:900}
.services-cta p{position:relative;z-index:2;max-width:760px;margin:0 0 20px;font-weight:600}
.services-cta a{position:relative;z-index:2;display:inline-flex;align-items:center;gap:9px;padding:12px 19px;border-radius:50px;background:#111;color:#fff;font-size:13px;font-weight:900}

@media(max-width:991px){
  .service-index{grid-template-columns:repeat(2,1fr)}
  .service-row{grid-template-columns:72px 1fr}
  .service-action{grid-column:2;position:static}
}
@media(max-width:767px){
  .services-section{padding:62px 0}
  .service-row{grid-template-columns:1fr;gap:18px;padding:31px 0}
  .service-action{grid-column:auto}
  .service-points,.retainer-benefits{grid-template-columns:1fr}
}
@media(max-width:575px){
  .service-index{grid-template-columns:1fr}
  .services-title{padding:45px 0 42px}
  .services-cta{padding:28px 23px}
}