.clients-marquee{padding:100px 0 78px;background:linear-gradient(145deg,#f2f7fa,#fff 50%,#edf4f7);overflow:hidden;position:relative}
.clients-marquee:before{content:'';position:absolute;width:450px;height:450px;right:-200px;top:-230px;border-radius:50%;background:radial-gradient(circle,rgba(39,135,183,.13),transparent 68%)}
.clients-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:45px;position:relative}
.clients-heading h2{font-size:36px;margin:10px 0 0}
.clients-heading>p{max-width:440px;color:#71818d;font-size:13px;margin:0}
.marquee-window{width:100%;overflow:hidden;position:relative;padding:18px 0 28px;direction:ltr;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.clients-loop-track{display:flex;width:max-content;gap:0;animation:clients-loop 145s linear infinite;will-change:transform;backface-visibility:hidden}
.clients-loop-group{display:flex;flex:none;gap:18px;padding-inline-end:18px}
@keyframes clients-loop{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.client-logo{flex:0 0 190px;width:190px;height:120px;padding:18px;border:1px solid rgba(255,255,255,.88);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(231,240,246,.48));box-shadow:0 14px 35px rgba(11,31,51,.07),inset 0 1px 0 #fff;backdrop-filter:blur(18px) saturate(140%);display:flex;align-items:center;justify-content:center;transition:.3s;position:relative;overflow:hidden}
.client-logo:after{content:'';position:absolute;width:75px;height:180%;left:-100px;top:-40%;transform:rotate(16deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transition:left .6s}
.client-logo:hover{transform:translateY(-5px);border-color:rgba(39,135,183,.3);box-shadow:0 22px 45px rgba(11,31,51,.13)}
.client-logo:hover:after{left:230px}
.client-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:contrast(1.08);position:relative;z-index:1}
@media(max-width:900px){.clients-heading{display:block}.clients-heading>p{margin-top:15px}.clients-loop-track{animation-duration:125s}.client-logo{flex-basis:165px;width:165px;height:105px;padding:15px}}
@media(max-width:600px){.clients-marquee{padding:75px 0 55px}.clients-heading h2{font-size:28px}.clients-heading>p{font-size:11px}.clients-loop-track{animation-duration:110s}.client-logo{flex-basis:145px;width:145px;height:92px;padding:13px;border-radius:16px}}