/* V5.6.14 — Premium circular clients logo slider */
.clients-section{position:relative;overflow:hidden;background:#fff}
.clients-head{max-width:820px;margin-inline:auto;text-align:center}
.clients-head .section-head--accent{justify-content:center}
.clients-head h2{margin-bottom:10px}
.clients-head p{max-width:720px;margin-inline:auto}
.clients-orbit-shell{display:flex;justify-content:center;align-items:center;margin-top:26px;padding:12px 0 18px}
.clients-orbit{position:relative;width:min(680px,86vw);aspect-ratio:1/1;display:grid;place-items:center;--orbit-radius:260px;--logo-size:104px}
.clients-orbit-track{position:absolute;inset:0;animation:almasar-clients-spin var(--orbit-duration) linear infinite;transform-origin:center}
.clients-orbit:hover .clients-orbit-track,.clients-orbit:focus-within .clients-orbit-track{animation-play-state:paused}
.clients-orbit-item{position:absolute;left:50%;top:50%;width:var(--logo-size);height:var(--logo-size);margin-left:calc(var(--logo-size) / -2);margin-top:calc(var(--logo-size) / -2);transform:rotate(var(--client-angle)) translateY(calc(-1 * var(--orbit-radius)));display:grid;place-items:center}
.clients-logo-inner{width:100%;height:100%;display:grid;place-items:center;border:1px solid #e6ebef;border-radius:50%;background:#fff;box-shadow:0 14px 30px rgba(8,36,61,.10);padding:18px;animation:almasar-clients-counterspin var(--orbit-duration) linear infinite}
.clients-orbit:hover .clients-logo-inner,.clients-orbit:focus-within .clients-logo-inner{animation-play-state:paused}
.clients-logo-inner img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}
.clients-orbit-center{position:relative;z-index:2;width:190px;height:190px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#0b2f4d,#08243d);color:#fff;box-shadow:0 22px 50px rgba(8,36,61,.22),inset 0 0 0 1px rgba(255,255,255,.10)}
.clients-center-mark{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(255,121,0,.15);color:#ff7900;margin-bottom:10px}
.clients-center-mark svg{width:30px;height:30px}
.clients-orbit-center strong{font-size:24px;line-height:1.2;font-weight:800}
.clients-orbit-center small{margin-top:7px;font-size:13px;color:rgba(255,255,255,.78)}
@keyframes almasar-clients-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes almasar-clients-counterspin{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}
@media (max-width:900px){.clients-orbit{width:min(560px,88vw);--orbit-radius:205px;--logo-size:90px}.clients-orbit-center{width:164px;height:164px}.clients-orbit-center strong{font-size:21px}}
@media (max-width:640px){.clients-section{padding-block:58px}.clients-orbit{width:min(390px,92vw);--orbit-radius:142px;--logo-size:72px}.clients-logo-inner{padding:12px;box-shadow:0 10px 24px rgba(8,36,61,.10)}.clients-orbit-center{width:128px;height:128px}.clients-center-mark{width:44px;height:44px;margin-bottom:6px}.clients-center-mark svg{width:22px;height:22px}.clients-orbit-center strong{font-size:18px}.clients-orbit-center small{font-size:11px}.clients-head h2{font-size:30px}.clients-head p{font-size:15px}}
@media (max-width:380px){.clients-orbit{--orbit-radius:120px;--logo-size:64px}.clients-orbit-center{width:112px;height:112px}.clients-orbit-center strong{font-size:16px}}
@media (prefers-reduced-motion:reduce){.clients-orbit-track,.clients-logo-inner{animation:none!important}}
/* With only a few logos, keep the circular arrangement readable and slower. */
.clients-orbit--few .clients-orbit-track{animation-duration:36s}
.clients-orbit--few .clients-logo-inner{animation-duration:36s}