@charset "UTF-8";.service-steps-section{font-family:'Cairo','Segoe UI',sans-serif;direction:rtl;padding:25px 0;position:relative;overflow:hidden}.step-dot{position:absolute;width:8px;height:8px;background:#1296D8;border-radius:50%;opacity:0.05}.step-dot:nth-child(odd){background:#A98A57}.steps-header{text-align:center;margin-bottom:80px;position:relative;z-index:2}.steps-badge{display:inline-block;font-size:1rem;color:#184F6F;background:rgba(24,79,111,0.1);padding:8px 25px;border-radius:25px;margin-bottom:20px;font-weight:500;letter-spacing:1px;border:1px solid rgba(24,79,111,0.2)}.steps-main-title{font-size:3rem;font-weight:700;color:#CE0000;margin-bottom:15px;line-height:1.2}.steps-subtitle{font-size:1.1rem;color:#000;max-width:600px;margin:0 auto;line-height:1.6}.steps-container{max-width:1400px;margin:0 auto;padding:0 15px;position:relative;z-index:2}.steps-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;position:relative}.step-card{position:relative;text-align:center;padding:20px 15px;transition:all 0.4s ease}.step-circle{width:80px;height:80px;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;position:relative;z-index:2;border:3px solid #e2e8f0;box-shadow:0 10px 25px rgba(24,79,111,0.1);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);cursor:pointer}.step-card:hover .step-circle{transform:translateY(-10px) scale(1.1);border-color:#1296D8;box-shadow:0 15px 35px rgba(18,150,216,0.2),0 5px 15px rgba(169,138,87,0.1)}@keyframes pulseCircle{0%{box-shadow:0 0 0 0 rgba(18,150,216,0.4)}70%{box-shadow:0 0 0 15px rgba(18,150,216,0)}100%{box-shadow:0 0 0 0 rgba(18,150,216,0)}}.step-circle.active{animation:pulseCircle 2s infinite}.step-number{position:absolute;top:-10px;right:-10px;width:30px;height:30px;background:linear-gradient(135deg,#A98A57,#184F6F);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.9rem;z-index:3;transition:all 0.4s ease}.step-card:hover .step-number{transform:scale(1.2) rotate(15deg);background:linear-gradient(135deg,#1296D8,#184F6F)}.step-icon{font-size:1.8rem;background:linear-gradient(135deg,#A98A57,#184F6F);-webkit-background-clip:text;background-clip:text;color:transparent;transition:all 0.4s ease}.step-card:hover .step-icon{transform:scale(1.2)}.step-content{position:relative}.step-title{font-size:1.2rem;font-weight:600;color:#184F6F;margin-bottom:10px;transition:all 0.3s ease}.step-card:hover .step-title{color:#1296D8}.step-description{font-size:0.9rem;color:#64748b;line-height:1.6;font-weight:300;transition:all 0.3s ease}.step-card:hover .step-description{color:#475569}.step-connector{position:absolute;top:40px;right:-30px;width:20px;height:2px;background:linear-gradient(90deg,#A98A57,#1296D8);opacity:0.3;transition:all 0.4s ease}.step-connector::before{content:'';position:absolute;top:-3px;left:15;width:8px;height:8px;border-radius:50%;background:#1296D8;opacity:0;transition:all 0.4s ease}.step-card:hover .step-connector{width:40px;opacity:0.6}.step-card:hover .step-connector::before{opacity:1;animation:moveDot 0.6s ease-in-out infinite alternate}@keyframes moveDot{0%{transform:translateX(0)}100%{transform:translateX(-30px)}}.progress-indicator{position:absolute;top:-40px;right:0;width:100%;height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.progress-dot{width:12px;height:12px;background:#cbd5e1;border-radius:50%;position:relative;transition:all 0.4s ease}.progress-dot.active{background:#1296D8;transform:scale(1.3);box-shadow:0 0 0 4px rgba(18,150,216,0.2)}.progress-dot::after{content:'';position:absolute;top:50%;right:-100%;width:100%;height:2px;background:#e2e8f0;transform:translateY(-50%)}.progress-dot:last-child::after{display:none}@media (max-width:1200px){.steps-grid{grid-template-columns:repeat(3,1fr);gap:40px}.timeline-arrow{display:none}.step-connector{display:none}}@media (max-width:768px){.service-steps-section{padding:60px 0}.steps-main-title{font-size:2.2rem}.steps-grid{grid-template-columns:repeat(2,1fr);gap:30px}.step-circle{width:70px;height:70px}.step-icon{font-size:1.5rem}}@media (max-width:480px){.steps-grid{grid-template-columns:1fr;max-width:300px;margin:0 auto}.steps-main-title{font-size:1.8rem}.step-card{padding:15px}}.step-card{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease}.step-card.visible{opacity:1;transform:translateY(0)}.active-step-indicator{position:fixed;bottom:30px;right:30px;background:white;padding:15px 25px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.1);border:1px solid #e2e8f0;z-index:1000;display:none}.active-step-title{font-weight:600;color:#184F6F;margin:0}.step-circle:active{transform:scale(0.95)}