.quiz-process{background:linear-gradient(135deg,#f9f5ff,#fff);position:relative;overflow:hidden}.timeline-container{position:relative;max-width:1200px;margin:0 auto;padding:40px 0}.timeline-line{position:absolute;width:6px;background:#7239ea;top:0;bottom:0;left:50%;transform:translateX(-50%);border-radius:10px;box-shadow:0 0 10px rgba(114,57,234,.3)}.timeline-item{padding:10px 40px;position:relative;width:50%;box-sizing:border-box}.timeline-item:after{content:"";position:absolute;width:25px;height:25px;background:#fff;border:4px solid #7239ea;border-radius:50%;top:50px;z-index:1}.timeline-item.left{left:0}.timeline-item.right{left:50%}.timeline-item.left:after{right:-12px}.timeline-item.right:after{left:-12px}.timeline-content{padding:20px;position:relative;border-radius:12px}.step-number{position:absolute;top:-15px;font-size:.9rem;font-weight:700;color:#fff;background:#7239ea;padding:7px 14px;border-radius:20px;min-width:40px;text-align:center;z-index:2}.timeline-item.left .step-number{right:20px}.timeline-item.right .step-number{left:20px}.step-card{background:#fff}.step-card,[data-bs-theme=dark] .step-card{padding:25px;border-radius:16px;box-shadow:0 10px 30px rgba(114,57,234,.1);transition:all .4s ease;border:1px solid rgba(114,57,234,.1)}.step-card:hover{transform:translateY(-5px);box-shadow:0 15px 45px rgba(114,57,234,.15)}.step-title{font-size:1.2rem;font-weight:700;margin-bottom:15px;color:#2c3e50}.step-description{color:#555;line-height:1.7;margin-bottom:15px}.step-details{list-style:none;padding:0;margin-bottom:20px}.step-details li{position:relative;padding-left:28px;margin-bottom:10px;color:#555;line-height:1.5}.detail-marker{position:absolute;left:0;top:10px;width:10px;height:10px;background:#b18bf2;border-radius:50%}@media (max-width:768px){.timeline-line{left:31px}.timeline-item{width:100%;padding-left:70px;padding-right:25px}.timeline-item.right{left:0}.timeline-item.left:after,.timeline-item.right:after{left:18px}.timeline-item.left .step-number,.timeline-item.right .step-number{left:20px;right:auto}}[dir=rtl] .quiz-process{background:linear-gradient(135deg,#f9f5ff,#fff);position:relative;overflow:hidden}[dir=rtl] .timeline-container{position:relative;max-width:1200px;margin:0 auto;padding:40px 0}[dir=rtl] .timeline-line{position:absolute;width:6px;background:#7239ea;top:0;bottom:0;right:50%;transform:translateX(50%);border-radius:10px;box-shadow:0 0 10px rgba(114,57,234,.3)}[dir=rtl] .timeline-item{padding:10px 40px;position:relative;width:50%;box-sizing:border-box}[dir=rtl] .timeline-item:after{content:"";position:absolute;width:25px;height:25px;background:#fff;border:4px solid #7239ea;border-radius:50%;top:50px;z-index:1}[dir=rtl] .timeline-item.left{right:0;left:auto}[dir=rtl] .timeline-item.right{right:50%;left:auto}[dir=rtl] .timeline-item.left:after{left:-12px;right:auto}[dir=rtl] .timeline-item.right:after{right:-12px;left:auto}[dir=rtl] .timeline-content{padding:20px;position:relative;border-radius:12px}[dir=rtl] .step-number{position:absolute;top:-15px;font-size:.9rem;font-weight:700;color:#fff;background:#7239ea;padding:7px 14px;border-radius:20px;min-width:40px;text-align:center;z-index:2}[dir=rtl] .timeline-item.left .step-number{left:20px;right:auto}[dir=rtl] .timeline-item.right .step-number{right:20px;left:auto}[dir=rtl] .step-card{padding:25px;background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(114,57,234,.1);transition:all .4s ease;border:1px solid rgba(114,57,234,.1);text-align:right}[data-bs-theme=dark] .step-card{background:var(--bs-gray-300)}[dir=rtl] .step-card:hover{transform:translateY(-5px);box-shadow:0 15px 45px rgba(114,57,234,.15)}[dir=rtl] .step-title{font-size:1.2rem;font-weight:700;margin-bottom:15px;color:#2c3e50;text-align:right}[data-bs-theme=dark] .step-title{color:#bfc1c4}[dir=rtl] .step-description{color:#555;line-height:1.7;margin-bottom:15px;text-align:right}[data-bs-theme=dark] .step-description{color:#fffcfc}[dir=rtl] .step-details{list-style:none;padding:0;margin-bottom:20px;text-align:right}[dir=rtl] .step-details li{position:relative;padding-right:28px;padding-left:0;margin-bottom:10px;color:#555;line-height:1.5}[data-bs-theme=dark] .step-details li{color:#fffcfc}[dir=rtl] .detail-marker{position:absolute;right:0;left:auto;top:10px;width:10px;height:10px;background:#b18bf2;border-radius:50%}@media (max-width:768px){[dir=rtl] .timeline-line{right:31px;left:auto}[dir=rtl] .timeline-item{width:100%;padding-right:70px;padding-left:25px}[dir=rtl] .timeline-item.right{right:0;left:auto}[dir=rtl] .timeline-item.left:after,[dir=rtl] .timeline-item.right:after{right:18px;left:auto}[dir=rtl] .timeline-item.left .step-number,[dir=rtl] .timeline-item.right .step-number{right:20px;left:auto}}