PageSourceSearch

https://newviewlasereye.com/contact-lenses/

html newviewlasereye.com collected 2026-10-04 02:37:51 UTC 270,710 bytes, 6,632 lines download raw bytes

1<!doctype html>
2<html lang="en-US">
3<head>
4	<meta charset="UTF-8">
5	<meta name="viewport" content="width=device-width, initial-scale=1">
6	<meta name="description" content="What happens at a contact lens exam? Learn how fittings work and what to expect at NewView Eye Center, serving lens wearers in Northern Virginia.">
7	<!-- wp_head -->
8	<title>Contact Lenses &#8211; New View Eye Center</title>
9<meta name='robots' content='max-image-preview:large' />
10<link rel='dns-prefetch' href='//ed7e7u353i8.exactdn.com' />
11<link rel='preconnect' href='//ed7e7u353i8.exactdn.com' />
12<style id="wp-img-auto-sizes-contain-inline-css">
13img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
14/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
15</style>
16<style id="wp-block-library-inline-css">
17:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
17--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
18
19/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
20</style>
21<style id="classic-theme-styles-inline-css">
22/*! This file is auto-generated */
23.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
24/*# sourceURL=/wp-includes/css/classic-themes.min.css */
25</style>
26
27<style id="global-styles-inline-css">
28:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
28--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
28.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
29/*# sourceURL=global-styles-inline-css */
30</style>
31
32<link rel='stylesheet' id='picostrap-styles-css' href='https://newviewlasereye.com/wp-content/themes/picostrap5/css-output/bundle-55.css?ver=443' media='all' />
33<link rel="canonical" href="https://newviewlasereye.com/contact-lenses/" />
34<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 34-35
34
35<script async src="https://www.googletagmanager.com/gtag/js?id=
35AW-797515819
vendor: 13 bytes, line 35
35"></script>
36<script>
37  
vendor: 138 bytes, lines 37-41
37window.dataLayer = window.dataLayer || [];
38  function gtag(){dataLayer.push(arguments);}
39  gtag('js', new Date());
40
41  gtag('config', '
41AW-797515819
vendor: 5 bytes, line 41
41');
42</script>
42
43
44<script>(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"187116966", enableAutoSpaTracking: true};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq");</script>
44
45
46<script>
47
48	document.addEventListener("DOMContentLoaded", function(event){
49
50		function uet_report_conversion() { window.uetq = window.uetq || []; window.uetq.push('event', 'contact', {}); } 
51
52		(document.querySelectorAll('a[href^="tel"]').forEach(button => button.addEventListener('click', function (event) {
53			uet_report_conversion()			
54		})));		
55		
56	});
57
58
59</script>
59
60
61<script>
62 document.addEventListener("DOMContentLoaded", function(event){
63
64      document.querySelectorAll('[href*="tel:"]').forEach(link => link.addEventListener('click', function () {
65            console.log('click!');
66            gtag('event', 'conversion', {'send_to': 'AW-797515819/0M4ZCJehhf0DEKvApPwC'});
67      }));
68 });
69</script>
69
70
71<link rel='dns-prefetch' href='//cdn.jsdelivr.net' /> 
72<style>
73 @font-face {
74    font-family:'Outfit';
75    font-style:normal;
76    font-display:swap;
77    font-weight:100 200 300 400 500 600 700 800 900;
78    src:url(https://cdn.jsdelivr.net/fontsource/fonts/outfit:vf@latest/latin-wght-normal.woff2) format('woff2-variations');
79    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
80} 
81 @font-face {
82    font-family:'Castoro';
83    font-style:normal;
84    font-display:swap;
85    font-weight:400;
86    src:url(https://cdn.jsdelivr.net/fontsource/fonts/castoro@latest/latin-400-normal.woff2) format('woff2');
87    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
88}
89 </style>
90   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
91<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","@id":"https://newviewlasereye.com/contact-lenses/","url":"https://newviewlasereye.com/contact-lenses/","name":"Contact Lens Exams in Northern VA | NewView Eye Center","description":"What happens at a contact lens exam? Learn how fittings work and what to expect at NewView Eye Center, serving lens wearers in Northern Virginia.","dateModified":"2026-07-22T15:08:15+00:00","inLanguage":["English"],"publisher":{"@type":"Organization","name":"Specialty Vision","logo":{"@type":"ImageObject","url":"https://cdn.specialty.vision/wp-content/uploads/sites/15/2025/11/logo-specialty-vision-horizontal-fullcolor1-1.png?strip=all"}}}</script>
91
92<link rel="icon" href="https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/07/cropped-Untitled-1.webp?strip=all&#038;resize=32%2C32" sizes="32x32" />
93<link rel="icon" href="https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/07/cropped-Untitled-1.webp?strip=all&#038;resize=192%2C192" sizes="192x192" />
94<link rel="apple-touch-icon" href="https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/07/cropped-Untitled-1.webp?strip=all&#038;resize=180%2C180" />
95<meta name="msapplication-TileImage" content="https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/07/cropped-Untitled-1.webp?strip=all&#038;resize=270%2C270" />
96<style id="wp-custom-css">
97/* FONTS */
98/* Import Google Fonts */
99@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap');
100
101/* Default font for the whole page */
102/* body p,
103a {
104font-family: 'Inter', sans-serif !important;
105} */
106
107/* Headings, buttons, and links use Poppins */
108button input[type="button"],
109input[type="submit"] {
110font-family: 'Inter', sans-serif !important;
111}
112
113
114/* END */
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137/* START OF LOCATION ACCORDION BUTTON STYLING */
138
139/* #locationHeading1 .accordion-button {
140background: linear-gradient(90deg, rgba(0, 165, 228, 0.5) 0%, rgba(31, 196, 168, 0.3) 61%);
141} */
142
143#locationHeading1 .accordion-button .location-office-icon {
144display: flex;
145justify-content: center;
146align-items: center;
147width: 30px;
148height: 30px;
149background-color: white;
150border-radius: 50%;
151font-size: 20px;
152color: var(--bs-secondary);
153
154}
155
156/* Default state: Chevron pointing down */
157#locationHeading1 .accordion-button .accordion-chevron-icon {
158transition: transform 0.3s ease;
159/* Smooth transition for rotation */
160}
161
162/* When the accordion button is clicked (open state), the chevron rotates */
163#locationHeading1 .accordion-button:not(.collapsed) .accordion-chevron-icon {
164transform: rotate(180deg);
165/* Flip the chevron when the accordion is opened */
166}
167
168
169/* END OF LOCATION ACCORDION */
170
171
172.remove-style-link {
173color: inherit;
174text-decoration: none;
175}
176
177.remove-style-link:hover {
178color: #203D8E;
179}
180
181.custom-refer-btn {
182background-color: #203D8E;
183color: white;
184border: 1px solid #203D8E;
185padding: 12px 24px;
186font-weight: 500;
187text-decoration: none;
188border-radius: 4px;
189display: inline-block;
190transition: all 0.3s ease;
191}
192
193.custom-refer-btn:hover {
194background-color: white;
195color: #203D8E;
196border: 1px solid #203D8E;
197}
198
199
200/*-----Refocus-----*/
201.refocus-hero-gradient {
202background: linear-gradient(to bottom,
203rgba(183, 237, 228, 0.1) 50%,
204rgba(182, 229, 238, 0.5) 100%);
205}
206
207/* If these utilities already exist in your project, you can omit this block */
208.rf-color {
209color: #1bbfdd;
210}
211
212.rf-bg-color {
213background: #10AFC3;
214}
215
216.rf-primary {
217color: #0F2F39;
218}
219
220.rf-bg-light {
221background: #F4FAFB;
222}
223
224/* Tiles */
225.rf-tile {
226display: flex;
227align-items: center;
228justify-content: center;
229width: 100%;
230height: 100%;
231min-height: 92px;
232padding: 18px 20px;
233border-radius: 16px;
234background: #FFFFFF;
235color: #0F2F39;
236box-shadow: 0 8px 20px rgba(3, 41, 64, 0.08);
237transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, color .15s ease;
238text-align: center;
239}
240
241/* Hover/keyboard focus becomes teal */
242.rf-tile:hover,
243.rf-tile:focus-visible {
244background: #10AFC3;
245color: #FFFFFF;
246box-shadow: 0 10px 22px rgba(16, 175, 195, 0.35);
247transform: translateY(-2px);
248outline: 0;
249}
250
251/* Icon ring (used in the first tile) */
252.rf-icon-ring {
253width: 40px;
254height: 40px;
255border-radius: 999px;
256border: 1px solid #10AFC3;
257color: #10AFC3;
258display: flex;
259align-items: center;
260justify-content: center;
261}
262
263/* Invert icon ring on hover/focus for contrast */
264.rf-tile:hover .rf-icon-ring,
265.rf-tile:focus-visible .rf-icon-ring {
266border-color: #FFFFFF;
267color: #FFFFFF;
268}
269
270
271/* Callout wrapper (dark gradient card) */
272.rf-callout {
273background: linear-gradient(135deg, #0F2F39 0%, #0A7385 100%);
274color: #ffffff;
275border-radius: 20px;
276position: relative;
277}
278
279/* Eyebrow, title, copy */
280.rf-eyebrow {
281color: #1bbfdd;
282letter-spacing: .2px;
283}
284
285.rf-title {
286color: #ffffff;
287line-height: 1.1;
288font-size: clamp(1.8rem, 2.6vw + 1rem, 3rem);
289}
290
291.rf-copy {
292color: rgba(255, 255, 255, .88);
293font-size: 1.05rem;
294}
295
296/* CTA button */
297.rf-btn-teal {
298background: #10AFC3;
299color: #fff;
300border: 0;
301border-radius: 12px;
302box-shadow: 0 10px 24px rgba(16, 175, 195, .35);
303transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
304}
305
306.rf-btn-teal:hover {
307background: #0f9fb4;
308color: #fff;
309transform: translateY(-1px);
310}
311
312/* Right-side image card + badges */
313.rf-photo-wrapper {
314position: relative;
315max-width: 560px;
316}
317
318.rf-photo-card {
319border-radius: 24px;
320padding: 0px;
321}
322
323/* Small floating image (top-right) */
324.rf-badge-small {
325position: absolute;
326top: 18px;
327right: -14px;
328width: 170px;
329height: 130px;
330background: #fff;
331border-radius: 16px;
332border: 2px solid rgba(27, 191, 221, .8);
333overflow: hidden;
334}
335
336/* Teal icon badge (bottom-right) */
337.rf-badge-large {
338position: absolute;
339right: -16px;
340bottom: -16px;
341width: 96px;
342height: 96px;
343background: #10AFC3;
344color: #fff;
345border-radius: 18px;
346box-shadow: 0 12px 28px rgba(16, 175, 195, .5);
347}
348
349/* Card wrapper (kept simple for grid spacing) */
350.rf-doc-card {}
351
352/* Portrait panel with inset name bar */
353.rf-doc-top {
354position: relative;
355background: #EAF7FB;
356border: 2px solid #1bbfdd;
357border-radius: 16px;
358min-height: auto;
359padding: 18px 18px 20px;
360/* leave room for the name bar inside */
361overflow: hidden;
362/* so bottom corners clip the name nicely */
363transition: box-shadow .18s ease;
364}
365
366.rf-doc-card:hover .rf-doc-top {
367box-shadow: 0 12px 26px rgba(3, 41, 64, 0.12);
368}
369
370/* Doctor image */
371.rf-doc-img {
372width: 100%;
373height: 100%;
374object-fit: contain;
375/* keeps cutouts centered without cropping */
376}
377
378/* Name sits INSIDE the card, fixed to the bottom */
379.rf-doc-name {
380position: absolute;
381left: 0;
382right: 0;
383bottom: 0;
384background: #FFFFFF;
385color: #0F2F39;
386padding: 12px 16px;
387border-top: 1px solid rgba(3, 41, 64, 0.08);
388/* No border radius needed; parent clip creates rounded corners */
389}
390
391/* Optional: adjust panel height per breakpoint */
392@media (min-width: 1200px) {
393.rf-doc-top {
394min-height: auto;
395}
396}
397
398/* Your palette utilities assumed:
399.rf-color{color:#1bbfdd;} .rf-bg-color{background:#10AFC3;}
400.rf-primary{color:#0F2F39;} .bg-rf-light{background:#F4FAFB;}
401*/
402
403/* Section background with gradient + placeholder image */
404.rf-reviews {
405position: relative;
406overflow: hidden;
407background: linear-gradient(135deg, #0F2F39 0%, #0E4954 60%, #0A7385 100%);
408}
409
410/* Background image (placeholder) */
411.rf-reviews::before {
412content: "";
413position: absolute;
414inset: 0;
415background:
416linear-gradient(0deg, rgba(15, 47, 57, .55), rgba(15, 47, 57, .55)),
417url("https://via.placeholder.com/1600x700.png?text=People+Background");
418background-position: center bottom;
419background-size: cover;
420opacity: .85;
421/* overall strength of the image overlay */
422pointer-events: none;
423}
424
425/* Decorative diamond shapes */
426.rf-shape {
427position: absolute;
428border: 2px solid #10AFC3;
429border-radius: 20px;
430transform: rotate(45deg);
431opacity: .5;
432pointer-events: none;
433}
434
435.rf-shape-lg {
436width: 220px;
437height: 220px;
438left: 60px;
439bottom: 80px;
440}
441
442.rf-shape-md {
443width: 260px;
444height: 260px;
445left: 44%;
446top: -40px;
447opacity: .35;
448background: rgba(16, 175, 195, .2);
449border: 0;
450}
451
452.rf-shape-sm {
453width: 86px;
454height: 86px;
455right: 100px;
456top: 68px;
457}
458
459/* Quote card */
460.rf-quote-wrap {
461min-height: auto;
462}
463
464.rf-quote-card {
465position: relative;
466border-radius: 18px;
467padding: 24px 28px;
468box-shadow: 0 16px 36px rgba(0, 0, 0, .18);
469color: #0F2F39;
470}
471
472/* small outlined rounded-square decor on the top-right of the card */
473.rf-quote-deco {
474position: absolute;
475width: 70px;
476height: 70px;
477border-radius: 18px;
478border: 2px solid #12c8c8;
479right: 18px;
480top: -24px;
481transform: rotate(45deg);
482background: #fff;
483/* keep the border visible over bg */
484}
485
486/* Quote text */
487.rf-quote-text {
488font-size: 1.05rem;
489line-height: 1.6;
490}
491
492/* Arrows under/near the card */
493.rf-arrows {
494display: flex;
495gap: 10px;
496position: absolute;
497left: 12px;
498bottom: -26px;
499}
500
501.rf-arrow {
502width: 40px;
503height: 40px;
504border-radius: 50%;
505border: 2px solid rgba(255, 255, 255, .9);
506color: #ffffff;
507display: inline-flex;
508align-items: center;
509justify-content: center;
510backdrop-filter: blur(2px);
511transition: transform .15s ease, background-color .15s ease, border-color .15s ease;
512}
513
514.rf-arrow:hover {
515transform: translateY(-2px);
516background: rgba(255, 255, 255, .08);
517}
518
519/* Responsive tweaks */
520@media (max-width: 991.98px) {
521.rf-arrows {
522bottom: -22px;
523}
524
525.rf-shape-md {
526left: 55%;
527}
528}
529
530
531/*------------CONTAINER END-----------------------*/
532
533p,
534li,
535a {
536
537font-size: 16px;
538font-weight: 400;
539}
540
541.top-bar a {
542color: white;
543}
544
545.top-bar a:hover {
546color: #8ce2e2;
547}
548
549.ac-text {
550color: #074570;
551}
552
553.small-shadow {
554box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
555}
556
557.shadow2 {
558border-radius: 8px;
559box-shadow: 0px 0px 30.7px rgba(27, 36, 50, 0.2), 16px 18px 22.1px rgba(27, 36, 50, 0.05);
560}
561
562.bg-light-color {
563background-color: #EEF5F6;
564}
565
566.coloredr-gradient {
567background: -webkit-linear-gradient(left, #0E4570 60%, #3EAED3 100%);
568background: -moz-linear-gradient(left, #0E4570 60%, #3EAED3 100%);
569background: -o-linear-gradient(left, #0E4570 60%, #3EAED3 100%);
570background: linear-gradient(to right, #0E4570 60%, #3EAED3 100%);
571}
572
573.je-sv-appt-bg {
574background-image: linear-gradient(180deg, #f9fbfc 50%, #001419 40%);
575}
576
577@media (min-width: 780px) {
578.shadow1 {
579margin-top: -60px;
580z-index: 1;
581}
582}
583
584.je-button:hover {
585transform: translate(15px);
586transition-duration: 0.3s;
587box-shadow: 5px 5px 16px 0 rgba(14, 37, 58, .15);
588}
589
590/* Related Child Pages */
591
592.related-content {
593display: flex;
594gap: 30px;
595padding: 0px 16px;
596justify-content: center;
597/* Center cards horizontally */
598align-items: center;
599flex-wrap: wrap;
600}
601
602.slider-row {
603display: flex;
604gap: 30px;
605padding: 0px 16px;
606justify-content: center;
607/* Center cards horizontally */
608align-items: center;
609flex-wrap: wrap;
610}
611
612.skew-card {
613display: flex;
614flex-direction: column;
615min-width: 20%;
616border: none;
617}
618
619.skew-content-no-hover {
620position: relative;
621padding: 10px 20px 10px 20px;
622background: linear-gradient(to right, rgba(30, 87, 153, 1) 0%, rgba(41, 137, 216, 1) 35%, rgba(32, 124, 202, 1) 73%, rgba(32, 124, 202, 1) 73%, rgba(125, 185, 232, 1) 100%);
623color: #fff;
624font-family: 'montserrat', Sans-Serif;
625border-radius: 8px;
626transform: skew(-15deg);
627box-shadow: 0 4px 18px rgba(28, 44, 100, 0.08);
628transition:
629box-shadow 0.3s cubic-bezier(.4, 2, .6, 1),
630transform 0.3s cubic-bezier
631}
632
633.gradient-section {
634background: linear-gradient(to right, rgba(30, 87, 153, 1) 0%, rgba(41, 137, 216, 1) 35%, rgba(32, 124, 202, 1) 73%, rgba(32, 124, 202, 1) 73%, rgba(125, 185, 232, 1) 100%);
635}
636
637.skew-content {
638position: relative;
639padding: 10px 20px 10px 20px;
640background: linear-gradient(to right, rgba(30, 87, 153, 1) 0%, rgba(41, 137, 216, 1) 35%, rgba(32, 124, 202, 1) 73%, rgba(32, 124, 202, 1) 73%, rgba(125, 185, 232, 1) 100%);
641color: #fff;
642font-family: 'montserrat', Sans-Serif;
643border-radius: 8px;
644transform: skew(-15deg);
645box-shadow: 0 4px 18px rgba(28, 44, 100, 0.08);
646transition:
647box-shadow 0.3s cubic-bezier(.4, 2, .6, 1),
648transform 0.3s cubic-bezier(.4, 2, .6, 1);
649}
650
651.skew-title {
652font-size: 1rem;
653font-weight: 600;
654transform: skew(15deg);
655/* Unskew text for readability */
656}
657
658.skew-body {
659font-size: 1rem;
660font-weight: 500;
661transform: skew(15deg);
662/* Unskew text for readability */
663}
664
665
666.skew-content:hover {
667color: #21748E;
668background: linear-gradient(90deg, #f8f8f8 60%, #ffffff 100%);
669box-shadow:
6700 0 16px 4px rgba(207, 255, 235, 0.95),
671/* bright, light inner glow */
6720 0 48px 18px rgba(133, 202, 155, 0.38);
673transform: skew(-15deg) translateY(-8px);
674/* add upward move! */
675}
676
677/*
678.additional-content {
679display: grid;
680grid-template-columns: repeat(3, 1fr);
681gap: 60px 20px;
682list-style: none;
683padding: 2rem;
684margin: 0;
685}
686
687.additional-content li {
688position: relative;
689transition: transform 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
690font-size: 1.4em;
691font-weight: 400;
692line-height: 1.4em;
693text-align: left;
694color: #475360;
695cursor: pointer;
696padding: 1rem 1rem 1rem 20px;
697border-radius: 16px;
698}
699
700.additional-content li a {
701text-decoration: none;
702}
703
704/* Square bullet */
705.additional-content li::before {
706content: '';
707position: absolute;
708left: 0;
709top: 50%;
710transform: translateY(-50%);
711width: 1px;
712height: 100%;
713background-color: #1bbfdd;
714transition: opacity 0.3s ease;
715}
716
717/* Hover state: shadow, color, bullet disappears */
718.additional-content li:hover {
719color: #1bbfdd;
720font-weight: 600;
721transform: scale(1.02);
722box-shadow: 0 8px 20px rgba(27, 191, 221, 0.15);
723}
724
725.additional-content li:hover::before {
726opacity: 0;
727}
728
729/* Mobile adjustments */
730@media screen and (max-width: 768px) {
731.additional-content {
732grid-template-columns: 1fr;
733gap: 40px 20px;
734}
735}
736
737END */
738/* TESTIMONIAL SLIDER */
739
740.testimonial-slider {
741position: relative;
742max-width: 100%;
743/* Make wider if you want, or remove for full width */
744margin: 0 auto;
745min-height: 120px;
746/* Space for arrows and text */
747display: flex;
748align-items: center;
749justify-content: center;
750}
751
752.testimonial-slider .testimonial {
753flex: 1 1 auto;
754display: none;
755text-align: center;
756}
757
758.testimonial-slider .testimonial.active {
759display: block;
760}
761
762.testimonial-slider button {
763position: absolute;
764top: 50%;
765transform: translateY(-50%);
766background: #eee;
767border: none;
768padding: 0px;
769width: 40px;
770height: 40px;
771cursor: pointer;
772font-size: 1.6em;
773border-radius: 50%;
774opacity: 0.7;
775transition: opacity 0.2s;
776z-index: 2;
777display: flex;
778align-items: center;
779justify-content: center;
780}
781
782.testimonial-slider .testimonial-prev {
783left: 0;
784}
785
786.testimonial-slider .testimonial-next {
787right: 0;
788}
789
790.testimonial-slider button:hover {
791opacity: 1;
792}
793
794/* MOBILE: move arrows below slider */
795@media (max-width: 600px) {
796.testimonial-slider {
797display: block;
798min-height: unset;
799}
800
801.testimonial-slider .testimonial {
802margin-bottom: 16px;
803}
804
805.testimonial-slider button {
806position: static;
807display: inline-block;
808margin: 0 8px;
809top: auto;
810left: auto;
811right: auto;
812transform: none;
813}
814
815.testimonial-slider .testimonial-prev,
816.testimonial-slider .testimonial-next {
817/* Remove edge positioning on mobile */
818}
819
820.testimonial-slider {
821text-align: center;
822}
823}
824
825/* TESTIMONIAL SLIDER END */
826
827/*END - RELATED PAGES*/
828
829.bg-cc-section {
830background-image: url('https://app.specialty.vision/wp-content/uploads/2025/04/bg-cc.png');
831background-size: cover;
832background-position: center;
833background-repeat: no-repeat;
834}
835
836/* Container for the image */
837.je-imagefill {
838position: relative;
839width: 100%;
840/* Ensure the image takes full width */
841height: 100vh;
842/* Keep the image at a fixed height, relative to the viewport */
843overflow: hidden;
844/* Prevent overflow */
845z-index: 1;
846/* Place the image below the accordion */
847}
848
849/* Image styling to maintain aspect ratio and fill the container */
850.je-imagefill img {
851width: 100%;
852height: 100%;
853object-fit: cover;
854/* Ensures the image covers the container without distorting */
855object-position: center;
856/* Center the image */
857}
858
859/* Mobile View - Image height adjustment */
860@media (max-width: 768px) {
861
862/* Left column image */
863.je-imagefill {
864height: 40vh;
865/* Reduce the image height on mobile to 30% of the viewport height */
866}
867}
868
869
870.je-gradient {
871background-image: linear-gradient(180deg, #fbfbfb 70%, #203d8e 40%);
872}
873
874.bg-cc-section .overlay {
875background-color: rgba(255, 255, 255, 0.8);
876z-index: 0;
877}
878
879/*-------------------------------ACCORDION */
880/* Remove default caret icon */
881.accordion-button::after {}
882
883/* Style the custom + icon */
884.accordion-button .accordion-icon {
885order: -1;
886font-size: 30px;
887color: #84bddd;
888margin-right: 1rem;
889margin-left: 0;
890line-height: 0;
891transition: transform 0.3s ease;
892}
893
894/* Rotate the icon when the accordion is expanded */
895.accordion-button:not(.collapsed) .accordion-icon {
896transform: rotate(45deg);
897/* Rotate + to X */
898color: #063b58;
899}
900
901.accordion-item {
902border: none;
903}
904
905.accordion-button {
906border: none;
907font-size: 1rem;
908font-weight: 500;
909background-color: white;
910}
911
912/* .accordion-button::after {
913content: ""; 
914 order: -1;
915margin-right: 1rem;
916margin-left: 0;
917filter: brightness(0) saturate(100%) invert(29%) sepia(93%) saturate(747%) hue-rotate(190deg) brightness(92%) contrast(85%); 
918} */
919
920#headingAppointment .accordion-button::after,
921#jeEyeCareAccordion .accordion-button::after,
922#jeEyeCareAccordion2 .accordion-button::after {
923/* Move it before the text */
924order: 1;
925filter: brightness(0) saturate(100%) invert(29%) sepia(93%) saturate(747%) hue-rotate(190deg) brightness(92%) contrast(85%);
926}
927
928/* Keep active button background clean */
929.accordion-button:not(.collapsed) {
930
931background-color: #e5f5fa;
932/* No background change */
933box-shadow: none;
934}
935
936
937/*------------------BACKGROUND ELEMENTS ----------------*/
938
939.jeContentleft {
940margin-left: -60px;
941}
942
943/* Background Elements */
944.je-bg-left {
945position: absolute;
946bottom: -80px;
947left: 0;
948width: 250px;
949z-index: -1;
950opacity: 0.2;
951}
952
953.je-bg-right {
954position: absolute;
955bottom: -80px;
956right: 0;
957width: 250px;
958z-index: -1;
959opacity: 0.2;
960}
961
962
963@media (max-width: 1084px) {
964
965/* Target tablets & mobile */
966/* Target tablets & mobile */
967.je-bg-left {
968bottom: -5%;
969left: 20%;
970width: 300px;
971}
972
973.je-bg-right {
974bottom: -10%;
975right: 20%;
976width: 300px;
977}
978
979}
980
981@media (max-width: 768px) {
982
983/* Target tablets & mobile */
984.je-bg-left {
985bottom: -30px;
986/* Adjust position */
987left: 0;
988width: 300px;
989}
990
991.je-bg-right {
992bottom: -30px;
993right: 0;
994width: 300px;
995}
996
997}
998
999#change-color {
1000color: #217bc0;
1001}
1002
1003@media (max-width: 1024px) and (min-width: 768px) {
1004#responsive-768 {
1005flex-direction: column !important;
1006}
1007
1008#responsive-768 #jeEyeCareAccordion2 {
1009width: 100%;
1010}
1011
1012#responsive-768 #jeEyeCareAccordion {
1013width: 100%;
1014}
1015}
1016
1017#bg-color {
1018background-color: #203D8E !important;
1019}
1020
1021.container.p-4.move1 {
1022position: relative;
1023z-index: 1;
1024background-color: #fff;
1025top: -100px;
1026}
1027
1028@media (min-width:768) {
1029.row.p-5.adjust-gap {
1030display: flex;
1031flex-direction: row;
1032align-items: start;
1033gap: 60px;
1034padding-top: 40px;
1035padding-right: 40px;
1036padding-bottom: 40px;
1037padding-left: 40px;
1038flex-wrap: nowrap;
1039}
1040}
1041
1042@media (max-width:767) {
1043.row.p-5.adjust-gap {
1044display: flex;
1045flex-direction: column;
1046align-items: start;
1047gap: 60px;
1048padding-top: 40px;
1049padding-right: 15px;
1050padding-bottom: 40px;
1051padding-left: 15px;
1052flex-wrap: nowrap;
1053}
1054
1055#adjust-gap {
1056padding: 0px !important;
1057}
1058}
1059
1060#btn-hvr:hover {
1061transform: translate(15px);
1062transition-duration: 0.3s;
1063box-shadow: 5px 5px 16px 0 rgba(14, 37, 58, 0.15);
1064color: #169eff !important;
1065background-color: #ffffff !important;
1066border-color: #203d8e;
1067}
1068
1069#btn-hvr {
1070background-color: #203D8E;
1071}
1072
1073ul.p-list {
1074display: flex;
1075flex-wrap: wrap;
1076gap: 10px;
1077padding: 0;
1078margin: 0;
1079list-style: none;
1080justify-content: flex-start;
1081width: 85%;
1082}
1083
1084.p-list li {
1085position: relative;
1086display: flex;
1087align-items: center;
1088padding: 10px 15px;
1089background: white;
1090border-radius: 8px;
1091box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
1092flex: none;
1093white-space: nowrap;
1094}
1095
1096
1097.check-icon {
1098padding-top: 30px;
1099border-style: solid;
1100border-width: 0;
1101border-color: #169eff;
1102border-top-width: 2px;
1103}
1104
1105
1106@media (min-width:769px) {
1107#heading2 {
1108font-size: 40px;
1109}
1110}
1111
1112
1113
1114
1115ul.p-list-1 {
1116display: flex;
1117flex-wrap: wrap;
1118gap: 10px;
1119padding: 0;
1120margin: 0;
1121list-style: none;
1122justify-content: flex-start;
1123width: 100%;
1124}
1125
1126.p-list-1 li {
1127position: relative;
1128display: flex;
1129align-items: center;
1130padding: 10px 15px;
1131background: white;
1132border-radius: 8px;
1133box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
1134flex: none;
1135white-space: nowrap;
1136}
1137
1138ul.p-list-1-map {
1139display: flex;
1140flex-wrap: wrap;
1141gap: 10px;
1142padding: 0;
1143margin: 0;
1144list-style: none;
1145justify-content: flex-start;
1146width: 100%;
1147}
1148
1149
1150.p-list-1-map li {
1151position: relative;
1152display: flex;
1153align-items: center;
1154padding: 10px 15px;
1155background: white;
1156border-radius: 8px;
1157box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
1158flex: none;
1159white-space: nowrap;
1160}
1161
1162
1163#gradient-bg {
1164background-image: radial-gradient(at center center, #304b82 50%, #7fc3e0 100%);
1165}
1166
1167.dr-signature {
1168font-family: "Mrs Saint Delafield", cursive !important;
1169font-weight: 400;
1170font-style: normal;
1171font-size: 35px;
1172}
1173
1174div#qfeedback {
1175padding-top: 56px;
1176padding-right: 38px;
1177padding-bottom: 56px;
1178padding-left: 38px;
1179border-radius: 24px;
1180box-shadow: 0px 0px 30.7px rgba(27, 36, 50, 0.2), 16px 18px 22.1px rgba(27, 36, 50, 0.05);
1181width: 30%;
1182}
1183
1184@media (min-width:769px) {
1185div#adj-gap {
1186display: flex;
1187gap: 25px;
1188flex-direction: row;
1189flex-wrap: wrap;
1190justify-content: center;
1191}
1192
1193div#qfeedback {
1194padding-top: 56px;
1195padding-right: 38px;
1196padding-bottom: 56px;
1197padding-left: 38px;
1198border-radius: 24px;
1199box-shadow: 0px 0px 30.7px rgba(27, 36, 50, 0.2), 16px 18px 22.1px rgba(27, 36, 50, 0.05);
1200width: 30%;
1201}
1202}
1203
1204@media (max-width:768px) {
1205div#adj-gap {
1206display: flex;
1207gap: 25px;
1208flex-direction: column;
1209flex-wrap: wrap;
1210justify-content: center;
1211align-content: center;
1212}
1213
1214div#qfeedback {
1215padding-top: 56px;
1216padding-right: 38px;
1217padding-bottom: 56px;
1218padding-left: 38px;
1219border-radius: 24px;
1220box-shadow: 0px 0px 30.7px rgba(27, 36, 50, 0.2), 16px 18px 22.1px rgba(27, 36, 50, 0.05);
1221width: 95%;
1222}
1223
1224p#qmessage {
1225font-size: 20px !important;
1226}
1227}
1228
1229div#q-icon {
1230margin-top: -85px;
1231}
1232
1233section#bg-image {
1234background-image: url(http://newviewlasereye.sv-builder.com/wp-content/uploads/sites/55/2025/05/Demo-section-1.jpg);
1235background-position: center;
1236background-repeat: no-repeat;
1237background-size: cover;
1238background-blend-mode: overlay;
1239background-color: #000000b8;
1240}
1241
1242section#half-bg .col-md-6.bg-primary.d-flex.align-items-center.py-md-5 {
1243background-color: #203D8E !important;
1244}
1245
1246section#bg-img {
1247background-image: url('[lc_the_thumbnail_url size=' full']');
1248background-position: center;
1249background-repeat: no-repeat;
1250background-size: cover;
1251background-blend-mode: overlay;
1252background-color: #000000b8;
1253}
1254
1255.lc-block.divider hr {
1256width: 8%;
1257border-color: #0d76bc;
1258border-width: 4px;
1259border-style: solid;
1260opacity: 1;
1261}
1262
1263div#p-responsive {
1264max-width: 800px;
1265}
1266
1267section.bg-c {
1268background-color: #f9fbfc;
1269}
1270
1271div#p-responsive .row .col-md-12.p-5 {
1272background-color: #ffffff;
1273border-top-left-radius: 8px;
1274border-top-right-radius: 8px;
1275border-bottom-left-radius: 8px;
1276border-bottom-right-radius: 8px;
1277margin-top: -100px;
1278}
1279
1280ul.p-list-1-map.p-list-new-map li a {
1281color: #0e3540;
1282}
1283
1284ul.p-list-1.p-list-new li,
1285ul.p-list-1-map.p-list-new-map li {
1286background-color: transparent !important;
1287box-shadow: none;
1288padding: 0px;
1289}
1290
1291div#col-bg-c {
1292background-color: #ffffff;
1293border-radius: 10px;
1294}
1295
1296@media (max-width: 768px) {
1297div#reverse-col {
1298display: flex;
1299flex-direction: column-reverse;
1300gap: 20px;
1301}
1302
1303div#reverse-col .col-md-6,
1304div#reverse-col .col-md-8,
1305div#reverse-col .col-md-4 {
1306width: 100%;
1307}
1308}
1309
1310@media (min-width: 768px) {
1311.carousel-inner {
1312display: flex;
1313}
1314}
1315
1316.carousel-inner {
1317padding: 2em 1em;
1318}
1319
1320.card {
1321margin: 0 .5em;
1322box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
1323border: none;
1324}
1325
1326.carousel-control-prev,
1327.carousel-control-next {
1328background-color: #e1e1e1;
1329width: 6vh;
1330height: 6vh;
1331border-radius: 50%;
1332top: 50%;
1333transform: translateY(-50%);
1334}
1335
1336/*BUTTON ON PAGE ANIMATION*/
1337.je-sv-btn {
1338color: white;
1339font-weight: bold;
1340}
1341
1342.je-sv-btn:hover {
1343color: white;
1344background-color: #1bbfdd;
1345transform: translate(15px);
1346transition-duration: 0.3s ease;
1347box-shadow: 5px 5px 16px 0 rgba(14, 37, 58, .15);
1348}
1349
1350
1351/* DOCTORS IMAGE SECTION WITH THE HOVER STYLE */
1352.je-sv-col {
1353position: relative;
1354height: 480px;
1355width: 100%;
1356overflow: hidden;
1357border-radius: 24px;
1358/* for rounded corners */
1359box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
1360background: #00bfff;
1361/* fallback color */
1362display: flex;
1363align-items: stretch;
1364justify-content: center;
1365}
1366
1367.dr-img {
1368position: absolute;
1369top: 0;
1370left: 0;
1371width: 100%;
1372height: 100%;
1373object-fit: cover;
1374border-radius: 24px;
1375z-index: 0;
1376transition: transform 0.3s;
1377}
1378
1379.je-sv-bio-btn {
1380color: white;
1381background-color: transparent;
1382}
1383
1384.je-sv-bio-btn:hover {
1385color: white;
1386background-color: #1bbfdd;
1387}
1388
1389.je-sv-col:hover .dr-img {
1390transform: scale(1.03);
1391}
1392
1393.content-overlay {
1394position: absolute;
1395left: 0;
1396right: 0;
1397bottom: 0;
1398padding: 32px 20px 28px 20px;
1399text-align: center;
1400color: white;
1401width: 100%;
1402opacity: 0;
1403/* Hidden by default */
1404transition: opacity 0.3s ease-in-out;
1405z-index: 2;
1406display: flex;
1407flex-direction: column;
1408align-items: center;
1409justify-content: flex-end;
1410/* Pushes text to bottom */
1411min-height: 220px;
1412/* Optional, for minimum overlay height */
1413box-sizing: border-box;
1414}
1415
1416/* Show overlay on hover */
1417.je-sv-col:hover .content-overlay {
1418opacity: 1;
1419}
1420
1421.je-sv-col::after {
1422content: "";
1423position: absolute;
1424top: 0;
1425left: 0;
1426width: 100%;
1427height: 100%;
1428background-image: linear-gradient(0deg, #162539 10%, rgba(178, 50, 0, 0) 100%);
1429opacity: 0;
1430/* Hidden by default */
1431transition: opacity 0.3s ease-in-out;
1432z-index: 1;
1433}
1434
1435.je-sv-col:hover::after {
1436opacity: 1;
1437/* Show gradient on hover */
1438}
1439
1440.je-sv-beforeheading {
1441font-size: 18px;
1442letter-spacing: 6px;
1443text-transform: uppercase;
1444}
1445
1446
1447
1448/*Homepage CSS start here*/
1449
1450.hero-section {
1451background-image: url(http://newviewlasereye.sv-builder.com/wp-content/uploads/sites/55/2025/06/Untitled-design-13.png);
1452background-repeat: no-repeat;
1453background-size: cover;
1454}
1455
1456/*Dc Retina button Css*/
1457.dc-retina-button {
1458transition: all 500ms ease;
1459background: linear-gradient(90deg, #074570 50%, #ffffff 0) var(--_p, 100%) / 200% no-repeat;
1460border-color: #074570;
1461}
1462
1463.dc-retina-button:hover {
1464--_p: 0%;
1465color: #fff;
1466}
1467
1468/*Hero Background Animation*/
1469
1470/*.z-image:before {
1471content: "";
1472background-image: url(/wp-content/uploads/sites/55/2025/06/Circle-1.png);
1473height: 100%;
1474position: absolute;
1475width: 100%;
1476background-repeat: no-repeat;
1477animation: 4s linear 0s infinite normal none running zoom-fade;
1478z-index: -1;
1479top: 0;
1480}
1481
1482@keyframes zoom-fade {
14830% {
1484transform: scale(0.9);
1485}
1486
148750% {
1488transform: scale(1)
1489}
1490
1491100% {
1492transform: scale(0.9);
1493}
1494}
1495*/
1496
1497.circle-1 {
1498width: 100px;
1499height: 100px;
1500border-radius: 100%;
1501background-color: #1f4270;
1502position: absolute;
1503top: 50%;
1504z-index: -1;
1505animation: 4s linear 0s infinite normal none running zoom-fade;
1506}
1507
1508.circle-2 {
1509width: 50px;
1510height: 50px;
1511border-radius: 100%;
1512background-color: #fff9dd;
1513position: absolute;
1514top: 40%;
1515z-index: -1;
1516animation: 4s linear 0s infinite normal none running zoom-fade;
1517left: 80%;
1518}
1519
1520.circle-3 {
1521width: 150px;
1522height: 150px;
1523border-radius: 100%;
1524background-color: #3c78c5;
1525position: absolute;
1526top: 50%;
1527z-index: -1;
1528animation: 4s linear 0s infinite normal none running zoom-fade;
1529left: 80%;
1530}
1531
1532
1533.circle-4 {
1534width: 70px;
1535height: 70px;
1536border-radius: 100%;
1537background-color: #fff9dd;
1538position: absolute;
1539top: 25%;
1540z-index: -1;
1541animation: 4s linear 0s infinite normal none running zoom-fade;
1542}
1543
1544.circle-5 {
1545width: 120px;
1546height: 120px;
1547border-radius: 100%;
1548background-color: #3c78c5;
1549position: absolute;
1550z-index: -1;
1551animation: 4s linear 0s infinite normal none running zoom-fade;
1552left: 55%;
1553}
1554
1555
1556.circle-6 {
1557width: 120px;
1558height: 120px;
1559border-radius: 100%;
1560background-color: #1f4270;
1561position: absolute;
1562top: 20%;
1563z-index: -1;
1564animation: 4s linear 0s infinite normal none running zoom-fade;
1565left: 70%;
1566}
1567
1568@media (max-width:500px) {
1569.circle-1 {
1570width: 70px;
1571height: 70px;
1572border-radius: 100%;
1573background-color: #1f4270;
1574position: absolute;
1575top: 50%;
1576z-index: -1;
1577animation: 4s linear 0s infinite normal none running zoom-fade;
1578}
1579
1580.circle-2 {
1581width: 50px;
1582height: 50px;
1583border-radius: 100%;
1584background-color: #fff9dd;
1585position: absolute;
1586top: 40%;
1587z-index: -1;
1588animation: 4s linear 0s infinite normal none running zoom-fade;
1589left: 80%;
1590}
1591
1592.circle-3 {
1593width: 40px;
1594height: 40px;
1595border-radius: 100%;
1596background-color: #3c78c5;
1597position: absolute;
1598top: 50%;
1599z-index: -1;
1600animation: 4s linear 0s infinite normal none running zoom-fade;
1601left: 80%;
1602}
1603
1604.circle-4 {
1605width: 70px;
1606height: 70px;
1607border-radius: 100%;
1608background-color: #fff9dd;
1609position: absolute;
1610top: 25%;
1611z-index: -1;
1612animation: 4s linear 0s infinite normal none running zoom-fade;
1613}
1614
1615.circle-5 {
1616width: 80px;
1617height: 80px;
1618border-radius: 100%;
1619background-color: #3c78c5;
1620position: absolute;
1621z-index: -1;
1622animation: 4s linear 0s infinite normal none running zoom-fade;
1623left: 55%;
1624}
1625
1626.circle-6 {
1627width: 60px;
1628height: 60px;
1629border-radius: 100%;
1630background-color: #1f4270;
1631position: absolute;
1632top: 20%;
1633z-index: -1;
1634animation: 4s linear 0s infinite normal none running zoom-fade;
1635left: 70%;
1636}
1637
1638.circle-1,
1639.circle-2,
1640.circle-3,
1641.circle-4,
1642.circle-5,
1643.circle-6 {
1644opacity: .7;
1645}
1646}
1647
1648@keyframes zoom-fade {
16490% {
1650transform: scale(0.9);
1651}
1652
165350% {
1654transform: scale(1.1)
1655}
1656
1657100% {
1658transform: scale(0.9);
1659}
1660}
1661
1662
1663@media (min-width: 969px) {
1664.bgheading h1 {
1665position: relative;
1666display: inline-block;
1667font-size: 50px;
1668line-height: 40px;
1669font-family: 'Jost', sans-serif;
1670font-weight: 800;
1671background: -webkit-linear-gradient(-90deg, #217bc0, #def4f1 100%);
1672color: transparent !important;
1673-webkit-background-clip: text !important;
1674-webkit-text-fill-color: transparent !important;
1675bottom: -25px;
1676z-index: -1;
1677text-transform: uppercase;
1678letter-spacing: 10px;
1679}
1680}
1681
1682@media (max-width: 968px) {
1683.bgheading h1 {
1684position: relative;
1685display: inline-block;
1686font-size: 30px;
1687line-height: 40px;
1688font-family: 'Jost', sans-serif;
1689font-weight: 800;
1690background: -webkit-linear-gradient(-90deg, #217bc0, #def4f1 100%);
1691color: transparent !important;
1692-webkit-background-clip: text !important;
1693-webkit-text-fill-color: transparent !important;
1694bottom: -25px;
1695z-index: -1;
1696text-transform: uppercase;
1697letter-spacing: 10px;
1698}
1699}
1700
1701@media (max-width: 652px) {
1702.bgheading h1 {
1703position: relative;
1704display: inline-block;
1705font-size: 25px;
1706line-height: 40px;
1707font-family: 'Jost', sans-serif;
1708font-weight: 800;
1709background: -webkit-linear-gradient(-90deg, #217bc0, #def4f1 100%);
1710color: transparent !important;
1711-webkit-background-clip: text !important;
1712-webkit-text-fill-color: transparent !important;
1713bottom: -25px;
1714z-index: -1;
1715text-transform: uppercase;
1716letter-spacing: 10px;
1717}
1718}
1719
1720
1721@media (max-width: 595px) {
1722.bgheading h1 {
1723position: relative;
1724display: block !important;
1725font-size: 20px;
1726line-height: 30px;
1727font-family: 'Jost', sans-serif;
1728font-weight: 800;
1729background: -webkit-linear-gradient(-90deg, #217bc0, #def4f1 100%);
1730color: transparent !important;
1731-webkit-background-clip: text !important;
1732-webkit-text-fill-color: transparent !important;
1733bottom: 0px;
1734z-index: -1;
1735text-transform: uppercase;
1736letter-spacing: 10px;
1737
1738}
1739}
1740
1741/*Homepage Dr CSS start here*/
1742
1743.drtab {
1744border-radius: 20px;
1745border: solid 1px #074570;
1746}
1747
1748.drname {
1749transition: all 500ms ease;
1750background: linear-gradient(90deg, #074570 50%, #fff 0) var(--_p, 100%) / 200% no-repeat;
1751border: solid #074570;
1752padding: 15px 10px;
1753background-color: #074570;
1754position: relative;
1755bottom: 20px;
1756border-radius: 20px;
1757margin-bottom: -35px;
1758}
1759
1760.drtab:hover .drname {
1761--_p: 0%;
1762color: #fff;
1763}
1764
1765.drtab img.img-box {
1766transition: all 500ms ease;
1767}
1768
1769.drtab:hover .img-box {
1770transform: scale(.9);
1771}
1772
1773.drmeetbutton {
1774transition: all 500ms ease;
1775background: linear-gradient(90deg, #074570 50%, #ffffff 0) var(--_p, 100%) / 200% no-repeat;
1776position: relative;
1777top: -25px;
1778border: solid #074570 2px !important;
1779}
1780
1781.drmeetbutton:hover {
1782--_p: 0%;
1783color: #fff;
1784}
1785
1786.target,
1787.target-services,
1788.target-time {
1789opacity: 0;
1790visibility: hidden;
1791max-height: 0;
1792overflow: hidden;
1793transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out, visibility 0.3s ease-in-out;
1794}
1795
1796.target.show,
1797.target-services.show,
1798.target-time.show {
1799opacity: 1;
1800visibility: visible;
1801max-height: 100%;
1802}
1803
1804.trigger,
1805.trigger-services,
1806.trigger-time {
1807transition: all 0.3s ease-in-out;
1808padding: 10px 0px;
1809/*border: solid 1px #074570;*/
1810cursor: pointer;
1811}
1812
1813.trigger img:hover {
1814transition-duration: 0.3s;
1815transform: scale(1.05, 1.05);
1816}
1817
1818.trigger img:active {
1819transform: scale(1.05, 1.05);
1820}
1821
1822.trigger p {
1823white-space: normal;
1824overflow-wrap: break-word;
1825}
1826
1827.trigger.active {
1828color: #1BBFDD;
1829font-weight: bold;
1830}
1831
1832.trigger-services.active .trigger-text {
1833background-color: #1BBFDD;
1834/* Blue background */
1835color: #ffffff !important;
1836/* White text with priority */
1837font-weight: bold;
1838padding: 10px 20px;
1839/* Optional: Adds spacing to make it look better */
1840border-radius: 15px;
1841/* Optional: Rounded corners */
1842}
1843
1844.trigger.drtab.active {
1845border: solid 3px #074570 !important;
1846}
1847
1848.trigger.drtab.active img.img-box {
1849transform: scale(.9) !important;
1850}
1851
1852.trigger.drtab.active .drname {
1853--_p: 0%;
1854color: #fff;
1855}
1856
1857/*Home Our Services section CSS start here*/
1858
1859.lc-block.imgblock,
1860.lc-block.description {
1861display: flex;
1862grid-column: 1 / -1;
1863grid-row: 1 / -1;
1864}
1865
1866.x-icon {
1867width: 5%;
1868display: flex;
1869flex-wrap: wrap;
1870align-content: center;
1871font-size: 24px;
1872transform: rotate(45deg);
1873position: relative;
1874top: 0px;
1875color: #fff;
1876transition: all 500ms ease;
1877font-weight: 700;
1878}
1879
1880.lc-block.description details[open] .x-icon {
1881transform: rotate(0deg);
1882}
1883
1884.lc-block.description summary {
1885list-style: none;
1886}
1887
1888.box1 {
1889font-size: 20px;
1890margin-left: 20px;
1891}
1892
1893.lc-block.description {
1894transition: all 500ms ease;
1895background: linear-gradient(90deg, #fff 50%, #217bc0 0) var(--_p, 100%) / 200% no-repeat;
1896border-radius: 20px;
1897color: #fff;
1898gap: 10px;
1899}
1900
1901.main-box:hover .lc-block.description {
1902--_p: 0%;
1903color: #217bc0;
1904}
1905
1906.main-box:hover .lc-block.imgblock img {
1907transform: scale(1.1);
1908z-index: -1;
1909}
1910
1911.main-box .lc-block.imgblock img {
1912transition: all 500ms ease;
1913z-index: -1;
1914position: relative;
1915bottom: -20px;
1916}
1917
1918.main-box:hover .x-icon {
1919color: #217bc0;
1920transform: rotate(0deg);
1921}
1922
1923.main-box {
1924box-shadow: 0px 0px 1px 0px #000923;
1925border-radius: 20px;
1926overflow: hidden;
1927}
1928
1929.row.row-box {
1930gap: 20px;
1931display: flex;
1932flex-wrap: wrap;
1933align-content: center;
1934justify-content: center;
1935}
1936
1937.box2 {
1938border-top: solid #fff 2px;
1939padding-top: 20px;
1940margin-top: 20px;
1941}
1942
1943.main-box:hover .box2 {
1944border-top: solid #217bc0 2px;
1945padding-top: 20px;
1946margin-top: 20px;
1947}
1948
1949summary.dc-title {
1950display: flex;
1951}
1952
1953.row.row-box {
1954gap: 20px;
1955}
1956
1957@media (min-width: 1023px) {
1958.main-box {
1959width: 30%;
1960}
1961}
1962
1963/*Image slider start here*/
1964
1965.lc-block.image-slider {
1966display: flex;
1967overflow: hidden;
1968user-select: none;
1969white-space: nowrap;
1970position: relative;
1971width: 100%;
1972height: 100px;
1973}
1974
1975.image-slider ul {
1976display: flex;
1977align-items: center;
1978flex-shrink: 0;
1979min-width: fit-content;
1980animation: marquee-scroll 240s linear infinite;
1981padding: 0;
1982margin: 0;
1983list-style: none;
1984grid-gap: 20px;
1985}
1986
1987.image-slider ul li {
1988display: flex;
1989align-items: center;
1990margin-right: 30px;
1991padding: 10px;
1992margin: 0;
1993vertical-align: middle;
1994border-radius: 10px;
1995background-color: #ffffff;
1996position: relative;
1997}
1998
1999@keyframes marquee-scroll {
20000% {
2001transform: translateX(0);
2002}
2003
2004100% {
2005transform: translateX(-50%);
2006}
2007}
2008
2009/*Map Css Start here*/
2010
2011@media (min-width: 1023px) {
2012.row.map-location-row {
2013display: grid;
2014flex-direction: row;
2015align-items: end;
2016}
2017
2018.main-location {
2019grid-column: 1 / -1;
2020grid-row: 1 / -1;
2021z-index: 1;
2022}
2023
2024.main-map {
2025grid-column: 1 / -1;
2026grid-row: 1 / -1;
2027z-index: 1;
2028}
2029
2030.main-location {
2031grid-column: 1 / -1;
2032grid-row: 1 / -1;
2033z-index: 1;
2034background-color: #074570;
2035}
2036}
2037
2038.main-location {
2039background-color: #074570;
2040}
2041
2042/*Post Section CSS start here*/
2043
2044.lc-block.post-list .tangible-paginator-target li {
2045display: flex;
2046flex-direction: column;
2047flex-wrap: nowrap;
2048margin-bottom: 50px;
2049font-size: 30px;
2050padding: 20px 0px;
2051border-bottom: solid #1e7bc0;
2052}
2053
2054.lc-block.post-list .tangible-paginator-target li a {
2055text-decoration: none;
2056color: #000;
2057transition: 0.4s;
2058}
2059
2060.lc-block.post-list .tangible-paginator-target li a:hover {
2061color: #1e7bc0;
2062}
2063
2064@media (max-width:600px) {
2065.lc-block.post-list .tangible-paginator-target li {
2066display: flex;
2067flex-direction: column;
2068flex-wrap: nowrap;
2069margin-bottom: 50px;
2070font-size: 20px;
2071padding: 20px 0px;
2072border-bottom: solid #1e7bc0;
2073}
2074
2075.lc-block.post-list .tangible-paginator-target li a {
2076text-decoration: none;
2077color: #000;
2078transition: 0.4s;
2079}
2080
2081.lc-block.post-list .tangible-paginator-target li a:hover {
2082color: #1e7bc0;
2083}
2084}
2085
2086
2087
2088/*-----------------------------Location Page CSS start here*/
2089
2090
2091/* Icon rotation on open details */
2092.lc-block.dr-description details[open] .x-icon {
2093transform: rotate(0deg);
2094}
2095
2096/* Remove list style from summary */
2097.lc-block.dr-description summary {
2098list-style: none;
2099}
2100
2101/* Box1 styling */
2102.box1 {
2103font-size: 20px;
2104margin-top: 4px;
2105}
2106
2107/* Description container */
2108.lc-block.dr-description {
2109transition: all 500ms ease;
2110background: linear-gradient(90deg, #fff 50%, #217bc0 0) var(--_p, 100%) / 200% no-repeat;
2111border-radius: 20px;
2112color: #fff;
2113gap: 10px;
2114width: 100%;
2115}
2116
2117/* Image and name container */
2118.lc-block.dr-image,
2119.lc-block.dr-name-dc {
2120display: flex;
2121grid-row: 1 / -1;
2122grid-column: 1 / -1;
2123}
2124
2125/* Box2 styling */
2126.box2 {
2127border-top: solid #fff 2px;
2128padding-top: 20px;
2129margin-top: 20px;
2130}
2131
2132/* Summary title styling */
2133summary.dc-title {
2134display: flex;
2135}
2136
2137/* Row styling */
2138.row.row-box {
2139gap: 20px;
2140}
2141
2142/* Main box for larger screens */
2143@media (min-width: 1023px) {
2144.main-box {
2145width: 30%;
2146}
2147}
2148
2149/* Dr. Name container - general */
2150.dr-name-dc .box1 {
2151margin-top: 4px;
2152}
2153
2154/* Dr. Column container */
2155.dr-col-dc {
2156background: linear-gradient(to bottom, rgba(198, 229, 255, 1) 25%, rgba(78, 150, 186, 1) 100%);
2157padding: 0 !important;
2158}
2159
2160/* Hover effect on Dr. Column container */
2161.dr-col-dc:hover {
2162--_p: 0%;
2163}
2164
2165.lc-block.dr-name-dc.ms-2.me-2 {
2166z-index: 2;
2167}
2168
2169/* Image hover scaling effect */
2170.dr-col-dc:hover .lc-block.dr-image img {
2171transform: scale(1.05);
2172}
2173
2174.dr-col-dc .lc-block.dr-image img {
2175transition: all 500ms ease;
2176z-index: 1;
2177}
2178
2179/* Hover effect on name and description */
2180.dr-col-dc:hover .dr-name-dc .x-icon,
2181.dr-col-dc:hover .dr-name-dc .box1,
2182.dr-col-dc:hover .dr-name-dc .box2 {
2183color: #217bc0;
2184}
2185
2186/* Hover effect on Box2 */
2187.dr-col-dc:hover .box2 {
2188border-top: solid #217bc0 2px;
2189}
2190
2191/* Hover effect on description icon */
2192.dr-col-dc .dr-description:hover .x-icon {
2193transform: rotate(0deg);
2194}
2195
2196/* Bio button styling */
2197.drbutton-bio {
2198margin-top: 30px;
2199margin-bottom: 25px;
2200}
2201
2202.drbutton-bio a {
2203border-radius: 49px !important;
2204padding: 20px !important;
2205color: #074570 !important;
2206text-decoration: none;
2207border: solid 2px #074570;
2208background-color: #fff !important;
2209}
2210
2211
2212.pq-list {
2213display: flex;
2214flex-wrap: nowrap;
2215/* Enables wrapping on mobile */
2216gap: 10px;
2217/* Space between items */
2218padding: 0;
2219/* Remove default padding */
2220margin: 0;
2221/* Remove margin to align perfectly */
2222list-style: none;
2223justify-content: flex-start;
2224/* Ensures items align to the left */
2225width: 100%;
2226/* Ensures it takes full width */
2227}
2228
2229.pq-list li {
2230position: relative;
2231display: flex;
2232align-items: center;
2233padding: 10px 15px;
2234/* Padding inside each item */
2235flex: none;
2236/* Prevents items from stretching */
2237white-space: nowrap;
2238/* Prevents wrapping inside list items */
2239}
2240
2241.pq-list {
2242display: flex;
2243flex-direction: column;
2244flex-wrap: wrap;
2245/* Enables wrapping into multiple columns */
2246gap: 10px;
2247/* Space between items */
2248padding: 0;
2249/* Remove default padding */
2250margin: 0;
2251/* Remove margin to align perfectly */
2252list-style: none;
2253justify-content: flex-start;
2254/* Align items to the left */
2255width: 100%;
2256/* Ensures it takes full width */
2257}
2258
2259.pq-list li {
2260position: relative;
2261display: flex;
2262align-items: center;
2263padding: 10px 15px;
2264/* Padding inside each item */
2265flex: 1 1 calc(33.33% - 10px);
2266/* Creates columns (adjust as needed) */
2267white-space: nowrap;
2268/* Prevents wrapping inside list items */
2269font-size: 18px;
2270/* Set font size */
2271font-weight: normal;
2272/* Make text bold */
2273}
2274
2275.pq-list li::before {
2276content: "";
2277width: 25px;
2278/* Adjust width as needed */
2279height: 25px;
2280/* Adjust height as needed */
2281background-image: url('/wp-content/uploads/sites/55/2025/06/Check-icon-DC-Retina-1.png');
2282/* Replace with your image */
2283background-size: contain;
2284background-repeat: no-repeat;
2285margin-right: 10px;
2286/* Space between the image and text */
2287}
2288
2289/* Remove left & right padding from surrounding elements */
2290.pq-list-container,
2291.fl-module-content {
2292padding-left: 0 !important;
2293padding-right: 0 !important;
2294}
2295
2296/* Ensure responsiveness */
2297@media (max-width: 768px) {
2298.pq-list li {
2299flex: 1 1 calc(50% - 10px);
2300/* Two columns on tablets */
2301}
2302}
2303
2304@media (max-width: 480px) {
2305.pq-list li {
2306flex: 1 1 100%;
2307/* One column on mobile */
2308}
2309}
2310
2311
2312/*About Us CSS start here*/
2313
2314.dc-retina-button2 {
2315transition: all 500ms ease;
2316background: linear-gradient(90deg, #074570 50%, #ffffff 0) var(--_p, 100%) / 200% no-repeat;
2317border-color: #074570;
2318color: #074570;
2319flex: 1;
2320}
2321
2322.dc-retina-button2:hover {
2323--_p: 0%;
2324color: #fff;
2325}
2326
2327.dc-retina-button1 {
2328transition: all 500ms ease;
2329background: linear-gradient(90deg, #ffffff 50%, #074570 0) var(--_p, 100%) / 200% no-repeat;
2330border-color: #074570;
2331color: #fff;
2332flex: 1;
2333}
2334
2335.dc-retina-button1:hover {
2336--_p: 0%;
2337color: #074570;
2338}
2339
2340/*Retina Treatments Page CSS start here*/
2341
2342@media (min-width:768px) {
2343.dc-four-col {
2344flex: 0 0 auto;
2345width: 46.666667%;
2346}
2347
2348.three-col-layout {
2349flex: 0 0 auto;
2350width: 31.333333%;
2351}
2352}
2353
2354/* General styling for the container */
2355.dr-button-container {
2356display: flex;
2357flex-wrap: wrap;
2358gap: 10px;
2359/* Space between buttons */
2360width: 100%;
2361/* Set width for the container */
2362margin: 0px;
2363}
2364
2365/* Style for each button */
2366.dr-button {
2367display: inline-block;
2368padding: 10px 10px;
2369border: 1px solid #ccc;
2370/* Light border color */
2371background-color: transparent;
2372color: white;
2373/* Text color */
2374font-size: 13px;
2375font-weight: 600;
2376text-align: center;
2377text-decoration: none;
2378border-radius: 8px;
2379transition: background-color 0.3s, color 0.3s;
2380cursor: pointer;
2381}
2382
2383/* Hover effect */
2384.dr-button:hover {
2385background-color: #007bff;
2386/* Blue background on hover */
2387color: white;
2388/* Change text color to white */
2389}
2390
2391
2392
2393
2394
2395/*----------------------end----------------------*/
2396
2397/*--------------------Westwood-------------------*/
2398.west-wood-actext {
2399color: #02748e;
2400}
2401
2402.ecp-icon span.ecp-icon-svg {
2403display: inline-flex;
2404width: 1.8em;
2405height: 1.8em;
2406text-align: center;
2407align-items: center;
2408justify-content: center;
2409transition: all .2s ease-in;
2410vertical-align: middle;
2411}
2412
2413.westwood-half-box {
2414position: relative;
2415background: linear-gradient(90deg, #21748E 60%, #96BFCB 100%);
2416color: #fff;
2417font-family: "montserrat", Sans-Serif;
2418border-radius: 8px;
2419transform: skew(-15deg);
2420box-shadow: 0 4px 18px rgba(28, 44, 100, 0.08);
2421transition: box-shadow 0.6s cubic-bezier(0.4, 2, 0.6, 1), transform 0.6s cubic-bezier(0.4, 2, 0.6, 1);
2422}
2423
2424.westwood-half-box:hover {
2425color: #21748E;
2426background: linear-gradient(90deg, #f8f8f8 60%, #ffffff 100%);
2427box-shadow: 0 0 16px 4px rgba(207, 255, 235, 0.95), 0 0 48px 18px rgba(133, 202, 155, 0.38);
2428transform: skew(-15deg) translateY(-8px);
2429}
2430
2431.westwood-half-box span.ecp-icon,
2432.westwood-half-box h4 {
2433transition: all 500ms;
2434transform: skew(15deg);
2435}
2436
2437.westwood-half-box span.ecp-icon path.cls-1 {
2438fill: #fff;
2439}
2440
2441.westwood-half-box:hover span.ecp-icon path.cls-1 {
2442fill: #21748E;
2443}
2444
2445/* ------------------------------------------------------------------Dr SCROLLING DOCTORS ON WESTWOOD */
2446
2447.scroll-container {
2448overflow-x: auto;
2449/* Enable horizontal scrolling */
2450white-space: nowrap;
2451/* Prevent wrapping */
2452scroll-behavior: smooth;
2453/* Smooth scrolling */
2454-webkit-overflow-scrolling: touch;
2455/* iOS smooth scrolling */
2456padding-bottom: 10px;
2457/* Prevent scrollbar from overlapping */
2458scrollbar-width: none;
2459/* Firefox */
2460-ms-overflow-style: none;
2461/* Internet Explorer/Edge */
2462}
2463
2464.scroll-container::-webkit-scrollbar {
2465display: none;
2466/* Chrome, Safari */
2467}
2468
2469.scroll-container::-webkit-scrollbar-thumb {
2470background: rgba(0, 0, 0, 0.5);
2471border-radius: 4px;
2472}
2473
2474.scroll-container::-webkit-scrollbar-track {
2475background: rgba(0, 0, 0, 0.1);
2476}
2477
2478.scroll-container .scroll-item {
2479flex: 0 0 auto;
2480/* Prevent flex shrinking */
2481min-width: 200px;
2482/* Adjust item size */
2483margin-right: 0px;
2484/* Spacing between items */
2485}
2486
2487/* Scroll buttons */
2488
2489.scroll-button {
2490width: 50px;
2491/* Adjust size */
2492height: 50px;
2493border: 1px solid #2367b2;
2494/* Outline color */
2495background: transparent;
2496/* Transparent background */
2497border-radius: 50%;
2498/* Circular shape */
2499display: flex;
2500align-items: center;
2501justify-content: center;
2502cursor: pointer;
2503transition: background 0.3s ease-in-out, color 0.3s ease-in-out, transform 0.2s ease-in-out;
2504}
2505
2506.scroll-button img {
2507width: 20px;
2508/* Adjust icon size */
2509height: auto;
2510filter: invert(100%);
2511transition: filter 0.3s ease-in-out;
2512}
2513
2514.scroll-button:hover {
2515transform: scale(1.1);
2516/* Slight pop effect */
2517}
2518
2519.scroll-button:hover img {
2520filter: invert(100%);
2521/* Change icon color to white on hover */
2522}
2523
2524/*Testimonial Slider for WESTWOOD*/
2525.testimonial-slider {
2526position: relative;
2527max-width: 80%;
2528/* Make wider if you want, or remove for full width */
2529margin: 0 auto;
2530min-height: 120px;
2531/* Space for arrows and text */
2532display: flex;
2533align-items: center;
2534justify-content: center;
2535}
2536
2537.testimonial-slider .testimonial {
2538flex: 1 1 auto;
2539display: none;
2540text-align: center;
2541}
2542
2543.testimonial-slider .testimonial.active {
2544display: block;
2545}
2546
2547.testimonial-slider button {
2548position: absolute;
2549top: 50%;
2550transform: translateY(-50%);
2551background: #eee;
2552border: none;
2553padding: 0px;
2554width: 40px;
2555height: 40px;
2556cursor: pointer;
2557font-size: 1.6em;
2558border-radius: 50%;
2559opacity: 0.7;
2560transition: opacity 0.2s;
2561z-index: 2;
2562display: flex;
2563align-items: center;
2564justify-content: center;
2565}
2566
2567.testimonial-slider .testimonial-prev {
2568left: -40px;
2569}
2570
2571.testimonial-slider .testimonial-next {
2572right: -40px;
2573}
2574
2575.testimonial-slider button:hover {
2576opacity: 1;
2577}
2578
2579
2580
2581/* MOBILE: move arrows below slider */
2582@media (max-width: 600px) {
2583figure blockquote {
2584margin: 0;
2585padding: 0;
2586}
2587
2588figure {
2589margin-inline-start: 0px;
2590margin-inline-end: 0px;
2591margin-block-start: 0.5em;
2592margin-block-end: 0.5em;
2593}
2594
2595.testimonial-slider {
2596display: block;
2597min-height: unset;
2598}
2599
2600.testimonial-slider .testimonial {
2601margin-bottom: 16px;
2602}
2603
2604.testimonial-slider button {
2605position: static;
2606display: inline-block;
2607margin: 0 8px;
2608top: auto;
2609left: auto;
2610right: auto;
2611transform: none;
2612}
2613
2614.testimonial-slider .testimonial-prev,
2615.testimonial-slider .testimonial-next {
2616/* Remove edge positioning on mobile */
2617}
2618
2619.testimonial-slider {
2620text-align: center;
2621}
2622}
2623
2624
2625
2626/*------------------------------------------------------------------Dr Bio Slider ------*/
2627
2628.flip-image {
2629transform: rotate(180deg);
2630}
2631
2632/* Wrapper for the entire review slider */
2633.review-slider {
2634position: relative;
2635max-width: 100%;
2636overflow: hidden;
2637padding-bottom: 50px;
2638/* Ensure space at the bottom for buttons */
2639}
2640
2641/* Review wrapper that will be scrolled */
2642.review-wrapper {
2643display: flex;
2644width: 100%;
2645transition: transform 0.5s ease-in-out;
2646justify-content: flex-start;
2647/* Centering the items by default */
2648}
2649
2650/* Each individual review takes up 30% of the width on desktop */
2651.review {
2652flex: 0 0 30%;
2653/* Show 3 reviews at a time */
2654padding: 10px;
2655box-sizing: border-box;
2656background-color: #fff;
2657border-radius: 8px;
2658box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
2659margin: 20px;
2660}
2661
2662/* Card image size adjustment */
2663.card-img-top {
2664max-width: 15%;
2665/* Adjust the image size to fit properly */
2666margin-left: auto;
2667margin-right: auto;
2668margin-top: -30px;
2669/* Adjust for better positioning */
2670padding-bottom: 20px;
2671/* Spacing below the image */
2672}
2673
2674/* Style for carousel buttons */
2675/* Button container: Center the buttons below the reviews */
2676.button-container {
2677display: flex;
2678justify-content: center;
2679gap: 30px;
2680/* Space between buttons */
2681margin-top: 20px;
2682/* Space between the reviews and the buttons */
2683}
2684
2685.prev-btn img,
2686.next-btn img {
2687background: rgba(0, 0, 0, 0.1);
2688;
2689border: 1px solid rgba(0, 0, 0, 0.05);
2690padding: 5px;
2691cursor: pointer;
2692border-radius: 50%;
2693transition: background-color 0.3s;
2694}
2695
2696/* Button hover effect */
2697.prev-btn img:hover,
2698.next-btn img:hover {
2699background-color: rgba(255, 255, 255, 0.1);
2700/* Light background on hover */
2701}
2702
2703/* Adjustments for mobile view */
2704@media (max-width: 767px) {
2705
2706/* Ensure only one review is shown at a time */
2707.review-wrapper {
2708display: flex;
2709flex-direction: row;
2710overflow-x: auto;
2711scroll-snap-type: x mandatory;
2712/* Ensures smooth snapping between reviews */
2713}
2714
2715.review {
2716flex: 0 0 100%;
2717/* Show one review at a time */
2718margin: 0px;
2719/* No spacing between reviews */
2720scroll-snap-align: center;
2721/* Ensure snapping happens in the center */
2722}
2723
2724.prev-btn,
2725.next-btn {
2726font-size: 24px;
2727/* Make buttons smaller for mobile */
2728}
2729
2730/* Ensure smooth transitions for mobile scrolling */
2731.review-slider {
2732padding-bottom: 30px;
2733/* Adjusted bottom padding for buttons */
2734}
2735
2736/* Bootstrap carousel overrides for mobile */
2737#mobileCarousel {
2738width: 100%;
2739height: auto;
2740}
2741}
2742</style>
2743	<!-- /wp_head -->
2744			<!-- Google Tag Manager -->
2745		
2745<script>
vendor: 335 bytes, lines 2745-2749
2745(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
2746		new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
2747		j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
2748		'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
2749		})(window,document,'script','dataLayer','
2749GTM-N54GJXC2
vendor: 3 bytes, line 2749
2749');
2749</script>
2749
2750		<!-- End Google Tag Manager -->
2751				<!-- Google tag (gtag.js) -->
vendor: 66 bytes, lines 2751-2752
2751
2752		<script async src="https://www.googletagmanager.com/gtag/js?id=
2752G-WZNEVQWW56
vendor: 14 bytes, lines 2752-2753
2752"></script>
2753		
2753<script>
2754			
vendor: 136 bytes, lines 2754-2757
2754window.dataLayer = window.dataLayer || [];
2755			function gtag(){dataLayer.push(arguments);}
2756			gtag('js', new Date());
2757			gtag('config', '
2757G-WZNEVQWW56
vendor: 6 bytes, lines 2757-2758
2757');
2758		
2758</script>
2758
2759		<!-- End Google tag (gtag.js) -->
2760		<link rel='stylesheet' id='lc-aos-css' href='https://newviewlasereye.com/wp-content/plugins/livecanvas/modules/optin-extra-assets/aos.css?ver=762baabbd36986073f2e63e5741e1c84' media='all' />
2761
2762</head>
2763<body class="wp-singular page-template page-template-page-templates page-template-empty page-template-page-templatesempty-php page page-id-13301 wp-embed-responsive wp-theme-picostrap5 lc-custom-header lc-custom-footer is-using-livecanvas">
2764	
2765		<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 2765-2766
2765
2766	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
2766GTM-N54GJXC2
vendor: 85 bytes, lines 2766-2768
2766"
2767	height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
2768	
2768<!-- End Google Tag Manager (noscript) -->
2769		
2770
2771
2772<header id='lc-header'>
2773<style>
2774:root {
2775  --newview-primary:   #588CEB;
2776  --newview-secondary: #234D9C;
2777  --newview-accent:    #DAE7FF;
2778  --newview-tint:      #EFF5FF;
2779  --newview-text-dark: #2A2A2A;
2780  --newview-text-body: #3D3D3D;
2781  --newview-white:     #FFFFFF;
2782}
2783
2784#lc-header {
2785  position: fixed;
2786  top: 0;
2787  left: 0;
2788  right: 0;
2789  z-index: 1050;
2790  font-family: "Outfit", system-ui, -apple-system, Segoe UI, sans-serif;
2791}
2792
2793.newview-skip-link {
2794  position: absolute;
2795  left: 0;
2796  top: 0;
2797  transform: translateY(-200%);
2798  z-index: 1100;
2799  display: inline-block;
2800  padding: 10px 16px;
2801  background-color: var(--newview-secondary);
2802  color: #FFFFFF;
2803  font-size: 14px;
2804  font-weight: 600;
2805  text-decoration: none;
2806  border-radius: 0 0 8px 0;
2807  transition: transform 0.2s ease;
2808}
2809.newview-skip-link:focus,
2810.newview-skip-link:focus-visible {
2811  transform: translateY(0);
2812  outline: 2px solid #FFFFFF;
2813  outline-offset: -4px;
2814}
2815
2816.newview-header {
2817  background-color: var(--newview-white);
2818  box-shadow: 0 2px 10px rgba(35, 77, 156, 0.06);
2819}
2820
2821/* ============================================================
2822   TOP UTILITY BAR
2823   ============================================================ */
2824.newview-header-top {
2825  background-color: var(--newview-accent);
2826  color: var(--newview-white);
2827  padding: 8px 0;
2828  max-height: 60px;
2829  overflow: hidden;
2830  opacity: 1;
2831  transition: max-height 0.3s ease, padding 0.3s ease, opacity 0.25s ease;
2832}
2833
2834#lc-header.is-scrolled .newview-header-top {
2835  max-height: 0;
2836  padding-top: 0;
2837  padding-bottom: 0;
2838  opacity: 0;
2839  pointer-events: none;
2840}
2841
2842.newview-container {
2843  width: 100%;
2844  margin-left: auto;
2845  margin-right: auto;
2846  padding-left: clamp(16px, 2vw, 32px);
2847  padding-right: clamp(16px, 2vw, 32px);
2848}
2849@media (min-width: 1400px) {
2850  .newview-container { max-width: 1320px; }
2851}
2852
2853.newview-header-top__row {
2854  display: flex;
2855  align-items: center;
2856  justify-content: space-between;
2857  flex-wrap: wrap;
2858  gap: 8px 24px;
2859}
2860
2861.newview-header-top__phones {
2862  display: flex;
2863  align-items: center;
2864  gap: 18px;
2865  flex-wrap: wrap;
2866  margin: 0;
2867  padding: 0;
2868  list-style: none;
2869}
2870
2871.newview-header-top__phone {
2872  display: inline-flex;
2873  align-items: center;
2874  gap: 6px;
2875  color: var( --newview-text-dark);
2876  font-size: 14px;
2877  font-weight: 400;
2878  line-height: 1.2;
2879  text-decoration: none;
2880  transition: color 0.18s ease;
2881}
2882.newview-header-top__phone:hover,
2883.newview-header-top__phone:focus-visible {
2884
2885  outline: none;
2886}
2887.newview-header-top__phone-icon {
2888  display: inline-flex;
2889  width: 14px;
2890  height: 14px;
2891  color: var(--newview-primary);
2892  flex-shrink: 0;
2893}
2894.newview-header-top__phone-city {
2895  font-weight: 500;
2896}
2897.newview-header-top__phone-number {
2898  font-weight: 400;
2899  opacity: 0.9;
2900}
2901
2902.newview-header-top__links {
2903  display: flex;
2904  align-items: center;
2905  gap: 20px;
2906  flex-wrap: wrap;
2907  margin: 0;
2908  padding: 0;
2909  list-style: none;
2910}
2911.newview-header-top__link {
2912  display: inline-flex;
2913  align-items: center;
2914  gap: 7px;
2915  color: var(--newview-text-dark);
2916  font-size: 14px;
2917  font-weight: 400;
2918  line-height: 1.2;
2919  text-decoration: none;
2920  transition: color 0.18s ease;
2921  white-space: nowrap;
2922}
2923.newview-header-top__link:hover,
2924.newview-header-top__link:focus-visible {
2925  color: var(--newview-primary);
2926  outline: none;
2927}
2928.newview-header-top__link-icon {
2929  display: inline-flex;
2930  align-items: center;
2931  justify-content: center;
2932  color: var(--newview-primary);
2933  background: transparent;
2934  flex-shrink: 0;
2935}
2936.newview-header-top__link-icon svg {
2937  display: block;
2938}
2939
2940/* ============================================================
2941   BILL PAY BUTTON — Converge buy button styled as a utility link
2942   Must be a <button> (not <a>): the Converge script walks back
2943   from its own 
2943<script> tag to the nearest preceding button,
2944   strips [disabled], and binds the payment lightbox.
2945   ============================================================ */
2946.newview-billpay-btn {
2947  appearance: none;
2948  -webkit-appearance: none;
2949  background: transparent;
2950  border: 0;
2951  padding: 0;
2952  margin: 0;
2953  font-family: inherit;
2954  font-size: 14px;
2955  font-weight: 400;
2956  cursor: pointer;
2957}
2958.newview-billpay-btn:disabled {
2959  opacity: 0.55;
2960  cursor: default;
2961}
2962.newview-billpay-btn:disabled:hover {
2963  color: var(--newview-text-dark);
2964}
2965
2966/* ============================================================
2967   MAIN NAV BAR
2968   ============================================================ */
2969.newview-header-nav-wrap {
2970  background-color: var(--newview-white);
2971  padding: 12px 0;
2972}
2973
2974.newview-navbar {
2975  background-color: transparent;
2976  padding: 0;
2977  min-height: 76px;
2978}
2979
2980.newview-navbar .navbar-brand {
2981  flex: 0 0 auto;
2982  padding-top: 0;
2983  padding-bottom: 0;
2984  margin-right: 24px;
2985}
2986
2987.newview-navbar .navbar-brand img {
2988  display: block;
2989  height: 65px;
2990  width: auto;
2991  max-width: 220px;
2992  object-fit: contain;
2993}
2994
2995.newview-navbar .navbar-toggler {
2996  border: 0;
2997  background: transparent;
2998  padding: 0.5rem 0.75rem;
2999  box-shadow: none;
3000}
3001.newview-navbar .navbar-toggler:focus {
3002  box-shadow: none;
3003  outline: none;
3004}
3005.newview-navbar .navbar-toggler .bar1,
3006.newview-navbar .navbar-toggler .bar2,
3007.newview-navbar .navbar-toggler .bar3 {
3008  display: block;
3009  width: 30px;
3010  height: 2.5px;
3011  margin: 6px 0;
3012  background-color: var(--newview-secondary);
3013  transition: 0.4s;
3014  border-radius: 2px;
3015}
3016.newview-navbar .navbar-toggler:not(.collapsed) .bar1 {
3017  transform: translate(0, 8.5px) rotate(-45deg);
3018}
3019.newview-navbar .navbar-toggler:not(.collapsed) .bar2 {
3020  opacity: 0;
3021}
3022.newview-navbar .navbar-toggler:not(.collapsed) .bar3 {
3023  transform: translate(0, -8.5px) rotate(45deg);
3024}
3025
3026.newview-navbar .navbar-collapse {
3027  align-items: center;
3028  gap: 16px;
3029}
3030
3031.newview-navbar .navbar-nav {
3032  align-items: center;
3033  gap: clamp(16px, 2vw, 32px);
3034}
3035
3036.newview-navbar .navbar-nav .nav-link,
3037.newview-navbar .navbar-nav a {
3038  font-size: 17px;
3039  font-weight: 400;
3040  color: var(--newview-text-dark);
3041  text-decoration: none;
3042  padding: 6px 2px;
3043  transition: color 0.18s ease;
3044  white-space: nowrap;
3045}
3046
3047.newview-navbar .navbar-nav .nav-link:hover,
3048.newview-navbar .navbar-nav .nav-link:focus-visible,
3049.newview-navbar .navbar-nav .nav-item.current-menu-item > a,
3050.newview-navbar .navbar-nav a:hover,
3051.newview-navbar .navbar-nav a:focus-visible,
3052.newview-navbar .navbar-nav a.current-menu-item,
3053.newview-navbar .navbar-nav .current-menu-item > a,
3054.newview-navbar .navbar-nav a[aria-current="page"] {
3055  color: var(--newview-primary);
3056  outline: none;
3057}
3058
3059.newview-navbar .navbar-nav .dropdown-menu {
3060  padding: 8px 0;
3061  margin-top: 8px;
3062  border: 1px solid rgba(35, 77, 156, 0.08);
3063  border-radius: 10px;
3064  box-shadow: 0 8px 24px rgba(35, 77, 156, 0.10), 0 2px 6px rgba(0, 0, 0, 0.04);
3065  min-width: 220px;
3066}
3067.newview-navbar .navbar-nav .dropdown-menu .dropdown-item,
3068.newview-navbar .navbar-nav .dropdown-menu a {
3069  padding: 8px 20px;
3070  font-size: 15px;
3071  font-weight: 400;
3072  color: var(--newview-text-dark);
3073  white-space: normal;
3074  transition: background-color 0.15s ease, color 0.15s ease;
3075}
3076.newview-navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
3077.newview-navbar .navbar-nav .dropdown-menu .dropdown-item:focus-visible,
3078.newview-navbar .navbar-nav .dropdown-menu a:hover,
3079.newview-navbar .navbar-nav .dropdown-menu a:focus-visible {
3080  background-color: var(--newview-tint);
3081  color: var(--newview-primary);
3082}
3083.newview-navbar .navbar-nav .dropdown-menu .dropdown-item.active,
3084.newview-navbar .navbar-nav .dropdown-menu .dropdown-item:active,
3085.newview-navbar .navbar-nav .dropdown-menu .current-menu-item > a,
3086.newview-navbar .navbar-nav .dropdown-menu a.current-menu-item,
3087.newview-navbar .navbar-nav .dropdown-menu a[aria-current="page"] {
3088  background-color: var(--newview-primary);
3089  color: #FFFFFF !important;
3090}
3091
3092/* ============================================================
3093   SITE-WIDE BUTTON HOVER — .nw_btn
3094   Add the nw_btn class to any SOLID button across the site.
3095   On hover/focus the background swaps to the darker brand blue
3096   and a soft outline ring appears (riey-style). Additive: it
3097   only styles :hover / :focus-visible, so each button keeps its
3098   own resting look. Do NOT add nw_btn to transparent/outline
3099   buttons (e.g. .newview-schedule__btn--outline).
3100   Lives in the header so it loads on every page.
3101   ============================================================ */
3102.nw_btn {
3103  transition: color 0.15s ease-in-out,
3104              background-color 0.15s ease-in-out,
3105              border-color 0.15s ease-in-out,
3106              box-shadow 0.15s ease-in-out;
3107}
3108.nw_btn:hover,
3109.nw_btn:focus-visible {
3110  background-color: var(--newview-secondary, #234D9C) !important;
3111  border-color: var(--newview-secondary, #234D9C) !important;
3112  color: var(--newview-white, #FFFFFF) !important;
3113  outline: none;
3114  box-shadow: 0 0 0 3px rgba(88, 140, 235, 0.45) !important;
3115}
3116.nw_btn{
3117border-radius: 16px !important;}
3118/* ============================================================
3119   BOOK APPOINTMENT CTA
3120   ============================================================ */
3121.newview-book-cta {
3122  flex: 0 0 auto;
3123}
3124.newview-book-cta__btn {
3125  display: inline-flex;
3126  align-items: center;
3127  justify-content: center;
3128  gap: 8px;
3129  background-color: var(--newview-primary);
3130  color: var(--newview-white);
3131  border: 1px solid var(--newview-primary);
3132  border-radius: 20px;
3133  padding: 13px 24px;
3134  font-size: clamp(15px, 0.4vw + 13.5px, 18px);
3135  font-weight: 600;
3136  text-decoration: none;
3137  min-height: 49px;
3138  line-height: 1;
3139  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
3140}
3141/* Hover handled globally by .nw_btn (added to the button markup below). */
3142
3143/* ============================================================
3144   MOBILE + TABLET  (up to 1199.98px)
3145   FIX 2026-08: breakpoint moved from lg (992px) to xl (1200px).
3146   Seven menu items + logo + CTA do not fit on one line below
3147   1200px, and because .navbar-collapse is justify-content:end
3148   the overflow spilled LEFT over the logo instead of clipping
3149   right. Hamburger now runs through 1199px.
3150   ============================================================ */
3151@media (max-width: 1199.98px) {
3152  .newview-navbar {
3153    padding: 4px 0;
3154    min-height: 64px;
3155  }
3156  .newview-navbar .navbar-brand img {
3157    height: 58px;
3158    max-width: 180px;
3159  }
3160  .newview-navbar .navbar-collapse {
3161    flex-basis: 100%;
3162    padding-top: 14px;
3163    margin-top: 6px;
3164    border-top: 1px solid rgba(35, 77, 156, 0.12);
3165    align-items: stretch;
3166    gap: 12px;
3167  }
3168  .newview-navbar .navbar-nav {
3169    flex-direction: column;
3170    align-items: stretch;
3171    gap: 2px;
3172  }
3173  .newview-navbar .navbar-nav .nav-link,
3174  .newview-navbar .navbar-nav a {
3175    padding: 10px 4px;
3176    font-size: 16px;
3177  }
3178  .newview-navbar .navbar-nav .dropdown-menu {
3179    border: 0;
3180    box-shadow: none;
3181    padding: 4px 0 4px 12px;
3182    margin-top: 0;
3183    min-width: 0;
3184  }
3185  .newview-navbar .navbar-nav .dropdown-menu .dropdown-item,
3186  .newview-navbar .navbar-nav .dropdown-menu a {
3187    padding: 8px 4px;
3188  }
3189  .newview-navbar .navbar-collapse > .newview-book-cta {
3190    display: none !important;
3191  }
3192  .newview-header-mobile-actions {
3193    display: flex;
3194    flex-direction: column;
3195    align-items: stretch;
3196    gap: 12px;
3197    padding-top: 4px;
3198  }
3199  .newview-header-mobile-actions .newview-header-top__phones-mobile {
3200    display: flex;
3201    flex-direction: column;
3202    gap: 8px;
3203    padding: 0;
3204    margin: 0;
3205    list-style: none;
3206  }
3207  .newview-header-mobile-actions .newview-header-top__phones-mobile .newview-header-top__phone {
3208    color: var(--newview-secondary);
3209    font-size: 15px;
3210  }
3211
3212  /* Mobile utility links (Bill Pay). Mirrors the phones list above. */
3213  .newview-header-mobile-actions .newview-header-top__links-mobile {
3214    display: flex;
3215    flex-direction: column;
3216    gap: 8px;
3217    padding: 0;
3218    margin: 0;
3219    list-style: none;
3220  }
3221  .newview-header-mobile-actions .newview-header-top__links-mobile .newview-header-top__link {
3222    color: var(--newview-secondary);
3223    font-size: 15px;
3224  }
3225
3226  .newview-header-mobile-actions .newview-book-cta__btn {
3227    width: 100%;
3228  }
3229
3230  /* Mobile walker-fallback: WP emits .sub-menu (not .dropdown-menu). Hide by default, expand on .open. */
3231  .newview-navbar .menu-item-has-children > .sub-menu {
3232    display: none !important;
3233    position: static;
3234    width: 100%;
3235    margin: 0;
3236    padding: 0.5rem 1rem;
3237    list-style: none;
3238    background: transparent;
3239    border: 0;
3240    box-shadow: none;
3241  }
3242  .newview-navbar .menu-item-has-children.open > .sub-menu {
3243    display: block !important;
3244  }
3245  .newview-navbar .menu-item-has-children > a {
3246    display: flex;
3247    align-items: center;
3248    justify-content: space-between;
3249    width: 100%;
3250  }
3251  .newview-navbar .menu-item-has-children > a::after {
3252    content: "";
3253    display: inline-block;
3254    margin-left: 8px;
3255    border-top: 0.3em solid currentColor;
3256    border-right: 0.3em solid transparent;
3257    border-left: 0.3em solid transparent;
3258    border-bottom: 0;
3259    transition: transform 0.3s ease;
3260  }
3261  .newview-navbar .menu-item-has-children.open > a::after {
3262    transform: rotate(180deg);
3263  }
3264  .newview-navbar .menu-item-has-children > .sub-menu a {
3265    padding: 0.5rem !important;
3266    white-space: normal;
3267  }
3268}
3269
3270/* ============================================================
3271   TOP UTILITY BAR VISIBILITY
3272   FIX 2026-08: previously hidden below 992px. Now hidden only
3273   below 768px, so tablets keep Lasik Calculator, Dry Eye Quiz,
3274   IOL Finder, Vision Simulator and Bill Pay.
3275   ============================================================ */
3276@media (max-width: 767.98px) {
3277  .newview-header-top {
3278    display: none;
3279  }
3280}
3281
3282/* ============================================================
3283   TABLET DE-DUPLICATION — 768px to 1199.98px
3284   The top bar is visible at these widths, so the copies of the
3285   phone numbers and Bill Pay inside the hamburger drawer are
3286   redundant. The Book Appointment CTA stays in the drawer.
3287   Delete this block if you would rather keep them duplicated.
3288   ============================================================ */
3289@media (min-width: 768px) and (max-width: 1199.98px) {
3290  .newview-header-mobile-actions .newview-header-top__phones-mobile,
3291  .newview-header-mobile-actions .newview-header-top__links-mobile {
3292    display: none !important;
3293  }
3294}
3295
3296/* ============================================================
3297   DESKTOP — 1200px and up
3298   ============================================================ */
3299@media (min-width: 1200px) {
3300  .newview-header-mobile-actions {
3301    display: none !important;
3302  }
3303  .newview-navbar {
3304    position: relative;
3305  }
3306  .newview-navbar .navbar-collapse {
3307    flex-grow: 1;
3308    justify-content: end;
3309  }
3310  .newview-navbar .navbar-collapse .navbar-nav {
3311    margin: 0 auto;
3312  }
3313
3314  /* Desktop walker-fallback: WP emits .sub-menu (not .dropdown-menu) */
3315  .newview-navbar .menu-item-has-children {
3316    position: relative;
3317  }
3318  .newview-navbar .menu-item-has-children > .sub-menu {
3319    display: none;
3320    position: absolute;
3321    top: 100%;
3322    left: 0;
3323    min-width: 220px;
3324    padding: 8px 0;
3325    margin: 0;
3326    list-style: none;
3327    background-color: var(--newview-white);
3328    border: 1px solid rgba(35, 77, 156, 0.08);
3329    border-radius: 10px;
3330    box-shadow: 0 8px 24px rgba(35, 77, 156, 0.10), 0 2px 6px rgba(0, 0, 0, 0.04);
3331    z-index: 100;
3332  }
3333  .newview-navbar .menu-item-has-children:hover > .sub-menu {
3334    display: block;
3335  }
3336  .newview-navbar .menu-item-has-children > .sub-menu li {
3337    list-style: none;
3338  }
3339  .newview-navbar .menu-item-has-children > .sub-menu a {
3340    display: block;
3341    padding: 8px 20px;
3342    color: var(--newview-text-dark);
3343    text-decoration: none;
3344    white-space: normal;
3345    transition: background-color 0.15s ease, color 0.15s ease;
3346  }
3347  .newview-navbar .menu-item-has-children > .sub-menu a:hover {
3348    background-color: var(--newview-tint);
3349    color: var(--newview-primary);
3350  }
3351  .newview-navbar .menu-item-has-children > .sub-menu .sub-menu {
3352    top: 0;
3353    left: 100%;
3354    margin-left: 0.1rem;
3355  }
3356}
3357
3358/* ============================================================
3359   SMALL DESKTOP — 1200px to 1399.98px
3360   FIX 2026-08: the menu is expanded here but .newview-container
3361   has not reached its 1320px max-width yet, so the row is still
3362   tight. Trim the logo, nav type and CTA to fit on one line.
3363   justify-content is switched to space-between so that if this
3364   ever overflows again it clips to the RIGHT (harmless) rather
3365   than spilling LEFT over the logo.
3366   ============================================================ */
3367@media (min-width: 1200px) and (max-width: 1399.98px) {
3368
3369  .newview-navbar .navbar-brand {
3370    margin-right: 12px;
3371  }
3372  .newview-navbar .navbar-brand img {
3373    height: 52px;
3374    max-width: 165px;
3375  }
3376
3377  .newview-navbar .navbar-collapse {
3378    justify-content: end;
3379    min-width: 0;
3380    gap: 20px;
3381  }
3382
3383  .newview-navbar .navbar-nav {
3384    gap: 14px;
3385    flex-wrap: nowrap;
3386    min-width: 0;
3387  }
3388
3389  .newview-navbar .navbar-nav .nav-link,
3390  .newview-navbar .navbar-nav a {
3391    font-size: 15px;
3392    padding: 6px 0;
3393  }
3394
3395  .newview-book-cta__btn {
3396    padding: 11px 16px;
3397    font-size: 15px;
3398    min-height: 44px;
3399    white-space: nowrap;
3400  }
3401}
3402
3403@media (max-width: 425px) {
3404  .newview-navbar .navbar-brand img {
3405    max-width: 160px;
3406    height: 60px;
3407  }
3408}
3409</style>
3410
3411<a class="newview-skip-link visually-hidden-focusable" href="#theme-main">Skip to main content</a>
3412
3413<div class="newview-header">
3414
3415	<!-- ============================================================
3416       TOP UTILITY BAR — desktop + tablet, hidden under 768px,
3417       collapses on scroll
3418       ============================================================ -->
3419	<div class="newview-header-top" id="WT-header-topbar">
3420		<div class="newview-container">
3421			<div class="newview-header-top__row">
3422
3423				<!-- Location phones (Tangible loop over location CPT) -->
3424				<ul class="newview-header-top__phones">
3425					
3426													<li>
3427								<a class="newview-header-top__phone" href="tel:+1(703)-777-1244">
3428									<span class="newview-header-top__phone-icon" aria-hidden="true">
3429										<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 16 16">
3430											<path d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"></path>
3431										</svg>
3432									</span>
3433									<span class="newview-header-top__phone-city">
3434										Leesburg
3435									</span>
3436									<span class="newview-header-top__phone-number">
3437										(703) 777-1244
3438									</span>
3439								</a>
3440							</li>
3441													<li>
3442								<a class="newview-header-top__phone" href="tel:+1(703)-834-9777">
3443									<span class="newview-header-top__phone-icon" aria-hidden="true">
3444										<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 16 16">
3445											<path d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457
3445a.68.68 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"></path>
3446										</svg>
3447									</span>
3448									<span class="newview-header-top__phone-city">
3449										Reston
3450									</span>
3451									<span class="newview-header-top__phone-number">
3452										(703) 834-9777
3453									</span>
3454								</a>
3455							</li>
3456						
3457					
3458				</ul>
3459
3460				<!-- Utility links -->
3461				<ul class="newview-header-top__links">
3462					<li>
3463						<a class="newview-header-top__link" href="/lasik-self-test-savings-calculator/">
3464							<span class="newview-header-top__link-icon" aria-hidden="true">
3465								<svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 16 16" fill="currentColor" preserveAspectRatio="xMidYMid meet">
3466									<path d="M12 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"></path>
3467									<path d="M4 2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5zm0 4a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5zM4.5 8a.5.5 0 0 0-.5.5v.5a.5.5 0 0 0 .5.5H5a.5.5 0 0 0 .5-.5v-.5A.5.5 0 0 0 5 8zm-.5 2.5a.5.5 0 0 1 .5-.5H5a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5zm2.5-4a.5.5 0 0 0-.5.5v.5a.5.5 0 0 0 .5.5H7a.5.5 0 0 0 .5-.5v-.5A.5.5 0 0 0 7 6zm-.5 2.5a.5.5 0 0 1 .5-.5H7a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5zm.5 1.5a.5.5 0 0 0-.5.5v.5a.5.5 0 0 0 .5.5H7a.5.5 0 0 0 .5-.5v-.5a.5.5 0 0 0-.5-.5zm2.5-4a.5.5 0 0 0-.5.5v.5a.5.5 0 0 0 .5.5H9a.5.5 0 0 0 .5-.5v-.5A.5.5 0 0 0 9 6zm-.5 2.5a.5.5 0 0 1 .5-.5H9a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5zm.5 1.5a.5.5 0 0 0-.5.5v.5a.5.5 0 0 0 .5.5H9a.5.5 0 0 0 .5-.5v-.5a.5.5 0 0 0-.5-.5zm2-6a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h.5a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5zm0 4a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h.5a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5z"></path>
3468								</svg>
3469							</span>
3470							Lasik Calculator
3471						</a>
3472					</li>
3473					<li>
3474						<a class="newview-header-top__link" href="/osdi-dry-eye/">
3475							<span class="newview-header-top__link-icon" aria-hidden="true">
3476								<svg xmlns="http://www.w3.org/2000/svg" width="13" height="15" viewBox="0 0 16 16" fill="currentColor" preserveAspectRatio="xMidYMid meet">
3477									<path d="M8 16a6 6 0 0 0 6-6c0-1.655-1.122-2.904-2.432-4.362C10.254 4.176 8.75 2.503 8 0c0 0-6 5.686-6 10a6 6 0 0 0 6 6M6.646 4.646l.708.708c-.29.29-1.128 1.311-1.907 2.87l-.894-.448c.82-1.64 1.717-2.753 2.093-3.13"></path>
3478								</svg>
3479							</span>
3480							Dry Eye Quiz
3481						</a>
3482					</li>
3483					<li>
3484						<a class="newview-header-top__link" href="/iol-lifestyle-finder/">
3485							<span class="newview-header-top__link-icon" aria-hidden="true">
3486								<svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 16 16" fill="currentColor" preserveAspectRatio="xMidYMid meet">
3487									<path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"></path>
3488								</svg>
3489							</span>
3490							IOL Finder
3491						</a>
3492					</li>
3493					<li>
3494						<a class="newview-header-top__link" href="/vision-simulator/">
3495							<span class="newview-header-top__link-icon" aria-hidden="true">
3496								<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 16 16" fill="currentColor" preserveAspectRatio="xMidYMid meet">
3497									<path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0"></path>
3498									<path d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8m8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7"></path>
3499								</svg>
3500							</span>
3501							Vision Simulator
3502						</a>
3503					</li>
3504
3505					<!-- ====================================================
3506					     BILL PAY — Converge buy button (DESKTOP, primary)
3507					     The 
3507<script> MUST stay directly after the <button>.
3508					     Do not remove [disabled] — Converge strips it once
3509					     the script loads and binds the payment lightbox.
3510					     The mobile Bill Pay button proxies clicks to this one.
3511					     ==================================================== -->
3512					<li>
3513						<button type="button" id="nvBillPayDesktop" class="newview-header-top__link newview-billpay-btn" disabled="">
3514							<span class="newview-header-top__link-icon" aria-hidden="true">
3515								<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 16 16" fill="currentColor" preserveAspectRatio="xMidYMid meet">
3516									<path d="M2 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm0 1h12a1 1 0 0 1 1 1v1H1V5a1 1 0 0 1 1-1M1 8h14v3a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1z"></path>
3517									<path d="M2.5 10h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1"></path>
3518								</svg>
3519							</span>
3520							Bill Pay
3521						</button>
3522						
3522<script src="https://www.convergepay.com/hosted-payments/buy_button_script/4b69367673637250544a75716b50345a32566c4d47514141415a413362357751"></script>
3522
3523					</li>
3524
3525				</ul>
3526
3527			</div>
3528		</div>
3529	</div>
3530
3531	<!-- ============================================================
3532       MAIN NAV — Bootstrap navbar-expand-xl
3533       FIX 2026-08: was navbar-expand-lg. Changed to xl so the
3534       horizontal menu only appears at 1200px, where it fits.
3535       ============================================================ -->
3536	<div class="newview-header-nav-wrap">
3537		<div class="newview-container">
3538			<nav class="newview-navbar navbar navbar-expand-xl navbar-light" aria-label="Primary">
3539
3540				<a class="navbar-brand" href="/" aria-label="NewView Eye Center home">
3541					<!-- TODO: asset-overrides.md missing slug=logo-mark (Used as: globals/header) -->
3542					<img src="http://newviewlasereye.sv-builder.com/wp-content/uploads/sites/55/2026/07/NewView-Logo-updated.svg" alt="" loading="eager" class=" wp-image-13867">
3543				</a>
3544
3545				<button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#newview-navbar" aria-controls="newview-navbar" aria-expanded="false" aria-label="Toggle navigation">
3546					<span class="bar1"></span>
3547					<span class="bar2"></span>
3548					<span class="bar3"></span>
3549				</button>
3550
3551				<div class="collapse navbar-collapse" id="newview-navbar">
3552
3553					 <!--  lc_nav_menu --> <div class="menu-retina-primary-menu-container"><ul id="menu-retina-primary-menu" class="navbar-nav align-items-lg-center ms-auto gap-lg-3 rfs-7 mb-lg-0 mb-3"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home nav-item nav-item-13096"><a href="https://newviewlasereye.com/" class="nav-link ">Home</a></li>
3554<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown nav-item nav-item-13984"><a href="https://newviewlasereye.com/our-doctors/" class="nav-link  dropdown-toggle" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false" role="button">Our Doctors</a>
3555<ul class="dropdown-menu  depth_0">
3556	<li class="menu-item menu-item-type-post_type menu-item-object-doctor nav-item nav-item-13102"><a href="https://newviewlasereye.com/doctor/jacqueline-deneen-griffiths-m-d/" class="dropdown-item ">Jacqueline Deneen Griffiths, M.D.</a></li>
3557	<li class="menu-item menu-item-type-post_type menu-item-object-doctor nav-item nav-item-13101"><a href="https://newviewlasereye.com/doctor/claiborne-m-callahan-md/" class="dropdown-item ">Claiborne M. Callahan, MD</a></li>
3558</ul>
3559</li>
3560<li class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-14305"><a href="https://newviewlasereye.com/specialty-eye-care/" class="nav-link ">Our Services</a></li>
3561<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children dropdown nav-item nav-item-14310"><a href="#" class="nav-link active dropdown-toggle" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false" role="button" aria-current="page">Glasses &#038; Contacts</a>
3562<ul class="dropdown-menu  depth_0">
3563	<li class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-13097"><a href="https://newviewlasereye.com/optical-center/" class="dropdown-item ">Optical</a></li>
3564	<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-13301 current_page_item nav-item nav-item-14265"><a href="https://newviewlasereye.com/contact-lenses/" class="dropdown-item active" aria-current="page">Contact Lenses</a></li>
3565</ul>
3566</li>
3567<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children dropdown nav-item nav-item-13103"><a href="#" class="nav-link  dropdown-toggle" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false" role="button">Locations</a>
3568<ul class="dropdown-menu  depth_0">
3569	<li class="menu-item menu-item-type-post_type menu-item-object-location nav-item nav-item-13105"><a href="https://newviewlasereye.com/location/newview-eye-center-reston/" class="dropdown-item ">NewView Eye Center Reston</a></li>
3570	<li class="menu-item menu-item-type-post_type menu-item-object-location nav-item nav-item-13104">
3570<a href="https://newviewlasereye.com/location/newview-eye-center-leesburg/" class="dropdown-item ">NewView Eye Center Leesburg</a></li>
3571</ul>
3572</li>
3573<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown nav-item nav-item-13985"><a href="https://newviewlasereye.com/about-us/" class="nav-link  dropdown-toggle" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false" role="button">About Us</a>
3574<ul class="dropdown-menu  depth_0">
3575	<li class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-14307"><a href="https://newviewlasereye.com/patient-forms/" class="dropdown-item ">Patient Forms</a></li>
3576	<li class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-14306"><a href="https://newviewlasereye.com/blogs/" class="dropdown-item ">Our Blog</a></li>
3577	<li class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-14308"><a href="https://newviewlasereye.com/patient-video-reviews/" class="dropdown-item ">Patient Video Reviews</a></li>
3578</ul>
3579</li>
3580<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children dropdown nav-item nav-item-14309"><a href="#" class="nav-link  dropdown-toggle" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false" role="button">For Doctors</a>
3581<ul class="dropdown-menu  depth_0">
3582	<li class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-14155"><a href="https://newviewlasereye.com/for-referring-doctors/" class="dropdown-item ">Refer a Patient</a></li>
3583	<li class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-14296"><a href="https://newviewlasereye.com/resource-hub-fyeye/" class="dropdown-item ">F.Y.EYE Resources</a></li>
3584</ul>
3585</li>
3586</ul></div> <!-- /lc_nav_menu --> 
3587
3588					<div class="newview-book-cta">
3589						<a class="newview-book-cta__btn nw_btn" href="/schedule-appointment/">Book Appointment</a>
3590					</div>
3591
3592					<!-- Mobile + tablet extras: location phones + Bill Pay + Book Appointment CTA. Hidden at 1200px and up. -->
3593					<div class="newview-header-mobile-actions d-xl-none">
3594						<ul class="newview-header-top__phones-mobile">
3595							
3596																	<li>
3597										<a class="newview-header-top__phone" href="tel:+1(703)-777-1244">
3598											<span class="newview-header-top__phone-icon" aria-hidden="true">
3599												<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 16 16">
3600													<path d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"></path>
3601												</svg>
3602											</span>
3603											<span class="newview-header-top__phone-city">
3604												Leesburg
3605											</span>
3606											<span class="newview-header-top__phone-number">
3607												(703) 777-1244
3608											</span>
3609										</a>
3610									</li>
3611																	<li>
3612										<a class="newview-header-top__phone" href="tel:+1(703)-834-9777">
3613											<span class="newview-header-top__phone-icon" aria-hidden="true">
3614												<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 16 16">
3615													<path d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"></path>
3616												</svg>
3617											</span>
3618											<span class="newview-header-top__phone-city">
3619												Reston
3620											</span>
3621											<span class="newview-header-top__phone-number">
3622												(703) 834-9777
3623											</span>
3624										</a>
3625									</li>
3626								
3627							
3628						</ul>
3629
3630						<!-- Bill Pay — MOBILE. No second Converge script: this button
3631						     proxies its click to #nvBillPayDesktop (see script below). -->
3632						<ul class="newview-header-top__links-mobile">
3633							<li>
3634								<button type="button" id="nvBillPayMobile" class="newview-header-top__link newview-billpay-btn" disabled="">
3635									<span class="newview-header-top__link-icon" aria-hidden="true">
3636										<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 16 16" fill="currentColor" preserveAspectRatio="xMidYMid meet">
3637											<path d="M2 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm0 1h12a1 1 0 0 1 1 1v1H1V5a1 1 0 0 1 1-1M1 8h14v3a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1z"></path>
3638											<path d="M2.5 10h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1"></path>
3639										</svg>
3640									</span>
3641									Bill Pay
3642								</button>
3643							</li>
3644						</ul>
3645
3646					</div>
3647				</div>
3648			</nav>
3649		</div>
3650	</div>
3651</div>
3652
3653<!-- ============================================================
3654     BILL PAY MOBILE PROXY
3655     Converge binds to one button only. This mirrors the enabled
3656     state onto the mobile button and forwards its clicks.
3657     ============================================================ -->
3658<script>
3659(function () {
3660	var desktop = document.getElementById('nvBillPayDesktop');
3661	var mobile  = document.getElementById('nvBillPayMobile');
3662	if (!desktop || !mobile) return;
3663
3664	function sync() { mobile.disabled = desktop.disabled; }
3665	sync();
3666
3667	new MutationObserver(sync).observe(desktop, {
3668		attributes: true,
3669		attributeFilter: ['disabled']
3670	});
3671
3672	mobile.addEventListener('click', function (e) {
3673		e.preventDefault();
3674		desktop.click();
3675	});
3676})();
3677</script>
3677
3678</header>
3679
3680
3681	<main id='theme-main'>
3682<!-- ============================================================
3683     NEWVIEW — CONTACT LENS EXAM (service/landing page)
3684     Built from the NewView Parent Template. Style block, the two SVG <symbol>
3685     icons (nv-ico, nv-spark), and every global partial are copied verbatim
3686     (the style block keeps its original template comments). Body markup only —
3687     header + footer are theme chrome.
3688     Scope class: .newview-parent   |   Container: .newview-container
3689
3690     SLOTS REMOVED (no source content genuinely fits — not padded/invented):
3691       - Feature + chip band .......... source has no flat list of ~7-9 related items
3692       - Split, 1 paragraph ........... no standalone single-topic spotlight; also drops a weak image
3693       - Outcomes / stats strip ....... source gives no real figures for this topic
3694       - Split + pill row ............. no list of 4-5 action-phrase items
3695       - Payment icon grid ............ no payment/financing info supplied
3696       - Split (secondary spotlight) .. no secondary procedure / urgent spotlight beyond the accordion
3697     SLOTS RESIZED to the source counts: numbered grid 6->4, icon grid 6->4,
3698       step block 4->5, accordion 3->4, FAQ 8->6 (3+3). Two images kept (hero + intro).
3699     ============================================================ -->
3700
3701<style>
3702/* ===== Cataract page — scoped styles (site prefix: newview) ===== */
3703.newview-parent { position: relative; isolation: isolate; font-family: var(--font-body, "Outfit", system-ui, sans-serif); }
3704.newview-parent .newview-parent-eyebrow { display:none; }
3705
3706/* Shared typography */
3707.newview-parent h2 { font-family: var(--font-heading, "Castoro", Georgia, serif); font-weight: 400; color: var(--newview-text-dark, #2A2A2A); line-height: 1.12; font-size: clamp(32px, 4.2vw, 56px); margin: 0; }
3708.newview-parent h3 { font-family: var(--font-heading, "Castoro", Georgia, serif); font-weight: 400; color: var(--newview-text-dark, #2A2A2A); line-height: 1.2; font-size: clamp(20px, 1.7vw, 24px); margin: 0; }
3709.newview-parent p { font-family: var(--font-body, "Outfit", system-ui, sans-serif); color: var(--newview-text, #3D3D3D); font-size: clamp(15px, 1.05vw, 17px); line-height: 1.65; margin: 0; }
3710
3711/* Blue pill CTA */
3712.newview-parent-btn { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; background: var(--newview-blue, #588CEB); color:#fff; font-family: var(--font-body,"Outfit",sans-serif); font-weight:600; font-size:16px; border:none; border-radius:50px; padding:.75rem 2.25rem; text-decoration:none; transition: background .2s ease, transform .2s ease; }
3713.newview-parent-btn:hover { background: var(--newview-dark-blue, #234D9C); color:#fff; transform: translateY(-1px); }
3714
3715/* ── HERO ── */
3716.newview-parent-hero { position:relative; isolation:isolate; overflow:hidden; background: linear-gradient(180deg,#FFFFFF 0%, var(--newview-tint,#EFF5FF) 100%); padding-top: clamp(112px, 6vw + 72px, 168px); }
3717.newview-parent-hero__blob { position:absolute; z-index:0; pointer-events:none; display:block; }
3718.newview-parent-hero__blob--r { width:82%; aspect-ratio:1170.6/736.6; top:-6%; right:-10%; }
3719.newview-parent-hero__blob--l { width:38%; aspect-ratio:714.6/562.6; top:0%; left:-16%; }
3720.newview-parent-hero__inner { position:relative; z-index:1; }
3721.newview-parent-hero__title { font-family: var(--font-heading,"Castoro",Georgia,serif); font-weight:400; font-size: clamp(44px, 6vw, 88px); line-height:1.02; color: var(--newview-text-body,#2D2D2D); margin:0; }
3722.newview-parent-hero__img-col { position:relative; align-self:flex-end; }
3723.newview-parent-hero__img { display:block; width:auto; max-width:100%; height: clamp(360px, 42vw, 580px); margin-left:auto; object-fit:contain; object-position:bottom right; -webkit-mask-image: linear-gradient(to bottom, #000 82%, transparent 100%); mask-image: linear-gradient(to bottom, #000 82%, transparent 100%); }
3724
3725/* ── Image + text split ── */
3726.newview-parent-split { background:#fff; }
3727.newview-parent-split__img { width:100%; height:auto; border-radius:24px; object-fit:cover; }
3728.newview-parent-lens-panel { background: var(--newview-tint,#EFF5FF); border-radius:28px; }
3729
3730/* ── Light-blue band ── */
3731.newview-parent-band { background: var(--newview-tint,#EFF5FF); }
3732
3733/* ── Numbered card (evaluation) ── */
3734.newview-parent-numcard { background:#fff; border-radius:20px; padding: clamp(20px,2vw,28px); height:100%; box-shadow: 0 2px 16px rgba(35,77,156,0.05); }
3735.newview-parent-numcard__n { font-family: var(--font-heading,"Castoro",
3735serif); font-weight:400; font-size: clamp(34px,3vw,42px); color: var(--newview-blue,#588CEB); line-height:1; margin:0 0 .5rem; }
3736
3737/* ── Icon card (benefits / payment) ── */
3738.newview-parent-iconcard { background: var(--newview-tint,#EFF5FF); border-radius:20px; padding: clamp(20px,2vw,28px); height:100%; }
3739.newview-parent-band .newview-parent-iconcard { background:#fff; border:1px solid rgba(88,140,235,0.14); }
3740.newview-parent-iconbox { display:inline-flex; align-items:center; justify-content:center; width:52px; height:52px; border-radius:14px; background:#fff; color: var(--newview-blue,#588CEB); margin-bottom:1rem; }
3741.newview-parent-band .newview-parent-iconbox { background: var(--newview-tint,#EFF5FF); }
3742.newview-parent-iconbox svg { width:40px; height:12px; }
3743
3744/* ── Step card (what to expect) ── */
3745.newview-parent-step { display:flex; gap:1.25rem; align-items:flex-start; background:#fff; border:1px solid rgba(88,140,235,0.16); border-radius:20px; padding: clamp(18px,1.8vw,26px) clamp(20px,2vw,30px); }
3746.newview-parent-step__n { font-family: var(--font-heading,"Castoro",serif); font-weight:400; font-size: clamp(30px,2.8vw,40px); color: var(--newview-blue,#588CEB); line-height:1; flex-shrink:0; }
3747
3748/* ── Lens pills (lifestyle) — links ── */
3749.newview-parent-lenspill { display:flex; align-items:center; justify-content:center; text-align:center; border:1px solid rgba(88,140,235,0.30); border-radius:50px; padding:.85rem 1rem; font-family: var(--font-heading,"Castoro",serif); font-size: clamp(15px,1.1vw,17px); color: var(--newview-text-dark,#2A2A2A); background:#fff; text-decoration:none; transition: border-color .2s ease, background .2s ease; }
3750.newview-parent-lenspill:hover, .newview-parent-lenspill:focus-visible { border-color: var(--newview-blue,#588CEB); background: var(--newview-tint,#EFF5FF); color: var(--newview-dark-blue,#234D9C); }
3751
3752/* ── Decorative circle ── */
3753.newview-parent-dot { position:absolute; border-radius:50%; pointer-events:none; z-index:0; }
3754
3755/* ── Accordion (FAQ) ── */
3756.newview-parent-faq { background: linear-gradient(180deg, var(--newview-tint,#EFF5FF) 0%, #FFFFFF 100%); }
3757.newview-parent-acc .accordion-item { background:transparent; border:none; margin-bottom:14px; }
3758.newview-parent-acc .accordion-button { background: var(--newview-light-blue,#DAE7FF); color: var(--newview-text-dark,#2A2A2A); font-family: var(--font-heading,"Castoro",serif); font-weight:400; font-size: clamp(16px,1.2vw,19px); border-radius:16px !important; padding:1rem 1.25rem; box-shadow:none; }
3759.newview-parent-acc .accordion-button:not(.collapsed) { background: var(--newview-light-blue,#DAE7FF); color: var(--newview-text-dark,#2A2A2A); box-shadow:none; }
3760.newview-parent-acc .accordion-button::after { width:1.1rem; height:1.1rem; background-size:1.1rem; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23588CEB'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E"); }
3761.newview-parent-acc .accordion-body { padding: .5rem 1.25rem 1rem; }
3762.newview-parent-acc .accordion-body p { font-family: var(--font-body,"Outfit",sans-serif); }
3763.newview-parent-acc .accordion-collapse.show + none {}
3764.newview-parent-acc .accordion-item:has(.accordion-collapse.show) .accordion-button { background: var(--newview-light-blue,#DAE7FF); }
3765.newview-parent-acc .accordion-item:has(.accordion-collapse.show) { background: var(--newview-tint,#EFF5FF); border-radius:16px; }
3766
3767@media (max-width: 991.98px) {
3768  .newview-parent-hero { padding-top: clamp(96px, 22vw, 132px); }
3769  .newview-parent-hero__title { text-align:center; }
3770  .newview-parent-hero__img-col { align-self:auto; }
3771  .newview-parent-hero__img { height: clamp(300px, 64vw, 440px); margin:0 auto; object-position:bottom center; }
3772  .newview-parent h2 { text-align:left; }
3773}
3774
3775/* ── New parent-page sections — custom CSS only where Bootstrap can't ── */
3776/* Aesthetics feature — white top (heading + intro) + blue band (chips);
3776 cutout image bleeds off the right edge on desktop */
3777.newview-parent-feature { position: relative; overflow: hidden; background:#fff; }
3778.newview-parent-feature__top { padding: clamp(40px,5vw,72px) 0 clamp(16px,2.5vw,32px); }
3779.newview-parent-feature__band { padding: clamp(24px,3vw,40px) 0 clamp(40px,5vw,72px); }
3780.newview-parent-feature__img { display:block; width:100%; height:auto; max-height:360px; object-fit:cover; object-position:center 20%; }
3781@media (min-width: 992px) {
3782  .newview-parent-feature__img { position:absolute; top:0; right:0; bottom:0; width:46vw; max-width:720px; height:100%; max-height:none; }
3783}
3784/* Chip — bordered box with the Aesthetics sparkle + label (mockup style); links */
3785.newview-parent-chip { display:flex; align-items:center; gap:.5rem; height:100%; background:#fff; border:1px solid rgba(88,140,235,0.55); border-radius:10px; padding:.75rem .9rem; color: var(--newview-text-dark,#2A2A2A); font-family: var(--font-heading,"Castoro",serif); font-size: clamp(14px,0.9vw,16px); line-height:1.15; text-decoration:none; transition: border-color .2s ease, background .2s ease; }
3786.newview-parent-chip:hover, .newview-parent-chip:focus-visible { border-color: var(--newview-blue,#588CEB); background: var(--newview-tint,#EFF5FF); }
3787/* Card icon size set by the icon-box rule above; chip sparkle is small + navy (Aesthetics only) */
3788.newview-parent-ico { flex-shrink:0; }
3789.newview-parent-chip .newview-parent-ico { width:14px; height:14px; color: var(--newview-dark-blue,#234D9C); }
3790/* Stat figure */
3791.newview-parent-stat__n { font-family: var(--font-heading,"Castoro",serif); font-weight:400; font-size: clamp(40px,5vw,64px); color: var(--newview-blue,#588CEB); line-height:1; margin:0; }
3792.newview-parent-stat__n span { font-size:.4em; margin-left:.15em; color: var(--newview-text,#3D3D3D); }
3793/* Keep explicitly-centered sections centered on mobile too (beats the h2 left rule above) */
3794.newview-parent .text-center h2, .newview-parent .text-center h3, .newview-parent .text-center p { text-align:center; }
3795/* Brand-tint Bootstrap outline buttons (live theme recompiles brand; this guards stock Bootstrap) */
3796.newview-parent .btn-outline-primary { --bs-btn-color: var(--newview-blue,#588CEB); --bs-btn-border-color: var(--newview-blue,#588CEB); --bs-btn-hover-bg: var(--newview-blue,#588CEB); --bs-btn-hover-border-color: var(--newview-blue,#588CEB); --bs-btn-active-bg: var(--newview-dark-blue,#234D9C); --bs-btn-active-border-color: var(--newview-dark-blue,#234D9C); }
3797</style>
3798
3799<!-- Shared brand-mark icon — this ONE symbol drives every card + chip icon -->
3800<svg width="0" height="0" class="d-none" aria-hidden="true">
3801	<symbol id="nv-ico" viewBox="0 0 627 195">
3802		<path fill="currentColor" d="M266.777 23.6396C293.644 18.9812 316.694 16.9833 342.036 18.1505C382.699 20.0328 468.674 31.9363 566.856 112.916C572.219 117.49 572.777 121.328 571.42 123.705C569.811 126.544 565.069 128.573 557.687 124.157C506.592 91.0962 458.211 72.242 426.086 62.3785C393.362 52.3257 362.741 42.9144 320.343 43.1247C263.097 43.3981 219.31 61.022 193.19 71.8214C161.885 84.7659 137.437 99.5822 120.412 111.233C139.792 104.251 160.729 97.7735 183.169 92.2424C189.404 90.7071 195.545 89.2875 201.602 87.9836C204.452 99.0879 211.497 119.982 229.836 138.163C261.593 169.626 310.973 168.048 319.186 168.048C326.179 168.048 373.751 168.627 403.867 139.215C418.347 125.072 425.445 109.362 428.999 99.2982C434.54 100.991 486.897 133.6 499.515 142.023C500.956 142.99 500.967 145.009 499.631 146.113C496.424 148.763 490.02 153.947 482.975 158.879C462.732 173.033 440.261 184.883 417.653 194.821C453.647 188.522 493.816 181.498 535.846 168.763C554.848 163.011 572.514 156.975 572.514 156.975C583.124 153.253 592.209 149.951 599.149 147.07C603.345 145.314 625.669 135.282 626.279 123.62C626.626 116.796 621.705 111.685 619.36 108.436C594.743 74.3766 529.442 42.4412 505.12 30.9899C434.856 0.894668 374.339 0.0744637 343.792 0.000855732C284.559 -0.114814 242.181 11.5048 178.447 29.4967C132.368 42.5043 70.4956 63.2618 0 97.1741C42.5981 81.0224 104.124 60.0651 180.214 42.3571C215.167 34.2181 242.528 27.8563 266.766 23.6501L266.777 23.6396Z"></path>
3803	</symbol>
3804	<symbol id="nv-spark" viewBox="0 0 13.9995 13.9995">
3805		<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M7.93475 0.65475C7.61675 -0.21825 6.38275 -0.21825 6.06475 0.65475L4.62175 4.62175L0.65475 6.06475C-0.21825 6.38275 -0.21825 7.61675 0.65475 7.93475L4.62175 9.37775L6.06475 13.3448C6.38275 14.2178 7.61675 14.2178 7.93475 13.3448L9.37775 9.37775L13.3448 7.93475C14.2178 7.61675 14.2178 6.38275 13.3448 6.06475L9.37775 4.62175L7.93475 0.65475Z"></path>
3806	</symbol>
3807</svg>
3808
3809<!-- 1 ─────────── HERO ─────────── -->
3810<section class="newview-parent newview-parent-hero">
3811	<svg class="newview-parent-hero__blob newview-parent-hero__blob--r d-none d-md-block" viewBox="0 0 1170.6 736.6" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
3812		<g opacity="0.77" filter="url(#nvcle-blur-r)">
3813			<path d="M935.8 428.464C935.8 535.422 711.695 493.846 610.699 493.846C509.702 493.846 234.8 535.422 234.8 428.464C234.8 321.506 651.934 234.8 752.93 234.8C853.926 234.8 935.8 321.506 935.8 428.464Z" fill="#588CEB"></path>
3814		</g>
3815		<defs>
3816			<filter id="nvcle-blur-r" x="0" y="0" width="1170.6" height="736.6" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
3817				<feGaussianBlur stdDeviation="117.4"></feGaussianBlur>
3818			</filter>
3819		</defs>
3820	</svg>
3821	<svg class="newview-parent-hero__blob newview-parent-hero__blob--l d-none d-md-block" viewBox="0 0 714.6 562.6" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
3822		<g opacity="0.77" filter="url(#nvcle-blur-l)">
3823			<path d="M479.8 302.256C479.8 339.511 401.475 325.03 366.177 325.03C330.879 325.03 234.8 339.511 234.8 302.256C234.8 265.001 380.589 234.8 415.887 234.8C451.185 234.8 479.8 265.001 479.8 302.256Z" fill="#588CEB"></path>
3824		</g>
3825		<defs>
3826			<filter id="nvcle-blur-l" x="0" y="0" width="714.6" height="562.6" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
3827				<feGaussianBlur stdDeviation="117.4"></feGaussianBlur>
3828			</filter>
3829		</defs>
3830	</svg>
3831	<div class="newview-container newview-parent-hero__inner">
3832		<div class="row align-items-center g-4">
3833			<div class="col-12 col-lg-6">
3834				<h1 class="newview-parent-hero__title">Contact Lens Exam</h1>
3835			</div>
3836			<div class="col-12 col-lg-6 newview-parent-hero__img-col">
3837				<!-- image match: See-Life-Clearly (transparent hero) -->
3838				<img class="newview-parent-hero__img wp-image-14338" src="http://newviewlasereye.sv-builder.com/wp-content/uploads/sites/55/2026/07/Contact-lens.webp" width="960" height="960" fetchpriority="high" decoding="async" srcset="https://newviewlasereye.sv-builder.com/wp-content/uploads/sites/55/2026/07/Contact-lens.webp 960w, https://newviewlasereye.sv-builder.com/wp-content/uploads/sites/55/2026/07/Contact-lens-300x300.webp 300w, https://newviewlasereye.sv-builder.com/wp-content/uploads/sites/55/2026/07/Contact-lens-150x150.webp 150w, https://newviewlasereye.sv-builder.com/wp-content/uploads/sites/55/2026/07/Contact-lens-768x768.webp 768w" sizes="(max-width: 960px) 100vw, 960px">
3839			</div>
3840		</div>
3841	</div>
3842</section>
3843
3844<!-- 2 ─────────── WHAT TO EXPECT AT A CONTACT LENS EXAM ─────────── -->
3845<section class="newview-parent newview-parent-split py-5 py-lg-6">
3846	<div class="newview-container position-relative">
3847		<div class="row align-items-center g-4 g-lg-5">
3848			<div class="col-12 col-lg-6">
3849				<!-- image match: doctor-griffiths-with-patient (category: contacts) -->
3850				<img class="newview-parent-split__img" src="https://newviewlasereye.sv-builder.com/wp-content/uploads/sites/55/2026/07/doctor-griffiths-with-patient.webp" width="560" height="460" alt="NewView Eye Center eye doctor fitting a patient for contact lenses" loading="lazy" decoding="async">
3851			</div>
3852			<div class="col-12 col-lg-6">
3853				<div class="d-flex flex-column gap-3">
3854					<h2>What to Expect at a Contact Lens Exam</h2>
3855					<p>A contact lens exam is more involved than a routine eye exam, and knowing what to expect helps you get the most out of your visit. At NewView Eye Center, we guide patients through every step, from your first measurements to your trial lens fitting, so you leave with lenses that are safe, comfortable, and right for your eyes.</p>
3856					<p>Whether you are new to contact lenses or due for your yearly check, this page walks y
3856ou through exactly what happens and why it matters.</p>
3857					<div class="mt-2"><a href="/your-first-contact-lens-exam-what-to-expect/" class="newview-parent-btn nw_btn">Learn More</a></div>
3858				</div>
3859			</div>
3860		</div>
3861	</div>
3862</section>
3863
3864<!-- 3 ─────────── HOW A CONTACT LENS EXAM DIFFERS FROM A ROUTINE EYE EXAM ─────────── -->
3865<section class="newview-parent newview-parent-band py-5 py-lg-6">
3866	<div class="newview-container position-relative">
3867		<div class="row align-items-center justify-content-between g-3 mb-4 mb-lg-5">
3868			<div class="col-12 col-lg-8">
3869				<h2>How a Contact Lens Exam Differs From a Routine Eye Exam</h2>
3870			</div>
3871			<div class="col-12 col-lg-auto"><a href="/general-eye-exam/" class="newview-parent-btn nw_btn">Learn More</a></div>
3872		</div>
3873		<div class="row g-3 g-lg-4">
3874			<div class="col-12 col-md-6 col-lg-3">
3875				<div class="newview-parent-numcard">
3876					<p class="newview-parent-numcard__n">01</p>
3877					<h3 class="mb-2">Additional Measurements Are Taken</h3>
3878					<p>We measure the curvature of your cornea, the size of your eye opening, and the health of your tear film — details a glasses prescription never needs, but that decide how a lens sits and feels.</p>
3879				</div>
3880			</div>
3881			<div class="col-12 col-md-6 col-lg-3">
3882				<div class="newview-parent-numcard">
3883					<p class="newview-parent-numcard__n">02</p>
3884					<h3 class="mb-2">A Trial Lens Is Placed on Your Eye</h3>
3885					<p>Our eye doctors place a test lens on each eye and study it under a slit lamp microscope, checking how it centers, moves with each blink, and sits on your cornea.</p>
3886				</div>
3887			</div>
3888			<div class="col-12 col-md-6 col-lg-3">
3889				<div class="newview-parent-numcard">
3890					<p class="newview-parent-numcard__n">03</p>
3891					<h3 class="mb-2">Contact Lenses Are Medical Devices</h3>
3892					<p>The FDA classifies contacts as medical devices because they sit directly on the cornea. The exam is the required process for issuing a legal, valid contact lens prescription.</p>
3893				</div>
3894			</div>
3895			<div class="col-12 col-md-6 col-lg-3">
3896				<div class="newview-parent-numcard">
3897					<p class="newview-parent-numcard__n">04</p>
3898					<h3 class="mb-2">Eye Health Is Evaluated at the Same Visit</h3>
3899					<p>The exam still covers everything in a routine visit — examining the back of the eye, screening for glaucoma, and catching any subtle corneal changes from previous wear.</p>
3900				</div>
3901			</div>
3902		</div>
3903	</div>
3904</section>
3905
3906<!-- 4 ─────────── WHAT YOUR CONTACT LENS PRESCRIPTION CONTAINS ─────────── -->
3907<section class="newview-parent py-5 py-lg-6">
3908	<div class="newview-container position-relative">
3909		<div class="row align-items-start justify-content-between g-3 mb-4 mb-lg-5">
3910			<div class="col-12 col-lg-6">
3911				<h2>What Your Contact Lens<br>Prescription Contains</h2>
3912			</div>
3913			<div class="col-12 col-lg-5">
3914				<p>A contact lens prescription looks different from a glasses prescription and includes information specific to how a lens performs on your eye. Understanding each number helps you order the correct lenses.</p>
3915			</div>
3916		</div>
3917		<div class="row g-3 g-lg-4">
3918			<div class="col-12 col-md-6 col-lg-3">
3919				<div class="newview-parent-iconcard"><span class="newview-parent-iconbox"><svg class="newview-parent-ico" aria-hidden="true">
3920							<use href="#nv-ico"></use>
3921						</svg></span>
3922					<h3 class="mb-2">Power and Astigmatism Correction</h3>
3923					<p>A minus number corrects nearsightedness and a plus number corrects farsightedness. If you have astigmatism, the prescription also lists a cylinder value and an axis, confirmed on your actual eye.</p>
3924				</div>
3925			</div>
3926			<div class="col-12 col-md-6 col-lg-3">
3927				<div class="newview-parent-iconcard"><span class="newview-parent-iconbox"><svg class="newview-parent-ico" aria-hidden="true">
3928							<use href="#nv-ico"></use>
3929						</svg></span>
3930					<h3 class="mb-2">Base Curve and Diameter</h3>
3931					<p>The base curve (BC) describes the curve of the inside of the lens and the diameter (DIA) how wide it is. Both are matched to your cornea so the lens fits and moves correctly.</p>
3932				</div>
3933			</div>
3934			<div class="col-12 col-md-6 col-lg-3">
3935				<div class="newview-parent-iconcard"><span class="newview-parent-iconbox"><svg class="newview-parent-ico" aria-hidden="true">
3936							<use href="#nv-ico"></use>
3937						</svg></span>
3938					<h3 class="mb-2">Lens Brand and Material</h3>
3939					<p>Prescriptions specify a particular brand and material, not a generic type. Differences in water content, oxygen permeability, and edge design affect comfort, so switching brands requires a new fit check.</p>
3940				</div>
3941			</div>
3942			<div class="col-12 col-md-6 col-lg-3">
3943				<div class="newview-parent-iconcard"><span class="newview-parent-iconbox"><svg class="newview-parent-ico" aria-hidden="true">
3944							<use href="#nv-ico"></use>
3945						</svg></span>
3946					<h3 class="mb-2">Expiration Date and Replacement Schedule</h3>
3947					<p>Your prescription includes an expiration date, usually about a year out, and whether lenses are replaced daily, every two weeks, or monthly — timelines set by the lens material and your eye health.</p>
3948				</div>
3949			</div>
3950		</div>
3951	</div>
3952</section>
3953
3954<!-- 5 ─────────── WHAT HAPPENS DURING YOUR APPOINTMENT ─────────── -->
3955<section class="newview-parent py-5 py-lg-6">
3956	<div class="newview-container position-relative">
3957		<div class="row g-4 g-lg-5">
3958			<div class="col-12 col-lg-5">
3959				<div class="d-flex flex-column gap-3">
3960					<h2>What Happens During Your Appointment</h2>
3961					<p>A contact lens exam follows a clear sequence from start to finish. Each step builds on the last, and our team takes time to explain what we are doing and why.</p>
3962					<div class="mt-2"><a href="/your-first-contact-lens-exam-what-to-expect/" class="newview-parent-btn nw_btn">Learn More</a></div>
3963				</div>
3964			</div>
3965			<div class="col-12 col-lg-7">
3966				<div class="d-flex flex-column gap-3">
3967					<div class="newview-parent-step"><span class="newview-parent-step__n">01</span>
3968						<div>
3969							<h3 class="mb-1">Your Health History and Wearing Habits</h3>
3970							<p>We begin with your eye health, allergies, medications, and how you use your lenses. Bring your current lens boxes, or think about the activities you want your contacts to support.</p>
3971						</div>
3972					</div>
3973					<div class="newview-parent-step"><span class="newview-parent-step__n">02</span>
3974						<div>
3975							<h3 class="mb-1">Vision Measurement and Eye Health Checks</h3>
3976							<p>Our eye doctors measure your prescription with a refractor. In many cases, dilating drops give a clear view of the retina and natural lens, so bring sunglasses — dilation can blur close-up vision for a few hours.</p>
3977						</div>
3978					</div>
3979					<div class="newview-parent-step"><span class="newview-parent-step__n">03</span>
3980						<div>
3981							<h3 class="mb-1">Corneal Measurements and Tear Film Evaluation</h3>
3982							<p>A topographer or keratometer maps the precise curvature of your cornea. We also evaluate your tear film using fluorescein dye under a blue light, which guides the lens material we recommend for all-day comfort.</p>
3983						</div>
3984					</div>
3985					<div class="newview-parent-step"><span class="newview-parent-step__n">04</span>
3986						<div>
3987							<h3 class="mb-1">Trial Lens Placement and Fit Review</h3>
3988							<p>A trial pair is placed on your eyes and allowed to settle, then checked under the slit lamp to confirm the fit. If adjustment is needed, a different base curve, diameter, or brand is tried the same day.</p>
3989						</div>
3990					</div>
3991					<div class="newview-parent-step"><span class="newview-parent-step__n">05</span>
3992						<div>
3993							<h3 class="mb-1">Handling and Care Training for New Wearers</h3>
3994							<p>First-time wearers practice inserting and removing the lenses before leaving, with guid
3994ance from our team. You will also receive specific instructions for your solution, case hygiene, and wearing schedule.</p>
3995						</div>
3996					</div>
3997				</div>
3998			</div>
3999		</div>
4000	</div>
4001</section>
4002
4003<!-- 6 ─────────── FOLLOW-UP VISITS & WARNING SIGNS ─────────── -->
4004<section class="newview-parent py-5 py-lg-6">
4005	<div class="newview-container">
4006		<div class="row g-4 g-lg-5">
4007			<div class="col-12 col-lg-5">
4008				<div class="d-flex flex-column gap-3">
4009					<h2>Follow-Up Visits &amp; Warning Signs</h2>
4010					<p>Ongoing care is part of responsible contact lens wear. Regular follow-up visits keep your prescription current and catch small issues early — but some situations should not wait.</p>
4011					<div class="mt-2"><a href="/contact-lens-care/" class="newview-parent-btn nw_btn">Learn More</a></div>
4012				</div>
4013			</div>
4014			<div class="col-12 col-lg-7 newview-parent-acc">
4015				<div class="accordion" id="newviewCleAcc">
4016					<div class="accordion-item">
4017						<h3 class="accordion-header"><button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#cleAcc1" aria-expanded="true" aria-controls="cleAcc1">The yearly visit schedule</button></h3>
4018						<div id="cleAcc1" class="accordion-collapse collapse show" data-bs-parent="#newviewCleAcc">
4019							<div class="accordion-body">
4020								<p>Most wearers benefit from an exam about once a year. This visit updates your prescription, reviews the fit of your current lenses, and lets our eye doctors look for any early corneal changes caused by wear.</p>
4021							</div>
4022						</div>
4023					</div>
4024					<div class="accordion-item">
4025						<h3 class="accordion-header"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#cleAcc2" aria-expanded="false" aria-controls="cleAcc2">Your first follow-up as a new wearer</button></h3>
4026						<div id="cleAcc2" class="accordion-collapse collapse" data-bs-parent="#newviewCleAcc">
4027							<div class="accordion-body">
4028								<p>New wearers are typically seen one to two weeks after the initial exam. By then you have worn the lenses through normal activities, giving a clearer picture of the fit. Small adjustments at this visit are expected, not a sign anything went wrong.</p>
4029							</div>
4030						</div>
4031					</div>
4032					<div class="accordion-item">
4033						<h3 class="accordion-header"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#cleAcc3" aria-expanded="false" aria-controls="cleAcc3">Symptoms that should not wait</button></h3>
4034						<div id="cleAcc3" class="accordion-collapse collapse" data-bs-parent="#newviewCleAcc">
4035							<div class="accordion-body">
4036								<p>Contact us promptly for worsening vision while wearing your contacts, increasing redness, new or growing eye pain, unusual light sensitivity, discharge, or a shorter comfortable wear time. Any of these warrants a call within a day or two.</p>
4037							</div>
4038						</div>
4039					</div>
4040					<div class="accordion-item">
4041						<h3 class="accordion-header"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#cleAcc4" aria-expanded="false" aria-controls="cleAcc4">Silent changes from long-term wear</button></h3>
4042						<div id="cleAcc4" class="accordion-collapse collapse" data-bs-parent="#newviewCleAcc">
4043							<div class="accordion-body">
4044								<p>Some contact-related changes develop slowly with no pain or noticeable symptoms — new blood vessels growing into the cornea, or the cornea retaining fluid. These are visible under our microscope well before you would feel them, which is why yearly exams matter.</p>
4045							</div>
4046						</div>
4047					</div>
4048				</div>
4049			</div>
4050		</div>
4051	</div>
4052</section>
4053
4054<!-- 7 ─────────── FREQUENTLY ASKED QUESTIONS ─────────── -->
4055<section class="newview-parent newview-parent-faq py-5 py-lg-6">
4056	<div class="newview-container position-relative">
4057		<div class="row align-items-center justify-content-between g-3 mb-4">
4058			<div class="col-12 col-lg-8">
4059				<h2>Frequently asked questions</h2>
4060				<p class="mt-2">
4060Details that often come up before or after a contact lens exam, and what to do in specific situations.</p>
4061			</div>
4062		</div>
4063		<div class="row g-lg-4 newview-parent-acc">
4064			<!-- Left column -->
4065			<div class="col-12 col-lg-6">
4066				<div class="accordion" id="newviewCleFaqL">
4067					<div class="accordion-item">
4068						<h3 class="accordion-header"><button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#cleFaq1" aria-expanded="true" aria-controls="cleFaq1">Should I wear my contacts to the appointment?</button></h3>
4069						<div id="cleFaq1" class="accordion-collapse collapse show" data-bs-parent="#newviewCleFaqL">
4070							<div class="accordion-body">
4071								<p>If you already wear contacts, wearing them for at least an hour before your visit is usually helpful, since it lets us see how they sit and move on your eye, unless our team asked you to arrive without them. If we specifically requested you remove them, follow that guidance.</p>
4072							</div>
4073						</div>
4074					</div>
4075					<div class="accordion-item">
4076						<h3 class="accordion-header"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#cleFaq2" aria-expanded="false" aria-controls="cleFaq2">Will I be able to drive home after the exam?</button></h3>
4077						<div id="cleFaq2" class="accordion-collapse collapse" data-bs-parent="#newviewCleFaqL">
4078							<div class="accordion-body">
4079								<p>It depends on whether dilating drops are used. If they are, your close-up vision may be blurry and your eyes more light-sensitive for a few hours, which can make driving less comfortable. Ask when you schedule, and bring sunglasses just in case.</p>
4080							</div>
4081						</div>
4082					</div>
4083					<div class="accordion-item">
4084						<h3 class="accordion-header"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#cleFaq3" aria-expanded="false" aria-controls="cleFaq3">Can I be fitted for specialty lenses if I have a strong prescription or astigmatism?</button></h3>
4085						<div id="cleFaq3" class="accordion-collapse collapse" data-bs-parent="#newviewCleFaqL">
4086							<div class="accordion-body">
4087								<p>Often, yes. Toric lenses correct astigmatism and multifocal lenses can reduce dependence on reading glasses. Our eye doctors will discuss which options suit your prescription and lifestyle, including any that need extra fitting visits to dial in the right parameters.</p>
4088							</div>
4089						</div>
4090					</div>
4091				</div>
4092			</div>
4093			<!-- Right column -->
4094			<div class="col-12 col-lg-6">
4095				<div class="accordion" id="newviewCleFaqR">
4096					<div class="accordion-item">
4097						<h3 class="accordion-header"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#cleFaq4" aria-expanded="false" aria-controls="cleFaq4">What if my exam shows that my current lenses are not the right fit?</button></h3>
4098						<div id="cleFaq4" class="accordion-collapse collapse" data-bs-parent="#newviewCleFaqR">
4099							<div class="accordion-body">
4100								<p>That is not unusual, especially if your prescription changed, your eyes became drier, or a new activity affects your wear time. We will walk through the alternatives — a different material, brand, or replacement schedule — and send you home with a new trial supply and a clear plan.</p>
4101							</div>
4102						</div>
4103					</div>
4104					<div class="accordion-item">
4105						<h3 class="accordion-header"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#cleFaq5" aria-expanded="false" aria-controls="cleFaq5">Will vision insurance cover my contact lens exam?</button></h3>
4106						<div id="cleFaq5" class="accordion-collapse collapse" data-bs-parent="#newviewCleFaqR">
4107							<div class="accordion-body">
4108								<p>Many vision plans include a yearly contact lens exam benefit, though the details vary by plan. Most plans separate the standard eye exam from the contact lens fitting fee. We accept most major insurances, participate in the VSP network, and can verify your coverage when you call.</p>
4109							</div>
4110						</div>
4111					</div>
4112					<div class="accordion-item">
4113						<h3 class="accordion-header"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#cleFaq6" aria-expanded="false" aria-controls="cleFaq6">What if I have not been to an eye exam in several years?</button></h3>
4114						<div id="cleFaq6" class="accordion-collapse collapse" data-bs-parent="#newviewCleFaqR">
4115							<div class="accordion-body">
4116								<p>A gap in care is no reason to delay. Your prescription may have changed and your corneas may have quiet changes from continuous wear. We will update your prescription, review the fit, and get you back on a safe wearing schedule — no judgment about the time that has passed.</p>
4117							</div>
4118						</div>
4119					</div>
4120				</div>
4121			</div>
4122		</div>
4123	</div>
4124</section>
4125
4126<!-- 8 ─────────── CTA BAND (global — closing call to action) ─────────── -->
4127
4128<style>
4129
4130
4131.newview-schedule {
4132  position: relative;
4133  isolation: isolate;
4134  background-color: #ffffff;
4135  padding: clamp(56px, 6vw + 24px, 104px) 0;
4136  font-family: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
4137  z-index: 999
4138}
4139
4140.newview-schedule__decoration {
4141  position: absolute;
4142  inset: 0;
4143  z-index: 0;
4144  pointer-events: none;
4145  overflow: hidden;
4146}
4147.newview-schedule__decoration::before,
4148.newview-schedule__decoration::after {
4149  content: "";
4150  position: absolute;
4151  border-radius: 50%;
4152}
4153/* soft blue glow, right-center (matches Figma) */
4154.newview-schedule__decoration::before {
4155  width: clamp(320px, 40vw, 620px);
4156  height: clamp(320px, 40vw, 620px);
4157  top: 50%;
4158  right: -8%;
4159  transform: translateY(-50%);
4160  background: radial-gradient(circle at center, rgba(88, 140, 235, 0.16), rgba(88, 140, 235, 0) 70%);
4161}
4162/* faint blue glow, top-left */
4163.newview-schedule__decoration::after {
4164  width: clamp(240px, 30vw, 420px);
4165  height: clamp(240px, 30vw, 420px);
4166  top: -18%;
4167  left: -8%;
4168  background: radial-gradient(circle at center, rgba(88, 140, 235, 0.10), rgba(88, 140, 235, 0) 70%);
4169}
4170
4171.newview-schedule__inner {
4172  position: relative;
4173  z-index: 1;
4174  display: flex;
4175  flex-direction: column;
4176  align-items: center;
4177  text-align: center;
4178  gap: clamp(28px, 3vw, 46px);
4179}
4180
4181.newview-mid-cta__heading {
4182  font-family: "Castoro", Georgia, "Times New Roman", serif;
4183  font-weight: 400;
4184  font-style: normal;
4185  font-size: clamp(34px, 6vw, 55px);
4186  line-height: 1.05; /* 73/70 */
4187  letter-spacing: 0;
4188  margin: 0;
4189  color: var(--newview-body, #2D2D2D);
4190}
4191
4192.newview-schedule__cta-group {
4193  display: flex;
4194  flex-wrap: wrap;
4195  justify-content: center;
4196  align-items: center;
4197  gap: 12px;
4198}
4199
4200/* Outline "Book an Appointment" button */
4201.newview-schedule__btn {
4202  display: inline-flex;
4203  align-items: center;
4204  justify-content: center;
4205  gap: 12px;
4206  width: 310px;
4207  height: 68px;
4208  max-width: 100%;
4209  padding: 0 5px;
4210  border-radius: 20px;
4211  border: 1px solid transparent;
4212  font-family: "Outfit", system-ui, sans-serif;
4213  font-weight: 600;
4214  font-size: 18px;
4215  line-height: 1.2;
4216  letter-spacing: 0;
4217  text-decoration: none;
4218  text-align: center;
4219  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
4220  cursor: pointer;
4221}
4222.newview-schedule__btn--outline {
4223  background-color: #ffffff;
4224  color: var(--newview-body, #2D2D2D);
4225  border-color: var(--bs-primary, #588CEB);
4226}
4227.newview-schedule__btn--outline:hover,
4228.newview-schedule__btn--outline:focus-visible {
4229  background-color: var(--bs-primary, #588CEB);
4230  color: #ffffff;
4231  border-color: var(--bs-primary, #588CEB);
4232  transform: translateY(-1px);
4233  box-shadow: 0 8px 20px rgba(88, 140, 235, 0.18);
4234}
4235.newview-schedule__btn--outline:focus-visible {
4236  outline: 2px solid var(--bs-primary, #588CEB);
4237  outline-offset: 3px;
4238}
4239
4240
4241.newview-schedule .newview-schedule-phone,
4242.newview-schedule .newview-schedule-phone .newview-phone__dropdown {
4243  display: inline-block;
4244}
4245.newview-schedule .newview-schedule-phone .newview-phone__btn {
4246  width: 310px;
4247  max-width: 100%;
4248  height: 68px;
4249  padding: 0 5px;
4250}
4251
4252@media (max-width: 575.98px) {
4253  .newview-schedule__cta-group {
4254    flex-direction: column;
4255    align-items: stretch;
4256    width: 100%;
4257    max-width: 340px;
4258  }
4259  .newview-schedule__btn {
4260    width: 100%;
4261  }
4262  .newview-schedule .newview-schedule-phone,
4263  .newview-schedule .newview-schedule-phone .newview-phone__dropdown,
4264  .newview-schedule .newview-schedule-phone .newview-phone__btn {
4265    width: 100%;
4266  }
4267}
4268</style>
4269
4270<section class="newview-schedule bg-primary-50" id="mid-page-cta" aria-labelledby="newview-schedule-heading">
4271
4272	<!-- Decorative soft blue glows behind content, z-index: 0 -->
4273	<div class="newview-schedule__decoration" aria-hidden="true"></div>
4274
4275	<div class="newview-container">
4276		<div class="newview-schedule__inner">
4277
4278			<h2 id="mid-cta-heading" class="newview-mid-cta__heading text-capitalize">
4279				Ready to see Clearly Again?
4280			</h2>
4281
4282			<div class="newview-schedule__cta-group">
4283
4284				<!-- Dynamic phone CTA: reads phone numbers from the location CPT
4285             (dropdown when the practice has multiple locations). -->
4286				            <style>
4287            .newview-phone { display: inline-block;
4287 font-family: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
4288
4289            /* ── Call button (single + multi trigger share this base) ── */
4290            .newview-phone .newview-phone__btn {
4291                position: relative;
4292                display: inline-flex;
4293                align-items: center;
4294                justify-content: center;
4295                gap: 10px;
4296                padding: 14px 26px;
4297                border-radius: 20px;
4298                border: 1px solid #588CEB;
4299                background-color: #588CEB;
4300                color: #ffffff;
4301                font-size: 18px;
4302                font-weight: 600;
4303                line-height: 1.2;
4304                letter-spacing: 0.01em;
4305                text-decoration: none;
4306                cursor: pointer;
4307                transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
4308            }
4309            .newview-phone .newview-phone__btn:hover,
4310            .newview-phone .newview-phone__btn:focus-visible {
4311                background-color: #234D9C;
4312                border-color: #234D9C;
4313                color: #ffffff;
4314                transform: translateY(-1px);
4315                box-shadow: 0 8px 20px rgba(35, 77, 156, 0.20);
4316                outline: none;
4317            }
4318            .newview-phone .newview-phone__btn:focus-visible {
4319                outline: 2px solid #234D9C;
4320                outline-offset: 3px;
4321            }
4322            .newview-phone .newview-phone__icon { flex-shrink: 0; }
4323            .newview-phone .newview-phone__chevron {
4324                flex-shrink: 0;
4325                transition: transform 0.3s ease;
4326            }
4327            /* Bootstrap toggles .show on the .dropdown when open */
4328            .newview-phone .dropdown.show .newview-phone__chevron { transform: rotate(90deg); }
4329
4330            /* Bootstrap's dropdown-toggle adds a caret ::after — hide it (we use our own chevron) */
4331            .newview-phone .newview-phone__btn.dropdown-toggle::after { display: none; }
4332
4333            /* ── Dropdown menu — VISUAL SKIN ONLY. Popper owns position/transform via
4334               inline styles (incl. the auto-flip up on the floating bar), so no
4335               top/left/transform here or it would fight Popper. ── */
4336            .newview-phone .dropdown-menu.newview-phone__menu {
4337                min-width: 18rem;
4338                margin: 0;
4339                padding: 10px;
4340                list-style: none;
4341                background: #ffffff;
4342                border: 1px solid #DAE7FF;
4343                border-radius: 16px;
4344                box-shadow: 0 18px 48px rgba(35, 77, 156, 0.18), 0 4px 12px rgba(0, 0, 0, 0.06);
4345                z-index: 1000;
4346            }
4347            /* Entrance animation on Bootstrap's .show (transform-free so Popper's
4348               positioning transform is never overwritten). */
4349            .newview-phone .dropdown-menu.newview-phone__menu.show {
4350                animation: newviewPhoneDropIn 0.2s ease forwards;
4351            }
4352            @keyframes newviewPhoneDropIn {
4353                from { opacity: 0; }
4354                to   { opacity: 1; }
4355            }
4356
4357            /* ── Location items ── */
4358            .newview-phone .newview-phone__item {
4359                display: flex;
4360                align-items: center;
4361                justify-content: space-between;
4362                gap: 12px;
4363                padding: 11px 14px;
4364                border-radius: 12px;
4365                color: #234D9C;
4366                text-decoration: none;
4367                background: transparent;
4368                border: 1.5px solid transparent;
4369                transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease;
4370            }
4371            .newview-phone .newview-phone__item:hover,
4372            .newview-phone .newview-phone__item:focus-visible {
4373                background: #588CEB;
4374                color: #ffffff;
4375                transform: translateX(3px);
4376                outline: none;
4377            }
4378            .newview-phone .newview-phone__item:hover .newview-phone__item-icon,
4379            .newview-phone .newview-phone__item:focus-visible .newview-phone__item-icon {
4380                color: rgba(255, 255, 255, 0.85);
4381            }
4382            .newview-phone .newview-phone__item-text {
4383                display: flex;
4384                flex-direction: column;
4385                gap: 2px;
4386                flex: 1;
4387                text-align: left;
4388            }
4389            .newview-phone .newview-phone__item-city {
4390                font-size: 0.75rem;
4391                font-weight: 500;
4392                text-transform: uppercase;
4393                letter-spacing: 0.06em;
4394                opacity: 0.7;
4395                line-height: 1;
4396            }
4397            .newview-phone .newview-phone__item-phone {
4398                font-size: 1rem;
4399                font-weight: 700;
4400                letter-spacing: 0.02em;
4401                line-height: 1.2;
4402            }
4403            .newview-phone .newview-phone__item-icon {
4404                color: #588CEB;
4405                opacity: 0.55;
4406                flex-shrink: 0;
4407                transition: color 0.18s ease, opacity 0.18s ease;
4408            }
4409            .newview-phone .newview-phone__item + .newview-phone__item {
4410                border-top: 1px solid rgba(35, 77, 156, 0.08);
4411                margin-top: 6px;
4412                padding-top: 14px;
4413            }
4414
4415            @media (max-width: 575.98px) {
4416                .newview-phone,
4417                .newview-phone .dropdown,
4418                .newview-phone .newview-phone__btn { width: 100%; }
4419                .newview-phone .dropdown-menu.newview-phone__menu { min-width: 100%; width: 100%; }
4420            }
4421            </style>
4422                    <div class="newview-phone newview-schedule-phone">
4423                <div class="dropdown newview-phone__dropdown">
4424                    <button type="button"
4425                            class="newview-phone__btn newview-phone__btn--toggle nw_btn dropdown-toggle"
4426                            data-bs-toggle="dropdown"
4427                            data-bs-auto-close="true"
4428                            aria-expanded="false">
4429                        <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" fill="currentColor" class="newview-phone__icon" viewBox="0 0 16 16" aria-hidden="true"><path d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"/></svg>                        <span>2 Locations – Call Now!</span>
4430                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="newview-phone__chevron" viewBox="0 0 16 16" aria-hidden="true"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/></svg>                    </button>
4431
4432                    <ul class="dropdown-menu newview-phone__menu" role="menu">
4433                                                    <li role="none">
4434                                <a class="newview-phone__item"
4435                                   href="tel:+17037771244"
4436                                   role="menuitem">
4437                                    <span class="newview-phone__item-text">
4438                                                                                    <span class="newview-phone__item-city">Leesburg</span>
4439                                                                                <span class="newview-phone__item-phone">(703) 777-1244</span>
4440                                    </span>
4441                                    <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" class="newview-phone__item-icon" viewBox="0 0 16 16" aria-hidden="true"><path d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"/></svg>                                </a>
4442                            </li>
4443                                                    <li role="none">
4444                                <a class="newview-phone__item"
4445                                   href="tel:+17038349777"
4446                                   role="menuitem">
4447                                    <span class="newview-phone__item-text">
4448                                                                                    <span class="newview-phone__item-city">Reston</span>
4449                                                                                <span class="newview-phone__item-phone">(703) 834-9777</span>
4450                                    </span>
4451                                    <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" class="newview-phone__item-icon" viewBox="0 0 16 16" aria-hidden="true"><path d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"/></svg>                                </a>
4452                            </li>
4453                                            </ul>
4454                </div>
4455            </div>
4456            
4457
4458				<!-- TODO: confirm booking URL with practice (placeholder: /book-appointment/). -->
4459				<a class="newview-schedule__btn newview-schedule__btn--outline nw_btn" href="/schedule-appointment/" aria-label="Book an appointment online">
4460					<span>Book an Appointment</span>
4461				</a>
4462			</div>
4463
4464		</div>
4465	</div>
4466</section>
4467
4468
4469<!-- 9 ─────────── HEAR FROM THEIR EXPERIENCE (global) ─────────── -->
4470
4471<!-- ============================================================
4472     PARTIAL: newview_patients — "What our Patients Say"
4473     (Save as a LiveCanvas partial; call with
4474      <div><code><h2>Error in <i>lc_get_partial</i> shortcode </h2> <p>Could not retrieve any <b>
4474lc_partial </b> post with slug <b> newview_patients </b></p> </code></div>)
4475
4476     Centered Castoro heading + 3 white cards. Each card = a patient
4477     video thumbnail (poster + white-circle/navy play button) that
4478     opens a shared popup <dialog> modal on click, above a centered
4479     quote, a divider, and the patient name.
4480
4481     TOKENS CONSUMED (from tokens.css / the body-scoped :root block):
4482       --newview-white, --newview-tint, --newview-blue,
4483       --newview-text-body, --font-heading, --font-body,
4484       --newview-content-max, --newview-side-pad
4485     All are declared with fallbacks below, so the partial degrades
4486     gracefully on any page where tokens.css hasn't loaded.
4487     ============================================================ -->
4488<section class="newview-patients" id="newview-patients" aria-labelledby="newview-patients-heading">
4489	<!-- Soft-blue ellipse glows (Figma "Ellipse 8": bottom-left + top-right)
4490       are painted as CSS radial gradients on the section root (see below). -->
4491
4492	<div class="newview-container newview-patients__inner">
4493		<h2 id="newview-patients-heading" class="newview-patients__heading">Hear From Their Experience</h2>
4494
4495		<div class="row newview-patients__row g-4 justify-content-center">
4496
4497			<!-- Card 1 -->
4498			<div class="col-12 col-md-6 col-lg-4 d-flex">
4499				<article class="newview-patients__card">
4500					<button type="button" class="newview-patients__thumb" data-video-src="https://www.youtube.com/watch?v=lppOhiFTrzY" data-video-title="Patricia Shank — NewView Eye Center cataract and YAG patient testimonial" aria-haspopup="dialog" aria-label="Play patient testimonial video: Patricia Shank">
4501						<!-- alt="" is intentional: the button's aria-label already names the
4502                 video, so a described poster would double-announce. -->
4503						<img class="newview-patients__poster wp-image-13323" src="http://newviewlasereye.sv-builder.com/wp-content/uploads/sites/55/2026/07/patient-3.webp" alt="" width="960" height="810" loading="lazy" srcset="https://newviewlasereye.sv-builder.com/wp-content/uploads/sites/55/2026/07/patient-3.webp 960w, https://newviewlasereye.sv-builder.com/wp-content/uploads/sites/55/2026/07/patient-3-300x253.webp 300w, https://newviewlasereye.sv-builder.com/wp-content/uploads/sites/55/2026/07/patient-3-768x648.webp 768w" sizes="(max-width: 960px) 100vw, 960px">
4504						<span class="newview-patients__play" aria-hidden="true">
4505							<svg viewBox="0 0 62.0784 62.0784" width="62" height="62" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
4506								<rect width="62.0784" height="62.0784" rx="31.0392" fill="#FFFFFF"></rect>
4507								<path d="M21.9585 11.2243C21.7616 11.0799 21.5373 11.0025 21.3083 11.0001C21.0794 10.9976 20.8541 11.0701 20.6551 11.2102C20.4562 11.3503 20.2908 11.553 20.1757 11.7978C20.0607 12.0426 20 12.3206 20 12.6037V49.7473C20 50.0304 20.0607 50.3084 20.1757 50.5532C20.2908 50.7979 20.4562 51.0007 20.6551 51.1408C20.8541 51.2809 21.0794 51.3534 21.3083 51.3509C21.5373 51.3484 21.7616 51.2711 21.9585 51.1267L47.3001 32.5549C47.4937 32.4129 47.654 32.2111 47.7654 31.9692C47.8767 31.7273 47.9353 31.4538 47.9353 31.1755C47.9353 30.8972 47.8767 30.6236 47.7654 30.3818C47.654 30.1399 47.4937 29.9381 47.3001 29.796L21.9585 11.2243Z" fill="#234D9C"></path>
4508							</svg>
4509						</span>
4510					</button>
4511					<div class="newview-patients__body">
4512						<p class="newview-patients__quote">“I feel like I'm seeing in HD, and I'm so grateful.”</p>
4513						<hr class="newview-patients__divider">
4514						<p class="newview-patients__name">Patricia Shank</p>
4515					</div>
4516				</article>
4517			</div>
4518
4519			<!-- Card 2 -->
4520			<div class="col-12 col-md-6 col-lg-4 d-flex">
4521				<article class="newview-patients__card">
4522					<button type="button" class="newview-patients__thumb" data-video-src="https://www.youtube.com/watch?v=mHmzdJoiZVg" data-video-title="Dr. Renee Yingling — NewView Eye Center LASIK patient testimonial" aria-haspopup="dialog" aria-label="Play patient testimonial video: Dr. Renee Yingling">
4523						<img class="newview-patients__poster wp-image-13322" src="http://newviewlasereye.sv-builder.com/wp-content/uploads/sites/55/2026/07/patient-1.webp" alt="" width="960" height="810" loading="lazy" srcset="https://newviewlasereye.sv-builder.com/wp-content/uploads/sites/55/2026/07/patient-1.webp 960w, https://newviewlasereye.sv-builder.com/wp-content/uploads/sites/55/2026/07/patient-1-300x253.webp 300w, https://newviewlasereye.sv-builder.com/wp-content/uploads/sites/55/2026/07/patient-1-768x648.webp 768w" sizes="(max-width: 960px) 100vw, 960px">
4524						<span class="newview-patients__play" aria-hidden="true">
4525							<svg viewBox="0 0 62.0784 62.0784" width="62" height="62" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
4526								<rect width="62.0784" height="62.0784" rx="31.0392" fill="#FFFFFF"></rect>
4527								<path d="M21.9585 11.2243C21.7616 11.0799 21.5373 11.0025 21.3083 11.0001C21.0794 10.9976 20.8541 11.0701 20.6551 11.2102C20.4562 11.3503 20.2908 11.553 20.1757 11.7978C20.0607 12.0426 20 12.3206 20 12.6037V49.7473C20 50.0304 20.0607 50.3084 20.1757 50.5532C20.2908 50.7979 20.4562 51.0007 20.6551 51.1408C20.8541 51.2809 21.0794 51.3534 21.3083 51.3509C21.5373 51.3484 21.7616 51.2711 21.9585 51.1267L47.3001 32.5549C47.4937 32.4129 47.654 32.2111 47.7654 31.9692C47.8767 31.7273 47.9353 31.4538 47.9353 31.1755C47.9353 30.8972 47.8767 30.6236 47.7654 30.3818C47.654 30.1399 47.4937 29.9381 47.3001 29.796L21.9585 11.2243Z" fill="#234D9C"></path>
4528							</svg>
4529						</span>
4530					</button>
4531					<div class="newview-patients__body">
4532						<p class="newview-patients__quote">“I still have 20/20 vision, and this was like a miracle to me in my life.”</p>
4533						<hr class="newview-patients__divider">
4534						<p class="newview-patients__name">Dr. Renee Yingling</p>
4535					</div>
4536				</article>
4537			</div>
4538
4539			<!-- Card 3 -->
4540			<div class="col-12 col-md-6 col-lg-4 d-flex">
4541				<article class="newview-patients__card">
4542					<button type="button" class="newview-patients__thumb" data-video-src="https://www.youtube.com/watch?v=olxzTJasSIc" data-video-title="Carol — NewView Eye Center monovision LASIK and cataract patient testimonial" aria-haspopup="dialog" aria-label="Play patient testimonial video: Carol">
4543						<img class="newview-patients__poster wp-image-13321" src="http://newviewlasereye.sv-builder.com/wp-content/uploads/sites/55/2026/07/patient-2.webp" alt="" width="960" height="810" loading="lazy" srcset="https://newviewlasereye.sv-builder.com/wp-content/uploads/sites/55/2026/07/patient-2.webp 960w, https://newviewlasereye.sv-builder.com/wp-content/uploads/sites/55/2026/07/patient-2-300x253.webp 300w, https://newviewlasereye.sv-builder.com/wp-content/uploads/sites/55/2026/07/patient-2-768x648.webp 768w" sizes="(max-width: 960px) 100v
4543w, 960px">
4544						<span class="newview-patients__play" aria-hidden="true">
4545							<svg viewBox="0 0 62.0784 62.0784" width="62" height="62" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
4546								<rect width="62.0784" height="62.0784" rx="31.0392" fill="#FFFFFF"></rect>
4547								<path d="M21.9585 11.2243C21.7616 11.0799 21.5373 11.0025 21.3083 11.0001C21.0794 10.9976 20.8541 11.0701 20.6551 11.2102C20.4562 11.3503 20.2908 11.553 20.1757 11.7978C20.0607 12.0426 20 12.3206 20 12.6037V49.7473C20 50.0304 20.0607 50.3084 20.1757 50.5532C20.2908 50.7979 20.4562 51.0007 20.6551 51.1408C20.8541 51.2809 21.0794 51.3534 21.3083 51.3509C21.5373 51.3484 21.7616 51.2711 21.9585 51.1267L47.3001 32.5549C47.4937 32.4129 47.654 32.2111 47.7654 31.9692C47.8767 31.7273 47.9353 31.4538 47.9353 31.1755C47.9353 30.8972 47.8767 30.6236 47.7654 30.3818C47.654 30.1399 47.4937 29.9381 47.3001 29.796L21.9585 11.2243Z" fill="#234D9C"></path>
4548							</svg>
4549						</span>
4550					</button>
4551					<div class="newview-patients__body">
4552						<p class="newview-patients__quote">“They were able to keep the monovision, and I am absolutely thrilled.”</p>
4553						<hr class="newview-patients__divider">
4554						<p class="newview-patients__name">Carol</p>
4555					</div>
4556				</article>
4557			</div>
4558
4559		</div>
4560	</div>
4561
4562	<!-- Shared popup modal for all patient testimonial videos -->
4563	<dialog class="newview-patients-modal" aria-label="Patient testimonial video player">
4564		<div class="newview-patients-modal__inner">
4565			<button type="button" class="newview-patients-modal__close" aria-label="Close video">
4566				<svg viewBox="0 0 24 24" width="22" height="22" focusable="false" aria-hidden="true">
4567					<path d="M6 6l12 12M18 6L6 18" stroke="#FFFFFF" stroke-width="2.2" stroke-linecap="round"></path>
4568				</svg>
4569			</button>
4570			<div class="newview-patients-modal__frame">
4571				<!-- iframe src is injected on open, cleared on close to stop playback -->
4572			</div>
4573		</div>
4574	</dialog>
4575</section>
4576
4577<style>
4578  /* ------------------------------------------------------------
4579     Section root — white field with two soft-blue radial glows
4580     (Figma "Ellipse 8": bottom-left + top-right). isolation scopes
4581     the decoration z-indexes; overflow clips the off-canvas glows.
4582     ------------------------------------------------------------ */
4583  .newview-patients {
4584    position: relative;
4585    isolation: isolate;
4586    overflow: hidden;
4587    padding-top: clamp(56px, 7.5vw, 108px);
4588    padding-bottom: clamp(56px, 7.5vw, 108px);
4589    background:
4590      radial-gradient(38% 34% at 100% 4%, rgba(88, 140, 235, 0.16) 0%, rgba(88, 140, 235, 0) 62%),
4591      radial-gradient(34% 30% at 0% 96%, rgba(88, 140, 235, 0.14) 0%, rgba(88, 140, 235, 0) 62%),
4592      var(--newview-white, #FFFFFF);
4593  }
4594
4595  /* Self-contained container — added for partial use, so the block still
4596     lays out correctly if it lands on a page where tokens.css and its
4597     .newview-container rule haven't loaded. Same pattern as the
4598     Our Mission section. Safe to delete if tokens.css is guaranteed. */
4599  .newview-patients > .newview-container {
4600    width: 100%;
4601    max-width: var(--newview-content-max, 1320px);
4602    margin-inline: auto;
4603    padding-inline: var(--newview-side-pad, clamp(16px, 2vw, 32px));
4604  }
4605
4606  .newview-patients__inner {
4607    position: relative;
4608    z-index: 1;
4609    display: flex;
4610    flex-direction: column;
4611    align-items: center;
4612    gap: clamp(32px, 4vw, 60px);
4613  }
4614
4615  /* Heading — Castoro 70px upper bound, centered. */
4616  .newview-patients__heading {
4617    margin: 0;
4618    font-family: var(--font-heading, "Castoro", Georgia, "Times New Roman", serif);
4619    font-weight: 400;
4620    font-style: normal;
4621  	font-size: clamp(34px, 6vw, 60px);
4622    line-height: 1.05;
4623    letter-spacing: 0;
4624    color: var(--newview-text-body, #2D2D2D);
4625    text-align: center;
4626  }
4627
4628  .newview-patients__row {
4629    --bs-gutter-x: 31px;
4630    --bs-gutter-y: 31px;
4631    width: 100%;
4632    max-width: 1288px;
4633  }
4634
4635  /* ------------------------------------------------------------
4636     Card — white, rounded 20px, soft drop shadow. Caps at the
4637     Figma 395px width and centers within its column.
4638     ------------------------------------------------------------ */
4639  .newview-patients__card {
4640    display: flex;
4641    flex-direction: column;
4642    gap: clamp(20px, 2vw, 29px);
4643    width: 100%;
4644    max-width: 395px;
4645    margin-inline: auto;
4646    padding: clamp(16px, 1.4vw, 20px);
4647    background: var(--newview-white, #FFFFFF);
4648    border-radius: 20px;
4649    box-shadow: 0 4px 2px rgba(0, 0, 0, 0.14), 0 10px 24px -14px rgba(35, 77, 156, 0.35);
4650  }
4651
4652  /* Video thumbnail button — poster + centered play glyph. */
4653  .newview-patients__thumb {
4654    position: relative;
4655    display: block;
4656    width: 100%;
4657    aspect-ratio: 355 / 394;
4658    padding: 0;
4659    border: 0;
4660    border-radius: 10px;
4661    overflow: hidden;
4662    background: var(--newview-tint, #EFF5FF);
4663    cursor: pointer;
4664    color: inherit;
4665    transition: transform 220ms ease, box-shadow 220ms ease;
4666  }
4667
4668  .newview-patients__thumb:hover,
4669  .newview-patients__thumb:focus-visible {
4670    transform: translateY(-3px);
4671    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18);
4672    outline: none;
4673  }
4674
4675  .newview-patients__thumb:focus-visible {
4676    outline: 3px solid var(--newview-blue, #588CEB);
4677    outline-offset: 3px;
4678  }
4679
4680  .newview-patients__poster {
4681    position: absolute;
4682    inset: 0;
4683    width: 100%;
4684    height: 100%;
4685    object-fit: cover;
4686    object-position: center;
4687    display: block;
4688    z-index: 0;
4689  }
4690
4691  /* White circle + navy play triangle (Figma node 3274:1135), verbatim SVG. */
4692  .newview-patients__play {
4693    position: absolute;
4694    top: 50%;
4695    left: 50%;
4696    transform: translate(-50%, -50%);
4697    width: clamp(48px, 5vw, 62px);
4698    height: clamp(48px, 5vw, 62px);
4699    display: inline-flex;
4700    align-items: center;
4701    justify-content: center;
4702    z-index: 1;
4703    pointer-events: none;
4704    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.28));
4705    transition: transform 220ms ease;
4706  }
4707
4708  .newview-patients__thumb:hover .newview-patients__play,
4709  .newview-patients__thumb:focus-visible .newview-patients__play {
4710    transform: translate(-50%, -50%) scale(1.08);
4711  }
4712
4713  .newview-patients__play svg {
4714    display: block;
4715    width: 100%;
4716    height: 100%;
4717  }
4718
4719  /* Text group — quote, divider, name. Centered, narrow column. */
4720  .newview-patients__body {
4721    display: flex;
4722    flex-direction: column;
4723    gap: 12px;
4724    width: 100%;
4725    max-width: 260px;
4726    margin-inline: auto;
4727    padding-bottom: 6px;
4728  }
4729
4730  .newview-patients__quote {
4731    margin: 0;
4732    font-family: var(--font-body, "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif);
4733    font-weight: 300;
4734    font-size: 15px;
4735    line-height: 1.2;
4736    letter-spacing: 0;
4737    color: var(--newview-text-body, #2D2D2D);
4738    text-align: center;
4739  }
4740
4741  .newview-patients__divider {
4742    width: 100%;
4743    margin: 0;
4744    border: 0;
4745    border-top: 1px solid rgba(45, 45, 45, 0.35);
4746    opacity: 1;
4747  }
4748
4749  .newview-patients__name {
4750    margin: 0;
4751    font-family: var(--font-heading, "Castoro", Georgia, "Times New Roman", serif);
4752    font-weight: 400;
4753    font-size: clamp(1rem, 0.3vw + 0.9rem, 1.125rem);
4754    line-height: 1.2;
4755    letter-spacing: 0;
4756    color: var(--newview-text-body, #2D2D2D);
4757    text-align: center;
4758  }
4759
4760  /* ---- Popup modal ---- */
4761  .newview-patients-modal {
4762    width: min(90vw, 960px);
4763    max-width: 90vw;
4764    padding: 0;
4765    border: 0;
4766    border-radius: 16px;
4767    background: transparent;
4768    overflow: visible;
4769  }
4770
4771  .newview-patients-modal::backdrop {
4772    background: rgba(0, 0, 0, 0.72);
4773  }
4774
4775  .newview-patients-modal__inner {
4776    position: relative;
4777    width: 100%;
4778  }
4779
4780  .newview-patients-modal__frame {
4781    position: relative;
4782    width: 100%;
4783    aspect-ratio: 16 / 9;
4784    border-radius: 16px;
4785    overflow: hidden;
4786    background: #000000;
4787  }
4788
4789  .newview-patients-modal__frame iframe,
4790  .newview-patients-modal__frame video {
4791    position: absolute;
4792    inset: 0;
4793    width: 100%;
4794    height: 100%;
4795    border: 0;
4796  }
4797
4798  .newview-patients-modal__placeholder {
4799    position: absolute;
4800    inset: 0;
4801    display: flex;
4802    align-items: center;
4803    justify-content: center;
4804    padding: 24px;
4805    text-align: center;
4806    color: #FFFFFF;
4807    font-family: var(--font-body, sans-serif);
4808    font-size: clamp(14px, 1.4vw, 17px);
4809    line-height: 1.4;
4810  }
4811
4812  .newview-patients-modal__close {
4813    position: absolute;
4814    top: -14px;
4815    right: -14px;
4816    width: 44px;
4817    height: 44px;
4818    border: 0;
4819    border-radius: 50%;
4820    background: var(--newview-blue, #588CEB);
4821    color: #FFFFFF;
4822    display: inline-flex;
4823    align-items: center;
4824    justify-content: center;
4825    cursor: pointer;
4826    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
4827    z-index: 2;
4828    transition: transform 180ms ease;
4829  }
4830
4831  .newview-patients-modal__close:hover,
4832  .newview-patients-modal__close:focus-visible {
4833    transform: scale(1.08);
4834    outline: none;
4835  }
4836
4837  .newview-patients-modal__close:focus-visible {
4838    outline: 3px solid #FFFFFF;
4839    outline-offset: 2px;
4840  }
4841
4842  @media (max-width: 575.98px) {
4843    .newview-patients-modal__close {
4844      top: 8px;
4845      right: 8px;
4846    }
4847  }
4848
4849  @media (prefers-reduced-motion: reduce) {
4850    .newview-patients__thumb,
4851    .newview-patients__play,
4852    .newview-patients-modal__close {
4853      transition: none;
4854    }
4855    .newview-patients__thumb:hover,
4856    .newview-patients__thumb:focus-visible {
4857      transform: none;
4858    }
4859    .newview-patients__thumb:hover .newview-patients__play,
4860    .newview-patients__thumb:focus-visible .newview-patients__play {
4861      transform: translate(-50%, -50%);
4862    }
4863  }
4864</style>
4865
4866<script>
4867  (function () {
4868    function initPatientsModal() {
4869      var section = document.querySelector('.newview-patients');
4870      if (!section) return;
4871      var modal = section.querySelector('.newview-patients-modal');
4872      var frame = section.querySelector('.newview-patients-modal__frame');
4873      var closeBtn = section.querySelector('.newview-patients-modal__close');
4874      if (!modal || !frame || !closeBtn) return;
4875      if (typeof modal.showModal !== 'function') return;
4876
4877      var lastTrigger = null;
4878
4879      function buildEmbedSrc(url) {
4880        var m = url.match(/(?:youtu\.be\/|youtube\.com\/(?:watch\?v=|embed\/))([\w-]{6,})/);
4881        if (m) {
4882          return 'https://www.youtube-nocookie.com/embed/' + m[1] + '?autoplay=1&rel=0';
4883        }
4884        var v = url.match(/vimeo\.com\/(?:video\/)?(\d+)/);
4885        if (v) {
4886          return 'https://player.vimeo.com/video/' + v[1] + '?autoplay=1';
4887        }
4888        return url;
4889      }
4890
4891      function openModal(trigger) {
4892        lastTrigger = trigger;
4893        var src = trigger.getAttribute('data-video-src') || '';
4894        var title = trigger.getAttribute('data-video-title') || 'Patient testimonial';
4895        frame.innerHTML = '';
4896
4897        if (!src || src.charAt(0) === '#' || !/^https?:/i.test(src)) {
4898          var note = document.createElement('div');
4899          note.className = 'newview-patients-modal__placeholder';
4900          note.textContent = 'Video coming soon: ' + title;
4901          frame.appendChild(note);
4902        } else {
4903          var iframe = document.createElement('iframe');
4904          iframe.setAttribute('src', buildEmbedSrc(src));
4905          iframe.setAttribute('title', title);
4906          iframe.setAttribute('allow', 'autoplay; fullscreen; picture-in-picture');
4907          iframe.setAttribute('allowfullscreen', '');
4908          frame.appendChild(iframe);
4909        }
4910        modal.showModal();
4911        closeBtn.focus();
4912      }
4913
4914      function closeModal() {
4915        frame.innerHTML = '';
4916        if (modal.open) modal.close();
4917        if (lastTrigger && typeof lastTrigger.focus === 'function') {
4918          lastTrigger.focus();
4919        }
4920      }
4921
4922      section.querySelectorAll('.newview-patients__thumb').forEach(function (btn) {
4923        btn.addEventListener('click', function () { openModal(btn); });
4924      });
4925
4926      closeBtn.addEventListener('click', closeModal);
4927      modal.addEventListener('cancel', function (e) { e.preventDefault(); closeModal(); });
4928      modal.addEventListener('click', function (e) {
4929        if (e.target === modal) closeModal();
4930      });
4931    }
4932
4933    if (document.readyState === 'loading') {
4934      document.addEventListener('DOMContentLoaded', initPatientsModal);
4935    } else {
4936      initPatientsModal();
4937    }
4938  })();
4939</script>
4939
4940
4941
4942<!-- 10 ─────────── OUR CLINIC LOCATIONS (global) ─────────── -->
4943
4944<style>
4945.newview-locations-section {
4946  position: relative;
4947  background-color: #ffffff;
4948  overflow: hidden;
4949  padding: clamp(56px, 6vw, 96px) 0;
4950  isolation: isolate;
4951}
4952
4953.newview-locations-section .newview-locations-heading {
4954  font-family: "Castoro", Georgia, serif;
4955  font-weight: 400;
4956  color: #2A2A2A;
4957  text-align: center;
4958  margin: 0 0 clamp(28px, 3vw, 48px);
4959  line-height: 1.05;
4960  font-size: clamp(34px, 6vw, 60px);
4961  letter-spacing: 0;
4962}
4963
4964.newview-loc-grid {
4965  display: flex;
4966  flex-wrap: wrap;
4967  justify-content: center;
4968  gap: clamp(24px, 3vw, 40px);
4969  max-width: 1060px;
4970  margin-inline: auto;
4971}
4972
4973.newview-loc-grid > .newview-loc-card {
4974  flex: 0 1 100%;
4975  max-width: 480px;
4976}
4977
4978@media (min-width: 992px) {
4979  .newview-loc-grid > .newview-loc-card {
4980    flex: 0 1 480px;
4981  }
4982}
4983@media (min-width: 768px) {
4984  /* tablet and up: two per row */
4985  .newview-loc-grid > .newview-loc-card {
4986    flex: 1 1 calc(50% - clamp(24px, 3vw, 40px));
4987    max-width: none;
4988  }
4989}
4990.newview-loc-card {
4991  display: flex;
4992  flex-direction: column;
4993  background: #ffffff;
4994  border-radius: 16px;
4995  overflow: hidden;
4996  box-shadow: 0 4px 20px rgba(35, 77, 156, 0.08);
4997  border: 1px solid #EFF5FF;
4998  transition: box-shadow 0.3s ease, transform 0.3s ease;
4999}
5000
5001.newview-loc-card:hover,
5002.newview-loc-card:focus-within {
5003  box-shadow: 0 8px 28px rgba(35, 77, 156, 0.14);
5004  transform: translateY(-2px);
5005}
5006
5007.newview-loc-card-media {
5008  width: 100%;
5009  aspect-ratio: 4 / 3;
5010  background: #EFF5FF;
5011  overflow: hidden;
5012}
5013
5014.newview-loc-card-media img {
5015  width: 100%;
5016  height: 100%;
5017  object-fit: cover;
5018  display: block;
5019}
5020
5021.newview-loc-card-body {
5022  padding: clamp(20px, 2.4vw, 32px);
5023  display: flex;
5024  flex-direction: column;
5025  gap: clamp(14px, 1.4vw, 20px);
5026  flex: 1;
5027}
5028
5029.newview-loc-header {
5030  display: flex;
5031  justify-content: space-between;
5032  align-items: flex-start;
5033  gap: 12px;
5034  flex-wrap: wrap;
5035}
5036
5037.newview-loc-name {
5038  font-family: "Castoro", Georgia, serif;
5039  font-weight: 400;
5040  font-size: clamp(20px, 1.6vw, 24px);
5041  line-height: 1.3;
5042  color: #2D2D2D;
5043  margin: 0;
5044}
5045
5046.newview-loc-name-link {
5047  color: inherit;
5048  text-decoration: none;
5049  transition: color 0.2s ease;
5050}
5051
5052.newview-loc-name-link:hover,
5053.newview-loc-name-link:focus-visible {
5054  color: #234D9C;
5055  text-decoration: underline;
5056}
5057
5058.newview-loc-name-link:focus-visible {
5059  outline: 2px solid #588CEB;
5060  outline-offset: 3px;
5061  border-radius: 4px;
5062}
5063
5064.newview-review-badge {
5065  display: inline-flex;
5066  align-items: center;
5067  gap: 6px;
5068  flex-shrink: 0;
5069  font-family: "Outfit", system-ui, sans-serif;
5070  font-size: 14px;
5071  color: #3D3D3D;
5072  white-space: nowrap;
5073}
5074
5075.newview-review-badge .rating-num {
5076  font-weight: 600;
5077  color: #2A2A2A;
5078}
5079
5080.newview-review-badge .review-count {
5081  color: #6c757d;
5082}
5083
5084.newview-review-badge .newview-star-row {
5085  display: inline-flex;
5086  gap: 1px;
5087  align-items: center;
5088}
5089.newview-loc-name a{
5090font-size: 25px;
5091}
5092.newview-info-list {
5093  display: flex;
5094  flex-direction: column;
5095  gap: 10px;
5096}
5097
5098.newview-info-row {
5099  display: flex;
5100  align-items: flex-start;
5101  gap: 12px;
5102  font-family: "Outfit", system-ui, sans-serif;
5103  font-size: clamp(15px, 1vw, 16px);
5104  line-height: 1.5;
5105  color: #2A2A2A;
5106}
5107
5108.newview-info-row .newview-icon {
5109  flex-shrink: 0;
5110  width: 20px;
5111  height: 20px;
5112  min-width: 20px;
5113  min-height: 20px;
5114  color: #234D9C;
5115  display: inline-flex;
5116  align-items: center;
5117  justify-content: center;
5118  margin-top: 2px;
5119}
5120
5121.newview-info-row .newview-icon svg {
5122  width: 100%;
5123  height: 100%;
5124  display: block;
5125}
5126
5127.newview-info-row p,
5128.newview-info-row a {
5129  margin: 0;
5130  color: inherit;
5131  text-decoration: none;
5132}
5133
5134.newview-info-row a:hover,
5135.newview-info-row a:focus-visible {
5136  color: #234D9C;
5137  text-decoration: underline;
5138}
5139
5140.newview-hours-accordion {
5141  border-top: 1px solid #588CEB;
5142  padding-top: 14px;
5143}
5144
5145.newview-hours-toggle {
5146  width: 100%;
5147  background: transparent;
5148  border: 0;
5149  padding: 0;
5150  margin: 0;
5151  cursor: pointer;
5152  text-align: left;
5153  display: flex;
5154  align-items: center;
5155  justify-content: space-between;
5156  gap: 16px;
5157  font-family: "Castoro", Georgia, serif;
5158  font-weight: 400;
5159  font-size: 18px;
5160  line-height: 1.4;
5161  color: #2A2A2A;
5162}
5163
5164.newview-hours-toggle:focus-visible {
5165  outline: 2px solid #588CEB;
5166  outline-offset: 4px;
5167  border-radius: 10px;
5168}
5169
5170.newview-hours-toggle .hours-label {
5171  flex: 1;
5172  color: #2A2A2A;
5173}
5174
5175.newview-hours-toggle .hours-chevron {
5176  flex-shrink: 0;
5177  width: 18px;
5178  height: 18px;
5179  min-width: 18px;
5180  min-height: 18px;
5181  display: inline-flex;
5182  align-items: center;
5183  justify-content: center;
5184  transition: transform 0.25s ease;
5185  color: #234D9C;
5186}
5187
5188.newview-hours-toggle .hours-chevron svg {
5189  width: 18px;
5190  height: 18px;
5191  display: block;
5192}
5193
5194.newview-hours-toggle[aria-expanded="true"] .hours-chevron {
5195  transform: rotate(180deg);
5196}
5197
5198.newview-hours-panel {
5199  margin-top: 0;
5200}
5201
5202.newview-hours-panel.show,
5203.newview-hours-panel.collapsing {
5204  margin-top: 12px;
5205}
5206
5207.newview-hours-block {
5208  background: #ffffff;
5209  font-family: "Outfit", system-ui, sans-serif;
5210  font-size: 15px;
5211  line-height: 1.55;
5212  color: #2A2A2A;
5213}
5214
5215.newview-hours-block ul {
5216  list-style: none;
5217  padding: 0;
5218  margin: 0;
5219  display: flex;
5220  flex-direction: column;
5221  gap: 4px;
5222}
5223
5224.newview-hours-block li {
5225  display: flex;
5226  justify-content: space-between;
5227  align-items: baseline;
5228  gap: 12px;
5229}
5230
5231.newview-hours-block p:last-child {
5232  margin-bottom: 0;
5233}
5234
5235.newview-hours-block strong,
5236.newview-hours-block b {
5237  font-weight: 400;
5238  color: #3D3D3D;
5239}
5240
5241.newview-loc-cta {
5242  margin-top: auto;
5243  padding-top: 4px;
5244}
5245
5246.newview-btn-directions {
5247  display: inline-flex;
5248  align-items: center;
5249  justify-content: center;
5250  gap: 8px;
5251  background-color: #588CEB;
5252  color: #ffffff;
5253  font-family: "Outfit", system-ui, sans-serif;
5254  font-weight: 600;
5255  font-size: 15px;
5256  padding: 12px 22px;
5257  border-radius: 20px;
5258  text-decoration: none;
5259  border: none;
5260  transition: background-color 0.25s ease, color 0.25s ease, transform 0.2s ease;
5261  min-height: 48px;
5262  line-height: 1;
5263  width: 100%;
5264}
5265
5266.newview-btn-directions:hover,
5267.newview-btn-directions:focus-visible {
5268  background-color: #234D9C;
5269  color: #ffffff;
5270  text-decoration: none;
5271  transform: translateY(-1px);
5272}
5273
5274.newview-btn-directions svg {
5275  width: 16px;
5276  height: 16px;
5277  flex-shrink: 0;
5278  display: block;
5279}
5280
5281@media (prefers-reduced-motion: reduce) {
5282  .newview-hours-panel,
5283  .newview-hours-toggle .hours-chevron,
5284  .newview-loc-card,
5285  .newview-btn-directions {
5286    transition: none;
5287  }
5288}
5289
5290@media (max-width: 767.98px) {
5291  .newview-locations-section {
5292    padding: 48px 0 56px;
5293  }
5294
5295  .newview-loc-header {
5296    flex-direction: column;
5297    align-items: flex-start;
5298    gap: 6px;
5299  }
5300
5301  .newview-loc-card-media {
5302    aspect-ratio: 16 / 10;
5303  }
5304
5305  .newview-hours-toggle {
5306    font-size: 17px;
5307  }
5308}
5309</style>
5310
5311
5312	<section class="newview-locations-section" id="newview-locations">
5313		<div class="newview-container container">
5314			<h2 class="newview-locations-heading">Our Clinic Locations</h2>
5315
5316			<div class="newview-loc-grid">
5317									<article class="newview-loc-card" id="newview-loc-12811">
5318						<div class="newview-loc-card-media">
5319															<img src="https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/04/NewView-Eye-Center-Reston.webp?strip=all&resize=640%2C480" alt="NewView Eye Center - NewView Eye Center - Reston" width="800" height="600" loading="lazy" />
5320							
5321						</div>
5322
5323						<div class="newview-loc-card-body">
5324							<div class="newview-loc-header">
5325								<h3 class="newview-loc-name">
5326									<a href="https://newviewlasereye.com/location/newview-eye-center-reston/" class="newview-loc-name-link">
5327										NewView Eye Center Reston
5328									</a>
5329								</h3>
5330							</div>
5331
5332							<div class="newview-info-list">
5333								<div class="newview-info-row">
5334									<span class="newview-icon" aria-hidden="true">
5335										<svg width="20" height="20" viewBox="0 0 14 18" fill="none" xmlns="http://www.w3.org/2000/svg">
5336											<path d="M6.98229 8.74064e-09C5.14251 -9.19828e-05 3.37703 0.725948 2.06959 2.02032C0.762144 3.31469 0.0183978 5.07278 0 6.91247C0 11.6953 6.15314 17.0193 6.41498 17.2463C6.57307 17.3815 6.77426 17.4558 6.98229 17.4558C7.19032 17.4558 7.39151 17.3815 7.5496 17.2463C7.85508 17.0193 13.9646 11.6953 13.9646 6.91247C13.9462 5.07278 13.2024 3.31469 11.895 2.02032C10.5875 0.725948 8.82208 -9.19828e-05 6.98229 8.74064e-09ZM6.98229 9.60065C6.37812 9.60065 5.78751 9.42149 5.28516 9.08583C4.78281 8.75017 4.39127 8.27308 4.16007 7.7149C3.92886 7.15672 3.86837 6.54251 3.98623 5.94994C4.1041 5.35738 4.39504 4.81308 4.82225 4.38586C5.24947 3.95865 5.79377 3.66771 6.38634 3.54984C6.9789 3.43197 7.59311 3.49247 8.15129 3.72367C8.70948 3.95488 9.18656 4.34642 9.52222 4.84877C9.85789 5.35112 10.037 5.94172 10.037 6.5459C10.037 7.35607 9.7152 8.13306 9.14233 8.70593C8.56945 9.27881 7.79246 9.60065 6.98229 9.60065Z" fill="currentColor"></path>
5337										</svg>
5338									</span>
5339									<a href="https://www.google.com/maps/place/NewView+Eye+Center/@38.9554475,-77.3644638,14z/data=!4m8!1m2!2m1!1sNewView+Eye+Center!3m4!1s0x89b6481af3ee0cd5:0xa62b5dabc8f05d2!8m2!3d38.9554475!4d-77.3644638" target="_blank" rel="noopener" aria-label="Open NewView Eye Center NewView Eye Center Reston in Google Maps">
5340										12110 Sunset Hills Rd
5341										Reston, Virginia
5342										20190
5343									</a>
5344								</div>
5345
5346								<div class="newview-info-row">
5347									<span class="newview-icon" aria-hidden="true">
5348										<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
5349											<path d="M20 15.5c-1.25 0-2.45-.2-3.57-.57a1 1 0 00-1.02.24l-2.2 2.2a15.05 15.05 0 01-6.59-6.58l2.2-2.21a1 1 0 00.25-1.02A11.36 11.36 0 018.5 4a1 1 0 00-1-1H4a1 1 0 00-1 1c0 9.39 7.61 17 17 17a1 1 0 001-1v-3.5a1 1 0 00-1-1z" fill="currentColor"></path>
5350										</svg>
5351									</span>
5352									<a href="tel:+1(703)-834-9777">
5353										(703) 834-9777
5354									</a>
5355								</div>
5356
5357								<div class="newview-info-row">
5358									<span class="newview-icon" aria-hidden="true">
5359										<svg width="20" height="20" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
5360											<path d="M8.38672 19.5688V5.56885C8.38672 5.01885 8.58272 4.54818 8.97472 4.15685C9.366
536072 3.76551 9.83739 3.56951 10.3867 3.56885H16.3867C16.9367 3.56885 17.4077 3.76485 17.7997 4.15685C18.1917 4.54885 18.3874 5.01951 18.3867 5.56885V8.56885H19.3867C20.2201 8.56885 20.9284 8.86051 21.5117 9.44385C22.0951 10.0272 22.3867 10.7355 22.3867 11.5688V17.5688C22.3867 18.1188 22.1911 18.5898 21.7997 18.9818C21.4084 19.3738 20.9374 19.5695 20.3867 19.5688H8.38672ZM4.88672 20.5688C5.58672 20.5688 6.17839 20.3272 6.66172 19.8438C7.14505 19.3605 7.38672 18.7688 7.38672 18.0688V10.0688C7.38672 9.36885 7.14505 8.77718 6.66172 8.29385C6.17839 7.81051 5.58672 7.56885 4.88672 7.56885C4.18672 7.56885 3.59505 7.81051 3.11172 8.29385C2.62839 8.77718 2.38672 9.36885 2.38672 10.0688V18.0688C2.38672 18.7688 2.62839 19.3605 3.11172 19.8438C3.59505 20.3272 4.18672 20.5688 4.88672 20.5688ZM10.3867 8.56885H16.3867V5.56885H10.3867V8.56885ZM16.3867 13.5688C16.6701 13.5688 16.9077 13.4728 17.0997 13.2808C17.2917 13.0888 17.3874 12.8515 17.3867 12.5688C17.3861 12.2862 17.2901 12.0488 17.0987 11.8568C16.9074 11.6648 16.6701 11.5688 16.3867 11.5688C16.1034 11.5688 15.8661 11.6648 15.6747 11.8568C15.4834 12.0488 15.3874 12.2862 15.3867 12.5688C15.3861 12.8515 15.4821 13.0892 15.6747 13.2818C15.8674 13.4745 16.1047 13.5702 16.3867 13.5688ZM19.3867 13.5688C19.6701 13.5688 19.9077 13.4728 20.0997 13.2808C20.2917 13.0888 20.3874 12.8515 20.3867 12.5688C20.3861 12.2862 20.2901 12.0488 20.0987 11.8568C19.9074 11.6648 19.6701 11.5688 19.3867 11.5688C19.1034 11.5688 18.8661 11.6648 18.6747 11.8568C18.4834 12.0488 18.3874 12.2862 18.3867 12.5688C18.3861 12.8515 18.4821 13.0892 18.6747 13.2818C18.8674 13.4745 19.1047 13.5702 19.3867 13.5688ZM16.3867 16.5688C16.6701 16.5688 16.9077 16.4728 17.0997 16.2808C17.2917 16.0888 17.3874 15.8515 17.3867 15.5688C17.3861 15.2862 17.2901 15.0488 17.0987 14.8568C16.9074 14.6648 16.6701 14.5688 16.3867 14.5688C16.1034 14.5688 15.8661 14.6648 15.6747 14.8568C15.4834 15.0488 15.3874 15.2862 15.3867 15.5688C15.3861 15.8515 15.4821 16.0892 15.6747 16.2818C15.8674 16.4745 16.1047 16.5702 16.3867 16.5688ZM19.3867 16.5688C19.6701 16.5688 19.9077 16.4728 20.0997 16.2808C20.2917 16.0888 20.3874 15.8515 20.3867 15.5688C20.3861 15.2862 20.2901 15.0488 20.0987 14.8568C19.9074 14.6648 19.6701 14.5688 19.3867 14.5688C19.1034 14.5688 18.8661 14.6648 18.6747 14.8568C18.4834 15.0488 18.3874 15.2862 18.3867 15.5688C18.3861 15.8515 18.4821 16.0892 18.6747 16.2818C18.8674 16.4745 19.1047 16.5702 19.3867 16.5688ZM11.3867 16.5688H13.3867C13.6701 16.5688 13.9077 16.4728 14.0997 16.2808C14.2917 16.0888 14.3874 15.8515 14.3867 15.5688V12.5688C14.3867 12.2855 14.2907 12.0482 14.0987 11.8568C13.9067 11.6655 13.6694 11.5695 13.3867 11.5688H11.3867C11.1034 11.5688 10.8661 11.6648 10.6747 11.8568C10.4834 12.0488 10.3874 12.2862 10.3867 12.5688V15.5688C10.3867 15.8522 10.4827 16.0898 10.6747 16.2818C10.8667 16.4738 11.1041 16.5695 11.3867 16.5688Z" fill="currentColor"></path>
5361										</svg>
5362									</span>
5363									<p>Fax: 703-834-8187
5364									</p>
5365								</div>
5366							</div>
5367
5368							<div class="newview-review-badge" aria-label="Google reviews rating">
5369								<svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true">
5370									<path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 01-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z" fill="#4285F4"></path>
5371									<path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"></path>
5372									<path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05"></path>
5373									<path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"></path>
5374								</svg>
5375								<span class="rating-num">
5376									4.7
5377								</span>
5378								<span class="newview-star-row" aria-hidden="true">
5379									<svg width="12" height="12" viewBox="0 0 24 24" fill="#FDB022">
5380										<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path>
5381									</svg>
5382									<svg width="12" height="12" viewBox="0 0 24 24" fill="#FDB022">
5383										<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path>
5384									</svg>
5385									<svg width="12" height="12" viewBox="0 0 24 24" fill="#FDB022">
5386										<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path>
5387									</svg>
5388									<svg width="12" height="12" viewBox="0 0 24 24" fill="#FDB022">
5389										<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path>
5390									</svg>
5391									<svg width="12" height="12" viewBox="0 0 24 24" fill="#FDB022">
5392										<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path>
5393									</svg>
5394								</span>
5395								<span class="review-count">(
5396									161)
5397								</span>
5398							</div>
5399
5400							<div class="newview-hours-accordion">
5401								<button type="button" class="newview-hours-toggle" id="newview-hours-toggle-12811" data-bs-toggle="collapse" data-bs-target="#newview-hours-panel-12811" aria-expanded="false" aria-controls="newview-hours-panel-12811">
5402									<span class="hours-label">Office Hours</span>
5403									<span class="hours-chevron" aria-hidden="true">
5404										<svg width="18" height="18" viewBox="0 0 24 24" fill="none">
5405											<path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path>
5406										</svg>
5407									</span>
5408								</button>
5409
5410								<div class="collapse newview-hours-panel" id="newview-hours-panel-12811">
5411									<div class="newview-hours-block">
5412										<b>Sunday:</b> Closed<br><b>Monday:</b> 8:30AM-5PM<br><b>Tuesday:</b> 8:30AM-5PM<br><b>Wednesday:</b> 8:30AM-5PM<br><b>Thursday:</b> 8:30AM-5PM<br><b>Friday:</b> 8:30AM-5PM<br><b>Saturday:</b> Closed
5413									</div>
5414								</div>
5415							</div>
5416
5417							<div class="newview-loc-cta">
5418								<a href="https://www.google.com/maps/place/NewView+Eye+Center/@38.9554475,-77.3644638,14z/data=!4m8!1m2!2m1!1sNewView+Eye+Center!3m4!1s0x89b6481af3ee0cd5:0xa62b5dabc8f05d2!8m2!3d38.9554475!4d-77.3644638" target="_blank" rel="noopener" class="newview-btn-directions nw_btn" aria-label="Get directions to NewView Eye Center NewView Eye Center Reston">
5419									Get Directions
5420									<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
5421										<polyline points="9 18 15 12 9 6"></polyline>
5422									</svg>
5423								</a>
5424							</div>
5425						</div>
5426					</article>
5427									<article class="newview-loc-card" id="newview-loc-12813">
5428						<div class="newview-loc-card-media">
5429															<img src="https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/04/NewView-Eye-Center-Leesburg.webp?strip=all&resize=64
54290%2C480" alt="NewView Eye Center - NewView Eye Center - Leesburg" width="800" height="600" loading="lazy" />
5430							
5431						</div>
5432
5433						<div class="newview-loc-card-body">
5434							<div class="newview-loc-header">
5435								<h3 class="newview-loc-name">
5436									<a href="https://newviewlasereye.com/location/newview-eye-center-leesburg/" class="newview-loc-name-link">
5437										NewView Eye Center Leesburg
5438									</a>
5439								</h3>
5440							</div>
5441
5442							<div class="newview-info-list">
5443								<div class="newview-info-row">
5444									<span class="newview-icon" aria-hidden="true">
5445										<svg width="20" height="20" viewBox="0 0 14 18" fill="none" xmlns="http://www.w3.org/2000/svg">
5446											<path d="M6.98229 8.74064e-09C5.14251 -9.19828e-05 3.37703 0.725948 2.06959 2.02032C0.762144 3.31469 0.0183978 5.07278 0 6.91247C0 11.6953 6.15314 17.0193 6.41498 17.2463C6.57307 17.3815 6.77426 17.4558 6.98229 17.4558C7.19032 17.4558 7.39151 17.3815 7.5496 17.2463C7.85508 17.0193 13.9646 11.6953 13.9646 6.91247C13.9462 5.07278 13.2024 3.31469 11.895 2.02032C10.5875 0.725948 8.82208 -9.19828e-05 6.98229 8.74064e-09ZM6.98229 9.60065C6.37812 9.60065 5.78751 9.42149 5.28516 9.08583C4.78281 8.75017 4.39127 8.27308 4.16007 7.7149C3.92886 7.15672 3.86837 6.54251 3.98623 5.94994C4.1041 5.35738 4.39504 4.81308 4.82225 4.38586C5.24947 3.95865 5.79377 3.66771 6.38634 3.54984C6.9789 3.43197 7.59311 3.49247 8.15129 3.72367C8.70948 3.95488 9.18656 4.34642 9.52222 4.84877C9.85789 5.35112 10.037 5.94172 10.037 6.5459C10.037 7.35607 9.7152 8.13306 9.14233 8.70593C8.56945 9.27881 7.79246 9.60065 6.98229 9.60065Z" fill="currentColor"></path>
5447										</svg>
5448									</span>
5449									<a href="https://www.google.com/maps/place/CLAIBORNE+M+CALLAHAN/@39.104566999999996,-77.5723967,14z/data=!4m8!1m2!2m1!1sCLAIBORNE+M+CALLAHAN!3m4!1s0x89b6162de60c598f:0x8cba9f39eb7ea620!8m2!3d39.104566999999996!4d-77.5723967" target="_blank" rel="noopener" aria-label="Open NewView Eye Center NewView Eye Center Leesburg in Google Maps">
5450										20 Davis Ave SW
5451										Leesburg, Virginia
5452										20175
5453									</a>
5454								</div>
5455
5456								<div class="newview-info-row">
5457									<span class="newview-icon" aria-hidden="true">
5458										<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
5459											<path d="M20 15.5c-1.25 0-2.45-.2-3.57-.57a1 1 0 00-1.02.24l-2.2 2.2a15.05 15.05 0 01-6.59-6.58l2.2-2.21a1 1 0 00.25-1.02A11.36 11.36 0 018.5 4a1 1 0 00-1-1H4a1 1 0 00-1 1c0 9.39 7.61 17 17 17a1 1 0 001-1v-3.5a1 1 0 00-1-1z" fill="currentColor"></path>
5460										</svg>
5461									</span>
5462									<a href="tel:+1(703)-777-1244">
5463										(703) 777-1244
5464									</a>
5465								</div>
5466
5467								<div class="newview-info-row">
5468									<span class="newview-icon" aria-hidden="true">
5469										<svg width="20" height="20" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
5470											<path d="M8.38672 19.5688V5.56885C8.38672 5.01885 8.58272 4.54818 8.97472 4.15685C9.366
547072 3.76551 9.83739 3.56951 10.3867 3.56885H16.3867C16.9367 3.56885 17.4077 3.76485 17.7997 4.15685C18.1917 4.54885 18.3874 5.01951 18.3867 5.56885V8.56885H19.3867C20.2201 8.56885 20.9284 8.86051 21.5117 9.44385C22.0951 10.0272 22.3867 10.7355 22.3867 11.5688V17.5688C22.3867 18.1188 22.1911 18.5898 21.7997 18.9818C21.4084 19.3738 20.9374 19.5695 20.3867 19.5688H8.38672ZM4.88672 20.5688C5.58672 20.5688 6.17839 20.3272 6.66172 19.8438C7.14505 19.3605 7.38672 18.7688 7.38672 18.0688V10.0688C7.38672 9.36885 7.14505 8.77718 6.66172 8.29385C6.17839 7.81051 5.58672 7.56885 4.88672 7.56885C4.18672 7.56885 3.59505 7.81051 3.11172 8.29385C2.62839 8.77718 2.38672 9.36885 2.38672 10.0688V18.0688C2.38672 18.7688 2.62839 19.3605 3.11172 19.8438C3.59505 20.3272 4.18672 20.5688 4.88672 20.5688ZM10.3867 8.56885H16.3867V5.56885H10.3867V8.56885ZM16.3867 13.5688C16.6701 13.5688 16.9077 13.4728 17.0997 13.2808C17.2917 13.0888 17.3874 12.8515 17.3867 12.5688C17.3861 12.2862 17.2901 12.0488 17.0987 11.8568C16.9074 11.6648 16.6701 11.5688 16.3867 11.5688C16.1034 11.5688 15.8661 11.6648 15.6747 11.8568C15.4834 12.0488 15.3874 12.2862 15.3867 12.5688C15.3861 12.8515 15.4821 13.0892 15.6747 13.2818C15.8674 13.4745 16.1047 13.5702 16.3867 13.5688ZM19.3867 13.5688C19.6701 13.5688 19.9077 13.4728 20.0997 13.2808C20.2917 13.0888 20.3874 12.8515 20.3867 12.5688C20.3861 12.2862 20.2901 12.0488 20.0987 11.8568C19.9074 11.6648 19.6701 11.5688 19.3867 11.5688C19.1034 11.5688 18.8661 11.6648 18.6747 11.8568C18.4834 12.0488 18.3874 12.2862 18.3867 12.5688C18.3861 12.8515 18.4821 13.0892 18.6747 13.2818C18.8674 13.4745 19.1047 13.5702 19.3867 13.5688ZM16.3867 16.5688C16.6701 16.5688 16.9077 16.4728 17.0997 16.2808C17.2917 16.0888 17.3874 15.8515 17.3867 15.5688C17.3861 15.2862 17.2901 15.0488 17.0987 14.8568C16.9074 14.6648 16.6701 14.5688 16.3867 14.5688C16.1034 14.5688 15.8661 14.6648 15.6747 14.8568C15.4834 15.0488 15.3874 15.2862 15.3867 15.5688C15.3861 15.8515 15.4821 16.0892 15.6747 16.2818C15.8674 16.4745 16.1047 16.5702 16.3867 16.5688ZM19.3867 16.5688C19.6701 16.5688 19.9077 16.4728 20.0997 16.2808C20.2917 16.0888 20.3874 15.8515 20.3867 15.5688C20.3861 15.2862 20.2901 15.0488 20.0987 14.8568C19.9074 14.6648 19.6701 14.5688 19.3867 14.5688C19.1034 14.5688 18.8661 14.6648 18.6747 14.8568C18.4834 15.0488 18.3874 15.2862 18.3867 15.5688C18.3861 15.8515 18.4821 16.0892 18.6747 16.2818C18.8674 16.4745 19.1047 16.5702 19.3867 16.5688ZM11.3867 16.5688H13.3867C13.6701 16.5688 13.9077 16.4728 14.0997 16.2808C14.2917 16.0888 14.3874 15.8515 14.3867 15.5688V12.5688C14.3867 12.2855 14.2907 12.0482 14.0987 11.8568C13.9067 11.6655 13.6694 11.5695 13.3867 11.5688H11.3867C11.1034 11.5688 10.8661 11.6648 10.6747 11.8568C10.4834 12.0488 10.3874 12.2862 10.3867 12.5688V15.5688C10.3867 15.8522 10.4827 16.0898 10.6747 16.2818C10.8667 16.4738 11.1041 16.5695 11.3867 16.5688Z" fill="currentColor"></path>
5471										</svg>
5472									</span>
5473									<p>Fax: 703-834-8187
5474									</p>
5475								</div>
5476							</div>
5477
5478							<div class="newview-review-badge" aria-label="Google reviews rating">
5479								<svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true">
5480									<path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 01-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z" fill="#4285F4"></path>
5481									<path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"></path>
5482									<path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05"></path>
5483									<path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"></path>
5484								</svg>
5485								<span class="rating-num">
5486									4.1
5487								</span>
5488								<span class="newview-star-row" aria-hidden="true">
5489									<svg width="12" height="12" viewBox="0 0 24 24" fill="#FDB022">
5490										<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path>
5491									</svg>
5492									<svg width="12" height="12" viewBox="0 0 24 24" fill="#FDB022">
5493										<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path>
5494									</svg>
5495									<svg width="12" height="12" viewBox="0 0 24 24" fill="#FDB022">
5496										<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path>
5497									</svg>
5498									<svg width="12" height="12" viewBox="0 0 24 24" fill="#FDB022">
5499										<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path>
5500									</svg>
5501									<svg width="12" height="12" viewBox="0 0 24 24" fill="#FDB022">
5502										<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path>
5503									</svg>
5504								</span>
5505								<span class="review-count">(
5506									22)
5507								</span>
5508							</div>
5509
5510							<div class="newview-hours-accordion">
5511								<button type="button" class="newview-hours-toggle" id="newview-hours-toggle-12813" data-bs-toggle="collapse" data-bs-target="#newview-hours-panel-12813" aria-expanded="false" aria-controls="newview-hours-panel-12813">
5512									<span class="hours-label">Office Hours</span>
5513									<span class="hours-chevron" aria-hidden="true">
5514										<svg width="18" height="18" viewBox="0 0 24 24" fill="none">
5515											<path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path>
5516										</svg>
5517									</span>
5518								</button>
5519
5520								<div class="collapse newview-hours-panel" id="newview-hours-panel-12813">
5521									<div class="newview-hours-block">
5522										<b>Sunday:</b> Closed<br><b>Monday:</b> 8:30AM-5PM<br><b>Tuesday:</b> 8:30AM-5PM<br><b>Wednesday:</b> 8:30AM-5PM<br><b>Thursday:</b> 8:30AM-5PM<br><b>Friday:</b> 8:30AM-5PM<br><b>Saturday:</b> Closed
5523									</div>
5524								</div>
5525							</div>
5526
5527							<div class="newview-loc-cta">
5528								<a href="https://www.google.com/maps/place/CLAIBORNE+M+CALLAHAN/@39.104566999999996,-77.5723967,14z/data=!4m8!1m2!2m1!1sCLAIBORNE+M+CALLAHAN!3m4!1s0x89b6162de60c598f:0x8cba9f39eb7ea620!8m2!3d39.104566999999996!4d-77.5723967" target="_blank" rel="noopener" class="newview-btn-directions nw_btn" aria-label="Get directions to NewView Eye Center NewView Eye Center Leesburg">
5529									Get Directions
5530									<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
5531										<polyline points="9 18 15 12 9 6"></polyline>
5532									</svg>
5533								</a>
5534							</div>
5535						</div>
5536					</article>
5537				
5538			</div>
5539		</div>
5540	</section>
5541
5542
5543
5544<!-- 11 ─────────── EXPLORE MORE (global — related articles) ─────────── -->
5545		<style>
5546		/* Explore More — centered serif heading + intro, then a count-adaptive
5547		   grid of bordered link cards (serif label + blue chevron). White field
5548		   with faint blue blobs at the edges. */
5549		.newview-explore-more {
5550			position: relative;
5551			isolation: isolate;
5552			overflow: hidden;
5553			background: var(--newview-white, #FFFFFF);
5554			padding: clamp(48px, 6vw, 96px) 0;
5555			font-family: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;
5556			color: var(--newview-text, #2A2A2A);
5557		}
5558		.newview-explore-more__blob {
5559			position: absolute;
5560			z-index: 0;
5561			width: clamp(150px, 17vw, 245px);
5562			height: clamp(60px, 6.5vw, 93px);
5563			border-radius: 50%;
5564			background: radial-gradient(ellipse at center, rgba(88, 140, 235, 0.14), rgba(88, 140, 235, 0) 72%);
5565			pointer-events: none;
5566		}
5567		.newview-explore-more__blob--left  { left: -7%; top: 30%; }
5568		.newview-explore-more__blob--right { right: -7%; bottom: 12%; }
5569		.newview-explore-more__inner {
5570			position: relative;
5571			z-index: 1;
5572		}
5573		.newview-explore-more__heading {
5574			font-family: "Castoro", Georgia, "Times New Roman", serif;
5575			font-weight: 400;
5576			font-size: clamp(34px, 5vw, 70px);
5577			line-height: 1.05;
5578			text-align: center;
5579			margin: 0 0 clamp(12px, 1.4vw, 18px);
5580			color: var(--newview-text, #2A2A2A);
5581		}
5582		.newview-explore-more__intro {
5583			font-family: "Outfit", system-ui, sans-serif;
5584			font-weight: 300;
5585			font-size: clamp(14px, 1vw, 15px);
5586			line-height: 1.55;
5587			text-align: center;
5588			max-width: 60ch;
5589			margin: 0 auto clamp(32px, 4vw, 52px);
5590			color: var(--newview-text-body, #2A2A2A);
5591		}
5592		.newview-explore-more__grid {
5593			display: grid;
5594			grid-template-columns: 1fr;
5595			gap: clamp(16px, 1.8vw, 24px);
5596		}
5597		@media (min-width: 576px) {
5598			.newview-explore-more__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
5599		}
5600		@media (min-width: 992px) {
5601			.newview-explore-more__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
5602		}
5603		.newview-explore-more__card {
5604			display: flex;
5605			align-items: center;
5606			justify-content: space-between;
5607			gap: 16px;
5608			background: var(--newview-white, #FFFFFF);
5609			border: 1px solid rgba(35, 77, 156, 0.14);
5610			border-radius: 10px;
5611			padding: clamp(20px, 2vw, 28px) clamp(22px, 2.2vw, 30px);
5612			text-decoration: none;
5613			box-shadow: 0 6px 18px rgba(35, 77, 156, 0.06);
5614			transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
5615		}
5616		.newview-explore-more__card:hover,
5617		.newview-explore-more__card:focus-visible {
5618			border-color: var(--newview-blue, #588CEB);
5619			box-shadow: 0 10px 26px rgba(35, 77, 156, 0.12);
5620			transform: translateY(-2px);
5621			text-decoration: none;
5622		}
5623		.newview-explore-more__label {
5624			font-family: "Castoro", Georgia, "Times New Roman", serif;
5625			font-weight: 400;
5626			font-size: clamp(16px, 1.2vw, 18px);
5627			line-height: 1.3;
5628			color: var(--newview-text, #2A2A2A);
5629		}
5630		.newview-explore-more__chevron {
5631			flex-shrink: 0;
5632			width: 18px;
5633			height: 18px;
5634			color: var(--newview-blue, #588CEB);
5635			display: inline-flex;
5636			align-items: center;
5637			justify-content: center;
5638		}
5639		.newview-explore-more__chevron svg { width: 100%; height: 100%; display: block; }
5640		</style>
5641			<section class="newview-explore-more" id="newview-explore-more" aria-labelledby="newview-explore-more-heading">
5642		<span class="newview-explore-more__blob newview-explore-more__blob--left" aria-hidden="true"></span>
5643		<span class="newview-explore-more__blob newview-explore-more__blob--right" aria-hidden="true"></span>
5644		<div class="newview-container container">
5645			<div class="newview-explore-more__inner">
5646				<h2 class="newview-explore-more__heading" id="newview-explore-more-heading">Explore More</h2>
5647									<p class="newview-explore-more__intro">Find more information about our doctors, services, and technology that keep your eyes healthy and your vision at its best.</p>
5648				
5649				<div class="newview-explore-more__grid">
5650											<a class="newview-explore-more__card" href="https://newviewlasereye.com/article/your-first-two-weeks-in-contact-lenses-how-to-build-up-wear-time-safely/">
5651							<span class="newview-explore-more__label">Your First Two Weeks in Contact Lenses: How to Build Up Wear Time Safely</span>
5652							<span class="newview-explore-more__chevron" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 6 15 12 9 18"></polyline></svg></span>
5653						</a>
5654											<a class="newview-explore-more__card" href="https://newviewlasereye.com/article/my-contact-lens-keeps-sliding-arou
5654nd-is-the-fit-wrong/">
5655							<span class="newview-explore-more__label">My Contact Lens Keeps Sliding Around: Is the Fit Wrong?</span>
5656							<span class="newview-explore-more__chevron" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 6 15 12 9 18"></polyline></svg></span>
5657						</a>
5658											<a class="newview-explore-more__card" href="https://newviewlasereye.com/article/standard-vs-specialty-contact-lens-fitting-fees-what-you-are-really-paying-for/">
5659							<span class="newview-explore-more__label">Standard vs. Specialty Contact Lens Fitting Fees: What You Are Really Paying For</span>
5660							<span class="newview-explore-more__chevron" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 6 15 12 9 18"></polyline></svg></span>
5661						</a>
5662											<a class="newview-explore-more__card" href="https://newviewlasereye.com/article/is-an-annual-contact-lens-fitting-actually-required-by-law/">
5663							<span class="newview-explore-more__label">Is an Annual Contact Lens Fitting Actually Required by Law?</span>
5664							<span class="newview-explore-more__chevron" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 6 15 12 9 18"></polyline></svg></span>
5665						</a>
5666											<a class="newview-explore-more__card" href="https://newviewlasereye.com/article/is-a-years-supply-of-contacts-actually-cheaper/">
5667							<span class="newview-explore-more__label">Is a Year&#8217;s Supply of Contacts Actually Cheaper?</span>
5668							<span class="newview-explore-more__chevron" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 6 15 12 9 18"></polyline></svg></span>
5669						</a>
5670											<a class="newview-explore-more__card" href="https://newviewlasereye.com/article/how-many-boxes-of-contacts-is-a-years-supply/">
5671							<span class="newview-explore-more__label">How Many Boxes of Contacts Is a Year&#8217;s Supply?</span>
5672							<span class="newview-explore-more__chevron" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 6 15 12 9 18"></polyline></svg></span>
5673						</a>
5674									</div>
5675			</div>
5676		</div>
5677	</section>
5678	
5679
5680<!-- 12 ─────────── WHAT OUR PATIENTS SAY (global — reviews) ─────────── -->
5681<style>
5682.newview-reviews-section {
5683    background-color: #EFF5FF;
5684    padding: clamp(56px, 6vw, 96px) 0;
5685    font-family: 'Outfit', system-ui, -apple-system, "Segoe UI", sans-serif;
5686    color: #2A2A2A;
5687}
5688.newview-reviews-heading {
5689    font-family: 'Castoro', Georgia, "Times New Roman", serif;
5690    font-weight: 500;
5691    color: #2d2d2d;
5692    text-align: center;
5693    line-height: 1.15;
5694    margin: 0 0 clamp(32px, 3.5vw, 56px);
5695    font-size: clamp(30px, 2.2vw + 18px, 44px);
5696}
5697.newview-reviews-wrapper {
5698    position: relative;
5699    max-width: 1200px;
5700    margin: 0 auto;
5701    padding: 0 16px 72px;
5702}
5703.newview-reviews-viewport {
5704    overflow: hidden;
5705    width: 100%;
5706}
5707.newview-reviews-track {
5708    display: flex;
5709    transition: transform 0.45s ease;
5710    will-change: transform;
5711}
5712.newview-reviews-slide {
5713    flex: 0 0 33.3333%;
5714    box-sizing: border-box;
5715    padding: 0 12px;
5716}
5717@media (max-width: 991.98px) {
5718    .newview-reviews-slide { flex: 0 0 50%; }
5719}
5720@media (max-width: 575.98px) {
5721    .newview-reviews-slide { flex: 0 0 100%; }
5722}
5723.newview-reviews-card {
5724    background: #fff;
5725    border-radius: 20px;
5726    box-shadow: 0 10px 24px -14px rgba(35, 77, 156, 0.25);
5727    padding: clamp(24px, 2vw, 32px);
5728    height: 100%;
5729    box-sizing: border-box;
5730    display: flex;
5731    flex-direction: column;
5732    gap: 18px;
5733}
5734.newview-reviews-card-top {
5735    display: flex;
5736    align-items: center;
5737    justify-content: space-between;
5738}
5739.newview-reviews-stars {
5740    display: flex;
5741    gap: 4px;
5742}
5743.newview-reviews-quote {
5744    flex-shrink: 0;
5745}
5746.newview-reviews-text {
5747    font-size: 15px;
5748    line-height: 1.6;
5749    color: #2a2a2a;
5750    margin: 0;
5751    flex-grow: 1;
5752}
5753.newview-reviews-name {
5754    font-weight: 600;
5755    color: #588CEB;
5756    margin: 0;
5757}
5758.newview-reviews-nav {
5759    position: absolute;
5760    left: 0;
5761    right: 0;
5762    bottom: 0;
5763    display: flex;
5764    align-items: center;
5765    justify-content: center;
5766    gap: 24px;
5767}
5768.newview-reviews-arrow {
5769    width: 44px;
5770    height: 44px;
5771    border-radius: 50%;
5772    border: 1px solid #234D9C;
5773    background: #fff;
5774    color: #234D9C;
5775    display: flex;
5776    align-items: center;
5777    justify-content: center;
5778    cursor: pointer;
5779    flex-shrink: 0;
5780    transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease;
5781}
5782.newview-reviews-arrow:hover {
5783    background: #234D9C;
5784    color: #fff;
5785    transform: scale(1.1);
5786}
5787.newview-reviews-arrow svg {
5788    width: 16px;
5789    height: 16px;
5790    pointer-events: none;
5791}
5792.newview-reviews-next svg {
5793    transform: rotate(180deg);
5794}
5795</style>
5796
5797<section class="newview-reviews-section">
5798    <div class="newview-reviews-container">
5799        <h2 class="newview-reviews-heading">What our Patients Says</h2>
5800
5801        <div class="newview-reviews-wrapper" id="newview-reviews-13301-3432">
5802            <div class="newview-reviews-viewport">
5803                <div class="newview-reviews-track">
5804                    
5805        <div class="newview-reviews-slide">
5806            <article class="newview-reviews-card">
5807                <div class="newview-reviews-card-top">
5808                    <div class="newview-reviews-stars"><svg class="newview-reviews-star" width="16" height="16" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="#F5B928" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22.2 9.8-27.1 21.2s-1.5 24.4 7.4 33L140.4 334 116.2 477.6c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3L288.1 439.8l125.2 71.4c10.8 6.2 23.9 5.4 33.8-2.3s14.9-19.3 12.9-31.3L435.8 334 544.4 225.7c8.9-8.6 12.3-21.6 7.4-33s-15.1-19.4-27.1-21.2L380.8 150.3 316.9 18z"/></svg><svg class="newview-reviews-star" width="16" height="16" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="#F5B928" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22.2 9.8-27.1 21.2s-1.5 24.4 7.4 33L140.4 334 116.2 477.6c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3L288.1 439.8l125.2 71.4c10.8 6.2 23.9 5.4 33.8-2.3s14.9-19.3 12.9-31.3L435.8 334 544.4 225.7c8.9-8.6 12.3-21.6 7.4-33s-15.1-19.4-27.1-21.2L380.8 150.3 316.9 18z"/></svg><svg class="newview-reviews-star" width="16" height="16" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="#F5B928" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22.2 9.8-27.1 21.2s-1.5 24.4 7.4 33L140.4 334 116.2 477.6c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3L288.1 439.8l125.2 71.4c10.8 6.2 23.9 5.4 33.8-2.3s14.9-19.3 12.9-31.3L435.8 334 544.4 225.7c8.9-8.6 12.3-21.6 7.4-33s-15.1-19.4-27.1-21.2L380.8 150.3 316.9 18z"/></svg><svg class="newview-reviews-star" width="16" height="16" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="#F5B928" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22.2 9.8-27.1 21.2s-1.5 24.4 7.4 33L140.4 334 116.2 477.6c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3L288.1 439.8l125.2 71.4c10.8 6.2 23.9 5.4 33.8-2.3s14.9-19.3 12.9-31.3L435.8 334 544.4 225.7c8.9-8.6 12.3-21.6 7.4-33s-15.1-19.4-27.1-21.2L380.8 150.3 316.9 18z"/></svg><svg class="newview-reviews-star" width="16" height="16" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="#F5B928" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22.2 9.8-27.1 21.2s-1.5 24.4 7.4 33L140.4 334 116.2 477.6c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3L288.1 439.8l125.2 71.4c10.8 6.2 23.9 5.4 33.8-2.3s14.9-19.3 12.9-31.3L435.8 334 544.4 225.7c8.9-8.6 12.3-21.6 7.4-33s-15.1-19.4-27.1-21.2L380.8 150.3 316.9 18z"/></svg></div>
5809                    <svg class="newview-reviews-quote" width="34" height="28" viewBox="0 0 34 28" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
5810        <path fill="#588CEB" d="M9.2 5.9C6.4 5.9 4.2 8.3 4.2 11.1s2.2 5.2 5 5.2c5.1 0 1.7 10.1-5 10.1v2.4c12.1 0 16.8-23 5-23zm14.7 0c-2.8 0-5.1 2.4-5.1 5.2s2.3 5.2 5.1 5.2c5.1 0 1.7 10.1-5.1 10.1v2.4c12.1 0 16.9-23 5.1-23z"/>
5811    </svg>
5812                </div>
5813                <p class="newview-reviews-text">Excellent in every way; front desk, aides, and Dr. Callahan. Everyone is professional, friendly, and attentive, making each visit a smooth and reassuring experience.</p>
5814                <p class="newview-reviews-name">Bob Pelletier</p>
5815            </article>
5816        </div>
5817        <div class="newview-reviews-slide">
5818            <article class="newview-reviews-card">
5819                <div class="newview-reviews-card-top">
5820                    <div class="newview-reviews-stars"><svg class="newview-reviews-star" width="16" height="16" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="#F5B928" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22.2 9.8-27.1 21.2s-1.5 24.4 7.4 33L140.4 334 116.2 477.6c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3L288.1 439.8l125.2 71.4c10.8 6.2 23.9 5.4 33.8-2.3s14.9-19.3 12.9-31.3L435.8 334 544.4 225.7c8.9-8.6 12.3-21.6 7.4-33s-15.1-19.4-27.1-21.2L380.8 150.3 316.9 18z"/></svg><svg class="newview-reviews-star" width="16" height="16" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="#F5B928" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22.2 9.8-27.1 21.2s-1.5 24.4 7.4 33L140.4 334 116.2 477.6c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3L288.1 439.8l125.2 71.4c10.8 6.2 23.9 5.4 33.8-2.3s14.9-19.3 12.9-31.3L435.8 334 544.4 225.7c8.9-8.6 12.3-21.6 7.4-33s-15.1-19.4-27.1-21.2L380.8 150.3 316.9 18z"/></svg><svg class="newview-reviews-star" width="16" height="16" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="#F5B928" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22.2 9.8-27.1 21.2s-1.5 24.4 7.4 33L140.4 334 116.2 477.6c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3L288.1 439.8l125.2 71.4c10.8 6.2 23.9 5.4 33.8-2.3s14.9-19.3 12.9-31.3L435.8 334 544.4 225.7c8.9-8.6 12.3-21.6 7.4-33s-15.1-19.4-27.1-21.2L380.8 150.3 316.9 18z"/></svg><svg class="newview-reviews-star" width="16" height="16" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="#F5B928" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22.2 9.8-27.1 21.2s-1.5 24.4 7.4 33L140.4 334 116.2 477.6c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3L288.1 439.8l125.2 71.4c10.8 6.2 23.9 5.4 33.8-2.3s14.9-19.3 12.9-31.3L435.8 334 544.4 225.7c8.9-8.6 12.3-21.6 7.4-33s-15.1-19.4-27.1-21.2L380.8 150.3 316.9 18z"/></svg><svg class="newview-reviews-star" width="16" height="16" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="#F5B928" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22.2 9.8-27.1 21.2s-1.5 24.4 7.4 33L140.4 334 116.2 477.6c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3L288.1 439.8l125.2 71.4c10.8 6.2 23.9 5.4 33.8-2.3s14.9-19.3 12.9-31.3L435.8 334 544.4 225.7c8.9-8.6 12.3-21.6 7.4-33s-15.1-19.4-27.1-21.2L380.8 150.3 316.9 18z"/></svg></div>
5821                    <svg class="newview-reviews-quote" width="34" height="28" viewBox="0 0 34 28" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
5822        <path fill="#588CEB" d="M9.2 5.9C6.4 5.9 4.2 8.3 4.2 11.1s2.2 5.2 5 5.2c5.1 0 1.7 10.1-5 10.1v2.4c12.1 0 16.8-23 5-23zm14.7 0c-2.8 0-5.1 2.4-5.1 5.2s2.3 5.2 5.1 5.2c5.1 0 1.7 10.1-5.1 10.1v2.4c12.1 0 16.9-23 5.1-23z"/>
5823    </svg>
5824                </div>
5825                <p class="newview-reviews-text">Dr. Griffiths is extremely professional and a gifted clinician, yet also personable and pleasant. Highly recommend.</p>
5826                <p class="newview-reviews-name">Holly Frost</p>
5827            </article>
5828        </div>
5829        <div class="newview-reviews-slide">
5830            <article class="newview-reviews-card">
5831                <div class="newview-reviews-card-top">
5832                    <div class="newview-reviews-stars"><svg class="newview-reviews-star" width="16" height="16" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="#F5B928" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22.2 9.8-27.1 21.2s-1.5 24.4 7.4 33L140.4 334 116.2 477.6c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3L288.1 439.8l125.2 71.4c10.8 6.2 23.9 5.4 33.8-2.3s14.9-19.3 12.9-31.3L435.8 334 544.4 225.7c8.9-8.6 12.3-21.6 7.4-33s-15.1-19.4-27.1-21.2L380.8 150.3 316.9 18z"/></svg>
5832<svg class="newview-reviews-star" width="16" height="16" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="#F5B928" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22.2 9.8-27.1 21.2s-1.5 24.4 7.4 33L140.4 334 116.2 477.6c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3L288.1 439.8l125.2 71.4c10.8 6.2 23.9 5.4 33.8-2.3s14.9-19.3 12.9-31.3L435.8 334 544.4 225.7c8.9-8.6 12.3-21.6 7.4-33s-15.1-19.4-27.1-21.2L380.8 150.3 316.9 18z"/></svg><svg class="newview-reviews-star" width="16" height="16" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="#F5B928" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22.2 9.8-27.1 21.2s-1.5 24.4 7.4 33L140.4 334 116.2 477.6c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3L288.1 439.8l125.2 71.4c10.8 6.2 23.9 5.4 33.8-2.3s14.9-19.3 12.9-31.3L435.8 334 544.4 225.7c8.9-8.6 12.3-21.6 7.4-33s-15.1-19.4-27.1-21.2L380.8 150.3 316.9 18z"/></svg><svg class="newview-reviews-star" width="16" height="16" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="#F5B928" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22.2 9.8-27.1 21.2s-1.5 24.4 7.4 33L140.4 334 116.2 477.6c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3L288.1 439.8l125.2 71.4c10.8 6.2 23.9 5.4 33.8-2.3s14.9-19.3 12.9-31.3L435.8 334 544.4 225.7c8.9-8.6 12.3-21.6 7.4-33s-15.1-19.4-27.1-21.2L380.8 150.3 316.9 18z"/></svg><svg class="newview-reviews-star" width="16" height="16" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="#F5B928" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22.2 9.8-27.1 21.2s-1.5 24.4 7.4 33L140.4 334 116.2 477.6c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3L288.1 439.8l125.2 71.4c10.8 6.2 23.9 5.4 33.8-2.3s14.9-19.3 12.9-31.3L435.8 334 544.4 225.7c8.9-8.6 12.3-21.6 7.4-33s-15.1-19.4-27.1-21.2L380.8 150.3 316.9 18z"/></svg></div>
5833                    <svg class="newview-reviews-quote" width="34" height="28" viewBox="0 0 34 28" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
5834        <path fill="#588CEB" d="M9.2 5.9C6.4 5.9 4.2 8.3 4.2 11.1s2.2 5.2 5 5.2c5.1 0 1.7 10.1-5 10.1v2.4c12.1 0 16.8-23 5-23zm14.7 0c-2.8 0-5.1 2.4-5.1 5.2s2.3 5.2 5.1 5.2c5.1 0 1.7 10.1-5.1 10.1v2.4c12.1 0 16.9-23 5.1-23z"/>
5835    </svg>
5836                </div>
5837                <p class="newview-reviews-text">Excellent practice! Dr. Griffiths and her staff are top-notch. Thorough eye exams, ample time spent explaining everything, and answers to all questions. Highly recommend NewView Eye Center!</p>
5838                <p class="newview-reviews-name">Linda Cummings</p>
5839            </article>
5840        </div>
5841        <div class="newview-reviews-slide">
5842            <article class="newview-reviews-card">
5843                <div class="newview-reviews-card-top">
5844                    <div class="newview-reviews-stars"><svg class="newview-reviews-star" width="16" height="16" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="#F5B928" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22.2 9.8-27.1 21.2s-1.5 24.4 7.4 33L140.4 334 116.2 477.6c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3L288.1 439.8l125.2 71.4c10.8 6.2 23.9 5.4 33.8-2.3s14.9-19.3 12.9-31.3L435.8 334 544.4 225.7c8.9-8.6 12.3-21.6 7.4-33s-15.1-19.4-27.1-21.2L380.8 150.3 316.9 18z"/></svg><svg class="newview-reviews-star" width="16" height="16" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="#F5B928" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22.2 9.8-27.1 21.2s-1.5 24.4 7.4 33L140.4 334 116.2 477.6c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3L288.1 439.8l125.2 71.4c10.8 6.2 23.9 5.4 33.8-2.3s14.9-19.3 12.9-31.3L435.8 334 544.4 225.7c8.9-8.6 12.3-21.6 7.4-33s-15.1-19.4-27.1-21.2L380.8 150.3 316.9 18z"/></svg><svg class="newview-reviews-star" width="16" height="16" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="#F5B928" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22.2 9.8-27.1 21.2s-1.5 24.4 7.4 33L140.4 334 116.2 477.6c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3L288.1 439.8l125.2 71.4c10.8 6.2 23.9 5.4 33.8-2.3s14.9-19.3 12.9-31.3L435.8 334 544.4 225.7c8.9-8.6 12.3-21.6 7.4-33s-15.1-19.4-27.1-21.2L380.8 150.3 316.9 18z"/></svg>
5844<svg class="newview-reviews-star" width="16" height="16" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="#F5B928" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22.2 9.8-27.1 21.2s-1.5 24.4 7.4 33L140.4 334 116.2 477.6c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3L288.1 439.8l125.2 71.4c10.8 6.2 23.9 5.4 33.8-2.3s14.9-19.3 12.9-31.3L435.8 334 544.4 225.7c8.9-8.6 12.3-21.6 7.4-33s-15.1-19.4-27.1-21.2L380.8 150.3 316.9 18z"/></svg><svg class="newview-reviews-star" width="16" height="16" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="#F5B928" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22.2 9.8-27.1 21.2s-1.5 24.4 7.4 33L140.4 334 116.2 477.6c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3L288.1 439.8l125.2 71.4c10.8 6.2 23.9 5.4 33.8-2.3s14.9-19.3 12.9-31.3L435.8 334 544.4 225.7c8.9-8.6 12.3-21.6 7.4-33s-15.1-19.4-27.1-21.2L380.8 150.3 316.9 18z"/></svg></div>
5845                    <svg class="newview-reviews-quote" width="34" height="28" viewBox="0 0 34 28" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
5846        <path fill="#588CEB" d="M9.2 5.9C6.4 5.9 4.2 8.3 4.2 11.1s2.2 5.2 5 5.2c5.1 0 1.7 10.1-5 10.1v2.4c12.1 0 16.8-23 5-23zm14.7 0c-2.8 0-5.1 2.4-5.1 5.2s2.3 5.2 5.1 5.2c5.1 0 1.7 10.1-5.1 10.1v2.4c12.1 0 16.9-23 5.1-23z"/>
5847    </svg>
5848                </div>
5849                <p class="newview-reviews-text">Had my first eye exam with Dr. Callahan and it was the most thorough I’ve ever had in 60+ years. She explained things I’d never heard before. Efficient, pleasant staff. She’s my ophthalmologist for life!</p>
5850                <p class="newview-reviews-name">linda spirio</p>
5851            </article>
5852        </div>
5853        <div class="newview-reviews-slide">
5854            <article class="newview-reviews-card">
5855                <div class="newview-reviews-card-top">
5856                    <div class="newview-reviews-stars"><svg class="newview-reviews-star" width="16" height="16" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="#F5B928" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22.2 9.8-27.1 21.2s-1.5 24.4 7.4 33L140.4 334 116.2 477.6c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3L288.1 439.8l125.2 71.4c10.8 6.2 23.9 5.4 33.8-2.3s14.9-19.3 12.9-31.3L435.8 334 544.4 225.7c8.9-8.6 12.3-21.6 7.4-33s-15.1-19.4-27.1-21.2L380.8 150.3 316.9 18z"/></svg><svg class="newview-reviews-star" width="16" height="16" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="#F5B928" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22.2 9.8-27.1 21.2s-1.5 24.4 7.4 33L140.4 334 116.2 477.6c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3L288.1 439.8l125.2 71.4c10.8 6.2 23.9 5.4 33.8-2.3s14.9-19.3 12.9-31.3L435.8 334 544.4 225.7c8.9-8.6 12.3-21.6 7.4-33s-15.1-19.4-27.1-21.2L380.8 150.3 316.9 18z"/></svg><svg class="newview-reviews-star" width="16" height="16" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="#F5B928" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22.2 9.8-27.1 21.2s-1.5 24.4 7.4 33L140.4 334 116.2 477.6c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3L288.1 439.8l125.2 71.4c10.8 6.2 23.9 5.4 33.8-2.3s14.9-19.3 12.9-31.3L435.8 334 544.4 225.7c8.9-8.6 12.3-21.6 7.4-33s-15.1-19.4-27.1-21.2L380.8 150.3 316.9 18z"/></svg><svg class="newview-reviews-star" width="16" height="16" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="#F5B928" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22.2 9.8-27.1 21.2s-1.5 24.4 7.4 33L140.4 334 116.2 477.6c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3L288.1 439.8l125.2 71.4c10.8 6.2 23.9 5.4 33.8-2.3s14.9-19.3 12.9-31.3L435.8 334 544.4 225.7c8.9-8.6 12.3-21.6 7.4-33s-15.1-19.4-27.1-21.2L380.8 150.3 316.9 18z"/></svg><svg class="newview-reviews-star" width="16" height="16" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="#F5B928" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22.2 9.8-27.1 21.2s-1.5 24.4 7.4 33L140.4 334 116.2 477.6c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3L288.1 439.8l125.2 71.4c10.8 6.2 23.9 5.4 33.8-2.3s14.9-19.3 12.9-31.3L435.8 334 544.4 225.7c8.9-8.6 12.3-21.6 7.4-33s-15.1-19.4-27.1-21.2L380.8 150.3 316.9 18z"/></svg></div>
5857                    <svg class="newview-reviews-quote" width="34" height="28" viewBox="0 0 34 28" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
5858        <path fill="#588CEB" d="M9.2 5.9C6.4 5.9 4.2 8.3 4.2 11.1s2.2 5.2 5 5.2c5.1 0 1.7 10.1-5 10.1v2.4c12.1 0 16.8-23 5-23zm14.7 0c-2.8 0-5.1 2.4-5.1 5.2s2.3 5.2 5.1 5.2c5.1 0 1.7 10.1-5.1 10.1v2.4c12.1 0 16.9-23 5.1-23z"/>
5859    </svg>
5860                </div>
5861                <p class="newview-reviews-text">Doctor Callahan is absolutely the best! She is friendly, takes her time, and top in her field. I&#039;ll never go anywhere else</p>
5862                <p class="newview-reviews-name">Gloria Eshelman</p>
5863            </article>
5864        </div>
5865        <div class="newview-reviews-slide">
5866            <article class="newview-reviews-card">
5867                <div class="newview-reviews-card-top">
5868                    <div class="newview-reviews-stars"><svg class="newview-reviews-star" width="16" height="16" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="#F5B928" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22.2 9.8-27.1 21.2s-1.5 24.4 7.4 33L140.4 334 116.2 477.6c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3L288.1 439.8l125.2 71.4c10.8 6.2 23.9 5.4 33.8-2.3s14.9-19.3 12.9-31.3L435.8 334 544.4 225.7c8.9-8.6 12.3-21.6 7.4-33s-15.1-19.4-27.1-21.2L380.8 150.3 316.9 18z"/></svg><svg class="newview-reviews-star" width="16" height="16" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="#F5B928" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22.2 9.8-27.1 21.2s-1.5 24.4 7.4 33L140.4 334 116.2 477.6c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3L288.1 439.8l125.2 71.4c10.8 6.2 23.9 5.4 33.8-2.3s14.9-19.3 12.9-31.3L435.8 334 544.4 225.7c8.9-8.6 12.3-21.6 7.4-33s-15.1-19.4-27.1-21.2L380.8 150.3 316.9 18z"/></svg><svg class="newview-reviews-star" width="16" height="16" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="#F5B928" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22.2 9.8-27.1 21.2s-1.5 24.4 7.4 33L140.4 334 116.2 477.6c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3L288.1 439.8l125.2 71.4c10.8 6.2 23.9 5.4 33.8-2.3s14.9-19.3 12.9-31.3L435.8 334 544.4 225.7c8.9-8.6 12.3-21.6 7.4-33s-15.1-19.4-27.1-21.2L380.8 150.3 316.9 18z"/></svg><svg class="newview-reviews-star" width="16" height="16" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="#F5B928" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22.2 9.8-27.1 21.2s-1.5 24.4 7.4 33L140.4 334 116.2 477.6c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3L288.1 439.8l125.2 71.4c10.8 6.2 23.9 5.4 33.8-2.3s14.9-19.3 12.9-31.3L435.8 334 544.4 225.7c8.9-8.6 12.3-21.6 7.4-33s-15.1-19.4-27.1-21.2L380.8 150.3 316.9 18z"/></svg><svg class="newview-reviews-star" width="16" height="16" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="#F5B928" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22.2 9.8-27.1 21.2s-1.5 24.4 7.4 33L140.4 334 116.2 477.6c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3L288.1 439.8l125.2 71.4c10.8 6.2 23.9 5.4 33.8-2.3s14.9-19.3 12.9-31.3L435.8 334 544.4 225.7c8.9-8.6 12.3-21.6 7.4-33s-15.1-19.4-27.1-21.2L380.8 150.3 316.9 18z"/></svg></div>
5869                    <svg class="newview-reviews-quote" width="34" height="28" viewBox="0 0 34 28" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
5870        <path fill="#588CEB" d="M9.2 5.9C6.4 5.9 4.2 8.3 4.2 11.1s2.2 5.2 5 5.2c5.1 0 1.7 10.1-5 10.1v2.4c12.1 0 16.8-23 5-23zm14.7 0c-2.8 0-5.1 2.4-5.1 5.2s2.3 5.2 5.1 5.2c5.1 0 1.7 10.1-5.1 10.1v2.4c12.1 0 16.9-23 5.1-23z"/>
5871    </svg>
5872                </div>
5873                <p class="newview-reviews-text">Dr Griffiths and team are great. Dr Griffiths is a great doctor. She was recommended by my daughter. Excellent choice.</p>
5874                <p class="newview-reviews-name">Mary Dean</p>
5875            </article>
5876        </div>                </div>
5877            </div>
5878
5879            <div class="newview-reviews-nav">
5880                <button class="newview-reviews-arrow newview-reviews-prev" type="button" aria-label="Previous reviews">
5881                    <svg viewBox="0 0 23 42" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
5882                        <path fill="currentColor" d="M23 38.5675L19.5793 42L0.947702 23.2927C0.64737 22.9929 0.409022 22.6365 0.246377 22.2438C0.083732 21.8512 0 21.4301 0 21.0049C0 20.5796 0.083732 20.1585 0.246377 19.7659C0.409022 19.3733 0.64737 19.0168 0.947702 18.717L19.5793 0L22.9968 3.43254L5.50969 21L23 38.5675Z"/>
5883                    </svg>
5884                </button>
5885
5886                <button class="newview-reviews-arrow newview-reviews-next" type="button" aria-label="Next reviews">
5887                    <svg viewBox="0 0 23 42" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
5888                        <path fill="currentColor" d="M23 38.5675L19.5793 42L0.947702 23.2927C0.64737 22.9929 0.409022 22.6365 0.246377 22.2438C0.083732 21.8512 0 21.4301 0 21.0049C0 20.5796 0.083732 20.1585 0.246377 19.7659C0.409022 19.3733 0.64737 19.0168 0.947702 18.717L19.5793 0L22.9968 3.43254L5.50969 21L23 38.5675Z"/>
5889                    </svg>
5890                </button>
5891            </div>
5892        </div>
5893    </div>
5894</section>
5895
5896<script>
5897(function () {
5898    var root = document.getElementById('newview-reviews-13301-3432');
5899    if (!root) return;
5900
5901    var track  = root.querySelector('.newview-reviews-track');
5902    var slides = Array.prototype.slice.call(root.querySelectorAll('.newview-reviews-slide'));
5903    var prevBtn = root.querySelector('.newview-reviews-prev');
5904    var nextBtn = root.querySelector('.newview-reviews-next');
5905
5906    var currentIndex = 0;
5907    var perView = 3;
5908
5909    function getPerView() {
5910        var w = window.innerWidth;
5911        if (w <= 575.98) return 1;
5912        if (w <= 991.98) return 2;
5913        return 3;
5914    }
5915
5916    function clampIndex() {
5917        var maxIndex = Math.max(0, slides.length - perView);
5918        if (currentIndex > maxIndex) currentIndex = maxIndex;
5919        if (currentIndex < 0) currentIndex = 0;
5920    }
5921
5922    function render() {
5923        if (!slides.length) return;
5924        var slideWidth = slides[0].getBoundingClientRect().width;
5925        track.style.transform = 'translateX(-' + (currentIndex * slideWidth) + 'px)';
5926    }
5927
5928    function next() {
5929        currentIndex += perView;
5930        clampIndex();
5931        render();
5932    }
5933
5934    function prev() {
5935        currentIndex -= perView;
5936        clampIndex();
5937        render();
5938    }
5939
5940    function handleResize() {
5941        var newPerView = getPerView();
5942        if (newPerView !== perView) {
5943            perView = newPerView;
5944            currentIndex = 0;
5945        }
5946        clampIndex();
5947        render();
5948    }
5949
5950    prevBtn.addEventListener('click', prev);
5951    nextBtn.addEventListener('click', next);
5952    window.addEventListener('resize', handleResize);
5953
5954    perView = getPerView();
5955    clampIndex();
5956    render();
5957})();
5958</script>
5958
5959    
5960
5961<!-- 13 ─────────── SCHEDULE YOUR APPOINTMENT (global) ─────────── -->
5962
5963<style>
5964
5965
5966.newview-schedule {
5967  position: relative;
5968  isolation: isolate;
5969  background-color: #ffffff;
5970  padding: clamp(56px, 6vw + 24px, 104px) 0;
5971  color: var(--newview-body, #2D2D2D);
5972  font-family: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
5973  z-index: 99
5974}
5975
5976.newview-schedule__decoration {
5977  position: absolute;
5978  inset: 0;
5979  z-index: 0;
5980  pointer-events: none;
5981  overflow: hidden;
5982}
5983.newview-schedule__decoration::before,
5984.newview-schedule__decoration::after {
5985  content: "";
5986  position: absolute;
5987  border-radius: 50%;
5988}
5989/* soft blue glow, right-center (matches Figma) */
5990.newview-schedule__decoration::before {
5991  width: clamp(320px, 40vw, 620px);
5992  height: clamp(320px, 40vw, 620px);
5993  top: 50%;
5994  right: -8%;
5995  transform: translateY(-50%);
5996  background: radial-gradient(circle at center, rgba(88, 140, 235, 0.16), rgba(88, 140, 235, 0) 70%);
5997}
5998/* faint blue glow, top-left */
5999.newview-schedule__decoration::after {
6000  width: clamp(240px, 30vw, 420px);
6001  height: clamp(240px, 30vw, 420px);
6002  top: -18%;
6003  left: -8%;
6004  background: radial-gradient(circle at center, rgba(88, 140, 235, 0.10), rgba(88, 140, 235, 0) 70%);
6005}
6006
6007.newview-schedule__inner {
6008  position: relative;
6009  z-index: 1;
6010  display: flex;
6011  flex-direction: column;
6012  align-items: center;
6013  text-align: center;
6014  gap: clamp(28px, 3vw, 46px);
6015}
6016
6017.newview-schedule__heading {
6018  font-family: "Castoro", Georgia, "Times New Roman", serif;
6019  font-weight: 400;
6020  font-style: normal;
6021  font-size: clamp(34px, 6vw, 60px);
6022  line-height: 1.05; /* 73/70 */
6023  letter-spacing: 0;
6024  margin: 0;
6025  color: var(--newview-body, #2D2D2D);
6026  max-width: 16ch;
6027}
6028
6029.newview-schedule__cta-group {
6030  display: flex;
6031  flex-wrap: wrap;
6032  justify-content: center;
6033  align-items: center;
6034  gap: 12px;
6035}
6036
6037/* Outline "Book an Appointment" button */
6038.newview-schedule__btn {
6039  display: inline-flex;
6040  align-items: center;
6041  justify-content: center;
6042  gap: 12px;
6043  width: 310px;
6044  height: 68px;
6045  max-width: 100%;
6046  padding: 0 5px;
6047  border-radius: 20px;
6048  border: 1px solid transparent;
6049  font-family: "Outfit", system-ui, sans-serif;
6050  font-weight: 600;
6051  font-size: 18px;
6052  line-height: 1.2;
6053  letter-spacing: 0;
6054  text-decoration: none;
6055  text-align: center;
6056  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
6057  cursor: pointer;
6058}
6059.newview-schedule__btn--outline {
6060  background-color: #ffffff;
6061  color: var(--newview-body, #2D2D2D);
6062  border-color: var(--bs-primary, #588CEB);
6063}
6064.newview-schedule__btn--outline:hover,
6065.newview-schedule__btn--outline:focus-visible {
6066  background-color: var(--bs-primary, #588CEB);
6067  color: #ffffff;
6068  border-color: var(--bs-primary, #588CEB);
6069  transform: translateY(-1px);
6070  box-shadow: 0 8px 20px rgba(88, 140, 235, 0.18);
6071}
6072.newview-schedule__btn--outline:focus-visible {
6073  outline: 2px solid var(--bs-primary, #588CEB);
6074  outline-offset: 3px;
6075}
6076
6077
6078.newview-schedule .newview-schedule-phone,
6079.newview-schedule .newview-schedule-phone .newview-phone__dropdown {
6080  display: inline-block;
6081}
6082.newview-schedule .newview-schedule-phone .newview-phone__btn {
6083  width: 310px;
6084  max-width: 100%;
6085  height: 68px;
6086  padding: 0 5px;
6087}
6088
6089@media (max-width: 575.98px) {
6090  .newview-schedule__cta-group {
6091    flex-direction: column;
6092    align-items: stretch;
6093    width: 100%;
6094    max-width: 340px;
6095  }
6096  .newview-schedule__btn {
6097    width: 100%;
6098  }
6099  .newview-schedule .newview-schedule-phone,
6100  .newview-schedule .newview-schedule-phone .newview-phone__dropdown,
6101  .newview-schedule .newview-schedule-phone .newview-phone__btn {
6102    width: 100%;
6103  }
6104}
6105</style>
6106
6107<section class="newview-schedule" id="newview-schedule" aria-labelledby="newview-schedule-heading">
6108
6109	<!-- Decorative soft blue glows behind content, z-index: 0 -->
6110	<div class="newview-schedule__decoration" aria-hidden="true"></div>
6111
6112	<div class="newview-container">
6113		<div class="newview-schedule__inner">
6114
6115			<h2 id="newview-schedule-heading" class="newview-schedule__heading text-capitalize">
6116				Schedule your appointment today
6117			</h2>
6118
6119			<div class="newview-schedule__cta-group">
6120
6121				<!-- Dynamic phone CTA: reads phone numbers from the location CPT
6122             (dropdown when the practice has multiple locations). -->
6123				            <div class="newview-phone newview-schedule-phone">
6124                <div class="dropdown newview-phone__dropdown">
6125                    <button type="button"
6126                            class="newview-phone__btn newview-phone__btn--toggle nw_btn dropdown-toggle"
6127                            data-bs-toggle="dropdown"
6128                            data-bs-auto-close="true"
6129                            aria-expanded="false">
6130                        <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" fill="currentColor" class="newview-phone__icon" viewBox="0 0 16 16" aria-hidden="true"><path d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"/></svg>                        <span>2 Locations – Call Now!</span>
6131                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="newview-phone__chevron" viewBox="0 0 16 16" aria-hidden="true"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/></svg>                    </button>
6132
6133                    <ul class="dropdown-menu newview-phone__menu" role="menu">
6134                                                    <li role="none">
6135                                <a class="newview-phone__item"
6136                                   href="tel:+17037771244"
6137                                   role="menuitem">
6138                                    <span class="newview-phone__item-text">
6139                                                                                    <span class="newview-phone__item-city">Leesburg</span>
6140                                                                                <span class="newview-phone__item-phone">(703) 777-1244</span>
6141                                    </span>
6142                                    <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" class="newview-phone__item-icon" viewBox="0 0 16 16" aria-hidden="true"><path d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"/></svg>                                </a>
6143                            </li>
6144                                                    <li role="none">
6145                                <a class="newview-phone__item"
6146                                   href="tel:+17038349777"
6147                                   role="menuitem">
6148                                    <span class="newview-phone__item-text">
6149                                                                                    <span class="newview-phone__item-city">Reston</span>
6150                                                                                <span class="newview-phone__item-phone">(703) 834-9777</span>
6151                                    </span>
6152                                    <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" class="newview-phone__item-icon" viewBox="0 0 16 16" aria-hidden="true"><path d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"/></svg>                                </a>
6153                            </li>
6154                                            </ul>
6155                </div>
6156            </div>
6157            
6158
6159				<!-- TODO: confirm booking URL with practice (placeholder: /book-appointment/). -->
6160				<a class="newview-schedule__btn newview-schedule__btn--outline nw_btn" href="/schedule-appointment/" aria-label="Book an appointment online">
6161					<span>Book an Appointment</span>
6162				</a>
6163			</div>
6164
6165		</div>
6166	</div>
6167</section>
6168
6169</main>
6170	
6171
6172
6173<footer id='lc-footer'><style>
6174    /* ── Footer theme (matches Figma 3274:1316): white card on periwinkle band ── */
6175    .newview-footer {
6176        --nv-foot-band: #A4C3FC;      /* periwinkle page band */
6177        --nv-foot-card: #FFFFFF;      /* white container card */
6178        --nv-foot-text: #2D2D2D;      /* body/heading text */
6179        --nv-foot-accent: #234D9C;    /* dark blue: icons, borders, links */
6180        --nv-foot-tile: rgba(255, 255, 255, 0.6); /* pills + location cards */
6181        background: var(--nv-foot-band);
6182        color: var(--nv-foot-text);
6183        font-family: 'Outfit', system-ui, -apple-system, sans-serif;
6184    }
6185
6186    .newview-footer-card {
6187        background: var(--nv-foot-card);
6188        border-radius: 20px;
6189    }
6190
6191    .newview-footer-serif {
6192        font-family: 'Castoro', Georgia, serif;
6193    }
6194
6195    /* ── Logo wordmark placeholder ── */
6196    .newview-footer-logo {
6197        color: var(--nv-foot-accent);
6198        font-family: 'Castoro', Georgia, serif;
6199        font-size: clamp(24px, 2vw + 8px, 30px);
6200        letter-spacing: 0.5px;
6201        line-height: 1.1;
6202    }
6203
6204    /* ── Logo ── */
6205    .newview-footer-logo-img {
6206        width: 260px;       /* actual display size — nudge to taste */
6207        max-width: 100%;    /* stays responsive on small screens */
6208        height: auto;
6209    }
6210
6211    /* ── Social icons ── */
6212    .newview-footer-social {
6213        display: inline-flex;
6214        align-items: center;
6215        justify-content: center;
6216        width: 32px;
6217        height: 32px;
6218        text-decoration: none;
6219    }
6220    .newview-footer-social svg {
6221        width: 100%;
6222        height: 100%;
6223        display: block;
6224        transition: transform 0.2s ease;
6225    }
6226    .newview-footer-social:hover svg,
6227    .newview-footer-social:focus-visible svg {
6228        transform: scale(1.08);
6229    }
6230
6231    /* ── Doctor pills ── */
6232    .newview-footer-doctor-card {
6233        background-color: var(--nv-foot-tile);
6234        border: 1px solid var(--nv-foot-accent);
6235        color: var(--nv-foot-text);
6236        border-radius: 10px;
6237        font-family: 'Castoro', Georgia, serif;
6238        font-size: 15px;
6239        line-height: 1.2;
6240        text-decoration: none;
6241        transition: background-color 0.2s ease, color 0.2s ease;
6242    }
6243    .newview-footer-doctor-card:hover,
6244    .newview-footer-doctor-card:focus-visible {
6245        background-color: var(--nv-foot-accent);
6246        color: #ffffff;
6247        text-decoration: none;
6248    }
6249
6250    /* ── Menu links ── */
6251    .newview-footer-menu {
6252        column-gap: 30px;
6253        row-gap: 10px;
6254    }
6255    .newview-footer-menu a {
6256        font-family: 'Castoro', Georgia, serif;
6257        font-size: 15px;
6258        color: var(--nv-foot-text);
6259        text-decoration: none;
6260        line-height: 1.3;
6261        white-space: nowrap;
6262    }
6263    .newview-footer-menu a:hover,
6264    .newview-footer-menu a:focus-visible {
6265        color: var(--nv-foot-accent);
6266        text-decoration: underline;
6267        text-decoration-color: var(--nv-foot-accent);
6268    }
6269
6270    /* ── Location cards ── */
6271    .newview-footer-loc-tile {
6272        background-color: var(--nv-foot-tile);
6273        border: 1px solid var(--nv-foot-accent);
6274        border-radius: 20px;
6275    }
6276    .newview-footer-loc-title a {
6277        font-family: 'Castoro', Georgia, serif;
6278        font-size: clamp(20px, 1.2vw + 12px, 25px);
6279        color: var(--nv-foot-text);
6280        text-decoration: none;
6281    }
6282    .newview-footer-loc-title a:hover,
6283    .newview-footer-loc-title a:focus-visible {
6284        color: var(--nv-foot-accent);
6285    }
6286    .newview-footer-contact-line,
6287    .newview-footer-fax-line {
6288        font-size: 15px;
6289        line-height: 1.4;
6290        color: var(--nv-foot-text);
6291    }
6292    .newview-footer-contact-line a,
6293    .newview-footer-fax-line span {
6294        color: var(--nv-foot-text);
6295    }
6296    .newview-footer-contact-line a:hover,
6297    .newview-footer-contact-line a:focus-visible {
6298        color: var(--nv-foot-accent);
6299        text-decoration: underline;
6300    }
6301    .newview-footer-contact-line i,
6302    .newview-footer-fax-line i {
6303        color: var(--nv-foot-accent);
6304        font-size: 15px;
6305        width: 18px;
6306        flex-shrink: 0;
6307    }
6308
6309    /* ── Bottom bar ── */
6310    .newview-footer-bottom {
6311        border-top: 1px solid rgba(35, 77, 156, 0.18);
6312    }
6313    .newview-footer-copy {
6314        font-size: 13.5px;
6315        color: var(--nv-foot-text);
6316    }
6317    .newview-footer-legal a {
6318        font-size: 13.5px;
6319        color: var(--nv-foot-text);
6320        text-decoration: none;
6321    }
6322    .newview-footer-legal a:hover,
6323    .newview-footer-legal a:focus-visible {
6324        color: var(--nv-foot-accent);
6325        text-decoration: underline;
6326    }
6327
6328</style>
6329
6330
6331	<footer class="newview-footer py-4 py-lg-5 px-2 position-relative" role="contentinfo">
6332		<div class="container">
6333			<div class="newview-footer-card p-4 p-lg-5">
6334
6335				<!-- ═══ TOP: Logo + Social (left)  /  Doctor pills + Menu (right) ═══ -->
6336				<div class="row gy-5 gx-4 align-items-start">
6337
6338					<!-- Logo & Social -->
6339					<div class="col-12 col-lg-4 d-flex flex-column gap-4 align-items-center align-items-lg-start">
6340						<a href="https://newviewlasereye.com/" class="text-decoration-none text-center text-lg-start" aria-label="NewView Eye Center — go to homepage">
6341							<img src="http://newviewlasereye.sv-builder.com/wp-content/uploads/sites/55/2026/07/NewView-Logo-updated.svg" loading="eager" class="newview-footer-logo-img wp-image-12963" alt="NewView Eye Center" />
6342						</a>
6343
6344						<div class="d-flex flex-wrap gap-3 justify-content-center justify-content-lg-start">
6345							<!-- Facebook -->
6346							<a href="https://www.facebook.com/NewViewEyeCenter/" target="_blank" rel="noopener noreferrer" class="newview-footer-social" aria-label="Visit NewView Eye Center on Facebook (opens in new window)">
6347								<svg viewBox="25.32 0 32.16 32.16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
6348									<path d="M57.0745 16.0809C57.0742 19.8138 55.7416 23.424 53.3164 26.2618C50.8913 29.0996 47.5329 30.9787 43.8457 31.5609V20.6155H47.5013L48.1981 16.0809H43.8457V13.1435C43.8205 12.8067 43.8707 12.4686 43.9927 12.1536C44.1146 11.8387 44.3052 11.5548 44.5506 11.3228C44.796 11.0908 45.09 10.9163 45.4113 10.8122C45.7325 10.708 46.073 10.6768 46.4078 10.7208H48.3804V6.84004C47.2212 6.64957 46.0495 6.54565 44.8749 6.52915C41.2943 6.52915 38.9573 8.6732 38.9573 12.629V16.0809H34.9694V20.6155H38.9573V31.5609C35.9985 31.0937 33.2356 29.7885 30.9956 27.7997C28.7557 25.8109 27.1325 23.2219 26.3185 20.3392C25.5044 17.4565 25.5334 14.4009 26.4022 11.5342C27.2709 8.66751 28.9429 6.10981 31.2203 4.16396C33.4976 2.21811 36.2849 0.965619 39.252 0.554805C42.2191 0.143991 45.2418 0.592058 47.9622 1.84595C50.6826 3.09984 52.9866 5.10703 54.6016 7.62985C56.2165 10.1527 57.0747 13.0854 57.0745 16.0809Z" fill="#234D9C"></path>
6349								</svg>
6350							</a>
6351							<!-- Instagram -->
6352							<a href="https://www.instagram.com/newvieweyecenter/" target="_blank" rel="noopener noreferrer" class="newview-footer-social" aria-label="Follow NewView Eye Center on Instagram (opens in new window)">
6353								<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
6354									<circle cx="16" cy="16" r="16" fill="#234D9C"></circle>
6355									<g transform="translate(7,7) scale(0.75)">
6356										<path d="M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.00
63567-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077" fill="#ffffff"></path>
6357									</g>
6358								</svg>
6359							</a>
6360							<!-- X (Twitter) -->
6361							<a href="https://x.com/newvieweye" target="_blank" rel="noopener noreferrer" class="newview-footer-social" aria-label="Follow NewView Eye Center on X (opens in new window)">
6362								<svg viewBox="137.75 0.64 30.88 30.88" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
6363									<path d="M153.189 0.643312C161.715 0.643312 168.626 7.55513 168.626 16.0808C168.626 24.6063 161.714 31.5173 153.189 31.5173C144.663 31.5172 137.753 24.6062 137.752 16.0808C137.752 7.55524 144.663 0.643495 153.189 0.643312ZM150.784 16.5486L144.433 23.4324H147.152L152.054 18.1199L156.338 23.4324H161.807L154.822 14.6746L160.759 8.23902H158.042L153.564 13.0935L149.692 8.23902H144.082L150.784 16.5486ZM158.594 21.8884L157.088 21.8894L147.257 9.70093H148.873L158.594 21.8884Z" fill="#234D9C"></path>
6364								</svg>
6365							</a>
6366							<!-- YouTube -->
6367							<a href="https://www.youtube.com/newvieweyecenter" target="_blank" rel="noopener noreferrer" class="newview-footer-social" aria-label="Watch NewView Eye Center on YouTube (opens in new window)">
6368								<svg viewBox="192.68 0.64 30.88 30.88" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
6369									<path d="M210.696 15.8118L207.085 14.1266C206.769 13.9802 206.51 14.1443 206.51 14.4932V17.6675C206.51 18.0164 206.769 18.1804 207.085 18.0341L210.695 16.3489C211.011 16.2009 211.011 15.9597 210.696 15.8118ZM208.119 0.643211C199.593 0.643211 192.681 7.55454 192.681 16.0803C192.681 24.6061 199.593 31.5174 208.119 31.5174C216.644 31.5174 223.556 24.6061 223.556 16.0803C223.556 7.55454 216.644 0.643211 208.119 0.643211ZM208.119 22.3517C200.217 22.3517 200.078 21.6393 200.078 16.0803C200.078 10.5214 200.217 9.809 208.119 9.809C216.02 9.809 216.159 10.5214 216.159 16.0803C216.159 21.6393 216.02 22.3517 208.119 22.3517Z" fill="#234D9C"></path>
6370								</svg>
6371							</a>
6372							<!-- Google -->
6373							<a href="https://www.google.com/search?q=new+view+eye+center#lrd=0x89b6481af3ee0cd5:0xa62b5dabc8f05d2,1" target="_blank" rel="noopener noreferrer" class="newview-footer-social" aria-label="Review NewView Eye Center on Google (opens in new window)">
6374								<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
6375									<circle cx="16" cy="16" r="16" fill="#234D9C"></circle>
6376									<g transform="translate(7,7) scale(0.75)">
6377										<path d="M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z" fill="#ffffff"></path>
6378									</g>
6379								</svg>
6380							</a>
6381							<!-- Yelp -->
6382							<a href="https://www.yelp.com/biz/newview-eye-center-reston" target="_blank" rel="noopener noreferrer" class="newview-footer-social" aria-label="Find NewView Eye Center on Yelp (opens in new window)">
6383								<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
6384									<circle cx="16" cy="16" r="16" fill="#234D9C"></circle>
6385									<g transform="translate(7,7) scale(0.75)">
6386										<path d="m7.6885 15.1415-3.6715.8483c-.3769.0871-.755.183-1.1452.155-.2611-.0188-.5122-.0414-.7606-.213a1.179 1.179 0 0 1-.331-.3594c-.3486-.5519-.3656-1.3661-.3697-2.0004a6.2874 6.2874 0 0 1 .3314-2.0642 1.857 1.857 0 0 1 .1073-.2474 2.3426 2.3426 0 0 1 .1255-.2165 2.4572 2.4572 0 0 1 .1563-.1975 1.1736 1.1736 0 0 1 .399-.2831 1.082 1.082 0 0 1 .4592-.0837c.2355.0016.5139.052.91.1734.0555.0191.1237.0382.1856.0572.3277.1013.7048.2404 1.1499.3987.6863.2404 1.3663.487 2.0463.7397l1.2117.4423c.2217.0807.4363.18.6412.297.174.0984.3273.2298.4512.387a1.217 1.217 0 0 1 .192.4309 1.2205 1.2205 0 0 1-.872 1.4522c-.0468.0151-.0852.0239-.1085.0293l-1.105.2553-.0031-.001zM18.8208 7.565a1.8506 1.8506 0 0 0-.2042-.1754 2.4082 2.4082 0 0 0-.2077-.1394 2.3607 2.3607 0 0 0-.2269-.109 1.1705 1.1705 0 0 0-.482-.0796 1.0862 1.0862 0 0 0-.4498.12
638663c-.2107.1048-.4388.2732-.742.5551-.042.0417-.0947.0886-.142.133-.2502.2351-.5286.5252-.8599.863a114.6363 114.6363 0 0 0-1.5166 1.5629l-.8962.9293a4.1897 4.1897 0 0 0-.4466.5483 1.541 1.541 0 0 0-.2364.5459 1.2199 1.2199 0 0 0 .0107.4518l.0046.02a1.218 1.218 0 0 0 1.4184.923 1.162 1.162 0 0 0 .1105-.0213l4.7781-1.104c.3766-.087.7587-.1667 1.097-.3631.2269-.1316.4428-.262.5909-.5252a1.1793 1.1793 0 0 0 .1405-.4683c.0733-.6512-.2668-1.3908-.5403-1.963a6.2792 6.2792 0 0 0-1.2001-1.7103zM8.9703.0754a8.6724 8.6724 0 0 0-.83.1564c-.2754.066-.548.1383-.8146.2236-.868.2844-2.0884.8063-2.295 1.8065-.1165.5655.1595 1.1439.3737 1.66.2595.6254.614 1.1889.9373 1.7777.8543 1.5545 1.7245 3.0993 2.5922 4.6457.259.4617.5416 1.0464 1.043 1.2856a1.058 1.058 0 0 0 .1013.0383c.2248.0851.4699.1016.7041.0471a4.3015 4.3015 0 0 0 .0418-.0097 1.2136 1.2136 0 0 0 .5658-.3397 1.1033 1.1033 0 0 0 .079-.0822c.3463-.435.3454-1.0833.3764-1.6134.1042-1.771.2139-3.5423.3009-5.3142.0332-.6712.1055-1.3333.0655-2.0096-.0328-.5579-.0368-1.1984-.3891-1.6563-.6218-.8073-1.9476-.741-2.8523-.6158zm2.084 15.9505a1.1053 1.1053 0 0 0-1.2306-.4145 1.1398 1.1398 0 0 0-.1526.0633 1.4806 1.4806 0 0 0-.1932.1181 5.5942 5.5942 0 0 0-.1619.1553c-.1751.1782-.3286.3863-.484.5928-.4335.5723-.8608 1.149-1.2872 1.7263l-.7599 1.0247c-.139.1875-.2831.3705-.3813.5849a1.156 1.156 0 0 0-.1005.3577 1.0716 1.0716 0 0 0 .0242.3923c.0669.2606.2263.4708.3719.6903.4924.7419 1.1494 1.351 1.8582 1.8798a6.264 6.264 0 0 0 1.8065.9553 1.856 1.856 0 0 0 .2582.0616 2.3419 2.3419 0 0 0 .2497.0263 2.4495 2.4495 0 0 0 .2516-.0053 1.1735 1.1735 0 0 0 .4737-.1348 1.0821 1.0821 0 0 0 .3576-.2986c.14-.1899.2565-.4455.3968-.8296.0197-.0538.0431-.1197.0632-.1807.1067-.3242.2199-.7091.3323-1.1614.1734-.6971.3287-1.4022.4849-2.104l.2751-1.267c.0503-.2318.0838-.4662.0782-.7036-.0047-.2-.0414-.3931-.1348-.5725a1.216 1.216 0 0 0-.284-.3593z" fill="#ffffff"></path>
6387									</g>
6388								</svg>
6389							</a>
6390						</div>
6391					</div>
6392
6393					<!-- Doctor pills + Menu -->
6394					<div class="col-12 col-lg-8 d-flex flex-column gap-4 align-items-center align-items-lg-end">
6395
6396						<!-- Doctor pills (dynamic) -->
6397						<div class="d-flex flex-wrap gap-3 justify-content-center justify-content-lg-end">
6398							
6399								<a href="https://newviewlasereye.com/doctor/jacqueline-deneen-griffiths-m-d/" class="newview-footer-doctor-card d-inline-flex align-items-center px-3 py-2">
6400									Dr. Griffiths
6401								</a>
6402							
6403								<a href="https://newviewlasereye.com/doctor/claiborne-m-callahan-md/" class="newview-footer-doctor-card d-inline-flex align-items-center px-3 py-2">
6404									Dr. Callahan
6405								</a>
6406							
6407						</div>
6408
6409						<!-- Menu -->
6410						<nav class="w-100" aria-label="Footer menu">
6411							<div class="d-flex flex-wrap newview-footer-menu justify-content-center justify-content-lg-end">
6412								<a href="https://newviewlasereye.com/">Home</a>
6413								<a href="https://newviewlasereye.com/about-us/">About Us</a>
6414								<a href="https://newviewlasereye.com/primary-eye-care/">Primary Eye Care</a>
6415								<a href="https://newviewlasereye.com/optical-center/">Optical Center</a>
6416								<a href="https://newviewlasereye.com/blogs/">Blog</a>
6417							</div>
6418							<div class="d-flex flex-wrap newview-footer-menu justify-content-center justify-content-lg-end mt-2">
6419								<a href="https://newviewlasereye.com/lasik/">Lasik</a>
6420								<a href="https://newviewlasereye.com/cataracts/">Cataracts</a>
6421								<a href="https://newviewlasereye.com/specialty-eye-care/">Specialty Eye Care</a>
6422								<a href="https://newviewlasereye.com/aesthetics/">Aesthetics</a>
6423								<a href="https://newviewlasereye.com/patient-forms/">Patient Forms</a>
6424								<a href="https://newviewlasereye.com/patient-financing/">Financing</a>
6425							</div>
6426						</nav>
6427					</div>
6428				</div>
6429
6430				<!-- ═══ LOCATION CARDS (dynamic) ═══ -->
6431				<div class="row justify-content-center g-4 mt-2">
6432					
6433						<div class="col-12 col-lg-6">
6434							<div class="newview-footer-loc-tile h-100 p-4 p-lg-5">
6435
6436								<!-- Location title -->
6437								<div class="fw-semibold lh-sm mb-3 newview-footer-loc-title">
6438									<a href="https://newviewlasereye.com/location/newview-eye-center-reston/">
6439										NewView Eye Center Reston
6440									</a>
6441								</div>
6442
6443								<div class="row g-3">
6444									<!-- Address (opens Google Maps) -->
6445									<div class="col-12 col-sm-7">
6446										<div class="d-flex align-items-start newview-footer-contact-line">
6447											<i class="fa-solid fa-location-dot me-2 mt-1" aria-hidden="true"></i>
6448											<a href="https://www.google.com/maps/place/NewView+Eye+Center/@38.9554475,-77.3644638,14z/data=!4m8!1m2!2m1!1sNewView+Eye+Center!3m4!1s0x89b6481af3ee0cd5:0xa62b5dabc8f05d2!8m2!3d38.9554475!4d-77.3644638" target="_blank" rel="noopener noreferrer" class="text-decoration-none">
6449												12110 Sunset Hills Rd,
6450												Reston,
6451												Virginia
6452												20190
6453												<span class="visually-hidden">(opens Google Maps in new window)</span>
6454											</a>
6455										</div>
6456									</div>
6457
6458									<!-- Phone + Fax -->
6459									<div class="col-12 col-sm-5">
6460										
6461											<div class="d-flex align-items-start mb-2 newview-footer-contact-line">
6462												<i class="fa-solid fa-phone me-2 mt-1" aria-hidden="true"></i>
6463												<a href="tel:+1(703)-834-9777" class="text-decoration-none">
6464													(703) 834-9777
6465												</a>
6466											</div>
6467										
6468
6469										
6470
6471										
6472											<div class="d-flex align-items-start newview-footer-fax-line">
6473												<i class="fa-solid fa-fax me-2 mt-1" aria-hidden="true"></i>
6474												<span>
6475													703-834-8187
6476												</span>
6477											</div>
6478										
6479									</div>
6480								</div>
6481
6482							</div>
6483						</div>
6484					
6485						<div class="col-12 col-lg-6">
6486							<div class="newview-footer-loc-tile h-100 p-4 p-lg-5">
6487
6488								<!-- Location title -->
6489								<div class="fw-semibold lh-sm mb-3 newview-footer-loc-title">
6490									<a href="https://newviewlasereye.com/location/newview-eye-center-leesburg/">
6491										NewView Eye Center Leesburg
6492									</a>
6493								</div>
6494
6495								<div class="row g-3">
6496									<!-- Address (opens Google Maps) -->
6497									<div class="col-12 col-sm-7">
6498										<div class="d-flex align-items-start newview-footer-contact-line">
6499											<i class="fa-solid fa-location-dot me-2 mt-1" aria-hidden="true"></i>
6500											<a href="https://www.google.com/maps/place/CLAIBORNE+M+CALLAHAN/@39.104566999999996,-77.5723967,14z/data=!4m8!1m2!2m1!1sCLAIBORNE+M+CALLAHAN!3m4!1s0x89b6162de60c598f:0x8cba9f39eb7ea620!8m2!3d39.104566999999996!4d-77.5723967" target="_blank" rel="noopener noreferrer" class="text-decoration-none">
6501												20 Davis Ave SW,
6502												Leesburg,
6503												Virginia
6504												20175
6505												<span class="visually-hidden">(opens Google Maps in new window)</span>
6506											</a>
6507										</div>
6508									</div>
6509
6510									<!-- Phone + Fax -->
6511									<div class="col-12 col-sm-5">
6512										
6513											<div class="d-flex align-items-start mb-2 newview-footer-contact-line">
6514												<i class="fa-solid fa-phone me-2 mt-1" aria-hidden="true"></i>
6515												<a href="tel:+1(703)-777-1244" class="text-decoration-none">
6516													(703) 777-1244
6517												</a>
6518											</div>
6519										
6520
6521										
6522
6523										
6524											<div class="d-flex align-items-start newview-footer-fax-line">
6525												<i class="fa-solid fa-fax me-2 mt-1" aria-hidden="true"></i>
6526												<span>
6527													703-834-8187
6528												</span>
6529											</div>
6530										
6531									</div>
6532								</div>
6533
6534							</div>
6535						</div>
6536					
6537				</div>
6538
6539				<!-- ═══ BOTTOM BAR ═══ -->
6540				<div class="newview-footer-bottom mt-4 mt-lg-5 pt-3">
6541					<div class="d-flex flex-column flex-md-row justify-content-between align-items-center gap-2">
6542						<p class="newview-footer-copy mb-0 text-center text-md-start">Copyright 2026 &copy; NewView Eye Center. All Rights Reserved.</p>
6543						<nav class="d-flex flex-wrap gap-3 justify-content-center newview-footer-legal" aria-label="Legal">
6544							<a href="https://newviewlasereye.com/accessibility/">Accessibility</a>
6545							<a href="https://newviewlasereye.com/disclaimer/">Disclaimer</a>
6546							<a href="https://newviewlasereye.com/compliance-risk/">Compliance & Risk</a>
6547							<a href="https://refocuseyedoctors.com/privacy-policy/">Privacy</a>
6548							<a href="https://refocuseyedoctors.com/terms-of-use/">Terms of Use</a>
6549							<a href="https://refocuseyedoctors.com/notice-of-nondiscrimination-policy/">Nondiscrimination</a>
6550							<a href="https://refocuseyedoctors.com/billing-disclosure/">Billing Disclosure</a>
6551						</nav>
6552					</div>
6553				</div>
6554
6555			</div>
6556		</div>
6557	</footer>
6558
6559
6560<!-- Floating CTA Button (mobile only) -->
6561<div class="d-md-none position-fixed bottom-0 mb-3 px-3 w-100 z-3">
6562	            <div class="newview-phone newview-schedule-phone">
6563                <div class="dropdown newview-phone__dropdown">
6564                    <button type="button"
6565                            class="newview-phone__btn newview-phone__btn--toggle nw_btn dropdown-toggle"
6566                            data-bs-toggle="dropdown"
6567                            data-bs-auto-close="true"
6568                            aria-expanded="false">
6569                        <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" fill="currentColor" class="newview-phone__icon" viewBox="0 0 16 16" aria-hidden="true"><path d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"/></svg>                        <span>2 Locations – Call Now!</span>
6570                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="newview-phone__chevron" viewBox="0 0 16 16" aria-hidden="true"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/></svg>                    </button>
6571
6572                    <ul class="dropdown-menu newview-phone__menu" role="menu">
6573                                                    <li role="none">
6574                                <a class="newview-phone__item"
6575                                   href="tel:+17037771244"
6576                                   role="menuitem">
6577                                    <span class="newview-phone__item-text">
6578                                                                                    <span class="newview-phone__item-city">Leesburg</span>
6579                                                                                <span class="newview-phone__item-phone">(703) 777-1244</span>
6580                                    </span>
6581                                    <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" class="newview-phone__item-icon" viewBox="0 0 16 16" aria-hidden="true"><path d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"/></svg>                                </a>
6582                            </li>
6583                                                    <li role="none">
6584                                <a class="newview-phone__item"
6585                                   href="tel:+17038349777"
6586                                   role="menuitem">
6587                                    <span class="newview-phone__item-text">
6588                                                                                    <span class="newview-phone__item-city">Reston</span>
6589                                                                                <span class="newview-phone__item-phone">(703) 834-9777</span>
6590                                    </span>
6591                                    <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" class="newview-phone__item-icon" viewB
6591ox="0 0 16 16" aria-hidden="true"><path d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"/></svg>                                </a>
6592                            </li>
6593                                            </ul>
6594                </div>
6595            </div>
6596            
6597</div>
6598
6599<!-- Website Credit -->
6600<div>
6601	<div class="container">
6602		<div class="d-flex flex-row justify-content-center align-items-center bg-white text-dark py-3 gap-2">
6603			<span class="m-0 rfs-6">Website Designed by</span>
6604			<a href="https://specialty.vision/marketing-for-ophthalmology/" class="text-decoration-none d-flex align-items-center gap-2">
6605				<img class="img-fluid" width="23" height="23" src="https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/9/2025/09/favicon-specialty-vision-fullcolor11.webp?strip=all" alt="Specialty Vision logo" loading="lazy">
6606				<span class="rfs-6 fw-bold">Specialty Vision</span>
6607			</a>
6608		</div>
6609	</div>
6610</div></footer>
6611
6612
6613
6614	
6614<script type="speculationrules">
6615{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/sites/55/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/picostrap5/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
6616</script>
6616
6617
6618	
6618<script id="lc_script_tag" type="module"></script>
6618
6619	
6619<script id="accessibility-widget-js-extra">
6620var _cyA11yConfig = {"status":{"mobile":true,"desktop":true},"iconId":"default","iconSize":"48","label":"Accessibility widget","heading":"Accessibility menu","position":{"mobile":"bottom-right","desktop":"bottom-right"},"language":{"default":"en","selected":[]},"margins":{"desktop":{"top":20,"bottom":20,"left":20,"right":20},"mobile":{"top":20,"bottom":20,"left":20,"right":20}},"primaryColor":"#1863DC","keyboard":{"enabled":false,"shortcut":"alt+a"},"modules":{"color":{"darkContrast":{"enabled":true},"lightContrast":{"enabled":true},"highContrast":{"enabled":true},"highSaturation":{"enabled":true},"lowSaturation":{"enabled":true},"monochrome":{"enabled":true}},"content":{"adjustFontSizing":{"enabled":true},"highlightTitle":{"enabled":true},"highlightLinks":{"enabled":true},"dyslexicFont":{"enabled":true},"letterSpacing":{"enabled":true},"lineHeight":{"enabled":true},"fontWeight":{"enabled":true},"textAlign":{"enabled":true}},"navigation":{"readingGuide":{"enabled":true},"pauseAnimations":{"enabled":true},"bigCursor":{"enabled":true}},"statement":{"enabled":false,"url":"","displayInWidget":false,"generatedDate":"","formData":{"companyName":"","businessEmail":"","website":"","wcagStandard":"WCAG 2.2 Level AA","conformanceStatus":"fully-conformant"}},"profiles":{"enabled":true},"pageRead":{"enabled":true},"muteSounds":{"enabled":true}},"focusRingColor":null};
6621var _cyA11yAssets = {"fonts":"https://newviewlasereye.com/wp-content/plugins/accessibility-widget/lite/frontend/assets/fonts/"};
6622//# sourceURL=accessibility-widget-js-extra
6623</script>
vendor: 1 bytes, line 6623
6623
6624<script id="accessibility-widget-js" src="https://newviewlasereye.com/wp-content/plugins/accessibility-widget/lite/frontend/assets/js/widget.min.js?ver=1787682311"></script>
vendor: 1 bytes, line 6624
6624
6625<script id="lc-aos-js" src="https://newviewlasereye.com/wp-content/plugins/livecanvas/modules/optin-extra-assets/aos-with-init.js?ver=762baabbd36986073f2e63e5741e1c84"></script>
vendor: 1 bytes, line 6625
6625
6626<script data-wp-strategy="defer" defer id="bootstrap5-js" src="https://newviewlasereye.com/wp-content/themes/picostrap5/js/bootstrap.bundle.min.js"></script>
6626
6627
6628	</body>
6629</html>
6630
6631
6632<!-- Cache served by breeze CACHE (Desktop) - Last modified: Sat, 03 Oct 2026 17:32:32 GMT -->

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.