.flow-section{position:relative;padding:110px 7%;background:radial-gradient(circle at top right,rgba(37,99,235,.08),transparent 32%),#fff;overflow:hidden}.flow-heading{max-width:850px;margin:0 auto 70px;text-align:center}.flow-heading span{display:inline-flex;padding:9px 16px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:18px}.flow-heading h2{margin:0;color:#0f172a;font-size:clamp(40px,5vw,68px);line-height:1.02;letter-spacing:-.055em;font-weight:950}.flow-heading p{max-width:700px;margin:22px auto 0;color:#64748b;font-size:18px;line-height:1.75}.flow-board{position:relative;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.flow-board:before{content:"";position:absolute;top:72px;left:8%;right:8%;height:2px;background:linear-gradient(90deg,transparent,#bfdbfe,transparent);z-index:0}.flow-card{position:relative;z-index:1;min-height:300px;padding:22px;border-radius:26px;background:#ffffffe0;border:1px solid #e2e8f0;box-shadow:0 22px 60px #0f172a0f;transition:.25s ease}.flow-card:hover{transform:translateY(-7px);border-color:#bfdbfe;box-shadow:0 30px 80px #2563eb21}.flow-card-top{display:flex;flex-direction:column;gap:14px;margin-bottom:28px}.flow-icon-wrap{width:58px;height:58px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 16px 32px #2563eb3d}.flow-icon{color:#fff;font-size:22px}.flow-card-top span{width:fit-content;padding:7px 11px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:12px;font-weight:800}.flow-card h3{margin:0 0 12px;color:#0f172a;font-size:21px;line-height:1.22;letter-spacing:-.035em}.flow-card p{margin:0;color:#64748b;font-size:15.5px;line-height:1.65}.flow-connector{position:absolute;right:-18px;top:58px;width:36px;height:36px;border-radius:999px;background:#fff;border:1px solid #dbeafe;display:grid;place-items:center;box-shadow:0 12px 28px #0f172a14;z-index:4}.flow-connector span{width:8px;height:8px;border-radius:999px;background:#2563eb}@media (max-width: 1180px){.flow-board{grid-template-columns:repeat(3,1fr)}.flow-board:before,.flow-connector{display:none}}@media (max-width: 760px){.flow-section{padding:90px 22px}.flow-heading{margin-bottom:44px}.flow-heading h2{font-size:40px}.flow-heading p{font-size:16.5px}.flow-board{grid-template-columns:1fr}.flow-card{min-height:auto;padding:26px}}