PageSourceSearch

https://modulemd.com/modulemd-pricing-packages/

html modulemd.com collected 2026-10-01 14:36:05 UTC 101,489 bytes, 2,158 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0">
6<meta name="robots" content="noindex, nofollow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
7<title>ModuleMD Pricing – Choose the Right Plan for Your Practice</title>
8<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Serif+Display:ital@0;1&display=swap" rel="stylesheet">
9<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&amp;display=swap" rel="stylesheet">
10
11<link rel="stylesheet" href="/wp-content/themes/newsite/assets/css/total-styles.css">	
12<style>
13  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
14
15  :root {
16    --navy: #0a1628;
17    --navy-mid: #162040;
18    --blue: #1a56db;
19    --blue-light: #3b82f6;
20    --teal: #0ea5c9;
21    --teal-light: #e0f7fc;
22    --accent: #f59e0b;
23    --green: #10b981;
24    --red: #ef4444;
25    --gray-50: #f9fafb;
26    --gray-100: #f3f4f6;
27    --gray-200: #e5e7eb;
28    --gray-300: #d1d5db;
29    --gray-400: #9ca3af;
30    --gray-500: #6b7280;
31    --gray-700: #374151;
32    --gray-900: #111827;
33    --white: #ffffff;
34    --card-shadow: 0 4px 24px rgba(10,22,40,0.10);
35    --featured-shadow: 0 8px 40px rgba(26,86,219,0.18);
36    --mmd-maroon: #B5282E;
37    --mmd-maroon-light: #c5363d;
38    --mmd-maroon-100: #fff4f4;
39    --mmd-blue: #1B1D4D;
40    --teal: #00b4d8;
41    --teal-light: #90e0ef;
42    --gold: #c9a84c;
43    --gold-light: #f0d080;
44    --navy: #0f1e38;
45    --navy-mid: #1a3057;
46    --text-muted: #8899aa;
47    
48    --cream: #faf7f2;
49    --muted: #8a9bb5;
50    --text: #1e2d45;
51    --border: #d5dce8;
52    --soft-bg: #f0f4fb;
53    --check-bg: #eaf5ee;
54    --check-color: #2e7d5b;
55    --software-bg: #fef8ec;
56    --software-color: #946d10;
57  }
58
59  body {
60    font-family:'Poppins', 'DM Sans', sans-serif;
61    background: var(--white);
62    color: var(--gray-900);
63    line-height: 1.6;
64    -webkit-font-smoothing: antialiased;
65  }
66
67  /* ===== HEADER ===== */
68  header {
69    background: var(--white);
70    padding: 0 40px;
71    display: flex;
72    align-items: center;
73    justify-content: space-between;
74    height: 64px;
75    position: sticky;
76    top: 0;
77    z-index: 100;
78    box-shadow: 0 2px 12px rgba(0,0,0,0.18);
79  }
80  .logo {
81    display: flex;
82    align-items: center;
83    gap: 10px;
84    text-decoration: none;
85  }
86  .logo-icon {
87    width: 32px; height: 32px;
88    background: linear-gradient(135deg, var(--teal), var(--blue));
89    border-radius: 8px;
90    display: flex; align-items: center; justify-content: center;
91  }
92  .logo-icon svg { width: 18px; height: 18px; fill: white; }
93  .logo-text { font-size: 1.2rem; font-weight: 700; color: white; letter-spacing: -0.3px; }
94  .logo-text span { color: var(--teal); }
95  nav { display: flex; gap: 24px; align-items: center; }
96  nav a { color: rgba(255,255,255,0.75); text-decoration: none; font-size: 0.9rem; font-weight: 500; transition: color 0.2s; }
97  nav a:hover, nav a.active { color: white; }
98  .btn-nav {
99    background: var(--mmd-maroon);
100    color: white !important;
101    padding: 8px 18px;
102    border-radius: 6px;
103    font-weight: 500 !important;
104    transition: background 0.2s !important;
105  }
106  .btn-nav:hover { background: var(--mmd-maroon-light) !important; }
107
108  /* ===== HERO ===== */
109  .hero {
110    background: linear-gradient(160deg, var(--navy) 0%, var(--navy-mid) 60%, #0f2952 100%);
111    text-align: center;
112    padding: 80px 40px 70px;
113    position: relative;
114    overflow: hidden;
115  }
116  .hero::before {
117    content: '';
118    position: absolute;
119    top: -80px; right: -100px;
120    width: 400px; height: 400px;
121    background: radial-gradient(circle, rgba(14,165,201,0.15) 0%, transparent 70%);
122    pointer-events: none;
123  }
124  .hero::after {
125    content: '';
126    position: absolute;
127    bottom: -60px; left: -80px;
128    width: 300px; height: 300px;
129    background: radial-gradient(circle, rgba(26,86,219,0.12) 0%, transparent 70%);
130    pointer-events: none;
131  }
132  .hero h1 {
133    font-family:'Poppins', 'DM Serif Display', serif;
134    font-size: clamp(2rem, 4vw, 3rem);
135    color: white;
136    line-height: 1.2;
137    margin-bottom: 16px;
138    position: relative;
139  }
140  .hero h1 em { font-style: italic; color: var(--teal); }
141  .hero p {
142    color: rgba(255,255,255,0.7);
143    font-size: 0.9rem;
144    max-width: 640px;
145    margin: 0 auto 32px;
146    position: relative;
147  }
148  .billing-toggle {
149    display: inline-flex;
150    background: rgba(255,255,255,0.08);
151    border-radius: 8px;
152    padding: 4px;
153    gap: 4px;
154    position: relative;
155  }
156  .billing-toggle button {
157    border: none; cursor: pointer;
158    padding: 8px 20px;
159    border-radius: 6px;
160    font-size: 0.9rem;
161    font-weight: 600;
162    font-family: 'Poppins', 'DM Sans', sans-serif;;
163    transition: all 0.2s;
164    color: rgba(255,255,255,0.6);
165    background: transparent;
166  }
167  .billing-toggle button.active {
168    background: white;
169    color: var(--navy);
170    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
171  }
172  .save-badge {
173    background: var(--accent);
174    color: white;
175    font-size: 0.7rem;
176    font-weight: 700;
177    padding: 2px 7px;
178    border-radius: 20px;
179    margin-left: 6px;
180    vertical-align: middle;
181    letter-spacing: 0.3px;
182  }
183
184  /* ===== PLAN CARDS ===== */
185  .plans-section {
186    max-width: 1200px;
187    margin: -24px auto 0;
188    padding: 0 24px 60px;
189    position: relative;
190    z-index: 10;
191  }
192  .plans-grid {
193    display: grid;
194    grid-template-columns: repeat(4, 1fr);
195    gap: 20px;
196    align-items: start;
197  }
198
199  .plan-card {
200    background: white;
201    border-radius: 16px;
202    padding: 32px 28px;
203    box-shadow: var(--card-shadow);
204    border: 0.3px solid var(--gray-200);
205    transition: transform 0.2s, box-shadow 0.2s;
206    position: relative;
207  }
208  .plan-card:hover {
209    transform: translateY(-4px);
210    box-shadow: 0 12px 40px rgba(10,22,40,0.14);
211  }
212  .plan-card.featured {
213    border-color: var(--mmd-maroon);
214    box-shadow: var(--featured-shadow);
215    transform: translateY(-8px);
216  }
217  .plan-card.featured:hover { transform: translateY(-12px); }
218
219  .featured-badge {
220    position: absolute;
221    top: -14px;
222    left: 50%;
223    transform: translateX(-50%);
224    background: linear-gradient(90deg, var(--mmd-maroon), var(--mmd-maroon));
225    color: white;
226    font-size: 0.58rem;
227    font-weight: 500;
228    padding: 4px 14px;
229    border-radius: 20px;
230    letter-spacing: 0.5px;
231    white-space: nowrap;
232  }
233
234  .plan-tier {
235     font-size: 0.65rem;
236    font-weight: 600;
237    text-transform: uppercase;
238    color: var(--mmd-maroon);
239    margin-bottom: 8px;
240    letter-spacing: 0.5px;
241  }
242  .plan-name {
243    font-family: 'Poppins', 'DM Serif Display', serif;
244    font-size: 1.6rem;
245    color: var(--navy);
246    margin-bottom: 10px;
247    line-height: 1.1;
248    font-weight: 800;
249  }
250  .plan-tagline {
251    font-size: 0.68rem;
252    color: var(--gray-500);
253    margin-bottom: 24px;
254    min-height: 40px;
255    line-height: 1.4;
256  }
257  .plan-price {
258    margin-bottom: 8px;
259  }
260  .price-label { font-size: 0.8rem; color: var(--gray-400); margin-bottom: 4px; }
261  .price-main {
262    font-size: 2rem;
263    font-weight: 700;
264    color: var(--navy);
265    line-height: 1;
266  }
267  .price-main.contact { font-size: 1.3rem; color: var(--blue); }
268  .price-note { font-size: 0.78rem; color: var(--gray-400); margin-top: 4px; }
269
270  .plan-divider { border: none; border-top: 1px solid var(--gray-200); margin: 20px 0; }
271
272  .plan-cta {
273    display: block;
274    width: 100%;
275    padding: 12px;
276    border-radius: 8px;
277    font-size: 0.9rem;
278    font-weight: 600;
279    font-family: 'Poppins', 'DM Sans', sans-serif;;
280    cursor: pointer;
281    text-align: center;
282    text-decoration: none;
283    transition: all 0.2s;
284    border: none;
285    margin-bottom: 24px;
286  }
287  .cta-outline {
288    background: transparent;
289    color: var(--blue);
290    border: 1.5px solid var(--blue);
291  }
292  .cta-outline:hover { background: var(--blue); color: white; }
293  .cta-filled {
294    background: linear-gradient(135deg, var(--blue), var(--teal));
295    color: white;
296    box-shadow: 0 4px 14px rgba(26,86,219,0.3);
297  }
298  .cta-filled:hover { box-shadow: 0 6px 20px rgba(26,86,219,0.45); transform: translateY(-1px); }
299  .cta-dark {
300    background: var(--navy);
301    color: white;
302  }
303  .cta-dark:hover { background: var(--navy-mid); }
304
305  .plan-features { list-style: none; }
306  .plan-features li {
307    display: flex;
308    align-items: flex-start;
309    gap: 10px;
310    font-size: 0.78rem;
311    color: var(--gray-900);
312    padding: 5px 0;
313    line-height: 1.4;
314  }
315  .check-icon { width: 16px; height: 16px; flex-shrink: 0;
315 margin-top: 1px; }
316  .check-yes { color: var(--green); }
317  .check-no { color: var(--gray-300); }
318
319  /* ===== COMPARISON TABLE ===== */
320  .compare-section {
321    max-width: 1200px;
322    margin: 0 auto 80px;
323    padding: 0 24px;
324  }
325  .compare-section h2 {
326    font-family: 'Poppins', 'DM Serif Display', serif;
327    font-size: 2rem;
328    text-align: center;
329    color: var(--navy);
330    margin-bottom: 40px;
331  }
332
333  /* Mobile tab switcher */
334  .mobile-plan-tabs {
335    display: none;
336    background: var(--gray-100);
337    border-radius: 8px;
338    padding: 4px;
339    margin-bottom: 20px;
340    gap: 4px;
341  }
342  .mobile-plan-tabs button {
343    flex: 1; border: none; background: transparent; padding: 8px 4px;
344    font-family: 'Poppins', 'DM Sans', sans-serif;; font-size: 0.78rem; font-weight: 600;
345    cursor: pointer; border-radius: 6px; color: var(--gray-500); transition: all 0.2s;
346  }
347  .mobile-plan-tabs button.active { background: white; color: var(--navy); box-shadow: 0 1px 4px rgba(0,0,0,0.1); }
348
349  .compare-table { width: 100%; border-collapse: collapse; font-size: 0.76rem; }
350  .compare-table thead th {
351    padding: 16px 20px;
352    text-align: left;
353    font-weight: 600;
354    color: var(--gray-50);
355    font-size: 0.76rem;
356    letter-spacing: 0.8px;
357    text-transform: uppercase;
358    border-bottom: 2px solid var(--gray-200);
359    background: var(--gray-400); 
360  }
361  .compare-table thead th:first-child { width: 38%; }
362  .compare-table thead th:not(:first-child) { text-align: center; width: 15.5%; }
363  .compare-table thead th.featured-col { color: var(--mmd-maroon); }
364
365  .section-row td {
366    background: var(--gray-100);
367    font-weight: 600;
368    font-size: 0.70rem;
369    letter-spacing: 0.15px;
370    text-transform: uppercase;
371    color: var(--mmd-blue) !important;
372    padding: 12px 20px;
373    cursor: pointer;
374    border-bottom: 1px solid var(--gray-200);
375  }
376  .section-row td .toggle-icon { float: right; transition: transform 0.2s; font-size: 1rem; color: var(--gray-400); }
377  .section-row.collapsed .toggle-icon { transform: rotate(-90deg); }
378
379  .compare-table tbody tr.feature-row {
380    border-bottom: 1px solid var(--gray-200);
381    transition: background 0.15s;
382  }
383  .compare-table tbody tr.feature-row:hover { background: var(--gray-50); }
384  .compare-table tbody td {
385    padding: 6px 20px;
386    color: var(--gray-700);
387    vertical-align: middle;
388  }
389  .compare-table tbody td:not(:first-child) { text-align: center; }
390  .feature-name { font-weight: 400; color: var(--gray-900); display: flex; align-items: center; gap: 6px; }
391  .feature-desc { font-size: 0.7rem; color: var(--gray-400); margin-top: 2px; line-height: 1.3; display: none; }
392
393  .info-btn {
394    width: 16px; height: 16px; border-radius: 50%;
395    background: var(--gray-200); border: none; cursor: pointer;
396    font-size: 0.65rem; font-weight: 700; color: var(--gray-500);
397    display: inline-flex; align-items: center; justify-content: center;
398    flex-shrink: 0; position: relative;
399  }
400  .info-btn:hover .tooltip { display: block; }
401  .tooltip {
402    display: none;
403    position: absolute;
404    bottom: calc(100% + 6px);
405    left: 50%;
406    transform: translateX(-50%);
407    background: var(--navy);
408    color: white;
409    font-size: 0.66rem;
410    font-weight: 400;
411    padding: 6px 10px;
412    border-radius: 6px;
413    width: 200px;
414    z-index: 50;
415    line-height: 1.4;
416    text-align: left;
417  }
418  .tooltip::after {
419    content: '';
420    position: absolute;
421    top: 100%; left: 50%;
422    transform: translateX(-50%);
423    border: 5px solid transparent;
424    border-top-color: var(--navy);
425  }
426
427  .check-cell { font-size: 1.1rem; }
428  .cell-yes { color: var(--green); font-size: 1.2rem; }
429  .cell-no { color: var(--gray-300) !important; font-size: 1.2rem; }
430  .cell-text { font-size: 0.8rem; color: var(--gray-600); font-weight: 500; }
431
432  .compare-table thead tr th:nth-child(3) { /* background: var(--gray-100) */ }
433  .compare-table tbody td:nth-child(3) { /*background: #f7faff;*/ }
434  .compare-table thead tr th:nth-child(3) { /* border-top: 3px solid var(--mmd-maroon); */ }
435
436  /* ===== NOTES ===== */
437  .notes-section {
438    max-width: 860px;
439    margin: 0 auto 80px;
440    padding: 0 24px;
441  }
442  .notes-section h2 {
443    font-family: 'DM Serif Display', serif;
444    font-size: 1.7rem;
445    color: var(--navy);
446    margin-bottom: 24px;
447  }
448  .notes-list { list-style: none; }
449  .notes-list li {
450    display: flex;
451    gap: 14px;
452    padding: 12px 0;
453    border-bottom: 1px solid var(--gray-200);
454    font-size: 0.87rem;
455    color: var(--gray-700);
456    line-height: 1.5;
457  }
458  .notes-list li:last-child { border-bottom: none; }
459  .note-num {
460    width: 24px; height: 24px; flex-shrink: 0;
461    background: var(--navy);
462    color: white;
463    border-radius: 50%;
464    display: flex; align-items: center; justify-content: center;
465    font-size: 0.72rem;
466    font-weight: 700;
467    margin-top: 1px;
468  }
469
470  /* ===== CONFIDENTIALITY ===== */
471  .confidentiality {
472    max-width: 860px;
473    margin: 0 auto 80px;
474    padding: 20px 28px;
475    background: #fff8e1;
476    border-left: 4px solid var(--accent);
477    border-radius: 8px;
478    font-size: 0.85rem;
479    color: var(--gray-700);
480    line-height: 1.6;
481  }
482  .confidentiality strong { color: var(--gray-900); }
483
484  /* ===== CTA BANNER ===== */
485  .cta-banner {
486    background: linear-gradient(135deg, var(--mmd-maroon), var(--mmd-maroon-light));
487    text-align: center;
488    padding: 64px 40px;
489    position: relative;
490    overflow: hidden;
491  }
492  .cta-banner::before {
493    content: '';
494    position: absolute;
495    top: -60px; right: -60px;
496    width: 250px; height: 250px;
497    background: radial-gradient(circle, rgba(14,165,201,0.2) 0%, transparent 70%);
498  }
499  .cta-banner h2 {
500    font-family:'Poppins', 'DM Serif Display', serif;
501    font-size: 2rem;
502    color: white;
503    margin-bottom: 12px;
504  }
505  .cta-banner p { color: rgba(255,255,255,0.96); margin-bottom: 28px; font-size: 0.8rem; }
506  .cta-banner-btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
507  .btn-primary {
508    background: linear-gradient(135deg, var(--mmd-maroon), var(--mmd-maroon-light));
509    color: white;
510    padding: 10px 20px;
511    border-radius: 4px;
512    font-weight: 500;
513    font-size: 0.95rem;
514    text-decoration: none;
515    transition: transform 0.2s, box-shadow 0.2s;
516    box-shadow: 0 4px 16px rgba(26,86,219,0.35);
517    height: fit-content;
518  }
519  .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(26,86,219,0.45); }
520  .btn-secondary {
521    background: rgba(255,255,255,0.1) !important;
522    color: white;
523    padding: 10px 20px;
524    border-radius: 4px;
525    font-weight: 500;
526    font-size: 0.95rem;
527    text-decoration: none;
528    box-shadow: 0 4px 16px rgba(26,86,219,0.35);
529    border: 1px solid rgba(255,255,255,0.5);
530     
531    transition: transform 0.2s, box-shadow 0.2s;
532    height: fit-content
533  }
534  .btn-secondary:hover { transform: translateY(-2px); background: rgba(255,255,255,0.18); cursor:pointer; }
535
536  /* ===== FOOTER ===== */
537  footer {
538    background: var(--navy);
539    color: rgba(255,255,255,0.5);
540    text-align: center;
541    padding: 24px 40px;
542    font-size: 0.82rem;
543  }
544  footer a { color: rgba(255,255,255,0.6); text-decoration: none; margin: 0 10px; }
545  footer a:hover { color: white; }
546
547  /* ===== RESPONSIVE ===== */
548  @media (max-width: 1024px) {
549    .plans-grid { grid-template-columns: repeat(2, 1fr); }
550    .plan-card.featured { transform: none; }
551    .plan-card.featured:hover { transform: translateY(-4px); }
552  }
553  @media (max-width: 768px) {
554    header { padding: 0 20px; }
555    nav { display: none; }
556    .hero { padding: 50px 20px 50px; }
557    .plans-grid { grid-template-columns: 1fr; }
558    .plans-section { padding: 0 16px 40px; }
559    .compare-section { padding: 0 16px; }
560    .mobile-plan-tabs { display: flex; }
561    .compare-table thead th:not(:first-child):not(.active-col) { display: none; }
562    .compare-table tbody td:not(:first-child):not(.active-col) { display: none; }
563  }
564  .hero h1 span {color: var(--mmd-maroon); }
565  svg.u-display--block {fill: #058c0a !important;}
566  .hero-divider {
567    width: 60px;
568    height: 2px;
569    background: linear-gradient(90deg, var(--teal), var(--gold));
570    margin: 0 auto;
571    border-radius: 2px;
572  }
573
574
575  /* ── RCM BANNER ── */
576  .rcm-banner {
577    margin: 0 24px 80px;
578    max-width: 1150px;
579    margin-left: auto;
580    margin-right: auto;
581    border: 1px solid rgb(195 198 198 / 20%);
582    border-radius: 20px;
583    padding: 48px 48px;
584    display: flex;
585    flex-wrap: wrap;
586    gap: 32px;
587    align-items: center;
588    justify-content: space-between;
589    position: relative;
590    overflow: hidden;
591    background-color: var(--mmd-blue);
592}
593  .rcm-banner::after {
594    content: 'RCM';
595    position: absolute; right: 40px; top: 50%;
596    transform: translateY(-50%);
597    font-family: 'Poppins','Playfair Display', serif;
598    font-size: 9rem; font-weight: 700;
599    color: rgba(255,255,255,0.03);
600    pointer-events: none;
601    user-select: none;
602  }
603  .rcm-content { max-width: 600px; position: relative; z-index: 1; }
604  .rcm-content h2 { font-family: 'Poppins', 'Playfair Display', serif; font-size: 1.8rem; font-weight: 700; margin-bottom: 12px; color:var(--white) }
605  .rcm-content p { font-size: 0.80rem;  line-height: 1.4; font-weight: 400; color: var(--gray-200) }
606  .rcm-bullets { list-style: none; margin-top: 16px; display: flex; flex-wrap: wrap; gap: 8px; }
607  .rcm-bullets li {
608    background: rgba(0,180,216,0.1); border: 1px solid rgba(0,180,216,0.2);
609    border-radius: 100px; padding: 5px 14px;
610    font-size: 0.74rem; color: var(--teal-light); font-weight: 400;
611  }
612  .rcm-cta { position: relative; z-index: 1; }
613  /* Responsive */
614  @media (max-width: 640px) {
615    .rcm-banner { padding: 32px 24px; }
616    .rcm-banner::after { display: none; }
617  }
618
619
620
621  /* activity css */
622  .activity-section { max-width: 1200px; margin: 0 auto 80px; padding: 0 24px;}
623  .table-card {
624    background: white;
625    border-radius: 16px;
626    box-shadow: 0 4px 6px rgba(15,30,56,0.05), 0 20px 60px rgba(15,30,56,0.08);
627    overflow: hidden;
628    border: 1px solid var(--border);
629  }
630
631  .table-card table {
632    width: 100%;
633    border-collapse: collapse;
634  }
635
636  .table-card thead tr {
637    background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%);
638  }
639
640  .table-card thead th {
641    padding: 20px 24px;
642    font-family: 'DM Sans', sans-serif;
643    font-weight: 500;
644    font-size: 0.78rem;
645    letter-spacing: 0.12em;
646    text-transform: uppercase;
647    color: white;
648    text-align: left;
649    position: relative;
650  }
651
652  .table-card thead th:not(:first-child) {
653    text-align: center;
654    width: 130px;
655  }
656
657  .table-card thead th .col-subtitle {
658    display: block;
659    color: var(--muted);
660    font-size: 0.68rem;
661    font-weight: 300;
662    letter-spacing: 0.06em;
663    margin-top: 3px;
664    text-transform: none;
665    font-style: italic;
666  }
667
668  .col-accent {
669    border-bottom: 2px solid var(--gold);
670  }
671
672  .table-card tbody tr {
673    border-bottom: 1px solid var(--border);
674    transition: background 0.15s ease;
675  }
676
677  .table-card tbody tr:last-child {
678    border-bottom: none;
679  }
680
681  .table-card tbody tr:hover {
682    background: var(--soft-bg);
683  }
684
685  .table-card tbody tr:nth-child(even) {
686    background: #fafbfd;
687  }
688
689  .table-card tbody tr:nth-child(even):hover {
690    background: var(--soft-bg);
691  }
692
693  .table-card td {
694    padding: 18px 24px;
695    vertical-align: top;
696    font-size: 0.88rem;
697    line-height: 1.6;
698  }
699
700  .table-card .activity-cell {
701    font-weight: 600;
702    color: var(--navy);
703    font-size: 0.8rem;
704    white-space: nowrap;
705    width: 195px;
706  }
707
708  .table-card .activity-cell .activity-num {
709    display: inline-block;
710    width: 22px;
711    height: 22px;
712    background: var(--navy);
713    color: white;
714    font-size: 0.65rem;
715    font-weight: 500;
716    border-radius: 50%;
717    text-align: center;
718    line-height: 22px;
719    margin-right: 10px;
720    flex-shrink: 0;
721  }
722
723 .table-card .activity-inner {
724    display: flex;
725    align-items: flex-start;
726    gap: 0;
727  }
728
729 .table-card .description-cell { color: var(--navy-mid); font-size: 0.8rem; font-weight: 400;  }
730
731  .table-card .description-cell ul {
732    list-style: none;
733    padding: 0;
734    margin: 0;
735  }
736
737  .table-card .description-cell ul li {
738    padding: 2px 0;
739    padding-left: 14px;
740    position: relative;
741  }
742
743  .table-card .description-cell ul li::before {
744    content: '–';
745    position: absolute;
746    left: 0;
747    color: var(--gold);
748    font-weight: 600;
749  }
750
751  .table-card .check-cell {
752    text-align: center;
753    vertical-align: middle;
754    padding: 18px 12px;
755  }
756
757  .table-card .check-icon {
758    display: inline-flex;
759    align-items: center;
760    justify-content: center;
761    width: 32px;
762    height: 32px;
763    background: var(--check-bg);
764    border-radius: 50%;
765    color: var(--check-color);
766    font-size: 1rem;
767    font-weight: 700;
768    box-shadow: 0 2px 6px rgba(46,125,91,0.12);
769  }
770
771  .table-card .software-badge {
772    display: inline-block;
773    background: var(--software-bg);
774    color: var(--software-color);
775    border: 1px solid #f0d98a;
776    font-size: 0.72rem;
777    font-weight: 500;
778    padding: 3px 8px;
779    border-radius: 6px;
780    text-align: center;
781    line-height: 1.4;
782    max-width: 140px;
783  }
784
785  .table-card .empty-cell {
786    text-align: center;
787    color: var(--border);
788    font-size: 1.1rem;
789  }
790
791  .table-card .note-cell {
792    font-size: 0.78rem;
793    color: var(--muted);
794    font-style: italic;
795  }
796
797  .legend {
798    margin-top: 28px;
799    display: flex;
800    gap: 32px;
801    justify-content: center;
802    flex-wrap: wrap;
803  }
804
805  .legend-item {
806    display: flex;
807    align-items: center;
808    gap: 10px;
809    font-size: 0.8rem;
810    color: var(--muted);
811  }
812
813  .legend-check {
814    width: 26px;
815    height: 26px;
816    background: var(--check-bg);
817    border-radius: 50%;
818    display: flex;
819    align-items: center;
820    justify-content: center;
821    color: var(--check-color);
822    font-size: 0.85rem;
823  }
824
825  .legend-software {
826    background: var(--software-bg);
827    border: 1px solid #f0d98a;
828    color: var(--software-color);
829    font-size: 0.65rem;
830    font-weight: 500;
831    padding: 3px 8px;
832    border-radius: 12px;
833  }
834
835  .activity-header {
836    text-align: center;
837    margin-bottom: 48px;
838  }
839
840  .header-eyebrow {
841    font-size: 11px;
842    font-weight: 600;
843    letter-spacing: 0.2em;
844    text-transform: uppercase;
845    color: var(--mmd-maroon);
846    margin-bottom: 12px;
847  }
848
849  .activity-header h1 {
850    font-family: 'Poppins', 'Playfair Display', serif;
851    font-size: 2.4rem;
852    color: var(--mmd-blue);
853    line-height: 1.2;
854    margin-bottom: 14px; font-weight: 900;
855  }
856
857  .header-divider {
858    width: 60px;
859    height: 2px;
860    background: linear-gradient(90deg, var(--gold), var(--gold-light));
861    margin: 0 auto 16px;
862    border-radius: 2px;
863  }
864  .group-header th .group-inner {
865    display: flex;
866    align-items: center;
867    gap: 10px;
868    padding-bottom: 18px;
869    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
870  }
871
872  .group-tag {
873    display: inline-block;
874    background: var(--gold);
875    color: var(--navy);
876    font-family: 'DM Sans', sans-serif;
877    font-size: 0.65rem;
878    font-weight: 700;
879    letter-spacing: 0.14em;
880    text-transform: uppercase;
881    padding: 3px 9px;
882    border-radius: 20px;
883}
884  .activity-header p {color: var(--gray-800); font-size: 0.92rem; letter-spacing: 0.02em; font-weight: 400; }
885
886  /* Section Label */
887  .section-label {
888    font-family: 'Poppins';
889    display: flex;
890    align-items: center;
891    gap: 12px;
892    margin-bottom: 2px;
893  }
894  .section-label h2 {
895    font-family: 'Poppins', 'Playfair Display', serif;
896    font-size: 1.1rem;
897    color: var(--navy);
898    font-weight: 600;
899  }
900  .section-tag {
901    display: inline-block;
902    background: var(--navy);
903    color: white;
904    font-size: 0.63rem;
905    font-weight: 600;
906    letter-spacing: 0.13em;
907    text-transform: uppercase;
908    padding: 3px 10px;
909    border-radius: 20px;
910  }
911
912  @media (max-width: 700px) {
913    .activity-cell { width: auto; }
914  }
915
916  /* Cards */
917  .fax-card {
918    background: white;
919    border-radius: 16px;
920    box-shadow: 0 4px 6px rgba(15,30,56,0.05), 0 20px 60px rgba(15,30,56,0.08);
921    border: 1px solid var(--border);
922    overflow: hidden;
923    margin-bottom: 24px;
924  }
925
926  .fax-card-header {
927    background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%);
928    padding: 20px 28px;
929    display: flex;
930    align-items: center;
931    justify-content: space-between;
932    gap: 16px;
933  }
934
935  .fax-card-header-left h3 {
936    font-family: 'Poppins','Playfair Display', serif;
937    font-size: 1.1rem;
938    color: white;
939    font-weight: 600;
940    margin-bottom: 3px;
941  }
942  .fax-card-header-left span {
943    font-size: 0.72rem;
944    color: var(--muted);
945    font-weight: 300;
946    letter-spacing: 0.05em;
947    text-transform: uppercase;
948  }
949
950  .fax-card-badge {
951    display: inline-block;
952    font-size: 0.72rem;
953    font-weight: 600;
954    letter-spacing: 0.1em;
955    text-transform: uppercase;
956    padding: 4px 12px;
957    border-radius: 20px;
958    white-space: nowrap;
959  }
960  .badge-included {
961    background: var(--check-bg);
962    color: var(--check-color);
963    border: 1px solid rgba(46,125,91,0.2);
964  }
965  .badge-paid {
966    background: var(--software-bg);
967    color: var(--software-color);
968    border: 1px solid rgba(201,168,76,0.3);
969  }
970
971  .fax-card-body {
972    padding: 24px 28px;
973  }
974
975  /* Info list */
976  .info-list {
977    list-style: none;
978    padding: 0;
979    margin: 0 0 20px;
980    display: flex;
981    flex-direction: column;
982    gap: 10px;
983  }
984  .info-list li {
985    display: flex;
986    align-items: flex-start;
987    gap: 10px;
988    font-size: 0.87rem;
989    color: var(--gray-800);
990    font-weight: 400;
991    line-height: 1.5;
992  }
993  .info-list li .bullet {
994    width: 6px;
995    height: 6px;
996    background: var(--mmd-blue);
997    border-radius: 50%;
998    flex-shrink: 0;
999    margin-top: 7px;
1000  }
1001
1002  /* Plan rows inside cloud card */
1003  .plan-row {
1004    display: flex;
1005    align-items: center;
1006    justify-content: space-between;
1007    gap: 16px;
1008    padding: 18px 0;
1009    border-bottom: 1px solid var(--border);
1010  }
1011  .plan-row:last-of-type {
1012    border-bottom: none;
1013    padding-bottom: 0;
1014  }
1015  .plan-row:first-of-type {
1016    padding-top: 0;
1017  }
1018
1019  .plan-info h4 {
1020    font-size: 0.92rem;
1021    font-weight: 600;
1022    color: var(--navy);
1023    margin-bottom: 4px;
1024  }
1025  .plan-info p {
1026    font-size: 0.8rem;
1027    color: var(--gray-800);
1028    font-weight: 400;
1029    line-height: 1.4;
1030  }
1031
1032  .plan-right {
1033    display: flex;
1034    align-items: center;
1035    gap: 16px;
1036    flex-shrink: 0;
1037  }
1038
1039  .price-tag {
1040    text-align: right;
1041  }
1042  .price-tag .amount {
1043    display: none;
1044    font-family: 'Playfair Display', serif;
1045    font-size: 1.4rem;
1046    color: var(--navy);
1047    font-weight: 700;
1048    line-height: 1;
1049  }
1050  .price-tag .period {
1051    font-size: 0.72rem;
1052    color: var(--mmd-maroon);
1053    font-weight: 600;
1054    letter-spacing: 0.05em;
1055  }
1056  .price-tag .included-label {
1057    font-size: 0.78rem;
1058    color: var(--check-color);
1059    font-weight: 500;
1060  }
1061
1062  /* Accept box */
1063  .accept-box {
1064    display: flex;
1065    align-items: center;
1066    gap: 8px;
1067    background: var(--soft-bg);
1068    border: 1.5px dashed var(--border);
1069    border-radius: 8px;
1070    padding: 8px 14px;
1071    font-size: 0.75rem;
1072    color: var(--muted);
1073    font-weight: 400;
1074    letter-spacing: 0.04em;
1075    white-space: nowrap;
1076    visibility: hidden;
1077  }
1078  .accept-box .sig-line {
1079    display: inline-block;
1080    width: 60px;
1081    border-bottom: 1.5px solid var(--muted);
1082    margin: 0 2px;
1083  }
1084  .accept-box .checkmark-sm {
1085    width: 18px;
1086    height: 18px;
1087    border-radius: 50%;
1088    background: var(--check-bg);
1089    color: var(--check-color);
1090    font-size: 0.65rem;
1091    display: inline-flex;
1092    align-items: center;
1093    justify-content: center;
1094    font-weight: 700;
1095  }
1096
1097   /* Disclaimer */
1098  .disclaimer {
1099    background: white;
1100    border-radius: 12px;
1101    border: 1px solid var(--border);
1102    border-left: 4px solid var(--mmd-blue);
1103    padding: 18px 22px;
1104    display: flex;
1105    gap: 14px;
1106    align-items: flex-start;
1107    box-shadow: 0 2px 12px rgba(15,30,56,0.05);
1108  }
1109  .disclaimer-icon {
1110    width: 32px;
1111    height: 32px;
1112    background: var(--software-bg);
1113    border-radius: 50%;
1114    display: flex;
1115    align-items: center;
1116    justify-content: center;
1117    font-size: 0.9rem;
1118    flex-shrink: 0;
1119    border: 1px solid rgba(201,168,76,0.3);
1120    color: var(--software-color);
1121  }
1122  .disclaimer-text {
1123    font-size: 0.74rem;
1124    color: #4a5c74;
1125    font-weight: 500;
1126    line-height: 1.45;
1127  }
1128  .disclaimer-text strong {
1129    color: var(--navy);
1130    font-weight: 600;
1131  }
1132@media (max-width: 600px) {
1133  .plan-row { flex-direction: column; align-items: flex-start; }
1134  .plan-right { flex-direction: column; align-items: flex-start; gap: 10px; }
1135  .accept-box .sig-line { width: 40px; }
1136}
1137
1138
1139 /* Service rows */
1140  .service-row {
1141    display: flex;
1142    align-items: center;
1143    justify-content: space-between;
1144    gap: 20px;
1145    padding: 22px 30px;
1146    border-bottom: 1px solid var(--border);
1147    transition: background 0.15s ease;
1148  }
1149  .service-row:last-of-type {
1150    border-bottom: none;
1151  }
1152  .service-row:hover {
1153    background: var(--soft-bg);
1154  }
1155  .service-row:nth-child(even) {
1156    background: #fafbfd;
1157  }
1158  .service-row:nth-child(even):hover {
1159    background: var(--soft-bg);
1160  }
1161
1162  .service-left {
1163    display: flex;
1164    align-items: center;
1165    gap: 16px;
1166    flex: 1;
1167    min-width: 0;
1168  }
1169
1170  .service-num {
1171    width: 30px;
1172    height: 30px;
1173    background: var(--navy);
1174    color: white;
1175    font-size: 0.7rem;
1176    font-weight: 700;
1177    border-radius: 50%;
1178    display: flex;
1179    align-items: center;
1180    justify-content: center;
1181    flex-shrink: 0;
1182  }
1183
1184  .service-info h4 {
1185    font-size: 0.93rem;
1186    font-weight: 600;
1187    color: var(--navy);
1188    margin-bottom: 3px;
1189  }
1190  .service-info p {
1191    font-size: 0.78rem;
1192    color: var(--muted);
1193    font-weight: 300;
1194  }
1195
1196  .service-right {
1197    display: flex;
1198    align-items: center;
1199    gap: 20px;
1200    flex-shrink: 0;
1201  }
1202
1203
1204  /* ── ADD-ONS ── */
1205  .addons-section { padding: 0 24px 100px; max-width: 1200px; margin: 0 auto; }
1206
1207  .addons-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; }
1208
1209  .addon-card {
1210    background: var(--navy-mid); border: 1px solid var(--border);
1211    border-radius: 14px; padding: 24px 22px;
1212    transition: transform 0.25s, border-color 0.25s;
1213  }
1214  .addon-card:hover { transform: translateY(-3px); border-color: rgba(201,168,76,0.2); }
1215  .addon-icon { font-size: 1.6rem; margin-bottom: 14px; }
1216  .addon-name { font-family: 'Poppins', serif; font-size: 0.9rem; font-weight: 500; color: var(--white); margin-bottom: 6px; }
1217  .addon-desc { font-size: 0.76rem; color: var(--text-muted); line-height: 1.45; font-weight: 400; }
1218
1219  /* ── PACKAGES GRID ── */
1220  .packages-section { padding: 60px 24px 100px; max-width: 1300px; margin: 0 auto; }
1221
1222  .section-label {
1223    font-size: 11px; font-weight: 600; letter-spacing: 0.18em;
1224    text-transform: uppercase; color: var(--mmd-maroon);  text-shadow: 1px -1px 1px rgba(255, 255, 255, 0.1); margin-bottom: 2px;
1225  }
1226  .section-title {
1227    font-family: 'Poppins', serif;
1228    font-size: clamp(1.6rem, 3vw, 2.4rem);
1229    font-weight: 600; margin-bottom: 48px; color: var(--navy);
1230  }
1231
1232  .packages-grid {
1233    display: grid;
1234    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
1235    gap: 20px;
1236  }
1237
1238  .card {
1239    background: var(--navy-mid);
1240    border: 1px solid var(--border);
1241    border-radius: 20px;
1242    padding: 36px 30px;
1243    position: relative;
1244    overflow: hidden;
1245    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
1246    display: flex;
1247    flex-direction: column;
1248  }
1249  .card::before {
1250    content: '';
1251    position: absolute; top: 0; left: 0; right: 0;
1252    height: 4px;
1253    background: linear-gradient(90deg, var(--teal), var(--teal-light));
1254    opacity: 0;
1255    transition: opacity 0.6s ease;
1256  }
1257  .card:hover { transform: translateY(-6px); box-shadow: 0 24px 60px rgba(0,0,0,0.4); border-color: rgba(0,180,216,0.2); }
1258  .card:hover::before { opacity: 1; }
1259
1260  .card.featured {
1261    background: linear-gradient(145deg, var(--slate) 0%, var(--navy-mid) 100%);
1262    border-color: rgba(0,180,216,0.25);
1263  }
1264  .card.featured::before { opacity: 1; }
1265
1266  .badge {
1267    position: absolute; top: 20px; right: 20px;
1268    background: linear-gradient(135deg, var(--teal), #0077b6);
1269    color: white; font-size: 10px; font-weight: 700;
1270    letter-spacing: 0.12em; text-transform: uppercase;
1271    padding: 4px 12px; border-radius: 100px;
1272  }
1273  .badge.gold { background: linear-gradient(135deg, var(--gold), #a07c30); }
1274
1275  .card-tier {
1276    font-size: 10px; font-weight: 700; letter-spacing: 0.2em;
1277    text-transform: uppercase; color: var(--teal); margin-bottom: 10px;
1278  }
1279  .card-name {
1280    font-family: 'Poppins', serif;
1281    font-size: 1.65rem; font-weight: 600;
1282    color: var(--white); margin-bottom: 10px;
1283  }
1284  .card-tagline {
1285    font-size: 0.85rem; color: var(--text-muted);
1286    line-height: 1.55; margin-bottom: 28px; font-weight: 300;
1287  }
1288
1289  .card-divider { height: 1px; background: var(--border); margin-bottom: 24px; }
1290
1291  .features-group { margin-bottom: 22px; }
1292  .features-group-label {
1293    font-size: 9.5px; font-weight: 700; letter-spacing: 0.18em;
1294    text-transform: uppercase; color: var(--mmd-maroon);
1295    margin-bottom: 10px; padding-bottom: 6px;
1296    border-bottom: 1px solid rgba(201,168,76,0.2);
1297  }
1298  .feature-item {
1299    display: flex; align-items: flex-start; gap: 10px;
1300    font-size: 0.82rem; color: #c5d4e8;
1301    line-height: 1.5; padding: 5px 0; font-weight: 400;
1302  }
1303  .feature-icon {
1304    width: 16px; height: 16px; flex-shrink: 0;
1305    margin-top: 2px;
1306    color: var(--teal);
1307  }
1308  .feature-icon.gold { color: var(--gold); }
1309
1310  /* ── IMPLEMENTATION SECTION ── */
1311  .impl-section { padding: 0 24px 100px; max-width: 1200px; margin: 0 auto; }
1312  .impl-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; }
1313  .impl-card {
1314    background: var(--navy-mid); border: 1px solid var(--border);
1315    border-radius: 14px; padding: 26px 22px;
1316  }
1317  .impl-step {
1318    font-size: 10px; font-weight: 700; letter-spacing: 0.15em;
1319    text-transform: uppercase; color: var(--teal); margin-bottom: 8px;
1320  }
1321  .impl-name { font-size: 0.9rem; font-weight: 600; color: var(--white); margin-bottom: 8px; }
1322  .impl-desc { font-size: 0.76rem; color: var(--text-muted); line-height: 1.45; font-weight: 400; }
1323
1324  /* ── INTEGRATIONS ── */
1325  .integrations-section { padding: 0 24px 100px; max-width: 1200px; margin: 0 auto; }
1326  .int-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; }
1327  .int-card {
1328    background: var(--navy-mid); border: 1px solid var(--border);
1329    border-radius: 12px; padding: 20px 18px;
1330    display: flex; align-items: baseline; gap: 14px;
1331  }
1332  .int-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--teal); flex-shrink: 0; }
1333  .int-name { font-size: 0.76rem; font-weight: 500; color: var(--white); line-height: 1.46; }
1334
1335
1336  /*ENQUIRE NOW BTN */
1337  .enquire-btn {  background: var(--mmd-blue);    padding: 4px 8px;    color: var(--white);    font-size: 12px;    text-decoration: none;
1338    font-weight: 500;    border-radius: 4px; cursor:pointer }
1339  .tc {font-size: 0.64rem;font-weight: 400; font-family: 'Poppins'; width: fit-content; background: #f7f7f7; border: 1px solid #e5e5e5; border-radius: 4px; padding: 2px 10px;}
1340
1341/* MODEL DIALOG */
1342.modal-open {
1343    overflow: hidden
1344}
1345
1346.modal-open .modal {
1347    overflow-x: hidden;
1348    overflow-y: auto
1349}
1350
1351.modal {
1352    position: fixed;
1353    top: 0;
1354    left: 0;
1355    z-index: 1050;
1356    display: none;
1357    width: 100%;
1358    height: 100%;
1359    overflow: hidden;
1360    outline: 0
1361}
1362
1363.modal-dialog {
1364    position: relative;
1365    width: auto;
1366    margin: .5rem;
1367    pointer-events: none
1368}
1369
1370.modal.fade .modal-dialog {
1371    transition: -webkit-transform .3s ease-out;
1372    transition: transform .3s ease-out;
1373    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
1374    -webkit-transform: translate(0,-50px);
1375    transform: translate(0,-50px)
1376}
1377
1378@media (prefers-reduced-motion:reduce) {
1379    .modal.fade .modal-dialog {
1380        transition: none
1381    }
1382}
1383
1384.modal.show .modal-dialog {
1385    -webkit-transform: none;
1386    transform: none
1387}
1388
1389.modal.modal-static .modal-dialog {
1390    -webkit-transform: scale(1.02);
1391    transform: scale(1.02)
1392}
1393
1394.modal-dialog-scrollable {
1395    display: -ms-flexbox;
1396    display: flex;
1397    max-height: calc(100% - 1rem)
1398}
1399
1400.modal-dialog-scrollable .modal-content {
1401    max-height: calc(100vh - 1rem);
1402    overflow: hidden
1403}
1404
1405.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header {
1406    -ms-flex-negative: 0;
1407    flex-shrink: 0
1408}
1409
1410.modal-dialog-scrollable .modal-body {
1411    overflow-y: auto
1412}
1413
1414.modal-dialog-centered {
1415    display: -ms-flexbox;
1416    display: flex;
1417    -ms-flex-align: center;
1418    align-items: center;
1419    min-height: calc(100% - 1rem)
1420}
1421
1422.modal-dialog-centered::before {
1423    display: block;
1424    height: calc(100vh - 1rem);
1425    content: ""
1426}
1427
1428.modal-dialog-centered.modal-dialog-scrollable {
1429    -ms-flex-direction: column;
1430    flex-direction: column;
1431    -ms-flex-pack: center;
1432    justify-content: center;
1433    height: 100%
1434}
1435
1436.modal-dialog-centered.modal-dialog-scrollable .modal-content {
1437    max-height: none
1438}
1439
1440.modal-dialog-centered.modal-dialog-scrollable::before {
1441    content: none
1442}
1443
1444.modal-content {
1445    position: relative;
1446    display: -ms-flexbox;
1447    display: flex;
1448    -ms-flex-direction: column;
1449    flex-direction: column;
1450    width: 100%;
1451    pointer-events: auto;
1452    background-color: #fff;
1453    background-clip: padding-box;
1454    border: 1px solid #0003;
1455    border-radius: .3rem;
1456    outline: 0;
1457    padding: 20px
1458}
1459
1460.modal-backdrop {
1461    position: fixed;
1462    top: 0;
1463    left: 0;
1464    z-index: 1040;
1465    width: 100vw;
1466    height: 100vh;
1467    background-color: #000
1468}
1469
1470.modal-backdrop.fade {
1471    opacity: 0
1472}
1473
1474.modal-backdrop.show {
1475    opacity: .5
1476}
1477
1478.modal-header {
1479    display: -ms-flexbox;
1480    display: flex;
1481    -ms-flex-align: start;
1482    align-items: flex-start;
1483    -ms-flex-pack: justify;
1484    justify-content: space-between;
1485    padding: 1rem;
1486    border-bottom: 1px solid #dee2e6;
1487    border-top-left-radius: calc(.3rem - 1px);
1488    border-top-right-radius: calc(.3rem - 1px);
1489    margin-bottom: 10px
1490}
1491
1492.modal-header .close {
1493    padding: 1rem;
1494    margin: -1rem -1rem -1rem auto
1495}
1496
1497.modal-content .close {
1498    font-weight: 300;
1499    font-size: 28px;
1500    line-height: 0.87;
1501	background: var(--mmd-blue);
1502    border: none;
1503	cursor: pointer;
1504}
1505.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
1506    opacity: .75;
1507}	
1508.modal-title {
1509    margin-bottom: 0;
1510    line-height: 1.5
1511}
1512
1513.modal-body {
1514    position: relative;
1515    -ms-flex: 1 1 auto;
1516    flex: 1 1 auto;
1517    padding: 1rem
1518}
1519
1520.modal-footer {
1521    display: -ms-flexbox;
1522    display: flex;
1523    -ms-flex-wrap: wrap;
1524    flex-wrap: wrap;
1525    -ms-flex-align: center;
1526    align-items: center;
1527    -ms-flex-pack: end;
1528    justify-content: flex-end;
1529    padding: .75rem;
1530    border-top: 1px solid #dee2e6;
1531    border-bottom-right-radius: calc(.3rem - 1px);
1532    border-bottom-left-radius: calc(.3rem - 1px)
1533}
1534
1535.modal-footer>* {
1536    margin: .25rem
1537}
1538
1539.modal-scrollbar-measure {
1540    position: absolute;
1541    top: -9999px;
1542    width: 50px;
1543    height: 50px;
1544    overflow: scroll
1545}
1546
1547@media (min-width: 576px) {
1548    .modal-dialog {
1549        max-width:500px;
1550        margin: 1.75rem auto
1551    }
1552
1553    .modal-dialog-scrollable {
1554        max-height: calc(100% - 3.5rem)
1555    }
1556
1557    .modal-dialog-scrollable .modal-content {
1558        max-height: calc(100vh - 3.5rem)
1559    }
1560
1561    .modal-dialog-centered {
1562        min-height: calc(100% - 3.5rem)
1563    }
1564
1565    .modal-dialog-centered::before {
1566        height: calc(100vh - 3.5rem)
1567    }
1568
1569    .modal-sm {
1570        max-width: 300px
1571    }
1572}
1573
1574@media (min-width: 992px) {
1575    .modal-lg,.modal-xl {
1576        max-width:800px
1577    }
1578}
1579
1580@media (min-width: 1200px) {
1581    .modal-xl {
1582        max-width:1140px
1583    }
1584}
1585</style>
1586</head>
1587<body>
1588
1589<!-- HEADER -->
1590<header>
1591  <a href="https://modulemd.com" class="logo">
1592    <img src="https://modulemd.com/wp-content/themes/newsite/assets/images/mmd_logo.png" style="overflow: hidden; vertical-align: middle; width: 76%;" alt="ModuleMD">
1593  </a>
1594  <nav>
1595    <!--<a href="#">Features</a>
1596    <a href="#">Solutions</a>
1597    <a href="#" class="active">Pricing</a>
1598    <a href="#">Resources</a> -->
1599    <a href="/contact-us" class="btn-nav">Contact Sales</a>
1600  </nav>
1601</header>
1602
1603<!-- HERO -->
1604<section class="hero">
1605  <h1>Everything Your Practice Needs,<br><span>Intelligently Packaged</span></h1>
1606  <p>Purpose-built EHR and practice management software for allergy, immunotherapy, and specialty clinics — from essential tools to a fully AI-powered clinical edge.</p>
1607  <div class="hero-divider"></div> 
1608</section>
1609
1610 
1611
1612<!-- COMPARISON TABLE -->
1613<section class="compare-section" style="margin-top:60px">
1614  <h2>Compare all Packages <sup style="font-size: 10px;color: var(--mmd-maroon);font-weight: 400;">T&amp;C Apply*</sup>
1615</h2>
1616
1617  <div class="mobile-plan-tabs" id="mobileTabs">
1618    <button class="active" onclick="setActiveCol(0, this)">Essential</button>
1619    <button onclick="setActiveCol(1, this)">Professional</button>
1620    <button onclick="setActiveCol(2, this)">Premium</button>
1621    <button onclick="setActiveCol(3, this)">Elite</button>
1622  </div>
1623
1624  
1625
1626  <div style="overflow-x:auto; border-radius:12px; box-shadow: var(--card-shadow); border: 1px solid var(--gray-200);">
1627  <table class="compare-table" id="compareTable">
1628    <thead>
1629      <tr>
1630        <th>Package</th>
1631        <th>Essential</th>
1632        <th class="">Professional</th>
1633        <th>Premium</th>
1634        <th>Elite</th>
1635      </tr>
1636    </thead>
1637    <tbody>
1638
1639      <!-- Core Cloud -->
1640      <tr class="section-row" onclick="toggleSection('core')">
1641        <td colspan="5">☁️ Core Cloud <span class="toggle-icon">
1642          <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="1.4" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><polyline points="6 9 12 15 18 9"></polyline></svg>
1643        </span></td>
1644      </tr>
1645      <tr class="feature-row" data-section="core">
1646        <td><div class="feature-name">Comprehensive EHR <span class="info-btn" tabindex="0">i<span class="tooltip">Chart Prep, Clinical Notes, Patient Alerts, ePrescribing, Lab Ordering, Referral Notes and Letters, Image Annotation, Patient Recall, Referral Intake, Master Patient Search</span></span></div></td>
1647        <td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td><td class="cell-yes active-col"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td><td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td><td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1648      </tr>
1649      <tr class="feature-row" data-section="core">
1650        <td><div class="feature-name">JOSH AI</div><div class="feature-desc">AI-powered voice documentation</div></td>
1651        <td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1652        <td class="cell-yes active-col"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td><td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td><td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1653      </tr>
1654      <tr class="feature-row" data-section="core">
1655        <td><div class="feature-name">Practice Management (PM) <span class="info-btn" tabindex="0">i<span class="tooltip">Scheduling, Standby Lists, Practice Dashboard, Intake Forms, Document Management, Office Communication, Charge Entry, Claims Management, Financial Dashboard, Patient Receipts, Statement Generation</span></span></div></td>
1656        <td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td><td class="cell-yes active-col"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td><td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td><td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1657      </tr>
1658      <tr class="feature-row" data-section="core">
1659        <td><div class="feature-name">Allergy Specialty Features <span class="info-btn" tabindex="0">i<span class="tooltip">Skin Testing, Patient Handouts, Extract Orders, Vial Mixing, Injections, I/T Dashboard, I/T Contactless Check-in/Check-out, Immunotherapy Cost Estimator (ICE), ACT Questionnaire, Spirometry Integration</span></span></div></td>
1660        <td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1661        <td class="cell-yes active-col"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td><td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td><td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1662      </tr>
1663      <tr class="feature-row" data-section="core">
1664        <td><div class="feature-name">Advanced Reporting & Analytics</div></td>
1665        <td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1666        <td class="cell-yes active-col"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td><td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td><td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1667      </tr>
1668      <tr class="feature-row" data-section="core">
1669        <td><div class="feature-name">Employee Timesheets</div></td>
1670        <td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1671        <td class="cell-yes active-col"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="eve
1671nodd"></path></svg></td><td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td><td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1672      </tr>
1673      <tr class="feature-row" data-section="core">
1674        <td><div class="feature-name">Hubble Health <span class="info-btn" tabindex="0">i<span class="tooltip">Schedule Sync, Appointment Management, Messaging, Facility Visits, ePrescribing</span></span></div></td>
1675        <td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1676        <td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1677        <td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1678        <td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1679      </tr>
1680      <tr class="feature-row" data-section="core">
1681        <td><div class="feature-name">Patient Engagement <span class="info-btn" tabindex="0">i<span class="tooltip"><strong>Patient Portal</strong> <br><ul style="margin-left:20px"><li> Online Scheduling</li><li>Online Bill Pay</li></ul></span></span></div></td>
1682        <td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1683        <td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1684        <td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1685        <td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1686      </tr>
1687      <tr class="feature-row" data-section="core">
1688        <td><div class="feature-name">Hale Hub <span class="info-btn" tabindex="0" style="margin-left: 50px;">i<span class="tooltip"> Patient Portal, Contactless Check-in, Intake Forms, Appointment Management, Messaging, Bill Pay </span></span></div></td>
1689        <td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1690        <td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1691        <td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1692        <td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1693      </tr>
1694      <tr class="feature-row" data-section="core">
1695        <td><div class="feature-name">Services <span class="info-btn" tabindex="0" style="margin-left: 50px;">i<span class="tooltip">Phone, Email, and In-App Help Desk Ticket Support, ModuleMD System Upgrades and Maintenance </span></span></div></td>
1696        <td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1697        <td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1698        <td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1699        <td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1700      </tr>
1701
1702      <!-- Patient Empowerment -->
1703      <tr class="section-row" onclick="toggleSection('patient')">
1704        <td colspan="5">👥 Patient Empowerment <span class="toggle-icon">
1705          <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="1.4" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><polyline points="6 9 12 15 18 9"></polyline></svg>
1706        </span></td>
1707      </tr>
1708      <tr class="feature-row" data-section="patient">
1709        <td><div class="feature-name">Skip Kiosk App</div><div class="feature-desc">Contactless check-in at your practice</div></td>
1710        <td class="cell-no">—</td>
1711        <td class="cell-yes active-col"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1712        <td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td><td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1713      </tr>
1714      <tr class="feature-row" data-section="patient">
1715        <td><div class="feature-name">Spock</div></td>
1716        <td class="cell-no">—</td>
1717        <td class="cell-yes active-col"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1718        <td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td><td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1719      </tr>
1720      <tr class="feature-row" data-section="patient">
1721        <td><div class="feature-name">Telehealth Solutions  </div></td>
1722        <td class="cell-no">—</td><td class="cell-yes active-col"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td><td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763
1722-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td><td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1723      </tr>
1724      <tr class="feature-row" data-section="patient">
1725        <td><div class="feature-name">Online Appointment Booking Link</div></td>
1726        <td class="cell-no">—</td>
1727        <td class="cell-yes active-col"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td><td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td><td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1728      </tr>
1729
1730      <!-- Clinical Edge -->
1731      <tr class="section-row" onclick="toggleSection('clinical')">
1732        <td colspan="5">🔬 Clinical Edge <span class="toggle-icon"><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="1.4" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><polyline points="6 9 12 15 18 9"></polyline></svg></span></td>
1733      </tr>
1734      <tr class="feature-row" data-section="clinical">
1735        <td><div class="feature-name">SmartChart – One-Click Charting</div></td>
1736        <td class="cell-no">—</td><td class="cell-no active-col">—</td><td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td><td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1737      </tr>
1738      <tr class="feature-row" data-section="clinical">
1739        <td><div class="feature-name">Biologics, Infusions & Inventory Management</div></td>
1740        <td class="cell-no">—</td><td class="cell-no active-col">—</td><td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td><td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1741      </tr>
1742      <tr class="feature-row" data-section="clinical">
1743        <td><div class="feature-name">AllerSpect AI™</div><div class="feature-desc">AI-powered skin condition analysis</div></td>
1744        <td class="cell-no">—</td><td class="cell-no active-col">—</td><td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td><td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1745      </tr>
1746
1747      <!-- Max AI -->
1748      <tr class="section-row" onclick="toggleSection('ai')">
1749        <td colspan="5">🤖 Max AI Suite <span class="toggle-icon"><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="1.4" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><polyline points="6 9 12 15 18 9"></polyline></svg></span></td>
1750      </tr>
1751      <tr class="feature-row" data-section="ai">
1752        <td><div class="feature-name">WISE-Touch AI (iPad App)</div><div class="feature-desc">Mobile-first AI-assisted charting</div></td>
1753        <td class="cell-no">—</td><td class="cell-no active-col">—</td><td class="cell-no">—</td><td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1754      </tr>
1755      <tr class="feature-row" data-section="ai">
1756        <td><div class="feature-name">ModuleMDQ</div><div class="feature-desc">Medical intelligence & documentation AI</div></td>
1757        <td class="cell-no">—</td><td class="cell-no active-col">—</td><td class="cell-no">—</td><td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1758      </tr>
1759      <tr class="feature-row" data-section="ai">
1760        <td><div class="feature-name">ICD / CPT Coding AI</div><div class="feature-desc">
1760Automated medical coding suggestions</div></td>
1761        <td class="cell-no">—</td><td class="cell-no active-col">—</td><td class="cell-no">—</td><td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1762      </tr>
1763      <tr class="feature-row" data-section="ai">
1764        <td><div class="feature-name">Referral Intake AI</div><div class="feature-desc">AI-powered referral processing and triage</div></td>
1765        <td class="cell-no">—</td><td class="cell-no active-col">—</td><td class="cell-no">—</td><td class="cell-yes"><svg class="u-display--block " width="20" height="20" fill="#730394" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title></title><path clip-rule="evenodd" d="m14.3838 3.3276c.3164.26739.3561.7406.0887 1.05695l-7.77602 9.20005c-.15078.1783-.37607.2763-.60937.2649s-.44798-.1308-.58067-.323l-3.024-4.38099c-.2353-.34089-.1497-.80799.19119-1.04329.34088-.2353.80798-.14971 1.04328.19118l2.46696 3.5739 7.14303-8.45104c.2674-.31635.7406-.35604 1.0569-.08866z" fill-rule="evenodd"></path></svg></td>
1766      </tr>
1767
1768      
1769
1770      <tr class="feature-row" data-section="support" style="background: var(--gray-300);">
1771        <td><div class="feature-name" style="font-weight: 600;">Pricing Monthly Fee per Provider</div></td>
1772        <td class="cell-yes">
1773		<div class="enquire-btn" data-toggle="modal" data-target="#exampleModalCenter" data-whatever="Essential Package"> Enquire Now</div>
1774        </td>
1775        <td class="cell-yes active-col">
1776          
1777<div class="enquire-btn" data-toggle="modal" data-target="#exampleModalCenter" data-whatever="Professional Package"> Enquire Now</div>
1778        </td>
1779        <td class="cell-yes">
1780
1781<div class="enquire-btn" data-toggle="modal" data-target="#exampleModalCenter" data-whatever="Premium Package"> Enquire Now</div>			
1782        </td>
1783        <td class="cell-yes">
1784 
1785	<div class="enquire-btn" data-toggle="modal" data-target="#exampleModalCenter" data-whatever="Elite Package"> Enquire Now</div>		
1786        </td>
1787      </tr>
1788       
1789
1790    </tbody>
1791  </table>
1792  </div>
1793</section>
1794
1795<!-- RCM Banner-->
1796 <div class="rcm-banner">
1797  <div class="rcm-content">
1798    <h2>Revenue Cycle Management Services</h2>
1799    <p>Let ModuleMD handle the full billing lifecycle — from claims submission to insurance AR follow-up and patient payment processing — so your team can focus on care.</p>
1800    <ul class="rcm-bullets">
1801      <li>Claims Transmission &amp; Scrubbing</li>
1802      <li>Insurance A/R Follow-up</li>
1803      <li>Payment Posting</li>
1804      <li>Patient Statements &amp; Collection</li>
1805      <li>Financial Reporting</li>
1806    </ul>
1807  </div>
1808  <div class="rcm-cta">
1809    <div class="btn-nav" style="min-width: 180px; display: inline-block; text-align: center; text-decoration: none; font-size: 12px; cursor:pointer" data-toggle="modal" data-target="#exampleModalCenter" data-whatever="RCM Pricing">
1810		Get RCM Pricing
1811	  </div>
1812    
1813  </div>
1814</div> 
1815
1816<!-- CLEARNING HOUSE -->
1817<section class="addons-section">
1818  <div class="section-label">Add-On Services</div>
1819  <div class="section-title">Enhance Your Platform <sup style="font-size: 10px;color: var(--mmd-maroon);font-weight: 400;">T&amp;C Apply*</sup>
1820    <!--<div class="tc">T&amp;C: Pricing subject to practice size, selected modules, and contract terms.</div>-->
1821  </div>
1822
1823  <div class="addons-grid">
1824
1825    <div class="addon-card">
1826      <div class="addon-icon">🏥</div>
1827      <div class="addon-name">Clearinghouse — Claims</div>
1828      <div class="addon-desc">Paper &amp; electronic claims (837), real-time claim scrubbing <!--, unlimited insurance eligibility, and claim status inquiry via TriZetto. --></div>
1829    </div>
1830
1831    <div class="addon-card">
1832      <div class="addon-icon">📋</div>
1833      <div class="addon-name">Clearinghouse — Claims+</div>
1834      <div class="addon-desc"><!--Everything in Claims, plus patient responsibility estimates and advanced claim editing capabilities.-->
1835        Everything in Claims, plus unlimited insurance eligibility patient responsibility estimates.
1836      </div>
1837    </div>
1838
1839    <div class="addon-card">
1840      <div class="addon-icon">⚡</div>
1841      <div class="addon-name">Clearinghouse — Advanced</div>
1842      <div class="addon-desc">Full advanced clearinghouse suite with all Claims+ features and expanded editing tools for complex billing environments.</div>
1843    </div>
1844
1845    <div class="addon-card">
1846      <div class="addon-icon">📠</div>
1847      <div class="addon-name">Non-integrated Fax</div>
1848      <div class="addon-desc">
1849        <ul style="margin-left: 16px;">
1850          <li>No additional charge from  </li>
1851          <li>Client must have an analog fax line. These faxes will NOT be integrated 
1851with ModuleMD </li>
1852        </ul>
1853      </div>
1854    </div>
1855
1856    <div class="addon-card">
1857      <div class="addon-icon">📠</div>
1858      <div class="addon-name">Cloud Fax (Basic)</div>
1859      <div class="addon-desc">ModuleMD-integrated cloud fax with up to 2,000 pages per month included. Overage charged per page.</div>
1860    </div>
1861
1862    <div class="addon-card">
1863      <div class="addon-icon">📠</div>
1864      <div class="addon-name">Cloud Fax (Unlimited)</div>
1865      <div class="addon-desc">Unlimited cloud fax pages, fully integrated with ModuleMD. If fax services are cancelled, the assigned fax number will be lost. Existing number porting depends on carrier approval. <!--Ideal for high-volume practices.--></div>
1866    </div>
1867
1868    <div class="addon-card">
1869      <div class="addon-icon">🔔</div>
1870      <div class="addon-name">Automated Appointment Reminders</div>
1871      <div class="addon-desc">Reduce no-shows with automated patient reminders via SMS or email. Pay only per reminder sent.</div>
1872    </div>
1873
1874    <div class="addon-card">
1875      <div class="addon-icon">💊</div>
1876      <div class="addon-name">EPCS</div>
1877      <div class="addon-desc">Electronic Prescribing for Controlled Substances — compliant, secure, and integrated directly into your workflow.</div>
1878    </div>
1879
1880    <div class="addon-card">
1881      <div class="addon-icon">✉️</div>
1882      <div class="addon-name">Direct Messaging</div>
1883      <div class="addon-desc">Secure, HIPAA-compliant direct messaging between providers and health organizations.</div>
1884    </div>
1885
1886    <div class="addon-card">
1887      <div class="addon-icon">📊</div>
1888      <div class="addon-name">Quality Reporting Support</div>
1889      <div class="addon-desc"><!--Dedicated support for MIPS, HEDIS, and other quality reporting programs to maximize your incentive payments.-->
1890        Streamline your quality reporting with built-in tools designed to keep your practice compliant and on track.
1891      </div>
1892    </div>
1893
1894    <div class="addon-card">
1895      <div class="addon-icon">📄</div>
1896      <div class="addon-name">Patient Statements</div>
1897      <div class="addon-desc"><!--Professional printed and mailed patient statements, past-due notices, and final notices handled on your behalf.-->
1898        Professional printed and mailed patient statements.
1899      </div>
1900    </div>
1901
1902    <div class="addon-card">
1903      <div class="addon-icon">🎙️</div>
1904      <div class="addon-name">Transcription Services</div>
1905      <div class="addon-desc">Medical transcription charged per line — accurate, fast, and integrated into your clinical documentation workflow.</div>
1906    </div>
1907
1908    <div class="addon-card">
1909      <div class="addon-icon">📞</div>
1910      <div class="addon-name">Statement Phone Answering</div>
1911      <div class="addon-desc">Live agents answer patient billing questions and collect payments on your behalf. Custom pricing available.</div>
1912    </div>
1913
1914    <div class="addon-card">
1915      <div class="addon-icon"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 40 40" fill="none">
1916  <!-- Shield body -->
1917  <path d="M20 3L5 9V20C5 28.5 11.6 36.4 20 38C28.4 36.4 35 28.5 35 20V9L20 3Z" fill="none" stroke="#2563EB" stroke-width="2" stroke-linejoin="round" style="
1918    stroke: aqua;"></path>
1919  <!-- Checkmark -->
1920  <polyline points="12,20 17,26 28,14" fill="none" stroke="#2563EB" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" style="stroke: aqua;"></polyline>
1921</svg></div>
1922      <div class="addon-name">Credentialing Services</div>
1923      <div class="addon-desc">End-to-end provider credentialing support. Custom pricing based on number of providers and payers.</div>
1924    </div>
1925
1926  </div>
1927</section>
1928
1929<!-- IMPLEMENTATION-->
1930<section class="impl-section">
1931  <div class="section-label">Getting Started</div>
1932  <div class="section-title">Implementation Services <sup style="font-size: 10px;color: var(--mmd-maroon);font-weight: 400;">T&amp;C Apply*</sup>
1933    <!--<div class="tc">T&amp;C: Pricing subject to practice size, selected modules, and contract terms.</div>-->
1934  </div>
1935  <div class="impl-grid">
1936    <div class="impl-card">
1937      <div class="impl-step">Step 1</div>
1938      <div class="impl-name">Site Setup</div>
1939      <div class="impl-desc">Complete configuration of your ModuleMD environment, tailored to your practice's workflows and specialty.</div>
1940    </div>
1941    <div class="impl-card">
1942      <div class="impl-step">Step 2</div>
1943      <div class="impl-name">Data Migration</div>
1944      <div class="impl-desc">Seamless migration of patient records, billing data, and clinical history from your existing software vendor.</div>
1945    </div>
1946    <div class="impl-card">
1947      <div class="impl-step">Step 3</div>
1948      <div class="impl-name">
1948Virtual Training</div>
1949      <div class="impl-desc">Up to 10 hours of dedicated virtual training for your team, ensuring confident adoption from day one.</div>
1950    </div>
1951    <div class="impl-card">
1952      <div class="impl-step">Optional</div>
1953      <div class="impl-name">Additional Training</div>
1954      <div class="impl-desc">Additional virtual training hours available as needed, at an hourly rate. Perfect for onboarding new staff.</div>
1955    </div>
1956    <div class="impl-card">
1957      <div class="impl-step">Optional</div>
1958      <div class="impl-name">Onsite Go-Live Support</div>
1959      <div class="impl-desc">In-person support from a ModuleMD specialist during your go-live day. Custom scoped to your practice size.</div>
1960    </div>
1961    <!--<div class="impl-card">
1962      <div class="impl-step">Optional</div>
1963      <div class="impl-name">Credentialing Services</div>
1964      <div class="impl-desc">End-to-end provider credentialing support. Custom pricing based on number of providers and payers.</div>
1965    </div>-->
1966  </div>
1967</section>
1968
1969<!--INTEGRATIONS-->
1970<section class="integrations-section">
1971  <div class="section-label">Standard Integrations</div>
1972  <div class="section-title">Connect Your Ecosystem <sup style="font-size: 10px;color: var(--mmd-maroon);font-weight: 400;">T&amp;C Apply*</sup>
1973     <!--<div class="tc">T&amp;C: Pricing subject to practice size, selected modules, and contract terms.</div>-->
1974  </div>
1975  <div class="int-grid">
1976    <div class="int-card"><div class="int-dot"></div><div class="int-name">Quest Interface</div></div>
1977    <div class="int-card"><div class="int-dot"></div><div class="int-name">LabCorp (Bidirectional)</div></div>
1978    <div class="int-card"><div class="int-dot"></div><div class="int-name">Hospital Lab Interoperability</div></div>
1979    <div class="int-card"><div class="int-dot"></div><div class="int-name">CommonWell Health Alliance</div></div>
1980    <div class="int-card"><div class="int-dot"></div><div class="int-name">Spirometry Device Integration</div></div>
1981    <div class="int-card"><div class="int-dot"></div><div class="int-name">TriZetto Clearinghouse</div></div>
1982    <div class="int-card"><div class="int-dot"></div><div class="int-name">EFT &amp; 835 Payment Automation</div></div>
1983    <div class="int-card"><div class="int-dot"></div><div class="int-name">Integrated Credit Card Processing</div></div>
1984  </div>
1985</section>
1986 
1987
1988<!-- CTA BANNER -->
1989<section class="cta-banner">
1990  <h2>Ready to Transform Your Practice?</h2>
1991  <p>Talk to our team to find the right package and build a custom quote for your clinic.</p>
1992  <div class="cta-banner-btns">
1993    <a href="/contact-us" class="btn-primary" style="background: var(--mmd-blue);">Contact Sales</a>
1994    <!--<a href="https://modulemd.com/contact-us" class="btn-secondary">Schedule a Demo</a>-->
1995	<div class="btn btn-md  btn-secondary  font-pop mr10 btn-grad1 mb-5 mt-5" data-toggle="modal" data-target="#exampleModalCenter" data-whatever="Schedule a Demo">Schedule a Demo</div>
1996  </div>
1997  <div style="text-align: center;display: flex; align-items: center;justify-content: center;">
1998	<div class="tc" style="margin-top: 22px;background: transparent;color: #f7f7f79d;border: transparent;font-size: 12px;">
1999		T&amp;C: Pricing subject to practice size, selected modules, and contract terms.
2000	</div>
2001  </div>
2002</section>
2003
2004<!-- FOOTER -->
2005<footer>
2006  <p style="margin-bottom:10px;"></p>
2007  <p>© 2026 ModuleMD. All rights reserved. </p>
2008</footer>
2009
2010<script>
2011  // Billing toggle
2012  function setBilling(type, btn) {
2013    document.querySelectorAll('.billing-toggle button').forEach(b => b.classList.remove('active'));
2014    btn.classList.add('active');
2015  }
2016
2017  // Section toggle
2018  function toggleSection(id) {
2019    const rows = document.querySelectorAll(`[data-section="${id}"]`);
2020    const header = document.querySelector(`.section-row[onclick*="${id}"]`);
2021    const isCollapsed = header.classList.contains('collapsed');
2022    header.classList.toggle('collapsed');
2023    rows.forEach(r => r.style.display = isCollapsed ? '' : 'none');
2024  }
2025
2026  // Mobile column switching
2027  let activeColIndex = 1; // Professional by default
2028  function setActiveCol(index, btn) {
2029    activeColIndex = index + 1; // +1 for feature name column
2030    document.querySelectorAll('.mobile-plan-tabs button').forEach(b => b.classList.remove('active'));
2031    btn.classList.add('active');
2032    // Show/hide on mobile handled by CSS active-col class
2033    // For simplicity, just store and re-apply
2034    document.querySelectorAll('.compare-table th:not(:first-child)').forEach((th, i) => {
2035      th.classList.toggle('active-col', i === index);
2036    });
2037    document.querySelectorAll('.compare-table td:not(:first-child)').forEach((td, i) => {
2038      const colInRow = i % 4;
2039      td.classList.toggle('active-col', colInRow === index);
2040    });
2041  }
2042
2043  // Animate plan cards on load
2044  document.querySelectorAll('.plan-card').forEach((card, i) => {
2045    card.style.opacity = '0';
2046    card.style.transform = card.classList.contains('featured') ? 'translateY(-4px)' : 'translateY(8px)';
2047    setTimeout(() => {
2048      card.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
2049      card.style.opacity = '1';
2050      card.style.transform = card.classList.contains('featured') ? 'translateY(-8px)' : 'translateY(0)';
2051    }, 100 + i * 80);
2052  });
2053</script>
2053
2054	
2055
2056<!-- Footer SECTION -->
2057 
2058<script type="text/javascript" src="https://modulemd.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
vendor: 1 bytes, line 2058
2058
2059<script type="text/javascript" src="https://modulemd.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
2059
2060
2061<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="  crossorigin="anonymous"></script>
2061
2062  
2062<script src="" crossorigin="anonymous"></script>
2062
2063  
2063<script src="/wp-content/themes/newsite/assets/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
2063 
2064  
2064<script> window.jQuery || document.write('
2064<script src="assets/js/jquery.slim.min.js"><\/script>')</script>
2064
2065
2066 
2067
2068<style type="text/css"> 
2069    h3.h6.text-white.mb-3 {     font-size: 1.0rem; }
2070    .list-group-item {    position: relative;    display: block;    padding: 0.35rem 0.25rem;     background-color: transparent !important;    /* border: 1px solid rgba(0,0,0,.125); */}
2071    .list-group-item-action {    width: 100%;    color: #FFF;    text-align: inherit;}
2072    .modal { z-index:99999 !important }
2073    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: red; background-color: #fff; border-color: red red #fff;}
2074    .bd {padding: 10px; border-color: red; border: 1px solid red; border-top: 0;}
2075    .nav-tabs { border-bottom: 1px solid red;}
2076    .actions { padding: 0 !implements;}
2077	ul.inputs-list.multi-container > .hs-form-radio {  width: auto !important;  display: inline-flex;  margin-right: 20px;
2078    align-items: center;}
2079</style>
2080<div class="modal fade glass" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" data-backdrop="static" data-keyboard="false" style="display: none;" aria-hidden="true">
2081  <div class="modal-dialog modal-dialog-centered tx-14 tx-gray-02 font-pop" role="document">
2082    <div class="modal-content" style="padding:16px">
2083     <div class="modal-header" style="background: var(--mmd-blue); ">
2084        <h5 class="modal-title font-pop fw-500 text-blue tx-16 tx-white" id="exampleModalCenterTitle" style="color: white !important;">Schedule a Demo</h5>
2085        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
2086          <span aria-hidden="true" class="fw-100 tx-28 font-pop" style="color:white !important">×</span>
2087        </button>
2088      </div>
2089       
2090      <div class="tab-content " id="myTabContent">
2091        <div class="tab-pane fade show active" id="sales" role="tabpanel" aria-labelledby="sales-tab">
2092           
2093        
2094          
2095          
2095<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
2095
2096          
2096<script>
2097            hbspt.forms.create({
2098              region: "na1",
2099              portalId: "21714655",
2100              //formId: "dedbc8d4-2218-48a7-a27d-a1fc4ab28650"
2101                formId: "69470fc0-3299-4aff-ad72-534c70e0b752"
2102            });
2103          </script>
2103
2104
2105
2106
2107
2108        </div>
2109         
2110      </div>
2111      <!-- END of Tabbed Forms for Sales & Customer Services -->
2112
2113
2114    </div>
2115  </div>
2116</div>
2117
2118 
2119
2120
2121
2122 
2123
2124
2125 
2126 
2127
2128	
2129 
2130<script>
2131    
2132	
2133   $('#exampleModalCenter').on('show.bs.modal', function (event) {
2134   	$("#exampleModalCenter").modal({"backdrop": "static"});
2135   	var button = $(event.relatedTarget) // Button that triggered the modal
2136   	var dialogTitle = button.data('whatever') // Extract info from data-* attributes
2137	
2138	console.log(dialogTitle);
2139	   
2140   	// If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
2141   	// Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
2142   	var modal = $(this)
2143   	modal.find('.modal-title').text(dialogTitle);
2144   	modal.find('.modal-footer input.ctaBtn').val(dialogTitle)
2145   	//$('#exampleModalCenter').css('display','block');
2146            })
2147   
2148      
2149</script>
2149	
2150
2151
2152 
2153 
2154
2155	
2156	
2157</body>
2158</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.