:root{--sb-primary:#55bd95;--sb-accent:#ffd480;--sb-bg-light:#efefef}.sb-timeline-wrapper{background-color:#fff;box-sizing:border-box;overflow-x:auto;padding:80px 0;position:relative;width:100%}.sb-timeline-container{box-sizing:border-box;margin:0 auto;min-width:100%;padding:140px 40px;position:relative;width:max-content}.sb-timeline-line{background-color:var(--sb-bg-light);height:4px;left:170px;position:absolute;right:170px;top:50%;transform:translateY(-50%);z-index:1}.sb-timeline-items{gap:60px;justify-content:flex-start;z-index:2}.sb-timeline-item,.sb-timeline-items{align-items:center;display:flex;position:relative}.sb-timeline-item{flex-direction:column;flex-shrink:0;width:260px}.sb-timeline-card{background:#fff;border:1px solid var(--sb-bg-light);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.05);box-sizing:border-box;padding:20px;position:absolute;transition:transform .3s ease,box-shadow .3s ease;width:100%}.sb-timeline-item:hover .sb-timeline-card{box-shadow:0 15px 35px rgba(85,189,149,.12);transform:translateY(-5px)}.sb-timeline-item.sb-top .sb-timeline-card{bottom:50px}.sb-timeline-item.sb-bottom .sb-timeline-card{top:50px}.sb-card-arrow{border-style:solid;height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.sb-timeline-item.sb-top .sb-card-arrow{border-color:#fff transparent transparent;border-width:10px 10px 0;bottom:-10px}.sb-timeline-item.sb-bottom .sb-card-arrow{border-color:transparent transparent #fff;border-width:0 10px 10px;top:-10px}.sb-timeline-node-badge{align-items:center;background-color:var(--sb-accent);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.08);color:#000;display:flex;font-family:sans-serif;font-size:14px;font-weight:700;height:56px;justify-content:center;transition:transform .2s ease,background-color .2s ease,color .2s ease;width:56px;z-index:3}.sb-timeline-item:hover .sb-timeline-node-badge{background-color:var(--sb-primary);color:#fff;transform:scale(1.1)}.sb-card-title{font-size:16px;font-weight:500;margin:0}.sb-card-desc,.sb-card-title{color:#000;font-family:sans-serif;line-height:1.4}.sb-card-desc{font-size:13px;margin-top:8px}@media (max-width:768px){.sb-timeline-wrapper{overflow-x:hidden;padding:40px 0}.sb-timeline-container{min-width:auto;padding:20px;width:100%}.sb-timeline-line{display:none!important}.sb-timeline-items{align-items:flex-start;flex-direction:column;gap:40px;position:relative}.sb-timeline-items:before{background-color:var(--sb-bg-light);bottom:0;clip-path:inset(28px 0 28px 0);content:"";left:48px;position:absolute;top:0;transform:translateX(-50%);width:4px;z-index:1}.sb-timeline-item:before{display:none!important}.sb-timeline-item{box-sizing:border-box;flex-direction:row;justify-content:flex-start;min-width:auto;padding-left:90px;width:100%}.sb-timeline-item.sb-bottom .sb-timeline-card,.sb-timeline-item.sb-top .sb-timeline-card{bottom:0;left:0;position:relative;top:0;width:100%}.sb-timeline-item:hover .sb-timeline-card{transform:translateX(5px)}.sb-timeline-node-badge{left:20px;position:absolute;top:50%;transform:translateY(-50%)}.sb-timeline-item:hover .sb-timeline-node-badge{transform:translateY(-50%) scale(1.1)}.sb-timeline-item.sb-bottom .sb-card-arrow,.sb-timeline-item.sb-top .sb-card-arrow{border-color:transparent #fff transparent transparent;border-width:10px 10px 10px 0;bottom:auto;left:-10px;top:50%;transform:translateY(-50%)}}