.ai-timeline{position:relative;max-width:1200px;margin:auto;padding:120px 20px}
.ai-line{position:absolute;left:50%;top:0;width:4px;height:100%;background:#ddd;transform:translateX(-50%)}
.ai-progress{position:absolute;left:50%;top:0;width:4px;height:0;background:linear-gradient(#6C5CE7,#0984E3,#00B894,#F39C12);transform:translateX(-50%);transition:height .3s}

.ai-item{position:relative;width:50%;padding:80px 100px;box-sizing:border-box}
.ai-item.left{left:0;text-align:right}
.ai-item.right{left:50%;text-align:left}

.ai-dot{position:absolute;top:80px;width:70px;height:70px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}
.ai-item.left .ai-dot{right:-35px}
.ai-item.right .ai-dot{left:-35px}

.ai-large-icon{position:absolute;top:0;width:200px;height:200px;border-radius:50%;border:1px dashed #ddd;display:flex;align-items:center;justify-content:center}
.ai-large-icon img{max-width:60px}
.ai-item.left .ai-large-icon{right:-260px}
.ai-item.right .ai-large-icon{left:-260px}

.ai-card{background:#fff;padding:40px;border-radius:20px;box-shadow:0 15px 50px rgba(0,0,0,.05)}
.ai-step{font-weight:700;font-size:14px;margin-bottom:10px;display:flex;align-items:center;gap:10px}
.ai-small-icon{width:20px;height:20px}

@media(max-width:1024px){.ai-large-icon{display:none}}
@media(max-width:768px){
.ai-line,.ai-progress{left:20px}
.ai-item{width:100%;padding-left:90px;padding-right:20px;margin-bottom:80px;left:0!important;text-align:left!important}
.ai-dot{left:0!important;right:auto!important;top:0}
}