.logo-wrapper.light{background-color:#f9f7f4;border-radius:30px;padding:40px 24px}.logo-wrapper.dark{background-color:#1c1c3f;border-radius:30px;padding:40px 24px}.logo-wrapper.dark h2{color:#fff}.logo-wrapper h2{color:rgba(84,95,113,.5);font-size:18px;font-style:normal;font-weight:500;letter-spacing:1.8px;line-height:22px;text-align:center;text-transform:uppercase}.logo-wrapper ul{align-items:center;display:flex;justify-content:center;list-style:none;margin:0;padding:0}.logo-wrapper ul li img{height:77px}.logos__scroller{margin:0 auto;max-width:1156px}.logos__scroller[data-animated=true]{mask:linear-gradient(90deg,transparent,#fff 10% 90%,transparent);overflow:hidden}.logos__list{--logo-gap:2rem;align-items:center;display:flex;gap:var(--logo-gap);list-style:none;padding:0;padding-block:1rem;@media only screen and (min-width:768px){--logo-gap:3rem;gap:var(--logo-gap)}}.logos__scroller[data-animated=true] .logos__list{animation:scroll var(--_logo-scroll-duration,40s) linear infinite;flex-wrap:nowrap;width:max-content;will-change:transform}@keyframes scroll{to{transform:translate(calc(-50% - var(--logo-gap)/2))}}