.how-it-works{text-align:center;padding:80px 0}.how-it-works .container{max-width:1170px;padding:0 20px}.section-tag{color:#006045;background:#d0fae5;border-radius:20px;margin-bottom:15px;padding:6px 14px;font-size:13px;display:inline-block}.section-title{margin-bottom:10px;font-size:34px}.section-subtitle{color:#64748b;margin-bottom:50px;font-size:18px}.steps-wrapper{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.step-card{background:#fff;border-radius:16px;padding:30px 20px;position:relative;box-shadow:0 5px 20px #0000000d}.step-number{color:#fff;background:#006045;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;font-weight:700;transition:all .2s ease-out;animation:2s infinite scaleFade;display:flex;position:absolute;top:-14px;left:auto;right:-15px}.step-icon{border-radius:14px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 18px 0;-webkit-animation:2s ease-in infinite live-badge;-moz-animation:2s ease-in infinite live-badge;-o-animation:2s ease-in infinite live-badge;display:flex}.step-icon.green{background:#d1fae5}.step-icon.purple{background:#ede9fe}.step-card h3{margin-bottom:10px}.step-card p{color:#45556c;font-size:16px}.section-btn{margin-top:40px}.get-started-btn{display:inline-block}.steps-wrapper .step-card+.step-card:before{content:"";background:linear-gradient(90deg,#cad5e2 100%,#0000 100%);width:23px;height:2px;position:absolute;top:60px;left:-24px}.step-card.search-purple .step-icon.purple svg path{fill:#9810fa}.step-card.explore-about .step-icon.green svg path{stroke:#006045}.step-icon svg{width:32px;height:32px}.step-card:hover{background:linear-gradient(270deg,#fdfcff 0%,#faf5ff 100%)}.arabic-version .steps-wrapper .step-card:last-child:before{display:none}.arabic-version .steps-wrapper .step-card:first-child:before{content:"";background:linear-gradient(90deg,#cad5e2 100%,#0000 100%);width:23px;height:2px;position:absolute;top:60px;left:-24px}.arabic-version .step-icon{margin:0 0 18px auto}@media (max-width:991px){.steps-wrapper{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.steps-wrapper{grid-template-columns:repeat(1,1fr)}.step-number{right:0}.how-it-works{text-align:center;padding:40px 0}.section-title{font-size:24px}.step-number{font-size:12px}.step-card h3,.step-card p{text-align:center}.step-icon{margin:0 auto 15px}}