PageSourceSearch

https://chiropracticexperience.com/about-the-chiropractic-experience-in-lawrence-ks

html chiropracticexperience.com collected 2026-10-06 13:55:07 UTC 126,438 bytes, 2,364 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  
5  <meta charset="UTF-8">
6  <meta name="viewport" content="width=device-width, initial-scale=1.0">
7  <meta http-equiv="X-UA-Compatible" content="ie=edge">
8  
9  <!-- Primary Meta Tags -->
10  <title>About The Chiropractic Experience in Lawrence, KS</title>
11  <meta name="title" content="About The Chiropractic Experience in Lawrence, KS">
12  <meta name="description" content="Discover The Chiropractic Experience in Lawrence, KS—founded by Dr. Mark Howarter and specializing in compassionate, family-focused chiropractic care, advanc...">
13  <meta name="keywords" content="chiropractic care, about The Chiropractic Experience, Lawrence KS chiropractor, holistic health, neuropathy, pain management, family chiropractic, wellness clinic, Douglas County, schedule, appointment, image, chiropractic, experience, lawrence, founded, mark, spinal adjustment, back pain relief, neck pain treatment, posture correction, sports injury treatment, auto accident injury">
14  <meta name="author" content="Aloha Studio">
15  <meta name="robots" content="index, follow">
16  <meta name="language" content="English">
17  <meta name="generator" content="AlohaStudio">
18  <meta name="medical-specialty" content="Chiropractic">
19  
20  <!-- Medical/Healthcare specific meta tags -->
21  
22  <meta name="medical-disclaimer" content="This website provides general information and should not replace professional medical advice.">
23  <meta name="health-content-type" content="chiropractic-care">
24  
25  <!-- Canonical URL -->
26  <link rel="canonical" href="https://chiropracticexperience.com/about-the-chiropractic-experience-in-lawrence-ks">
27  
28  <!-- Open Graph / Facebook -->
29  <meta property="og:type" content="website">
30  <meta property="og:url" content="https://chiropracticexperience.com/about-the-chiropractic-experience-in-lawrence-ks">
31  <meta property="og:title" content="About The Chiropractic Experience in Lawrence, KS">
32  <meta property="og:description" content="Discover The Chiropractic Experience in Lawrence, KS—founded by Dr. Mark Howarter and specializing in compassionate, family-focused chiropractic care, advanc...">
33  <meta property="og:image" content="https://media-library.getaloha.com/01KA1N7PXRYFHVR2HZ0T5WSSAJ/035f1de6-c158-48a6-a112-f8a22f913415_logo-white-1-png-1-png.webp">
34  <meta property="og:site_name" content="About The Chiropractic Experience in Lawrence, KS">
35  
36  <!-- Twitter -->
37  <meta property="twitter:card" content="summary_large_image">
38  <meta property="twitter:url" content="https://chiropracticexperience.com/about-the-chiropractic-experience-in-lawrence-ks">
39  <meta property="twitter:title" content="About The Chiropractic Experience in Lawrence, KS">
40  <meta property="twitter:description" content="Discover The Chiropractic Experience in Lawrence, KS—founded by Dr. Mark Howarter and specializing in compassionate, family-focused chiropractic care, advanc...">
41  <meta property="twitter:image" content="https://media-library.getaloha.com/01KA1N7PXRYFHVR2HZ0T5WSSAJ/035f1de6-c158-48a6-a112-f8a22f913415_logo-white-1-png-1-png.webp">
42  
43  <!-- Performance optimizations -->
44  <link rel="preconnect" href="https://fonts.googleapis.com">
45  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
46  <link rel="preconnect" href="https://cdn.jsdelivr.net">
47  
48  <!-- CSS Variables - Must be defined BEFORE external stylesheets that use them -->
49  <style>
50    :root {
51      --primary-color: var(--color-primary, #11a08f);
52    --secondary-color: #008fcd;
53    --text-color: #333333;
54    --accent-color: #ffc107;
55    --spacing-unit: 16px;
56    --border-radius: 4px;
57    --box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
58    --transition-speed: 0.3s;
59    --dark-bg: #333333;
60    --light-text: #ffffff;
61    --white-bg: #ffffff;
62    --font-family: Montserrat;
63    --button-radius: 6px;
64    --font-size-title: clamp(1.5rem, 2.5vw, 2.25rem);
65    --font-size-subtitle: clamp(1.125rem, 2vw, 1.5rem);
66    --font-size-paragraph: clamp(0.75rem, 1.5vw, 0.875rem);
67    --padding-vertical: clamp(0.625rem, 1.5vw, 1rem);
68    --padding-horizontal: clamp(0.625rem, 1.5vw, 1rem);
69    --padding-combined: clamp(0.625rem, 1.5vw, 1rem) clamp(0.625rem, 1.5vw, 1rem);
70    --logo-height: 75px;
71    --mobile-logo-height: 40px;
72    --button-font-weight: 500;
73      /* Ant Design CSS Variables */
74  --default-primary-color: #2270c7;
75  --ant-color-primary: var(--primary-color, var(--default-primary-color));
76  --ant-color-success: #52c41a;
77  --ant-color-warning: #faad14;
78  --ant-color-error: #ff4d4f;
79  --ant-color-info: var(--primary-color, var(--default-primary-color));
80  --ant-color-text: rgba(0, 0, 0, 0.88);
81  --ant-color-text-secondary: rgba(0, 0, 0, 0.65);
82  --ant-color-border: #d9d9d9;
83  --ant-color-bg-container: #ffffff;
84  --ant-color-bg-layout: #f5f5f5;
85  --ant-border-radius: 6px;
86  --ant-font-size: 14px;
87  --ant-line-height: 1.5715;
88  /* Ant Design Button Variables */
89  --ant-btn-primary-text-color: #ffffff;
90  --ant-button-primary-color: var(--ant-btn-primary-text-color);
91  --ant-btn-text-color: var(--text-color, var(--default-primary-color));
92    }
93  </style>
94  
95  <!-- Stylesheets -->
96  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'">
97  <noscript><link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet"></noscript>
98  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
99  <link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'">
100  <link href="https://cdn.jsdelivr.net/npm/antd/dist/antd.min.css" rel="stylesheet">
101  
102  <!-- Favicon -->
103  
104  
105  <!-- Styles -->
106  <style>
107    
108  html {
109    scroll-behavior: smooth;
110  }
111
112  body {
113    font-family: var(--font-family), -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
114    margin: 0;
115    padding: 0;
116    padding-top: 80px; /* Initial fallback - will be dynamically adjusted by JavaScript */
117    color: var(--color-text, var(--text-color));
118    line-height: 1.6;
119  }
120
121  .container {
122    width: 100%;
123    max-width: 1200px;
124    margin: 0 auto;
125    padding: 0 var(--spacing-unit);
126  }
127
128  img {
129    max-width: 100%;
130    height: auto;
131  }
132
133  a {
134    color: var(--default-primary-color);
135    text-decoration: none;
136    transition: color var(--transition-speed);
137  }
138
139  a:hover {
140    color: #1756a9;
141  }
142
143  .btn {
144    display: inline-block;
145    padding: 10px 20px;
146    background-color: var(--primary-color);
147    color: var(--light-text);
148    border: none;
149    border-radius: var(--border-radius);
150    cursor: pointer;
151    transition: background-color var(--transition-speed);
152  }
153
154  .btn:hover {
155    background-color: #1756a9;
156  }
157
158  .two-column-section {
159    display: flex;
160    flex-wrap: wrap;
161  }
162
163  .two-column-section > div {
164    flex: 1;
165    min-width: 300px;
166    padding: var(--spacing-unit);
167  }
168
169  .section {
170    padding: 40px 0;
171  }
172
173  .hero {
174    text-align: center;
175    padding: 80px 0;
176    background-color: var(--secondary-color);
177  }
178
179  #navigation {
180    display: flex;
181    justify-content: space-between;
182    align-items: center;
183    padding: var(--padding-combined, 1rem);
184    box-shadow: var(--box-shadow);
185    position: fixed;
186    top: 0;
187    left: 0;
188    right: 0;
189    z-index: 1000;
190    transition: background-color 0.3s ease;
191  }
192
193  .navigation-links {
194    display: flex;
195    gap: 20px;
196  }
197
198  #navigation .ant-btn {
199    text-shadow: none;
200  }
201
202  #navigation ul {
203    margin-bottom: 0px;
204  }
205      
206  @media (min-width: 1024px) {
207    #navigation img.navigation-logo-mobile {
208      max-height: var(--logo-height, 50px);
209      height: auto;
210    }
211  }
212    
213  @media (max-width: 1023px) {
214    #navigation img.navigation-logo-mobile,
215    #navigation a img.navigation-logo-mobile,
216    #navigation div img.navigation-logo-mobile {
217      max-height: var(--mobile-logo-height, 40px) !important;
218      height: auto !important;
219      width: auto;
220    }
221  }
222
223  /* Custom dropdown navigation styles */
224  .dropdown-container {
225    position: relative;
226  }
227
228  .dropdown-container:hover .dropdown-menu {
229    opacity: 1 !important;
230    visibility: visible !important;
231  }
232
233  .dropdown-menu {
234    position: absolute;
235    top: 100%;
236    left: 0;
237    margin-top: 4px;
238    min-width: 200px;
239    border-radius: 6px;
240    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
241    z-index: 50;
242    opacity: 0;
243    visibility: hidden;
244    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
245    list-style: none;
246    padding: 0;
247    margin: 0;
248  }
249
250  .dropdown-menu li {
251    list-style: none;
252  }
253
254  .dropdown-menu a {
255    display: block;
256    padding: 8px 16px;
257    font-size: 14px;
258    text-decoration: none;
259    transition: background-color 0.15s ease-in-out;
260  }
261
262  .dropdown-menu a:hover {
263    background-color: var(--menu-hover, rgba(0, 0, 0, 0.05));
264  }
265
266  .dropdown-menu a:focus-visible {
267    outline: 2px solid currentcolor;
268    outline-offset: -2px;
269  }
270
271  .dropdown-menu li:first-child a {
272    border-top-left-radius: 6px;
273    border-top-right-radius: 6px;
274  }
275
276  .dropdown-menu li:last-child a {
277    border-bottom-left-radius: 6px;
278    border-bottom-right-radius: 6px;
279  }
280
281  /* Mobile drawer layout – flex column so content scrolls */
282  [data-element="mobile-menu-drawer"] {
283    display: flex;
284    flex-direction: column;
285    overflow: hidden;
286  }
287
288  /* Mobile navigation styles */
289  .mobile-menu-content {
290    padding: 0;
291    overflow-y: auto;
292    flex: 1;
293    min-height: 0;
294    background-color: inherit;
295  }
296
297  .mobile-menu-item {
298    border-bottom: none;
299  }
300
301  .mobile-menu-item:last-child {
302    border-bottom: none;
303  }
304
305  .mobile-menu-row:hover,
306  .mobile-menu-link:hover {
307    background-color: var(--menu-hover, rgba(0, 0, 0, 0.05));
308  }
309
310  .mobile-submenu-toggle:hover {
311    background-color: var(--menu-hover, rgba(0, 0, 0, 0.05));
312  }
313
314  .mobile-submenu-toggle:focus-visible,
315  .mobile-menu-link:focus-visible {
316    outline: 2px solid currentcolor;
317    outline-offset: -2px;
318  }
319
320  .mobile-submenu {
321    border-left: 3px solid var(--primary-color);
322    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
323    overflow: hidden;
324  }
325
326  .mobile-submenu.max-h-0 {
327    max-height: 0 !important;
328    opacity: 0;
329  }
330
331  .mobile-submenu.max-h-96,
332  .mobile-submenu.max-h-open {
333    max-height: 50rem !important;
334    opacity: 1;
335  }
336
337  .mobile-submenu a {
338    color: #6b7280;
339    font-size: 14px;
340    padding: 8px 16px;
341    display: block;
342    text-decoration: none;
343    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
344  }
345
346  .mobile-submenu a:hover {
347    background-color: #f3f4f6;
348    color: #374151;
349  }
350
351  /* Submenu toggle button styles */
352  [data-submenu-toggle] {
353    background: none;
354    border: none;
355    cursor: pointer;
356    color: #6b7280;
357    transition: color 0.15s ease-in-out;
358  }
359
360  [data-submenu-toggle]:hover {
361    color: #374151;
362  }
363
364  [data-submenu-toggle] svg {
365    transition: transform 0.2s ease-in-out;
366  }
367
368  [data-submenu-toggle] svg.rotate-180 {
369    transform: rotate(180deg);
370  }
371
372
373
374  /* Mobile navigation action buttons - specific styles to override general button styles */
375  a.mobile-action-button {
376    font-size: 20px !important;
377    border: none !important;
378    background: transparent !important;
379    padding: 4px !important;
380    min-width: 32px;
381    min-height: 32px;
382    display: flex !important;
383    align-items: center !important;
384    justify-content: center !important;
385  }
386
387  a.mobile-action-button .anticon {
388    font-size: 20px !important;
389  }
390
391  a.mobile-action-button:hover,
392  a.mobile-action-button:focus,
393  a.mobile-action-button:active {
394    background: transparent !important;
395  }
396
397  /* Comprehensive button styling for anchor tags with button classes */
398  a.ant-btn {
399    display: inline-flex;
400    align-items: center;
401    justify-content: center;
402    padding: 6px 15px !important;
403    font-size: 14px;
404    font-weight: 500;
405    line-height: 1.5;
406    text-decoration: none;
407    border: 1px solid transparent;
408    border-radius: var(--button-radius, 6px);
409    font-family: var(--font-family, 'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif');
410    cursor: pointer;
411    transition: all 0.3s ease;
412    box-sizing: border-box;
413    position: relative;
414    white-space: normal;
415    user-select: none;
416    vertical-align: middle;
417    text-wrap: auto;
418    height: auto;
419  }
420
421  /* Primary button styles for anchors */
422  a.ant-btn-primary {
423    background-color: var(--primary-color);
424    border-color: var(--primary-color);
425    color: var(--ant-btn-primary-text-color);
426  }
427
428  a.ant-btn-primary:hover {
429    background-color: var(--primary-color);
430    border-color: var(--primary-color);
431    color: #ffffff;
432    opacity: 0.9;
433  }
434
435  a.ant-btn-primary:focus {
436    background-color: var(--primary-color);
437    border-color: var(--primary-color);
438    color: #ffffff;
439    opacity: 0.8;
440  }
441
442  /* Ghost/Outline button styles for anchors */
443  a.ant-btn-background-ghost,
444  a.ant-btn.ant-btn-background-ghost {
445    background-color: transparent;
446    border-color: var(--primary-color);
447    color: var(--primary-color);
448  }
449
450  a.ant-btn-background-ghost:hover,
451  a.ant-btn.ant-btn-background-ghost:hover {
452    background-color: var(--primary-color);
453    border-color: var(--primary-color);
454    color: #ffffff;
455  }
456
457  a.ant-btn-background-ghost:focus,
458  a.ant-btn.ant-btn-background-ghost:focus {
459    background-color: var(--primary-color);
460    border-color: var(--primary-color);
461    color: #ffffff;
462  }
463
464  /* Override ghost button hover for white backgrounds - must override background-color AND text color */
465  a.ant-btn-background-ghost[style*="background-color: white"]:hover,
466  a.ant-btn-background-ghost[style*="background-color:#fff"]:hover,
467  a.ant-btn-background-ghost[style*="background-color: #fff"]:hover,
468  a.ant-btn-background-ghost[style*="background-color:#ffffff"]:hover,
469  a.ant-btn-background-ghost[style*="background-color: #ffffff"]:hover,
470  a.ant-btn-background-ghost[style*="background-color:rgb(255, 255, 255)"]:hover,
471  a.ant-btn-background-ghost[style*="background-color: rgb(255, 255, 255)"]:hover,
472  a.ant-btn-background-ghost[style*="background-color:rgba(255, 255, 255"]:hover,
473  a.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"]:hover,
474  a.ant-btn.ant-btn-background-ghost[style*="background-color: white"]:hover,
475  a.ant-btn.ant-btn-background-ghost[style*="background-color:#fff"]:hover,
476  a.ant-btn.ant-btn-background-ghost[style*="background-color: #fff"]:hover,
477  a.ant-btn.ant-btn-background-ghost[style*="background-color:#ffffff"]:hover,
478  a.ant-btn.ant-btn-background-ghost[style*="background-color: #ffffff"]:hover,
479  a.ant-btn.ant-btn-background-ghost[style*="background-color:rgb(255, 255, 255)"]:hover,
480  a.ant-btn.ant-btn-background-ghost[style*="background-color: rgb(255, 255, 255)"]:hover,
481  a.ant-btn.ant-btn-background-ghost[style*="background-color:rgba(255, 255, 255"]:hover,
482  a.ant-btn.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"]:hover {
483    background-color: #f5f5f5;
484    border-color: var(--primary-color, var(--default-primary-color));
485    color: var(--primary-color, var(--default-primary-color));
486  }
487
488  /* Default button styles for anchors */
489  a.ant-btn-default {
490    background-color: #ffffff;
491    border-color: #d9d9d9;
492    color: #000000d9;
493  }
494
495  a.ant-btn-default:hover {
496    background-color: #ffffff;
497    border-color: var(--primary-color);
498    color: var(--primary-color);
499  }
500
501  /* Large button size */
502  a.ant-btn-lg {
503    padding: 10px 20px;
504    font-size: 16px;
505    border-radius: 8px;
506  }
507
508  /* Small button size */
509  a.ant-btn-sm {
510    padding: 4px 10px;
511    font-size: 12px;
512    border-radius: 4px;
513  }
514
515  /* Block button (full width) */
516  a.ant-btn-block {
517    width: 100%;
518    display: flex;
519  }
520
521  /* Link button styles for anchors */
522  a.ant-btn-link {
523    background-color: transparent;
524    border-color: transparent;
525    color: var(--primary-color);
526    box-shadow: none;
527    padding: 0;
528  }
529
530  a.ant-btn-link:hover {
531    background-color: transparent;
532    border-color: transparent;
533    color: var(--primary-color);
534    opacity: 0.8;
535  }
536
537  /* Text button styles for anchors */
538  a.ant-btn-text {
539    background-color: transparent;
540    border-color: transparent;
541    color: #000000d9;
542    box-shadow: none;
543  }
544
545  a.ant-btn-text:hover {
546    background-color: #f5f5f5;
547    border-color: transparent;
548    color: #000000d9;
549  }
550
551  /* Dashed button styles for anchors */
552  a.ant-btn-dashed {
553    background-color: #ffffff;
554    border-color: #d9d9d9;
555    border-style: dashed;
556    color: #000000d9;
557  }
558
559  a.ant-btn-dashed:hover {
560    background-color: #ffffff;
561    border-color: var(--primary-color);
562    color: var(--primary-color);
563  }
564
565  /* Ensure button spans inherit color */
566  a.ant-btn > span {
567    color: inherit;
568  }
569
570  /* Fix for ghost buttons to ensure proper text color */
571  a.ant-btn-background-ghost > span {
572    color: inherit;
573  }
574
575  /* Ensure ghost button text is white on hover, overriding any inline styles */
576  a.ant-btn-background-ghost:hover > span,
577  a.ant-btn.ant-btn-background-ghost:hover > span {
578    color: #ffffff;
579  }
580
581  a.ant-btn-background-ghost:focus > span,
582  a.ant-btn.ant-btn-background-ghost:focus > span {
583    color: #ffffff;
584  }
585
586  /* Override ghost button white text for white backgrounds - must come after ghost button rules */
587  /* Higher specificity: class + attribute + pseudo-class + child combinator + element */
588  a.ant-btn-background-ghost[style*="background-color: white"]:hover > span,
589  a.ant-btn-background-ghost[style*="background-color:#fff"]:hover > span,
590  a.ant-btn-background-ghost[style*="background-color: #fff"]:hover > span,
591  a.ant-btn-background-ghost[style*="background-color:#ffffff"]:hover > span,
592  a.ant-btn-background-ghost[style*="background-color: #ffffff"]:hover > span,
593  a.ant-btn-background-ghost[style*="background-color:rgb(255, 255, 255)"]:hover > span,
594  a.ant-btn-background-ghost[style*="background-color: rgb(255, 255, 255)"]:hover > span,
595  a.ant-btn-background-ghost[style*="background-color:rgba(255, 255, 255"]:hover > span,
596  a.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"]:hover > span,
597  a.ant-btn.ant-btn-background-ghost[style*="background-color: white"]:hover > span,
598  a.ant-btn.ant-btn-background-ghost[style*="background-color:#fff"]:hover > span,
599  a.ant-btn.ant-btn-background-ghost[style*="background-color: #fff"]:hover > span,
600  a.ant-btn.ant-btn-background-ghost[style*="background-color:#ffffff"]:hover > span,
601  a.ant-btn.ant-btn-background-ghost[style*="background-color: #ffffff"]:hover > span,
602  a.ant-btn.ant-btn-background-ghost[style*="background-color:rgb(255, 255, 255)"]:hover > span,
603  a.ant-btn.ant-btn-background-ghost[style*="background-color: rgb(255, 255, 255)"]:hover > span,
604  a.ant-btn.ant-btn-background-ghost[style*="background-color:rgba(255, 255, 255"]:hover > span,
605  a.ant-btn.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"]:hover > span {
606    color: var(--primary-color, var(--default-primary-color));
607  }
608
609  /* Ghost buttons in navigation with white background - keep text dark on hover */
610  /* Higher specificity: ID + class + pseudo-class + child combinator + element */
611  #navigation a.ant-btn-background-ghost:hover > span,
612  #navigation a.ant-btn.ant-btn-background-ghost:hover > span {
613    color: var(--primary-color, var(--default-primary-color));
614  }
615
616  #navigation a.ant-btn-background-ghost:hover,
617  #navigation a.ant-btn.ant-btn-background-ghost:hover {
618    background-color: transparent;
619    color: var(--primary-color, var(--default-primary-color));
620  }
621
622  /* Danger button styles for anchors */
623  a.ant-btn-danger {
624    background-color: #ff4d4f;
625    border-color: #ff4d4f;
626    color: #ffffff;
627  }
628
629  a.ant-btn-danger:hover {
630    background-color: #ff7875;
631    border-color: #ff7875;
632    color: #ffffff;
633  }
634
635  /* Custom color support for anchor buttons */
636  a.ant-btn[style*="background-color"] {
637    border-color: inherit;
638  }
639
640  a.ant-btn[style*="background-color"]:hover {
641    opacity: 0.9;
642  }
643
644  /* Fix for white/light backgrounds - ensure text is visible */
645  /* Use high specificity to override ghost button white text rule without !important */
646  /* Match various white color formats in inline styles */
647  a.ant-btn-background-ghost[style*="background-color: white"],
648  a.ant-btn-background-ghost[style*="background-color:#fff"],
649  a.ant-btn-background-ghost[style*="background-color: #fff"],
650  a.ant-btn-background-ghost[style*="background-color:#ffffff"],
651  a.ant-btn-background-ghost[style*="background-color: #ffffff"],
652  a.ant-btn-background-ghost[style*="background-color:rgb(255, 255, 255)"],
653  a.ant-btn-background-ghost[style*="background-color: rgb(255, 255, 255)"],
654  a.ant-btn-background-ghost[style*="background-color:rgba(255, 255, 255"],
655  a.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"],
656  a.ant-btn.ant-btn-background-ghost[style*="background-color: white"],
657  a.ant-btn.ant-btn-background-ghost[style*="background-color:#fff"],
658  a.ant-btn.ant-btn-background-ghost[style*="background-color: #fff"],
659  a.ant-btn.ant-btn-background-ghost[style*="background-color:#ffffff"],
660  a.ant-btn.ant-btn-background-ghost[style*="background-color: #ffffff"],
661  a.ant-btn.ant-btn-background-ghost[style*="background-color:rgb(255, 255, 255)"],
662  a.ant-btn.ant-btn-background-ghost[style*="background-color: rgb(255, 255, 255)"],
663  a.ant-btn.ant-btn-background-ghost[style*="background-color:rgba(255, 255, 255"],
664  a.ant-btn.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"],
665  a.ant-btn[style*="background-color: white"],
666  a.ant-btn[style*="background-color:#fff"],
667  a.ant-btn[style*="background-color: #fff"],
668  a.ant-btn[style*="background-color:#ffffff"],
669  a.ant-btn[style*="background-color: #ffffff"],
670  a.ant-btn[style*="background-color:rgb(255, 255, 255)"],
671  a.ant-btn[style*="background-color: rgb(255, 255, 255)"],
672  a.ant-btn[style*="background-color:rgba(255, 255, 255"],
673  a.ant-btn[style*="background-color: rgba(255, 255, 255"] {
674    color: var(--primary-color, var(--default-primary-color));
675  }
676
677  /* High specificity hover rules for white backgrounds */
678  a.ant-btn-background-ghost[style*="background-color: white"]:hover,
679  a.ant-btn-background-ghost[style*="background-color:#fff"]:hover,
680  a.ant-btn-background-ghost[style*="background-color: #fff"]:hover,
681  a.ant-btn-background-ghost[style*="background-color:#ffffff"]:hover,
682  a.ant-btn-background-ghost[style*="background-color: #ffffff"]:hover,
683  a.ant-btn-background-ghost[style*="background-color:rgb(255, 255, 255)"]:hover,
684  a.ant-btn-background-ghost[style*="background-color: rgb(255, 255, 255)"]:hover,
685  a.ant-btn-background-ghost[style*="background-color:rgba(255, 255, 255"]:hover,
686  a.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"]:hover,
687  a.ant-btn.ant-btn-background-ghost[style*="background-color: white"]:hover,
688  a.ant-btn.ant-btn-background-ghost[style*="background-color:#fff"]:hover,
689  a.ant-btn.ant-btn-background-ghost[style*="background-color: #fff"]:hover,
690  a.ant-btn.ant-btn-background-ghost[style*="background-color:#ffffff"]:hover,
691  a.ant-btn.ant-btn-background-ghost[style*="background-color: #ffffff"]:hover,
692  a.ant-btn.ant-btn-background-ghost[style*="background-color:rgb(255, 255, 255)"]:hover,
693  a.ant-btn.ant-btn-background-ghost[style*="background-color: rgb(255, 255, 255)"]:hover,
694  a.ant-btn.ant-btn-background-ghost[style*="background-color:rgba(255, 255, 255"]:hover,
695  a.ant-btn.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"]:hover,
696  a.ant-btn[style*="background-color: white"]:hover,
697  a.ant-btn[style*="background-color:#fff"]:hover,
698  a.ant-btn[style*="background-color: #fff"]:hover,
699  a.ant-btn[style*="background-color:#ffffff"]:hover,
700  a.ant-btn[style*="background-color: #ffffff"]:hover,
701  a.ant-btn[style*="background-color:rgb(255, 255, 255)"]:hover,
702  a.ant-btn[style*="background-color: rgb(255, 255, 255)"]:hover,
703  a.ant-btn[style*="background-color:rgba(255, 255, 255"]:hover,
704  a.ant-btn[style*="background-color: rgba(255, 255, 255"]:hover {
705    background-color: #f5f5f5;
706    color: var(--primary-color, var(--default-primary-color));
707    opacity: 1;
708  }
709
710  /* Ensure text color in spans is visible for white backgrounds */
711  a.ant-btn-background-ghost[style*="background-color: white"] > span,
712  a.ant-btn-background-ghost[style*="background-color:#fff"] > span,
713  a.ant-btn-background-ghost[style*="background-color: #fff"] > span,
714  a.ant-btn-background-ghost[style*="background-color:#ffffff"] > span,
715  a.ant-btn-background-ghost[style*="background-color: #ffffff"] > span,
716  a.ant-btn-background-ghost[style*="background-color:rgb(255, 255, 255)"] > span,
717  a.ant-btn-background-ghost[style*="background-color: rgb(255, 255, 255)"] > span,
718  a.ant-btn-background-ghost[style*="background-color:rgba(255, 255, 255"] > span,
719  a.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"] > span,
720  a.ant-btn.ant-btn-background-ghost[style*="background-color: white"] > span,
721  a.ant-btn.ant-btn-background-ghost[style*="background-color:#fff"] > span,
722  a.ant-btn.ant-btn-background-ghost[style*="background-color: #fff"] > span,
723  a.ant-btn.ant-btn-background-ghost[style*="background-color:#ffffff"] > span,
724  a.ant-btn.ant-btn-background-ghost[style*="background-color: #ffffff"] > span,
725  a.ant-btn.ant-btn-background-ghost[style*="background-color:rgb(255, 255, 255)"] > span,
726  a.ant-btn.ant-btn-background-ghost[style*="background-color: rgb(255, 255, 255)"] > span,
727  a.ant-btn.ant-btn-background-ghost[style*="background-color:rgba(255, 255, 255"] > span,
728  a.ant-btn.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"] > span,
729  a.ant-btn[style*="background-color: white"] > span,
730  a.ant-btn[style*="background-color:#fff"] > span,
731  a.ant-btn[style*="background-color: #fff"] > span,
732  a.ant-btn[style*="background-color:#ffffff"] > span,
733  a.ant-btn[style*="background-color: #ffffff"] > span,
734  a.ant-btn[style*="background-color:rgb(255, 255, 255)"] > span,
735  a.ant-btn[style*="background-color: rgb(255, 255, 255)"] > span,
736  a.ant-btn[style*="background-color:rgba(255, 255, 255"] > span,
737  a.ant-btn[style*="background-color: rgba(255, 255, 255"] > span {
738    color: var(--primary-color, var(--default-primary-color));
739  }
740
741  a.ant-btn-background-ghost[style*="background-color: white"]:hover > span,
742  a.ant-btn-background-ghost[style*="background-color:#fff"]:hover > span,
743  a.ant-btn-background-ghost[style*="background-color: #fff"]:hover > span,
744  a.ant-btn-background-ghost[style*="background-color:#ffffff"]:hover > span,
745  a.ant-btn-background-ghost[style*="background-color: #ffffff"]:hover > span,
746  a.ant-btn-background-ghost[style*="background-color:rgb(255, 255, 255)"]:hover > span,
747  a.ant-btn-background-ghost[style*="background-color: rgb(255, 255, 255)"]:hover > span,
748  a.ant-btn-background-ghost[style*="background-color:rgba(255, 255, 255"]:hover > span,
749  a.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"]:hover > span,
750  a.ant-btn.ant-btn-background-ghost[style*="background-color: white"]:hover > span,
751  a.ant-btn.ant-btn-background-ghost[style*="background-color:#fff"]:hover > span,
752  a.ant-btn.ant-btn-background-ghost[style*="background-color: #fff"]:hover > span,
753  a.ant-btn.ant-btn-background-ghost[style*="background-color:#ffffff"]:hover > span,
754  a.ant-btn.ant-btn-background-ghost[style*="background-color: #ffffff"]:hover > span,
755  a.ant-btn.ant-btn-background-ghost[style*="background-color:rgb(255, 255, 255)"]:hover > span,
756  a.ant-btn.ant-btn-background-ghost[style*="background-color: rgb(255, 255, 255)"]:hover > span,
757  a.ant-btn.ant-btn-background-ghost[style*="background-color:rgba(255, 255, 255"]:hover > span,
758  a.ant-btn.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"]:hover > span,
759  a.ant-btn[style*="background-color: white"]:hover > span,
760  a.ant-btn[style*="background-color:#fff"]:hover > span,
761  a.ant-btn[style*="background-color: #fff"]:hover > span,
762  a.ant-btn[style*="background-color:#ffffff"]:hover > span,
763  a.ant-btn[style*="background-color: #ffffff"]:hover > span,
764  a.ant-btn[style*="background-color:rgb(255, 255, 255)"]:hover > span,
765  a.ant-btn[style*="background-color: rgb(255, 255, 255)"]:hover > span,
766  a.ant-btn[style*="background-color:rgba(255, 255, 255"]:hover > span,
767  a.ant-btn[style*="background-color: rgba(255, 255, 255"]:hover > span {
768    color: var(--primary-color, var(--default-primary-color));
769  }
770
771  .footer {
772    background-color: var(--dark-bg);
773    color: var(--light-text);
774    padding: 40px 0;
775    margin-top: 40px;
776  }
777
778  .gallery-container {
779    display: flex;
780    flex-wrap: wrap;
781    gap: 10px;
782  }
783
784  .gallery-item {
785    flex: 1;
786    min-width: 200px;
787    position: relative;
788    overflow: hidden;
789  }
790
791  .gallery-image {
792    width: 100%;
793    height: 100%;
794    object-fit: cover;
795    transition: transform var(--transition-speed);
796  }
797
798  .gallery-image:hover {
799    transform: scale(1.05);
800  }
801
802  /* Basic animation classes */
803  .animate-fadeInUp {
804    animation: fadeInUp 1s ease-out;
805  }
806
807  @keyframes fadeInUp {
808    from {
809      opacity: 0;
810      transform: translateY(20px);
811    }
812    to {
813      opacity: 1;
814      transform: translateY(0);
815    }
816  }
817
818  /* Gallery & Slider Styles */
819  .banner-slider::-webkit-scrollbar,
820  .gallery-scroll::-webkit-scrollbar {
821    display: none;
822  }
823
824  .banner-slider {
825    -ms-overflow-style: none;
826    scrollbar-width: none;
827  }
828
829  @keyframes fadeIn {
830    from { opacity: 0; }
831    to { opacity: 1; }
832  }
833
834  @keyframes fadeOut {
835    from { opacity: 1; }
836    to { opacity: 0; }
837  }
838
839  @keyframes slideInRight {
840    from { transform: translateX(100%); }
841    to { transform: translateX(0); }
842  }
843
844  @keyframes slideInLeft {
845    from { transform: translateX(-100%); }
846    to { transform: translateX(0); }
847  }
848
849  @keyframes slideOutRight {
850    from { transform: translateX(0); }
851    to { transform: translateX(100%); }
852  }
853
854  @keyframes slideOutLeft {
855    from { transform: translateX(0); }
856    to { transform: translateX(-100%); }
857  }
858
859  .animate-fadeIn {
860    animation: fadeIn 500ms forwards;
861  }
862
863  .animate-fadeOut {
864    animation: fadeOut 500ms forwards;
865  }
866
867  .animate-slideInRight {
868    animation: slideInRight 500ms forwards;
869  }
870
871  .animate-slideInLeft {
872    animation: slideInLeft 500ms forwards;
873  }
874
875  .animate-slideOutRight {
876    animation: slideOutRight 500ms forwards;
877  }
878
879  .animate-slideOutLeft {
880    animation: slideOutLeft 500ms forwards;
881  }
882
883  /* Hover effects for service cards */
884  .hover\:shadow-blue-400:hover {
885    box-shadow: 0 0 20px 5px rgba(66, 153, 225, 0.5);
886  }
887
888  .hover\:scale-105:hover {
889    transform: scale(1.05);
890  }
891
892  .hover\:-translate-y-2:hover {
893    transform: translateY(-8px);
894  }
895
896  /* Transition properties */
897  .transition-transform {
898    transition: transform var(--transition-speed);
899  }
900
901  .transition-shadow {
902    transition: box-shadow var(--transition-speed);
903  }
904
905  .transition-all {
906    transition: all var(--transition-speed);
907  }
908
909  /* Responsive design */
910  @media (max-width: 1023px) {
911    .two-column-section > div {
912      flex: 100%;
913    }
914
915    #navigation {
916      flex-direction: column;
917      gap: 10px;
918      padding: 0.75rem 1rem;
919    }
920
921    body {
922      padding-top: 120px; /* Initial mobile fallback - will be dynamically adjusted by JavaScript */
923    }
924
925    /* Hide desktop dropdowns on mobile */
926    .dropdown-container .dropdown-menu {
927      display: none;
928    }
929  }
930
931  /* Gallery component styles */
932  .gallery-modal {
933    display: none;
934    position: fixed;
935    top: 0;
936    left: 0;
937    width: 100%;
938    height: 100%;
939    background-color: rgba(0, 0, 0, 0.9);
940    z-index: 1000;
941    overflow: hidden;
942  }
943
944  .gallery-modal-content {
945    display: flex;
946    align-items: center;
947    justify-content: center;
948    height: 100%;
949  }
950
951  .gallery-modal-image {
952    max-width: 90%;
953    max-height: 90%;
954  }
955
956  .gallery-modal-close {
957    position: absolute;
958    top: 20px;
959    right: 25px;
960    color: #f1f1f1;
961    font-size: 40px;
962    font-weight: bold;
963    cursor: pointer;
964  }
965
966  .gallery-modal-prev,
967  .gallery-modal-next {
968    position: absolute;
969    top: 50%;
970    padding: 16px;
971    color: var(--light-text);
972    font-weight: bold;
973    font-size: 20px;
974    cursor: pointer;
975    user-select: none;
976    background-color: rgba(0, 0, 0, 0.3);
977    border-radius: 50%;
978    transform: translateY(-50%);
979  }
980
981  .gallery-modal-prev {
982    left: 20px;
983  }
984
985  .gallery-modal-next {
986    right: 20px;
987  }
988    
989  /* Patient Forms Styles */
990  .patient-forms {
991    width: 100%;
992  }
993  
994  .rw-launcher .rwl-footer i {
995    position: absolute;
996    right: 60px;
997  }
998
999  .rw-chat {
1000    height: auto !important;
1001  }
1002
1003  .rw-slide-wrap {
1004    min-height: auto !important;
1005  }
1006
1007  /* Grid responsive override - keep 2 columns in tablet range (768-1023px) */
1008  /* This overrides md:grid-cols-3 which is too cramped on tablets */
1009  @media (min-width: 768px) and (max-width: 1023px) {
1010    .grid {
1011      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
1012    }
1013  }
1014
1015  /* Grid and ServiceCard height consistency fixes */
1016  .grid.items-stretch {
1017    align-items: stretch !important;
1018  }
1019
1020  .grid.items-stretch > .h-full {
1021    height: 100% !important;
1022    display: flex !important;
1023    flex-direction: column !important;
1024  }
1025
1026  .grid.items-stretch .relative.box {
1027    height: 100% !important;
1028    display: flex !important;
1029    flex-direction: column !important;
1030  }
1031
1032  .grid.items-stretch .service-card {
1033    height: 100% !important;
1034    display: flex !important;
1035    flex-direction: column !important;
1036  }
1037
1038  .service-card .flex-1 {
1039    flex: 1 !important;
1040  }
1041
1042  /* Ensure h-full works properly in published HTML */
1043  .h-full {
1044    height: 100% !important;
1045  }
1046
1047  /* Rich Text Content Styles */
1048  .rich-text-content a {
1049    cursor: pointer;
1050  }
1051
1052  .rich-text-content.ql-editor {
1053    padding: 0;
1054  }
1055
1056  /* Rich Text - Lists */
1057  /* Quill uses data-list attributes and CSS counters for proper list rendering */
1058  .rich-text-content ul,
1059  .rich-text-content ol {
1060    margin-bottom: 1rem;
1061    padding-left: 1.5em !important;
1062    list-style: none !important;
1063  }
1064
1065  /* Reset list counters for ordered lists */
1066  .rich-text-content ol {
1067    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
1068  }
1069
1070  /* Quill list items */
1071  .rich-text-content li {
1072    list-style-type: none !important;
1073    list-style: none !important;
1074    padding-left: 1.5em;
1075    position: relative;
1076  }
1077
1078  .rich-text-content li::before {
1079    display: inline-block !important;
1080    white-space: nowrap;
1081    width: 1.2em;
1082    margin-left: -1.5em;
1083    margin-right: 0.3em;
1084    text-align: right;
1085  }
1086
1087  /* Bullet lists */
1088  .rich-text-content li[data-list='bullet']::before {
1089    content: '•' !important;
1090  }
1091
1092  /* Ordered lists */
1093  .rich-text-content li[data-list='ordered'] {
1094    counter-increment: list-0;
1095  }
1096
1097  .rich-text-content li[data-list='ordered']::before {
1098    content: counter(list-0, decimal) '. ' !important;
1099  }
1100
1101  /* Rich Text - List Indentation */
1102  .rich-text-content li.ql-indent-1 {
1103    padding-left: 4.5em;
1104  }
1105  .rich-text-content li.ql-indent-1[data-list='ordered'] {
1106    counter-increment: list-1;
1107    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
1108  }
1109  .rich-text-content li.ql-indent-1[data-list='ordered']::before {
1110    content: counter(list-1, decimal) '. ' !important;
1111  }
1112
1113  .rich-text-content li.ql-indent-2 {
1114    padding-left: 7.5em;
1115  }
1116  .rich-text-content li.ql-indent-2[data-list='ordered'] {
1117    counter-increment: list-2;
1118    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
1119  }
1120  .rich-text-content li.ql-indent-2[data-list='ordered']::before {
1121    content: counter(list-2, decimal) '. ' !important;
1122  }
1123
1124  .rich-text-content li.ql-indent-3 {
1125    padding-left: 10.5em;
1126  }
1127  .rich-text-content li.ql-indent-3[data-list='ordered'] {
1128    counter-increment: list-3;
1129    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
1130  }
1131  .rich-text-content li.ql-indent-3[data-list='ordered']::before {
1132    content: counter(list-3, decimal) '. ' !important;
1133  }
1134
1135  .rich-text-content li.ql-indent-4 {
1136    padding-left: 13.5em;
1137  }
1138  .rich-text-content li.ql-indent-4[data-list='ordered'] {
1139    counter-increment: list-4;
1140    counter-reset: list-5 list-6 list-7 list-8 list-9;
1141  }
1142  .rich-text-content li.ql-indent-4[data-list='ordered']::before {
1143    content: counter(list-4, decimal) '. ' !important;
1144  }
1145
1146  .rich-text-content li.ql-indent-5 {
1147    padding-left: 16.5em;
1148  }
1149  .rich-text-content li.ql-indent-5[data-list='ordered'] {
1150    counter-increment: list-5;
1151    counter-reset: list-6 list-7 list-8 list-9;
1152  }
1153  .rich-text-content li.ql-indent-5[data-list='ordered']::before {
1154    content: counter(list-5, decimal) '. ' !important;
1155  }
1156
1157  .rich-text-content li.ql-indent-6 {
1158    padding-left: 19.5em;
1159  }
1160  .rich-text-content li.ql-indent-6[data-list='ordered'] {
1161    counter-increment: list-6;
1162    counter-reset: list-7 list-8 list-9;
1163  }
1164  .rich-text-content li.ql-indent-6[data-list='ordered']::before {
1165    content: counter(list-6, decimal) '. ' !important;
1166  }
1167
1168  .rich-text-content li.ql-indent-7 {
1169    padding-left: 22.5em;
1170  }
1171  .rich-text-content li.ql-indent-7[data-list='ordered'] {
1172    counter-increment: list-7;
1173    counter-reset: list-8 list-9;
1174  }
1175  .rich-text-content li.ql-indent-7[data-list='ordered']::before {
1176    content: counter(list-7, decimal) '. ' !important;
1177  }
1178
1179  .rich-text-content li.ql-indent-8 {
1180    padding-left: 25.5em;
1181  }
1182  .rich-text-content li.ql-indent-8[data-list='ordered'] {
1183    counter-increment: list-8;
1184    counter-reset: list-9;
1185  }
1186  .rich-text-content li.ql-indent-8[data-list='ordered']::before {
1187    content: counter(list-8, decimal) '. ' !important;
1188  }
1189
1190  /* Rich Text - Text Alignment */
1191  .rich-text-content .ql-align-center {
1192    text-align: center;
1193  }
1194
1195  .rich-text-content .ql-align-right {
1196    text-align: right;
1197  }
1198
1199  .rich-text-content .ql-align-justify {
1200    text-align: justify;
1201  }
1202
1203  /* Rich Text - Font Sizes */
1204  .rich-text-content .ql-size-10px {
1205    font-size: 10px;
1206  }
1207  .rich-text-content .ql-size-12px {
1208    font-size: 12px;
1209  }
1210  .rich-text-content .ql-size-14px {
1211    font-size: 14px;
1212  }
1213  .rich-text-content .ql-size-16px {
1214    font-size: 16px;
1215  }
1216  .rich-text-content .ql-size-18px {
1217    font-size: 18px;
1218  }
1219  .rich-text-content .ql-size-20px {
1220    font-size: 20px;
1221  }
1222  .rich-text-content .ql-size-24px {
1223    font-size: 24px;
1224  }
1225  .rich-text-content .ql-size-32px {
1226    font-size: 32px;
1227  }
1228
1229  /* Rich Text - Line Heights */
1230  .rich-text-content .ql-lineheight-1.0 {
1231    line-height: 1;
1232  }
1233  .rich-text-content .ql-lineheight-1.2 {
1234    line-height: 1.2;
1235  }
1236  .rich-text-content .ql-lineheight-1.5 {
1237    line-height: 1.5;
1238  }
1239  .rich-text-content .ql-lineheight-1.8 {
1240    line-height: 1.8;
1241  }
1242  .rich-text-content .ql-lineheight-2.0 {
1243    line-height: 2;
1244  }
1245  .rich-text-content .ql-lineheight-2.5 {
1246    line-height: 2.5;
1247  }
1248  .rich-text-content .ql-lineheight-3.0 {
1249    line-height: 3;
1250  }
1251
1252  /* Ant Design Tag Styles */
1253  .ant-tag {
1254    display: inline-block;
1255    padding: 0 7px;
1256    font-size: 12px;
1257    line-height: 20px;
1258    white-space: nowrap;
1259    background: var(--ant-color-bg-layout, #fafafa);
1260    border: 1px solid var(--ant-color-border, #d9d9d9);
1261    border-radius: var(--ant-border-radius, 4px);
1262    opacity: 1;
1263    transition: all 0.2s;
1264    text-align: start;
1265    margin-inline-end: 8px;
1266    color: var(--ant-color-text, rgba(0, 0, 0, 0.88));
1267  }
1268
1269  .ant-tag-default {
1270    background: var(--ant-color-bg-layout, #fafafa);
1271    border-color: var(--ant-color-border, #d9d9d9);
1272    color: var(--ant-color-text, rgba(0, 0, 0, 0.88));
1273  }
1274
1275  /* Hero Split Layout Styles */
1276  .hero__image, .hero__text {
1277    flex: 0 0 100%;
1278  }
1279
1280  .hero__image {
1281    min-height: 200px;
1282  }
1283
1284  .hero__text .special-line-1,
1285  .hero__text .special-line-2 {
1286    margin: 0 !important;
1287  }
1288
1289  .hero__text .special-line-1 *,
1290  .hero__text .special-line-2 * {
1291    margin: 0 !important;
1292  }
1293
1294  /* Mobile rounded corners (stacked layout) */
1295  .hero__image {
1296    border-top-left-radius: 20px;
1297    border-top-right-radius: 20px;
1298  }
1299
1300  .hero__text {
1301    border-bottom-left-radius: 20px;
1302    border-bottom-right-radius: 20px;
1303  }
1304
1305  /* Mobile (stacked) — keep the image on top regardless of which side the
1306   * desktop layout puts it on. The variant uses flex-col-reverse so an item
1307   * with order: 2 lands at the top and order: 1 at the bottom. Without these
1308   * overrides, swapping the desktop layout to "Media left / Text right"
1309   * (order-1 on image, order-2 on text) would render mobile as
1310   * text-on-top / image-below — the opposite of the standard mobile pattern. */
1311  @media (max-width: 1023px) {
1312    .hero__image {
1313      order: 2;
1314    }
1315    .hero__text {
1316      order: 1;
1317    }
1318  }
1319
1320  /* Hero Parallax Styles */
1321  .hero {
1322    position: relative;
1323    background-attachment: scroll !important;
1324  }
1325
1326  .parallax {
1327    position: relative;
1328    background-attachment: scroll !important;
1329  }
1330
1331  /* Hide the brief YouTube chrome flash on first load — see notes in
1332   * hero-parallax.css for the rationale. Mask the iframe with a solid
1333   * overlay that fades out after the chrome has settled, instead of
1334   * hiding the iframe itself (which would just delay the flash). */
1335  @keyframes hero-bg-video-mask-fadeout {
1336    from { opacity: 1; }
1337    to   { opacity: 0; visibility: hidden; }
1338  }
1339
1340  .hero-bg-video-mask {
1341    position: absolute;
1342    inset: 0;
1343    background-color: #000;
1344    background-size: cover;
1345    background-position: center;
1346    background-repeat: no-repeat;
1347    z-index: 1;
1348    pointer-events: none;
1349    /* 5s fallback timer in case the YouTube IFrame API never reports a
1350     * PLAYING state. Normal happy-path: JS reports PLAYING and the
1351     * .is-ready class below kicks in well before the 5s mark. */
1352    animation: hero-bg-video-mask-fadeout 0.4s ease-in 5s both;
1353  }
1354
1355  .hero-bg-video-mask.is-ready {
1356    animation: hero-bg-video-mask-fadeout 0.4s ease-in 0s forwards;
1357  }
1358
1359  /* Responsive utilities */
1360  @media (max-width: 1023px) {
1361    .container {
1362      padding: 0 var(--spacing-unit);
1363    }
1364    
1365    .two-column-section {
1366      flex-direction: column;
1367    }
1368    
1369    .navigation-links {
1370      display: none;
1371    }
1372  }
1373
1374  @media(min-width: 768px) {
1375    .hero {
1376      background-attachment: fixed !important;
1377    }
1378    
1379    .parallax {
1380      background-attachment: fixed !important;
1381    }
1382  }
1383
1384  @media(min-width: 1024px) {
1385    .hero__image, .hero__text {
1386      flex: 0 0 50%;
1387    }
1388
1389    .hero__image {
1390      min-height: 420px;
1391    }
1392
1393    /* Reset mobile rounded corners for desktop */
1394    .hero__image {
1395      border-top-left-radius: 0;
1396      border-top-right-radius: 0;
1397    }
1398
1399    .hero__text {
1400      border-bottom-left-radius: 0;
1401      border-bottom-right-radius: 0;
1402    }
1403
1404    /* Apply rounded corners based on order classes for desktop */
1405    .hero__image.order-1 {
1406      border-top-left-radius: 20px;
1407      border-bottom-left-radius: 20px;
1408    }
1409
1410    .hero__image.order-2 {
1411      border-top-right-radius: 20px;
1412      border-bottom-right-radius: 20px;
1413    }
1414
1415    .hero__text.order-1 {
1416      border-top-left-radius: 20px;
1417      border-bottom-left-radius: 20px;
1418    }
1419
1420    .hero__text.order-2 {
1421      border-top-right-radius: 20px;
1422      border-bottom-right-radius: 20px;
1423    }
1424  }
1425
1426    
1427  /* Patient Forms Styles */
1428  .patient-forms {
1429    width: 100%;
1430    max-width: 800px;
1431    margin: 0 auto;
1432  }
1433
1434  .patient-forms__container {
1435    background-color: white;
1436    border-radius: 10px;
1437    padding: 30px;
1438    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
1439  }
1440
1441  .patient-forms__header {
1442    margin-bottom: 24px;
1443  }
1444
1445  .patient-forms__title {
1446    color: var(--primary-color);
1447    margin-bottom: 10px;
1448    font-size: 24px;
1449    font-weight: 500;
1450  }
1451
1452  .patient-forms__description {
1453    color: var(--text-color);
1454    opacity: 0.7;
1455  }
1456
1457  .patient-forms__list {
1458    display: flex;
1459    flex-direction: column;
1460    gap: 10px;
1461    margin-bottom: 30px;
1462  }
1463
1464  .patient-forms__option {
1465    background-color: white;
1466    border: 1px solid #e8e8e8;
1467    border-radius: 5px;
1468    padding: 15px;
1469    cursor: pointer;
1470    transition: all 0.3s;
1471    display: flex;
1472    align-items: flex-start;
1473    gap: 15px;
1474    margin: 0;
1475    width: 100%;
1476  }
1477
1478  .patient-forms__option:hover {
1479    border-color: var(--primary-color);
1480    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
1481  }
1482
1483  .patient-forms__radio-input {
1484    margin-top: 4px;
1485    cursor: pointer;
1486    width: 20px;
1487    height: 20px;
1488  }
1489
1490  .patient-forms__option-details {
1491    flex: 1;
1492    cursor: pointer;
1493  }
1494
1495  .patient-forms__option-details strong {
1496    display: block;
1497    margin-bottom: 4px;
1498    color: var(--text-color);
1499  }
1500
1501  .patient-forms__option-details p {
1502    color: var(--text-color);
1503    opacity: 0.7;
1504    margin: 0;
1505    font-size: 14px;
1506  }
1507
1508  .patient-forms__continue {
1509    width: 100%;
1510    height: 40px;
1511    font-weight: 500;
1512    background-color: var(--primary-color) !important;
1513    border-color: var(--primary-color) !important;
1514    color: #ffffff !important;
1515    transition: opacity 0.2s ease;
1516  }
1517
1518  .patient-forms__continue:hover,
1519  .patient-forms__continue:focus,
1520  .patient-forms__continue:active,
1521  .patient-forms__continue:focus-visible {
1522    background-color: var(--primary-color) !important;
1523    border-color: var(--primary-color) !important;
1524    color: #ffffff !important;
1525    opacity: 0.9;
1526  }
1527
1528  .patient-forms__continue[disabled],
1529  .patient-forms__continue[disabled]:hover,
1530  .patient-forms__continue.ant-btn-disabled,
1531  .patient-forms__continue.ant-btn-disabled:hover {
1532    background-color: #f5f5f5 !important;
1533    border-color: #d9d9d9 !important;
1534    color: rgba(0, 0, 0, 0.25) !important;
1535    opacity: 1;
1536  }
1537
1538  .patient-forms__form-view {
1539    min-height: 400px;
1540  }
1541
1542  .patient-forms__form-header {
1543    margin-bottom: 24px;
1544    display: flex;
1545    align-items: center;
1546    gap: 16px;
1547  }
1548
1549  .patient-forms__back {
1550    border: none;
1551    padding: 0;
1552    color: var(--primary-color);
1553    background: none;
1554    cursor: pointer;
1555    display: flex;
1556    align-items: center;
1557    font-weight: 500;
1558  }
1559
1560  .patient-forms__back:hover {
1561    text-decoration: underline;
1562  }
1563
1564  .patient-forms__form-title {
1565    margin: 0;
1566    font-size: 18px;
1567    font-weight: 600;
1568    color: var(--primary-color);
1569  }
1570
1571  .patient-forms__embed {
1572    min-height: 400px;
1573    background-color: white;
1574    border-radius: 5px;
1575    padding: 20px;
1576  }
1577
1578    
1579/* Accessibility Widget Positioning */
1580body .uwy.userway_p1 .userway_buttons_wrapper {
1581  top: 100px !important;
1582}
1583
1584/* Mobile responsive version */
1585@media (max-width: 1023px) {
1586  body .uwy.userway_p1 .userway_buttons_wrapper {
1587    top: 320px !important;
1588  }
1589}
1590
1591    
1592  /* Base text color — resolves design-token --color-text so inheriting blocks
1593     (e.g. rich-text-two-column-section which relies on inheritance for body
1594     text) render the same color in both the edit canvas and published HTML.
1595     Without this, the canvas inherits AntD's colorText from body while the
1596     published build uses BASE_STYLES body color — that divergence is exactly
1597     what the Playwright parity harness catches. Inline per-block color props
1598     still win via specificity + inheritance source order. */
1599  body.has-appearance-settings {
1600    color: var(--color-text, #021427e0);
1601  }
1602
1603  /* Cascade the design-token font family to every block. Inline fontFamily
1604     overrides still win (e.g. button/nav reference the same var explicitly). */
1605  body.has-appearance-settings,
1606  body.has-appearance-settings h1, body.has-appearance-settings h2, body.has-appearance-settings h3, body.has-appearance-settings h4, body.has-appearance-settings h5, body.has-appearance-settings h6,
1607  body.has-appearance-settings p, body.has-appearance-settings a, body.has-appearance-settings span, body.has-appearance-settings li {
1608    font-family: var(--font-family, Inter), -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
1609  }
1610
1611  /* Utility classes for font sizes */
1612  body.has-appearance-settings .font-title {
1613    font-size: var(--font-size-title) !important;
1614  }
1615  body.has-appearance-settings .font-subtitle {
1616    font-size: var(--font-size-subtitle) !important;
1617  }
1618  body.has-appearance-settings .font-paragraph {
1619    font-size: var(--font-size-paragraph) !important;
1620  }
1621
1622  /* Global edge gutter — horizontal spacing from the viewport edge on every
1623     .container element. Driven by the design-token margin.edgeGutter token.
1624     Falls back to 1rem when no tokens are set. */
1625  body.has-appearance-settings .container {
1626    padding-left: var(--margin-edgeGutter, 1rem) !important;
1627    padding-right: var(--margin-edgeGutter, 1rem) !important;
1628  }
1629
1630  /* Legacy brand-settings padding utility classes. All first-party blocks have
1631     migrated to inline padding via token bindings (emit var(--spacing-id, ...)).
1632     These rules are kept only for two backward-compat paths:
1633       1. Prebuilt site templates (features-optometry.html, features-chiro.html)
1634          that were snapshotted with this class in their DOM.
1635       2. Any legacy user-published sites that havent re-saved since migration.
1636     Safe to remove once usage telemetry confirms zero hits. */
1637  body.has-appearance-settings .padding-global {
1638    padding: var(--padding-combined) !important;
1639  }
1640  body.has-appearance-settings .padding-vertical-global {
1641    padding-top: var(--padding-vertical) !important;
1642    padding-bottom: var(--padding-vertical) !important;
1643  }
1644  body.has-appearance-settings .padding-horizontal-global {
1645    padding-left: var(--padding-horizontal) !important;
1646    padding-right: var(--padding-horizontal) !important;
1647  }
1648
1649  /* Hero component — title and subtitle size overrides */
1650  body.has-appearance-settings .special-line-1 {
1651    font-size: var(--font-size-title) !important;
1652  }
1653  body.has-appearance-settings .special-line-2 {
1654    font-size: var(--font-size-subtitle) !important;
1655  }
1656  body.has-appearance-settings .special-line-1.font-paragraph,
1657  body.has-appearance-settings .special-line-1.font-title {
1658    font-size: var(--font-size-title) !important;
1659  }
1660  body.has-appearance-settings .special-line-2.font-paragraph,
1661  body.has-appearance-settings .special-line-2.font-subtitle {
1662    font-size: var(--font-size-subtitle) !important;
1663  }
1664
1665  /* InformativeSection overrides */
1666  body.has-appearance-settings .informative-heading {
1667    font-size: var(--font-size-title) !important;
1668  }
1669  body.has-appearance-settings .informative-paragraph {
1670    font-size: var(--font-size-subtitle) !important;
1671  }
1672  body.has-appearance-settings section.padding-global .font-paragraph {
1673    font-size: var(--font-size-subtitle) !important;
1674  }
1675
1676  /* Hero legacy fallbacks — Hero components have px-4 and py-* classes */
1677  body.has-appearance-settings section.px-4[class*="py-"] [id*="hero_title"] .font-paragraph {
1678    font-size: var(--font-size-title) !important;
1679  }
1680  body.has-appearance-settings section.px-4[class*="py-"] [id*="hero_subtitle"] .font-paragraph {
1681    font-size: var(--font-size-subtitle) !important;
1682  }
1683  body.has-appearance-settings section.px-4[class*="py-"] .font-paragraph:not(.ant-typography) {
1684    font-size: var(--font-size-title) !important;
1685  }
1686  body.has-appearance-settings section.px-4[class*="py-"] .font-paragraph.ant-typography {
1687    font-size: var(--font-size-subtitle) !important;
1688  }
1689  
1690  </style>
1691  
1692  <!-- SEO URL Resolution Script -->
1693  
1693<script>
1694    (function() {
1695      const origin = window.location.origin;
1696      const baseUrl = 'https://chiropracticexperience.com/';
1697      setTimeout(function() {
1698        // Update canonical and meta URLs only if they're using placeholder URLs
1699        const elements = [
1700          'link[rel="canonical"]',
1701          'meta[property="og:url"]', 
1702          'meta[property="og:image"]',
1703          'meta[property="twitter:url"]',
1704          'meta[property="twitter:image"]'
1705        ];
1706        
1707        elements.forEach(selector => {
1708          const el = document.querySelector(selector);
1709          if (el && (el.href || el.content).includes('example.com')) {
1710            if (el.href) el.href = el.href.replace('https://example.com', origin);
1711            if (el.content) el.content = el.content.replace('https://example.com', origin);
1712          }
1713        });
1714        
1715        // Update structured data URLs
1716        document.querySelectorAll('script[type="application/ld+json"]').forEach(script => {
1717          try {
1718            const data = JSON.parse(script.textContent || script.innerText);
1719            if (data.url && data.url.includes('example.com')) {
1720              data.url = data.url.replace('https://example.com', origin);
1721              script.textContent = JSON.stringify(data, null, 2);
1722            }
1723          } catch (e) {}
1724        });
1725      }, 100);
1726    })();
1727  </script>
1727
1728  
1729  
1730  
1731
1732</head>
1733<body class="has-appearance-settings">
1734  
1735  
1736  <div class="relative p-0  " style="background-color: rgb(255, 255, 255); background-size: cover; background-position: center center; height: auto; width: 100%; margin: 0px;"><nav id="navigation" class="w-full  " role="navigation" aria-label="Main Navigation" style="padding: clamp(0.625rem, 1.5vw, 1rem); background-color: rgb(255, 255, 255);"><div class="container mx-auto flex justify-between items-center"><div class="flex-shrink-0 flex items-center justify-center"><a data-original-url="/" aria-label="Home" class="flex items-center justify-center" href="https://chiropracticexperience.com/"><img src="https://media-library.getaloha.com/01KA1N7PXRYFHVR2HZ0T5WSSAJ/035f1de6-c158-48a6-a112-f8a22f913415_logo-white-1-png-1-png.webp" alt="Chiropractic clinic logo - professional spine care services" class="mx-auto navigation-logo-mobile navigation-logo-mobile-forced" style="--logo-height: 75px; --mobile-logo-height: 40px;" loading="lazy"></a></div><div class="hidden lg:block" data-nav-type="desktop"><ul class="hidden lg:flex items-center gap-3 list-none"><li class="relative inline-block dropdown-container group"><a class="inline-flex items-center gap-1 focus:ring-2 focus:ring-blue-500 focus:bg-blue-50 rounded px-2 py-1 dropdown-trigger" aria-haspopup="true" role="button" data-original-url="/about-the-chiropractic-experience-in-lawrence-ks" style="color: rgb(0, 0, 0); font-size: clamp(0.75rem, 1.5vw, 0.875rem); cursor: pointer;" href="about-the-chiropractic-experience-in-lawrence-ks">About<svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></a><ul class="dropdown-menu absolute top-full left-0 mt-1 w-48 rounded-md shadow-lg z-50 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200" style="--menu-bg: #ffffff; --menu-hover: #f2f2f2; --menu-text: #000000; --menu-border: #e6e6e6; background-color: rgb(255, 255, 255); border: 1px solid; min-width: 200px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;"><li><a data-original-url="/missions" data-page-id="19040c70-fb9a-4ea1-b9d2-ad96a7fb91f5" class="submenu-link block px-4 py-2 text-sm" aria-label="About - Missions" style="color: rgb(0, 0, 0);" href="missions">Missions</a></li><li><a data-original-url="/our-approach" data-page-id="e376a27f-ae30-4cd7-8eac-b777fe6ab522" class="submenu-link block px-4 py-2 text-sm" aria-label="About - Our Approach" style="color: rgb(0, 0, 0);" href="our-approach">Our Approach</a></li><li><a data-original-url="/meet-the-staff" data-page-id="241cf71a-dead-48c4-a357-791334030716" class="submenu-link block px-4 py-2 text-sm" aria-label="About - Meet The Team" style="color: rgb(0, 0, 0);" href="meet-the-staff">Meet The Team</a></li></ul></li><li class="relative inline-block dropdown-container group"><span class="inline-flex items-center gap-1 focus:ring-2 focus:ring-blue-500 focus:bg-blue-50 rounded px-2 py-1 dropdown-trigger" aria-haspopup="true" role="button" style="color: rgb(0, 0, 0); font-size: clamp(0.75rem, 1.5vw, 0.875rem); cursor: pointer;">Patient Center<svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></span><ul class="dropdown-menu absolute top-full left-0 mt-1 w-48 rounded-md shadow-lg z-50 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200" style="--menu-bg: #ffffff; --menu-hover: #f2f2f2; --menu-text: #000000; --menu-border: #e6e6e6; background-color: rgb(255, 255, 255); border: 1px solid; min-width: 200px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;"><li><a data-original-url="/patient-forms" data-page-id="2218e37c-c331-457f-ba45-d30cc6c1ce9f" class="submenu-link block px-4 py-2 text-sm" aria-label="Patient 
1736Center - New Patient Paperwork" style="color: rgb(0, 0, 0);" href="patient-forms">New Patient Paperwork</a></li><li><a data-original-url="/what-to-expect" data-page-id="9c767bf5-1cd2-4dfe-a2e3-bc7dd0982845" class="submenu-link block px-4 py-2 text-sm" aria-label="Patient Center - What To Expect" style="color: rgb(0, 0, 0);" href="what-to-expect">What To Expect</a></li><li><a data-original-url="/payment-options" data-page-id="74863abf-12a4-4aa3-b5d9-3d57fb2c3b71" class="submenu-link block px-4 py-2 text-sm" aria-label="Patient Center - Payment Options" style="color: rgb(0, 0, 0);" href="payment-options">Payment Options</a></li></ul></li><li class="relative inline-block dropdown-container group"><a class="inline-flex items-center gap-1 focus:ring-2 focus:ring-blue-500 focus:bg-blue-50 rounded px-2 py-1 dropdown-trigger" aria-haspopup="true" role="button" data-original-url="/chiropractic-services-for-wellness-and-pain-relief-in-lawrence-ks" style="color: rgb(0, 0, 0); font-size: clamp(0.75rem, 1.5vw, 0.875rem); cursor: pointer;" href="chiropractic-services-for-wellness-and-pain-relief-in-lawrence-ks">Services<svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></a><ul class="dropdown-menu absolute top-full left-0 mt-1 w-48 rounded-md shadow-lg z-50 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200" style="--menu-bg: #ffffff; --menu-hover: #f2f2f2; --menu-text: #000000; --menu-border: #e6e6e6; background-color: rgb(255, 255, 255); border: 1px solid; min-width: 200px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;"><li><a data-original-url="/chiropractic-adjustments-and-natural-pain-relief-in-lawrence-ks" data-page-id="1df70738-5468-4c30-8b4e-aafa01e1cd50" class="submenu-link block px-4 py-2 text-sm" aria-label="Services - Chiropractic" style="color: rgb(0, 0, 0);" href="chiropractic-adjustments-and-natural-pain-relief-in-lawrence-ks">Chiropractic</a></li><li><a data-original-url="/shockwave-therapy-eswt-in-lawrence-ks-natural-pain-relief-healing" data-page-id="5015457c-2939-4d2d-a95a-a441f4558cb4" class="submenu-link block px-4 py-2 text-sm" aria-label="Services - Shockwave Therapy (ESWT)" style="color: rgb(0, 0, 0);" href="shockwave-therapy-eswt-in-lawrence-ks-natural-pain-relief-healing">Shockwave Therapy (ESWT)</a></li><li><a data-original-url="/advanced-neuropathy-care-in-lawrence-ks" data-page-id="c14c30ca-55dc-42ba-9590-036f50b892b3" class="submenu-link block px-4 py-2 text-sm" aria-label="Services - Neuropathy" style="color: rgb(0, 0, 0);" href="advanced-neuropathy-care-in-lawrence-ks">Neuropathy</a></li><li><a data-original-url="/disc-therapy" data-page-id="427cde4e-263c-408f-bc63-a38ea899ec71" class="submenu-link block px-4 py-2 text-sm" aria-label="Services - Disc Therapy" style="color: rgb(0, 0, 0);" href="disc-therapy">Disc Therapy</a></li><li><a data-original-url="/metabolic-health" data-page-id="cf926cd9-688e-424a-a852-de1cf4db5780" class="submenu-link block px-4 py-2 text-sm" aria-label="Services - Metabolic Health" style="color: rgb(0, 0, 0);" href="metabolic-health">Metabolic Health</a></li><li><a data-original-url="/spinal-decompression-therapy-in-lawrence-ks" data-page-id="f413d161-1f85-485c-b244-bbc178ef78b1" class="submenu-link block px-4 py-2 text-sm" aria-label="Services - Spinal Decompression" style="color: rgb(0, 0, 0);" href="spinal-decompression-therapy-in-lawrence-ks">Spinal Decompression</a></li><li><a data-original-url="/custom-orthotics-3d-foot-scanning-in-lawrence-ks" data-page-id="990a3e59-2f96-448b-9f7c-fb306896a5d8" class="submenu-link block px-4 py-2 text-sm" aria-label="Services - SuperFeet RX: Custom Orthotics" style="color: rgb(0, 0, 0);" href="custom-orthotics-3d-foot-scanning-in-lawrence-ks">SuperFeet RX: Custom Orthotics</a></li><li><a data-original-url="/digital-x-rays" class="submenu-link block px-4 py-2 text-sm" aria-label="Services - Digital X-Rays" style="color: rgb(0, 0, 0);" href="digital-x-rays">Digital X-Rays</a></li></ul></li><li class="relative inline-block dropdown-container group"><a class="inline-flex items-center gap-1 focus:ring-2 focus:ring-blue-500 focus:bg-blue-50 rounded px-2 py-1 dropdown-trigger" aria-haspopup="true" role="button" data-original-url="/symptoms-treated-at-the-chiropractic-experience-in-lawrence-ks" style="color: rgb(0, 0, 0); font-size: clamp(0.75rem, 1.5vw, 0.875rem); cursor: pointer;" href="symptoms-treated-at-the-chiropractic-experience-in-lawrence-ks">Symptoms<svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1736<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></a><ul class="dropdown-menu absolute top-full left-0 mt-1 w-48 rounded-md shadow-lg z-50 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200" style="--menu-bg: #ffffff; --menu-hover: #f2f2f2; --menu-text: #000000; --menu-border: #e6e6e6; background-color: rgb(255, 255, 255); border: 1px solid; min-width: 200px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;"><li><a data-original-url="/comprehensive-shoulder-pain-relief-through-chiropractic-care-in-lawrence-ks" data-page-id="00258245-7052-494b-ba8f-f1f253e8d3a8" class="submenu-link block px-4 py-2 text-sm" aria-label="Symptoms - Shoulder Pain Relief" style="color: rgb(0, 0, 0);" href="comprehensive-shoulder-pain-relief-through-chiropractic-care-in-lawrence-ks">Shoulder Pain Relief</a></li><li><a data-original-url="/arm-and-leg-pain-relief-with-chiropractic-care-in-lawrence-ks" data-page-id="2b07fb73-24b6-4265-85b3-cc45fbfcebbd" class="submenu-link block px-4 py-2 text-sm" aria-label="Symptoms - Arm and Leg Pain Relief" style="color: rgb(0, 0, 0);" href="arm-and-leg-pain-relief-with-chiropractic-care-in-lawrence-ks">Arm and Leg Pain Relief</a></li><li><a data-original-url="/chiropractic-solutions-for-headaches-and-migraines-in-lawrence-ks" data-page-id="0f3c7e90-cf69-4316-82ce-c8164528cf2e" class="submenu-link block px-4 py-2 text-sm" aria-label="Symptoms - Chiropractic Solutions for Headaches and Migraines" style="color: rgb(0, 0, 0);" href="chiropractic-solutions-for-headaches-and-migraines-in-lawrence-ks">Chiropractic Solutions for Headaches and Migraines</a></li><li><a data-original-url="/chiropractic-solutions-for-scoliosis-in-lawrence-ks" data-page-id="0d52e217-8903-4904-9f34-d8f2503b97db" class="submenu-link block px-4 py-2 text-sm" aria-label="Symptoms - Chiropractic Scoliosis Solutions" style="color: rgb(0, 0, 0);" href="chiropractic-solutions-for-scoliosis-in-lawrence-ks">Chiropractic Scoliosis Solutions</a></li><li><a data-original-url="/comprehensive-neuropathy-relief-and-chiropractic-care-in-lawrence-ks" data-page-id="7433c484-3dac-4140-bbfd-46ba1333e62b" class="submenu-link block px-4 py-2 text-sm" aria-label="Symptoms - Neuropathy Relief &amp; Care" style="color: rgb(0, 0, 0);" href="comprehensive-neuropathy-relief-and-chiropractic-care-in-lawrence-ks">Neuropathy Relief &amp; Care</a></li><li><a data-original-url="/neck-pain-relief-and-chiropractic-care-in-lawrence-ks" data-page-id="dbf3b0b3-daac-45f7-a8a3-f313bac35b03" class="submenu-link block px-4 py-2 text-sm" aria-label="Symptoms - Neck Pain Relief and Chiropractic Care" style="color: rgb(0, 0, 0);" href="neck-pain-relief-and-chiropractic-care-in-lawrence-ks">Neck Pain Relief and Chiropractic Care</a></li><li><a data-original-url="/comprehensive-back-pain-treatment-in-lawrence-ks" data-page-id="769c99db-182c-4bd1-aa5c-2dcf16a2ceba" class="submenu-link block px-4 py-2 text-sm" aria-label="Symptoms - Comprehensive Back Pain Treatment" style="color: rgb(0, 0, 0);" href="comprehensive-back-pain-treatment-in-lawrence-ks">Comprehensive Back Pain Treatment</a></li></ul></li><li class="inline-block"><a data-original-url="/contact" data-page-id="1a1f1390-0e8c-4d5f-b24a-baa35638b57f" class="focus:ring-2 focus:ring-blue-500 focus:bg-blue-50" aria-label="Contact" style="color: rgb(0, 0, 0); font-size: clamp(0.75rem, 1.5vw, 0.875rem); text-decoration: none; display: block; padding: 4px 8px; border-radius: 4px;" href="contact">Contact</a></li><li class="inline-block"><a class="ant-btn css-19kyx1f ant-btn-primary ant-btn-color-primary ant-btn-variant-solid" style="background-color: var(--color-primary, #11a08f); border-color: var(--color-primary, #11a08f); color: rgb(255, 255, 255); font-weight: 500; border-radius: 6px; font-family: var(--font-family, Inter), -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; transition: 0.2s ease-in-out;" href="schedule" data-original-url="/schedule" role="button"><span>Schedule</span></a></li><li class="inline-block"><a class="ant-btn css-19kyx1f ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-background-ghost" style="border-color: var(--color-primary, #11a08f); color: var(--color-primary, #11a08f); font-weight: 500; border-radius: 6px; font-family: var(--font-family, Inter), -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; transition: 0.2s ease-in-out;" href="tel:7858383333" data-original-url="tel:7858383333" role="button"><span>(785) 838-3333</span></a></li></ul></div><div class="block lg:hidden mobile-nav-container" data-nav-type="mobile"><div style="display: flex; align-items: center; gap: 8px;"><a href="tel:7858383333" aria-label="(785) 838-3333 button" data-element="mobile-action-6" data-original-url="tel:7858383333" class="ant-btn css-19kyx1f ant-btn-text ant-btn-color-default ant-btn-variant-text ant-btn-icon-only mobile-action-button" aria-disabled="false" style="color: rgb(0, 0, 0);"><span class="ant-btn-icon"><span role="img" aria-label="phone" class="anticon anticon-phone"><svg viewBox="64 64 896 896" focusable="false" data-icon="phone" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M877.1 238.7L770.6 132.3c-13-13-30.4-20.3-48.8-20.3s-35.8 7.2-48.8 20.3L558.3 246.8c-13 13-20.3 30.5-20.3 48.9 0 18.5 7.2 35.8 20.3 48.9l89.6 89.7a405.46 405.46 0 01-86.4 127.3c-36.7 36.9-79.6 66-127.2 86.6l-89.6-89.7c-13-13-30.4-20.3-48.8-20.3a68.2 68.2 0 00-48.8 20.3L132.3 673c-13 13-20.3 30.5-20.3 48.9 0 18.5 7.2 35.8 20.3 48.9l106.4 106.4c22.2 22.2 52.8 34.9 84.2 34.9 6.5 0 12.8-.5 19.2-1.6 132.4-21.8 263.8-92.3 369.9-198.3C818 606 888.4 474.6 910.4 342.1c6.3-37.
17366-6.3-76.3-33.3-103.4zm-37.6 91.5c-19.5 117.9-82.9 235.5-178.4 331s-213 158.9-330.9 178.4c-14.8 2.5-30-2.5-40.8-13.2L184.9 721.9 295.7 611l119.8 120 .9.9 21.6-8a481.29 481.29 0 00285.7-285.8l8-21.6-120.8-120.7 110.8-110.9 104.5 104.5c10.8 10.8 15.8 26 13.3 40.8z"></path></svg></span></span></a><a href="schedule" aria-label="Schedule button" data-element="mobile-action-5" data-original-url="/schedule" class="ant-btn css-19kyx1f ant-btn-text ant-btn-color-default ant-btn-variant-text ant-btn-icon-only mobile-action-button" aria-disabled="false" style="color: rgb(0, 0, 0);"><span class="ant-btn-icon"><span role="img" aria-label="calendar" class="anticon anticon-calendar"><svg viewBox="64 64 896 896" focusable="false" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></span></span></a><button aria-label="Open menu" data-element="mobile-menu-button" type="button" class="ant-btn css-19kyx1f ant-btn-text ant-btn-color-default ant-btn-variant-text ant-btn-icon-only flex" style="border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: transparent; color: rgb(0, 0, 0); font-size: 20px; padding: 4px 8px;"><span class="ant-btn-icon"><span role="img" aria-label="menu" class="anticon anticon-menu"><svg viewBox="64 64 896 896" focusable="false" data-icon="menu" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z"></path></svg></span></span></button><div data-element="mobile-menu-overlay" class="fixed inset-0 bg-black bg-opacity-50 z-40 hidden" aria-hidden="true"></div><div data-element="mobile-menu-drawer" class="fixed top-0 right-0 h-full w-64 shadow-lg z-50 transform transition-transform flex flex-col overflow-hidden translate-x-full" aria-label="Mobile Navigation" style="background-color: rgb(255, 255, 255); transition: transform 0.3s ease-in-out;"><div class="flex justify-between items-center p-4" style="border-bottom: 1px solid rgb(230, 230, 230); color: rgb(0, 0, 0);"><span class="text-lg font-semibold">Menu</span><button aria-label="Close menu" data-element="mobile-menu-drawer-close" type="button" class="ant-btn css-19kyx1f ant-btn-text ant-btn-color-default ant-btn-variant-text ant-btn-icon-only" style="border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: transparent; color: rgb(0, 0, 0); font-size: 18px;"><span class="ant-btn-icon"><span role="img" aria-label="close" class="anticon anticon-close"><svg fill-rule="evenodd" viewBox="64 64 896 896" focusable="false" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true">
1736<path d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"></path></svg></span></span></button></div><div class="mobile-menu-content overflow-y-auto" style="background-color: rgb(255, 255, 255); flex: 1 1 0%; min-height: 0px; overflow-y: auto; --menu-bg: #ffffff; --menu-hover: #f2f2f2; --menu-text: #000000; --menu-border: #e6e6e6;"><div class="mobile-menu-item"><div class="mobile-menu-row flex items-center justify-between" style="border-bottom: 1px solid rgb(230, 230, 230); color: rgb(0, 0, 0);"><a class="flex-1 block px-4 py-3 text-base font-medium" data-original-url="/about-the-chiropractic-experience-in-lawrence-ks" style="font-size: clamp(0.75rem, 1.5vw, 0.875rem); color: rgb(0, 0, 0);" href="about-the-chiropractic-experience-in-lawrence-ks">About</a><button class="mobile-submenu-toggle px-4 py-3" aria-expanded="false" aria-label="Toggle About submenu" data-submenu-toggle="1" style="color: rgb(0, 0, 0);"><svg class="w-4 h-4 transition-transform duration-200 " fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button></div><div class="mobile-submenu pl-4 transition-all duration-300 overflow-hidden max-h-0 opacity-0" data-submenu-content="1" style="background-color: rgb(242, 242, 242);"><div class="py-2"><a data-original-url="/missions" data-page-id="19040c70-fb9a-4ea1-b9d2-ad96a7fb91f5" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="missions">Missions</a><a data-original-url="/our-approach" data-page-id="e376a27f-ae30-4cd7-8eac-b777fe6ab522" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="our-approach">Our Approach</a><a data-original-url="/meet-the-staff" data-page-id="241cf71a-dead-48c4-a357-791334030716" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="meet-the-staff">Meet The Team</a></div></div></div><div class="mobile-menu-item"><div class="mobile-menu-row flex items-center justify-between" style="border-bottom: 1px solid rgb(230, 230, 230); color: rgb(0, 0, 0);"><span class="flex-1 block px-4 py-3 text-base font-medium" style="font-size: clamp(0.75rem, 1.5vw, 0.875rem); color: rgb(0, 0, 0);">Patient Center</span><button class="mobile-submenu-toggle px-4 py-3" aria-expanded="false" aria-label="Toggle Patient Center submenu" data-submenu-toggle="2" style="color: rgb(0, 0, 0);"><svg class="w-4 h-4 transition-transform duration-200 " fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button></div><div class="mobile-submenu pl-4 transition-all duration-300 overflow-hidden max-h-0 opacity-0" data-submenu-content="2" style="background-color: rgb(242, 242, 242);"><div class="py-2"><a data-original-url="/patient-forms" data-page-id="2218e37c-c331-457f-ba45-d30cc6c1ce9f" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="patient-forms">New Patient Paperwork</a><a data-original-url="/what-to-expect" data-page-id="9c767bf5-1cd2-4dfe-a2e3-bc7dd0982845" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="what-to-expect">What To Expect</a><a data-original-url="/payment-options" data-page-id="74863abf-12a4-4aa3-b5d9-3d57fb2c3b71" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="payment-options">Payment Options</a></div></div></div><div class="mobile-menu-item"><div class="mobile-menu-row flex items-center justify-between" style="border-bottom: 1px solid rgb(230, 230, 230);
1736 color: rgb(0, 0, 0);"><a class="flex-1 block px-4 py-3 text-base font-medium" data-original-url="/chiropractic-services-for-wellness-and-pain-relief-in-lawrence-ks" style="font-size: clamp(0.75rem, 1.5vw, 0.875rem); color: rgb(0, 0, 0);" href="chiropractic-services-for-wellness-and-pain-relief-in-lawrence-ks">Services</a><button class="mobile-submenu-toggle px-4 py-3" aria-expanded="false" aria-label="Toggle Services submenu" data-submenu-toggle="3" style="color: rgb(0, 0, 0);"><svg class="w-4 h-4 transition-transform duration-200 " fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button></div><div class="mobile-submenu pl-4 transition-all duration-300 overflow-hidden max-h-0 opacity-0" data-submenu-content="3" style="background-color: rgb(242, 242, 242);"><div class="py-2"><a data-original-url="/chiropractic-adjustments-and-natural-pain-relief-in-lawrence-ks" data-page-id="1df70738-5468-4c30-8b4e-aafa01e1cd50" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="chiropractic-adjustments-and-natural-pain-relief-in-lawrence-ks">Chiropractic</a><a data-original-url="/shockwave-therapy-eswt-in-lawrence-ks-natural-pain-relief-healing" data-page-id="5015457c-2939-4d2d-a95a-a441f4558cb4" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="shockwave-therapy-eswt-in-lawrence-ks-natural-pain-relief-healing">Shockwave Therapy (ESWT)</a><a data-original-url="/advanced-neuropathy-care-in-lawrence-ks" data-page-id="c14c30ca-55dc-42ba-9590-036f50b892b3" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="advanced-neuropathy-care-in-lawrence-ks">Neuropathy</a><a data-original-url="/disc-therapy" data-page-id="427cde4e-263c-408f-bc63-a38ea899ec71" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="disc-therapy">Disc Therapy</a><a data-original-url="/metabolic-health" data-page-id="cf926cd9-688e-424a-a852-de1cf4db5780" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="metabolic-health">Metabolic Health</a><a data-original-url="/spinal-decompression-therapy-in-lawrence-ks" data-page-id="f413d161-1f85-485c-b244-bbc178ef78b1" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="spinal-decompression-therapy-in-lawrence-ks">Spinal Decompression</a><a data-original-url="/custom-orthotics-3d-foot-scanning-in-lawrence-ks" data-page-id="990a3e59-2f96-448b-9f7c-fb306896a5d8" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="custom-orthotics-3d-foot-scanning-in-lawrence-ks">SuperFeet RX: Custom Orthotics</a><a data-original-url="/digital-x-rays" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="digital-x-rays">Digital X-Rays</a></div></div></div><div class="mobile-menu-item"><div class="mobile-menu-row flex items-center justify-between" style="border-bottom: 1px solid rgb(230, 230, 230); color: rgb(0, 0, 0);"><a class="flex-1 block px-4 py-3 text-base font-medium" data-original-url="/symptoms-treated-at-the-chiropractic-experience-in-lawrence-ks" style="font-size: clamp(0.75rem, 1.5vw, 0.875rem); color: rgb(0, 0, 0);" href="symptoms-treated-at-the-chiropractic-experience-in-lawrence-ks">Symptoms</a><button class="mobile-submenu-toggle px-4 py-3" aria-expanded="false" aria-label="Toggle Symptoms submenu" data-submenu-toggle="4" style="color: rgb(0, 0, 0);"><svg class="w-4 h-4 transition-transform duration-200 " fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button></div><div class="mobile-submenu pl-4 transition-all duration-300 overflow-hidden max-h-0 opacity-0" data-submenu-content="4" style="background-color: rgb(242, 242, 242);"><div class="py-2">
1736<a data-original-url="/comprehensive-shoulder-pain-relief-through-chiropractic-care-in-lawrence-ks" data-page-id="00258245-7052-494b-ba8f-f1f253e8d3a8" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="comprehensive-shoulder-pain-relief-through-chiropractic-care-in-lawrence-ks">Shoulder Pain Relief</a><a data-original-url="/arm-and-leg-pain-relief-with-chiropractic-care-in-lawrence-ks" data-page-id="2b07fb73-24b6-4265-85b3-cc45fbfcebbd" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="arm-and-leg-pain-relief-with-chiropractic-care-in-lawrence-ks">Arm and Leg Pain Relief</a><a data-original-url="/chiropractic-solutions-for-headaches-and-migraines-in-lawrence-ks" data-page-id="0f3c7e90-cf69-4316-82ce-c8164528cf2e" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="chiropractic-solutions-for-headaches-and-migraines-in-lawrence-ks">Chiropractic Solutions for Headaches and Migraines</a><a data-original-url="/chiropractic-solutions-for-scoliosis-in-lawrence-ks" data-page-id="0d52e217-8903-4904-9f34-d8f2503b97db" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="chiropractic-solutions-for-scoliosis-in-lawrence-ks">Chiropractic Scoliosis Solutions</a><a data-original-url="/comprehensive-neuropathy-relief-and-chiropractic-care-in-lawrence-ks" data-page-id="7433c484-3dac-4140-bbfd-46ba1333e62b" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="comprehensive-neuropathy-relief-and-chiropractic-care-in-lawrence-ks">Neuropathy Relief &amp; Care</a><a data-original-url="/neck-pain-relief-and-chiropractic-care-in-lawrence-ks" data-page-id="dbf3b0b3-daac-45f7-a8a3-f313bac35b03" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="neck-pain-relief-and-chiropractic-care-in-lawrence-ks">Neck Pain Relief and Chiropractic Care</a><a data-original-url="/comprehensive-back-pain-treatment-in-lawrence-ks" data-page-id="769c99db-182c-4bd1-aa5c-2dcf16a2ceba" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="comprehensive-back-pain-treatment-in-lawrence-ks">Comprehensive Back Pain Treatment</a></div></div></div><div class="mobile-menu-item"><a class="mobile-menu-link block px-4 py-3 text-base font-medium" data-original-url="/contact" data-page-id="1a1f1390-0e8c-4d5f-b24a-baa35638b57f" aria-label="Contact" style="font-size: clamp(0.75rem, 1.5vw, 0.875rem); color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="contact">Contact</a></div><div class="mobile-menu-item px-4 py-2"><a class="ant-btn css-19kyx1f ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-block" style="background-color: var(--color-primary, #11a08f); border-color: var(--color-primary, #11a08f); color: rgb(255, 255, 255); font-weight: 500; border-radius: 6px; font-family: var(--font-family, Inter), -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; transition: 0.2s ease-in-out;" href="schedule" data-original-url="/schedule" role="button"><span>Schedule</span></a></div><div class="mobile-menu-item px-4 py-2"><a class="ant-btn css-19kyx1f ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-background-ghost ant-btn-block" style="border-color: var(--color-primary, #11a08f); color: var(--color-primary, #11a08f); font-weight: 500; border-radius: 6px; font-family: var(--font-family, Inter), -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; transition: 0.2s ease-in-out;" href="tel:7858383333" data-original-url="tel:7858383333" role="button"><span>(785) 838-3333</span></a></div></div></div></div></div></div></nav><div style="margin-top: 0px; margin-bottom: 0px;"><div class="container mx-auto px-4"><section class="flex align-stretch justify-center hero flex-col-reverse lg:flex-row " data-responsive-layout="column-reverse-desktop-row" aria-label="Healthcare professionals providing excellent medical care in modern facility" style="border-radius: 20px; overflow: hidden; background-color: transparent; min-height: 420px;"><div class="flex flex-col p-8 justify-center hero__text text-center order-1" style="background: rgb(0, 143, 205);"><div class="px-2  "><div><h1 class="ant-typography special-line-1 css-1shzbmj" style="color: rgb(255, 255, 255); font-weight: 600; text-align: center; padding: 16px 0px; margin: 0px; line-height: 1.5;">About Us</h1></div></div><div class="relative z-10 mx-auto"><div class="inline-block"><a href="schedule" class="ant-btn css-1shzbmj ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-lg" aria-disabled="false" style="font-weight: 500; border-radius: var(--radius-medium, 6px); font-family: var(--font-family, Inter), -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: clamp(0.75rem, 1.5vw, 0.875rem); white-space: normal; transition: 0.2s ease-in-out; border-width: 1px; border-style: solid; border-color: rgb(255, 255, 255); background-color: rgb(17, 160, 143);"><span>Schedule An Appointment</span></a></div></div></div><div class="hero__image order-2" style="background: url(&quot;https://media-library.getaloha.com/01KA1N7PXRYFHVR2HZ0T5WSSAJ/b02f8b33-a5a4-4f14-9912-0bda30a2710d_the-chiropractic-experience-18-jpg.webp&quot;) center center / cover no-repeat; position: relative; overflow: hidden;"><div style="position: absolute; inset: 0px; background-color: rgba(0, 0, 0, 0.24); z-index: 1; border-radius: inherit; pointer-events: none;"></div></div></section></div></div><div style="display: none;"><div class="mb-4"><label class="block mb-2 text-sm font-medium">Image URL</label><div class="flex gap-2"><input placeholder="https://example.com/image.jpg" class="ant-input css-1shzbmj flex-1" type="text" value="https://media-library.getaloha.com/01KA1N7PXRYFHVR2HZ0T5WSSAJ/2635767a-e9a4-448d-b487-7836647b7691_1777499108255.webp"><button title="Select from Image Library" type="button" class="ant-btn css-1shzbmj ant-btn-default ant-btn-color-default ant-btn-icon-only"><span class="ant-btn-icon">
1736<span role="img" aria-label="picture" class="anticon anticon-picture"><svg viewBox="64 64 896 896" focusable="false" data-icon="picture" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zm-40 632H136v-39.9l138.5-164.3 150.1 178L658.1 489 888 761.6V792zm0-129.8L664.2 396.8c-3.2-3.8-9-3.8-12.2 0L424.6 666.4l-144-170.7c-3.2-3.8-9-3.8-12.2 0L136 652.7V232h752v430.2zM304 456a88 88 0 100-176 88 88 0 000 176zm0-116c15.5 0 28 12.5 28 28s-12.5 28-28 28-28-12.5-28-28 12.5-28 28-28z"></path></svg></span></span></button></div></div></div><section data-testid="rich-text-two-column" class="rich-text-two-column-component  " style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 0px;"><div class="container mx-auto rich-text-main-container" data-title-alignment="left" data-layout="text-image" style="position: relative; --image-width: 536px; --image-margin: 16px;"><div class="rich-text-titles"><h3 class="mb-2 font-title" style="color: rgb(51, 51, 51); font-weight: bold;">About The Chiropractic Experience - Lawrence, KS</h3><div class="mb-4 font-subtitle" style="color: rgb(51, 51, 51); font-weight: bold;"></div></div><div class="rich-text-content-container"><div class="content-container" style="position: relative; width: 100%;"><div data-testid="rich-text-two-column-editor" class="rich-text-editor-container" style="display: none; position: relative; z-index: 10; width: 100%;"></div><div class="overflow-hidden rich-text-view-mode" style="color: rgb(51, 51, 51); display: block;"><style>
1737            .rich-text-content img {
1738              max-width: 100%;
1739              height: auto;
1740            }
1741            .rich-text-content::after {
1742              content: "";
1743              display: table;
1744              clear: both;
1745            }
1746            .rich-text-view-mode {
1747              cursor: text;
1748            }
1749          </style><div class="rich-text-content" style="overflow: hidden;"><p class="ql-lineheight-1.5"><span class="rw-image-frame" style="display: inline-block; width: 536px; height: 400px; overflow: hidden; border-radius: 8px; float: right; margin-left: 16px; margin-bottom: 16px;"><img src="https://media-library.getaloha.com/01KA1N7PXRYFHVR2HZ0T5WSSAJ/2635767a-e9a4-448d-b487-7836647b7691_1777499108255.webp" alt="Healthcare professional consulting with patient" style="width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%;" loading="lazy"></span></p><p>Founded by <strong>Dr. Mark Howarter in 1999</strong>, The Chiropractic Experience in Lawrence, KS is built on a simple, deeply personal foundation: the conviction that the body has a remarkable capacity to heal once the nervous system is free to function the way it was designed to. That conviction came from Dr. Howarter's own life, and it still shapes every visit, every care plan, and every patient relationship here today.</p><p>For over <strong>25 years</strong>, we've served families across Lawrence and Douglas County — newborns, athletes, expectant mothers, seniors, and everyone in between. We believe health is personal, so we take the time to actually know you, not just treat your symptoms. Many of our patients have been with us through every stage of life, and we couldn't be more grateful for that trust.</p><p>Our approach is holistic and rooted in compassion, expertise, and advanced care — offering chiropractic adjustments, spinal decompression, shockwave therapy, digital X-ray assessment, custom orthotics, metabolic health support, and more, all tailored around your specific goals.</p><p class="ql-lineheight-1.5">We invite you to get to know the team who will walk this path with you.</p><p class="ql-lineheight-1.5"><a href="https://www.chiropracticexperience.com/meet-the-staff" rel="noopener noreferrer" target="_blank">Meet the Full Team →</a></p></div><div style="clear: both;"></div></div></div></div><div style="clear: both;"></div></div></section><div class="relative  " style="width: 100%; margin: 24px 0px; padding: 0px;"><div class="container flex w-full justify-center items-center">
1749<div class="fold-line w-full" style="border-top: 4px solid rgb(79, 179, 179);"></div></div></div><div class="  w-full" style="background: rgb(255, 255, 255);"><div class="mb-2"><div class="px-2  "><div><h2 class="ant-typography font-title css-1shzbmj" style="color: rgb(51, 51, 51); font-size: 24px; font-weight: 600; text-align: center; padding: 16px; margin: 0px; line-height: 1.5;">Meet Our Team</h2></div></div></div><div class="grid items-stretch grid-cols-1 sm:grid-cols-1 md:grid-cols-1 lg:grid-cols-1 xl:grid-cols-1 gap-6 p-4 mt-8"><div class="h-full"><div class="relative box  " style="background: transparent; padding: 16px; margin: 0px; border-radius: 4px; border-width: 0px; border-style: none; border-color: rgb(0, 0, 0);"><div class="team-member-card flex flex-col items-center text-center p-4  " style="background-color: rgb(255, 255, 255);"><div class="flex flex-col items-center w-full"><div class="relative w-48 h-48 mb-4 mx-auto overflow-hidden rounded-full"><img src="https://media-library.getaloha.com/01KA1N7PXRYFHVR2HZ0T5WSSAJ/f0acf80f-761f-48f1-9921-7b3177099f48_docupdated.webp" alt="Physical Therapist" class="object-cover w-full h-full" loading="lazy"></div><div style="color: rgba(2, 20, 39, 0.88);"><div class="px-2  "><div><h5 class="ant-typography font-subtitle css-1shzbmj" style="color: rgb(51, 51, 51); font-size: 20px; font-weight: 600; text-align: center; padding: 16px; margin: 0px; line-height: 1.5;">Dr. Mark Howarter</h5></div></div></div><div style="color: rgb(25, 118, 210);"><div class="px-2  "><div><h5 class="ant-typography font-subtitle css-1shzbmj" style="color: rgb(29, 160, 143); font-size: 16px; font-weight: 600; text-align: center; padding: 16px; margin: 0px; line-height: 1.5;">Founder &amp; Lead Chiropractor</h5></div></div></div><div style="color: rgba(2, 20, 39, 0.88);"><div class="px-2  "><div><div class="ant-typography font-paragraph css-1shzbmj" style="color: rgb(51, 51, 51); font-size: 14px; font-weight: normal; text-align: center; padding: 16px; margin: 0px; line-height: 1.5;">Dr. Howarter's own journey with chronic pain, allergies, and psoriasis as a young man led him to chiropractic care — and changed the course of his life. Today, he's ICPA-certified in pediatric and Webster Technique prenatal care, serves as Chiropractic Consultant for Leander, LLC, and brings 25+ years of whole-person, faith-informed care to every patient he sees.</div></div></div></div></div></div></div></div><div class="h-full"><div class="relative box  " style="background: transparent; padding: 16px; margin: 0px; border-radius: 4px; border-width: 0px; border-style: none; border-color: rgb(0, 0, 0);"><div class="team-member-card flex flex-col items-center text-center p-4  " style="background-color: rgb(255, 255, 255);"><div class="flex flex-col items-center w-full"><div class="relative w-48 h-48 mb-4 mx-auto overflow-hidden rounded-full"><img src="https://media-library.getaloha.com/01KA1N7PXRYFHVR2HZ0T5WSSAJ/82950904-9168-44df-a946-eed54b8412eb_michelleheadshot.webp" alt="Chiropractic Care Provider" class="object-cover w-full h-full" loading="lazy"></div><div style="color: rgba(2, 20, 39, 0.88);"><div class="px-2  "><div><h5 class="ant-typography font-subtitle css-1shzbmj" style="color: rgb(51, 51, 51); font-size: 20px; font-weight: 600; text-align: center; padding: 16px; margin: 0px; line-height: 1.5;">Michelle Beard</h5></div></div></div><div style="color: rgb(25, 118, 210);"><div class="px-2  "><div><h5 class="ant-typography font-subtitle css-1shzbmj" style="color: rgb(29, 160, 143); font-size: 16px; font-weight: 600; text-align: center; padding: 16px; margin: 0px; line-height: 1.5;">Office Manager</h5></div></div></div><div style="color: rgba(2, 20, 39, 0.88);"><div class="px-2  "><div><div class="ant-typography font-paragraph css-1shzbmj" style="color: rgb(51, 51, 51); font-size: 14px; font-weight: normal; text-align: center; padding: 16px; margin: 0px; line-height: 1.5;">A lifelong Lawrence resident, Michelle brings warmth, organization, and a genuine love of people to every patient's visit — often the first comforting voice you'll hear when you walk through our doors.</div></div></div></div></div></div></div></div><div class="h-full"><div class="relative box  " style="background: transparent; padding: 16px; margin: 0px; border-radius: 4px; border-width: 0px; border-style: none; border-color: rgb(0, 0, 0);"><div class="team-member-card flex flex-col items-center text-center p-4  " style="background-color: rgb(255, 255, 255);"><div class="flex flex-col items-center w-full"><div class="relative w-48 h-48 mb-4 mx-auto overflow-hidden rounded-full"><img src="https://media-library.getaloha.com/01KA1N7PXRYFHVR2HZ0T5WSSAJ/393df710-a450-4376-bb12-7adf0e685289_whitney.webp" alt="Michelle Beard, Office Manager" class="object-cover w-full h-full" loading="lazy"></div><div style="color: rgba(2, 20, 39, 0.88);"><div class="px-2  "><div><h5 class="ant-typography font-subtitle css-1shzbmj" style="color: rgb(51, 51, 51); font-size: 20px; font-weight: 600; text-align: center; padding: 16px; margin: 0px; line-height: 1.5;">Whitney Rothwell</h5></div></div></div><div style="color: rgb(25, 118, 210);"><div class="px-2  "><div><h5 class="ant-typography font-subtitle css-1shzbmj" style="color: rgb(29, 160, 143); font-size: 16px; font-weight: 600; text-align: center; padding: 16px; margin: 0px; line-height: 1.5;">Shockwave Therapist</h5></div></div></div><div style="color: rgba(2, 20, 39, 0.88);"><div class="px-2  "><div><div class="ant-typography font-paragraph css-1shzbmj" style="color: rgb(51, 51, 51); font-size: 14px; font-weight: normal; text-align: center; padding: 16px; margin: 0px; line-height: 1.5;">A former competitive athlete and Licensed Massage Therapist, Whitney combines hands-on therapy with advanced Shockwave technology to help patients recover faster and move more freely.</div></div></div></div></div></div></div></div></div></div>
1750  
1751  <div data-rw-complete-footer="true" class="w-full  "><div class="w-full p-4 " style="background-color: rgb(249, 250, 251); margin-bottom: 0px;"><div class="overflow-hidden bg-white w-full"><div class="overflow-hidden bg-white" style="width: 100%; height: 450px;"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3103.1999476827336!2d-95.2786747!3d38.9422603!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x87bf68dbb7600e97%3A0xb515660533b3e67e!2sThe%20Chiropractic%20Experience%20Wellness%20Center!5e0!3m2!1sen!2sus!4v1777499589043!5m2!1sen!2sus" width="600" height="450" loading="lazy" referrerpolicy="no-referrer-when-downgrade" style="width: 100%; height: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none;"></iframe></div></div></div><footer class="w-full" style="background-color: rgb(0, 143, 205); padding: clamp(0.625rem, 1.5vw, 1rem);"><div class="container mx-auto px-4"><div class="flex flex-col md:flex-row md:justify-between gap-8 mb-8" data-responsive-layout="column-desktop-row"><div class="flex-1 min-w-[200px]"><div class="relative"><h4 class="text-white mb-4 text-lg font-semibold pb-2">Business Hours</h4><div class="absolute left-0 bottom-0 w-10 h-0.5" style="background-color: var(--color-secondary, #008fcd);"></div></div><ul class="list-none mt-2 p-0"><li class="text-sm mb-2 text-white"><div class="flex flex-col md:flex-row md:justify-between"><span class="font-bold text-white whitespace-nowrap">Monday - Thursday</span><span class="text-gray-300 md:text-white md:text-right">9:00 AM - 1:00 PM, 3:00 PM - 6:00 PM</span></div></li><li class="text-sm mb-2 text-white"><div class="flex flex-col md:flex-row md:justify-between"><span class="font-bold text-white whitespace-nowrap">Friday - Sunday</span><span class="text-gray-300 md:text-white md:text-right">Closed</span></div></li></ul></div><div class="flex-1 min-w-[200px]"><div class="relative"><h4 class="text-white mb-4 text-lg font-semibold pb-2">Contact Information</h4><div class="absolute left-0 bottom-0 w-10 h-0.5" style="background-color: var(--color-secondary, #008fcd);"></div></div><address class="mt-2 not-italic leading-relaxed text-sm whitespace-pre-line text-white">The Chiropractic Experience
17523320 Clinton Pkwy Ct
1753Ste 100
1754Lawrence, KS 66047-2629</address></div><div class="flex-1 min-w-[200px]"><div class="relative"><h4 class="text-white mb-4 text-lg font-semibold pb-2">Connect With Us</h4><div class="absolute left-0 bottom-0 w-10 h-0.5" style="background-color: var(--color-secondary, #008fcd);"></div></div><div class="flex gap-4 mt-1"><a href="https://www.facebook.com/chiropracticexperience/" target="_blank" rel="noopener noreferrer" aria-label="Facebook" class="flex items-center justify-center w-10 h-10 rounded-full bg-white/10 hover:bg-white/20 transition-all text-white"><span role="img" aria-label="facebook" class="anticon anticon-facebook text-2xl text-white !text-white" style="color: white;"><svg viewBox="64 64 896 896" focusable="false" data-icon="facebook" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-92.4 233.5h-63.9c-50.1 0-59.8 23.8-59.8 58.8v77.1h119.6l-15.6 120.7h-104V912H539.2V602.2H434.9V481.4h104.3v-89c0-103.3 63.1-159.6 155.3-159.6 44.2 0 82.1 3.3 93.2 4.8v107.9z"></path></svg></span></a><a href="https://www.instagram.com/chiropracticexperience" target="_blank" rel="noopener noreferrer" aria-label="Instagram" class="flex items-center justify-center w-10 h-10 rounded-full bg-white/10 hover:bg-white/20 transition-all text-white"><span role="img" aria-label="instagram" class="anticon anticon-instagram text-2xl text-white !text-white" style="color: white;"><svg viewBox="64 64 896 896" focusable="false" data-icon="instagram" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M512 378.7c-73.4 0-133.3 59.9-133.3 133.3S438.6 645.3 512 645.3 645.3 585.4 645.3 512 585.4 378.7 512 378.7zM911.8 512c0-55.2.5-109.9-2.6-165-3.1-64-17.7-120.8-64.5-167.6-46.9-46.9-103.6-61.4-167.6-64.5-55.2-3.1-109.9-2.6-165-2.6-55.2 0-109.9-.5-165 2.6-64 3.1-120.8 17.7-167.6 64.5C132.6 226.3 118.1 283 115 347c-3.1 55.2-2.6 109.9-2.6 165s-.5 109.9 2.6 165c3.1 64 17.7 120.8 64.5 167.6 46.9 46.9 103.6 61.4 167.6 64.5 55.2 3.1 109.9 2.6 165 2.6 55.2 0 109.9.5 165-2.6 64-3.1 120.8-17.7 167.6-64.5 46.9-46.9 61.4-103.6 64.5-167.6 3.2-55.1 2.6-109.8 2.6-165zM512 717.1c-113.5 0-205.1-91.6-205.1-205.1S398.5 306.9 512 306.9 717.1 398.5 717.1 512 625.5 717.1 512 717.1zm213.5-370.7c-26.5 0-47.9-21.4-47.9-47.9s21.4-47.9 47.9-47.9 47.9 21.4 47.9 47.9a47.84 47.84 0 01-47.9 47.9z"></path></svg></span></a><a href="https://www.linkedin.com/in/mark-howarter-3856378" target="_blank" rel="noopener noreferrer" aria-label="Linkedin" class="flex items-center justify-center w-10 h-10 rounded-full bg-white/10 hover:bg-white/20 transition-all text-white"><span role="img" aria-label="linkedin" class="anticon anticon-linkedin text-2xl text-white !text-white" style="color: white;"><svg viewBox="64 64 896 896" focusable="false" data-icon="linkedin" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zM349.3 793.7H230.6V411.9h118.7v381.8zm-59.3-434a68.8 68.8 0 1168.8-68.8c-.1 38-30.9 68.8-68.8 68.8zm503.7 434H675.1V608c0-44.3-.8-101.2-61.7-101.2-61.7 0-71.2 48.2-71.2 98v188.9H423.7V411.9h113.8v52.2h1.6c15.8-30 54.5-61.7 112.3-61.7 120.2 0 142.3 79.1 142.3 181.9v209.4z"></path></svg></span></a><a href="https://www.youtube.com/user/chiropracticexp/videos" target="_blank" rel="noopener noreferrer" aria-label="Youtube" class="flex items-center justify-center w-10 h-10 rounded-full bg-white/10 hover:bg-white/20 transition-all text-white"><span role="img" aria-label="youtube" class="anticon anticon-youtube text-2xl text-white !text-white" style="color: white;"><svg viewBox="64 64 896 896" focusable="false" data-icon="youtube" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M941.3 296.1a112.3 112.3 0 00-79.2-79.3C792.2 198 512 198 512 198s-280.2 0-350.1 18.7A112.12 112.12 0 0082.7 296C64 366 64 512 64 512s0 146 18.7 215.9c10.3 38.6 40.7 69 79.2 79.3C231.8 826 512 826 512 826s280.2 0 350.1-18.8c38.6-10.3 68.9-40.7 79.2-79.3C960 658 960 512 960 512s0-146-18.7-215.9zM423 646V378l232 133-232 135z"></path></svg></span></a></div></div></div><div class="border-t border-white/10 pt-6"><div class="flex flex-col md:flex-row items-center justify-center gap-4 md:gap-6 mb-2" data-responsive-layout="column-desktop-row"><a href="privacy-policy" class="text-xs transition relative" target="_blank" rel="noopener noreferrer" style="color: rgb(255, 255, 255);">Privacy Policy<span class="mx-2 opacity-50" style="color: rgb(255, 255, 255);">•</span></a><a href="terms-of-service" class="text-xs transition relative" target="_blank" rel="noopener noreferrer" style="color: rgb(255, 255, 255);">Terms of Service<span class="mx-2 opacity-50" style="color: rgb(255, 255, 255);">•</span></a><a href="good-faith-estimate" class="text-xs transition relative" target="_blank" rel="noopener noreferrer" style="color: rgb(255, 255, 255);">Good Faith Estimate<span class="mx-2 opacity-50" style="color: rgb(255, 255, 255);">•</span></a><a href="hipaa-policy" class="text-xs transition relative" target="_blank" rel="noopener noreferrer" style="color: rgb(255, 255, 255);">HIPAA Policy<span class="mx-2 opacity-50" style="color: rgb(255, 255, 255);">•</span></a><a href="accessibility" class="text-xs transition relative" target="_blank" rel="noopener noreferrer" style="color: rgb(255, 255, 255);">Accessibility</a></div><p class="text-center mt-2" style="font-size: clamp(0.75rem, 1.5vw, 0.875rem); color: rgba(255, 255, 255, 0.7);">© 2026 Healthcare Provider. All rights reserved.</p></div></div></footer></div></div>
1755
1756  <!-- JavaScript for interactive components -->
1757  
1757<script>
1758    
1759  // Patient Forms Functionality
1760  document.addEventListener('DOMContentLoaded', function() {
1761    const patientFormsContainers = document.querySelectorAll('.patient-forms');
1762    
1763    patientFormsContainers.forEach(container => {
1764      const options = container.querySelectorAll('.patient-forms__option');
1765      const continueButton = container.querySelector('.patient-forms__continue');
1766      const formList = container.querySelector('.patient-forms__list');
1767      const formHeader = container.querySelector('.patient-forms__header');
1768      const embedContainer = container.querySelector('.patient-forms__embed');
1769      let selectedFormData = null;
1770      
1771      options.forEach(option => {
1772        const radio = option.querySelector('input[type="radio"]');
1773        
1774        // Handle clicking on the entire option div
1775        option.addEventListener('click', function() {
1776          // Uncheck all other radios
1777          options.forEach(opt => {
1778            const r = opt.querySelector('input[type="radio"]');
1779            if (r) r.checked = false;
1780          });
1781          
1782          // Check this radio
1783          if (radio) {
1784            radio.checked = true;
1785            if (continueButton) continueButton.disabled = false;
1786            selectedFormData = {
1787              formId: this.dataset.formId,
1788              title: this.querySelector('strong').textContent
1789            };
1790          }
1791        });
1792        
1793        // Handle direct radio button clicks
1794        if (radio) {
1795          radio.addEventListener('click', function(e) {
1796            e.stopPropagation(); // Prevent double-firing with the option click
1797            if (continueButton) continueButton.disabled = false;
1798            selectedFormData = {
1799              formId: option.dataset.formId,
1800              title: option.querySelector('strong').textContent
1801            };
1802          });
1803        }
1804      });
1805      
1806      if (continueButton) {
1807        continueButton.addEventListener('click', function() {
1808          if (!selectedFormData) return;
1809          
1810          // Hide the form selection interface
1811          if (formList) formList.style.display = 'none';
1812          if (continueButton) continueButton.style.display = 'none';
1813          if (formHeader) formHeader.style.display = 'none';
1814          
1815          // Create and show the form view
1816          const formView = document.createElement('div');
1817          formView.className = 'patient-forms__form-view';
1818          
1819          const formHeaderHtml = document.createElement('div');
1820          formHeaderHtml.className = 'patient-forms__form-header';
1821          formHeaderHtml.innerHTML = `
1822            <button class="patient-forms__back">← Back to Form Selection</button>
1823            <h2 class="patient-forms__form-title">${selectedFormData.title}</h2>
1824          `;
1825          
1826          const embedContent = document.createElement('div');
1827          embedContent.className = 'patient-forms__embed';
1828          
1829          // Create and append the script element
1830          const script = document.createElement('script');
1831          script.charset = 'utf-8';
1832          script.src = 'https://cdn.reviewwave.com/js/reviewwave.js';
1833          script.dataset.id = selectedFormData.formId;
1834          
1835          // Assemble the form view
1836          formView.appendChild(formHeaderHtml);
1837          formView.appendChild(embedContent);
1838          embedContent.appendChild(script);
1839          
1840          // Add the form view to the container
1841          container.querySelector('.patient-forms__container').appendChild(formView);
1842          
1843          // Add back button functionality
1844          const backButton = formHeaderHtml.querySelector('.patient-forms__back');
1845          if (backButton) {
1846            backButton.addEventListener('click', function() {
1847              // Show the form selection interface
1848              if (formList) formList.style.display = 'flex';
1849              if (continueButton) continueButton.style.display = 'block';
1850              if (formHeader) formHeader.style.display = 'block';
1851              
1852              // Remove the form view
1853              formView.remove();
1854              
1855              // Reset selection
1856              options.forEach(opt => {
1857                const r = opt.querySelector('input[type="radio"]');
1858                if (r) r.checked = false;
1859              });
1860              if (continueButton) continueButton.disabled = true;
1861              selectedFormData = null;
1862            });
1863          }
1864        });
1865      }
1866    });
1867  });
1868
1869    
1870  // Gallery functionality
1871    document.addEventListener('DOMContentLoaded', function() {
1872      // Initialize all gallery sliders with extracted settings
1873      const gallerySettings = {};
1874      
1875      initializeGallerySliders(gallerySettings);
1876      
1877      function initializeGallerySliders(settings) {
1878        // Find all slider containers
1879        const sliders = document.querySelectorAll('.banner-slider');
1880        
1881        sliders.forEach(function(slider, idx) {
1882          const slides = slider.querySelectorAll('div > div');
1883          const totalSlides = slides.length;
1884          if (totalSlides <= 1) return;
1885          
1886          // Get the selector for this slider
1887          const selector = '.banner-slider:nth-of-type(' + (idx + 1) + ')';
1888          
1889          // Get settings for this slider or use defaults
1890          const sliderSettings = settings[selector] || {
1891            autoplaySpeed: 5000,
1892            showButtons: true,
1893            showDots: true,
1894            transitionEffect: 'none',
1895            transitionDuration: 500
1896          };
1897          
1898          const autoplaySpeed = sliderSettings.autoplaySpeed;
1899          
1900          const leftBtn = slider.parentElement.querySelector('button[aria-label="Previous slide"]');
1901          const rightBtn = slider.parentElement.querySelector('button[aria-label="Next slide"]');
1902          const dots = slider.parentElement.querySelectorAll('div[style*="border-radius: 50%"]');
1903          const playPauseBtn = slider.parentElement.querySelector('button[style*="bottom: 20px"][style*="right: 80px"]');
1904          
1905          // Set up autoplay
1906          let currentSlide = 0;
1907          let autoplayInterval;
1908          let isPlaying = true; // Default to playing
1909          
1910          function startAutoplay() {
1911            if (autoplayInterval) clearInterval(autoplayInterval);
1912            autoplayInterval = setInterval(function() {
1913              goToSlide((currentSlide + 1) % totalSlides);
1914            }, autoplaySpeed);
1915            
1916            // Update play/pause button if it exists
1917            if (playPauseBtn) {
1918              // Update icon to pause icon (could be a class change or content change)
1919              if (playPauseBtn.querySelector('[aria-label="pause"]')) {
1920                playPauseBtn.querySelector('[aria-label="pause"]').style.display = 'inline-block';
1921              }
1922              if (playPauseBtn.querySelector('[aria-label="play"]')) {
1923                playPauseBtn.querySelector('[aria-label="play"]').style.display = 'none';
1924              }
1925            }
1926            
1927            isPlaying = true;
1928          }
1929          
1930          function stopAutoplay() {
1931            if (autoplayInterval) clearInterval(autoplayInterval);
1932            
1933            // Update play/pause button if it exists
1934            if (playPauseBtn) {
1935              // Update icon to play icon
1936              if (playPauseBtn.querySelector('[aria-label="pause"]')) {
1937                playPauseBtn.querySelector('[aria-label="pause"]').style.display = 'none';
1938              }
1939              if (playPauseBtn.querySelector('[aria-label="play"]')) {
1940                playPauseBtn.querySelector('[aria-label="play"]').style.display = 'inline-block';
1941              }
1942            }
1943            
1944            isPlaying = false;
1945          }
1946          
1947          function toggleAutoplay() {
1948            if (isPlaying) {
1949              stopAutoplay();
1950            } else {
1951              startAutoplay();
1952            }
1953          }
1954          
1955          function goToSlide(index) {
1956            currentSlide = index;
1957            slider.scrollTo({
1958              left: slider.clientWidth * index,
1959              behavior: 'smooth'
1960            });
1961            
1962            // Update dots if they exist
1963            if (dots.length > 0) {
1964              dots.forEach((dot, i) => {
1965                if (i === index) {
1966                  dot.style.background = '#1890ff';
1967                } else {
1968                  dot.style.background = 'rgba(255, 255, 255, 0.5)';
1969                }
1970              });
1971            }
1972          }
1973          
1974          // Set up navigation buttons
1975          if (leftBtn) {
1976            leftBtn.addEventListener('click', function(e) {
1977              e.preventDefault();
1978              stopAutoplay();
1979              goToSlide((currentSlide - 1 + totalSlides) % totalSlides);
1980              startAutoplay();
1981            });
1982          }
1983          
1984          if (rightBtn) {
1985            rightBtn.addEventListener('click', function(e) {
1986              e.preventDefault();
1987              stopAutoplay();
1988              goToSlide((currentSlide + 1) % totalSlides);
1989              startAutoplay();
1990            });
1991          }
1992          
1993          // Set up play/pause button
1994          if (playPauseBtn) {
1995            playPauseBtn.addEventListener('click', function(e) {
1996              e.preventDefault();
1997              toggleAutoplay();
1998            });
1999          }
2000          
2001          // Set up dot navigation
2002          if (dots.length > 0) {
2003            dots.forEach((dot, i) => {
2004              dot.addEventListener('click', function() {
2005                stopAutoplay();
2006                goToSlide(i);
2007                startAutoplay();
2008              });
2009            });
2010          }
2011          
2012          // Handle touch/mouse events for swiping
2013          let touchStartX = null;
2014          let touchEndX = null;
2015          
2016          slider.addEventListener('touchstart', function(e) {
2017            touchStartX = e.touches[0].clientX;
2018            stopAutoplay();
2019          });
2020          
2021          slider.addEventListener('touchmove', function(e) {
2022            if (!touchStartX) return;
2023            touchEndX = e.touches[0].clientX;
2024          });
2025          
2026          slider.addEventListener('touchend', function() {
2027            if (!touchStartX || !touchEndX) {
2028              startAutoplay();
2029              return;
2030            }
2031            
2032            const diff = touchStartX - touchEndX;
2033            const threshold = 50;
2034            
2035            if (Math.abs(diff) > threshold) {
2036              if (diff > 0) {
2037                goToSlide((currentSlide + 1) % totalSlides);
2038              } else {
2039                goToSlide((currentSlide - 1 + totalSlides) % totalSlides);
2040              }
2041            }
2042            
2043            touchStartX = null;
2044            touchEndX = null;
2045            startAutoplay();
2046          });
2047          
2048          // Start autoplay on page load
2049          startAutoplay();
2050        });
2051      }
2052    });
2053
2054    
2055  // Handle smooth scrolling for anchor links
2056  document.addEventListener('DOMContentLoaded', function() {
2057    // Find all anchor links with hash targets
2058    const anchorLinks = document.querySelectorAll('a[href^="#"]');
2059    
2060    anchorLinks.forEach(function(link) {
2061      link.addEventListener('click', function(e) {
2062        // Get the target element ID
2063        const targetId = this.getAttribute('href').substring(1);
2064        const targetElement = document.getElementById(targetId);
2065        
2066        // If the target element exists
2067        if (targetElement) {
2068          e.preventDefault();
2069          
2070          // Scroll smoothly to the target
2071          targetElement.scrollIntoView({ 
2072            behavior: 'smooth',
2073            block: 'start'
2074          });
2075          
2076          // Update URL hash without jumping
2077          history.pushState(null, null, '#' + targetId);
2078        }
2079      });
2080    });
2081  });
2082
2083    
2084document.addEventListener('DOMContentLoaded', () => {
2085  const mobileNav = document.querySelector('.mobile-nav-container');
2086  if (!mobileNav) return;
2087
2088  const menuButton = mobileNav.querySelector('[data-element="mobile-menu-button"]');
2089  const drawer = mobileNav.querySelector('[data-element="mobile-menu-drawer"]');
2090  const drawerOverlay = mobileNav.querySelector('[data-element="mobile-menu-overlay"]');
2091  const closeButton = mobileNav.querySelector('[data-element="mobile-menu-drawer-close"]');
2092  
2093  if (!menuButton || !drawer || !drawerOverlay || !closeButton) return;
2094
2095  // Mobile action buttons - prevent default in case they're placeholder links
2096  const actionButtons = mobileNav.querySelectorAll('[data-element^="mobile-action-"]');
2097  actionButtons.forEach(btn => {
2098    const href = btn.getAttribute('href');
2099    if (!href || href === '#') {
2100      btn.addEventListener('click', (e) => e.preventDefault());
2101    }
2102  });
2103
2104  const openDrawer = () => {
2105    drawer.classList.remove('translate-x-full');
2106    drawerOverlay.classList.remove('hidden');
2107    document.body.style.overflow = 'hidden'; // Prevent background scroll
2108  };
2109
2110  const closeDrawer = () => {
2111    drawer.classList.add('translate-x-full');
2112    drawerOverlay.classList.add('hidden');
2113    document.body.style.overflow = ''; // Restore background scroll
2114  };
2115
2116  menuButton.addEventListener('click', (e) => {
2117      e.stopPropagation();
2118      openDrawer();
2119  });
2120
2121  closeButton.addEventListener('click', (e) => {
2122    e.stopPropagation();
2123    closeDrawer();
2124  });
2125
2126  drawerOverlay.addEventListener('click', (e) => {
2127    e.stopPropagation();
2128    closeDrawer();
2129  });
2130  
2131  const drawerLinks = drawer.querySelectorAll('a');
2132  drawerLinks.forEach(link => {
2133      link.addEventListener('click', closeDrawer);
2134  });
2135
2136  // Handle submenu toggles
2137  const submenuToggles = drawer.querySelectorAll('[data-submenu-toggle]');
2138  submenuToggles.forEach(toggle => {
2139    toggle.addEventListener('click', (e) => {
2140      e.stopPropagation();
2141      const submenuKey = toggle.getAttribute('data-submenu-toggle');
2142      const submenuContent = drawer.querySelector('[data-submenu-content="' + submenuKey + '"]');
2143      const arrow = toggle.querySelector('svg');
2144      
2145      if (submenuContent && arrow) {
2146        const isOpen = !submenuContent.classList.contains('max-h-0');
2147        
2148        if (isOpen) {
2149          // Close submenu
2150          submenuContent.classList.remove('max-h-96', 'max-h-open', 'opacity-100');
2151          submenuContent.classList.add('max-h-0', 'opacity-0');
2152          arrow.classList.remove('rotate-180');
2153          toggle.setAttribute('aria-expanded', 'false');
2154        } else {
2155          // Open submenu
2156          submenuContent.classList.remove('max-h-0', 'opacity-0');
2157          submenuContent.classList.add('max-h-open', 'opacity-100');
2158          arrow.classList.add('rotate-180');
2159          toggle.setAttribute('aria-expanded', 'true');
2160        }
2161      }
2162    });
2163  });
2164
2165  document.addEventListener('keydown', (e) => {
2166    if (e.key === 'Escape' && !drawer.classList.contains('translate-x-full')) {
2167      closeDrawer();
2168    }
2169  });
2170});
2171
2172    
2173document.addEventListener('DOMContentLoaded', () => {
2174  const groups = document.querySelectorAll('[data-hero-video-buttons]');
2175  groups.forEach((group) => {
2176    const provider = group.getAttribute('data-provider');
2177    const iframeId = group.getAttribute('data-iframe-id');
2178    const videoId = group.getAttribute('data-video-id');
2179    const iframe = iframeId ? document.getElementById(iframeId) : null;
2180    const video = videoId ? document.getElementById(videoId) : null;
2181
2182    function postVimeo(method, value) {
2183      if (!iframe || !iframe.contentWindow) return;
2184      const msg = value !== undefined ? { method: method, value: value } : { method: method };
2185      iframe.contentWindow.postMessage(msg, '*');
2186    }
2187
2188    function postYouTube(func) {
2189      if (!iframe || !iframe.contentWindow) return;
2190      iframe.contentWindow.postMessage(JSON.stringify({
2191        event: 'command', func: func, args: []
2192      }), '*');
2193    }
2194
2195    function swapIcons(btn, activeKey) {
2196      const icons = btn.querySelectorAll('[data-icon]');
2197      icons.forEach((icon) => {
2198        icon.style.display = icon.getAttribute('data-icon') === activeKey ? '' : 'none';
2199      });
2200    }
2201
2202    group.querySelectorAll('button[data-action]').forEach((btn) => {
2203      btn.addEventListener('click', (e) => {
2204        e.stopPropagation();
2205        const action = btn.getAttribute('data-action');
2206
2207        if (action === 'mute') {
2208          const next = btn.getAttribute('data-state') !== 'muted';
2209          btn.setAttribute('data-state', next ? 'muted' : 'unmuted');
2210          btn.setAttribute('aria-label', next ? 'Unmute video' : 'Mute video');
2211          swapIcons(btn, next ? 'muted' : 'unmuted');
2212          if (provider === 'file' && video) {
2213            video.muted = next;
2214            if (!next && video.volume === 0) video.volume = 1;
2215          } else if (provider === 'vimeo') {
2216            postVimeo('setMuted', next);
2217          } else if (provider === 'youtube') {
2218            postYouTube(next ? 'mute' : 'unMute');
2219          }
2220        } else if (action === 'play') {
2221          const next = btn.getAttribute('data-state') !== 'playing';
2222          btn.setAttribute('data-state', next ? 'playing' : 'paused');
2223          btn.setAttribute('aria-label', next ? 'Pause video' : 'Play video');
2224          swapIcons(btn, next ? 'pause' : 'play');
2225          if (provider === 'file' && video) {
2226            if (next) video.play().catch(() => undefined);
2227            else video.pause();
2228          } else if (provider === 'vimeo') {
2229            postVimeo(next ? 'play' : 'pause');
2230          } else if (provider === 'youtube') {
2231            postYouTube(next ? 'playVideo' : 'pauseVideo');
2232          }
2233        }
2234      });
2235    });
2236  });
2237
2238  /* YouTube chrome-mask reveal listener — fades the chrome-mask sooner
2239   * than the 5s CSS fallback as soon as the player reports PLAYING.
2240   * Each chrome-mask sits next to its YouTube iframe inside the same
2241   * wrapper, so iframe = mask.parentElement.querySelector('iframe'). */
2242  var masks = document.querySelectorAll('.hero-bg-video-mask');
2243  if (masks.length) {
2244    masks.forEach(function (mask) {
2245      var iframe = mask.parentElement && mask.parentElement.querySelector('iframe');
2246      if (!iframe || iframe.src.indexOf('youtube.com') === -1) return;
2247      function sendListening() {
2248        if (iframe.contentWindow) {
2249          iframe.contentWindow.postMessage(JSON.stringify({ event: 'listening' }), '*');
2250        }
2251      }
2252      sendListening();
2253      setTimeout(sendListening, 500);
2254      setTimeout(sendListening, 1500);
2255      setTimeout(sendListening, 3000);
2256    });
2257
2258    window.addEventListener('message', function (e) {
2259      if (typeof e.data !== 'string') return;
2260      var data;
2261      try { data = JSON.parse(e.data); } catch (err) { return; }
2262      if (!data || data.event !== 'onStateChange' || data.info !== 1) return;
2263      masks.forEach(function (mask) {
2264        var iframe = mask.parentElement && mask.parentElement.querySelector('iframe');
2265        if (iframe && iframe.contentWindow === e.source) {
2266          mask.classList.add('is-ready');
2267        }
2268      });
2269    });
2270  }
2271});
2272
2273  </script>
2273
2274  
2275<script>
2276  // Dynamic Navigation Height Adjustment
2277  // This script measures the actual navigation height and adjusts body padding accordingly
2278  (function() {
2279    function adjustBodyPadding() {
2280      const navigation = document.getElementById('navigation');
2281      if (!navigation) return;
2282      
2283      // Get the actual computed height of the navigation
2284      const navHeight = navigation.offsetHeight;
2285      
2286      // Apply the measured height as body padding-top
2287      document.body.style.paddingTop = navHeight + 'px';
2288      
2289      // Store the height for potential future use
2290      document.documentElement.style.setProperty('--actual-navigation-height', navHeight + 'px');
2291    }
2292    
2293    // Adjust on DOM ready
2294    if (document.readyState === 'loading') {
2295      document.addEventListener('DOMContentLoaded', adjustBodyPadding);
2296    } else {
2297      adjustBodyPadding();
2298    }
2299    
2300    // Adjust on window resize (in case navigation height changes)
2301    let resizeTimeout;
2302    window.addEventListener('resize', function() {
2303      clearTimeout(resizeTimeout);
2304      resizeTimeout = setTimeout(adjustBodyPadding, 100);
2305    });
2306    
2307    // Adjust after fonts load (in case font loading affects navigation height)
2308    if (document.fonts) {
2309      document.fonts.ready.then(adjustBodyPadding);
2310    }
2311  })();
2312</script>
2312
2313
2314  
2314<script src="https://cdn.reviewwave.com/js/chat_embed.js" type="text/javascript" data-id="4be8c95776848b"></script>
2314
2315  
2316<script>
2317  window._rwREEl = (window._rwREEl || []).concat({
2318      "el_id": "f34bdb6c-b1d3-4eea-9b9a-c780cbad41ea",
2319      "key": "10406-c0e6-f397-32a1-eb71",
2320      "mode": "badge",
2321      "pos": "bottom-left",
2322      "delay": -1,
2323      "rating": 4,
2324      "num": 3,
2325      "type": "all",
2326      "no_link": 0,
2327      "schema": 1
2328});
2329
2330  // Load S3 script first (always injected)
2331  var s3Script = document.createElement('script');
2332  s3Script.src = "https://rw-embed-data.s3.amazonaws.com/10406-c0e6-f397-32a1-eb71.js";
2333  s3Script.onload = function() {
2334    // Only load main script after S3 data is loaded AND if desktop width
2335    if (window.innerWidth > 767) {
2336      var cdnScript = document.createElement('script');
2337      cdnScript.src = "https://cdn.reviewwave.com/js/reviews_embed.js";
2338      cdnScript.async = true;
2339      document.head.appendChild(cdnScript);
2340    }
2341  };
2342  s3Script.onerror = function() {
2343    console.warn('Failed to load reviews badge data from S3');
2344  };
2345  document.head.appendChild(s3Script);
2346</script>
2346
2347
2348  
2349  <!-- Accessibility Widget -->
2350  
2350<script>
2351    (function(d){
2352      var s = d.createElement("script");
2353      s.setAttribute("data-account", "tglYYbBp6o");
2354      s.setAttribute("src", "https://accessibilityserver.org/widget.js");
2355      (d.body || d.head).appendChild(s);
2356    })(document);
2357  </script>
2357
2358  <noscript>
2359    Please ensure Javascript is enabled for purposes of 
2360    <a href="https://accessibilityserver.org">website accessibility</a>
2361  </noscript>
2362  
2363</body>
2364</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.