PageSourceSearch

https://newviewlasereye.com/blogs/

html newviewlasereye.com collected 2026-10-04 02:37:48 UTC 151,915 bytes, 4,580 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		<!-- wp_head -->
7	<title>Whats New &#8211; New View Eye Center</title>
8<meta name='robots' content='max-image-preview:large' />
9<link rel='dns-prefetch' href='//ed7e7u353i8.exactdn.com' />
10<link rel='preconnect' href='//ed7e7u353i8.exactdn.com' />
11<style id="wp-img-auto-sizes-contain-inline-css">
12img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
13/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
14</style>
15<style id="wp-block-library-inline-css">
16: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;
16--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}}
17
18/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
19</style>
20<style id="classic-theme-styles-inline-css">
21/*! This file is auto-generated */
22.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}
23/*# sourceURL=/wp-includes/css/classic-themes.min.css */
24</style>
25
26<style id="global-styles-inline-css">
27: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%);
27--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;}
27.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;}
28/*# sourceURL=global-styles-inline-css */
29</style>
30
31<link rel='stylesheet' id='picostrap-styles-css' href='https://newviewlasereye.com/wp-content/themes/picostrap5/css-output/bundle-55.css?ver=443' media='all' />
32<link rel="canonical" href="https://newviewlasereye.com/blogs/" />
33<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 33-34
33
34<script async src="https://www.googletagmanager.com/gtag/js?id=
34AW-797515819
vendor: 13 bytes, line 34
34"></script>
35<script>
36  
vendor: 138 bytes, lines 36-40
36window.dataLayer = window.dataLayer || [];
37  function gtag(){dataLayer.push(arguments);}
38  gtag('js', new Date());
39
40  gtag('config', '
40AW-797515819
vendor: 5 bytes, line 40
40');
41</script>
41
42
43<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>
43
44
45<script>
46
47	document.addEventListener("DOMContentLoaded", function(event){
48
49		function uet_report_conversion() { window.uetq = window.uetq || []; window.uetq.push('event', 'contact', {}); } 
50
51		(document.querySelectorAll('a[href^="tel"]').forEach(button => button.addEventListener('click', function (event) {
52			uet_report_conversion()			
53		})));		
54		
55	});
56
57
58</script>
58
59
60<script>
61 document.addEventListener("DOMContentLoaded", function(event){
62
63      document.querySelectorAll('[href*="tel:"]').forEach(link => link.addEventListener('click', function () {
64            console.log('click!');
65            gtag('event', 'conversion', {'send_to': 'AW-797515819/0M4ZCJehhf0DEKvApPwC'});
66      }));
67 });
68</script>
68
69
70<link rel='dns-prefetch' href='//cdn.jsdelivr.net' /> 
71<style>
72 @font-face {
73    font-family:'Outfit';
74    font-style:normal;
75    font-display:swap;
76    font-weight:100 200 300 400 500 600 700 800 900;
77    src:url(https://cdn.jsdelivr.net/fontsource/fonts/outfit:vf@latest/latin-wght-normal.woff2) format('woff2-variations');
78    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;
79} 
80 @font-face {
81    font-family:'Castoro';
82    font-style:normal;
83    font-display:swap;
84    font-weight:400;
85    src:url(https://cdn.jsdelivr.net/fontsource/fonts/castoro@latest/latin-400-normal.woff2) format('woff2');
86    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;
87}
88 </style>
89   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
90<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","@id":"https://newviewlasereye.com/blogs/","url":"https://newviewlasereye.com/blogs/","name":"Whats New","description":"What's New Stay Informed &amp; Empowered With NewView Eye Center...Read More...","dateModified":"2026-07-21T12:26:38+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>
90
91<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" />
92<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" />
93<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" />
94<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" />
95<style id="wp-custom-css">
96/* FONTS */
97/* Import Google Fonts */
98@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap');
99
100/* Default font for the whole page */
101/* body p,
102a {
103font-family: 'Inter', sans-serif !important;
104} */
105
106/* Headings, buttons, and links use Poppins */
107button input[type="button"],
108input[type="submit"] {
109font-family: 'Inter', sans-serif !important;
110}
111
112
113/* END */
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136/* START OF LOCATION ACCORDION BUTTON STYLING */
137
138/* #locationHeading1 .accordion-button {
139background: linear-gradient(90deg, rgba(0, 165, 228, 0.5) 0%, rgba(31, 196, 168, 0.3) 61%);
140} */
141
142#locationHeading1 .accordion-button .location-office-icon {
143display: flex;
144justify-content: center;
145align-items: center;
146width: 30px;
147height: 30px;
148background-color: white;
149border-radius: 50%;
150font-size: 20px;
151color: var(--bs-secondary);
152
153}
154
155/* Default state: Chevron pointing down */
156#locationHeading1 .accordion-button .accordion-chevron-icon {
157transition: transform 0.3s ease;
158/* Smooth transition for rotation */
159}
160
161/* When the accordion button is clicked (open state), the chevron rotates */
162#locationHeading1 .accordion-button:not(.collapsed) .accordion-chevron-icon {
163transform: rotate(180deg);
164/* Flip the chevron when the accordion is opened */
165}
166
167
168/* END OF LOCATION ACCORDION */
169
170
171.remove-style-link {
172color: inherit;
173text-decoration: none;
174}
175
176.remove-style-link:hover {
177color: #203D8E;
178}
179
180.custom-refer-btn {
181background-color: #203D8E;
182color: white;
183border: 1px solid #203D8E;
184padding: 12px 24px;
185font-weight: 500;
186text-decoration: none;
187border-radius: 4px;
188display: inline-block;
189transition: all 0.3s ease;
190}
191
192.custom-refer-btn:hover {
193background-color: white;
194color: #203D8E;
195border: 1px solid #203D8E;
196}
197
198
199/*-----Refocus-----*/
200.refocus-hero-gradient {
201background: linear-gradient(to bottom,
202rgba(183, 237, 228, 0.1) 50%,
203rgba(182, 229, 238, 0.5) 100%);
204}
205
206/* If these utilities already exist in your project, you can omit this block */
207.rf-color {
208color: #1bbfdd;
209}
210
211.rf-bg-color {
212background: #10AFC3;
213}
214
215.rf-primary {
216color: #0F2F39;
217}
218
219.rf-bg-light {
220background: #F4FAFB;
221}
222
223/* Tiles */
224.rf-tile {
225display: flex;
226align-items: center;
227justify-content: center;
228width: 100%;
229height: 100%;
230min-height: 92px;
231padding: 18px 20px;
232border-radius: 16px;
233background: #FFFFFF;
234color: #0F2F39;
235box-shadow: 0 8px 20px rgba(3, 41, 64, 0.08);
236transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, color .15s ease;
237text-align: center;
238}
239
240/* Hover/keyboard focus becomes teal */
241.rf-tile:hover,
242.rf-tile:focus-visible {
243background: #10AFC3;
244color: #FFFFFF;
245box-shadow: 0 10px 22px rgba(16, 175, 195, 0.35);
246transform: translateY(-2px);
247outline: 0;
248}
249
250/* Icon ring (used in the first tile) */
251.rf-icon-ring {
252width: 40px;
253height: 40px;
254border-radius: 999px;
255border: 1px solid #10AFC3;
256color: #10AFC3;
257display: flex;
258align-items: center;
259justify-content: center;
260}
261
262/* Invert icon ring on hover/focus for contrast */
263.rf-tile:hover .rf-icon-ring,
264.rf-tile:focus-visible .rf-icon-ring {
265border-color: #FFFFFF;
266color: #FFFFFF;
267}
268
269
270/* Callout wrapper (dark gradient card) */
271.rf-callout {
272background: linear-gradient(135deg, #0F2F39 0%, #0A7385 100%);
273color: #ffffff;
274border-radius: 20px;
275position: relative;
276}
277
278/* Eyebrow, title, copy */
279.rf-eyebrow {
280color: #1bbfdd;
281letter-spacing: .2px;
282}
283
284.rf-title {
285color: #ffffff;
286line-height: 1.1;
287font-size: clamp(1.8rem, 2.6vw + 1rem, 3rem);
288}
289
290.rf-copy {
291color: rgba(255, 255, 255, .88);
292font-size: 1.05rem;
293}
294
295/* CTA button */
296.rf-btn-teal {
297background: #10AFC3;
298color: #fff;
299border: 0;
300border-radius: 12px;
301box-shadow: 0 10px 24px rgba(16, 175, 195, .35);
302transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
303}
304
305.rf-btn-teal:hover {
306background: #0f9fb4;
307color: #fff;
308transform: translateY(-1px);
309}
310
311/* Right-side image card + badges */
312.rf-photo-wrapper {
313position: relative;
314max-width: 560px;
315}
316
317.rf-photo-card {
318border-radius: 24px;
319padding: 0px;
320}
321
322/* Small floating image (top-right) */
323.rf-badge-small {
324position: absolute;
325top: 18px;
326right: -14px;
327width: 170px;
328height: 130px;
329background: #fff;
330border-radius: 16px;
331border: 2px solid rgba(27, 191, 221, .8);
332overflow: hidden;
333}
334
335/* Teal icon badge (bottom-right) */
336.rf-badge-large {
337position: absolute;
338right: -16px;
339bottom: -16px;
340width: 96px;
341height: 96px;
342background: #10AFC3;
343color: #fff;
344border-radius: 18px;
345box-shadow: 0 12px 28px rgba(16, 175, 195, .5);
346}
347
348/* Card wrapper (kept simple for grid spacing) */
349.rf-doc-card {}
350
351/* Portrait panel with inset name bar */
352.rf-doc-top {
353position: relative;
354background: #EAF7FB;
355border: 2px solid #1bbfdd;
356border-radius: 16px;
357min-height: auto;
358padding: 18px 18px 20px;
359/* leave room for the name bar inside */
360overflow: hidden;
361/* so bottom corners clip the name nicely */
362transition: box-shadow .18s ease;
363}
364
365.rf-doc-card:hover .rf-doc-top {
366box-shadow: 0 12px 26px rgba(3, 41, 64, 0.12);
367}
368
369/* Doctor image */
370.rf-doc-img {
371width: 100%;
372height: 100%;
373object-fit: contain;
374/* keeps cutouts centered without cropping */
375}
376
377/* Name sits INSIDE the card, fixed to the bottom */
378.rf-doc-name {
379position: absolute;
380left: 0;
381right: 0;
382bottom: 0;
383background: #FFFFFF;
384color: #0F2F39;
385padding: 12px 16px;
386border-top: 1px solid rgba(3, 41, 64, 0.08);
387/* No border radius needed; parent clip creates rounded corners */
388}
389
390/* Optional: adjust panel height per breakpoint */
391@media (min-width: 1200px) {
392.rf-doc-top {
393min-height: auto;
394}
395}
396
397/* Your palette utilities assumed:
398.rf-color{color:#1bbfdd;} .rf-bg-color{background:#10AFC3;}
399.rf-primary{color:#0F2F39;} .bg-rf-light{background:#F4FAFB;}
400*/
401
402/* Section background with gradient + placeholder image */
403.rf-reviews {
404position: relative;
405overflow: hidden;
406background: linear-gradient(135deg, #0F2F39 0%, #0E4954 60%, #0A7385 100%);
407}
408
409/* Background image (placeholder) */
410.rf-reviews::before {
411content: "";
412position: absolute;
413inset: 0;
414background:
415linear-gradient(0deg, rgba(15, 47, 57, .55), rgba(15, 47, 57, .55)),
416url("https://via.placeholder.com/1600x700.png?text=People+Background");
417background-position: center bottom;
418background-size: cover;
419opacity: .85;
420/* overall strength of the image overlay */
421pointer-events: none;
422}
423
424/* Decorative diamond shapes */
425.rf-shape {
426position: absolute;
427border: 2px solid #10AFC3;
428border-radius: 20px;
429transform: rotate(45deg);
430opacity: .5;
431pointer-events: none;
432}
433
434.rf-shape-lg {
435width: 220px;
436height: 220px;
437left: 60px;
438bottom: 80px;
439}
440
441.rf-shape-md {
442width: 260px;
443height: 260px;
444left: 44%;
445top: -40px;
446opacity: .35;
447background: rgba(16, 175, 195, .2);
448border: 0;
449}
450
451.rf-shape-sm {
452width: 86px;
453height: 86px;
454right: 100px;
455top: 68px;
456}
457
458/* Quote card */
459.rf-quote-wrap {
460min-height: auto;
461}
462
463.rf-quote-card {
464position: relative;
465border-radius: 18px;
466padding: 24px 28px;
467box-shadow: 0 16px 36px rgba(0, 0, 0, .18);
468color: #0F2F39;
469}
470
471/* small outlined rounded-square decor on the top-right of the card */
472.rf-quote-deco {
473position: absolute;
474width: 70px;
475height: 70px;
476border-radius: 18px;
477border: 2px solid #12c8c8;
478right: 18px;
479top: -24px;
480transform: rotate(45deg);
481background: #fff;
482/* keep the border visible over bg */
483}
484
485/* Quote text */
486.rf-quote-text {
487font-size: 1.05rem;
488line-height: 1.6;
489}
490
491/* Arrows under/near the card */
492.rf-arrows {
493display: flex;
494gap: 10px;
495position: absolute;
496left: 12px;
497bottom: -26px;
498}
499
500.rf-arrow {
501width: 40px;
502height: 40px;
503border-radius: 50%;
504border: 2px solid rgba(255, 255, 255, .9);
505color: #ffffff;
506display: inline-flex;
507align-items: center;
508justify-content: center;
509backdrop-filter: blur(2px);
510transition: transform .15s ease, background-color .15s ease, border-color .15s ease;
511}
512
513.rf-arrow:hover {
514transform: translateY(-2px);
515background: rgba(255, 255, 255, .08);
516}
517
518/* Responsive tweaks */
519@media (max-width: 991.98px) {
520.rf-arrows {
521bottom: -22px;
522}
523
524.rf-shape-md {
525left: 55%;
526}
527}
528
529
530/*------------CONTAINER END-----------------------*/
531
532p,
533li,
534a {
535
536font-size: 16px;
537font-weight: 400;
538}
539
540.top-bar a {
541color: white;
542}
543
544.top-bar a:hover {
545color: #8ce2e2;
546}
547
548.ac-text {
549color: #074570;
550}
551
552.small-shadow {
553box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
554}
555
556.shadow2 {
557border-radius: 8px;
558box-shadow: 0px 0px 30.7px rgba(27, 36, 50, 0.2), 16px 18px 22.1px rgba(27, 36, 50, 0.05);
559}
560
561.bg-light-color {
562background-color: #EEF5F6;
563}
564
565.coloredr-gradient {
566background: -webkit-linear-gradient(left, #0E4570 60%, #3EAED3 100%);
567background: -moz-linear-gradient(left, #0E4570 60%, #3EAED3 100%);
568background: -o-linear-gradient(left, #0E4570 60%, #3EAED3 100%);
569background: linear-gradient(to right, #0E4570 60%, #3EAED3 100%);
570}
571
572.je-sv-appt-bg {
573background-image: linear-gradient(180deg, #f9fbfc 50%, #001419 40%);
574}
575
576@media (min-width: 780px) {
577.shadow1 {
578margin-top: -60px;
579z-index: 1;
580}
581}
582
583.je-button:hover {
584transform: translate(15px);
585transition-duration: 0.3s;
586box-shadow: 5px 5px 16px 0 rgba(14, 37, 58, .15);
587}
588
589/* Related Child Pages */
590
591.related-content {
592display: flex;
593gap: 30px;
594padding: 0px 16px;
595justify-content: center;
596/* Center cards horizontally */
597align-items: center;
598flex-wrap: wrap;
599}
600
601.slider-row {
602display: flex;
603gap: 30px;
604padding: 0px 16px;
605justify-content: center;
606/* Center cards horizontally */
607align-items: center;
608flex-wrap: wrap;
609}
610
611.skew-card {
612display: flex;
613flex-direction: column;
614min-width: 20%;
615border: none;
616}
617
618.skew-content-no-hover {
619position: relative;
620padding: 10px 20px 10px 20px;
621background: 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%);
622color: #fff;
623font-family: 'montserrat', Sans-Serif;
624border-radius: 8px;
625transform: skew(-15deg);
626box-shadow: 0 4px 18px rgba(28, 44, 100, 0.08);
627transition:
628box-shadow 0.3s cubic-bezier(.4, 2, .6, 1),
629transform 0.3s cubic-bezier
630}
631
632.gradient-section {
633background: 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%);
634}
635
636.skew-content {
637position: relative;
638padding: 10px 20px 10px 20px;
639background: 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%);
640color: #fff;
641font-family: 'montserrat', Sans-Serif;
642border-radius: 8px;
643transform: skew(-15deg);
644box-shadow: 0 4px 18px rgba(28, 44, 100, 0.08);
645transition:
646box-shadow 0.3s cubic-bezier(.4, 2, .6, 1),
647transform 0.3s cubic-bezier(.4, 2, .6, 1);
648}
649
650.skew-title {
651font-size: 1rem;
652font-weight: 600;
653transform: skew(15deg);
654/* Unskew text for readability */
655}
656
657.skew-body {
658font-size: 1rem;
659font-weight: 500;
660transform: skew(15deg);
661/* Unskew text for readability */
662}
663
664
665.skew-content:hover {
666color: #21748E;
667background: linear-gradient(90deg, #f8f8f8 60%, #ffffff 100%);
668box-shadow:
6690 0 16px 4px rgba(207, 255, 235, 0.95),
670/* bright, light inner glow */
6710 0 48px 18px rgba(133, 202, 155, 0.38);
672transform: skew(-15deg) translateY(-8px);
673/* add upward move! */
674}
675
676/*
677.additional-content {
678display: grid;
679grid-template-columns: repeat(3, 1fr);
680gap: 60px 20px;
681list-style: none;
682padding: 2rem;
683margin: 0;
684}
685
686.additional-content li {
687position: relative;
688transition: transform 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
689font-size: 1.4em;
690font-weight: 400;
691line-height: 1.4em;
692text-align: left;
693color: #475360;
694cursor: pointer;
695padding: 1rem 1rem 1rem 20px;
696border-radius: 16px;
697}
698
699.additional-content li a {
700text-decoration: none;
701}
702
703/* Square bullet */
704.additional-content li::before {
705content: '';
706position: absolute;
707left: 0;
708top: 50%;
709transform: translateY(-50%);
710width: 1px;
711height: 100%;
712background-color: #1bbfdd;
713transition: opacity 0.3s ease;
714}
715
716/* Hover state: shadow, color, bullet disappears */
717.additional-content li:hover {
718color: #1bbfdd;
719font-weight: 600;
720transform: scale(1.02);
721box-shadow: 0 8px 20px rgba(27, 191, 221, 0.15);
722}
723
724.additional-content li:hover::before {
725opacity: 0;
726}
727
728/* Mobile adjustments */
729@media screen and (max-width: 768px) {
730.additional-content {
731grid-template-columns: 1fr;
732gap: 40px 20px;
733}
734}
735
736END */
737/* TESTIMONIAL SLIDER */
738
739.testimonial-slider {
740position: relative;
741max-width: 100%;
742/* Make wider if you want, or remove for full width */
743margin: 0 auto;
744min-height: 120px;
745/* Space for arrows and text */
746display: flex;
747align-items: center;
748justify-content: center;
749}
750
751.testimonial-slider .testimonial {
752flex: 1 1 auto;
753display: none;
754text-align: center;
755}
756
757.testimonial-slider .testimonial.active {
758display: block;
759}
760
761.testimonial-slider button {
762position: absolute;
763top: 50%;
764transform: translateY(-50%);
765background: #eee;
766border: none;
767padding: 0px;
768width: 40px;
769height: 40px;
770cursor: pointer;
771font-size: 1.6em;
772border-radius: 50%;
773opacity: 0.7;
774transition: opacity 0.2s;
775z-index: 2;
776display: flex;
777align-items: center;
778justify-content: center;
779}
780
781.testimonial-slider .testimonial-prev {
782left: 0;
783}
784
785.testimonial-slider .testimonial-next {
786right: 0;
787}
788
789.testimonial-slider button:hover {
790opacity: 1;
791}
792
793/* MOBILE: move arrows below slider */
794@media (max-width: 600px) {
795.testimonial-slider {
796display: block;
797min-height: unset;
798}
799
800.testimonial-slider .testimonial {
801margin-bottom: 16px;
802}
803
804.testimonial-slider button {
805position: static;
806display: inline-block;
807margin: 0 8px;
808top: auto;
809left: auto;
810right: auto;
811transform: none;
812}
813
814.testimonial-slider .testimonial-prev,
815.testimonial-slider .testimonial-next {
816/* Remove edge positioning on mobile */
817}
818
819.testimonial-slider {
820text-align: center;
821}
822}
823
824/* TESTIMONIAL SLIDER END */
825
826/*END - RELATED PAGES*/
827
828.bg-cc-section {
829background-image: url('https://app.specialty.vision/wp-content/uploads/2025/04/bg-cc.png');
830background-size: cover;
831background-position: center;
832background-repeat: no-repeat;
833}
834
835/* Container for the image */
836.je-imagefill {
837position: relative;
838width: 100%;
839/* Ensure the image takes full width */
840height: 100vh;
841/* Keep the image at a fixed height, relative to the viewport */
842overflow: hidden;
843/* Prevent overflow */
844z-index: 1;
845/* Place the image below the accordion */
846}
847
848/* Image styling to maintain aspect ratio and fill the container */
849.je-imagefill img {
850width: 100%;
851height: 100%;
852object-fit: cover;
853/* Ensures the image covers the container without distorting */
854object-position: center;
855/* Center the image */
856}
857
858/* Mobile View - Image height adjustment */
859@media (max-width: 768px) {
860
861/* Left column image */
862.je-imagefill {
863height: 40vh;
864/* Reduce the image height on mobile to 30% of the viewport height */
865}
866}
867
868
869.je-gradient {
870background-image: linear-gradient(180deg, #fbfbfb 70%, #203d8e 40%);
871}
872
873.bg-cc-section .overlay {
874background-color: rgba(255, 255, 255, 0.8);
875z-index: 0;
876}
877
878/*-------------------------------ACCORDION */
879/* Remove default caret icon */
880.accordion-button::after {}
881
882/* Style the custom + icon */
883.accordion-button .accordion-icon {
884order: -1;
885font-size: 30px;
886color: #84bddd;
887margin-right: 1rem;
888margin-left: 0;
889line-height: 0;
890transition: transform 0.3s ease;
891}
892
893/* Rotate the icon when the accordion is expanded */
894.accordion-button:not(.collapsed) .accordion-icon {
895transform: rotate(45deg);
896/* Rotate + to X */
897color: #063b58;
898}
899
900.accordion-item {
901border: none;
902}
903
904.accordion-button {
905border: none;
906font-size: 1rem;
907font-weight: 500;
908background-color: white;
909}
910
911/* .accordion-button::after {
912content: ""; 
913 order: -1;
914margin-right: 1rem;
915margin-left: 0;
916filter: brightness(0) saturate(100%) invert(29%) sepia(93%) saturate(747%) hue-rotate(190deg) brightness(92%) contrast(85%); 
917} */
918
919#headingAppointment .accordion-button::after,
920#jeEyeCareAccordion .accordion-button::after,
921#jeEyeCareAccordion2 .accordion-button::after {
922/* Move it before the text */
923order: 1;
924filter: brightness(0) saturate(100%) invert(29%) sepia(93%) saturate(747%) hue-rotate(190deg) brightness(92%) contrast(85%);
925}
926
927/* Keep active button background clean */
928.accordion-button:not(.collapsed) {
929
930background-color: #e5f5fa;
931/* No background change */
932box-shadow: none;
933}
934
935
936/*------------------BACKGROUND ELEMENTS ----------------*/
937
938.jeContentleft {
939margin-left: -60px;
940}
941
942/* Background Elements */
943.je-bg-left {
944position: absolute;
945bottom: -80px;
946left: 0;
947width: 250px;
948z-index: -1;
949opacity: 0.2;
950}
951
952.je-bg-right {
953position: absolute;
954bottom: -80px;
955right: 0;
956width: 250px;
957z-index: -1;
958opacity: 0.2;
959}
960
961
962@media (max-width: 1084px) {
963
964/* Target tablets & mobile */
965/* Target tablets & mobile */
966.je-bg-left {
967bottom: -5%;
968left: 20%;
969width: 300px;
970}
971
972.je-bg-right {
973bottom: -10%;
974right: 20%;
975width: 300px;
976}
977
978}
979
980@media (max-width: 768px) {
981
982/* Target tablets & mobile */
983.je-bg-left {
984bottom: -30px;
985/* Adjust position */
986left: 0;
987width: 300px;
988}
989
990.je-bg-right {
991bottom: -30px;
992right: 0;
993width: 300px;
994}
995
996}
997
998#change-color {
999color: #217bc0;
1000}
1001
1002@media (max-width: 1024px) and (min-width: 768px) {
1003#responsive-768 {
1004flex-direction: column !important;
1005}
1006
1007#responsive-768 #jeEyeCareAccordion2 {
1008width: 100%;
1009}
1010
1011#responsive-768 #jeEyeCareAccordion {
1012width: 100%;
1013}
1014}
1015
1016#bg-color {
1017background-color: #203D8E !important;
1018}
1019
1020.container.p-4.move1 {
1021position: relative;
1022z-index: 1;
1023background-color: #fff;
1024top: -100px;
1025}
1026
1027@media (min-width:768) {
1028.row.p-5.adjust-gap {
1029display: flex;
1030flex-direction: row;
1031align-items: start;
1032gap: 60px;
1033padding-top: 40px;
1034padding-right: 40px;
1035padding-bottom: 40px;
1036padding-left: 40px;
1037flex-wrap: nowrap;
1038}
1039}
1040
1041@media (max-width:767) {
1042.row.p-5.adjust-gap {
1043display: flex;
1044flex-direction: column;
1045align-items: start;
1046gap: 60px;
1047padding-top: 40px;
1048padding-right: 15px;
1049padding-bottom: 40px;
1050padding-left: 15px;
1051flex-wrap: nowrap;
1052}
1053
1054#adjust-gap {
1055padding: 0px !important;
1056}
1057}
1058
1059#btn-hvr:hover {
1060transform: translate(15px);
1061transition-duration: 0.3s;
1062box-shadow: 5px 5px 16px 0 rgba(14, 37, 58, 0.15);
1063color: #169eff !important;
1064background-color: #ffffff !important;
1065border-color: #203d8e;
1066}
1067
1068#btn-hvr {
1069background-color: #203D8E;
1070}
1071
1072ul.p-list {
1073display: flex;
1074flex-wrap: wrap;
1075gap: 10px;
1076padding: 0;
1077margin: 0;
1078list-style: none;
1079justify-content: flex-start;
1080width: 85%;
1081}
1082
1083.p-list li {
1084position: relative;
1085display: flex;
1086align-items: center;
1087padding: 10px 15px;
1088background: white;
1089border-radius: 8px;
1090box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
1091flex: none;
1092white-space: nowrap;
1093}
1094
1095
1096.check-icon {
1097padding-top: 30px;
1098border-style: solid;
1099border-width: 0;
1100border-color: #169eff;
1101border-top-width: 2px;
1102}
1103
1104
1105@media (min-width:769px) {
1106#heading2 {
1107font-size: 40px;
1108}
1109}
1110
1111
1112
1113
1114ul.p-list-1 {
1115display: flex;
1116flex-wrap: wrap;
1117gap: 10px;
1118padding: 0;
1119margin: 0;
1120list-style: none;
1121justify-content: flex-start;
1122width: 100%;
1123}
1124
1125.p-list-1 li {
1126position: relative;
1127display: flex;
1128align-items: center;
1129padding: 10px 15px;
1130background: white;
1131border-radius: 8px;
1132box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
1133flex: none;
1134white-space: nowrap;
1135}
1136
1137ul.p-list-1-map {
1138display: flex;
1139flex-wrap: wrap;
1140gap: 10px;
1141padding: 0;
1142margin: 0;
1143list-style: none;
1144justify-content: flex-start;
1145width: 100%;
1146}
1147
1148
1149.p-list-1-map li {
1150position: relative;
1151display: flex;
1152align-items: center;
1153padding: 10px 15px;
1154background: white;
1155border-radius: 8px;
1156box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
1157flex: none;
1158white-space: nowrap;
1159}
1160
1161
1162#gradient-bg {
1163background-image: radial-gradient(at center center, #304b82 50%, #7fc3e0 100%);
1164}
1165
1166.dr-signature {
1167font-family: "Mrs Saint Delafield", cursive !important;
1168font-weight: 400;
1169font-style: normal;
1170font-size: 35px;
1171}
1172
1173div#qfeedback {
1174padding-top: 56px;
1175padding-right: 38px;
1176padding-bottom: 56px;
1177padding-left: 38px;
1178border-radius: 24px;
1179box-shadow: 0px 0px 30.7px rgba(27, 36, 50, 0.2), 16px 18px 22.1px rgba(27, 36, 50, 0.05);
1180width: 30%;
1181}
1182
1183@media (min-width:769px) {
1184div#adj-gap {
1185display: flex;
1186gap: 25px;
1187flex-direction: row;
1188flex-wrap: wrap;
1189justify-content: center;
1190}
1191
1192div#qfeedback {
1193padding-top: 56px;
1194padding-right: 38px;
1195padding-bottom: 56px;
1196padding-left: 38px;
1197border-radius: 24px;
1198box-shadow: 0px 0px 30.7px rgba(27, 36, 50, 0.2), 16px 18px 22.1px rgba(27, 36, 50, 0.05);
1199width: 30%;
1200}
1201}
1202
1203@media (max-width:768px) {
1204div#adj-gap {
1205display: flex;
1206gap: 25px;
1207flex-direction: column;
1208flex-wrap: wrap;
1209justify-content: center;
1210align-content: center;
1211}
1212
1213div#qfeedback {
1214padding-top: 56px;
1215padding-right: 38px;
1216padding-bottom: 56px;
1217padding-left: 38px;
1218border-radius: 24px;
1219box-shadow: 0px 0px 30.7px rgba(27, 36, 50, 0.2), 16px 18px 22.1px rgba(27, 36, 50, 0.05);
1220width: 95%;
1221}
1222
1223p#qmessage {
1224font-size: 20px !important;
1225}
1226}
1227
1228div#q-icon {
1229margin-top: -85px;
1230}
1231
1232section#bg-image {
1233background-image: url(http://newviewlasereye.sv-builder.com/wp-content/uploads/sites/55/2025/05/Demo-section-1.jpg);
1234background-position: center;
1235background-repeat: no-repeat;
1236background-size: cover;
1237background-blend-mode: overlay;
1238background-color: #000000b8;
1239}
1240
1241section#half-bg .col-md-6.bg-primary.d-flex.align-items-center.py-md-5 {
1242background-color: #203D8E !important;
1243}
1244
1245section#bg-img {
1246background-image: url('[lc_the_thumbnail_url size=' full']');
1247background-position: center;
1248background-repeat: no-repeat;
1249background-size: cover;
1250background-blend-mode: overlay;
1251background-color: #000000b8;
1252}
1253
1254.lc-block.divider hr {
1255width: 8%;
1256border-color: #0d76bc;
1257border-width: 4px;
1258border-style: solid;
1259opacity: 1;
1260}
1261
1262div#p-responsive {
1263max-width: 800px;
1264}
1265
1266section.bg-c {
1267background-color: #f9fbfc;
1268}
1269
1270div#p-responsive .row .col-md-12.p-5 {
1271background-color: #ffffff;
1272border-top-left-radius: 8px;
1273border-top-right-radius: 8px;
1274border-bottom-left-radius: 8px;
1275border-bottom-right-radius: 8px;
1276margin-top: -100px;
1277}
1278
1279ul.p-list-1-map.p-list-new-map li a {
1280color: #0e3540;
1281}
1282
1283ul.p-list-1.p-list-new li,
1284ul.p-list-1-map.p-list-new-map li {
1285background-color: transparent !important;
1286box-shadow: none;
1287padding: 0px;
1288}
1289
1290div#col-bg-c {
1291background-color: #ffffff;
1292border-radius: 10px;
1293}
1294
1295@media (max-width: 768px) {
1296div#reverse-col {
1297display: flex;
1298flex-direction: column-reverse;
1299gap: 20px;
1300}
1301
1302div#reverse-col .col-md-6,
1303div#reverse-col .col-md-8,
1304div#reverse-col .col-md-4 {
1305width: 100%;
1306}
1307}
1308
1309@media (min-width: 768px) {
1310.carousel-inner {
1311display: flex;
1312}
1313}
1314
1315.carousel-inner {
1316padding: 2em 1em;
1317}
1318
1319.card {
1320margin: 0 .5em;
1321box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
1322border: none;
1323}
1324
1325.carousel-control-prev,
1326.carousel-control-next {
1327background-color: #e1e1e1;
1328width: 6vh;
1329height: 6vh;
1330border-radius: 50%;
1331top: 50%;
1332transform: translateY(-50%);
1333}
1334
1335/*BUTTON ON PAGE ANIMATION*/
1336.je-sv-btn {
1337color: white;
1338font-weight: bold;
1339}
1340
1341.je-sv-btn:hover {
1342color: white;
1343background-color: #1bbfdd;
1344transform: translate(15px);
1345transition-duration: 0.3s ease;
1346box-shadow: 5px 5px 16px 0 rgba(14, 37, 58, .15);
1347}
1348
1349
1350/* DOCTORS IMAGE SECTION WITH THE HOVER STYLE */
1351.je-sv-col {
1352position: relative;
1353height: 480px;
1354width: 100%;
1355overflow: hidden;
1356border-radius: 24px;
1357/* for rounded corners */
1358box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
1359background: #00bfff;
1360/* fallback color */
1361display: flex;
1362align-items: stretch;
1363justify-content: center;
1364}
1365
1366.dr-img {
1367position: absolute;
1368top: 0;
1369left: 0;
1370width: 100%;
1371height: 100%;
1372object-fit: cover;
1373border-radius: 24px;
1374z-index: 0;
1375transition: transform 0.3s;
1376}
1377
1378.je-sv-bio-btn {
1379color: white;
1380background-color: transparent;
1381}
1382
1383.je-sv-bio-btn:hover {
1384color: white;
1385background-color: #1bbfdd;
1386}
1387
1388.je-sv-col:hover .dr-img {
1389transform: scale(1.03);
1390}
1391
1392.content-overlay {
1393position: absolute;
1394left: 0;
1395right: 0;
1396bottom: 0;
1397padding: 32px 20px 28px 20px;
1398text-align: center;
1399color: white;
1400width: 100%;
1401opacity: 0;
1402/* Hidden by default */
1403transition: opacity 0.3s ease-in-out;
1404z-index: 2;
1405display: flex;
1406flex-direction: column;
1407align-items: center;
1408justify-content: flex-end;
1409/* Pushes text to bottom */
1410min-height: 220px;
1411/* Optional, for minimum overlay height */
1412box-sizing: border-box;
1413}
1414
1415/* Show overlay on hover */
1416.je-sv-col:hover .content-overlay {
1417opacity: 1;
1418}
1419
1420.je-sv-col::after {
1421content: "";
1422position: absolute;
1423top: 0;
1424left: 0;
1425width: 100%;
1426height: 100%;
1427background-image: linear-gradient(0deg, #162539 10%, rgba(178, 50, 0, 0) 100%);
1428opacity: 0;
1429/* Hidden by default */
1430transition: opacity 0.3s ease-in-out;
1431z-index: 1;
1432}
1433
1434.je-sv-col:hover::after {
1435opacity: 1;
1436/* Show gradient on hover */
1437}
1438
1439.je-sv-beforeheading {
1440font-size: 18px;
1441letter-spacing: 6px;
1442text-transform: uppercase;
1443}
1444
1445
1446
1447/*Homepage CSS start here*/
1448
1449.hero-section {
1450background-image: url(http://newviewlasereye.sv-builder.com/wp-content/uploads/sites/55/2025/06/Untitled-design-13.png);
1451background-repeat: no-repeat;
1452background-size: cover;
1453}
1454
1455/*Dc Retina button Css*/
1456.dc-retina-button {
1457transition: all 500ms ease;
1458background: linear-gradient(90deg, #074570 50%, #ffffff 0) var(--_p, 100%) / 200% no-repeat;
1459border-color: #074570;
1460}
1461
1462.dc-retina-button:hover {
1463--_p: 0%;
1464color: #fff;
1465}
1466
1467/*Hero Background Animation*/
1468
1469/*.z-image:before {
1470content: "";
1471background-image: url(/wp-content/uploads/sites/55/2025/06/Circle-1.png);
1472height: 100%;
1473position: absolute;
1474width: 100%;
1475background-repeat: no-repeat;
1476animation: 4s linear 0s infinite normal none running zoom-fade;
1477z-index: -1;
1478top: 0;
1479}
1480
1481@keyframes zoom-fade {
14820% {
1483transform: scale(0.9);
1484}
1485
148650% {
1487transform: scale(1)
1488}
1489
1490100% {
1491transform: scale(0.9);
1492}
1493}
1494*/
1495
1496.circle-1 {
1497width: 100px;
1498height: 100px;
1499border-radius: 100%;
1500background-color: #1f4270;
1501position: absolute;
1502top: 50%;
1503z-index: -1;
1504animation: 4s linear 0s infinite normal none running zoom-fade;
1505}
1506
1507.circle-2 {
1508width: 50px;
1509height: 50px;
1510border-radius: 100%;
1511background-color: #fff9dd;
1512position: absolute;
1513top: 40%;
1514z-index: -1;
1515animation: 4s linear 0s infinite normal none running zoom-fade;
1516left: 80%;
1517}
1518
1519.circle-3 {
1520width: 150px;
1521height: 150px;
1522border-radius: 100%;
1523background-color: #3c78c5;
1524position: absolute;
1525top: 50%;
1526z-index: -1;
1527animation: 4s linear 0s infinite normal none running zoom-fade;
1528left: 80%;
1529}
1530
1531
1532.circle-4 {
1533width: 70px;
1534height: 70px;
1535border-radius: 100%;
1536background-color: #fff9dd;
1537position: absolute;
1538top: 25%;
1539z-index: -1;
1540animation: 4s linear 0s infinite normal none running zoom-fade;
1541}
1542
1543.circle-5 {
1544width: 120px;
1545height: 120px;
1546border-radius: 100%;
1547background-color: #3c78c5;
1548position: absolute;
1549z-index: -1;
1550animation: 4s linear 0s infinite normal none running zoom-fade;
1551left: 55%;
1552}
1553
1554
1555.circle-6 {
1556width: 120px;
1557height: 120px;
1558border-radius: 100%;
1559background-color: #1f4270;
1560position: absolute;
1561top: 20%;
1562z-index: -1;
1563animation: 4s linear 0s infinite normal none running zoom-fade;
1564left: 70%;
1565}
1566
1567@media (max-width:500px) {
1568.circle-1 {
1569width: 70px;
1570height: 70px;
1571border-radius: 100%;
1572background-color: #1f4270;
1573position: absolute;
1574top: 50%;
1575z-index: -1;
1576animation: 4s linear 0s infinite normal none running zoom-fade;
1577}
1578
1579.circle-2 {
1580width: 50px;
1581height: 50px;
1582border-radius: 100%;
1583background-color: #fff9dd;
1584position: absolute;
1585top: 40%;
1586z-index: -1;
1587animation: 4s linear 0s infinite normal none running zoom-fade;
1588left: 80%;
1589}
1590
1591.circle-3 {
1592width: 40px;
1593height: 40px;
1594border-radius: 100%;
1595background-color: #3c78c5;
1596position: absolute;
1597top: 50%;
1598z-index: -1;
1599animation: 4s linear 0s infinite normal none running zoom-fade;
1600left: 80%;
1601}
1602
1603.circle-4 {
1604width: 70px;
1605height: 70px;
1606border-radius: 100%;
1607background-color: #fff9dd;
1608position: absolute;
1609top: 25%;
1610z-index: -1;
1611animation: 4s linear 0s infinite normal none running zoom-fade;
1612}
1613
1614.circle-5 {
1615width: 80px;
1616height: 80px;
1617border-radius: 100%;
1618background-color: #3c78c5;
1619position: absolute;
1620z-index: -1;
1621animation: 4s linear 0s infinite normal none running zoom-fade;
1622left: 55%;
1623}
1624
1625.circle-6 {
1626width: 60px;
1627height: 60px;
1628border-radius: 100%;
1629background-color: #1f4270;
1630position: absolute;
1631top: 20%;
1632z-index: -1;
1633animation: 4s linear 0s infinite normal none running zoom-fade;
1634left: 70%;
1635}
1636
1637.circle-1,
1638.circle-2,
1639.circle-3,
1640.circle-4,
1641.circle-5,
1642.circle-6 {
1643opacity: .7;
1644}
1645}
1646
1647@keyframes zoom-fade {
16480% {
1649transform: scale(0.9);
1650}
1651
165250% {
1653transform: scale(1.1)
1654}
1655
1656100% {
1657transform: scale(0.9);
1658}
1659}
1660
1661
1662@media (min-width: 969px) {
1663.bgheading h1 {
1664position: relative;
1665display: inline-block;
1666font-size: 50px;
1667line-height: 40px;
1668font-family: 'Jost', sans-serif;
1669font-weight: 800;
1670background: -webkit-linear-gradient(-90deg, #217bc0, #def4f1 100%);
1671color: transparent !important;
1672-webkit-background-clip: text !important;
1673-webkit-text-fill-color: transparent !important;
1674bottom: -25px;
1675z-index: -1;
1676text-transform: uppercase;
1677letter-spacing: 10px;
1678}
1679}
1680
1681@media (max-width: 968px) {
1682.bgheading h1 {
1683position: relative;
1684display: inline-block;
1685font-size: 30px;
1686line-height: 40px;
1687font-family: 'Jost', sans-serif;
1688font-weight: 800;
1689background: -webkit-linear-gradient(-90deg, #217bc0, #def4f1 100%);
1690color: transparent !important;
1691-webkit-background-clip: text !important;
1692-webkit-text-fill-color: transparent !important;
1693bottom: -25px;
1694z-index: -1;
1695text-transform: uppercase;
1696letter-spacing: 10px;
1697}
1698}
1699
1700@media (max-width: 652px) {
1701.bgheading h1 {
1702position: relative;
1703display: inline-block;
1704font-size: 25px;
1705line-height: 40px;
1706font-family: 'Jost', sans-serif;
1707font-weight: 800;
1708background: -webkit-linear-gradient(-90deg, #217bc0, #def4f1 100%);
1709color: transparent !important;
1710-webkit-background-clip: text !important;
1711-webkit-text-fill-color: transparent !important;
1712bottom: -25px;
1713z-index: -1;
1714text-transform: uppercase;
1715letter-spacing: 10px;
1716}
1717}
1718
1719
1720@media (max-width: 595px) {
1721.bgheading h1 {
1722position: relative;
1723display: block !important;
1724font-size: 20px;
1725line-height: 30px;
1726font-family: 'Jost', sans-serif;
1727font-weight: 800;
1728background: -webkit-linear-gradient(-90deg, #217bc0, #def4f1 100%);
1729color: transparent !important;
1730-webkit-background-clip: text !important;
1731-webkit-text-fill-color: transparent !important;
1732bottom: 0px;
1733z-index: -1;
1734text-transform: uppercase;
1735letter-spacing: 10px;
1736
1737}
1738}
1739
1740/*Homepage Dr CSS start here*/
1741
1742.drtab {
1743border-radius: 20px;
1744border: solid 1px #074570;
1745}
1746
1747.drname {
1748transition: all 500ms ease;
1749background: linear-gradient(90deg, #074570 50%, #fff 0) var(--_p, 100%) / 200% no-repeat;
1750border: solid #074570;
1751padding: 15px 10px;
1752background-color: #074570;
1753position: relative;
1754bottom: 20px;
1755border-radius: 20px;
1756margin-bottom: -35px;
1757}
1758
1759.drtab:hover .drname {
1760--_p: 0%;
1761color: #fff;
1762}
1763
1764.drtab img.img-box {
1765transition: all 500ms ease;
1766}
1767
1768.drtab:hover .img-box {
1769transform: scale(.9);
1770}
1771
1772.drmeetbutton {
1773transition: all 500ms ease;
1774background: linear-gradient(90deg, #074570 50%, #ffffff 0) var(--_p, 100%) / 200% no-repeat;
1775position: relative;
1776top: -25px;
1777border: solid #074570 2px !important;
1778}
1779
1780.drmeetbutton:hover {
1781--_p: 0%;
1782color: #fff;
1783}
1784
1785.target,
1786.target-services,
1787.target-time {
1788opacity: 0;
1789visibility: hidden;
1790max-height: 0;
1791overflow: hidden;
1792transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out, visibility 0.3s ease-in-out;
1793}
1794
1795.target.show,
1796.target-services.show,
1797.target-time.show {
1798opacity: 1;
1799visibility: visible;
1800max-height: 100%;
1801}
1802
1803.trigger,
1804.trigger-services,
1805.trigger-time {
1806transition: all 0.3s ease-in-out;
1807padding: 10px 0px;
1808/*border: solid 1px #074570;*/
1809cursor: pointer;
1810}
1811
1812.trigger img:hover {
1813transition-duration: 0.3s;
1814transform: scale(1.05, 1.05);
1815}
1816
1817.trigger img:active {
1818transform: scale(1.05, 1.05);
1819}
1820
1821.trigger p {
1822white-space: normal;
1823overflow-wrap: break-word;
1824}
1825
1826.trigger.active {
1827color: #1BBFDD;
1828font-weight: bold;
1829}
1830
1831.trigger-services.active .trigger-text {
1832background-color: #1BBFDD;
1833/* Blue background */
1834color: #ffffff !important;
1835/* White text with priority */
1836font-weight: bold;
1837padding: 10px 20px;
1838/* Optional: Adds spacing to make it look better */
1839border-radius: 15px;
1840/* Optional: Rounded corners */
1841}
1842
1843.trigger.drtab.active {
1844border: solid 3px #074570 !important;
1845}
1846
1847.trigger.drtab.active img.img-box {
1848transform: scale(.9) !important;
1849}
1850
1851.trigger.drtab.active .drname {
1852--_p: 0%;
1853color: #fff;
1854}
1855
1856/*Home Our Services section CSS start here*/
1857
1858.lc-block.imgblock,
1859.lc-block.description {
1860display: flex;
1861grid-column: 1 / -1;
1862grid-row: 1 / -1;
1863}
1864
1865.x-icon {
1866width: 5%;
1867display: flex;
1868flex-wrap: wrap;
1869align-content: center;
1870font-size: 24px;
1871transform: rotate(45deg);
1872position: relative;
1873top: 0px;
1874color: #fff;
1875transition: all 500ms ease;
1876font-weight: 700;
1877}
1878
1879.lc-block.description details[open] .x-icon {
1880transform: rotate(0deg);
1881}
1882
1883.lc-block.description summary {
1884list-style: none;
1885}
1886
1887.box1 {
1888font-size: 20px;
1889margin-left: 20px;
1890}
1891
1892.lc-block.description {
1893transition: all 500ms ease;
1894background: linear-gradient(90deg, #fff 50%, #217bc0 0) var(--_p, 100%) / 200% no-repeat;
1895border-radius: 20px;
1896color: #fff;
1897gap: 10px;
1898}
1899
1900.main-box:hover .lc-block.description {
1901--_p: 0%;
1902color: #217bc0;
1903}
1904
1905.main-box:hover .lc-block.imgblock img {
1906transform: scale(1.1);
1907z-index: -1;
1908}
1909
1910.main-box .lc-block.imgblock img {
1911transition: all 500ms ease;
1912z-index: -1;
1913position: relative;
1914bottom: -20px;
1915}
1916
1917.main-box:hover .x-icon {
1918color: #217bc0;
1919transform: rotate(0deg);
1920}
1921
1922.main-box {
1923box-shadow: 0px 0px 1px 0px #000923;
1924border-radius: 20px;
1925overflow: hidden;
1926}
1927
1928.row.row-box {
1929gap: 20px;
1930display: flex;
1931flex-wrap: wrap;
1932align-content: center;
1933justify-content: center;
1934}
1935
1936.box2 {
1937border-top: solid #fff 2px;
1938padding-top: 20px;
1939margin-top: 20px;
1940}
1941
1942.main-box:hover .box2 {
1943border-top: solid #217bc0 2px;
1944padding-top: 20px;
1945margin-top: 20px;
1946}
1947
1948summary.dc-title {
1949display: flex;
1950}
1951
1952.row.row-box {
1953gap: 20px;
1954}
1955
1956@media (min-width: 1023px) {
1957.main-box {
1958width: 30%;
1959}
1960}
1961
1962/*Image slider start here*/
1963
1964.lc-block.image-slider {
1965display: flex;
1966overflow: hidden;
1967user-select: none;
1968white-space: nowrap;
1969position: relative;
1970width: 100%;
1971height: 100px;
1972}
1973
1974.image-slider ul {
1975display: flex;
1976align-items: center;
1977flex-shrink: 0;
1978min-width: fit-content;
1979animation: marquee-scroll 240s linear infinite;
1980padding: 0;
1981margin: 0;
1982list-style: none;
1983grid-gap: 20px;
1984}
1985
1986.image-slider ul li {
1987display: flex;
1988align-items: center;
1989margin-right: 30px;
1990padding: 10px;
1991margin: 0;
1992vertical-align: middle;
1993border-radius: 10px;
1994background-color: #ffffff;
1995position: relative;
1996}
1997
1998@keyframes marquee-scroll {
19990% {
2000transform: translateX(0);
2001}
2002
2003100% {
2004transform: translateX(-50%);
2005}
2006}
2007
2008/*Map Css Start here*/
2009
2010@media (min-width: 1023px) {
2011.row.map-location-row {
2012display: grid;
2013flex-direction: row;
2014align-items: end;
2015}
2016
2017.main-location {
2018grid-column: 1 / -1;
2019grid-row: 1 / -1;
2020z-index: 1;
2021}
2022
2023.main-map {
2024grid-column: 1 / -1;
2025grid-row: 1 / -1;
2026z-index: 1;
2027}
2028
2029.main-location {
2030grid-column: 1 / -1;
2031grid-row: 1 / -1;
2032z-index: 1;
2033background-color: #074570;
2034}
2035}
2036
2037.main-location {
2038background-color: #074570;
2039}
2040
2041/*Post Section CSS start here*/
2042
2043.lc-block.post-list .tangible-paginator-target li {
2044display: flex;
2045flex-direction: column;
2046flex-wrap: nowrap;
2047margin-bottom: 50px;
2048font-size: 30px;
2049padding: 20px 0px;
2050border-bottom: solid #1e7bc0;
2051}
2052
2053.lc-block.post-list .tangible-paginator-target li a {
2054text-decoration: none;
2055color: #000;
2056transition: 0.4s;
2057}
2058
2059.lc-block.post-list .tangible-paginator-target li a:hover {
2060color: #1e7bc0;
2061}
2062
2063@media (max-width:600px) {
2064.lc-block.post-list .tangible-paginator-target li {
2065display: flex;
2066flex-direction: column;
2067flex-wrap: nowrap;
2068margin-bottom: 50px;
2069font-size: 20px;
2070padding: 20px 0px;
2071border-bottom: solid #1e7bc0;
2072}
2073
2074.lc-block.post-list .tangible-paginator-target li a {
2075text-decoration: none;
2076color: #000;
2077transition: 0.4s;
2078}
2079
2080.lc-block.post-list .tangible-paginator-target li a:hover {
2081color: #1e7bc0;
2082}
2083}
2084
2085
2086
2087/*-----------------------------Location Page CSS start here*/
2088
2089
2090/* Icon rotation on open details */
2091.lc-block.dr-description details[open] .x-icon {
2092transform: rotate(0deg);
2093}
2094
2095/* Remove list style from summary */
2096.lc-block.dr-description summary {
2097list-style: none;
2098}
2099
2100/* Box1 styling */
2101.box1 {
2102font-size: 20px;
2103margin-top: 4px;
2104}
2105
2106/* Description container */
2107.lc-block.dr-description {
2108transition: all 500ms ease;
2109background: linear-gradient(90deg, #fff 50%, #217bc0 0) var(--_p, 100%) / 200% no-repeat;
2110border-radius: 20px;
2111color: #fff;
2112gap: 10px;
2113width: 100%;
2114}
2115
2116/* Image and name container */
2117.lc-block.dr-image,
2118.lc-block.dr-name-dc {
2119display: flex;
2120grid-row: 1 / -1;
2121grid-column: 1 / -1;
2122}
2123
2124/* Box2 styling */
2125.box2 {
2126border-top: solid #fff 2px;
2127padding-top: 20px;
2128margin-top: 20px;
2129}
2130
2131/* Summary title styling */
2132summary.dc-title {
2133display: flex;
2134}
2135
2136/* Row styling */
2137.row.row-box {
2138gap: 20px;
2139}
2140
2141/* Main box for larger screens */
2142@media (min-width: 1023px) {
2143.main-box {
2144width: 30%;
2145}
2146}
2147
2148/* Dr. Name container - general */
2149.dr-name-dc .box1 {
2150margin-top: 4px;
2151}
2152
2153/* Dr. Column container */
2154.dr-col-dc {
2155background: linear-gradient(to bottom, rgba(198, 229, 255, 1) 25%, rgba(78, 150, 186, 1) 100%);
2156padding: 0 !important;
2157}
2158
2159/* Hover effect on Dr. Column container */
2160.dr-col-dc:hover {
2161--_p: 0%;
2162}
2163
2164.lc-block.dr-name-dc.ms-2.me-2 {
2165z-index: 2;
2166}
2167
2168/* Image hover scaling effect */
2169.dr-col-dc:hover .lc-block.dr-image img {
2170transform: scale(1.05);
2171}
2172
2173.dr-col-dc .lc-block.dr-image img {
2174transition: all 500ms ease;
2175z-index: 1;
2176}
2177
2178/* Hover effect on name and description */
2179.dr-col-dc:hover .dr-name-dc .x-icon,
2180.dr-col-dc:hover .dr-name-dc .box1,
2181.dr-col-dc:hover .dr-name-dc .box2 {
2182color: #217bc0;
2183}
2184
2185/* Hover effect on Box2 */
2186.dr-col-dc:hover .box2 {
2187border-top: solid #217bc0 2px;
2188}
2189
2190/* Hover effect on description icon */
2191.dr-col-dc .dr-description:hover .x-icon {
2192transform: rotate(0deg);
2193}
2194
2195/* Bio button styling */
2196.drbutton-bio {
2197margin-top: 30px;
2198margin-bottom: 25px;
2199}
2200
2201.drbutton-bio a {
2202border-radius: 49px !important;
2203padding: 20px !important;
2204color: #074570 !important;
2205text-decoration: none;
2206border: solid 2px #074570;
2207background-color: #fff !important;
2208}
2209
2210
2211.pq-list {
2212display: flex;
2213flex-wrap: nowrap;
2214/* Enables wrapping on mobile */
2215gap: 10px;
2216/* Space between items */
2217padding: 0;
2218/* Remove default padding */
2219margin: 0;
2220/* Remove margin to align perfectly */
2221list-style: none;
2222justify-content: flex-start;
2223/* Ensures items align to the left */
2224width: 100%;
2225/* Ensures it takes full width */
2226}
2227
2228.pq-list li {
2229position: relative;
2230display: flex;
2231align-items: center;
2232padding: 10px 15px;
2233/* Padding inside each item */
2234flex: none;
2235/* Prevents items from stretching */
2236white-space: nowrap;
2237/* Prevents wrapping inside list items */
2238}
2239
2240.pq-list {
2241display: flex;
2242flex-direction: column;
2243flex-wrap: wrap;
2244/* Enables wrapping into multiple columns */
2245gap: 10px;
2246/* Space between items */
2247padding: 0;
2248/* Remove default padding */
2249margin: 0;
2250/* Remove margin to align perfectly */
2251list-style: none;
2252justify-content: flex-start;
2253/* Align items to the left */
2254width: 100%;
2255/* Ensures it takes full width */
2256}
2257
2258.pq-list li {
2259position: relative;
2260display: flex;
2261align-items: center;
2262padding: 10px 15px;
2263/* Padding inside each item */
2264flex: 1 1 calc(33.33% - 10px);
2265/* Creates columns (adjust as needed) */
2266white-space: nowrap;
2267/* Prevents wrapping inside list items */
2268font-size: 18px;
2269/* Set font size */
2270font-weight: normal;
2271/* Make text bold */
2272}
2273
2274.pq-list li::before {
2275content: "";
2276width: 25px;
2277/* Adjust width as needed */
2278height: 25px;
2279/* Adjust height as needed */
2280background-image: url('/wp-content/uploads/sites/55/2025/06/Check-icon-DC-Retina-1.png');
2281/* Replace with your image */
2282background-size: contain;
2283background-repeat: no-repeat;
2284margin-right: 10px;
2285/* Space between the image and text */
2286}
2287
2288/* Remove left & right padding from surrounding elements */
2289.pq-list-container,
2290.fl-module-content {
2291padding-left: 0 !important;
2292padding-right: 0 !important;
2293}
2294
2295/* Ensure responsiveness */
2296@media (max-width: 768px) {
2297.pq-list li {
2298flex: 1 1 calc(50% - 10px);
2299/* Two columns on tablets */
2300}
2301}
2302
2303@media (max-width: 480px) {
2304.pq-list li {
2305flex: 1 1 100%;
2306/* One column on mobile */
2307}
2308}
2309
2310
2311/*About Us CSS start here*/
2312
2313.dc-retina-button2 {
2314transition: all 500ms ease;
2315background: linear-gradient(90deg, #074570 50%, #ffffff 0) var(--_p, 100%) / 200% no-repeat;
2316border-color: #074570;
2317color: #074570;
2318flex: 1;
2319}
2320
2321.dc-retina-button2:hover {
2322--_p: 0%;
2323color: #fff;
2324}
2325
2326.dc-retina-button1 {
2327transition: all 500ms ease;
2328background: linear-gradient(90deg, #ffffff 50%, #074570 0) var(--_p, 100%) / 200% no-repeat;
2329border-color: #074570;
2330color: #fff;
2331flex: 1;
2332}
2333
2334.dc-retina-button1:hover {
2335--_p: 0%;
2336color: #074570;
2337}
2338
2339/*Retina Treatments Page CSS start here*/
2340
2341@media (min-width:768px) {
2342.dc-four-col {
2343flex: 0 0 auto;
2344width: 46.666667%;
2345}
2346
2347.three-col-layout {
2348flex: 0 0 auto;
2349width: 31.333333%;
2350}
2351}
2352
2353/* General styling for the container */
2354.dr-button-container {
2355display: flex;
2356flex-wrap: wrap;
2357gap: 10px;
2358/* Space between buttons */
2359width: 100%;
2360/* Set width for the container */
2361margin: 0px;
2362}
2363
2364/* Style for each button */
2365.dr-button {
2366display: inline-block;
2367padding: 10px 10px;
2368border: 1px solid #ccc;
2369/* Light border color */
2370background-color: transparent;
2371color: white;
2372/* Text color */
2373font-size: 13px;
2374font-weight: 600;
2375text-align: center;
2376text-decoration: none;
2377border-radius: 8px;
2378transition: background-color 0.3s, color 0.3s;
2379cursor: pointer;
2380}
2381
2382/* Hover effect */
2383.dr-button:hover {
2384background-color: #007bff;
2385/* Blue background on hover */
2386color: white;
2387/* Change text color to white */
2388}
2389
2390
2391
2392
2393
2394/*----------------------end----------------------*/
2395
2396/*--------------------Westwood-------------------*/
2397.west-wood-actext {
2398color: #02748e;
2399}
2400
2401.ecp-icon span.ecp-icon-svg {
2402display: inline-flex;
2403width: 1.8em;
2404height: 1.8em;
2405text-align: center;
2406align-items: center;
2407justify-content: center;
2408transition: all .2s ease-in;
2409vertical-align: middle;
2410}
2411
2412.westwood-half-box {
2413position: relative;
2414background: linear-gradient(90deg, #21748E 60%, #96BFCB 100%);
2415color: #fff;
2416font-family: "montserrat", Sans-Serif;
2417border-radius: 8px;
2418transform: skew(-15deg);
2419box-shadow: 0 4px 18px rgba(28, 44, 100, 0.08);
2420transition: box-shadow 0.6s cubic-bezier(0.4, 2, 0.6, 1), transform 0.6s cubic-bezier(0.4, 2, 0.6, 1);
2421}
2422
2423.westwood-half-box:hover {
2424color: #21748E;
2425background: linear-gradient(90deg, #f8f8f8 60%, #ffffff 100%);
2426box-shadow: 0 0 16px 4px rgba(207, 255, 235, 0.95), 0 0 48px 18px rgba(133, 202, 155, 0.38);
2427transform: skew(-15deg) translateY(-8px);
2428}
2429
2430.westwood-half-box span.ecp-icon,
2431.westwood-half-box h4 {
2432transition: all 500ms;
2433transform: skew(15deg);
2434}
2435
2436.westwood-half-box span.ecp-icon path.cls-1 {
2437fill: #fff;
2438}
2439
2440.westwood-half-box:hover span.ecp-icon path.cls-1 {
2441fill: #21748E;
2442}
2443
2444/* ------------------------------------------------------------------Dr SCROLLING DOCTORS ON WESTWOOD */
2445
2446.scroll-container {
2447overflow-x: auto;
2448/* Enable horizontal scrolling */
2449white-space: nowrap;
2450/* Prevent wrapping */
2451scroll-behavior: smooth;
2452/* Smooth scrolling */
2453-webkit-overflow-scrolling: touch;
2454/* iOS smooth scrolling */
2455padding-bottom: 10px;
2456/* Prevent scrollbar from overlapping */
2457scrollbar-width: none;
2458/* Firefox */
2459-ms-overflow-style: none;
2460/* Internet Explorer/Edge */
2461}
2462
2463.scroll-container::-webkit-scrollbar {
2464display: none;
2465/* Chrome, Safari */
2466}
2467
2468.scroll-container::-webkit-scrollbar-thumb {
2469background: rgba(0, 0, 0, 0.5);
2470border-radius: 4px;
2471}
2472
2473.scroll-container::-webkit-scrollbar-track {
2474background: rgba(0, 0, 0, 0.1);
2475}
2476
2477.scroll-container .scroll-item {
2478flex: 0 0 auto;
2479/* Prevent flex shrinking */
2480min-width: 200px;
2481/* Adjust item size */
2482margin-right: 0px;
2483/* Spacing between items */
2484}
2485
2486/* Scroll buttons */
2487
2488.scroll-button {
2489width: 50px;
2490/* Adjust size */
2491height: 50px;
2492border: 1px solid #2367b2;
2493/* Outline color */
2494background: transparent;
2495/* Transparent background */
2496border-radius: 50%;
2497/* Circular shape */
2498display: flex;
2499align-items: center;
2500justify-content: center;
2501cursor: pointer;
2502transition: background 0.3s ease-in-out, color 0.3s ease-in-out, transform 0.2s ease-in-out;
2503}
2504
2505.scroll-button img {
2506width: 20px;
2507/* Adjust icon size */
2508height: auto;
2509filter: invert(100%);
2510transition: filter 0.3s ease-in-out;
2511}
2512
2513.scroll-button:hover {
2514transform: scale(1.1);
2515/* Slight pop effect */
2516}
2517
2518.scroll-button:hover img {
2519filter: invert(100%);
2520/* Change icon color to white on hover */
2521}
2522
2523/*Testimonial Slider for WESTWOOD*/
2524.testimonial-slider {
2525position: relative;
2526max-width: 80%;
2527/* Make wider if you want, or remove for full width */
2528margin: 0 auto;
2529min-height: 120px;
2530/* Space for arrows and text */
2531display: flex;
2532align-items: center;
2533justify-content: center;
2534}
2535
2536.testimonial-slider .testimonial {
2537flex: 1 1 auto;
2538display: none;
2539text-align: center;
2540}
2541
2542.testimonial-slider .testimonial.active {
2543display: block;
2544}
2545
2546.testimonial-slider button {
2547position: absolute;
2548top: 50%;
2549transform: translateY(-50%);
2550background: #eee;
2551border: none;
2552padding: 0px;
2553width: 40px;
2554height: 40px;
2555cursor: pointer;
2556font-size: 1.6em;
2557border-radius: 50%;
2558opacity: 0.7;
2559transition: opacity 0.2s;
2560z-index: 2;
2561display: flex;
2562align-items: center;
2563justify-content: center;
2564}
2565
2566.testimonial-slider .testimonial-prev {
2567left: -40px;
2568}
2569
2570.testimonial-slider .testimonial-next {
2571right: -40px;
2572}
2573
2574.testimonial-slider button:hover {
2575opacity: 1;
2576}
2577
2578
2579
2580/* MOBILE: move arrows below slider */
2581@media (max-width: 600px) {
2582figure blockquote {
2583margin: 0;
2584padding: 0;
2585}
2586
2587figure {
2588margin-inline-start: 0px;
2589margin-inline-end: 0px;
2590margin-block-start: 0.5em;
2591margin-block-end: 0.5em;
2592}
2593
2594.testimonial-slider {
2595display: block;
2596min-height: unset;
2597}
2598
2599.testimonial-slider .testimonial {
2600margin-bottom: 16px;
2601}
2602
2603.testimonial-slider button {
2604position: static;
2605display: inline-block;
2606margin: 0 8px;
2607top: auto;
2608left: auto;
2609right: auto;
2610transform: none;
2611}
2612
2613.testimonial-slider .testimonial-prev,
2614.testimonial-slider .testimonial-next {
2615/* Remove edge positioning on mobile */
2616}
2617
2618.testimonial-slider {
2619text-align: center;
2620}
2621}
2622
2623
2624
2625/*------------------------------------------------------------------Dr Bio Slider ------*/
2626
2627.flip-image {
2628transform: rotate(180deg);
2629}
2630
2631/* Wrapper for the entire review slider */
2632.review-slider {
2633position: relative;
2634max-width: 100%;
2635overflow: hidden;
2636padding-bottom: 50px;
2637/* Ensure space at the bottom for buttons */
2638}
2639
2640/* Review wrapper that will be scrolled */
2641.review-wrapper {
2642display: flex;
2643width: 100%;
2644transition: transform 0.5s ease-in-out;
2645justify-content: flex-start;
2646/* Centering the items by default */
2647}
2648
2649/* Each individual review takes up 30% of the width on desktop */
2650.review {
2651flex: 0 0 30%;
2652/* Show 3 reviews at a time */
2653padding: 10px;
2654box-sizing: border-box;
2655background-color: #fff;
2656border-radius: 8px;
2657box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
2658margin: 20px;
2659}
2660
2661/* Card image size adjustment */
2662.card-img-top {
2663max-width: 15%;
2664/* Adjust the image size to fit properly */
2665margin-left: auto;
2666margin-right: auto;
2667margin-top: -30px;
2668/* Adjust for better positioning */
2669padding-bottom: 20px;
2670/* Spacing below the image */
2671}
2672
2673/* Style for carousel buttons */
2674/* Button container: Center the buttons below the reviews */
2675.button-container {
2676display: flex;
2677justify-content: center;
2678gap: 30px;
2679/* Space between buttons */
2680margin-top: 20px;
2681/* Space between the reviews and the buttons */
2682}
2683
2684.prev-btn img,
2685.next-btn img {
2686background: rgba(0, 0, 0, 0.1);
2687;
2688border: 1px solid rgba(0, 0, 0, 0.05);
2689padding: 5px;
2690cursor: pointer;
2691border-radius: 50%;
2692transition: background-color 0.3s;
2693}
2694
2695/* Button hover effect */
2696.prev-btn img:hover,
2697.next-btn img:hover {
2698background-color: rgba(255, 255, 255, 0.1);
2699/* Light background on hover */
2700}
2701
2702/* Adjustments for mobile view */
2703@media (max-width: 767px) {
2704
2705/* Ensure only one review is shown at a time */
2706.review-wrapper {
2707display: flex;
2708flex-direction: row;
2709overflow-x: auto;
2710scroll-snap-type: x mandatory;
2711/* Ensures smooth snapping between reviews */
2712}
2713
2714.review {
2715flex: 0 0 100%;
2716/* Show one review at a time */
2717margin: 0px;
2718/* No spacing between reviews */
2719scroll-snap-align: center;
2720/* Ensure snapping happens in the center */
2721}
2722
2723.prev-btn,
2724.next-btn {
2725font-size: 24px;
2726/* Make buttons smaller for mobile */
2727}
2728
2729/* Ensure smooth transitions for mobile scrolling */
2730.review-slider {
2731padding-bottom: 30px;
2732/* Adjusted bottom padding for buttons */
2733}
2734
2735/* Bootstrap carousel overrides for mobile */
2736#mobileCarousel {
2737width: 100%;
2738height: auto;
2739}
2740}
2741</style>
2742	<!-- /wp_head -->
2743			<!-- Google Tag Manager -->
2744		
2744<script>
vendor: 335 bytes, lines 2744-2748
2744(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
2745		new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
2746		j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
2747		'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
2748		})(window,document,'script','dataLayer','
2748GTM-N54GJXC2
vendor: 3 bytes, line 2748
2748');
2748</script>
2748
2749		<!-- End Google Tag Manager -->
2750				<!-- Google tag (gtag.js) -->
vendor: 66 bytes, lines 2750-2751
2750
2751		<script async src="https://www.googletagmanager.com/gtag/js?id=
2751G-WZNEVQWW56
vendor: 14 bytes, lines 2751-2752
2751"></script>
2752		
2752<script>
2753			
vendor: 136 bytes, lines 2753-2756
2753window.dataLayer = window.dataLayer || [];
2754			function gtag(){dataLayer.push(arguments);}
2755			gtag('js', new Date());
2756			gtag('config', '
2756G-WZNEVQWW56
vendor: 6 bytes, lines 2756-2757
2756');
2757		
2757</script>
2757
2758		<!-- End Google tag (gtag.js) -->
2759		<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' />
2760
2761</head>
2762<body class="wp-singular page-template page-template-page-templates page-template-empty page-template-page-templatesempty-php page page-id-10859 wp-embed-responsive wp-theme-picostrap5 lc-custom-header lc-custom-footer is-using-livecanvas">
2763	
2764		<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 2764-2765
2764
2765	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
2765GTM-N54GJXC2
vendor: 85 bytes, lines 2765-2767
2765"
2766	height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
2767	
2767<!-- End Google Tag Manager (noscript) -->
2768		
2769
2770
2771<header id='lc-header'>
2772<style>
2773:root {
2774  --newview-primary:   #588CEB;
2775  --newview-secondary: #234D9C;
2776  --newview-accent:    #DAE7FF;
2777  --newview-tint:      #EFF5FF;
2778  --newview-text-dark: #2A2A2A;
2779  --newview-text-body: #3D3D3D;
2780  --newview-white:     #FFFFFF;
2781}
2782
2783#lc-header {
2784  position: fixed;
2785  top: 0;
2786  left: 0;
2787  right: 0;
2788  z-index: 1050;
2789  font-family: "Outfit", system-ui, -apple-system, Segoe UI, sans-serif;
2790}
2791
2792.newview-skip-link {
2793  position: absolute;
2794  left: 0;
2795  top: 0;
2796  transform: translateY(-200%);
2797  z-index: 1100;
2798  display: inline-block;
2799  padding: 10px 16px;
2800  background-color: var(--newview-secondary);
2801  color: #FFFFFF;
2802  font-size: 14px;
2803  font-weight: 600;
2804  text-decoration: none;
2805  border-radius: 0 0 8px 0;
2806  transition: transform 0.2s ease;
2807}
2808.newview-skip-link:focus,
2809.newview-skip-link:focus-visible {
2810  transform: translateY(0);
2811  outline: 2px solid #FFFFFF;
2812  outline-offset: -4px;
2813}
2814
2815.newview-header {
2816  background-color: var(--newview-white);
2817  box-shadow: 0 2px 10px rgba(35, 77, 156, 0.06);
2818}
2819
2820/* ============================================================
2821   TOP UTILITY BAR
2822   ============================================================ */
2823.newview-header-top {
2824  background-color: var(--newview-accent);
2825  color: var(--newview-white);
2826  padding: 8px 0;
2827  max-height: 60px;
2828  overflow: hidden;
2829  opacity: 1;
2830  transition: max-height 0.3s ease, padding 0.3s ease, opacity 0.25s ease;
2831}
2832
2833#lc-header.is-scrolled .newview-header-top {
2834  max-height: 0;
2835  padding-top: 0;
2836  padding-bottom: 0;
2837  opacity: 0;
2838  pointer-events: none;
2839}
2840
2841.newview-container {
2842  width: 100%;
2843  margin-left: auto;
2844  margin-right: auto;
2845  padding-left: clamp(16px, 2vw, 32px);
2846  padding-right: clamp(16px, 2vw, 32px);
2847}
2848@media (min-width: 1400px) {
2849  .newview-container { max-width: 1320px; }
2850}
2851
2852.newview-header-top__row {
2853  display: flex;
2854  align-items: center;
2855  justify-content: space-between;
2856  flex-wrap: wrap;
2857  gap: 8px 24px;
2858}
2859
2860.newview-header-top__phones {
2861  display: flex;
2862  align-items: center;
2863  gap: 18px;
2864  flex-wrap: wrap;
2865  margin: 0;
2866  padding: 0;
2867  list-style: none;
2868}
2869
2870.newview-header-top__phone {
2871  display: inline-flex;
2872  align-items: center;
2873  gap: 6px;
2874  color: var( --newview-text-dark);
2875  font-size: 14px;
2876  font-weight: 400;
2877  line-height: 1.2;
2878  text-decoration: none;
2879  transition: color 0.18s ease;
2880}
2881.newview-header-top__phone:hover,
2882.newview-header-top__phone:focus-visible {
2883
2884  outline: none;
2885}
2886.newview-header-top__phone-icon {
2887  display: inline-flex;
2888  width: 14px;
2889  height: 14px;
2890  color: var(--newview-primary);
2891  flex-shrink: 0;
2892}
2893.newview-header-top__phone-city {
2894  font-weight: 500;
2895}
2896.newview-header-top__phone-number {
2897  font-weight: 400;
2898  opacity: 0.9;
2899}
2900
2901.newview-header-top__links {
2902  display: flex;
2903  align-items: center;
2904  gap: 20px;
2905  flex-wrap: wrap;
2906  margin: 0;
2907  padding: 0;
2908  list-style: none;
2909}
2910.newview-header-top__link {
2911  display: inline-flex;
2912  align-items: center;
2913  gap: 7px;
2914  color: var(--newview-text-dark);
2915  font-size: 14px;
2916  font-weight: 400;
2917  line-height: 1.2;
2918  text-decoration: none;
2919  transition: color 0.18s ease;
2920  white-space: nowrap;
2921}
2922.newview-header-top__link:hover,
2923.newview-header-top__link:focus-visible {
2924  color: var(--newview-primary);
2925  outline: none;
2926}
2927.newview-header-top__link-icon {
2928  display: inline-flex;
2929  align-items: center;
2930  justify-content: center;
2931  color: var(--newview-primary);
2932  background: transparent;
2933  flex-shrink: 0;
2934}
2935.newview-header-top__link-icon svg {
2936  display: block;
2937}
2938
2939/* ============================================================
2940   BILL PAY BUTTON — Converge buy button styled as a utility link
2941   Must be a <button> (not <a>): the Converge script walks back
2942   from its own 
2942<script> tag to the nearest preceding button,
2943   strips [disabled], and binds the payment lightbox.
2944   ============================================================ */
2945.newview-billpay-btn {
2946  appearance: none;
2947  -webkit-appearance: none;
2948  background: transparent;
2949  border: 0;
2950  padding: 0;
2951  margin: 0;
2952  font-family: inherit;
2953  font-size: 14px;
2954  font-weight: 400;
2955  cursor: pointer;
2956}
2957.newview-billpay-btn:disabled {
2958  opacity: 0.55;
2959  cursor: default;
2960}
2961.newview-billpay-btn:disabled:hover {
2962  color: var(--newview-text-dark);
2963}
2964
2965/* ============================================================
2966   MAIN NAV BAR
2967   ============================================================ */
2968.newview-header-nav-wrap {
2969  background-color: var(--newview-white);
2970  padding: 12px 0;
2971}
2972
2973.newview-navbar {
2974  background-color: transparent;
2975  padding: 0;
2976  min-height: 76px;
2977}
2978
2979.newview-navbar .navbar-brand {
2980  flex: 0 0 auto;
2981  padding-top: 0;
2982  padding-bottom: 0;
2983  margin-right: 24px;
2984}
2985
2986.newview-navbar .navbar-brand img {
2987  display: block;
2988  height: 65px;
2989  width: auto;
2990  max-width: 220px;
2991  object-fit: contain;
2992}
2993
2994.newview-navbar .navbar-toggler {
2995  border: 0;
2996  background: transparent;
2997  padding: 0.5rem 0.75rem;
2998  box-shadow: none;
2999}
3000.newview-navbar .navbar-toggler:focus {
3001  box-shadow: none;
3002  outline: none;
3003}
3004.newview-navbar .navbar-toggler .bar1,
3005.newview-navbar .navbar-toggler .bar2,
3006.newview-navbar .navbar-toggler .bar3 {
3007  display: block;
3008  width: 30px;
3009  height: 2.5px;
3010  margin: 6px 0;
3011  background-color: var(--newview-secondary);
3012  transition: 0.4s;
3013  border-radius: 2px;
3014}
3015.newview-navbar .navbar-toggler:not(.collapsed) .bar1 {
3016  transform: translate(0, 8.5px) rotate(-45deg);
3017}
3018.newview-navbar .navbar-toggler:not(.collapsed) .bar2 {
3019  opacity: 0;
3020}
3021.newview-navbar .navbar-toggler:not(.collapsed) .bar3 {
3022  transform: translate(0, -8.5px) rotate(45deg);
3023}
3024
3025.newview-navbar .navbar-collapse {
3026  align-items: center;
3027  gap: 16px;
3028}
3029
3030.newview-navbar .navbar-nav {
3031  align-items: center;
3032  gap: clamp(16px, 2vw, 32px);
3033}
3034
3035.newview-navbar .navbar-nav .nav-link,
3036.newview-navbar .navbar-nav a {
3037  font-size: 17px;
3038  font-weight: 400;
3039  color: var(--newview-text-dark);
3040  text-decoration: none;
3041  padding: 6px 2px;
3042  transition: color 0.18s ease;
3043  white-space: nowrap;
3044}
3045
3046.newview-navbar .navbar-nav .nav-link:hover,
3047.newview-navbar .navbar-nav .nav-link:focus-visible,
3048.newview-navbar .navbar-nav .nav-item.current-menu-item > a,
3049.newview-navbar .navbar-nav a:hover,
3050.newview-navbar .navbar-nav a:focus-visible,
3051.newview-navbar .navbar-nav a.current-menu-item,
3052.newview-navbar .navbar-nav .current-menu-item > a,
3053.newview-navbar .navbar-nav a[aria-current="page"] {
3054  color: var(--newview-primary);
3055  outline: none;
3056}
3057
3058.newview-navbar .navbar-nav .dropdown-menu {
3059  padding: 8px 0;
3060  margin-top: 8px;
3061  border: 1px solid rgba(35, 77, 156, 0.08);
3062  border-radius: 10px;
3063  box-shadow: 0 8px 24px rgba(35, 77, 156, 0.10), 0 2px 6px rgba(0, 0, 0, 0.04);
3064  min-width: 220px;
3065}
3066.newview-navbar .navbar-nav .dropdown-menu .dropdown-item,
3067.newview-navbar .navbar-nav .dropdown-menu a {
3068  padding: 8px 20px;
3069  font-size: 15px;
3070  font-weight: 400;
3071  color: var(--newview-text-dark);
3072  white-space: normal;
3073  transition: background-color 0.15s ease, color 0.15s ease;
3074}
3075.newview-navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
3076.newview-navbar .navbar-nav .dropdown-menu .dropdown-item:focus-visible,
3077.newview-navbar .navbar-nav .dropdown-menu a:hover,
3078.newview-navbar .navbar-nav .dropdown-menu a:focus-visible {
3079  background-color: var(--newview-tint);
3080  color: var(--newview-primary);
3081}
3082.newview-navbar .navbar-nav .dropdown-menu .dropdown-item.active,
3083.newview-navbar .navbar-nav .dropdown-menu .dropdown-item:active,
3084.newview-navbar .navbar-nav .dropdown-menu .current-menu-item > a,
3085.newview-navbar .navbar-nav .dropdown-menu a.current-menu-item,
3086.newview-navbar .navbar-nav .dropdown-menu a[aria-current="page"] {
3087  background-color: var(--newview-primary);
3088  color: #FFFFFF !important;
3089}
3090
3091/* ============================================================
3092   SITE-WIDE BUTTON HOVER — .nw_btn
3093   Add the nw_btn class to any SOLID button across the site.
3094   On hover/focus the background swaps to the darker brand blue
3095   and a soft outline ring appears (riey-style). Additive: it
3096   only styles :hover / :focus-visible, so each button keeps its
3097   own resting look. Do NOT add nw_btn to transparent/outline
3098   buttons (e.g. .newview-schedule__btn--outline).
3099   Lives in the header so it loads on every page.
3100   ============================================================ */
3101.nw_btn {
3102  transition: color 0.15s ease-in-out,
3103              background-color 0.15s ease-in-out,
3104              border-color 0.15s ease-in-out,
3105              box-shadow 0.15s ease-in-out;
3106}
3107.nw_btn:hover,
3108.nw_btn:focus-visible {
3109  background-color: var(--newview-secondary, #234D9C) !important;
3110  border-color: var(--newview-secondary, #234D9C) !important;
3111  color: var(--newview-white, #FFFFFF) !important;
3112  outline: none;
3113  box-shadow: 0 0 0 3px rgba(88, 140, 235, 0.45) !important;
3114}
3115.nw_btn{
3116border-radius: 16px !important;}
3117/* ============================================================
3118   BOOK APPOINTMENT CTA
3119   ============================================================ */
3120.newview-book-cta {
3121  flex: 0 0 auto;
3122}
3123.newview-book-cta__btn {
3124  display: inline-flex;
3125  align-items: center;
3126  justify-content: center;
3127  gap: 8px;
3128  background-color: var(--newview-primary);
3129  color: var(--newview-white);
3130  border: 1px solid var(--newview-primary);
3131  border-radius: 20px;
3132  padding: 13px 24px;
3133  font-size: clamp(15px, 0.4vw + 13.5px, 18px);
3134  font-weight: 600;
3135  text-decoration: none;
3136  min-height: 49px;
3137  line-height: 1;
3138  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;
3139}
3140/* Hover handled globally by .nw_btn (added to the button markup below). */
3141
3142/* ============================================================
3143   MOBILE + TABLET  (up to 1199.98px)
3144   FIX 2026-08: breakpoint moved from lg (992px) to xl (1200px).
3145   Seven menu items + logo + CTA do not fit on one line below
3146   1200px, and because .navbar-collapse is justify-content:end
3147   the overflow spilled LEFT over the logo instead of clipping
3148   right. Hamburger now runs through 1199px.
3149   ============================================================ */
3150@media (max-width: 1199.98px) {
3151  .newview-navbar {
3152    padding: 4px 0;
3153    min-height: 64px;
3154  }
3155  .newview-navbar .navbar-brand img {
3156    height: 58px;
3157    max-width: 180px;
3158  }
3159  .newview-navbar .navbar-collapse {
3160    flex-basis: 100%;
3161    padding-top: 14px;
3162    margin-top: 6px;
3163    border-top: 1px solid rgba(35, 77, 156, 0.12);
3164    align-items: stretch;
3165    gap: 12px;
3166  }
3167  .newview-navbar .navbar-nav {
3168    flex-direction: column;
3169    align-items: stretch;
3170    gap: 2px;
3171  }
3172  .newview-navbar .navbar-nav .nav-link,
3173  .newview-navbar .navbar-nav a {
3174    padding: 10px 4px;
3175    font-size: 16px;
3176  }
3177  .newview-navbar .navbar-nav .dropdown-menu {
3178    border: 0;
3179    box-shadow: none;
3180    padding: 4px 0 4px 12px;
3181    margin-top: 0;
3182    min-width: 0;
3183  }
3184  .newview-navbar .navbar-nav .dropdown-menu .dropdown-item,
3185  .newview-navbar .navbar-nav .dropdown-menu a {
3186    padding: 8px 4px;
3187  }
3188  .newview-navbar .navbar-collapse > .newview-book-cta {
3189    display: none !important;
3190  }
3191  .newview-header-mobile-actions {
3192    display: flex;
3193    flex-direction: column;
3194    align-items: stretch;
3195    gap: 12px;
3196    padding-top: 4px;
3197  }
3198  .newview-header-mobile-actions .newview-header-top__phones-mobile {
3199    display: flex;
3200    flex-direction: column;
3201    gap: 8px;
3202    padding: 0;
3203    margin: 0;
3204    list-style: none;
3205  }
3206  .newview-header-mobile-actions .newview-header-top__phones-mobile .newview-header-top__phone {
3207    color: var(--newview-secondary);
3208    font-size: 15px;
3209  }
3210
3211  /* Mobile utility links (Bill Pay). Mirrors the phones list above. */
3212  .newview-header-mobile-actions .newview-header-top__links-mobile {
3213    display: flex;
3214    flex-direction: column;
3215    gap: 8px;
3216    padding: 0;
3217    margin: 0;
3218    list-style: none;
3219  }
3220  .newview-header-mobile-actions .newview-header-top__links-mobile .newview-header-top__link {
3221    color: var(--newview-secondary);
3222    font-size: 15px;
3223  }
3224
3225  .newview-header-mobile-actions .newview-book-cta__btn {
3226    width: 100%;
3227  }
3228
3229  /* Mobile walker-fallback: WP emits .sub-menu (not .dropdown-menu). Hide by default, expand on .open. */
3230  .newview-navbar .menu-item-has-children > .sub-menu {
3231    display: none !important;
3232    position: static;
3233    width: 100%;
3234    margin: 0;
3235    padding: 0.5rem 1rem;
3236    list-style: none;
3237    background: transparent;
3238    border: 0;
3239    box-shadow: none;
3240  }
3241  .newview-navbar .menu-item-has-children.open > .sub-menu {
3242    display: block !important;
3243  }
3244  .newview-navbar .menu-item-has-children > a {
3245    display: flex;
3246    align-items: center;
3247    justify-content: space-between;
3248    width: 100%;
3249  }
3250  .newview-navbar .menu-item-has-children > a::after {
3251    content: "";
3252    display: inline-block;
3253    margin-left: 8px;
3254    border-top: 0.3em solid currentColor;
3255    border-right: 0.3em solid transparent;
3256    border-left: 0.3em solid transparent;
3257    border-bottom: 0;
3258    transition: transform 0.3s ease;
3259  }
3260  .newview-navbar .menu-item-has-children.open > a::after {
3261    transform: rotate(180deg);
3262  }
3263  .newview-navbar .menu-item-has-children > .sub-menu a {
3264    padding: 0.5rem !important;
3265    white-space: normal;
3266  }
3267}
3268
3269/* ============================================================
3270   TOP UTILITY BAR VISIBILITY
3271   FIX 2026-08: previously hidden below 992px. Now hidden only
3272   below 768px, so tablets keep Lasik Calculator, Dry Eye Quiz,
3273   IOL Finder, Vision Simulator and Bill Pay.
3274   ============================================================ */
3275@media (max-width: 767.98px) {
3276  .newview-header-top {
3277    display: none;
3278  }
3279}
3280
3281/* ============================================================
3282   TABLET DE-DUPLICATION — 768px to 1199.98px
3283   The top bar is visible at these widths, so the copies of the
3284   phone numbers and Bill Pay inside the hamburger drawer are
3285   redundant. The Book Appointment CTA stays in the drawer.
3286   Delete this block if you would rather keep them duplicated.
3287   ============================================================ */
3288@media (min-width: 768px) and (max-width: 1199.98px) {
3289  .newview-header-mobile-actions .newview-header-top__phones-mobile,
3290  .newview-header-mobile-actions .newview-header-top__links-mobile {
3291    display: none !important;
3292  }
3293}
3294
3295/* ============================================================
3296   DESKTOP — 1200px and up
3297   ============================================================ */
3298@media (min-width: 1200px) {
3299  .newview-header-mobile-actions {
3300    display: none !important;
3301  }
3302  .newview-navbar {
3303    position: relative;
3304  }
3305  .newview-navbar .navbar-collapse {
3306    flex-grow: 1;
3307    justify-content: end;
3308  }
3309  .newview-navbar .navbar-collapse .navbar-nav {
3310    margin: 0 auto;
3311  }
3312
3313  /* Desktop walker-fallback: WP emits .sub-menu (not .dropdown-menu) */
3314  .newview-navbar .menu-item-has-children {
3315    position: relative;
3316  }
3317  .newview-navbar .menu-item-has-children > .sub-menu {
3318    display: none;
3319    position: absolute;
3320    top: 100%;
3321    left: 0;
3322    min-width: 220px;
3323    padding: 8px 0;
3324    margin: 0;
3325    list-style: none;
3326    background-color: var(--newview-white);
3327    border: 1px solid rgba(35, 77, 156, 0.08);
3328    border-radius: 10px;
3329    box-shadow: 0 8px 24px rgba(35, 77, 156, 0.10), 0 2px 6px rgba(0, 0, 0, 0.04);
3330    z-index: 100;
3331  }
3332  .newview-navbar .menu-item-has-children:hover > .sub-menu {
3333    display: block;
3334  }
3335  .newview-navbar .menu-item-has-children > .sub-menu li {
3336    list-style: none;
3337  }
3338  .newview-navbar .menu-item-has-children > .sub-menu a {
3339    display: block;
3340    padding: 8px 20px;
3341    color: var(--newview-text-dark);
3342    text-decoration: none;
3343    white-space: normal;
3344    transition: background-color 0.15s ease, color 0.15s ease;
3345  }
3346  .newview-navbar .menu-item-has-children > .sub-menu a:hover {
3347    background-color: var(--newview-tint);
3348    color: var(--newview-primary);
3349  }
3350  .newview-navbar .menu-item-has-children > .sub-menu .sub-menu {
3351    top: 0;
3352    left: 100%;
3353    margin-left: 0.1rem;
3354  }
3355}
3356
3357/* ============================================================
3358   SMALL DESKTOP — 1200px to 1399.98px
3359   FIX 2026-08: the menu is expanded here but .newview-container
3360   has not reached its 1320px max-width yet, so the row is still
3361   tight. Trim the logo, nav type and CTA to fit on one line.
3362   justify-content is switched to space-between so that if this
3363   ever overflows again it clips to the RIGHT (harmless) rather
3364   than spilling LEFT over the logo.
3365   ============================================================ */
3366@media (min-width: 1200px) and (max-width: 1399.98px) {
3367
3368  .newview-navbar .navbar-brand {
3369    margin-right: 12px;
3370  }
3371  .newview-navbar .navbar-brand img {
3372    height: 52px;
3373    max-width: 165px;
3374  }
3375
3376  .newview-navbar .navbar-collapse {
3377    justify-content: end;
3378    min-width: 0;
3379    gap: 20px;
3380  }
3381
3382  .newview-navbar .navbar-nav {
3383    gap: 14px;
3384    flex-wrap: nowrap;
3385    min-width: 0;
3386  }
3387
3388  .newview-navbar .navbar-nav .nav-link,
3389  .newview-navbar .navbar-nav a {
3390    font-size: 15px;
3391    padding: 6px 0;
3392  }
3393
3394  .newview-book-cta__btn {
3395    padding: 11px 16px;
3396    font-size: 15px;
3397    min-height: 44px;
3398    white-space: nowrap;
3399  }
3400}
3401
3402@media (max-width: 425px) {
3403  .newview-navbar .navbar-brand img {
3404    max-width: 160px;
3405    height: 60px;
3406  }
3407}
3408</style>
3409
3410<a class="newview-skip-link visually-hidden-focusable" href="#theme-main">Skip to main content</a>
3411
3412<div class="newview-header">
3413
3414	<!-- ============================================================
3415       TOP UTILITY BAR — desktop + tablet, hidden under 768px,
3416       collapses on scroll
3417       ============================================================ -->
3418	<div class="newview-header-top" id="WT-header-topbar">
3419		<div class="newview-container">
3420			<div class="newview-header-top__row">
3421
3422				<!-- Location phones (Tangible loop over location CPT) -->
3423				<ul class="newview-header-top__phones">
3424					
3425													<li>
3426								<a class="newview-header-top__phone" href="tel:+1(703)-777-1244">
3427									<span class="newview-header-top__phone-icon" aria-hidden="true">
3428										<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 16 16">
3429											<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>
3430										</svg>
3431									</span>
3432									<span class="newview-header-top__phone-city">
3433										Leesburg
3434									</span>
3435									<span class="newview-header-top__phone-number">
3436										(703) 777-1244
3437									</span>
3438								</a>
3439							</li>
3440													<li>
3441								<a class="newview-header-top__phone" href="tel:+1(703)-834-9777">
3442									<span class="newview-header-top__phone-icon" aria-hidden="true">
3443										<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 16 16">
3444											<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
3444a.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>
3445										</svg>
3446									</span>
3447									<span class="newview-header-top__phone-city">
3448										Reston
3449									</span>
3450									<span class="newview-header-top__phone-number">
3451										(703) 834-9777
3452									</span>
3453								</a>
3454							</li>
3455						
3456					
3457				</ul>
3458
3459				<!-- Utility links -->
3460				<ul class="newview-header-top__links">
3461					<li>
3462						<a class="newview-header-top__link" href="/lasik-self-test-savings-calculator/">
3463							<span class="newview-header-top__link-icon" aria-hidden="true">
3464								<svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 16 16" fill="currentColor" preserveAspectRatio="xMidYMid meet">
3465									<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>
3466									<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>
3467								</svg>
3468							</span>
3469							Lasik Calculator
3470						</a>
3471					</li>
3472					<li>
3473						<a class="newview-header-top__link" href="/osdi-dry-eye/">
3474							<span class="newview-header-top__link-icon" aria-hidden="true">
3475								<svg xmlns="http://www.w3.org/2000/svg" width="13" height="15" viewBox="0 0 16 16" fill="currentColor" preserveAspectRatio="xMidYMid meet">
3476									<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>
3477								</svg>
3478							</span>
3479							Dry Eye Quiz
3480						</a>
3481					</li>
3482					<li>
3483						<a class="newview-header-top__link" href="/iol-lifestyle-finder/">
3484							<span class="newview-header-top__link-icon" aria-hidden="true">
3485								<svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 16 16" fill="currentColor" preserveAspectRatio="xMidYMid meet">
3486									<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>
3487								</svg>
3488							</span>
3489							IOL Finder
3490						</a>
3491					</li>
3492					<li>
3493						<a class="newview-header-top__link" href="/vision-simulator/">
3494							<span class="newview-header-top__link-icon" aria-hidden="true">
3495								<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 16 16" fill="currentColor" preserveAspectRatio="xMidYMid meet">
3496									<path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0"></path>
3497									<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>
3498								</svg>
3499							</span>
3500							Vision Simulator
3501						</a>
3502					</li>
3503
3504					<!-- ====================================================
3505					     BILL PAY — Converge buy button (DESKTOP, primary)
3506					     The 
3506<script> MUST stay directly after the <button>.
3507					     Do not remove [disabled] — Converge strips it once
3508					     the script loads and binds the payment lightbox.
3509					     The mobile Bill Pay button proxies clicks to this one.
3510					     ==================================================== -->
3511					<li>
3512						<button type="button" id="nvBillPayDesktop" class="newview-header-top__link newview-billpay-btn" disabled="">
3513							<span class="newview-header-top__link-icon" aria-hidden="true">
3514								<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 16 16" fill="currentColor" preserveAspectRatio="xMidYMid meet">
3515									<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>
3516									<path d="M2.5 10h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1"></path>
3517								</svg>
3518							</span>
3519							Bill Pay
3520						</button>
3521						
3521<script src="https://www.convergepay.com/hosted-payments/buy_button_script/4b69367673637250544a75716b50345a32566c4d47514141415a413362357751"></script>
3521
3522					</li>
3523
3524				</ul>
3525
3526			</div>
3527		</div>
3528	</div>
3529
3530	<!-- ============================================================
3531       MAIN NAV — Bootstrap navbar-expand-xl
3532       FIX 2026-08: was navbar-expand-lg. Changed to xl so the
3533       horizontal menu only appears at 1200px, where it fits.
3534       ============================================================ -->
3535	<div class="newview-header-nav-wrap">
3536		<div class="newview-container">
3537			<nav class="newview-navbar navbar navbar-expand-xl navbar-light" aria-label="Primary">
3538
3539				<a class="navbar-brand" href="/" aria-label="NewView Eye Center home">
3540					<!-- TODO: asset-overrides.md missing slug=logo-mark (Used as: globals/header) -->
3541					<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">
3542				</a>
3543
3544				<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">
3545					<span class="bar1"></span>
3546					<span class="bar2"></span>
3547					<span class="bar3"></span>
3548				</button>
3549
3550				<div class="collapse navbar-collapse" id="newview-navbar">
3551
3552					 <!--  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>
3553<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>
3554<ul class="dropdown-menu  depth_0">
3555	<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>
3556	<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>
3557</ul>
3558</li>
3559<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>
3560<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children dropdown nav-item nav-item-14310"><a href="#" class="nav-link  dropdown-toggle" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false" role="button">Glasses &#038; Contacts</a>
3561<ul class="dropdown-menu  depth_0">
3562	<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>
3563	<li class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-14265"><a href="https://newviewlasereye.com/contact-lenses/" class="dropdown-item ">Contact Lenses</a></li>
3564</ul>
3565</li>
3566<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>
3567<ul class="dropdown-menu  depth_0">
3568	<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>
3569	<li class="menu-item menu-item-type-post_type menu-item-object-location nav-item nav-item-13104">
3569<a href="https://newviewlasereye.com/location/newview-eye-center-leesburg/" class="dropdown-item ">NewView Eye Center Leesburg</a></li>
3570</ul>
3571</li>
3572<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children dropdown nav-item nav-item-13985"><a href="https://newviewlasereye.com/about-us/" 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">About Us</a>
3573<ul class="dropdown-menu  depth_0">
3574	<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>
3575	<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-10859 current_page_item nav-item nav-item-14306"><a href="https://newviewlasereye.com/blogs/" class="dropdown-item active" aria-current="page">Our Blog</a></li>
3576	<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>
3577</ul>
3578</li>
3579<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>
3580<ul class="dropdown-menu  depth_0">
3581	<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>
3582	<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>
3583</ul>
3584</li>
3585</ul></div> <!-- /lc_nav_menu --> 
3586
3587					<div class="newview-book-cta">
3588						<a class="newview-book-cta__btn nw_btn" href="/schedule-appointment/">Book Appointment</a>
3589					</div>
3590
3591					<!-- Mobile + tablet extras: location phones + Bill Pay + Book Appointment CTA. Hidden at 1200px and up. -->
3592					<div class="newview-header-mobile-actions d-xl-none">
3593						<ul class="newview-header-top__phones-mobile">
3594							
3595																	<li>
3596										<a class="newview-header-top__phone" href="tel:+1(703)-777-1244">
3597											<span class="newview-header-top__phone-icon" aria-hidden="true">
3598												<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 16 16">
3599													<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>
3600												</svg>
3601											</span>
3602											<span class="newview-header-top__phone-city">
3603												Leesburg
3604											</span>
3605											<span class="newview-header-top__phone-number">
3606												(703) 777-1244
3607											</span>
3608										</a>
3609									</li>
3610																	<li>
3611										<a class="newview-header-top__phone" href="tel:+1(703)-834-9777">
3612											<span class="newview-header-top__phone-icon" aria-hidden="true">
3613												<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 16 16">
3614													<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>
3615												</svg>
3616											</span>
3617											<span class="newview-header-top__phone-city">
3618												Reston
3619											</span>
3620											<span class="newview-header-top__phone-number">
3621												(703) 834-9777
3622											</span>
3623										</a>
3624									</li>
3625								
3626							
3627						</ul>
3628
3629						<!-- Bill Pay — MOBILE. No second Converge script: this button
3630						     proxies its click to #nvBillPayDesktop (see script below). -->
3631						<ul class="newview-header-top__links-mobile">
3632							<li>
3633								<button type="button" id="nvBillPayMobile" class="newview-header-top__link newview-billpay-btn" disabled="">
3634									<span class="newview-header-top__link-icon" aria-hidden="true">
3635										<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 16 16" fill="currentColor" preserveAspectRatio="xMidYMid meet">
3636											<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>
3637											<path d="M2.5 10h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1"></path>
3638										</svg>
3639									</span>
3640									Bill Pay
3641								</button>
3642							</li>
3643						</ul>
3644
3645					</div>
3646				</div>
3647			</nav>
3648		</div>
3649	</div>
3650</div>
3651
3652<!-- ============================================================
3653     BILL PAY MOBILE PROXY
3654     Converge binds to one button only. This mirrors the enabled
3655     state onto the mobile button and forwards its clicks.
3656     ============================================================ -->
3657<script>
3658(function () {
3659	var desktop = document.getElementById('nvBillPayDesktop');
3660	var mobile  = document.getElementById('nvBillPayMobile');
3661	if (!desktop || !mobile) return;
3662
3663	function sync() { mobile.disabled = desktop.disabled; }
3664	sync();
3665
3666	new MutationObserver(sync).observe(desktop, {
3667		attributes: true,
3668		attributeFilter: ['disabled']
3669	});
3670
3671	mobile.addEventListener('click', function (e) {
3672		e.preventDefault();
3673		desktop.click();
3674	});
3675})();
3676</script>
3676
3677</header>
3678
3679
3680	<main id='theme-main'>
3681<style>
3682.blog-card-title a {
3683  font-size: 20px;
3684  font-weight: 500;
3685}
3686
3687/* ===== Cards ===== */
3688.blog-card {
3689  background-color: #ffffff;
3690  border-radius: 20px;
3691  overflow: hidden;
3692  box-shadow: 0 4px 2px rgba(0, 0, 0, 0.14), 0 10px 24px -14px rgba(35, 77, 156, 0.35);
3693  transform: translateY(0);
3694  transition: transform 0.28s ease, box-shadow 0.28s ease;
3695  position: relative;
3696}
3697
3698.blog-card:hover {
3699  transform: translateY(-8px);
3700  box-shadow: 0 18px 40px rgba(35, 77, 156, 0.18);
3701}
3702
3703/* ===== Image area ===== */
3704.blog-card-image-wrap {
3705  position: relative;
3706  overflow: hidden;
3707  aspect-ratio: 16 / 10;
3708}
3709
3710.blog-card-image {
3711  width: 100%;
3712  height: 100%;
3713  object-position: top;
3714  object-fit: cover;
3715  border-radius: 0;
3716  transform: scale(1);
3717  transition: transform 0.35s ease-in-out;
3718  display: block;
3719}
3720
3721.blog-card:hover .blog-card-image {
3722  transform: scale(1.06);
3723}
3724
3725/* ===== Content area ===== */
3726.blog-card-content {
3727  padding: 18px 20px 20px;
3728}
3729
3730.blog-card-date {
3731  position: relative;
3732  padding-left: 16px;
3733  font-family: "Outfit", system-ui, sans-serif;
3734  font-size: 13px;
3735  color: #588CEB;
3736}
3737
3738.blog-card-date::before {
3739  content: "";
3740  position: absolute;
3741  left: 0;
3742  top: 50%;
3743  width: 9px;
3744  height: 9px;
3745  border-radius: 999px;
3746  background: #588CEB;
3747  transform: translateY(-50%);
3748}
3749
3750.blog-card-title a {
3751  font-family: "Castoro", Georgia, "Times New Roman", serif;
3752  font-weight: 400;
3753  color: #2D2D2D;
3754  text-decoration: none;
3755  transition: color 0.28s ease;
3756}
3757
3758.blog-card-title a:hover {
3759  color: #588CEB;
3760}
3761
3762/* ===== Read more button ===== */
3763.blog-card-footer {
3764  display: flex;
3765  justify-content: end;
3766}
3767
3768.blog-card-button {
3769  display: inline-flex;
3770  align-items: center;
3771  justify-content: center;
3772  padding: 0.5rem 1.25rem;
3773  background-color: #588CEB;
3774  color: #ffffff;
3775  border-radius: 20px;
3776  font-family: "Outfit", system-ui, sans-serif;
3777  font-weight: 600;
3778  font-size: 0.9rem;
3779  text-decoration: none;
3780  transition: background-color 0.2s ease, transform 0.2s ease;
3781}
3782
3783.blog-card-button:hover {
3784  background-color: #234D9C;
3785  color: #ffffff;
3786  transform: translateY(-1px);
3787}
3788
3789.blog-card-button svg {
3790  transition: transform 0.28s ease;
3791}
3792
3793.blog-card-button:hover svg {
3794  transform: translateX(2px);
3795}
3796
3797/* ===== Bottom accent bar ===== */
3798.blog-card::after {
3799  content: "";
3800  position: absolute;
3801  left: 0;
3802  bottom: 0;
3803  background: #588CEB;
3804  height: 4px;
3805  width: 0;
3806  transition: width 0.6s ease;
3807}
3808
3809.blog-card:hover::after {
3810  width: 100%;
3811}
3812
3813/* ===== Pagination ===== */
3814.blog-archive-pagination {
3815  display: flex;
3816  justify-content: center;
3817}
3818
3819/* ===== Small Circular Dot ===== */
3820.decorative-circle-dot {
3821  border-radius: 50%;
3822  position: absolute;
3823  width: var(--circle-sizes, 57px);
3824  height: var(--circle-sizes, 57px);
3825  background-color: var(--circle-color, rgba(88, 140, 235, 0.1));
3826  display: block;
3827  z-index: 999;
3828}
3829</style>
3830
3831<section class="lc_section pt-lg-9 pt-8 pb-3 position-relative overflow-hidden" style="background: radial-gradient(48% 40% at 97% 2%, rgba(88, 140, 235, 0.10) 0%, rgba(88, 140, 235, 0) 60%), radial-gradient(34% 44% at 1% 28%, rgba(88, 140, 235, 0.08) 0%, rgba(88, 140, 235, 0) 62%), linear-gradient(98deg, #FFFFFF 0%, #FCFDFE 46%, #E7F0FC 100%);">
3832	<div class="container">
3833		<div class="row justify-content-center">
3834			<div class="col-lg-10 col-xl-9">
3835				<div class="lc-block mb-5 text-center">
3836					<h1 class="mb-3 display-4 fw-bold" style="font-family: 'Castoro', Georgia, serif; font-weight: 400; color: #2D2D2D;">What's New</h1>
3837					<p class="mb-0 mx-auto" style="color: #555; max-width: 560px; font-family: 'Outfit', system-ui, sans-serif; font-weight: 300;">Stay Informed &amp; Empowered With NewView Eye Center</p>
3838					<div class="mx-auto mt-3" style="width: 52px; height: 4px; background: #588CEB; border-radius: 2px;"></div>
3839				</div>
3840			</div>
3841		</div>
3842	</div>
3843</section>
3844
3845<section class="py-4 position-relative" style="background-color: #EFF5FF;">
3846	<!-- Blue glow blob — matches specialty/optical sections -->
3847	<svg style="position:absolute; left:-180px; bottom:-80px; width:500px; height:400px; pointer-events:none; z-index:0;" viewBox="0 0 714.6 562.6" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
3848		<g opacity="0.6" filter="url(#blog-blob-blur)">
3849			<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>
3850		</g>
3851		<defs>
3852			<filter id="blog-blob-blur" x="0" y="0" width="714.6" height="562.6" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
3853				<feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
3854				<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend>
3855				<feGaussianBlur stdDeviation="117.4" result="effect1_foregroundBlur"></feGaussianBlur>
3856			</filter>
3857		</defs>
3858	</svg>
3859	<div style="position: relative; z-index: 1;">
3860		    <section class="blog-archive-wrap py-5">
3861        <div class="container">
3862            <div class="blog-archive-grid row g-4 g-lg-5">
3863                                        <div class="col-12 col-md-6 col-lg-4">
3864                            <article class="blog-card h-100 d-flex flex-column">
3865                                <a href="https://newviewlasereye.com/can-i-have-lasik-if-im-still-breastfeeding/" class="blog-card-image-link">
3866                                    <div class="blog-card-image-wrap">
3867                                        <img src="https://app-cdn.specialty.vision/wp-content/uploads/2026/02/young-adult-3.webp" alt="LASIK During Pregnancy or Breastfeeding: Your Questions Answered" class="blog-card-image img-fluid" loading="lazy">                                    </div>
3868                                </a>
3869
3870                                <div class="blog-card-content d-flex flex-column flex-grow-1">
3871                                    <div class="blog-card-meta lc-block mb-1">
3872                                        <span class="blog-card-date rfs-6 text-capitalize ls-3 text-dark-300">
3873                                            July 21, 2026                                        </span>
3874                                    </div>
3875
3876                                 
3877                                        <h2 class="blog-card-title rfs-12 text-primary fw-semibold lh-1 mb-3">
3878                                            <a href="https://newviewlasereye.com/can-i-have-lasik-if-im-still-breastfeeding/">
3879                                                LASIK During Pregnancy or Breastfeeding: Your Questions Answered                                            </a>
3880                                        </h2>
3881                                    
3882
3883                                    <div class="lc-block flex-grow-1">
3884                                        <p class="blog-card-excerpt mb-0 rfs-6">
3885                                            LASIK During Pregnancy or Breastfeeding: Your Questions Answered You&#039;re expecting , or nursing , and you&#039;ve been dreaming about life...                                        </p>
3886                                    </div>
3887
3888                                    <div class="blog-card-footer mt-3">
3889                                        <a href="https://newviewlasereye.com/can-i-have-lasik-if-im-still-breastfeeding/" class="blog-card-button icon-link icon-link-hover ls-1">
3890                                            Read more
3891                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
3892                                                 viewBox="0 0 15 15" class="bi ms-1" aria-hidden="true">
3893                                                <path d="M8.293 2.293a1 1 0 0 1 1.414 0l4.5 4.5a1 1 0 0 1 0 1.414l-4.5 4.5a1 1 0 0 1-1.414-1.414L11 8.5H1.5a1 1 0 0 1 0-2H11L8.293 3.707a1 1 0 0 1 0-1.414Z"></path>
3894                                            </svg>
3895                                        </a>
3896                                    </div>
3897                                </div>
3898                            </article>
3899                        </div>
3900                                                <div class="col-12 col-md-6 col-lg-4">
3901                            <article class="blog-card h-100 d-flex flex-column">
3902                                <a href="https://newviewlasereye.com/how-to-use-eye-drops-correctly-technique-and-common-mistakes/" class="blog-card-image-link">
3903                                    <div class="blog-card-image-wrap">
3904                                        <img src="https://app-cdn.specialty.vision/wp-content/uploads/2026/02/older-adult-2.webp" alt="How to Use Eye Drops Correctly: A Step-by-Step Guide" class="blog-card-image img-fluid" loading="lazy">                                    </div>
3905                                </a>
3906
3907                                <div class="blog-card-content d-flex flex-column flex-grow-1">
3908                                    <div class="blog-card-meta lc-block mb-1">
3909                                        <span class="blog-card-date rfs-6 text-capitalize ls-3 text-dark-300">
3910                                            July 21, 2026                                        </span>
3911                                    </div>
3912
3913                                 
3914                                        <h2 class="blog-card-title rfs-12 text-primary fw-semibold lh-1 mb-3">
3915                                            <a href="https://newviewlasereye.com/how-to-use-eye-drops-correctly-technique-and-common-mistakes/">
3916                                                How to Use Eye Drops Correctly: A Step-by-Step Guide                                            </a>
3917                                        </h2>
3918                                    
3919
3920                                    <div class="lc-block flex-grow-1">
3921                                        <p class="blog-card-excerpt mb-0 rfs-6">
3922                                            How to Use Eye Drops Correctly: A Step-by-Step Guide This guide is for anyone who has been prescribed eye drops...                                        </p>
3923                                    </div>
3924
3925                                    <div class="blog-card-footer mt-3">
3926                                        <a href="https://newviewlasereye.com/how-to-use-eye-drops-correctly-technique-and-common-mistakes/" class="blog-card-button icon-link icon-link-hover ls-1">
3927                                            Read more
3928                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
3929                                                 viewBox="0 0 15 15" class="bi ms-1" aria-hidden="true">
3930                                                <path d="M8.293 2.293a1 1 0 0 1 1.414 0l4.5 4.5a1 1 0 0 1 0 1.414l-4.5 4.5a1 1 0 0 1-1.414-1.414L11 8.5H1.5a1 1 0 0 1 0-2H11L8.293 3.707a1 1 0 0 1 0-1.414Z"></path>
3931                                            </svg>
3932                                        </a>
3933                                    </div>
3934                                </div>
3935                            </article>
3936                        </div>
3937                                                <div class="col-12 col-md-6 col-lg-4">
3938                            <article class="blog-card h-100 d-flex flex-column">
3939                                <a href="https://newviewlasereye.com/top-4-reasons-eye-exam-fall/" class="blog-card-image-link">
3940                                    <div class="blog-card-image-wrap">
3941                                        <img src="https://app-cdn.specialty.vision/wp-content/uploads/2026/02/diabetic-eye-10.webp" alt="4 Reasons You Need a Comprehensive Eye Exam" class="blog-card-image img-fluid" loading="lazy">                                    </div>
3942                                </a>
3943
3944                                <div class="blog-card-content d-flex flex-column flex-grow-1">
3945                                    <div class="blog-card-meta lc-block mb-1">
3946                                        <span class="blog-card-date rfs-6 text-capitalize ls-3 text-dark-300">
3947                                            July 21, 2026                                        </span>
3948                                    </div>
3949
3950                                 
3951                                        <h2 class="blog-card-title rfs-12 text-primary fw-semibold lh-1 mb-3">
3952                                            <a href="https://newviewlasereye.com/top-4-reasons-eye-exam-fall/">
3953                                                4 Reasons You Need a Comprehensive Eye Exam                                            </a>
3954                                        </h2>
3955                                    
3956
3957                                    <div class="lc-block flex-grow-1">
3958                                        <p class="blog-card-excerpt mb-0 rfs-6">
3959                                            4 Reasons You Need a Comprehensive Eye Exam You feel fine. You see clearly. So why bother with an eye...                                        </p>
3960                                    </div>
3961
3962                                    <div class="blog-card-footer mt-3">
3963                                        <a href="https://newviewlasereye.com/top-4-reasons-eye-exam-fall/" class="blog-card-button icon-link icon-link-hover ls-1">
3964                                            Read more
3965                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
3966                                                 viewBox="0 0 15 15" class="bi ms-1" aria-hidden="true">
3967                                                <path d="M8.293 2.293a1 1 0 0 1 1.414 0l4.5 4.5a1 1 0 0 1 0 1.414l-4.5 4.5a1 1 0 0 1-1.414-1.414L11 8.5H1.5a1 1 0 0 1 0-2H11L8.293 3.707a1 1 0 0 1 0-1.414Z"></path>
3968                                            </svg>
3969                                        </a>
3970                                    </div>
3971                                </div>
3972                            </article>
3973                        </div>
3974                                    </div><!-- /.blog-archive-grid -->
3975            
3976                    </div><!-- /.container -->
3977    </section>
3978    
3979	</div>
3980</section>
3981</main>
3982	
3983
3984
3985<footer id='lc-footer'><style>
3986    /* ── Footer theme (matches Figma 3274:1316): white card on periwinkle band ── */
3987    .newview-footer {
3988        --nv-foot-band: #A4C3FC;      /* periwinkle page band */
3989        --nv-foot-card: #FFFFFF;      /* white container card */
3990        --nv-foot-text: #2D2D2D;      /* body/heading text */
3991        --nv-foot-accent: #234D9C;    /* dark blue: icons, borders, links */
3992        --nv-foot-tile: rgba(255, 255, 255, 0.6); /* pills + location cards */
3993        background: var(--nv-foot-band);
3994        color: var(--nv-foot-text);
3995        font-family: 'Outfit', system-ui, -apple-system, sans-serif;
3996    }
3997
3998    .newview-footer-card {
3999        background: var(--nv-foot-card);
4000        border-radius: 20px;
4001    }
4002
4003    .newview-footer-serif {
4004        font-family: 'Castoro', Georgia, serif;
4005    }
4006
4007    /* ── Logo wordmark placeholder ── */
4008    .newview-footer-logo {
4009        color: var(--nv-foot-accent);
4010        font-family: 'Castoro', Georgia, serif;
4011        font-size: clamp(24px, 2vw + 8px, 30px);
4012        letter-spacing: 0.5px;
4013        line-height: 1.1;
4014    }
4015
4016    /* ── Logo ── */
4017    .newview-footer-logo-img {
4018        width: 260px;       /* actual display size — nudge to taste */
4019        max-width: 100%;    /* stays responsive on small screens */
4020        height: auto;
4021    }
4022
4023    /* ── Social icons ── */
4024    .newview-footer-social {
4025        display: inline-flex;
4026        align-items: center;
4027        justify-content: center;
4028        width: 32px;
4029        height: 32px;
4030        text-decoration: none;
4031    }
4032    .newview-footer-social svg {
4033        width: 100%;
4034        height: 100%;
4035        display: block;
4036        transition: transform 0.2s ease;
4037    }
4038    .newview-footer-social:hover svg,
4039    .newview-footer-social:focus-visible svg {
4040        transform: scale(1.08);
4041    }
4042
4043    /* ── Doctor pills ── */
4044    .newview-footer-doctor-card {
4045        background-color: var(--nv-foot-tile);
4046        border: 1px solid var(--nv-foot-accent);
4047        color: var(--nv-foot-text);
4048        border-radius: 10px;
4049        font-family: 'Castoro', Georgia, serif;
4050        font-size: 15px;
4051        line-height: 1.2;
4052        text-decoration: none;
4053        transition: background-color 0.2s ease, color 0.2s ease;
4054    }
4055    .newview-footer-doctor-card:hover,
4056    .newview-footer-doctor-card:focus-visible {
4057        background-color: var(--nv-foot-accent);
4058        color: #ffffff;
4059        text-decoration: none;
4060    }
4061
4062    /* ── Menu links ── */
4063    .newview-footer-menu {
4064        column-gap: 30px;
4065        row-gap: 10px;
4066    }
4067    .newview-footer-menu a {
4068        font-family: 'Castoro', Georgia, serif;
4069        font-size: 15px;
4070        color: var(--nv-foot-text);
4071        text-decoration: none;
4072        line-height: 1.3;
4073        white-space: nowrap;
4074    }
4075    .newview-footer-menu a:hover,
4076    .newview-footer-menu a:focus-visible {
4077        color: var(--nv-foot-accent);
4078        text-decoration: underline;
4079        text-decoration-color: var(--nv-foot-accent);
4080    }
4081
4082    /* ── Location cards ── */
4083    .newview-footer-loc-tile {
4084        background-color: var(--nv-foot-tile);
4085        border: 1px solid var(--nv-foot-accent);
4086        border-radius: 20px;
4087    }
4088    .newview-footer-loc-title a {
4089        font-family: 'Castoro', Georgia, serif;
4090        font-size: clamp(20px, 1.2vw + 12px, 25px);
4091        color: var(--nv-foot-text);
4092        text-decoration: none;
4093    }
4094    .newview-footer-loc-title a:hover,
4095    .newview-footer-loc-title a:focus-visible {
4096        color: var(--nv-foot-accent);
4097    }
4098    .newview-footer-contact-line,
4099    .newview-footer-fax-line {
4100        font-size: 15px;
4101        line-height: 1.4;
4102        color: var(--nv-foot-text);
4103    }
4104    .newview-footer-contact-line a,
4105    .newview-footer-fax-line span {
4106        color: var(--nv-foot-text);
4107    }
4108    .newview-footer-contact-line a:hover,
4109    .newview-footer-contact-line a:focus-visible {
4110        color: var(--nv-foot-accent);
4111        text-decoration: underline;
4112    }
4113    .newview-footer-contact-line i,
4114    .newview-footer-fax-line i {
4115        color: var(--nv-foot-accent);
4116        font-size: 15px;
4117        width: 18px;
4118        flex-shrink: 0;
4119    }
4120
4121    /* ── Bottom bar ── */
4122    .newview-footer-bottom {
4123        border-top: 1px solid rgba(35, 77, 156, 0.18);
4124    }
4125    .newview-footer-copy {
4126        font-size: 13.5px;
4127        color: var(--nv-foot-text);
4128    }
4129    .newview-footer-legal a {
4130        font-size: 13.5px;
4131        color: var(--nv-foot-text);
4132        text-decoration: none;
4133    }
4134    .newview-footer-legal a:hover,
4135    .newview-footer-legal a:focus-visible {
4136        color: var(--nv-foot-accent);
4137        text-decoration: underline;
4138    }
4139
4140</style>
4141
4142
4143	<footer class="newview-footer py-4 py-lg-5 px-2 position-relative" role="contentinfo">
4144		<div class="container">
4145			<div class="newview-footer-card p-4 p-lg-5">
4146
4147				<!-- ═══ TOP: Logo + Social (left)  /  Doctor pills + Menu (right) ═══ -->
4148				<div class="row gy-5 gx-4 align-items-start">
4149
4150					<!-- Logo & Social -->
4151					<div class="col-12 col-lg-4 d-flex flex-column gap-4 align-items-center align-items-lg-start">
4152						<a href="https://newviewlasereye.com/" class="text-decoration-none text-center text-lg-start" aria-label="NewView Eye Center — go to homepage">
4153							<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" />
4154						</a>
4155
4156						<div class="d-flex flex-wrap gap-3 justify-content-center justify-content-lg-start">
4157							<!-- Facebook -->
4158							<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)">
4159								<svg viewBox="25.32 0 32.16 32.16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
4160									<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>
4161								</svg>
4162							</a>
4163							<!-- Instagram -->
4164							<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)">
4165								<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
4166									<circle cx="16" cy="16" r="16" fill="#234D9C"></circle>
4167									<g transform="translate(7,7) scale(0.75)">
4168										<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
41687-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>
4169									</g>
4170								</svg>
4171							</a>
4172							<!-- X (Twitter) -->
4173							<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)">
4174								<svg viewBox="137.75 0.64 30.88 30.88" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
4175									<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>
4176								</svg>
4177							</a>
4178							<!-- YouTube -->
4179							<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)">
4180								<svg viewBox="192.68 0.64 30.88 30.88" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
4181									<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>
4182								</svg>
4183							</a>
4184							<!-- Google -->
4185							<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)">
4186								<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
4187									<circle cx="16" cy="16" r="16" fill="#234D9C"></circle>
4188									<g transform="translate(7,7) scale(0.75)">
4189										<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>
4190									</g>
4191								</svg>
4192							</a>
4193							<!-- Yelp -->
4194							<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)">
4195								<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
4196									<circle cx="16" cy="16" r="16" fill="#234D9C"></circle>
4197									<g transform="translate(7,7) scale(0.75)">
4198										<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
419863c-.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>
4199									</g>
4200								</svg>
4201							</a>
4202						</div>
4203					</div>
4204
4205					<!-- Doctor pills + Menu -->
4206					<div class="col-12 col-lg-8 d-flex flex-column gap-4 align-items-center align-items-lg-end">
4207
4208						<!-- Doctor pills (dynamic) -->
4209						<div class="d-flex flex-wrap gap-3 justify-content-center justify-content-lg-end">
4210							
4211								<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">
4212									Dr. Griffiths
4213								</a>
4214							
4215								<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">
4216									Dr. Callahan
4217								</a>
4218							
4219						</div>
4220
4221						<!-- Menu -->
4222						<nav class="w-100" aria-label="Footer menu">
4223							<div class="d-flex flex-wrap newview-footer-menu justify-content-center justify-content-lg-end">
4224								<a href="https://newviewlasereye.com/">Home</a>
4225								<a href="https://newviewlasereye.com/about-us/">About Us</a>
4226								<a href="https://newviewlasereye.com/primary-eye-care/">Primary Eye Care</a>
4227								<a href="https://newviewlasereye.com/optical-center/">Optical Center</a>
4228								<a href="https://newviewlasereye.com/blogs/">Blog</a>
4229							</div>
4230							<div class="d-flex flex-wrap newview-footer-menu justify-content-center justify-content-lg-end mt-2">
4231								<a href="https://newviewlasereye.com/lasik/">Lasik</a>
4232								<a href="https://newviewlasereye.com/cataracts/">Cataracts</a>
4233								<a href="https://newviewlasereye.com/specialty-eye-care/">Specialty Eye Care</a>
4234								<a href="https://newviewlasereye.com/aesthetics/">Aesthetics</a>
4235								<a href="https://newviewlasereye.com/patient-forms/">Patient Forms</a>
4236								<a href="https://newviewlasereye.com/patient-financing/">Financing</a>
4237							</div>
4238						</nav>
4239					</div>
4240				</div>
4241
4242				<!-- ═══ LOCATION CARDS (dynamic) ═══ -->
4243				<div class="row justify-content-center g-4 mt-2">
4244					
4245						<div class="col-12 col-lg-6">
4246							<div class="newview-footer-loc-tile h-100 p-4 p-lg-5">
4247
4248								<!-- Location title -->
4249								<div class="fw-semibold lh-sm mb-3 newview-footer-loc-title">
4250									<a href="https://newviewlasereye.com/location/newview-eye-center-reston/">
4251										NewView Eye Center Reston
4252									</a>
4253								</div>
4254
4255								<div class="row g-3">
4256									<!-- Address (opens Google Maps) -->
4257									<div class="col-12 col-sm-7">
4258										<div class="d-flex align-items-start newview-footer-contact-line">
4259											<i class="fa-solid fa-location-dot me-2 mt-1" aria-hidden="true"></i>
4260											<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">
4261												12110 Sunset Hills Rd,
4262												Reston,
4263												Virginia
4264												20190
4265												<span class="visually-hidden">(opens Google Maps in new window)</span>
4266											</a>
4267										</div>
4268									</div>
4269
4270									<!-- Phone + Fax -->
4271									<div class="col-12 col-sm-5">
4272										
4273											<div class="d-flex align-items-start mb-2 newview-footer-contact-line">
4274												<i class="fa-solid fa-phone me-2 mt-1" aria-hidden="true"></i>
4275												<a href="tel:+1(703)-834-9777" class="text-decoration-none">
4276													(703) 834-9777
4277												</a>
4278											</div>
4279										
4280
4281										
4282
4283										
4284											<div class="d-flex align-items-start newview-footer-fax-line">
4285												<i class="fa-solid fa-fax me-2 mt-1" aria-hidden="true"></i>
4286												<span>
4287													703-834-8187
4288												</span>
4289											</div>
4290										
4291									</div>
4292								</div>
4293
4294							</div>
4295						</div>
4296					
4297						<div class="col-12 col-lg-6">
4298							<div class="newview-footer-loc-tile h-100 p-4 p-lg-5">
4299
4300								<!-- Location title -->
4301								<div class="fw-semibold lh-sm mb-3 newview-footer-loc-title">
4302									<a href="https://newviewlasereye.com/location/newview-eye-center-leesburg/">
4303										NewView Eye Center Leesburg
4304									</a>
4305								</div>
4306
4307								<div class="row g-3">
4308									<!-- Address (opens Google Maps) -->
4309									<div class="col-12 col-sm-7">
4310										<div class="d-flex align-items-start newview-footer-contact-line">
4311											<i class="fa-solid fa-location-dot me-2 mt-1" aria-hidden="true"></i>
4312											<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">
4313												20 Davis Ave SW,
4314												Leesburg,
4315												Virginia
4316												20175
4317												<span class="visually-hidden">(opens Google Maps in new window)</span>
4318											</a>
4319										</div>
4320									</div>
4321
4322									<!-- Phone + Fax -->
4323									<div class="col-12 col-sm-5">
4324										
4325											<div class="d-flex align-items-start mb-2 newview-footer-contact-line">
4326												<i class="fa-solid fa-phone me-2 mt-1" aria-hidden="true"></i>
4327												<a href="tel:+1(703)-777-1244" class="text-decoration-none">
4328													(703) 777-1244
4329												</a>
4330											</div>
4331										
4332
4333										
4334
4335										
4336											<div class="d-flex align-items-start newview-footer-fax-line">
4337												<i class="fa-solid fa-fax me-2 mt-1" aria-hidden="true"></i>
4338												<span>
4339													703-834-8187
4340												</span>
4341											</div>
4342										
4343									</div>
4344								</div>
4345
4346							</div>
4347						</div>
4348					
4349				</div>
4350
4351				<!-- ═══ BOTTOM BAR ═══ -->
4352				<div class="newview-footer-bottom mt-4 mt-lg-5 pt-3">
4353					<div class="d-flex flex-column flex-md-row justify-content-between align-items-center gap-2">
4354						<p class="newview-footer-copy mb-0 text-center text-md-start">Copyright 2026 &copy; NewView Eye Center. All Rights Reserved.</p>
4355						<nav class="d-flex flex-wrap gap-3 justify-content-center newview-footer-legal" aria-label="Legal">
4356							<a href="https://newviewlasereye.com/accessibility/">Accessibility</a>
4357							<a href="https://newviewlasereye.com/disclaimer/">Disclaimer</a>
4358							<a href="https://newviewlasereye.com/compliance-risk/">Compliance & Risk</a>
4359							<a href="https://refocuseyedoctors.com/privacy-policy/">Privacy</a>
4360							<a href="https://refocuseyedoctors.com/terms-of-use/">Terms of Use</a>
4361							<a href="https://refocuseyedoctors.com/notice-of-nondiscrimination-policy/">Nondiscrimination</a>
4362							<a href="https://refocuseyedoctors.com/billing-disclosure/">Billing Disclosure</a>
4363						</nav>
4364					</div>
4365				</div>
4366
4367			</div>
4368		</div>
4369	</footer>
4370
4371
4372<!-- Floating CTA Button (mobile only) -->
4373<div class="d-md-none position-fixed bottom-0 mb-3 px-3 w-100 z-3">
4374	            <style>
4375            .newview-phone { display: inline-block; font-family: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
4376
4377            /* ── Call button (single + multi trigger share this base) ── */
4378            .newview-phone .newview-phone__btn {
4379                position: relative;
4380                display: inline-flex;
4381                align-items: center;
4382                justify-content: center;
4383                gap: 10px;
4384                padding: 14px 26px;
4385                border-radius: 20px;
4386                border: 1px solid #588CEB;
4387                background-color: #588CEB;
4388                color: #ffffff;
4389                font-size: 18px;
4390                font-weight: 600;
4391                line-height: 1.2;
4392                letter-spacing: 0.01em;
4393                text-decoration: none;
4394                cursor: pointer;
4395                transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
4396            }
4397            .newview-phone .newview-phone__btn:hover,
4398            .newview-phone .newview-phone__btn:focus-visible {
4399                background-color: #234D9C;
4400                border-color: #234D9C;
4401                color: #ffffff;
4402                transform: translateY(-1px);
4403                box-shadow: 0 8px 20px rgba(35, 77, 156, 0.20);
4404                outline: none;
4405            }
4406            .newview-phone .newview-phone__btn:focus-visible {
4407                outline: 2px solid #234D9C;
4408                outline-offset: 3px;
4409            }
4410            .newview-phone .newview-phone__icon { flex-shrink: 0; }
4411            .newview-phone .newview-phone__chevron {
4412                flex-shrink: 0;
4413                transition: transform 0.3s ease;
4414            }
4415            /* Bootstrap toggles .show on the .dropdown when open */
4416            .newview-phone .dropdown.show .newview-phone__chevron { transform: rotate(90deg); }
4417
4418            /* Bootstrap's dropdown-toggle adds a caret ::after — hide it (we use our own chevron) */
4419            .newview-phone .newview-phone__btn.dropdown-toggle::after { display: none; }
4420
4421            /* ── Dropdown menu — VISUAL SKIN ONLY. Popper owns position/transform via
4422               inline styles (incl. the auto-flip up on the floating bar), so no
4423               top/left/transform here or it would fight Popper. ── */
4424            .newview-phone .dropdown-menu.newview-phone__menu {
4425                min-width: 18rem;
4426                margin: 0;
4427                padding: 10px;
4428                list-style: none;
4429                background: #ffffff;
4430                border: 1px solid #DAE7FF;
4431                border-radius: 16px;
4432                box-shadow: 0 18px 48px rgba(35, 77, 156, 0.18), 0 4px 12px rgba(0, 0, 0, 0.06);
4433                z-index: 1000;
4434            }
4435            /* Entrance animation on Bootstrap's .show (transform-free so Popper's
4436               positioning transform is never overwritten). */
4437            .newview-phone .dropdown-menu.newview-phone__menu.show {
4438                animation: newviewPhoneDropIn 0.2s ease forwards;
4439            }
4440            @keyframes newviewPhoneDropIn {
4441                from { opacity: 0; }
4442                to   { opacity: 1; }
4443            }
4444
4445            /* ── Location items ── */
4446            .newview-phone .newview-phone__item {
4447                display: flex;
4448                align-items: center;
4449                justify-content: space-between;
4450                gap: 12px;
4451                padding: 11px 14px;
4452                border-radius: 12px;
4453                color: #234D9C;
4454                text-decoration: none;
4455                background: transparent;
4456                border: 1.5px solid transparent;
4457                transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease;
4458            }
4459            .newview-phone .newview-phone__item:hover,
4460            .newview-phone .newview-phone__item:focus-visible {
4461                background: #588CEB;
4462                color: #ffffff;
4463                transform: translateX(3px);
4464                outline: none;
4465            }
4466            .newview-phone .newview-phone__item:hover .newview-phone__item-icon,
4467            .newview-phone .newview-phone__item:focus-visible .newview-phone__item-icon {
4468                color: rgba(255, 255, 255, 0.85);
4469            }
4470            .newview-phone .newview-phone__item-text {
4471                display: flex;
4472                flex-direction: column;
4473                gap: 2px;
4474                flex: 1;
4475                text-align: left;
4476            }
4477            .newview-phone .newview-phone__item-city {
4478                font-size: 0.75rem;
4479                font-weight: 500;
4480                text-transform: uppercase;
4481                letter-spacing: 0.06em;
4482                opacity: 0.7;
4483                line-height: 1;
4484            }
4485            .newview-phone .newview-phone__item-phone {
4486                font-size: 1rem;
4487                font-weight: 700;
4488                letter-spacing: 0.02em;
4489                line-height: 1.2;
4490            }
4491            .newview-phone .newview-phone__item-icon {
4492                color: #588CEB;
4493                opacity: 0.55;
4494                flex-shrink: 0;
4495                transition: color 0.18s ease, opacity 0.18s ease;
4496            }
4497            .newview-phone .newview-phone__item + .newview-phone__item {
4498                border-top: 1px solid rgba(35, 77, 156, 0.08);
4499                margin-top: 6px;
4500                padding-top: 14px;
4501            }
4502
4503            @media (max-width: 575.98px) {
4504                .newview-phone,
4505                .newview-phone .dropdown,
4506                .newview-phone .newview-phone__btn { width: 100%; }
4507                .newview-phone .dropdown-menu.newview-phone__menu { min-width: 100%; width: 100%; }
4508            }
4509            </style>
4510                    <div class="newview-phone newview-schedule-phone">
4511                <div class="dropdown newview-phone__dropdown">
4512                    <button type="button"
4513                            class="newview-phone__btn newview-phone__btn--toggle nw_btn dropdown-toggle"
4514                            data-bs-toggle="dropdown"
4515                            data-bs-auto-close="true"
4516                            aria-expanded="false">
4517                        <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>
4518                        <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>
4519
4520                    <ul class="dropdown-menu newview-phone__menu" role="menu">
4521                                                    <li role="none">
4522                                <a class="newview-phone__item"
4523                                   href="tel:+17037771244"
4524                                   role="menuitem">
4525                                    <span class="newview-phone__item-text">
4526                                                                                    <span class="newview-phone__item-city">Leesburg</span>
4527                                                                                <span class="newview-phone__item-phone">(703) 777-1244</span>
4528                                    </span>
4529                                    <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>
4530                            </li>
4531                                                    <li role="none">
4532                                <a class="newview-phone__item"
4533                                   href="tel:+17038349777"
4534                                   role="menuitem">
4535                                    <span class="newview-phone__item-text">
4536                                                                                    <span class="newview-phone__item-city">Reston</span>
4537                                                                                <span class="newview-phone__item-phone">(703) 834-9777</span>
4538                                    </span>
4539                                    <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>
4540                            </li>
4541                                            </ul>
4542                </div>
4543            </div>
4544            
4545</div>
4546
4547<!-- Website Credit -->
4548<div>
4549	<div class="container">
4550		<div class="d-flex flex-row justify-content-center align-items-center bg-white text-dark py-3 gap-2">
4551			<span class="m-0 rfs-6">Website Designed by</span>
4552			<a href="https://specialty.vision/marketing-for-ophthalmology/" class="text-decoration-none d-flex align-items-center gap-2">
4553				<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">
4554				<span class="rfs-6 fw-bold">Specialty Vision</span>
4555			</a>
4556		</div>
4557	</div>
4558</div></footer>
4559
4560
4561
4562	
4562<script type="speculationrules">
4563{"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"}]}
4564</script>
4564
4565
4566	
4566<script id="lc_script_tag" type="module"></script>
4566
4567	
4567<script id="accessibility-widget-js-extra">
4568var _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};
4569var _cyA11yAssets = {"fonts":"https://newviewlasereye.com/wp-content/plugins/accessibility-widget/lite/frontend/assets/fonts/"};
4570//# sourceURL=accessibility-widget-js-extra
4571</script>
vendor: 1 bytes, line 4571
4571
4572<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 4572
4572
4573<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 4573
4573
4574<script data-wp-strategy="defer" defer id="bootstrap5-js" src="https://newviewlasereye.com/wp-content/themes/picostrap5/js/bootstrap.bundle.min.js"></script>
4574
4575
4576	</body>
4577</html>
4578
4579
4580<!-- Cache served by breeze CACHE (Desktop) - Last modified: Sat, 03 Oct 2026 15:32:19 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.