.ab-svc{--ab-per:3;--ab-gap:28px;position:relative}
.ab-svc *{box-sizing:border-box}
.ab-svc .ab-track{display:flex;gap:var(--ab-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:26px 8px 44px;margin:0 -8px;scroll-padding:0 8px;-webkit-overflow-scrolling:touch}
.ab-svc .ab-track::-webkit-scrollbar{display:none}
.ab-svc .ab-c{flex:0 0 calc((100% - (var(--ab-per) - 1) * var(--ab-gap)) / var(--ab-per));min-width:0;scroll-snap-align:start;background:#fff;border-top:4px solid #f2b53a;border-radius:16px;padding:22px 22px 28px;box-shadow:0 10px 34px rgba(23,26,74,.10);display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}
.ab-svc .ab-c:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(23,26,74,.18)}
.ab-svc .ab-pic{position:relative;aspect-ratio:3/2;border-radius:12px;background:#dfe2f2}
.ab-svc .ab-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:12px;transition:transform .6s ease}
.ab-svc .ab-c:hover .ab-pic img{transform:scale(1.04)}
.ab-svc .ab-ic{position:absolute;left:16px;bottom:-28px;width:58px;height:58px;border-radius:50%;background:#3b417d;color:#f2b53a;display:grid;place-items:center;border:4px solid #fff;font-size:22px;z-index:2}
.ab-svc .ab-ic svg{width:24px;height:24px;fill:currentColor}
.ab-svc .ab-c h3{font-size:22px;font-weight:800;line-height:1.2;color:#1b1d3a;margin:42px 0 10px}
.ab-svc .ab-c p{font-size:15.5px;line-height:1.7;color:#5c6080;margin:0 0 24px;flex:1}
.ab-svc .ab-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;background:#f2b53a;color:#171a4a;font-weight:700;font-size:15px;line-height:1;padding:14px 24px;border-radius:8px;text-decoration:none;transition:background .2s}
.ab-svc .ab-btn:hover{background:#ffc95c;color:#171a4a}
.ab-svc .ab-ctl{display:flex;justify-content:center;align-items:center;gap:18px}
.ab-svc .ab-ar{width:46px;height:46px;border-radius:50%;border:1.5px solid #3b417d;background:transparent;color:#3b417d;cursor:pointer;display:grid;place-items:center;padding:0;transition:background .2s,color .2s}
.ab-svc .ab-ar:hover{background:#3b417d;color:#fff}
.ab-svc .ab-dots{display:flex;gap:10px}
.ab-svc .ab-dots button{width:12px;height:12px;border-radius:8px;border:2px solid #3b417d;background:transparent;padding:0;cursor:pointer;transition:width .3s,background .3s}
.ab-svc .ab-dots button[aria-current="true"]{background:#f2b53a;border-color:#f2b53a;width:32px}
.ab-svc .ab-ctl[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.ab-svc *{transition:none!important}}