/* How - shared section CSS (canonical section 20) - one file for all pages */





/* ---------- Journey (home pattern) ---------- */
.nct-how{padding:48px 0 56px;background:#fff}




.nct-journey{position:relative;display:flex;align-items:flex-start;justify-content:space-between;padding-top:6px;margin-top:8px}




.nct-journey::before{content:"";position:absolute;top:24px;left:6%;right:6%;height:2px;background:linear-gradient(90deg,#2563eb 0%,#2563eb 100%)}




.nct-journey-step{flex:1;position:relative;text-align:center;padding:0 8px}




.nct-journey-dot{width:48px;height:48px;border-radius:50%;background:#ffffff;border:2px solid #2563eb;color:#2563eb;font-family:"Inter",sans-serif;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;position:relative;z-index:1;box-shadow:0 0 0 6px rgba(37,99,235,.1)}




.nct-journey-label{display:block;font-family:"Inter",sans-serif;font-size:13px;font-weight:600;color:#1e293b;margin-bottom:4px}




.nct-journey-desc{display:block;font-family:"Inter",sans-serif;font-size:11px;line-height:1.45;color:#94a3b8;max-width:150px;margin:0 auto}
@media (max-width: 991px){




.nct-journey{flex-direction:column;gap:0;padding-left:26px}




.nct-journey::before{top:6px;bottom:6px;left:23px;right:auto;width:2px;height:auto;background:linear-gradient(180deg,#2563eb 0%,#2563eb 100%)}




.nct-journey-step{text-align:left;padding:0 0 22px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}




.nct-journey-dot{margin:0;flex-shrink:0}




.nct-journey-label,.nct-journey-desc{margin:0;max-width:none}
}