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&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&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 & Scrubbing</li> 1802 <li>Insurance A/R Follow-up</li> 1803 <li>Payment Posting</li> 1804 <li>Patient Statements & 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&C Apply*</sup> 1820 <!--<div class="tc">T&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 & 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&C Apply*</sup> 1933 <!--<div class="tc">T&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&C Apply*</sup> 1973 <!--<div class="tc">T&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 & 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&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.