.our-client-project .splide{position:relative;visibility:visible}.our-client-project .splide__track-mb{margin-bottom:30px}.our-client-project .splide__slide svg{width:100%;height:100%}.our-client-project .our-cp-top,.our-client-project .marquee-button{text-align:center}.our-client-project .our-cp-top span{font-size:16px;text-transform:uppercase;line-height:40px;color:#5f44fe}.our-client-project .our-cp-top span p{margin:0}.our-client-project .our-cp-top h2{font-size:44px;margin:0 0 56px}@media screen and (max-width: 440px){.our-client-project .our-cp-top h2{font-size:24px}.our-client-project .our-cp-top span{font-size:14px}.our-client-project .our-cp-top h2{margin-bottom:33px}.our-client-project .splide__slide{padding:0 5px}.our-client-project .splide__track-mb{margin-bottom:10px}}.marquee-wrapper{text-align:center}.marquee-wrapper .container{overflow:hidden}.marquee-inner span{float:left;width:50%;height:100%}.marquee-wrapper .marquee-block{--total-marquee-items: 5;height:330px;overflow:hidden;width:100%;box-sizing:border-box;position:relative;margin:20px auto}.marquee-inner{display:block;width:200%;height:100%;position:absolute}.marquee-inner.to-left{animation:marqueeLeft 40s linear infinite}.marquee-inner.to-left:hover,.marquee-inner.to-right:hover{animation-play-state:paused}.marquee-inner.to-right{animation:marqueeRight 40s linear infinite}.marquee-item{width:608px;height:100%;display:inline-block;margin-right:25px;padding:9px 14px;float:left;transition:all .2s ease-out;background-color:#fff}.marquee-item img{width:100%;height:100%;vertical-align:middle;object-fit:cover;border:1px solid #D0BCFF}.marquee-item svg{height:100%}.marquee-button .button{gap:10px;margin-top:4rem}.heading-part p{font-size:16px;margin:0;line-height:40px;color:rgb(var(--color-button));text-transform:uppercase}.heading-part h2{font-size:44px;margin-top:0;margin-bottom:50px}.our-client-project .client-project--col{padding:.4rem .6rem;background-color:rgb(var(--color-button-text));box-shadow:0 4px 4px #0006}.our-client-project .client-project--col>img{width:100%;height:auto;object-fit:contain;border:.1rem solid #D0BCFF}@media screen and (max-width: 440px){.heading-part h2{font-size:24px}.heading-part p{font-size:14px}}@media screen and (min-width: 990px){.our-client-project .client-project--col{padding:1rem 1.5rem}.marquee-button .button{margin-top:5rem}}@keyframes marqueeLeft{0%{left:0}to{left:-100%}}@keyframes marqueeRight{0%{left:-100%}to{left:0}}.our-client-project .splide.is-initialized{--grid-mobile-horizontal-spacing: 0px;--grid-desktop-horizontal-spacing: 0px}.our-client-project .splide__track{padding-bottom:1rem}.our-client-project .splide .splide__list{flex-wrap:nowrap}
/*# sourceMappingURL=/cdn/shop/t/16/assets/marquee.css.map */