.badge__section{height:620px;overflow:hidden}.badge__scroller-container{height:620px}.badge__scroller-fade-container{height:100%;position:absolute;width:100%}.badge__scroller-fade-container:before{background:#fff;background:linear-gradient(180deg,#fff,hsla(0,0%,100%,0));content:"";height:100px;left:0;position:absolute;right:0;top:0;z-index:4}.badge__scroller-fade-container:after{background:#fff;background:linear-gradient(0deg,#fff,hsla(0,0%,100%,0));bottom:0;content:"";height:100px;left:0;position:absolute;right:0;z-index:4}.badge__scroller-fade{position:relative}.badge{float:left;margin:12px 16px;width:225px}.badge:nth-child(3n+2){position:relative;top:-100px}.relative{position:relative}.scroll-loop{animation:scrollUp 30s linear infinite;position:absolute}@-webkit-keyframes scrollUp{to{transform:translateY(-50%)}}@media(max-width:1300px){.badge{width:180px}}@media(max-width:1024px){.badge__section{height:840px;margin-top:50px}.badge__content{margin-bottom:50px}.badge__scroller-container{margin-top:50px}.badge__scroller{display:flex;flex-direction:column;overflow:visible;width:820px}.badge__scroller-fade-container:after,.badge__scroller-fade-container:before{position:relative}.badge__container{display:flex;height:275px}.badge__image-container{width:200px}.test1{animation:scrollLeft 30s linear 0s infinite alternate forwards running}.badge__container.test2{animation:scrollRight 30s linear 0s infinite alternate forwards running;justify-content:flex-end}.badge{margin:12px 50px 12px 0}.badge:nth-child(3n+2){top:0}.scroll-loop{animation:none;position:absolute}@-webkit-keyframes scrollLeft{0%{transform:translateX(0)}to{transform:translateX(-125%)}}@-webkit-keyframes scrollRight{0%{transform:translateX(0)}to{transform:translateX(125%)}}}@media screen and (max-width:767px){.badge__scroller-container{height:480px}.badge__section{height:692px}.badge__container{height:235px}.badge{margin:6px 8px}.badge__image-container{width:160px}}