{"id":18021,"date":"2026-03-16T06:22:18","date_gmt":"2026-03-16T06:22:18","guid":{"rendered":"https:\/\/softwebexpert.in\/risingforjustice\/?page_id=18021"},"modified":"2026-03-17T17:35:56","modified_gmt":"2026-03-17T17:35:56","slug":"online-intake","status":"publish","type":"page","link":"https:\/\/softwebexpert.in\/risingforjustice\/online-intake\/","title":{"rendered":"Online Intake"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\nRequest Help \u2014 Rising for Justice<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700&family=Source+Sans+3:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* Honeypot spam protection - must stay hidden *\/\r\n.rfj-honeypot {\r\n opacity: 0;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n height: 0;\r\n width: 0;\r\n z-index: -1;\r\n overflow: hidden;\r\n}\r\n\r\n\/* Twenty Twenty-Three WordPress overrides *\/\r\n.wp-site-blocks, .entry-content, .wp-block-group, .wp-block-post-content,\r\n.is-layout-constrained > *, .is-layout-flow > * {\r\n padding: 0 !important;\r\n max-width: 100% !important;\r\n}\r\n\r\n\/* Critical: protect hidden sections from theme interference *\/\r\n.form-section[style*=\"display:none\"],\r\n.form-section[style*=\"display: none\"] {\r\n display: none !important;\r\n}\r\n\r\n[style*=\"display:none\"] {\r\n display: none !important;\r\n}\r\n\r\n.rfj-hidden {\r\n display: none !important;\r\n}\r\n\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n:root {\r\n --navy: #320570;\r\n --navy-dark: #111e35;\r\n --navy-light: #243a63;\r\n --gold: #c89b3c;\r\n --gold-light: #f5e9cc;\r\n --gold-pale: #fdf7ec;\r\n --cream: #faf8f4;\r\n --white: #ffffff;\r\n --text: #1a1a1a;\r\n --muted: #6b6b6b;\r\n --border: #ddd8cf;\r\n --border-focus: #c89b3c;\r\n --red: #b94040;\r\n --red-bg: #fdf2f2;\r\n --green: #2a6e4e;\r\n --green-bg: #eef7f2;\r\n --radius: 8px;\r\n --shadow: 0 1px 4px rgba(0,0,0,0.07), 0 4px 20px rgba(0,0,0,0.06);\r\n --shadow-card: 0 2px 8px rgba(27,45,79,0.08), 0 8px 32px rgba(27,45,79,0.06);\r\n}\r\n\r\nbody {\r\n font-family: 'Source Sans 3', sans-serif;\r\n background: var(--cream);\r\n min-height: 100vh;\r\n color: var(--text);\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n\/* \u2500\u2500 Top bar \u2500\u2500 *\/\r\n.topbar {\r\n background: var(--navy);\r\n padding: 14px 28px;\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n}\r\n\r\n.org-seal {\r\n width: 36px; height: 36px;\r\n border-radius: 50%;\r\n background: var(--gold);\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0;\r\n}\r\n\r\n.org-seal svg { width: 20px; height: 20px; fill: var(--navy-dark); }\r\n\r\n.org-name {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 16px;\r\n font-weight: 600;\r\n color: var(--white);\r\n letter-spacing: 0.01em;\r\n}\r\n\r\n.org-tagline {\r\n font-size: 11px;\r\n color: rgba(255,255,255,0.45);\r\n margin-left: auto;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n}\r\n\r\n\/* \u2500\u2500 Progress \u2500\u2500 *\/\r\n.progress-bar-wrap { height: 4px; background: rgba(200,155,60,0.2); }\r\n.progress-bar-fill {\r\n height: 100%;\r\n background: var(--gold);\r\n width: 14.28%;\r\n transition: width 0.5s cubic-bezier(.4,0,.2,1);\r\n}\r\n\r\n\/* \u2500\u2500 Layout \u2500\u2500 *\/\r\n.page-wrap {\r\n max-width: 640px;\r\n margin: 0 auto;\r\n padding: 44px 20px 80px;\r\n width: 100%;\r\n flex: 1;\r\n}\r\n\r\n\/* \u2500\u2500 Cover \u2500\u2500 *\/\r\n.cover-card {\r\n background: var(--navy);\r\n border-radius: 12px;\r\n padding: 40px 40px 36px;\r\n margin-bottom: 10px;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.cover-card::after {\r\n content: '';\r\n position: absolute;\r\n right: -40px; bottom: -40px;\r\n width: 200px; height: 200px;\r\n border-radius: 50%;\r\n background: rgba(200,155,60,0.08);\r\n pointer-events: none;\r\n}\r\n\r\n.cover-eyebrow {\r\n font-size: 11px;\r\n font-weight: 600;\r\n letter-spacing: 0.14em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n margin-bottom: 14px;\r\n}\r\n\r\n.cover-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 30px;\r\n font-weight: 700;\r\n color: #fff;\r\n line-height: 1.18;\r\n letter-spacing: -0.01em;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.cover-desc {\r\n font-size: 14.5px;\r\n line-height: 1.7;\r\n color: rgba(255,255,255,0.72);\r\n}\r\n\r\n.cover-desc p { margin-bottom: 8px; }\r\n.cover-desc p:last-child { margin-bottom: 0; }\r\n\r\n.cover-alert {\r\n margin-top: 20px;\r\n padding: 12px 16px;\r\n background: rgba(200,155,60,0.15);\r\n border: 1px solid rgba(200,155,60,0.35);\r\n border-radius: var(--radius);\r\n font-size: 13px;\r\n color: #f5dda8;\r\n display: flex;\r\n gap: 10px;\r\n align-items: flex-start;\r\n}\r\n\r\n.cover-alert svg { width: 16px; height: 16px; flex-shrink: 0; margin-top: 1px; }\r\n\r\n\/* \u2500\u2500 Section header \u2500\u2500 *\/\r\n.section-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 32px 0 12px;\r\n}\r\n\r\n.section-num {\r\n width: 26px; height: 26px;\r\n background: var(--navy);\r\n color: white;\r\n border-radius: 50%;\r\n font-size: 11px;\r\n font-weight: 700;\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0;\r\n}\r\n\r\n.section-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 16px;\r\n font-weight: 600;\r\n color: var(--navy);\r\n letter-spacing: 0.01em;\r\n}\r\n\r\n\/* \u2500\u2500 Question card \u2500\u2500 *\/\r\n.q-card {\r\n background: var(--white);\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius);\r\n padding: 22px 24px;\r\n margin-bottom: 8px;\r\n box-shadow: var(--shadow-card);\r\n animation: fadeUp 0.3s ease both;\r\n}\r\n\r\n@keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(10px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n.q-label {\r\n font-size: 14.5px;\r\n font-weight: 600;\r\n color: var(--text);\r\n margin-bottom: 14px;\r\n display: flex;\r\n gap: 4px;\r\n align-items: flex-start;\r\n line-height: 1.4;\r\n}\r\n\r\n.req { color: var(--red); font-size: 13px; line-height: 1.5; }\r\n\r\n\/* Options *\/\r\n.opts { display: flex; flex-direction: column; gap: 7px; }\r\n\r\n.opt {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 10px 14px;\r\n border: 1.5px solid var(--border);\r\n border-radius: 6px;\r\n cursor: pointer;\r\n transition: border-color 0.15s, background 0.15s;\r\n background: #faf9f7;\r\n user-select: none;\r\n}\r\n\r\n.opt:hover { border-color: var(--gold); background: var(--gold-pale); }\r\n\r\n.opt:has(input:checked) {\r\n border-color: var(--navy);\r\n background: #f0f3f8;\r\n}\r\n\r\n.opt input[type=\"radio\"] {\r\n width: 16px; height: 16px; min-width: 16px;\r\n margin: 0; padding: 0;\r\n cursor: pointer;\r\n accent-color: var(--navy);\r\n border: none; background: none; box-shadow: none;\r\n}\r\n\r\n.opt-label {\r\n font-size: 14px;\r\n font-weight: 400;\r\n color: var(--text);\r\n line-height: 1.4;\r\n}\r\n\r\n\/* Text inputs *\/\r\ninput[type=\"text\"], input[type=\"email\"], input[type=\"tel\"], input[type=\"date\"], textarea {\r\n width: 100%;\r\n padding: 10px 14px;\r\n border: 1.5px solid var(--border);\r\n border-radius: 6px;\r\n font-family: 'Source Sans 3', sans-serif;\r\n font-size: 14px;\r\n color: var(--text);\r\n background: #faf9f7;\r\n outline: none;\r\n transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n}\r\n\r\ninput:focus, textarea:focus {\r\n border-color: var(--border-focus);\r\n background: var(--white);\r\n box-shadow: 0 0 0 3px rgba(200,155,60,0.18);\r\n}\r\n\r\ninput::placeholder, textarea::placeholder { color: #bbb5aa; }\r\ntextarea { resize: vertical; min-height: 110px; line-height: 1.65; }\r\n\r\n\/* \u2500\u2500 Info \/ outside service area card \u2500\u2500 *\/\r\n.info-card {\r\n background: #f0f3f8;\r\n border: 1px solid #c7d1e4;\r\n border-left: 4px solid var(--navy);\r\n border-radius: var(--radius);\r\n padding: 22px 24px;\r\n margin-bottom: 8px;\r\n animation: fadeUp 0.3s ease both;\r\n}\r\n\r\n.info-card.warning {\r\n background: var(--red-bg);\r\n border-color: #e0c0c0;\r\n border-left-color: var(--red);\r\n}\r\n\r\n.info-card-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 17px;\r\n font-weight: 700;\r\n color: var(--navy);\r\n margin-bottom: 10px;\r\n}\r\n\r\n.info-card.warning .info-card-title { color: var(--red); }\r\n\r\n.info-card-body {\r\n font-size: 14px;\r\n line-height: 1.7;\r\n color: var(--muted);\r\n}\r\n\r\n.info-card-body a { color: var(--navy); font-weight: 600; }\r\n.info-card-body p { margin-bottom: 6px; }\r\n.info-card-body p:last-child { margin-bottom: 0; }\r\n\r\n\/* \u2500\u2500 Nav buttons \u2500\u2500 *\/\r\n.nav-row {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-top: 28px;\r\n gap: 12px;\r\n}\r\n\r\n.btn-back {\r\n background: transparent;\r\n border: 1.5px solid var(--border);\r\n color: var(--muted);\r\n padding: 10px 22px;\r\n border-radius: 6px;\r\n font-family: 'Source Sans 3', sans-serif;\r\n font-size: 14px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: border-color 0.15s, color 0.15s;\r\n display: flex; align-items: center; gap: 6px;\r\n}\r\n\r\n.btn-back:hover { border-color: var(--navy); color: var(--navy); }\r\n\r\n.btn-next {\r\n background: var(--navy);\r\n color: #fff;\r\n border: none;\r\n padding: 11px 28px;\r\n border-radius: 6px;\r\n font-family: 'Source Sans 3', sans-serif;\r\n font-size: 14px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: background 0.15s, transform 0.1s, box-shadow 0.15s;\r\n display: flex; align-items: center; gap: 8px;\r\n box-shadow: 0 2px 8px rgba(27,45,79,0.25);\r\n letter-spacing: 0.01em;\r\n}\r\n\r\n.btn-next:hover { background: var(--navy-light); transform: translateY(-1px); box-shadow: 0 4px 16px rgba(27,45,79,0.3); }\r\n.btn-next:active { transform: translateY(0); }\r\n.btn-next svg, .btn-back svg { width: 15px; height: 15px; flex-shrink: 0; }\r\n\r\n.btn-submit {\r\n background: var(--gold);\r\n color: var(--navy-dark);\r\n border: none;\r\n padding: 12px 32px;\r\n border-radius: 6px;\r\n font-family: 'Source Sans 3', sans-serif;\r\n font-size: 14px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: background 0.15s, transform 0.1s, box-shadow 0.15s;\r\n display: flex; align-items: center; gap: 8px;\r\n box-shadow: 0 2px 8px rgba(200,155,60,0.35);\r\n letter-spacing: 0.01em;\r\n}\r\n\r\n.btn-submit:hover { background: #b88a2e; transform: translateY(-1px); }\r\n.btn-submit svg { width: 15px; height: 15px; }\r\n\r\n\/* \u2500\u2500 Error \u2500\u2500 *\/\r\n.err-msg {\r\n font-size: 12px;\r\n color: var(--red);\r\n margin-top: 6px;\r\n display: none;\r\n}\r\n\r\n.q-card.has-error input, .q-card.has-error textarea {\r\n border-color: var(--red);\r\n background: var(--red-bg);\r\n}\r\n\r\n\/* \u2500\u2500 Success screen \u2500\u2500 *\/\r\n.success-screen {\r\n display: block;\r\n background: var(--white);\r\n border: 2px solid var(--gold);\r\n border-radius: 12px;\r\n padding: 64px 48px;\r\n text-align: center;\r\n box-shadow: 0 8px 48px rgba(27,45,79,0.18), 0 2px 8px rgba(200,155,60,0.2);\r\n animation: fadeUp 0.4s ease both;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.success-screen::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 5px;\r\n background: linear-gradient(90deg, var(--navy), var(--gold));\r\n}\r\n\r\n.success-icon {\r\n width: 84px; height: 84px;\r\n background: var(--green-bg);\r\n border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n margin: 0 auto 24px;\r\n box-shadow: 0 4px 16px rgba(42,110,78,0.2);\r\n}\r\n\r\n.success-icon svg { width: 40px; height: 40px; stroke: var(--green); }\r\n\r\n.success-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 30px;\r\n font-weight: 700;\r\n color: var(--navy);\r\n margin-bottom: 16px;\r\n letter-spacing: -0.02em;\r\n}\r\n\r\n.success-body {\r\n font-size: 16px;\r\n line-height: 1.8;\r\n color: var(--text);\r\n max-width: 460px;\r\n margin: 0 auto 28px;\r\n}\r\n\r\n.success-alert {\r\n max-width: 400px;\r\n margin: 0 auto 28px;\r\n padding: 12px 18px;\r\n background: #fff8e8;\r\n border: 1px solid #e6c96a;\r\n border-radius: 6px;\r\n font-size: 13px;\r\n color: #7a5c10;\r\n line-height: 1.6;\r\n}\r\n\r\n.btn-restart {\r\n background: transparent;\r\n border: 1.5px solid var(--navy);\r\n color: var(--navy);\r\n padding: 10px 24px;\r\n border-radius: 6px;\r\n font-family: 'Source Sans 3', sans-serif;\r\n font-size: 14px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: background 0.15s;\r\n}\r\n\r\n.btn-restart:hover { background: #f0f3f8; }\r\n\r\n\/* \u2500\u2500 Section indicator \u2500\u2500 *\/\r\n.step-indicator {\r\n font-size: 12px;\r\n color: var(--muted);\r\n font-weight: 500;\r\n}\r\n\r\n\/* \u2500\u2500 Footer \u2500\u2500 *\/\r\nfooter {\r\n text-align: center;\r\n padding: 20px;\r\n font-size: 12px;\r\n color: #aaa;\r\n border-top: 1px solid var(--border);\r\n background: var(--white);\r\n margin-top: auto;\r\n}\r\n\r\nfooter a { color: var(--navy); text-decoration: none; font-weight: 500; }\r\n\r\n@media (max-width: 580px) {\r\n .cover-card { padding: 28px 22px; }\r\n .cover-title { font-size: 24px; }\r\n .page-wrap { padding: 28px 14px 60px; }\r\n .q-card, .info-card { padding: 18px; }\r\n .success-screen { padding: 36px 22px; }\r\n .org-tagline { display: none; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"topbar\">\r\n <div class=\"org-seal\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\r\n <\/div>\r\n <span class=\"org-name\">Rising for Justice<\/span>\r\n <span class=\"org-tagline\">Free Legal Services \u00b7 DC<\/span>\r\n<\/div>\r\n<div class=\"progress-bar-wrap\"><div class=\"progress-bar-fill\" id=\"progressFill\"><\/div><\/div>\r\n\r\n<div class=\"page-wrap\">\r\n\r\n <!-- Cover -->\r\n <div class=\"cover-card\" id=\"coverCard\">\r\n <div class=\"cover-eyebrow\">Online Help Request<\/div>\r\n <div class=\"cover-title\">Request Help from<br>Rising for Justice<\/div>\r\n <div class=\"cover-desc\">\r\n <p>Rising for Justice provides free legal services to eligible DC residents.<\/p>\r\n <p>Submitting this form does not create an attorney-client relationship. Our staff will review your request and may contact you within two business days.<\/p>\r\n <\/div>\r\n <div class=\"cover-alert\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\r\n <span>If you have a court date within the next 7 days, please call our office directly.<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <form id=\"rfjForm\" novalidate>\r\n\r\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SECTION 1 \u2014 Eligibility Screening\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n <div id=\"sec1\" class=\"form-section\">\r\n <div class=\"section-header\">\r\n <div class=\"section-num\">1<\/div>\r\n <div class=\"section-title\">Eligibility Screening<\/div>\r\n <\/div>\r\n\r\n <!-- Q1: DC resident? -->\r\n <div class=\"q-card\" id=\"q-dc\">\r\n <div class=\"q-label\">Do you live in Washington, DC? <span class=\"req\">*<\/span><\/div>\r\n <div class=\"opts\">\r\n <label class=\"opt\"><input type=\"radio\" name=\"dc_resident\" value=\"Yes\"><span class=\"opt-label\">Yes<\/span><\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"dc_resident\" value=\"No\"><span class=\"opt-label\">No<\/span><\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"dc_resident\" value=\"Maryland\"><span class=\"opt-label\">I live in Maryland<\/span><\/label>\r\n <\/div>\r\n <div class=\"err-msg\" id=\"err-dc\">Please select an option.<\/div>\r\n <\/div>\r\n\r\n <!-- Q2: Type of help (shown conditionally) -->\r\n <div id=\"q-type\" class=\"q-card rfj-hidden\">\r\n <div class=\"q-label\">What type of legal help do you need? <span class=\"req\">*<\/span><\/div>\r\n <div class=\"opts\">\r\n <label class=\"opt\"><input type=\"radio\" name=\"help_type\" value=\"Housing\"><span class=\"opt-label\">Housing or eviction issue<\/span><\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"help_type\" value=\"Record Sealing\"><span class=\"opt-label\">Sealing or expunging a criminal record<\/span><\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"help_type\" value=\"Civil Protection Order\"><span class=\"opt-label\">Civil Protection Order case (Respondent)<\/span><\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"help_type\" value=\"Something Else\"><span class=\"opt-label\">Something else<\/span><\/label>\r\n <\/div>\r\n <div class=\"err-msg\" id=\"err-type\">Please select an option.<\/div>\r\n <\/div>\r\n\r\n <div class=\"nav-row\">\r\n <span class=\"step-indicator\">Section 1 of 6<\/span>\r\n <button type=\"button\" class=\"btn-next\" onclick=\"submitSec1()\">\r\n Continue\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SECTION 2 \u2014 Housing Intake\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n <div id=\"sec2\" class=\"form-section rfj-hidden\">\r\n <div class=\"section-header\">\r\n <div class=\"section-num\">2<\/div>\r\n <div class=\"section-title\">Housing Intake<\/div>\r\n <\/div>\r\n\r\n <div class=\"q-card\">\r\n <div class=\"q-label\">Do you currently have a housing court case? <span class=\"req\">*<\/span><\/div>\r\n <div class=\"opts\">\r\n <label class=\"opt\"><input type=\"radio\" name=\"housing_case\" value=\"Yes\"><span class=\"opt-label\">Yes<\/span><\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"housing_case\" value=\"No\"><span class=\"opt-label\">No<\/span><\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"housing_case\" value=\"Not Sure\"><span class=\"opt-label\">Not sure<\/span><\/label>\r\n <\/div>\r\n <div class=\"err-msg\" id=\"err-housing-case\">Please select an option.<\/div>\r\n <\/div>\r\n\r\n <div class=\"q-card\">\r\n <div class=\"q-label\">Do you have a court date scheduled? <span class=\"req\">*<\/span><\/div>\r\n <div class=\"opts\">\r\n <label class=\"opt\"><input type=\"radio\" name=\"housing_date\" value=\"Yes\" onchange=\"document.getElementById('housing-date-field').classList.remove('rfj-hidden')\"><span class=\"opt-label\">Yes<\/span><\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"housing_date\" value=\"No\" onchange=\"document.getElementById('housing-date-field').classList.add('rfj-hidden')\"><span class=\"opt-label\">No<\/span><\/label>\r\n <\/div>\r\n <div class=\"err-msg\" id=\"err-housing-date\">Please select an option.<\/div>\r\n <\/div>\r\n\r\n <div class=\"q-card rfj-hidden\" id=\"housing-date-field\">\r\n <div class=\"q-label\">What is your court date?<\/div>\r\n <div class=\"question-hint\" style=\"font-size:12px;color:#6b6b6b;margin-bottom:12px;\">If your court date is within 7 days, please also call our office directly.<\/div>\r\n <input type=\"date\" name=\"housing_actual_date\">\r\n <\/div>\r\n\r\n <div class=\"q-card\">\r\n <div class=\"q-label\">What housing issue are you facing? <span class=\"req\">*<\/span><\/div>\r\n <div class=\"opts\">\r\n <label class=\"opt\"><input type=\"radio\" name=\"housing_issue\" value=\"Eviction\"><span class=\"opt-label\">Eviction case<\/span><\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"housing_issue\" value=\"Rent Owed\"><span class=\"opt-label\">Rent owed<\/span><\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"housing_issue\" value=\"Housing Conditions\"><span class=\"opt-label\">Housing conditions<\/span><\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"housing_issue\" value=\"Illegal Lockout\"><span class=\"opt-label\">Illegal lockout<\/span><\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"housing_issue\" value=\"Voucher or Subsidy\"><span class=\"opt-label\">Voucher or subsidy issue<\/span><\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"housing_issue\" value=\"Other\"><span class=\"opt-label\">Other<\/span><\/label>\r\n <\/div>\r\n <div class=\"err-msg\" id=\"err-housing-issue\">Please select an option.<\/div>\r\n <\/div>\r\n\r\n <div class=\"q-card\">\r\n <div class=\"q-label\">What is your zip code?<\/div>\r\n <input type=\"text\" name=\"housing_zip\" placeholder=\"e.g. 20001\" maxlength=\"10\">\r\n <\/div>\r\n\r\n <div class=\"nav-row\">\r\n <button type=\"button\" class=\"btn-back\" onclick=\"goBack(2)\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg>\r\n Back\r\n <\/button>\r\n <button type=\"button\" class=\"btn-next\" onclick=\"submitSec2()\">\r\n Continue\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SECTION 3 \u2014 Record Sealing Intake\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n <div id=\"sec3\" class=\"form-section rfj-hidden\">\r\n <div class=\"section-header\">\r\n <div class=\"section-num\">3<\/div>\r\n <div class=\"section-title\">Record Sealing Intake<\/div>\r\n <\/div>\r\n\r\n <div class=\"q-card\">\r\n <div class=\"q-label\">Was your case in Washington, DC? <span class=\"req\">*<\/span><\/div>\r\n <div class=\"opts\">\r\n <label class=\"opt\"><input type=\"radio\" name=\"sealing_dc\" value=\"Yes\"><span class=\"opt-label\">Yes<\/span><\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"sealing_dc\" value=\"No\"><span class=\"opt-label\">No<\/span><\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"sealing_dc\" value=\"Not Sure\"><span class=\"opt-label\">Not sure<\/span><\/label>\r\n <\/div>\r\n <div class=\"err-msg\" id=\"err-sealing-dc\">Please select an option.<\/div>\r\n <\/div>\r\n\r\n <div class=\"q-card\">\r\n <div class=\"q-label\">What happened in the case? <span class=\"req\">*<\/span><\/div>\r\n <div class=\"opts\">\r\n <label class=\"opt\"><input type=\"radio\" name=\"sealing_outcome\" value=\"Charges Dismissed\"><span class=\"opt-label\">Charges dismissed<\/span><\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"sealing_outcome\" value=\"Not Guilty\"><span class=\"opt-label\">Found not guilty<\/span><\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"sealing_outcome\" value=\"Completed Probation\"><span class=\"opt-label\">Completed probation<\/span><\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"sealing_outcome\" value=\"Unsure\"><span class=\"opt-label\">Unsure<\/span><\/label>\r\n <\/div>\r\n <div class=\"err-msg\" id=\"err-sealing-outcome\">Please select an option.<\/div>\r\n <\/div>\r\n\r\n <div class=\"q-card\">\r\n <div class=\"q-label\">Approximate year of the case<\/div>\r\n <input type=\"text\" name=\"sealing_year\" placeholder=\"e.g. 2018\" maxlength=\"4\">\r\n <\/div>\r\n\r\n <div class=\"q-card\">\r\n <div class=\"q-label\">Do you currently have any open criminal cases? <span class=\"req\">*<\/span><\/div>\r\n <div class=\"opts\">\r\n <label class=\"opt\"><input type=\"radio\" name=\"open_cases\" value=\"Yes\"><span class=\"opt-label\">Yes<\/span><\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"open_cases\" value=\"No\"><span class=\"opt-label\">No<\/span><\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"open_cases\" value=\"Not Sure\"><span class=\"opt-label\">Not sure<\/span><\/label>\r\n <\/div>\r\n <div class=\"err-msg\" id=\"err-open-cases\">Please select an option.<\/div>\r\n <\/div>\r\n\r\n <div class=\"nav-row\">\r\n <button type=\"button\" class=\"btn-back\" onclick=\"goBack(3)\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg>\r\n Back\r\n <\/button>\r\n <button type=\"button\" class=\"btn-next\" onclick=\"submitSec3()\">\r\n Continue\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SECTION 4 \u2014 CPO Respondent\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n <div id=\"sec4\" class=\"form-section rfj-hidden\">\r\n <div class=\"section-header\">\r\n <div class=\"section-num\">4<\/div>\r\n <div class=\"section-title\">Civil Protection Order \u2014 Respondent<\/div>\r\n <\/div>\r\n\r\n <div class=\"q-card\">\r\n <div class=\"q-label\">Have you been served with a Civil Protection Order petition? <span class=\"req\">*<\/span><\/div>\r\n <div class=\"opts\">\r\n <label class=\"opt\"><input type=\"radio\" name=\"cpo_served\" value=\"Yes\"><span class=\"opt-label\">Yes<\/span><\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"cpo_served\" value=\"No\"><span class=\"opt-label\">No<\/span><\/label>\r\n <\/div>\r\n <div class=\"err-msg\" id=\"err-cpo-served\">Please select an option.<\/div>\r\n <\/div>\r\n\r\n <div class=\"q-card\">\r\n <div class=\"q-label\">Do you have a court date? <span class=\"req\">*<\/span><\/div>\r\n <div class=\"opts\">\r\n <label class=\"opt\"><input type=\"radio\" name=\"cpo_date\" value=\"Yes\"><span class=\"opt-label\">Yes<\/span><\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"cpo_date\" value=\"No\"><span class=\"opt-label\">No<\/span><\/label>\r\n <\/div>\r\n <div class=\"err-msg\" id=\"err-cpo-date\">Please select an option.<\/div>\r\n <\/div>\r\n\r\n <div class=\"q-card\">\r\n <div class=\"q-label\">Court date<\/div>\r\n <input type=\"date\" name=\"cpo_court_date\">\r\n <\/div>\r\n\r\n <div class=\"q-card\">\r\n <div class=\"q-label\">Brief description of the situation<\/div>\r\n <textarea name=\"cpo_description\" placeholder=\"Please briefly describe the situation, including any relevant context that might help our team review your request.\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"nav-row\">\r\n <button type=\"button\" class=\"btn-back\" onclick=\"goBack(4)\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg>\r\n Back\r\n <\/button>\r\n <button type=\"button\" class=\"btn-next\" onclick=\"goToSec5()\">\r\n Continue\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SECTION 5 \u2014 Contact Information\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n <div id=\"sec5\" class=\"form-section rfj-hidden\">\r\n <div class=\"section-header\">\r\n <div class=\"section-num\">5<\/div>\r\n <div class=\"section-title\">Contact Information<\/div>\r\n <\/div>\r\n\r\n <div class=\"q-card\" id=\"q-name\">\r\n <div class=\"q-label\">Full Name <span class=\"req\">*<\/span><\/div>\r\n <input type=\"text\" name=\"full_name\" placeholder=\"First and last name\" required>\r\n <div class=\"err-msg\" id=\"err-name\">Please enter your full name.<\/div>\r\n <\/div>\r\n\r\n <div class=\"q-card\">\r\n <div class=\"q-label\">Preferred Contact Method <span class=\"req\">*<\/span><\/div>\r\n <div class=\"opts\">\r\n <label class=\"opt\"><input type=\"radio\" name=\"contact_pref\" value=\"Phone\" onchange=\"updateContactFields()\"><span class=\"opt-label\">Phone<\/span><\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"contact_pref\" value=\"Email\" onchange=\"updateContactFields()\"><span class=\"opt-label\">Email<\/span><\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"contact_pref\" value=\"Either\" onchange=\"updateContactFields()\"><span class=\"opt-label\">Either<\/span><\/label>\r\n <\/div>\r\n <div class=\"err-msg\" id=\"err-contact-pref\">Please select a contact preference.<\/div>\r\n <\/div>\r\n\r\n <div class=\"q-card\" id=\"q-phone\">\r\n <div class=\"q-label\">Phone Number <span class=\"req\" id=\"phone-req\" style=\"display:none\">*<\/span><\/div>\r\n <input type=\"tel\" name=\"phone\" placeholder=\"(202) 555-0100\">\r\n <div class=\"err-msg\" id=\"err-phone\">Please enter a phone number.<\/div>\r\n <\/div>\r\n\r\n <div class=\"q-card\" id=\"q-email\">\r\n <div class=\"q-label\">Email Address <span class=\"req\" id=\"email-req\" style=\"display:none\">*<\/span><\/div>\r\n <input type=\"email\" name=\"email\" placeholder=\"you@example.com\">\r\n <div class=\"err-msg\" id=\"err-email\">Please enter a valid email address.<\/div>\r\n <\/div>\r\n\r\n <div class=\"q-card\">\r\n <div class=\"q-label\">Best Time to Contact You <span class=\"req\">*<\/span><\/div>\r\n <div class=\"opts\">\r\n <label class=\"opt\"><input type=\"radio\" name=\"contact_time\" value=\"Morning\"><span class=\"opt-label\">Morning<\/span><\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"contact_time\" value=\"Afternoon\"><span class=\"opt-label\">Afternoon<\/span><\/label>\r\n <label class=\"opt\"><input type=\"radio\" name=\"contact_time\" value=\"Evening\"><span class=\"opt-label\">Evening<\/span><\/label>\r\n <\/div>\r\n <div class=\"err-msg\" id=\"err-contact-time\">Please select a time.<\/div>\r\n <\/div>\r\n\r\n <div class=\"nav-row\">\r\n <button type=\"button\" class=\"btn-back\" onclick=\"goBack(5)\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg>\r\n Back\r\n <\/button>\r\n <button type=\"button\" class=\"btn-next\" onclick=\"submitSec5()\">\r\n Continue\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SECTION 6 \u2014 Issue Description\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n <div id=\"sec6\" class=\"form-section rfj-hidden\">\r\n <div class=\"section-header\">\r\n <div class=\"section-num\">6<\/div>\r\n <div class=\"section-title\">Issue Description<\/div>\r\n <\/div>\r\n\r\n <div class=\"q-card\" id=\"q-issue-desc\">\r\n <div class=\"q-label\">Please briefly describe your legal issue <span class=\"req\">*<\/span><\/div>\r\n <textarea name=\"issue_description\" placeholder=\"Describe your situation in as much detail as you're comfortable sharing. This helps our team understand your needs before we contact you.\" required><\/textarea>\r\n <div class=\"err-msg\" id=\"err-issue-desc\">Please describe your legal issue.<\/div>\r\n <\/div>\r\n\r\n <div class=\"nav-row\">\r\n <button type=\"button\" class=\"btn-back\" onclick=\"goBack(6)\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg>\r\n Back\r\n <\/button>\r\n <button type=\"button\" class=\"btn-submit\" onclick=\"submitForm()\">\r\n Submit Request\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n OUTSIDE SERVICE AREA\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n <div id=\"sec-outside\" class=\"form-section rfj-hidden\">\r\n <div class=\"section-header\">\r\n <div class=\"section-num\" style=\"background:#888\">!<\/div>\r\n <div class=\"section-title\">Outside Our Service Area<\/div>\r\n <\/div>\r\n <div class=\"info-card warning\">\r\n <div class=\"info-card-title\">We May Not Be Able to Help<\/div>\r\n <div class=\"info-card-body\">\r\n <p>Rising for Justice primarily serves DC residents and focuses on housing, record sealing, and Civil Protection Order respondent representation.<\/p>\r\n <p>You may wish to contact:<\/p>\r\n <p>\u2022 <a href=\"https:\/\/www.dcbar.org\/pro-bono\" target=\"_blank\">DC Bar Pro Bono Center<\/a><\/p>\r\n <p>\u2022 <a href=\"https:\/\/www.legalaiddc.org\" target=\"_blank\">Legal Aid DC<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"nav-row\">\r\n <button type=\"button\" class=\"btn-back\" onclick=\"goBack('outside')\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg>\r\n Go Back\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n MARYLAND \u2014 Record Sealing Only\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n <div id=\"sec-maryland\" class=\"form-section rfj-hidden\">\r\n <div class=\"section-header\">\r\n <div class=\"section-num\" style=\"background:#5b7fa6\">M<\/div>\r\n <div class=\"section-title\">Maryland Resident<\/div>\r\n <\/div>\r\n <div class=\"info-card\">\r\n <div class=\"info-card-title\">Limited Services Available<\/div>\r\n <div class=\"info-card-body\">\r\n <p>Rising for Justice primarily serves Washington, DC residents. However, Maryland residents may be eligible for <strong>record sealing assistance only<\/strong>.<\/p>\r\n <p>Please continue to tell us about your record sealing need, and our team will let you know if we can help.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"nav-row\">\r\n <button type=\"button\" class=\"btn-back\" onclick=\"goBack('maryland')\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg>\r\n Back\r\n <\/button>\r\n <button type=\"button\" class=\"btn-next\" onclick=\"show('sec3'); hide('sec-maryland'); setProgress(43);\">\r\n Continue to Record Sealing\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Honeypot spam protection - hidden from real users -->\r\n <div class=\"rfj-honeypot\" aria-hidden=\"true\">\r\n <label for=\"rfj_website\">Leave this field blank<\/label>\r\n <input type=\"text\" id=\"rfj_website\" name=\"rfj_website\" tabindex=\"-1\" autocomplete=\"off\">\r\n <\/div>\r\n\r\n <\/form>\r\n\r\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SUCCESS SCREEN\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n <div class=\"success-screen rfj-hidden\" id=\"successScreen\">\r\n <div class=\"success-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n <\/div>\r\n <div class=\"success-title\">Thank You for Contacting Rising for Justice<\/div>\r\n <div class=\"success-body\">\r\n Our staff will review your request. If we believe we may be able to assist, someone from our office may contact you within two business days.\r\n <\/div>\r\n <div class=\"success-alert\">\r\n \u26a0\ufe0f If your court date is within seven days, please call our office directly.\r\n <\/div>\r\n <div style=\"font-size:14px;font-weight:600;color:var(--navy);margin-bottom:10px;padding:10px 20px;background:#f0f3f8;border-radius:6px;display:inline-block;\">Redirecting to our website in <span id=\"countdown\" style=\"color:var(--gold);font-size:18px;\">20<\/span> seconds\u2026<\/div>\r\n <a href=\"https:\/\/www.risingforjustice.org\" class=\"btn-restart\" style=\"display:inline-block;text-decoration:none;\">Return to Rising for Justice \u2192<\/a>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<footer>\r\n \u00a9 Rising for Justice  \u00b7  <a href=\"#\">Privacy Policy<\/a>  \u00b7  <a href=\"#\">Contact Us<\/a>\r\n<\/footer>\r\n\r\n<script>\r\n \/\/ Track which sections are in the \"back\" history\r\n let history = [];\r\n let currentSection = 'sec1';\r\n\r\n function show(id) { const el = document.getElementById(id); if(el){ el.classList.remove('rfj-hidden'); el.style.removeProperty('display'); } }\r\n function hide(id) { const el = document.getElementById(id); if(el){ el.classList.add('rfj-hidden'); } }\r\n\r\n function setProgress(pct) {\r\n document.getElementById('progressFill').style.width = pct + '%';\r\n }\r\n\r\n function goTo(nextId, pct) {\r\n hide(currentSection);\r\n history.push(currentSection);\r\n currentSection = nextId;\r\n show(nextId);\r\n setProgress(pct);\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n }\r\n\r\n function goBack(fromSec) {\r\n hide(currentSection);\r\n const prev = history.pop();\r\n currentSection = prev;\r\n show(prev);\r\n \/\/ Recalculate progress based on section\r\n const progMap = { sec1: 14, sec2: 28, sec3: 43, sec4: 57, sec5: 71, sec6: 86, 'sec-outside': 14, 'sec-maryland': 28 };\r\n setProgress(progMap[prev] || 14);\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n }\r\n\r\n function requireRadio(name, errId) {\r\n const checked = document.querySelector(`input[name=\"${name}\"]:checked`);\r\n const errEl = document.getElementById(errId);\r\n if (!checked) { errEl.style.display = 'block'; return false; }\r\n errEl.style.display = 'none';\r\n return true;\r\n }\r\n\r\n \/\/ \u2500\u2500 Section 1 submit \u2500\u2500\r\n function submitSec1() {\r\n const dcVal = document.querySelector('input[name=\"dc_resident\"]:checked');\r\n const errDc = document.getElementById('err-dc');\r\n\r\n if (!dcVal) { errDc.style.display = 'block'; return; }\r\n errDc.style.display = 'none';\r\n\r\n \/\/ Branch on DC residency\r\n if (dcVal.value === 'No') {\r\n goTo('sec-outside', 14);\r\n return;\r\n }\r\n\r\n if (dcVal.value === 'Maryland') {\r\n goTo('sec-maryland', 14);\r\n return;\r\n }\r\n\r\n \/\/ DC = yes \u2014 show help type question\r\n show('q-type');\r\n\r\n const typeVal = document.querySelector('input[name=\"help_type\"]:checked');\r\n const errType = document.getElementById('err-type');\r\n\r\n if (!typeVal) {\r\n errType.style.display = 'block';\r\n return;\r\n }\r\n errType.style.display = 'none';\r\n\r\n if (typeVal.value === 'Housing') { goTo('sec2', 28); return; }\r\n if (typeVal.value === 'Record Sealing') { goTo('sec3', 43); return; }\r\n if (typeVal.value === 'Civil Protection Order') { goTo('sec4', 57); return; }\r\n if (typeVal.value === 'Something Else') { goTo('sec-outside', 14); return; }\r\n }\r\n\r\n \/\/ Show help_type question once DC = yes is selected\r\n document.querySelectorAll('input[name=\"dc_resident\"]').forEach(r => {\r\n r.addEventListener('change', () => {\r\n if (r.value === 'Yes') show('q-type');\r\n else hide('q-type');\r\n });\r\n });\r\n\r\n \/\/ \u2500\u2500 Section 2 submit \u2500\u2500\r\n function submitSec2() {\r\n let valid = true;\r\n if (!requireRadio('housing_case', 'err-housing-case')) valid = false;\r\n if (!requireRadio('housing_date', 'err-housing-date')) valid = false;\r\n if (!requireRadio('housing_issue', 'err-housing-issue')) valid = false;\r\n if (valid) goTo('sec5', 71);\r\n }\r\n\r\n \/\/ \u2500\u2500 Section 3 submit \u2500\u2500\r\n function submitSec3() {\r\n let valid = true;\r\n if (!requireRadio('sealing_dc', 'err-sealing-dc')) valid = false;\r\n if (!requireRadio('sealing_outcome', 'err-sealing-outcome')) valid = false;\r\n if (!requireRadio('open_cases', 'err-open-cases')) valid = false;\r\n if (valid) goTo('sec5', 71);\r\n }\r\n\r\n \/\/ \u2500\u2500 Section 4 \u2192 sec5 \u2500\u2500\r\n function goToSec5() {\r\n let valid = true;\r\n if (!requireRadio('cpo_served', 'err-cpo-served')) valid = false;\r\n if (!requireRadio('cpo_date', 'err-cpo-date')) valid = false;\r\n if (valid) goTo('sec5', 71);\r\n }\r\n\r\n \/\/ \u2500\u2500 Section 5 submit \u2500\u2500\r\n function submitSec5() {\r\n let valid = true;\r\n const nameEl = document.querySelector('input[name=\"full_name\"]');\r\n const nameCard = document.getElementById('q-name');\r\n const errName = document.getElementById('err-name');\r\n if (!nameEl.value.trim()) {\r\n errName.style.display = 'block';\r\n nameCard.classList.add('has-error');\r\n valid = false;\r\n } else {\r\n errName.style.display = 'none';\r\n nameCard.classList.remove('has-error');\r\n }\r\n const phoneEl = document.querySelector('input[name=\"phone\"]');\r\n const phoneCard = document.getElementById('q-phone');\r\n const errPhone = document.getElementById('err-phone');\r\n const emailEl = document.querySelector('input[name=\"email\"]');\r\n const emailCard = document.getElementById('q-email');\r\n const errEmail = document.getElementById('err-email');\r\n const prefEl = document.querySelector('input[name=\"contact_pref\"]:checked');\r\n const prefVal = prefEl ? prefEl.value : '';\r\n const needPhone = prefVal === 'Phone' || prefVal === 'Either';\r\n const needEmail = prefVal === 'Email' || prefVal === 'Either';\r\n if (needPhone && !phoneEl.value.trim()) {\r\n errPhone.style.display = 'block';\r\n phoneCard.classList.add('has-error');\r\n valid = false;\r\n } else {\r\n errPhone.style.display = 'none';\r\n phoneCard.classList.remove('has-error');\r\n }\r\n if (needEmail && (!emailEl.value.trim() || !emailEl.value.includes('@'))) {\r\n errEmail.style.display = 'block';\r\n emailCard.classList.add('has-error');\r\n valid = false;\r\n } else {\r\n errEmail.style.display = 'none';\r\n emailCard.classList.remove('has-error');\r\n }\r\n if (!requireRadio('contact_pref', 'err-contact-pref')) valid = false;\r\n if (!requireRadio('contact_time', 'err-contact-time')) valid = false;\r\n if (valid) goTo('sec6', 86);\r\n }\r\n\r\n \/\/ \u2500\u2500 MAKE WEBHOOK URL \u2500\u2500\r\n \/\/ Paste your Make webhook URL here once you have it:\r\n const MAKE_WEBHOOK_URL = 'https:\/\/hook.us2.make.com\/xr54v1akq6we1be41gklu41amuhy89ey';\r\n\r\n \/\/ \u2500\u2500 Collect all form data into one object \u2500\u2500\r\n function collectFormData() {\r\n const val = name => { const el = document.querySelector(`[name=\"${name}\"]`); return el ? el.value : ''; };\r\n const radio = name => { const el = document.querySelector(`input[name=\"${name}\"]:checked`); return el ? el.value : ''; };\r\n return {\r\n submission_date: new Date().toISOString(),\r\n \/\/ Eligibility\r\n dc_resident: radio('dc_resident'),\r\n help_type: radio('help_type'),\r\n routed_to: routedTo(),\r\n \/\/ Housing\r\n housing_court_case: radio('housing_case'),\r\n housing_court_date: radio('housing_date'),\r\n housing_actual_date: val('housing_actual_date'),\r\n housing_issue_type: radio('housing_issue'),\r\n housing_zip_code: val('housing_zip'),\r\n \/\/ Record sealing\r\n sealing_case_in_dc: radio('sealing_dc'),\r\n sealing_case_outcome: radio('sealing_outcome'),\r\n sealing_case_year: val('sealing_year'),\r\n open_criminal_cases: radio('open_cases'),\r\n \/\/ CPO\r\n cpo_served: radio('cpo_served'),\r\n cpo_court_date_exists: radio('cpo_date'),\r\n cpo_court_date: val('cpo_court_date'),\r\n cpo_description: val('cpo_description'),\r\n \/\/ Contact\r\n full_name: val('full_name'),\r\n phone_number: val('phone'),\r\n email_address: val('email'),\r\n preferred_contact: radio('contact_pref'),\r\n best_time_to_contact: radio('contact_time'),\r\n \/\/ Issue\r\n issue_description: val('issue_description'),\r\n };\r\n }\r\n\r\n \/\/ Derive the routed_to value from form state\r\n function routedTo() {\r\n const dc = document.querySelector('input[name=\"dc_resident\"]:checked');\r\n const type = document.querySelector('input[name=\"help_type\"]:checked');\r\n if (!dc) return '';\r\n if (dc.value === 'No') return 'Outside Service Area';\r\n if (dc.value === 'Maryland') return 'Maryland-Sealing Only';\r\n if (!type) return '';\r\n const map = { 'Housing': 'Housing', 'Record Sealing': 'Record Sealing', 'Civil Protection Order': 'Civil Protection Order', 'Something Else': 'Outside Service Area' };\r\n return map[type.value] || '';\r\n }\r\n\r\n \/\/ \u2500\u2500 Final submit \u2500\u2500\r\n async function submitForm() {\r\n \/\/ Honeypot check \u2014 if filled, silently reject (bot detected)\r\n const honeypot = document.getElementById('rfj_website');\r\n if (honeypot && honeypot.value) {\r\n \/\/ Fake success to fool the bot\r\n hide('sec6');\r\n hide('coverCard');\r\n document.getElementById('successScreen').classList.remove('rfj-hidden');\r\n setProgress(100);\r\n return;\r\n }\r\n\r\n const issueEl = document.querySelector('textarea[name=\"issue_description\"]');\r\n const issueCard = document.getElementById('q-issue-desc');\r\n const errIssue = document.getElementById('err-issue-desc');\r\n\r\n if (!issueEl.value.trim()) {\r\n errIssue.style.display = 'block';\r\n issueCard.classList.add('has-error');\r\n return;\r\n }\r\n errIssue.style.display = 'none';\r\n issueCard.classList.remove('has-error');\r\n\r\n \/\/ Show success screen immediately \u2014 don't make user wait for webhook\r\n hide('sec6');\r\n hide('coverCard');\r\n document.getElementById('successScreen').classList.remove('rfj-hidden');\r\n setProgress(100);\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n\r\n \/\/ Send via hidden iframe POST - bypasses CORS completely\r\n try {\r\n const formData = collectFormData();\r\n let iframe = document.getElementById('rfj_post_iframe');\r\n if (!iframe) {\r\n iframe = document.createElement('iframe');\r\n iframe.name = 'rfj_post_iframe';\r\n iframe.id = 'rfj_post_iframe';\r\n iframe.style.display = 'none';\r\n document.body.appendChild(iframe);\r\n }\r\n const postForm = document.createElement('form');\r\n postForm.method = 'POST';\r\n postForm.action = MAKE_WEBHOOK_URL;\r\n postForm.target = 'rfj_post_iframe';\r\n postForm.style.display = 'none';\r\n Object.entries(formData).forEach(([key, value]) => {\r\n const input = document.createElement('input');\r\n input.type = 'hidden';\r\n input.name = key;\r\n input.value = value || '';\r\n postForm.appendChild(input);\r\n });\r\n document.body.appendChild(postForm);\r\n postForm.submit();\r\n setTimeout(() => { if (postForm.parentNode) document.body.removeChild(postForm); }, 3000);\r\n } catch (err) {\r\n console.error('Webhook error:', err);\r\n }\r\n\r\n \/\/ Countdown redirect\r\n let secs = 20;\r\n const tick = setInterval(() => {\r\n secs--;\r\n const el = document.getElementById('countdown');\r\n if (el) el.textContent = secs;\r\n if (secs <= 0) { clearInterval(tick); window.location.href = 'https:\/\/www.risingforjustice.org'; }\r\n }, 1000);\r\n }\r\n\r\n function restartForm() {\r\n document.getElementById('rfjForm').reset();\r\n document.getElementById('successScreen').classList.add('rfj-hidden');\r\n hide('q-type');\r\n ['sec2','sec3','sec4','sec5','sec6','sec-outside','sec-maryland'].forEach(hide);\r\n show('sec1');\r\n show('coverCard');\r\n currentSection = 'sec1';\r\n history = [];\r\n setProgress(14);\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n }\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Request Help \u2014 Rising for Justice Rising for Justice Free Legal Services \u00b7 DC Online Help Request Request Help fromRising for Justice Rising for Justice provides free legal services to […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"give_campaign_id":0,"footnotes":""},"class_list":["post-18021","page","type-page","status-publish","hentry"],"campaignId":"","_links":{"self":[{"href":"https:\/\/softwebexpert.in\/risingforjustice\/wp-json\/wp\/v2\/pages\/18021","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/softwebexpert.in\/risingforjustice\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/softwebexpert.in\/risingforjustice\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/softwebexpert.in\/risingforjustice\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/softwebexpert.in\/risingforjustice\/wp-json\/wp\/v2\/comments?post=18021"}],"version-history":[{"count":16,"href":"https:\/\/softwebexpert.in\/risingforjustice\/wp-json\/wp\/v2\/pages\/18021\/revisions"}],"predecessor-version":[{"id":18205,"href":"https:\/\/softwebexpert.in\/risingforjustice\/wp-json\/wp\/v2\/pages\/18021\/revisions\/18205"}],"wp:attachment":[{"href":"https:\/\/softwebexpert.in\/risingforjustice\/wp-json\/wp\/v2\/media?parent=18021"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}