.how-it-works-section{max-width:800px;margin:0 auto;padding:var(--space-4)}.how-it-works-section h2{text-align:center;color:var(--color-primary);margin-bottom:var(--space-4)}.steps-container{display:flex;flex-direction:column;gap:var(--space-4)}.step{background-color:var(--color-background);border-radius:var(--border-radius-lg);padding:var(--space-3);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.step:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.step h3{color:var(--color-primary);margin-bottom:var(--space-2);font-size:var(--font-size-xl)}.step p{margin-bottom:var(--space-2);color:var(--color-text)}.step ul{list-style-type:disc;margin-left:var(--space-4);color:var(--color-text)}.step li{margin-bottom:var(--space-1)}[lang=ar] .how-it-works-section,.how-it-works-section[dir=rtl],[lang=ar] .step,.step[dir=rtl]{direction:rtl;text-align:right}[lang=ar] .step h3,.step[dir=rtl] h3,[lang=ar] .step p,.step[dir=rtl] p{text-align:right}[lang=ar] .step ul,.step[dir=rtl] ul{margin-left:0;margin-right:var(--space-4);text-align:right}[lang=ar] .step li,.step[dir=rtl] li{text-align:right}@media (max-width: 768px){.how-it-works-section,.step{padding:var(--space-2)}[lang=ar] .step ul,.step[dir=rtl] ul{margin-right:var(--space-2)}}