#horizontal-scroll{position:relative}.horizontal-scroll-wrapper{overflow:hidden;height:auto;position:relative}.horizontal-scroll-wrapper:before{content:"";position:absolute;top:50%;left:0;width:100%;height:2px;background-color:var(--nm-surface-500);z-index:0}.horizontal{display:flex;width:max-content;height:800px;align-items:center}.horizontal .card{width:700px;height:400px;padding:50px 40px;border-radius:0;flex-shrink:0;position:relative;z-index:1;transition:transform .3s ease;display:flex;flex-direction:column;background:#fff0}@media(max-width:764px){.horizontal .card{width:400px}}.horizontal .card-top{align-self:flex-start}.horizontal .card-bottom{align-self:flex-end;transform:translateY(110px);padding-top:110px}.horizontal .card .connector{position:absolute;left:0;width:2px;background-color:var(--nm-surface-500);transform:translate(-50%);z-index:0}.horizontal .card-top .connector{bottom:-12px;height:320px}@media(max-width:764px){.horizontal .card-top .connector{bottom:-15px}}.horizontal .card-top .connector:after{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:14px;height:14px;background-color:var(--nm-primary-300);border-radius:50%;z-index:1}.horizontal .card-bottom .connector{top:-100px;height:255px}@media(max-width:764px){.horizontal .card-bottom .connector{top:-45px}}.horizontal .card-bottom .connector:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:14px;height:14px;background-color:var(--nm-primary-300);border-radius:50%;z-index:1}