.flipboard-container{perspective:1000px}.title-wrapper{position:relative;height:100%;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.title-slider{position:absolute;width:100%;text-align:center}.title-flip-out{animation:flipOut .5s cubic-bezier(.4,.2,.2,1) forwards}.title-flip-in{animation:flipIn .5s cubic-bezier(.4,.2,.2,1) forwards}@keyframes flipOut{0%{transform:translateY(0) rotateX(0deg);opacity:1}to{transform:translateY(-50%) rotateX(-90deg);opacity:0}}@keyframes flipIn{0%{transform:translateY(50%) rotateX(90deg);opacity:0}to{transform:translateY(0) rotateX(0deg);opacity:1}}.img{max-width:450px;height:10rem;padding:0 25px}.img:last-of-type{padding-left:0}.inner{position:relative;width:100%;overflow:hidden;height:10rem;margin-top:20px;background:linear-gradient(90deg,#F3F1F3 0,transparent 20%,transparent 80%,#F3F1F3)}.wrapper{position:absolute;display:flex}.wrapper:hover section{animation-play-state:paused}section{display:flex;animation:swipe var(--speed) linear infinite backwards}@keyframes swipe{0%{transform:translate(0)}to{transform:translate(-100%)}}.step-item{width:100%;max-width:370px;transition:all 10s cubic-bezier(1.4,0,.2,1);will-change:transform,opacity;text-align:left}.step-title{font-weight:600;margin-bottom:.5rem}.step-text,.step-title{line-height:120%;letter-spacing:-.02em}.step-text{font-weight:400}@media (max-width:1024px){.step-title{font-size:20px;line-height:130%}.step-text{font-size:14px;line-height:140%}}@media (min-width:768px){.step-item{width:100%;max-width:470px}}@media (max-width:1024px){.step-item{width:100%;max-width:100%}}