.roadmap-slider-container{width:100%;display:flex;justify-content:space-between;align-items:center}.roadmap-slider-container .progress-bar-container{width:50%;height:100%;display:flex;justify-content:space-between;align-items:center;column-gap:1rem}.draggable-point{width:100%;display:flex;justify-content:flex-start;align-items:center;column-gap:1rem}.draggable-point .icon-box{width:80px;height:80px;border-radius:50%;border:1px solid #353285;display:flex;justify-content:center;align-items:center}.draggable-point .icon-box svg{width:60%;color:#353285}.draggable-point .label-box{width:70%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.draggable-point .label-box p.label{color:#171717;font-size:20px;font-style:normal;font-weight:700;line-height:24px;text-transform:capitalize;text-align:start;margin:0}.draggable-point .label-box span.label{margin:0;color:#52525b;font-size:15px;font-style:normal;font-weight:400;line-height:24px;text-transform:capitalize}.roadmap-slider-container .progress-bar-slider-container{width:50%}.roadmap-slider-container .progress-bar-slider-container .slider-page{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.roadmap-slider-container .progress-bar-slider-container .slider-page img.slider-page-img{width:100%;height:100%;object-fit:contain;border-radius:16px}.progress-bar-container .draggable-points{width:90%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;cursor:pointer;row-gap:1rem}.prog-container{width:10%;text-align:center}.prog-container .progress-container{position:relative;width:15px;height:60vh;background-color:#e0e0e0;overflow:hidden;margin:20px auto;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:24px;background:var(--WTF-Colors-Neutrals-00,#fff);box-shadow:0 6px 15px -2px rgba(16,24,40,.08);overflow:visible}.prog-container .progress-bar{position:absolute;top:0;width:100%;background-color:#76c7c0;transition:height .2s ease-out;border-radius:24px;background:#5a56e4;box-shadow:0 6px 15px -2px rgba(16,24,40,.08)}.prog-container .draggable-point{position:absolute;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;background:#fff;border-radius:50%;cursor:pointer;transition:top .2s ease-out;fill:var(--WTF-Colors-Accent-Blue-800,#353285);stroke:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 0 5px rgba(0,0,0,.2)}.prog-container .draggable-point .draggable-point-inner{width:70%;border-radius:50%;fill:var(--WTF-Colors-Accent-Blue-800,#353285);background:#353285;strokewidth:4px;stroke:#fff;filter:drop-shadow(2px 2px 19.1px #0019fd)}.prog-container .percentage-display{font-size:24px;margin-top:20px}@media (max-width:584px){.roadmap-slider-container .progress-bar-slider-container{display:none}.roadmap-slider-container .progress-bar-container{width:100%;height:100%}.roadmap-side-container{width:95%;margin:0}.draggable-point .icon-box{width:60px;height:60px}.draggable-point .label-box p.label{font-size:17px;line-height:20px}.draggable-point .label-box span.label{font-size:15px;line-height:20px}.draggable-point .label-box p.label{color:#5a56e4}.draggable-point .icon-box{border:1px solid #5a56e4!important}.draggable-point .icon-box svg path{color:#5a56e4!important;fill:#5a56e4!important}}