.roadmap{background:var(--grey)}.roadmap__head{background:var(--black)}.roadmap__head-container{display:flex;gap:32px;justify-content:space-between}.roadmap__head-text{color:#fff;max-width:480px;padding-bottom:80px;padding-top:80px;width:100%}.roadmap__head-img{display:block;height:auto;max-width:352px;width:100%}.roadmap__container{display:-webkit-box;display:-ms-flexbox;display:flex;gap:32px;overflow-x:auto;padding-bottom:39px;position:relative}.roadmap__container::-webkit-scrollbar{background:#fff;height:2px}.roadmap__container::-webkit-scrollbar-thumb{background-color:#9f9e9d}.roadmap__item{-ms-flex-direction:column;flex-direction:column;height:auto;max-width:100%;width:352px;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.roadmap__item,.roadmap__item-step-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;gap:24px}.roadmap__item-step-wrapper{-ms-flex-direction:column;flex-direction:column}.roadmap__item-step-wrapper span{background:var(--accent);border-radius:24px;height:24px;position:relative;width:24px;z-index:1}.roadmap__item-step-wrapper span:before{background:#000;content:"";height:1px;position:absolute;right:0;top:50%;-webkit-transform:translateX(100%) translateY(-50%);-ms-transform:translateX(100%) translateY(-50%);transform:translateX(100%) translateY(-50%);width:360px;z-index:0}.roadmap__item:last-child .roadmap__item-step-wrapper span:before{width:328px}.roadmap__item:last-child .roadmap__item-step-wrapper span:after{content:url(https://49347381.fs1.hubspotusercontent-na1.net/hubfs/49347381/ecopsy/pages/Systems-Grading/arrow-right.svg);font-size:0;height:8px;line-height:0;position:absolute;right:0;top:calc(50% - 4px);-webkit-transform:translateX(329px);-ms-transform:translateX(329px);transform:translateX(329px);width:5px;z-index:0}.roadmap__item-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;margin-bottom:32px;margin-top:24px;padding-left:24px}.roadmap__item-list li::marker{color:var(--accent)}.roadmap__item-duration{color:var(--greyText);margin-top:auto;padding-bottom:8px;position:relative;text-align:center}.roadmap__item-duration:after{background-image:url(https://49347381.fs1.hubspotusercontent-na1.net/hubfs/49347381/ecopsy/pages/Systems-Grading/step-arrow.svg);background-position:50%;background-size:contain;bottom:0;content:"";font-size:0;height:8px;line-height:0;position:absolute;right:0;width:100%;z-index:0}.roadmap__postskriptum{color:var(--greyText)}.scroll-helper{-webkit-animation:scrollAnim 10s linear infinite;animation:scrollAnim 10s linear infinite;background:url(https://49347381.fs1.hubspotusercontent-na1.net/hubfs/49347381/ecopsy/pages/Systems-Grading/scroll.svg) no-repeat 50%/contain;display:none;height:82px;left:calc(50% - 41px);opacity:0;pointer-events:none;position:absolute;top:calc(50% - 41px);width:82px}@media (max-width:1152px){.roadmap__head-text{max-width:352px;padding-bottom:66px;padding-top:66px}.scroll-helper{display:block}}@media (max-width:767px){.scroll-helper{display:none}.roadmap__head-container{flex-direction:column-reverse;gap:0;max-width:100%}.roadmap__head-text{max-width:100%;padding-bottom:64px;padding-right:32px;padding-top:64px}.roadmap__head-img{height:205px;margin-left:-17px;max-width:100vw;object-fit:cover;object-position:center;width:100vw}.roadmap__container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:56px;overflow:hidden}.roadmap__item{padding-left:32px;position:relative;width:100%}.roadmap__item-step-wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:end;-ms-flex-pack:end;gap:8px;justify-content:flex-end;margin-left:-32px}.roadmap__item-step-wrapper span{position:static}.roadmap__item-step-wrapper span:before{height:calc(100% + 32px);left:12px;right:unset;top:24px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:1px}.roadmap__item:last-child .roadmap__item-step-wrapper span:before{height:calc(100% - 25px);width:1px}.roadmap__item:last-child .roadmap__item-step-wrapper span:after{left:9px;right:unset;top:calc(100% - 6px);-webkit-transform:rotate(90deg) translateY(-.5px);-ms-transform:rotate(90deg) translateY(-.5px);transform:rotate(90deg) translateY(-.5px)}.roadmap__item-list{margin-bottom:16px;margin-top:16px}.roadmap__postskriptum{font-size:14px}}@-webkit-keyframes scrollAnim{45%{opacity:0}50%{opacity:1}55%{opacity:0}}@keyframes scrollAnim{45%{opacity:0}50%{opacity:1}55%{opacity:0}}