.howit-section { padding: 80px 0; background: var(--th-color-surface-soft); }
.howit-section .heading { text-align: center; margin-bottom: 50px; }
.howit-section .heading h2 { font-size: 30px; font-weight: 700; color: var(--th-color-text); margin-bottom: 14px; }
.howit-step { background: var(--th-color-surface); border-radius: 12px; padding: 32px 24px; text-align: center; height: 100%; position: relative; box-shadow: 0 4px 18px rgba(20,60,100,0.05); }
.howit-step .step-num { position: absolute; top: -22px; left: 50%; transform: translateX(-50%); width: 44px; height: 44px; line-height: 44px; border-radius: 50%; background: linear-gradient(135deg, var(--th-color-primary), var(--th-color-secondary)); color: var(--th-color-surface); font-weight: 800; font-size: 18px; }
.howit-step h4 { font-size: 17px; font-weight: 700; margin: 14px 0 12px; color: var(--th-color-text); }
.howit-step p { font-size: 14px; color: var(--th-color-text-muted); line-height: 1.6; margin: 0; }
.howit-step .ic-large { font-size: 32px; color: var(--th-color-primary); margin-top: 16px; }
@media (max-width:991px){ .howit-step { margin-bottom:35px; } }