:root{--swiper-theme-color: white}.roadmap-container{position:relative;height:100vh;width:100%;overflow:hidden}.roadmap-container .title-container{position:absolute;top:50%;transform:translateY(-50%);left:25%;z-index:5}@media screen and (max-width: 992px){.roadmap-container .title-container{top:40%;left:16.6666666667%;padding-right:2rem}}@media screen and (max-width: 576px){.roadmap-container .title-container{padding-right:1rem}}.roadmap-container h1{text-transform:uppercase;z-index:6;color:#fff;margin-bottom:3rem}@media screen and (max-width: 576px){.roadmap-container h1{margin-bottom:1.75rem;font-size:1.75rem}}.roadmap-container a.heading{text-decoration:none}.roadmap-container a.heading:not(#heading-0) h3{opacity:.4}.roadmap-container h3{z-index:6;color:#fff;margin-bottom:2rem;text-transform:initial;width:fit-content;cursor:pointer}@media screen and (max-width: 576px){.roadmap-container h3{font-size:1.25rem;margin-bottom:1.25rem}}.roadmap-container .line{--line-col-width: 2;position:absolute;top:0;width:2px;height:100vh;background-color:hsla(0,0%,100%,.5);z-index:0}.roadmap-container .line.left{left:calc(8.3333333333%*var(--line-col-width))}.roadmap-container .line.right{left:calc(8.3333333333%*(12 - var(--line-col-width)))}.roadmap-container .line .line-progress{background-color:#fff;height:100vh;transform:translateY(-80%)}@media screen and (max-width: 992px){.roadmap-container .line{--line-col-width: 1}}.roadmap-container .roadmap-item{position:absolute;width:100%;height:100%;padding:4rem 0}@media screen and (max-width: 576px){.roadmap-container .roadmap-item{padding:2rem 0 3rem}}.roadmap-container .roadmap-item p{color:#fff;margin-bottom:2rem}@media screen and (max-width: 576px){.roadmap-container .roadmap-item .roadmap-text{padding-left:0 !important}}.roadmap-container .roadmap-item .image-container{position:absolute;overflow:hidden;top:50%;transform:translateY(-50%);width:33.3333333333%;right:0;aspect-ratio:3/2}.roadmap-container .roadmap-item .image-container .image-overlay,.roadmap-container .roadmap-item .image-container img{position:absolute;top:0;left:0;width:100%;height:100%}.roadmap-container .roadmap-item .image-container .image-overlay{z-index:1;width:300%;left:-200%;height:calc(100% + 2px);top:50%;transform:translateY(-50%);right:0;background:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0) 33.3%, rgb(0, 0, 0) 66.6%, rgba(0, 0, 0, 0))}.roadmap-container .roadmap-item .image-container img{object-fit:cover;z-index:0}