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