@import "https://fonts.googleapis.com/css?family=Montserrat";
.marquee-wrapper{--marquee-width:100vw;--marquee-height:20vh;--marquee-elements-displayed:7;--marquee-element-width:calc(var(--marquee-width)/var(--marquee-elements-displayed));--marquee-animation-duration:calc(var(--marquee-elements)*3s);z-index:5;background:#0a0a0a;margin:40px 0;padding:60px 0;position:relative;overflow:hidden}.marquee-header{text-align:center;margin-bottom:60px;padding:0 20px}.marquee-tag{color:#ff6b35;letter-spacing:3px;text-transform:uppercase;margin-bottom:15px;font-size:14px;font-weight:700;display:block}.marquee-title{text-transform:uppercase;color:#fff;margin-bottom:20px;font-size:3.5vw;font-weight:900;line-height:1.1}.marquee-desc{color:#fff9;max-width:100vw;margin:0 auto;font-size:18px;line-height:1.6}.marquee{width:var(--marquee-width);height:var(--marquee-height);color:#eee;background-color:#0000;position:relative;overflow:hidden}.marquee:before,.marquee:after{content:"";z-index:2;width:15vw;height:100%;position:absolute;top:0}.marquee:before{background:linear-gradient(90deg,#000 10%,#0000 100%);left:0}.marquee:after{background:linear-gradient(270deg,#000 10%,#0000 100%);right:0}.marquee-content{height:100%;animation:scrolling var(--marquee-animation-duration)linear infinite;list-style:none;display:flex}@keyframes scrolling{0%{transform:translate(0)}to{transform:translateX(calc(-1*var(--marquee-element-width)*var(--marquee-elements)))}}.marquee-content li{width:var(--marquee-element-width);max-height:100%;font-size:calc(var(--marquee-height)*.5);white-space:nowrap;color:#ff6b35;flex-shrink:0;justify-content:center;align-items:center;transition:color .3s;display:flex}.marquee-content li:hover{color:#fff}@media (max-width:1024px){.marquee-wrapper{--marquee-width:100vw;--marquee-height:12vh;--marquee-elements-displayed:3.5;margin:20px 0;padding:40px 0 20px}.marquee:before,.marquee:after{width:25vw}.marquee-title{font-size:40px}.marquee-desc{max-width:90vw;font-size:16px}}