.main-box-border{border-radius:12px;background:linear-gradient(white,white) padding-box,linear-gradient(150deg,#fff 40%,#9755FF) border-box;border:1px solid transparent;box-shadow:6px 2px 15px rgba(136,120,163,.3)}.timeline{white-space:nowrap;overflow-x:hidden;position:relative;transform:translateX(0)}.timeline ol{font-size:0;width:100vw;padding:250px 0;transition:all 1s;min-width:max-content}.timeline ol li{position:relative;display:inline-block;list-style-type:none;width:420px;height:2px;background:rgba(151,85,255,1);margin:60px 0}.hexa-shape{width:420px;height:200px;background:url(/_next/static/media/hexashape1.8cd52eae.png) 100% 0 no-repeat;position:absolute;right:2px;top:2px}.timeline ol li:last-child:after{position:absolute;bottom:0;content:"";width:420px;height:2px;background:rgba(151,85,255,1);left:100%}.timeline ol li>div.main-box:before{content:attr(data-index);position:absolute;top:50%;left:calc(100% + 1px);transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:rgba(151,85,255,1);box-shadow:0 0 0 7px #9755FF4D,0 0 20px 10px rgba(151,85,255,0);color:white;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center}.timeline ol li div.main-box{position:absolute;left:calc(50% + 7px);width:420px;height:200px;border-radius:12px;background:linear-gradient(white,white) padding-box,linear-gradient(150deg,#fff 40%,#9755FF) border-box;border:2px solid transparent;box-shadow:0 2px 20px rgba(63,28,119,.2);padding:20px;font-size:1rem;white-space:normal;color:black;z-index:1}.timeline ol li:nth-child(odd) div.main-box{top:-90px;transform:translateY(-100%)}.timeline ol li:nth-child(odd) div.main-box:before{top:288px;left:46%;border-color:white transparent transparent}.timeline ol li:nth-child(odd) div.main-box:after{content:"";position:absolute;top:100%;right:50%;height:68px;width:2px;background:#9755FF}.timeline ol li:nth-child(2n) div.main-box:after{content:"";position:absolute;top:-70px;right:50%;height:68px;width:2px;background:#9755FF}.timeline ol li:nth-child(2n) div.main-box{top:calc(100% + 90px)}.timeline ol li:nth-child(2n) div.main-box:before{top:-95px;left:46%;border-color:transparent transparent transparent white}.timeline time{display:block;font-size:1.2rem;font-weight:700;margin-bottom:8px}.timeline .arrows{display:flex;justify-content:center;margin-bottom:20px}.timeline .arrows .arrow__prev{margin-right:20px}.timeline .disabled{opacity:.5}.timeline .arrows img{width:45px;height:45px}@media screen and (max-width:767px){.timeline{padding:0 40px}.timeline ol,.timeline ol li{width:auto}.timeline ol{padding:0;transform:none!important}.timeline ol li{display:block;height:auto;background:transparent;margin:10px 0;transition:transform .3s ease-in-out}.timeline ol li:hover{transform:scale(1.07);transition:transform .3s ease-in-out}.timeline ol li:first-child{margin-top:25px}.timeline ol li:not(:first-child){margin-left:auto}.timeline ol li:nth-child(2n) div.main-box:after,.timeline ol li:nth-child(odd) div.main-box:after{display:none}.timeline ol li div.main-box{position:static;width:100%;height:auto!important;margin:0 auto 25px}.timeline ol{min-width:auto}.hexa-shape{width:100%;right:20px}.timeline ol li:nth-child(odd) div.main-box{transform:none}.timeline ol li:nth-child(2n) div.main-box:before,.timeline ol li:nth-child(odd) div.main-box:before{left:50%;top:100%;transform:translateX(-50%);border:none;border-left:1px solid white;height:25px;display:none}.timeline ol li:last-child:after{display:none}}