1<!doctype html> 2<html lang="en-US"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <!-- wp_head --> 7 <title>About Us – New View Eye Center</title> 8<meta name='robots' content='max-image-preview:large' /> 9<link rel='dns-prefetch' href='//ed7e7u353i8.exactdn.com' /> 10<link rel='preconnect' href='//ed7e7u353i8.exactdn.com' /> 11<style id="wp-img-auto-sizes-contain-inline-css"> 12img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 13/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 14</style> 15<style id="wp-block-library-inline-css"> 16:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
16--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} 17 18/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ 19</style> 20<style id="classic-theme-styles-inline-css"> 21/*! This file is auto-generated */ 22.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 23/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 24</style> 25 26<style id="global-styles-inline-css"> 27:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
27--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
27.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 28/*# sourceURL=global-styles-inline-css */ 29</style> 30 31<link rel='stylesheet' id='picostrap-styles-css' href='https://newviewlasereye.com/wp-content/themes/picostrap5/css-output/bundle-55.css?ver=443' media='all' /> 32<link rel="canonical" href="https://newviewlasereye.com/about-us/" /> 33<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 33-34
33 34<script async src="https://www.googletagmanager.com/gtag/js?id=
34AW-797515819
vendor: 13 bytes, line 34
34"></script>
35<script> 36
vendor: 138 bytes, lines 36-40
36window.dataLayer = window.dataLayer || []; 37 function gtag(){dataLayer.push(arguments);} 38 gtag('js', new Date()); 39 40 gtag('config', '
40AW-797515819
vendor: 5 bytes, line 40
40');
41</script>
41 42
43<script>(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"187116966", enableAutoSpaTracking: true};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq");</script>
43 44
45<script> 46 47 document.addEventListener("DOMContentLoaded", function(event){ 48 49 function uet_report_conversion() { window.uetq = window.uetq || []; window.uetq.push('event', 'contact', {}); } 50 51 (document.querySelectorAll('a[href^="tel"]').forEach(button => button.addEventListener('click', function (event) { 52 uet_report_conversion() 53 }))); 54 55 }); 56 57 58</script>
58 59
60<script> 61 document.addEventListener("DOMContentLoaded", function(event){ 62 63 document.querySelectorAll('[href*="tel:"]').forEach(link => link.addEventListener('click', function () { 64 console.log('click!'); 65 gtag('event', 'conversion', {'send_to': 'AW-797515819/0M4ZCJehhf0DEKvApPwC'}); 66 })); 67 }); 68</script>
68 69 70<link rel='dns-prefetch' href='//cdn.jsdelivr.net' /> 71<style> 72 @font-face { 73 font-family:'Outfit'; 74 font-style:normal; 75 font-display:swap; 76 font-weight:100 200 300 400 500 600 700 800 900; 77 src:url(https://cdn.jsdelivr.net/fontsource/fonts/outfit:vf@latest/latin-wght-normal.woff2) format('woff2-variations'); 78 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; 79} 80 @font-face { 81 font-family:'Castoro'; 82 font-style:normal; 83 font-display:swap; 84 font-weight:400; 85 src:url(https://cdn.jsdelivr.net/fontsource/fonts/castoro@latest/latin-400-normal.woff2) format('woff2'); 86 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; 87} 88 </style> 89 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
90<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","@id":"https://newviewlasereye.com/about-us/","url":"https://newviewlasereye.com/about-us/","name":"About Us","description":"About Us Our Mission Our mission is to provide excellence in ophthalmology services by providing personalized care to each patient. NewView Eye...Read More...","dateModified":"2026-07-21T10:37:43+00:00","inLanguage":["English"],"publisher":{"@type":"Organization","name":"Specialty Vision","logo":{"@type":"ImageObject","url":"https://cdn.specialty.vision/wp-content/uploads/sites/15/2025/11/logo-specialty-vision-horizontal-fullcolor1-1.png?strip=all"}}}</script>
90 91<link rel="icon" href="https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/07/cropped-Untitled-1.webp?strip=all&resize=32%2C32" sizes="32x32" /> 92<link rel="icon" href="https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/07/cropped-Untitled-1.webp?strip=all&resize=192%2C192" sizes="192x192" /> 93<link rel="apple-touch-icon" href="https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/07/cropped-Untitled-1.webp?strip=all&resize=180%2C180" /> 94<meta name="msapplication-TileImage" content="https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/07/cropped-Untitled-1.webp?strip=all&resize=270%2C270" /> 95<style id="wp-custom-css"> 96/* FONTS */ 97/* Import Google Fonts */ 98@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap'); 99 100/* Default font for the whole page */ 101/* body p, 102a { 103font-family: 'Inter', sans-serif !important; 104} */ 105 106/* Headings, buttons, and links use Poppins */ 107button input[type="button"], 108input[type="submit"] { 109font-family: 'Inter', sans-serif !important; 110} 111 112 113/* END */ 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136/* START OF LOCATION ACCORDION BUTTON STYLING */ 137 138/* #locationHeading1 .accordion-button { 139background: linear-gradient(90deg, rgba(0, 165, 228, 0.5) 0%, rgba(31, 196, 168, 0.3) 61%); 140} */ 141 142#locationHeading1 .accordion-button .location-office-icon { 143display: flex; 144justify-content: center; 145align-items: center; 146width: 30px; 147height: 30px; 148background-color: white; 149border-radius: 50%; 150font-size: 20px; 151color: var(--bs-secondary); 152 153} 154 155/* Default state: Chevron pointing down */ 156#locationHeading1 .accordion-button .accordion-chevron-icon { 157transition: transform 0.3s ease; 158/* Smooth transition for rotation */ 159} 160 161/* When the accordion button is clicked (open state), the chevron rotates */ 162#locationHeading1 .accordion-button:not(.collapsed) .accordion-chevron-icon { 163transform: rotate(180deg); 164/* Flip the chevron when the accordion is opened */ 165} 166 167 168/* END OF LOCATION ACCORDION */ 169 170 171.remove-style-link { 172color: inherit; 173text-decoration: none; 174} 175 176.remove-style-link:hover { 177color: #203D8E; 178} 179 180.custom-refer-btn { 181background-color: #203D8E; 182color: white; 183border: 1px solid #203D8E; 184padding: 12px 24px; 185font-weight: 500; 186text-decoration: none; 187border-radius: 4px; 188display: inline-block; 189transition: all 0.3s ease; 190} 191 192.custom-refer-btn:hover { 193background-color: white; 194color: #203D8E; 195border: 1px solid #203D8E; 196} 197 198 199/*-----Refocus-----*/ 200.refocus-hero-gradient { 201background: linear-gradient(to bottom, 202rgba(183, 237, 228, 0.1) 50%, 203rgba(182, 229, 238, 0.5) 100%); 204} 205 206/* If these utilities already exist in your project, you can omit this block */ 207.rf-color { 208color: #1bbfdd; 209} 210 211.rf-bg-color { 212background: #10AFC3; 213} 214 215.rf-primary { 216color: #0F2F39; 217} 218 219.rf-bg-light { 220background: #F4FAFB; 221} 222 223/* Tiles */ 224.rf-tile { 225display: flex; 226align-items: center; 227justify-content: center; 228width: 100%; 229height: 100%; 230min-height: 92px; 231padding: 18px 20px; 232border-radius: 16px; 233background: #FFFFFF; 234color: #0F2F39; 235box-shadow: 0 8px 20px rgba(3, 41, 64, 0.08); 236transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, color .15s ease; 237text-align: center; 238} 239 240/* Hover/keyboard focus becomes teal */ 241.rf-tile:hover, 242.rf-tile:focus-visible { 243background: #10AFC3; 244color: #FFFFFF; 245box-shadow: 0 10px 22px rgba(16, 175, 195, 0.35); 246transform: translateY(-2px); 247outline: 0; 248} 249 250/* Icon ring (used in the first tile) */ 251.rf-icon-ring { 252width: 40px; 253height: 40px; 254border-radius: 999px; 255border: 1px solid #10AFC3; 256color: #10AFC3; 257display: flex; 258align-items: center; 259justify-content: center; 260} 261 262/* Invert icon ring on hover/focus for contrast */ 263.rf-tile:hover .rf-icon-ring, 264.rf-tile:focus-visible .rf-icon-ring { 265border-color: #FFFFFF; 266color: #FFFFFF; 267} 268 269 270/* Callout wrapper (dark gradient card) */ 271.rf-callout { 272background: linear-gradient(135deg, #0F2F39 0%, #0A7385 100%); 273color: #ffffff; 274border-radius: 20px; 275position: relative; 276} 277 278/* Eyebrow, title, copy */ 279.rf-eyebrow { 280color: #1bbfdd; 281letter-spacing: .2px; 282} 283 284.rf-title { 285color: #ffffff; 286line-height: 1.1; 287font-size: clamp(1.8rem, 2.6vw + 1rem, 3rem); 288} 289 290.rf-copy { 291color: rgba(255, 255, 255, .88); 292font-size: 1.05rem; 293} 294 295/* CTA button */ 296.rf-btn-teal { 297background: #10AFC3; 298color: #fff; 299border: 0; 300border-radius: 12px; 301box-shadow: 0 10px 24px rgba(16, 175, 195, .35); 302transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease; 303} 304 305.rf-btn-teal:hover { 306background: #0f9fb4; 307color: #fff; 308transform: translateY(-1px); 309} 310 311/* Right-side image card + badges */ 312.rf-photo-wrapper { 313position: relative; 314max-width: 560px; 315} 316 317.rf-photo-card { 318border-radius: 24px; 319padding: 0px; 320} 321 322/* Small floating image (top-right) */ 323.rf-badge-small {
324position: absolute; 325top: 18px; 326right: -14px; 327width: 170px; 328height: 130px; 329background: #fff; 330border-radius: 16px; 331border: 2px solid rgba(27, 191, 221, .8); 332overflow: hidden; 333} 334 335/* Teal icon badge (bottom-right) */ 336.rf-badge-large { 337position: absolute; 338right: -16px; 339bottom: -16px; 340width: 96px; 341height: 96px; 342background: #10AFC3; 343color: #fff; 344border-radius: 18px; 345box-shadow: 0 12px 28px rgba(16, 175, 195, .5); 346} 347 348/* Card wrapper (kept simple for grid spacing) */ 349.rf-doc-card {} 350 351/* Portrait panel with inset name bar */ 352.rf-doc-top { 353position: relative; 354background: #EAF7FB; 355border: 2px solid #1bbfdd; 356border-radius: 16px; 357min-height: auto; 358padding: 18px 18px 20px; 359/* leave room for the name bar inside */ 360overflow: hidden; 361/* so bottom corners clip the name nicely */ 362transition: box-shadow .18s ease; 363} 364 365.rf-doc-card:hover .rf-doc-top { 366box-shadow: 0 12px 26px rgba(3, 41, 64, 0.12); 367} 368 369/* Doctor image */ 370.rf-doc-img { 371width: 100%; 372height: 100%; 373object-fit: contain; 374/* keeps cutouts centered without cropping */ 375} 376 377/* Name sits INSIDE the card, fixed to the bottom */ 378.rf-doc-name { 379position: absolute; 380left: 0; 381right: 0; 382bottom: 0; 383background: #FFFFFF; 384color: #0F2F39; 385padding: 12px 16px; 386border-top: 1px solid rgba(3, 41, 64, 0.08); 387/* No border radius needed; parent clip creates rounded corners */ 388} 389 390/* Optional: adjust panel height per breakpoint */ 391@media (min-width: 1200px) { 392.rf-doc-top { 393min-height: auto; 394} 395} 396 397/* Your palette utilities assumed: 398.rf-color{color:#1bbfdd;} .rf-bg-color{background:#10AFC3;} 399.rf-primary{color:#0F2F39;} .bg-rf-light{background:#F4FAFB;} 400*/ 401 402/* Section background with gradient + placeholder image */ 403.rf-reviews { 404position: relative; 405overflow: hidden; 406background: linear-gradient(135deg, #0F2F39 0%, #0E4954 60%, #0A7385 100%); 407} 408 409/* Background image (placeholder) */ 410.rf-reviews::before { 411content: ""; 412position: absolute; 413inset: 0; 414background: 415linear-gradient(0deg, rgba(15, 47, 57, .55), rgba(15, 47, 57, .55)), 416url("https://via.placeholder.com/1600x700.png?text=People+Background"); 417background-position: center bottom; 418background-size: cover; 419opacity: .85; 420/* overall strength of the image overlay */ 421pointer-events: none; 422} 423 424/* Decorative diamond shapes */ 425.rf-shape { 426position: absolute; 427border: 2px solid #10AFC3; 428border-radius: 20px; 429transform: rotate(45deg); 430opacity: .5; 431pointer-events: none; 432} 433
434.rf-shape-lg { 435width: 220px; 436height: 220px; 437left: 60px; 438bottom: 80px; 439} 440 441.rf-shape-md { 442width: 260px; 443height: 260px; 444left: 44%; 445top: -40px; 446opacity: .35; 447background: rgba(16, 175, 195, .2); 448border: 0; 449} 450 451.rf-shape-sm { 452width: 86px; 453height: 86px; 454right: 100px; 455top: 68px; 456} 457 458/* Quote card */ 459.rf-quote-wrap { 460min-height: auto; 461} 462 463.rf-quote-card { 464position: relative; 465border-radius: 18px; 466padding: 24px 28px; 467box-shadow: 0 16px 36px rgba(0, 0, 0, .18); 468color: #0F2F39; 469} 470 471/* small outlined rounded-square decor on the top-right of the card */ 472.rf-quote-deco { 473position: absolute; 474width: 70px; 475height: 70px; 476border-radius: 18px; 477border: 2px solid #12c8c8; 478right: 18px; 479top: -24px; 480transform: rotate(45deg); 481background: #fff; 482/* keep the border visible over bg */ 483} 484 485/* Quote text */ 486.rf-quote-text { 487font-size: 1.05rem; 488line-height: 1.6; 489} 490 491/* Arrows under/near the card */ 492.rf-arrows { 493display: flex; 494gap: 10px; 495position: absolute; 496left: 12px; 497bottom: -26px; 498} 499 500.rf-arrow { 501width: 40px; 502height: 40px; 503border-radius: 50%; 504border: 2px solid rgba(255, 255, 255, .9); 505color: #ffffff; 506display: inline-flex; 507align-items: center; 508justify-content: center; 509backdrop-filter: blur(2px); 510transition: transform .15s ease, background-color .15s ease, border-color .15s ease; 511} 512 513.rf-arrow:hover { 514transform: translateY(-2px); 515background: rgba(255, 255, 255, .08); 516} 517 518/* Responsive tweaks */ 519@media (max-width: 991.98px) { 520.rf-arrows { 521bottom: -22px; 522} 523 524.rf-shape-md { 525left: 55%; 526} 527} 528 529 530/*------------CONTAINER END-----------------------*/ 531 532p, 533li, 534a { 535 536font-size: 16px; 537font-weight: 400; 538} 539 540.top-bar a { 541color: white; 542} 543 544.top-bar a:hover { 545color: #8ce2e2; 546} 547 548.ac-text { 549color: #074570; 550} 551 552.small-shadow { 553box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); 554} 555 556.shadow2 { 557border-radius: 8px; 558box-shadow: 0px 0px 30.7px rgba(27, 36, 50, 0.2), 16px 18px 22.1px rgba(27, 36, 50, 0.05); 559} 560 561.bg-light-color { 562background-color: #EEF5F6; 563} 564 565.coloredr-gradient { 566background: -webkit-linear-gradient(left, #0E4570 60%, #3EAED3 100%); 567background: -moz-linear-gradient(left, #0E4570 60%, #3EAED3 100%); 568background: -o-linear-gradient(left, #0E4570 60%, #3EAED3 100%); 569background: linear-gradient(to right, #0E4570 60%, #3EAED3 100%); 570} 571 572.je-sv-appt-bg { 573background-image: linear-gradient(180deg, #f9fbfc 50%, #001419 40%); 574} 575 576@media (min-width: 780px) { 577.shadow1 { 578margin-top: -60px; 579z-index: 1; 580} 581} 582 583.je-button:hover { 584transform: translate(15px); 585transition-duration: 0.3s; 586box-shadow: 5px 5px 16px 0 rgba(14, 37, 58, .15); 587} 588 589/* Related Child Pages */ 590 591.related-content { 592display: flex; 593gap: 30px; 594padding: 0px 16px; 595justify-content: center; 596/* Center cards horizontally */ 597align-items: center; 598flex-wrap: wrap; 599} 600 601.slider-row { 602display: flex; 603gap: 30px; 604padding: 0px 16px; 605justify-content: center; 606/* Center cards horizontally */ 607align-items: center; 608flex-wrap: wrap; 609} 610 611.skew-card { 612display: flex; 613flex-direction: column; 614min-width: 20%; 615border: none; 616} 617 618.skew-content-no-hover { 619position: relative; 620padding: 10px 20px 10px 20px; 621background: linear-gradient(to right, rgba(30, 87, 153, 1) 0%, rgba(41, 137, 216, 1) 35%, rgba(32, 124, 202, 1) 73%, rgba(32, 124, 202, 1) 73%, rgba(125, 185, 232, 1) 100%); 622color: #fff; 623font-family: 'montserrat', Sans-Serif; 624border-radius: 8px; 625transform: skew(-15deg); 626box-shadow: 0 4px 18px rgba(28, 44, 100, 0.08); 627transition: 628box-shadow 0.3s cubic-bezier(.4, 2, .6, 1), 629transform 0.3s cubic-bezier 630} 631 632.gradient-section { 633background: linear-gradient(to right, rgba(30, 87, 153, 1) 0%, rgba(41, 137, 216, 1) 35%, rgba(32, 124, 202, 1) 73%, rgba(32, 124, 202, 1) 73%, rgba(125, 185, 232, 1) 100%); 634} 635 636.skew-content { 637position: relative; 638padding: 10px 20px 10px 20px; 639background: linear-gradient(to right, rgba(30, 87, 153, 1) 0%, rgba(41, 137, 216, 1) 35%, rgba(32, 124, 202, 1) 73%, rgba(32, 124, 202, 1) 73%, rgba(125, 185, 232, 1) 100%); 640color: #fff; 641font-family: 'montserrat', Sans-Serif; 642border-radius: 8px; 643transform: skew(-15deg); 644box-shadow: 0 4px 18px rgba(28, 44, 100, 0.08); 645transition: 646box-shadow 0.3s cubic-bezier(.4, 2, .6, 1), 647transform 0.3s cubic-bezier(.4, 2, .6, 1); 648} 649 650.skew-title { 651font-size: 1rem;
652font-weight: 600; 653transform: skew(15deg); 654/* Unskew text for readability */ 655} 656 657.skew-body { 658font-size: 1rem; 659font-weight: 500; 660transform: skew(15deg); 661/* Unskew text for readability */ 662} 663 664 665.skew-content:hover { 666color: #21748E; 667background: linear-gradient(90deg, #f8f8f8 60%, #ffffff 100%); 668box-shadow: 6690 0 16px 4px rgba(207, 255, 235, 0.95), 670/* bright, light inner glow */ 6710 0 48px 18px rgba(133, 202, 155, 0.38); 672transform: skew(-15deg) translateY(-8px); 673/* add upward move! */ 674} 675 676/* 677.additional-content { 678display: grid; 679grid-template-columns: repeat(3, 1fr); 680gap: 60px 20px; 681list-style: none; 682padding: 2rem; 683margin: 0; 684} 685 686.additional-content li { 687position: relative; 688transition: transform 0.3s ease, color 0.3s ease, box-shadow 0.3s ease; 689font-size: 1.4em; 690font-weight: 400; 691line-height: 1.4em; 692text-align: left; 693color: #475360; 694cursor: pointer; 695padding: 1rem 1rem 1rem 20px; 696border-radius: 16px; 697} 698 699.additional-content li a { 700text-decoration: none; 701} 702 703/* Square bullet */ 704.additional-content li::before { 705content: ''; 706position: absolute; 707left: 0; 708top: 50%; 709transform: translateY(-50%); 710width: 1px; 711height: 100%; 712background-color: #1bbfdd; 713transition: opacity 0.3s ease; 714} 715 716/* Hover state: shadow, color, bullet disappears */ 717.additional-content li:hover { 718color: #1bbfdd; 719font-weight: 600; 720transform: scale(1.02); 721box-shadow: 0 8px 20px rgba(27, 191, 221, 0.15); 722} 723 724.additional-content li:hover::before { 725opacity: 0; 726} 727 728/* Mobile adjustments */ 729@media screen and (max-width: 768px) { 730.additional-content { 731grid-template-columns: 1fr; 732gap: 40px 20px; 733} 734} 735 736END */ 737/* TESTIMONIAL SLIDER */ 738 739.testimonial-slider { 740position: relative; 741max-width: 100%; 742/* Make wider if you want, or remove for full width */ 743margin: 0 auto; 744min-height: 120px; 745/* Space for arrows and text */ 746display: flex; 747align-items: center; 748justify-content: center; 749} 750 751.testimonial-slider .testimonial { 752flex: 1 1 auto; 753display: none; 754text-align: center; 755} 756 757.testimonial-slider .testimonial.active { 758display: block; 759} 760 761.testimonial-slider button { 762position: absolute; 763top: 50%; 764transform: translateY(-50%); 765background: #eee; 766border: none; 767padding: 0px; 768width: 40px; 769height: 40px; 770cursor: pointer; 771font-size: 1.6em; 772border-radius: 50%; 773opacity: 0.7; 774transition: opacity 0.2s; 775z-index: 2; 776display: flex; 777align-items: center; 778justify-content: center; 779} 780 781.testimonial-slider .testimonial-prev { 782left: 0; 783} 784 785.testimonial-slider .testimonial-next { 786right: 0; 787} 788 789.testimonial-slider button:hover { 790opacity: 1; 791} 792 793/* MOBILE: move arrows below slider */ 794@media (max-width: 600px) { 795.testimonial-slider { 796display: block; 797min-height: unset; 798} 799 800.testimonial-slider .testimonial { 801margin-bottom: 16px; 802} 803 804.testimonial-slider button { 805position: static; 806display: inline-block; 807margin: 0 8px; 808top: auto; 809left: auto; 810right: auto; 811transform: none; 812} 813 814.testimonial-slider .testimonial-prev, 815.testimonial-slider .testimonial-next { 816/* Remove edge positioning on mobile */ 817} 818 819.testimonial-slider { 820text-align: center; 821} 822} 823 824/* TESTIMONIAL SLIDER END */ 825 826/*END - RELATED PAGES*/ 827 828.bg-cc-section { 829background-image: url('https://app.specialty.vision/wp-content/uploads/2025/04/bg-cc.png'); 830background-size: cover; 831background-position: center; 832background-repeat: no-repeat; 833} 834 835/* Container for the image */ 836.je-imagefill { 837position: relative; 838width: 100%; 839/* Ensure the image takes full width */ 840height: 100vh; 841/* Keep the image at a fixed height, relative to the viewport */ 842overflow: hidden; 843/* Prevent overflow */ 844z-index: 1; 845/* Place the image below the accordion */ 846} 847 848/* Image styling to maintain aspect ratio and fill the container */ 849.je-imagefill img { 850width: 100%; 851height: 100%; 852object-fit: cover; 853/* Ensures the image covers the container without distorting */ 854object-position: center; 855/* Center the image */ 856} 857 858/* Mobile View - Image height adjustment */ 859@media (max-width: 768px) { 860 861/* Left column image */ 862.je-imagefill { 863height: 40vh; 864/* Reduce the image height on mobile to 30% of the viewport height */ 865} 866} 867 868 869.je-gradient { 870background-image: linear-gradient(180deg, #fbfbfb 70%, #203d8e 40%); 871} 872 873.bg-cc-section .overlay { 874background-color: rgba(255, 255, 255, 0.8); 875z-index: 0; 876} 877 878/*-------------------------------ACCORDION */ 879/* Remove default caret icon */ 880.accordion-button::after {} 881 882/* Style the custom + icon */ 883.accordion-button .accordion-icon { 884order: -1; 885font-size: 30px; 886color: #84bddd; 887margin-right: 1rem; 888margin-left: 0; 889line-height: 0; 890transition: transform 0.3s ease; 891} 892
893/* Rotate the icon when the accordion is expanded */ 894.accordion-button:not(.collapsed) .accordion-icon { 895transform: rotate(45deg); 896/* Rotate + to X */ 897color: #063b58; 898} 899 900.accordion-item { 901border: none; 902} 903 904.accordion-button { 905border: none; 906font-size: 1rem; 907font-weight: 500; 908background-color: white; 909} 910 911/* .accordion-button::after { 912content: ""; 913 order: -1; 914margin-right: 1rem; 915margin-left: 0; 916filter: brightness(0) saturate(100%) invert(29%) sepia(93%) saturate(747%) hue-rotate(190deg) brightness(92%) contrast(85%); 917} */ 918 919#headingAppointment .accordion-button::after, 920#jeEyeCareAccordion .accordion-button::after, 921#jeEyeCareAccordion2 .accordion-button::after { 922/* Move it before the text */ 923order: 1; 924filter: brightness(0) saturate(100%) invert(29%) sepia(93%) saturate(747%) hue-rotate(190deg) brightness(92%) contrast(85%); 925} 926 927/* Keep active button background clean */ 928.accordion-button:not(.collapsed) { 929 930background-color: #e5f5fa; 931/* No background change */ 932box-shadow: none; 933} 934 935 936/*------------------BACKGROUND ELEMENTS ----------------*/ 937 938.jeContentleft { 939margin-left: -60px; 940} 941 942/* Background Elements */ 943.je-bg-left { 944position: absolute; 945bottom: -80px; 946left: 0; 947width: 250px; 948z-index: -1; 949opacity: 0.2; 950} 951 952.je-bg-right { 953position: absolute; 954bottom: -80px; 955right: 0; 956width: 250px; 957z-index: -1; 958opacity: 0.2; 959} 960 961 962@media (max-width: 1084px) { 963 964/* Target tablets & mobile */ 965/* Target tablets & mobile */ 966.je-bg-left { 967bottom: -5%; 968left: 20%; 969width: 300px; 970} 971 972.je-bg-right { 973bottom: -10%; 974right: 20%; 975width: 300px; 976} 977 978} 979 980@media (max-width: 768px) { 981 982/* Target tablets & mobile */ 983.je-bg-left { 984bottom: -30px; 985/* Adjust position */ 986left: 0; 987width: 300px; 988} 989 990.je-bg-right { 991bottom: -30px; 992right: 0; 993width: 300px; 994} 995 996} 997 998#change-color { 999color: #217bc0; 1000} 1001 1002@media (max-width: 1024px) and (min-width: 768px) { 1003#responsive-768 { 1004flex-direction: column !important; 1005} 1006 1007#responsive-768 #jeEyeCareAccordion2 { 1008width: 100%; 1009} 1010 1011#responsive-768 #jeEyeCareAccordion { 1012width: 100%; 1013} 1014} 1015 1016#bg-color { 1017background-color: #203D8E !important; 1018} 1019 1020.container.p-4.move1 { 1021position: relative; 1022z-index: 1; 1023background-color: #fff; 1024top: -100px; 1025} 1026 1027@media (min-width:768) { 1028.row.p-5.adjust-gap { 1029display: flex; 1030flex-direction: row; 1031align-items: start; 1032gap: 60px; 1033padding-top: 40px; 1034padding-right: 40px; 1035padding-bottom: 40px; 1036padding-left: 40px; 1037flex-wrap: nowrap; 1038} 1039} 1040 1041@media (max-width:767) { 1042.row.p-5.adjust-gap { 1043display: flex; 1044flex-direction: column; 1045align-items: start; 1046gap: 60px; 1047padding-top: 40px; 1048padding-right: 15px; 1049padding-bottom: 40px; 1050padding-left: 15px; 1051flex-wrap: nowrap; 1052} 1053 1054#adjust-gap { 1055padding: 0px !important; 1056} 1057} 1058 1059#btn-hvr:hover { 1060transform: translate(15px); 1061transition-duration: 0.3s; 1062box-shadow: 5px 5px 16px 0 rgba(14, 37, 58, 0.15); 1063color: #169eff !important; 1064background-color: #ffffff !important; 1065border-color: #203d8e; 1066} 1067 1068#btn-hvr { 1069background-color: #203D8E; 1070} 1071 1072ul.p-list { 1073display: flex; 1074flex-wrap: wrap; 1075gap: 10px; 1076padding: 0; 1077margin: 0; 1078list-style: none; 1079justify-content: flex-start; 1080width: 85%; 1081} 1082 1083.p-list li { 1084position: relative; 1085display: flex; 1086align-items: center; 1087padding: 10px 15px; 1088background: white; 1089border-radius: 8px; 1090box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); 1091flex: none; 1092white-space: nowrap; 1093} 1094 1095 1096.check-icon { 1097padding-top: 30px; 1098border-style: solid; 1099border-width: 0; 1100border-color: #169eff; 1101border-top-width: 2px; 1102} 1103 1104 1105@media (min-width:769px) { 1106#heading2 { 1107font-size: 40px; 1108} 1109} 1110 1111 1112 1113 1114ul.p-list-1 { 1115display: flex; 1116flex-wrap: wrap; 1117gap: 10px; 1118padding: 0; 1119margin: 0; 1120list-style: none; 1121justify-content: flex-start; 1122width: 100%; 1123} 1124 1125.p-list-1 li { 1126position: relative; 1127display: flex; 1128align-items: center; 1129padding: 10px 15px; 1130background: white; 1131border-radius: 8px; 1132box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); 1133flex: none; 1134white-space: nowrap; 1135} 1136 1137ul.p-list-1-map { 1138display: flex; 1139flex-wrap: wrap; 1140gap: 10px; 1141padding: 0; 1142margin: 0; 1143list-style: none; 1144justify-content: flex-start; 1145width: 100%; 1146} 1147 1148 1149.p-list-1-map li { 1150position: relative; 1151display: flex; 1152align-items: center; 1153padding: 10px 15px; 1154background: white; 1155border-radius: 8px; 1156box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); 1157flex: none; 1158white-space: nowrap; 1159} 1160 1161 1162#gradient-bg { 1163background-image: radial-gradient(at center center, #304b82 50%, #7fc3e0 100%); 1164} 1165 1166.dr-signature { 1167font-family: "Mrs Saint Delafield", cursive !important;
1168font-weight: 400; 1169font-style: normal; 1170font-size: 35px; 1171} 1172 1173div#qfeedback { 1174padding-top: 56px; 1175padding-right: 38px; 1176padding-bottom: 56px; 1177padding-left: 38px; 1178border-radius: 24px; 1179box-shadow: 0px 0px 30.7px rgba(27, 36, 50, 0.2), 16px 18px 22.1px rgba(27, 36, 50, 0.05); 1180width: 30%; 1181} 1182 1183@media (min-width:769px) { 1184div#adj-gap { 1185display: flex; 1186gap: 25px; 1187flex-direction: row; 1188flex-wrap: wrap; 1189justify-content: center; 1190} 1191 1192div#qfeedback { 1193padding-top: 56px; 1194padding-right: 38px; 1195padding-bottom: 56px; 1196padding-left: 38px; 1197border-radius: 24px; 1198box-shadow: 0px 0px 30.7px rgba(27, 36, 50, 0.2), 16px 18px 22.1px rgba(27, 36, 50, 0.05); 1199width: 30%; 1200} 1201} 1202 1203@media (max-width:768px) { 1204div#adj-gap { 1205display: flex; 1206gap: 25px; 1207flex-direction: column; 1208flex-wrap: wrap; 1209justify-content: center; 1210align-content: center; 1211} 1212 1213div#qfeedback { 1214padding-top: 56px; 1215padding-right: 38px; 1216padding-bottom: 56px; 1217padding-left: 38px; 1218border-radius: 24px; 1219box-shadow: 0px 0px 30.7px rgba(27, 36, 50, 0.2), 16px 18px 22.1px rgba(27, 36, 50, 0.05); 1220width: 95%; 1221} 1222 1223p#qmessage { 1224font-size: 20px !important; 1225} 1226} 1227 1228div#q-icon { 1229margin-top: -85px; 1230} 1231 1232section#bg-image { 1233background-image: url(http://newviewlasereye.sv-builder.com/wp-content/uploads/sites/55/2025/05/Demo-section-1.jpg); 1234background-position: center; 1235background-repeat: no-repeat; 1236background-size: cover; 1237background-blend-mode: overlay; 1238background-color: #000000b8; 1239} 1240 1241section#half-bg .col-md-6.bg-primary.d-flex.align-items-center.py-md-5 { 1242background-color: #203D8E !important; 1243} 1244 1245section#bg-img { 1246background-image: url('[lc_the_thumbnail_url size=' full']'); 1247background-position: center; 1248background-repeat: no-repeat; 1249background-size: cover; 1250background-blend-mode: overlay; 1251background-color: #000000b8; 1252} 1253 1254.lc-block.divider hr { 1255width: 8%; 1256border-color: #0d76bc; 1257border-width: 4px; 1258border-style: solid; 1259opacity: 1; 1260} 1261 1262div#p-responsive { 1263max-width: 800px; 1264} 1265 1266section.bg-c { 1267background-color: #f9fbfc; 1268} 1269 1270div#p-responsive .row .col-md-12.p-5 { 1271background-color: #ffffff; 1272border-top-left-radius: 8px; 1273border-top-right-radius: 8px; 1274border-bottom-left-radius: 8px; 1275border-bottom-right-radius: 8px; 1276margin-top: -100px; 1277} 1278 1279ul.p-list-1-map.p-list-new-map li a { 1280color: #0e3540; 1281} 1282 1283ul.p-list-1.p-list-new li, 1284ul.p-list-1-map.p-list-new-map li { 1285background-color: transparent !important; 1286box-shadow: none; 1287padding: 0px; 1288} 1289 1290div#col-bg-c { 1291background-color: #ffffff; 1292border-radius: 10px; 1293} 1294 1295@media (max-width: 768px) { 1296div#reverse-col { 1297display: flex; 1298flex-direction: column-reverse; 1299gap: 20px; 1300} 1301 1302div#reverse-col .col-md-6, 1303div#reverse-col .col-md-8, 1304div#reverse-col .col-md-4 { 1305width: 100%; 1306} 1307} 1308 1309@media (min-width: 768px) { 1310.carousel-inner { 1311display: flex; 1312} 1313} 1314 1315.carousel-inner { 1316padding: 2em 1em; 1317} 1318 1319.card { 1320margin: 0 .5em; 1321box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18); 1322border: none; 1323} 1324 1325.carousel-control-prev, 1326.carousel-control-next { 1327background-color: #e1e1e1; 1328width: 6vh; 1329height: 6vh; 1330border-radius: 50%; 1331top: 50%; 1332transform: translateY(-50%); 1333} 1334 1335/*BUTTON ON PAGE ANIMATION*/ 1336.je-sv-btn { 1337color: white;
1338font-weight: bold; 1339} 1340 1341.je-sv-btn:hover { 1342color: white; 1343background-color: #1bbfdd; 1344transform: translate(15px); 1345transition-duration: 0.3s ease; 1346box-shadow: 5px 5px 16px 0 rgba(14, 37, 58, .15); 1347} 1348 1349 1350/* DOCTORS IMAGE SECTION WITH THE HOVER STYLE */ 1351.je-sv-col { 1352position: relative; 1353height: 480px; 1354width: 100%; 1355overflow: hidden; 1356border-radius: 24px; 1357/* for rounded corners */ 1358box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12); 1359background: #00bfff; 1360/* fallback color */ 1361display: flex; 1362align-items: stretch; 1363justify-content: center; 1364} 1365 1366.dr-img { 1367position: absolute; 1368top: 0; 1369left: 0; 1370width: 100%; 1371height: 100%; 1372object-fit: cover; 1373border-radius: 24px; 1374z-index: 0; 1375transition: transform 0.3s; 1376} 1377 1378.je-sv-bio-btn { 1379color: white; 1380background-color: transparent; 1381} 1382 1383.je-sv-bio-btn:hover { 1384color: white; 1385background-color: #1bbfdd; 1386} 1387 1388.je-sv-col:hover .dr-img { 1389transform: scale(1.03); 1390} 1391 1392.content-overlay { 1393position: absolute; 1394left: 0; 1395right: 0; 1396bottom: 0; 1397padding: 32px 20px 28px 20px; 1398text-align: center; 1399color: white; 1400width: 100%; 1401opacity: 0; 1402/* Hidden by default */ 1403transition: opacity 0.3s ease-in-out; 1404z-index: 2; 1405display: flex; 1406flex-direction: column; 1407align-items: center; 1408justify-content: flex-end; 1409/* Pushes text to bottom */ 1410min-height: 220px; 1411/* Optional, for minimum overlay height */ 1412box-sizing: border-box; 1413} 1414 1415/* Show overlay on hover */ 1416.je-sv-col:hover .content-overlay { 1417opacity: 1; 1418} 1419 1420.je-sv-col::after { 1421content: ""; 1422position: absolute; 1423top: 0; 1424left: 0; 1425width: 100%; 1426height: 100%; 1427background-image: linear-gradient(0deg, #162539 10%, rgba(178, 50, 0, 0) 100%); 1428opacity: 0; 1429/* Hidden by default */ 1430transition: opacity 0.3s ease-in-out; 1431z-index: 1; 1432} 1433 1434.je-sv-col:hover::after { 1435opacity: 1; 1436/* Show gradient on hover */ 1437} 1438 1439.je-sv-beforeheading { 1440font-size: 18px; 1441letter-spacing: 6px; 1442text-transform: uppercase; 1443} 1444 1445 1446 1447/*Homepage CSS start here*/ 1448 1449.hero-section { 1450background-image: url(http://newviewlasereye.sv-builder.com/wp-content/uploads/sites/55/2025/06/Untitled-design-13.png); 1451background-repeat: no-repeat; 1452background-size: cover; 1453} 1454 1455/*Dc Retina button Css*/ 1456.dc-retina-button { 1457transition: all 500ms ease; 1458background: linear-gradient(90deg, #074570 50%, #ffffff 0) var(--_p, 100%) / 200% no-repeat; 1459border-color: #074570; 1460} 1461 1462.dc-retina-button:hover { 1463--_p: 0%; 1464color: #fff; 1465} 1466 1467/*Hero Background Animation*/ 1468 1469/*.z-image:before { 1470content: ""; 1471background-image: url(/wp-content/uploads/sites/55/2025/06/Circle-1.png); 1472height: 100%; 1473position: absolute; 1474width: 100%; 1475background-repeat: no-repeat; 1476animation: 4s linear 0s infinite normal none running zoom-fade; 1477z-index: -1; 1478top: 0; 1479} 1480 1481@keyframes zoom-fade { 14820% { 1483transform: scale(0.9); 1484} 1485 148650% { 1487transform: scale(1) 1488} 1489 1490100% { 1491transform: scale(0.9); 1492} 1493} 1494*/ 1495 1496.circle-1 { 1497width: 100px; 1498height: 100px; 1499border-radius: 100%; 1500background-color: #1f4270; 1501position: absolute; 1502top: 50%; 1503z-index: -1; 1504animation: 4s linear 0s infinite normal none running zoom-fade; 1505} 1506 1507.circle-2 { 1508width: 50px; 1509height: 50px; 1510border-radius: 100%; 1511background-color: #fff9dd; 1512position: absolute; 1513top: 40%; 1514z-index: -1; 1515animation: 4s linear 0s infinite normal none running zoom-fade; 1516left: 80%; 1517} 1518 1519.circle-3 { 1520width: 150px; 1521height: 150px; 1522border-radius: 100%; 1523background-color: #3c78c5; 1524position: absolute; 1525top: 50%; 1526z-index: -1; 1527animation: 4s linear 0s infinite normal none running zoom-fade; 1528left: 80%; 1529} 1530 1531 1532.circle-4 { 1533width: 70px; 1534height: 70px; 1535border-radius: 100%; 1536background-color: #fff9dd; 1537position: absolute; 1538top: 25%; 1539z-index: -1; 1540animation: 4s linear 0s infinite normal none running zoom-fade; 1541} 1542 1543.circle-5 { 1544width: 120px; 1545height: 120px; 1546border-radius: 100%; 1547background-color: #3c78c5; 1548position: absolute; 1549z-index: -1; 1550animation: 4s linear 0s infinite normal none running zoom-fade; 1551left: 55%; 1552} 1553 1554 1555.circle-6 { 1556width: 120px; 1557height: 120px; 1558border-radius: 100%; 1559background-color: #1f4270; 1560position: absolute; 1561top: 20%; 1562z-index: -1; 1563animation: 4s linear 0s infinite normal none running zoom-fade; 1564left: 70%; 1565} 1566 1567@media (max-width:500px) { 1568.circle-1 { 1569width: 70px; 1570height: 70px; 1571border-radius: 100%; 1572background-color: #1f4270; 1573position: absolute; 1574top: 50%; 1575z-index: -1; 1576animation: 4s linear 0s infinite normal none running zoom-fade; 1577} 1578 1579.circle-2 { 1580width: 50px; 1581height: 50px; 1582border-radius: 100%; 1583background-color: #fff9dd; 1584position: absolute; 1585top: 40%; 1586z-index: -1; 1587animation: 4s linear 0s infinite normal none running zoom-fade; 1588left: 80%; 1589} 1590 1591.circle-3 { 1592width: 40px; 1593height: 40px; 1594border-radius: 100%; 1595background-color: #3c78c5; 1596position: absolute; 1597top: 50%; 1598z-index: -1; 1599animation: 4s linear 0s infinite normal none running zoom-fade; 1600left: 80%; 1601} 1602 1603.circle-4 { 1604width: 70px; 1605height: 70px; 1606border-radius: 100%; 1607background-color: #fff9dd; 1608position: absolute; 1609top: 25%; 1610z-index: -1; 1611animation: 4s linear 0s infinite normal none running zoom-fade; 1612} 1613 1614.circle-5 { 1615width: 80px; 1616height: 80px; 1617border-radius: 100%; 1618background-color: #3c78c5; 1619position: absolute; 1620z-index: -1; 1621animation: 4s linear 0s infinite normal none running zoom-fade; 1622left: 55%; 1623} 1624 1625.circle-6 { 1626width: 60px; 1627height: 60px; 1628border-radius: 100%; 1629background-color: #1f4270; 1630position: absolute; 1631top: 20%; 1632z-index: -1; 1633animation: 4s linear 0s infinite normal none running zoom-fade; 1634left: 70%; 1635} 1636 1637.circle-1, 1638.circle-2, 1639.circle-3, 1640.circle-4, 1641.circle-5, 1642.circle-6 { 1643opacity: .7; 1644} 1645} 1646 1647@keyframes zoom-fade { 16480% { 1649transform: scale(0.9); 1650} 1651 165250% { 1653transform: scale(1.1) 1654} 1655 1656100% { 1657transform: scale(0.9); 1658} 1659} 1660 1661 1662@media (min-width: 969px) { 1663.bgheading h1 { 1664position: relative; 1665display: inline-block; 1666font-size: 50px; 1667line-height: 40px; 1668font-family: 'Jost', sans-serif;
1669font-weight: 800; 1670background: -webkit-linear-gradient(-90deg, #217bc0, #def4f1 100%); 1671color: transparent !important; 1672-webkit-background-clip: text !important; 1673-webkit-text-fill-color: transparent !important; 1674bottom: -25px; 1675z-index: -1; 1676text-transform: uppercase; 1677letter-spacing: 10px; 1678} 1679} 1680 1681@media (max-width: 968px) { 1682.bgheading h1 { 1683position: relative; 1684display: inline-block; 1685font-size: 30px; 1686line-height: 40px; 1687font-family: 'Jost', sans-serif; 1688font-weight: 800; 1689background: -webkit-linear-gradient(-90deg, #217bc0, #def4f1 100%); 1690color: transparent !important; 1691-webkit-background-clip: text !important; 1692-webkit-text-fill-color: transparent !important; 1693bottom: -25px; 1694z-index: -1; 1695text-transform: uppercase; 1696letter-spacing: 10px; 1697} 1698} 1699 1700@media (max-width: 652px) { 1701.bgheading h1 { 1702position: relative; 1703display: inline-block; 1704font-size: 25px; 1705line-height: 40px; 1706font-family: 'Jost', sans-serif; 1707font-weight: 800; 1708background: -webkit-linear-gradient(-90deg, #217bc0, #def4f1 100%); 1709color: transparent !important; 1710-webkit-background-clip: text !important; 1711-webkit-text-fill-color: transparent !important; 1712bottom: -25px; 1713z-index: -1; 1714text-transform: uppercase; 1715letter-spacing: 10px; 1716} 1717} 1718 1719 1720@media (max-width: 595px) { 1721.bgheading h1 { 1722position: relative; 1723display: block !important; 1724font-size: 20px; 1725line-height: 30px; 1726font-family: 'Jost', sans-serif; 1727font-weight: 800; 1728background: -webkit-linear-gradient(-90deg, #217bc0, #def4f1 100%); 1729color: transparent !important; 1730-webkit-background-clip: text !important; 1731-webkit-text-fill-color: transparent !important; 1732bottom: 0px; 1733z-index: -1; 1734text-transform: uppercase; 1735letter-spacing: 10px; 1736 1737} 1738} 1739 1740/*Homepage Dr CSS start here*/ 1741 1742.drtab { 1743border-radius: 20px; 1744border: solid 1px #074570; 1745} 1746 1747.drname { 1748transition: all 500ms ease; 1749background: linear-gradient(90deg, #074570 50%, #fff 0) var(--_p, 100%) / 200% no-repeat; 1750border: solid #074570; 1751padding: 15px 10px; 1752background-color: #074570; 1753position: relative; 1754bottom: 20px; 1755border-radius: 20px; 1756margin-bottom: -35px; 1757} 1758 1759.drtab:hover .drname { 1760--_p: 0%; 1761color: #fff; 1762} 1763 1764.drtab img.img-box { 1765transition: all 500ms ease; 1766} 1767 1768.drtab:hover .img-box { 1769transform: scale(.9); 1770} 1771 1772.drmeetbutton { 1773transition: all 500ms ease; 1774background: linear-gradient(90deg, #074570 50%, #ffffff 0) var(--_p, 100%) / 200% no-repeat; 1775position: relative; 1776top: -25px; 1777border: solid #074570 2px !important; 1778} 1779 1780.drmeetbutton:hover { 1781--_p: 0%; 1782color: #fff; 1783} 1784 1785.target, 1786.target-services, 1787.target-time { 1788opacity: 0; 1789visibility: hidden; 1790max-height: 0; 1791overflow: hidden; 1792transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out, visibility 0.3s ease-in-out; 1793} 1794 1795.target.show, 1796.target-services.show, 1797.target-time.show { 1798opacity: 1; 1799visibility: visible; 1800max-height: 100%; 1801} 1802 1803.trigger, 1804.trigger-services, 1805.trigger-time { 1806transition: all 0.3s ease-in-out; 1807padding: 10px 0px; 1808/*border: solid 1px #074570;*/ 1809cursor: pointer; 1810} 1811 1812.trigger img:hover { 1813transition-duration: 0.3s; 1814transform: scale(1.05, 1.05); 1815} 1816 1817.trigger img:active { 1818transform: scale(1.05, 1.05); 1819} 1820 1821.trigger p { 1822white-space: normal; 1823overflow-wrap: break-word; 1824} 1825 1826.trigger.active { 1827color: #1BBFDD; 1828font-weight: bold; 1829} 1830 1831.trigger-services.active .trigger-text { 1832background-color: #1BBFDD; 1833/* Blue background */ 1834color: #ffffff !important; 1835/* White text with priority */ 1836font-weight: bold; 1837padding: 10px 20px; 1838/* Optional: Adds spacing to make it look better */ 1839border-radius: 15px; 1840/* Optional: Rounded corners */ 1841} 1842 1843.trigger.drtab.active { 1844border: solid 3px #074570 !important; 1845} 1846 1847.trigger.drtab.active img.img-box { 1848transform: scale(.9) !important; 1849} 1850 1851.trigger.drtab.active .drname { 1852--_p: 0%; 1853color: #fff; 1854} 1855 1856/*Home Our Services section CSS start here*/ 1857 1858.lc-block.imgblock, 1859.lc-block.description { 1860display: flex; 1861grid-column: 1 / -1; 1862grid-row: 1 / -1; 1863} 1864 1865.x-icon { 1866width: 5%; 1867display: flex; 1868flex-wrap: wrap; 1869align-content: center; 1870font-size: 24px; 1871transform: rotate(45deg); 1872position: relative; 1873top: 0px; 1874color: #fff; 1875transition: all 500ms ease; 1876font-weight: 700; 1877} 1878 1879.lc-block.description details[open] .x-icon { 1880transform: rotate(0deg); 1881} 1882 1883.lc-block.description summary { 1884list-style: none; 1885} 1886 1887.box1 { 1888font-size: 20px; 1889margin-left: 20px; 1890} 1891 1892.lc-block.description { 1893transition: all 500ms ease; 1894background: linear-gradient(90deg, #fff 50%, #217bc0 0) var(--_p, 100%) / 200% no-repeat; 1895border-radius: 20px; 1896color: #fff; 1897gap: 10px; 1898} 1899 1900.main-box:hover .lc-block.description { 1901--_p: 0%; 1902color: #217bc0; 1903} 1904 1905.main-box:hover .lc-block.imgblock img { 1906transform: scale(1.1); 1907z-index: -1; 1908} 1909 1910.main-box .lc-block.imgblock img { 1911transition: all 500ms ease; 1912z-index: -1; 1913position: relative; 1914bottom: -20px; 1915} 1916 1917.main-box:hover .x-icon { 1918color: #217bc0; 1919transform: rotate(0deg); 1920} 1921 1922.main-box { 1923box-shadow: 0px 0px 1px 0px #000923; 1924border-radius: 20px; 1925overflow: hidden; 1926} 1927 1928.row.row-box { 1929gap: 20px; 1930display: flex; 1931flex-wrap: wrap; 1932align-content: center; 1933justify-content: center; 1934} 1935 1936.box2 { 1937border-top: solid #fff 2px; 1938padding-top: 20px; 1939margin-top: 20px; 1940} 1941 1942.main-box:hover .box2 {
1943border-top: solid #217bc0 2px; 1944padding-top: 20px; 1945margin-top: 20px; 1946} 1947 1948summary.dc-title { 1949display: flex; 1950} 1951 1952.row.row-box { 1953gap: 20px; 1954} 1955 1956@media (min-width: 1023px) { 1957.main-box { 1958width: 30%; 1959} 1960} 1961 1962/*Image slider start here*/ 1963 1964.lc-block.image-slider { 1965display: flex; 1966overflow: hidden; 1967user-select: none; 1968white-space: nowrap; 1969position: relative; 1970width: 100%; 1971height: 100px; 1972} 1973 1974.image-slider ul { 1975display: flex; 1976align-items: center; 1977flex-shrink: 0; 1978min-width: fit-content; 1979animation: marquee-scroll 240s linear infinite; 1980padding: 0; 1981margin: 0; 1982list-style: none; 1983grid-gap: 20px; 1984} 1985 1986.image-slider ul li { 1987display: flex; 1988align-items: center; 1989margin-right: 30px; 1990padding: 10px; 1991margin: 0; 1992vertical-align: middle; 1993border-radius: 10px; 1994background-color: #ffffff; 1995position: relative; 1996} 1997 1998@keyframes marquee-scroll { 19990% { 2000transform: translateX(0); 2001} 2002 2003100% { 2004transform: translateX(-50%); 2005} 2006} 2007 2008/*Map Css Start here*/ 2009 2010@media (min-width: 1023px) { 2011.row.map-location-row { 2012display: grid; 2013flex-direction: row; 2014align-items: end; 2015} 2016 2017.main-location { 2018grid-column: 1 / -1; 2019grid-row: 1 / -1; 2020z-index: 1; 2021} 2022 2023.main-map { 2024grid-column: 1 / -1; 2025grid-row: 1 / -1; 2026z-index: 1; 2027} 2028 2029.main-location { 2030grid-column: 1 / -1; 2031grid-row: 1 / -1; 2032z-index: 1; 2033background-color: #074570; 2034} 2035} 2036 2037.main-location { 2038background-color: #074570; 2039} 2040 2041/*Post Section CSS start here*/ 2042 2043.lc-block.post-list .tangible-paginator-target li { 2044display: flex; 2045flex-direction: column; 2046flex-wrap: nowrap; 2047margin-bottom: 50px; 2048font-size: 30px; 2049padding: 20px 0px; 2050border-bottom: solid #1e7bc0; 2051} 2052 2053.lc-block.post-list .tangible-paginator-target li a { 2054text-decoration: none; 2055color: #000; 2056transition: 0.4s; 2057} 2058 2059.lc-block.post-list .tangible-paginator-target li a:hover { 2060color: #1e7bc0; 2061} 2062 2063@media (max-width:600px) { 2064.lc-block.post-list .tangible-paginator-target li { 2065display: flex; 2066flex-direction: column; 2067flex-wrap: nowrap; 2068margin-bottom: 50px; 2069font-size: 20px; 2070padding: 20px 0px; 2071border-bottom: solid #1e7bc0; 2072} 2073 2074.lc-block.post-list .tangible-paginator-target li a { 2075text-decoration: none; 2076color: #000; 2077transition: 0.4s; 2078} 2079 2080.lc-block.post-list .tangible-paginator-target li a:hover { 2081color: #1e7bc0; 2082} 2083} 2084 2085 2086 2087/*-----------------------------Location Page CSS start here*/ 2088 2089 2090/* Icon rotation on open details */ 2091.lc-block.dr-description details[open] .x-icon { 2092transform: rotate(0deg); 2093} 2094 2095/* Remove list style from summary */ 2096.lc-block.dr-description summary { 2097list-style: none; 2098} 2099 2100/* Box1 styling */ 2101.box1 { 2102font-size: 20px; 2103margin-top: 4px; 2104} 2105 2106/* Description container */ 2107.lc-block.dr-description { 2108transition: all 500ms ease; 2109background: linear-gradient(90deg, #fff 50%, #217bc0 0) var(--_p, 100%) / 200% no-repeat; 2110border-radius: 20px; 2111color: #fff; 2112gap: 10px; 2113width: 100%; 2114} 2115 2116/* Image and name container */ 2117.lc-block.dr-image, 2118.lc-block.dr-name-dc { 2119display: flex; 2120grid-row: 1 / -1; 2121grid-column: 1 / -1; 2122} 2123 2124/* Box2 styling */ 2125.box2 { 2126border-top: solid #fff 2px; 2127padding-top: 20px; 2128margin-top: 20px; 2129} 2130 2131/* Summary title styling */ 2132summary.dc-title { 2133display: flex; 2134} 2135 2136/* Row styling */ 2137.row.row-box { 2138gap: 20px; 2139} 2140 2141/* Main box for larger screens */ 2142@media (min-width: 1023px) { 2143.main-box { 2144width: 30%; 2145} 2146} 2147 2148/* Dr. Name container - general */ 2149.dr-name-dc .box1 { 2150margin-top: 4px; 2151} 2152 2153/* Dr. Column container */ 2154.dr-col-dc { 2155background: linear-gradient(to bottom, rgba(198, 229, 255, 1) 25%, rgba(78, 150, 186, 1) 100%); 2156padding: 0 !important; 2157} 2158 2159/* Hover effect on Dr. Column container */ 2160.dr-col-dc:hover { 2161--_p: 0%; 2162} 2163 2164.lc-block.dr-name-dc.ms-2.me-2 { 2165z-index: 2; 2166} 2167 2168/* Image hover scaling effect */ 2169.dr-col-dc:hover .lc-block.dr-image img { 2170transform: scale(1.05); 2171} 2172 2173.dr-col-dc .lc-block.dr-image img { 2174transition: all 500ms ease; 2175z-index: 1; 2176} 2177 2178/* Hover effect on name and description */ 2179.dr-col-dc:hover .dr-name-dc .x-icon, 2180.dr-col-dc:hover .dr-name-dc .box1, 2181.dr-col-dc:hover .dr-name-dc .box2 { 2182color: #217bc0; 2183} 2184 2185/* Hover effect on Box2 */ 2186.dr-col-dc:hover .box2 { 2187border-top: solid #217bc0 2px; 2188} 2189 2190/* Hover effect on description icon */ 2191.dr-col-dc .dr-description:hover .x-icon { 2192transform: rotate(0deg); 2193} 2194 2195/* Bio button styling */ 2196.drbutton-bio { 2197margin-top: 30px; 2198margin-bottom: 25px; 2199} 2200 2201.drbutton-bio a { 2202border-radius: 49px !important; 2203padding: 20px !important; 2204color: #074570 !important; 2205text-decoration: none; 2206border: solid 2px #074570; 2207background-color: #fff !important; 2208} 2209 2210 2211.pq-list { 2212display: flex; 2213flex-wrap: nowrap; 2214/* Enables wrapping on mobile */ 2215gap: 10px; 2216/* Space between items */ 2217padding: 0; 2218/* Remove default padding */ 2219margin: 0; 2220/* Remove margin to align perfectly */ 2221list-style: none; 2222justify-content: flex-start; 2223/* Ensures items align to the left */ 2224width: 100%; 2225/* Ensures it takes full width */ 2226} 2227 2228.pq-list li { 2229position: relative; 2230display: flex; 2231align-items: center; 2232padding: 10px 15px; 2233/* Padding inside each item */ 2234flex: none; 2235/* Prevents items from stretching */ 2236white-space: nowrap; 2237/* Prevents wrapping inside list items */ 2238} 2239 2240.pq-list { 2241display: flex; 2242flex-direction: column; 2243flex-wrap: wrap; 2244/* Enables wrapping into multiple columns */ 2245gap: 10px; 2246/* Space between items */ 2247padding: 0; 2248/* Remove default padding */ 2249margin: 0; 2250/* Remove margin to align perfectly */ 2251list-style: none; 2252justify-content: flex-start; 2253/* Align items to the left */ 2254width: 100%; 2255/* Ensures it takes full width */ 2256} 2257 2258.pq-list li { 2259position: relative; 2260display: flex; 2261align-items: center; 2262padding: 10px 15px; 2263/* Padding inside each item */ 2264flex: 1 1 calc(33.33% - 10px); 2265/* Creates columns (adjust as needed) */ 2266white-space: nowrap; 2267/* Prevents wrapping inside list items */ 2268font-size: 18px; 2269/* Set font size */ 2270font-weight: normal; 2271/* Make text bold */ 2272} 2273 2274.pq-list li::before { 2275content: ""; 2276width: 25px;
2277/* Adjust width as needed */ 2278height: 25px; 2279/* Adjust height as needed */ 2280background-image: url('/wp-content/uploads/sites/55/2025/06/Check-icon-DC-Retina-1.png'); 2281/* Replace with your image */ 2282background-size: contain; 2283background-repeat: no-repeat; 2284margin-right: 10px; 2285/* Space between the image and text */ 2286} 2287 2288/* Remove left & right padding from surrounding elements */ 2289.pq-list-container, 2290.fl-module-content { 2291padding-left: 0 !important; 2292padding-right: 0 !important; 2293} 2294 2295/* Ensure responsiveness */ 2296@media (max-width: 768px) { 2297.pq-list li { 2298flex: 1 1 calc(50% - 10px); 2299/* Two columns on tablets */ 2300} 2301} 2302 2303@media (max-width: 480px) { 2304.pq-list li { 2305flex: 1 1 100%; 2306/* One column on mobile */ 2307} 2308} 2309 2310 2311/*About Us CSS start here*/ 2312 2313.dc-retina-button2 { 2314transition: all 500ms ease; 2315background: linear-gradient(90deg, #074570 50%, #ffffff 0) var(--_p, 100%) / 200% no-repeat; 2316border-color: #074570; 2317color: #074570; 2318flex: 1; 2319} 2320 2321.dc-retina-button2:hover { 2322--_p: 0%; 2323color: #fff; 2324} 2325 2326.dc-retina-button1 { 2327transition: all 500ms ease; 2328background: linear-gradient(90deg, #ffffff 50%, #074570 0) var(--_p, 100%) / 200% no-repeat; 2329border-color: #074570; 2330color: #fff; 2331flex: 1; 2332} 2333 2334.dc-retina-button1:hover { 2335--_p: 0%; 2336color: #074570; 2337} 2338 2339/*Retina Treatments Page CSS start here*/ 2340 2341@media (min-width:768px) { 2342.dc-four-col { 2343flex: 0 0 auto; 2344width: 46.666667%; 2345} 2346 2347.three-col-layout { 2348flex: 0 0 auto; 2349width: 31.333333%; 2350} 2351} 2352 2353/* General styling for the container */ 2354.dr-button-container { 2355display: flex; 2356flex-wrap: wrap; 2357gap: 10px; 2358/* Space between buttons */ 2359width: 100%; 2360/* Set width for the container */ 2361margin: 0px; 2362} 2363 2364/* Style for each button */ 2365.dr-button { 2366display: inline-block; 2367padding: 10px 10px; 2368border: 1px solid #ccc; 2369/* Light border color */ 2370background-color: transparent; 2371color: white; 2372/* Text color */ 2373font-size: 13px; 2374font-weight: 600; 2375text-align: center; 2376text-decoration: none; 2377border-radius: 8px; 2378transition: background-color 0.3s, color 0.3s; 2379cursor: pointer; 2380} 2381 2382/* Hover effect */ 2383.dr-button:hover { 2384background-color: #007bff; 2385/* Blue background on hover */ 2386color: white; 2387/* Change text color to white */ 2388} 2389 2390 2391 2392 2393 2394/*----------------------end----------------------*/ 2395 2396/*--------------------Westwood-------------------*/ 2397.west-wood-actext { 2398color: #02748e; 2399} 2400 2401.ecp-icon span.ecp-icon-svg { 2402display: inline-flex; 2403width: 1.8em; 2404height: 1.8em; 2405text-align: center; 2406align-items: center; 2407justify-content: center; 2408transition: all .2s ease-in; 2409vertical-align: middle; 2410} 2411 2412.westwood-half-box { 2413position: relative; 2414background: linear-gradient(90deg, #21748E 60%, #96BFCB 100%); 2415color: #fff; 2416font-family: "montserrat", Sans-Serif; 2417border-radius: 8px; 2418transform: skew(-15deg); 2419box-shadow: 0 4px 18px rgba(28, 44, 100, 0.08); 2420transition: box-shadow 0.6s cubic-bezier(0.4, 2, 0.6, 1), transform 0.6s cubic-bezier(0.4, 2, 0.6, 1); 2421} 2422 2423.westwood-half-box:hover { 2424color: #21748E; 2425background: linear-gradient(90deg, #f8f8f8 60%, #ffffff 100%); 2426box-shadow: 0 0 16px 4px rgba(207, 255, 235, 0.95), 0 0 48px 18px rgba(133, 202, 155, 0.38); 2427transform: skew(-15deg) translateY(-8px); 2428} 2429 2430.westwood-half-box span.ecp-icon, 2431.westwood-half-box h4 { 2432transition: all 500ms; 2433transform: skew(15deg); 2434} 2435 2436.westwood-half-box span.ecp-icon path.cls-1 { 2437fill: #fff; 2438} 2439 2440.westwood-half-box:hover span.ecp-icon path.cls-1 { 2441fill: #21748E; 2442} 2443 2444/* ------------------------------------------------------------------Dr SCROLLING DOCTORS ON WESTWOOD */ 2445 2446.scroll-container { 2447overflow-x: auto; 2448/* Enable horizontal scrolling */ 2449white-space: nowrap; 2450/* Prevent wrapping */ 2451scroll-behavior: smooth; 2452/* Smooth scrolling */ 2453-webkit-overflow-scrolling: touch; 2454/* iOS smooth scrolling */ 2455padding-bottom: 10px; 2456/* Prevent scrollbar from overlapping */ 2457scrollbar-width: none; 2458/* Firefox */ 2459-ms-overflow-style: none; 2460/* Internet Explorer/Edge */ 2461} 2462 2463.scroll-container::-webkit-scrollbar {
2464display: none; 2465/* Chrome, Safari */ 2466} 2467 2468.scroll-container::-webkit-scrollbar-thumb { 2469background: rgba(0, 0, 0, 0.5); 2470border-radius: 4px; 2471} 2472 2473.scroll-container::-webkit-scrollbar-track { 2474background: rgba(0, 0, 0, 0.1); 2475} 2476 2477.scroll-container .scroll-item { 2478flex: 0 0 auto; 2479/* Prevent flex shrinking */ 2480min-width: 200px; 2481/* Adjust item size */ 2482margin-right: 0px; 2483/* Spacing between items */ 2484} 2485 2486/* Scroll buttons */ 2487 2488.scroll-button { 2489width: 50px; 2490/* Adjust size */ 2491height: 50px; 2492border: 1px solid #2367b2; 2493/* Outline color */ 2494background: transparent; 2495/* Transparent background */ 2496border-radius: 50%; 2497/* Circular shape */ 2498display: flex; 2499align-items: center; 2500justify-content: center; 2501cursor: pointer; 2502transition: background 0.3s ease-in-out, color 0.3s ease-in-out, transform 0.2s ease-in-out; 2503} 2504 2505.scroll-button img { 2506width: 20px; 2507/* Adjust icon size */ 2508height: auto; 2509filter: invert(100%); 2510transition: filter 0.3s ease-in-out; 2511} 2512 2513.scroll-button:hover { 2514transform: scale(1.1); 2515/* Slight pop effect */ 2516} 2517 2518.scroll-button:hover img { 2519filter: invert(100%); 2520/* Change icon color to white on hover */ 2521} 2522 2523/*Testimonial Slider for WESTWOOD*/ 2524.testimonial-slider { 2525position: relative; 2526max-width: 80%; 2527/* Make wider if you want, or remove for full width */ 2528margin: 0 auto; 2529min-height: 120px; 2530/* Space for arrows and text */ 2531display: flex; 2532align-items: center; 2533justify-content: center; 2534} 2535 2536.testimonial-slider .testimonial { 2537flex: 1 1 auto; 2538display: none; 2539text-align: center; 2540} 2541 2542.testimonial-slider .testimonial.active { 2543display: block; 2544} 2545 2546.testimonial-slider button { 2547position: absolute; 2548top: 50%; 2549transform: translateY(-50%); 2550background: #eee; 2551border: none; 2552padding: 0px; 2553width: 40px; 2554height: 40px; 2555cursor: pointer; 2556font-size: 1.6em; 2557border-radius: 50%; 2558opacity: 0.7; 2559transition: opacity 0.2s; 2560z-index: 2; 2561display: flex; 2562align-items: center; 2563justify-content: center; 2564} 2565 2566.testimonial-slider .testimonial-prev { 2567left: -40px; 2568} 2569 2570.testimonial-slider .testimonial-next { 2571right: -40px; 2572} 2573 2574.testimonial-slider button:hover { 2575opacity: 1; 2576} 2577 2578 2579 2580/* MOBILE: move arrows below slider */ 2581@media (max-width: 600px) { 2582figure blockquote { 2583margin: 0; 2584padding: 0; 2585} 2586 2587figure { 2588margin-inline-start: 0px; 2589margin-inline-end: 0px; 2590margin-block-start: 0.5em; 2591margin-block-end: 0.5em; 2592} 2593 2594.testimonial-slider { 2595display: block; 2596min-height: unset; 2597} 2598 2599.testimonial-slider .testimonial { 2600margin-bottom: 16px; 2601} 2602 2603.testimonial-slider button { 2604position: static; 2605display: inline-block; 2606margin: 0 8px; 2607top: auto; 2608left: auto; 2609right: auto; 2610transform: none; 2611} 2612 2613.testimonial-slider .testimonial-prev, 2614.testimonial-slider .testimonial-next { 2615/* Remove edge positioning on mobile */ 2616} 2617 2618.testimonial-slider { 2619text-align: center; 2620} 2621} 2622 2623 2624 2625/*------------------------------------------------------------------Dr Bio Slider ------*/ 2626 2627.flip-image { 2628transform: rotate(180deg); 2629} 2630 2631/* Wrapper for the entire review slider */ 2632.review-slider { 2633position: relative; 2634max-width: 100%; 2635overflow: hidden; 2636padding-bottom: 50px; 2637/* Ensure space at the bottom for buttons */ 2638} 2639 2640/* Review wrapper that will be scrolled */ 2641.review-wrapper { 2642display: flex; 2643width: 100%; 2644transition: transform 0.5s ease-in-out; 2645justify-content: flex-start; 2646/* Centering the items by default */ 2647} 2648 2649/* Each individual review takes up 30% of the width on desktop */ 2650.review { 2651flex: 0 0 30%; 2652/* Show 3 reviews at a time */ 2653padding: 10px; 2654box-sizing: border-box; 2655background-color: #fff; 2656border-radius: 8px; 2657box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); 2658margin: 20px; 2659} 2660 2661/* Card image size adjustment */ 2662.card-img-top { 2663max-width: 15%; 2664/* Adjust the image size to fit properly */ 2665margin-left: auto; 2666margin-right: auto; 2667margin-top: -30px; 2668/* Adjust for better positioning */ 2669padding-bottom: 20px; 2670/* Spacing below the image */ 2671} 2672 2673/* Style for carousel buttons */ 2674/* Button container: Center the buttons below the reviews */ 2675.button-container { 2676display: flex; 2677justify-content: center; 2678gap: 30px; 2679/* Space between buttons */ 2680margin-top: 20px; 2681/* Space between the reviews and the buttons */ 2682} 2683 2684.prev-btn img, 2685.next-btn img { 2686background: rgba(0, 0, 0, 0.1); 2687; 2688border: 1px solid rgba(0, 0, 0, 0.05); 2689padding: 5px; 2690cursor: pointer; 2691border-radius: 50%; 2692transition: background-color 0.3s; 2693} 2694 2695/* Button hover effect */ 2696.prev-btn img:hover, 2697.next-btn img:hover { 2698background-color: rgba(255, 255, 255, 0.1); 2699/* Light background on hover */ 2700} 2701 2702/* Adjustments for mobile view */ 2703@media (max-width: 767px) { 2704 2705/* Ensure only one review is shown at a time */ 2706.review-wrapper { 2707display: flex; 2708flex-direction: row; 2709overflow-x: auto; 2710scroll-snap-type: x mandatory; 2711/* Ensures smooth snapping between reviews */ 2712} 2713 2714.review { 2715flex: 0 0 100%; 2716/* Show one review at a time */ 2717margin: 0px; 2718/* No spacing between reviews */ 2719scroll-snap-align: center; 2720/* Ensure snapping happens in the center */ 2721} 2722 2723.prev-btn, 2724.next-btn { 2725font-size: 24px; 2726/* Make buttons smaller for mobile */ 2727} 2728 2729/* Ensure smooth transitions for mobile scrolling */ 2730.review-slider { 2731padding-bottom: 30px; 2732/* Adjusted bottom padding for buttons */ 2733} 2734 2735/* Bootstrap carousel overrides for mobile */ 2736#mobileCarousel { 2737width: 100%; 2738height: auto; 2739} 2740} 2741</style> 2742 <!-- /wp_head --> 2743 <!-- Google Tag Manager --> 2744
2744<script>
vendor: 335 bytes, lines 2744-2748
2744(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 2745 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 2746 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 2747 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 2748 })(window,document,'script','dataLayer','
2748GTM-N54GJXC2
vendor: 3 bytes, line 2748
2748');
2748</script>
2748 2749 <!-- End Google Tag Manager --> 2750 <!-- Google tag (gtag.js) -->
vendor: 66 bytes, lines 2750-2751
2750 2751 <script async src="https://www.googletagmanager.com/gtag/js?id=
2751G-WZNEVQWW56
vendor: 14 bytes, lines 2751-2752
2751"></script> 2752
2752<script> 2753
vendor: 136 bytes, lines 2753-2756
2753window.dataLayer = window.dataLayer || []; 2754 function gtag(){dataLayer.push(arguments);} 2755 gtag('js', new Date()); 2756 gtag('config', '
2756G-WZNEVQWW56
vendor: 6 bytes, lines 2756-2757
2756'); 2757
2757</script>
2757 2758 <!-- End Google tag (gtag.js) --> 2759 <link rel='stylesheet' id='lc-aos-css' href='https://newviewlasereye.com/wp-content/plugins/livecanvas/modules/optin-extra-assets/aos.css?ver=762baabbd36986073f2e63e5741e1c84' media='all' /> 2760 2761</head> 2762<body class="wp-singular page-template page-template-page-templates page-template-empty page-template-page-templatesempty-php page page-id-13306 wp-embed-responsive wp-theme-picostrap5 lc-custom-header lc-custom-footer is-using-livecanvas"> 2763 2764 <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 2764-2765
2764 2765 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
2765GTM-N54GJXC2
vendor: 85 bytes, lines 2765-2767
2765" 2766 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 2767
2767<!-- End Google Tag Manager (noscript) --> 2768 2769 2770 2771<header id='lc-header'> 2772<style> 2773:root { 2774 --newview-primary: #588CEB; 2775 --newview-secondary: #234D9C; 2776 --newview-accent: #DAE7FF; 2777 --newview-tint: #EFF5FF; 2778 --newview-text-dark: #2A2A2A; 2779 --newview-text-body: #3D3D3D; 2780 --newview-white: #FFFFFF; 2781} 2782 2783#lc-header { 2784 position: fixed; 2785 top: 0; 2786 left: 0; 2787 right: 0; 2788 z-index: 1050; 2789 font-family: "Outfit", system-ui, -apple-system, Segoe UI, sans-serif; 2790} 2791 2792.newview-skip-link { 2793 position: absolute; 2794 left: 0; 2795 top: 0; 2796 transform: translateY(-200%); 2797 z-index: 1100; 2798 display: inline-block; 2799 padding: 10px 16px; 2800 background-color: var(--newview-secondary); 2801 color: #FFFFFF; 2802 font-size: 14px; 2803 font-weight: 600; 2804 text-decoration: none; 2805 border-radius: 0 0 8px 0; 2806 transition: transform 0.2s ease; 2807} 2808.newview-skip-link:focus, 2809.newview-skip-link:focus-visible { 2810 transform: translateY(0); 2811 outline: 2px solid #FFFFFF; 2812 outline-offset: -4px; 2813} 2814 2815.newview-header { 2816 background-color: var(--newview-white); 2817 box-shadow: 0 2px 10px rgba(35, 77, 156, 0.06); 2818} 2819 2820/* ============================================================ 2821 TOP UTILITY BAR 2822 ============================================================ */ 2823.newview-header-top { 2824 background-color: var(--newview-accent); 2825 color: var(--newview-white); 2826 padding: 8px 0; 2827 max-height: 60px; 2828 overflow: hidden; 2829 opacity: 1; 2830 transition: max-height 0.3s ease, padding 0.3s ease, opacity 0.25s ease; 2831} 2832 2833#lc-header.is-scrolled .newview-header-top { 2834 max-height: 0; 2835 padding-top: 0; 2836 padding-bottom: 0; 2837 opacity: 0; 2838 pointer-events: none; 2839} 2840 2841.newview-container { 2842 width: 100%; 2843 margin-left: auto; 2844 margin-right: auto; 2845 padding-left: clamp(16px, 2vw, 32px); 2846 padding-right: clamp(16px, 2vw, 32px); 2847} 2848@media (min-width: 1400px) { 2849 .newview-container { max-width: 1320px; } 2850} 2851 2852.newview-header-top__row { 2853 display: flex; 2854 align-items: center; 2855 justify-content: space-between; 2856 flex-wrap: wrap; 2857 gap: 8px 24px; 2858} 2859 2860.newview-header-top__phones { 2861 display: flex; 2862 align-items: center; 2863 gap: 18px; 2864 flex-wrap: wrap; 2865 margin: 0; 2866 padding: 0; 2867 list-style: none; 2868} 2869 2870.newview-header-top__phone { 2871 display: inline-flex; 2872 align-items: center; 2873 gap: 6px; 2874 color: var( --newview-text-dark); 2875 font-size: 14px; 2876 font-weight: 400; 2877 line-height: 1.2; 2878 text-decoration: none; 2879 transition: color 0.18s ease; 2880} 2881.newview-header-top__phone:hover, 2882.newview-header-top__phone:focus-visible { 2883 2884 outline: none; 2885} 2886.newview-header-top__phone-icon { 2887 display: inline-flex; 2888 width: 14px; 2889 height: 14px; 2890 color: var(--newview-primary); 2891 flex-shrink: 0; 2892} 2893.newview-header-top__phone-city { 2894 font-weight: 500; 2895} 2896.newview-header-top__phone-number { 2897 font-weight: 400; 2898 opacity: 0.9; 2899} 2900 2901.newview-header-top__links { 2902 display: flex; 2903 align-items: center; 2904 gap: 20px; 2905 flex-wrap: wrap; 2906 margin: 0; 2907 padding: 0; 2908 list-style: none; 2909} 2910.newview-header-top__link { 2911 display: inline-flex; 2912 align-items: center; 2913 gap: 7px; 2914 color: var(--newview-text-dark); 2915 font-size: 14px; 2916 font-weight: 400; 2917 line-height: 1.2; 2918 text-decoration: none; 2919 transition: color 0.18s ease; 2920 white-space: nowrap; 2921} 2922.newview-header-top__link:hover, 2923.newview-header-top__link:focus-visible { 2924 color: var(--newview-primary); 2925 outline: none; 2926} 2927.newview-header-top__link-icon { 2928 display: inline-flex; 2929 align-items: center; 2930 justify-content: center; 2931 color: var(--newview-primary); 2932 background: transparent; 2933 flex-shrink: 0; 2934} 2935.newview-header-top__link-icon svg { 2936 display: block; 2937} 2938 2939/* ============================================================ 2940 BILL PAY BUTTON â Converge buy button styled as a utility link 2941 Must be a <button> (not <a>): the Converge script walks back 2942 from its own
2942<script> tag to the nearest preceding button, 2943 strips [disabled], and binds the payment lightbox. 2944 ============================================================ */ 2945.newview-billpay-btn { 2946 appearance: none; 2947 -webkit-appearance: none; 2948 background: transparent; 2949 border: 0; 2950 padding: 0; 2951 margin: 0; 2952 font-family: inherit; 2953 font-size: 14px; 2954 font-weight: 400; 2955 cursor: pointer; 2956} 2957.newview-billpay-btn:disabled { 2958 opacity: 0.55; 2959 cursor: default; 2960} 2961.newview-billpay-btn:disabled:hover { 2962 color: var(--newview-text-dark); 2963} 2964 2965/* ============================================================ 2966 MAIN NAV BAR 2967 ============================================================ */ 2968.newview-header-nav-wrap { 2969 background-color: var(--newview-white); 2970 padding: 12px 0; 2971} 2972 2973.newview-navbar { 2974 background-color: transparent; 2975 padding: 0; 2976 min-height: 76px; 2977} 2978 2979.newview-navbar .navbar-brand { 2980 flex: 0 0 auto; 2981 padding-top: 0; 2982 padding-bottom: 0; 2983 margin-right: 24px; 2984} 2985 2986.newview-navbar .navbar-brand img { 2987 display: block; 2988 height: 65px; 2989 width: auto; 2990 max-width: 220px; 2991 object-fit: contain; 2992} 2993 2994.newview-navbar .navbar-toggler { 2995 border: 0; 2996 background: transparent; 2997 padding: 0.5rem 0.75rem; 2998 box-shadow: none; 2999} 3000.newview-navbar .navbar-toggler:focus { 3001 box-shadow: none; 3002 outline: none; 3003} 3004.newview-navbar .navbar-toggler .bar1, 3005.newview-navbar .navbar-toggler .bar2, 3006.newview-navbar .navbar-toggler .bar3 { 3007 display: block; 3008 width: 30px; 3009 height: 2.5px; 3010 margin: 6px 0; 3011 background-color: var(--newview-secondary); 3012 transition: 0.4s; 3013 border-radius: 2px; 3014} 3015.newview-navbar .navbar-toggler:not(.collapsed) .bar1 { 3016 transform: translate(0, 8.5px) rotate(-45deg); 3017} 3018.newview-navbar .navbar-toggler:not(.collapsed) .bar2 { 3019 opacity: 0; 3020} 3021.newview-navbar .navbar-toggler:not(.collapsed) .bar3 { 3022 transform: translate(0, -8.5px) rotate(45deg); 3023} 3024 3025.newview-navbar .navbar-collapse { 3026 align-items: center; 3027 gap: 16px; 3028} 3029 3030.newview-navbar .navbar-nav { 3031 align-items: center; 3032 gap: clamp(16px, 2vw, 32px); 3033} 3034 3035.newview-navbar .navbar-nav .nav-link, 3036.newview-navbar .navbar-nav a { 3037 font-size: 17px; 3038 font-weight: 400; 3039 color: var(--newview-text-dark); 3040 text-decoration: none; 3041 padding: 6px 2px; 3042 transition: color 0.18s ease; 3043 white-space: nowrap; 3044} 3045 3046.newview-navbar .navbar-nav .nav-link:hover, 3047.newview-navbar .navbar-nav .nav-link:focus-visible, 3048.newview-navbar .navbar-nav .nav-item.current-menu-item > a, 3049.newview-navbar .navbar-nav a:hover, 3050.newview-navbar .navbar-nav a:focus-visible, 3051.newview-navbar .navbar-nav a.current-menu-item, 3052.newview-navbar .navbar-nav .current-menu-item > a, 3053.newview-navbar .navbar-nav a[aria-current="page"] { 3054 color: var(--newview-primary); 3055 outline: none; 3056} 3057 3058.newview-navbar .navbar-nav .dropdown-menu { 3059 padding: 8px 0; 3060 margin-top: 8px; 3061 border: 1px solid rgba(35, 77, 156, 0.08); 3062 border-radius: 10px; 3063 box-shadow: 0 8px 24px rgba(35, 77, 156, 0.10), 0 2px 6px rgba(0, 0, 0, 0.04); 3064 min-width: 220px; 3065} 3066.newview-navbar .navbar-nav .dropdown-menu .dropdown-item, 3067.newview-navbar .navbar-nav .dropdown-menu a { 3068 padding: 8px 20px; 3069 font-size: 15px; 3070 font-weight: 400; 3071 color: var(--newview-text-dark); 3072 white-space: normal; 3073 transition: background-color 0.15s ease, color 0.15s ease; 3074} 3075.newview-navbar .navbar-nav .dropdown-menu .dropdown-item:hover, 3076.newview-navbar .navbar-nav .dropdown-menu .dropdown-item:focus-visible, 3077.newview-navbar .navbar-nav .dropdown-menu a:hover, 3078.newview-navbar .navbar-nav .dropdown-menu a:focus-visible { 3079 background-color: var(--newview-tint); 3080 color: var(--newview-primary); 3081} 3082.newview-navbar .navbar-nav .dropdown-menu .dropdown-item.active, 3083.newview-navbar .navbar-nav .dropdown-menu .dropdown-item:active, 3084.newview-navbar .navbar-nav .dropdown-menu .current-menu-item > a, 3085.newview-navbar .navbar-nav .dropdown-menu a.current-menu-item, 3086.newview-navbar .navbar-nav .dropdown-menu a[aria-current="page"] { 3087 background-color: var(--newview-primary); 3088 color: #FFFFFF !important; 3089} 3090 3091/* ============================================================ 3092 SITE-WIDE BUTTON HOVER â .nw_btn 3093 Add the nw_btn class to any SOLID button across the site. 3094 On hover/focus the background swaps to the darker brand blue 3095 and a soft outline ring appears (riey-style). Additive: it 3096 only styles :hover / :focus-visible, so each button keeps its 3097 own resting look. Do NOT add nw_btn to transparent/outline 3098 buttons (e.g. .newview-schedule__btn--outline). 3099 Lives in the header so it loads on every page. 3100 ============================================================ */ 3101.nw_btn { 3102 transition: color 0.15s ease-in-out, 3103 background-color 0.15s ease-in-out, 3104 border-color 0.15s ease-in-out, 3105 box-shadow 0.15s ease-in-out; 3106} 3107.nw_btn:hover, 3108.nw_btn:focus-visible { 3109 background-color: var(--newview-secondary, #234D9C) !important; 3110 border-color: var(--newview-secondary, #234D9C) !important; 3111 color: var(--newview-white, #FFFFFF) !important; 3112 outline: none; 3113 box-shadow: 0 0 0 3px rgba(88, 140, 235, 0.45) !important; 3114} 3115.nw_btn{ 3116border-radius: 16px !important;} 3117/* ============================================================ 3118 BOOK APPOINTMENT CTA 3119 ============================================================ */ 3120.newview-book-cta { 3121 flex: 0 0 auto; 3122} 3123.newview-book-cta__btn { 3124 display: inline-flex; 3125 align-items: center; 3126 justify-content: center; 3127 gap: 8px; 3128 background-color: var(--newview-primary); 3129 color: var(--newview-white); 3130 border: 1px solid var(--newview-primary); 3131 border-radius: 20px; 3132 padding: 13px 24px; 3133 font-size: clamp(15px, 0.4vw + 13.5px, 18px); 3134 font-weight: 600; 3135 text-decoration: none; 3136 min-height: 49px; 3137 line-height: 1; 3138 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 3139} 3140/* Hover handled globally by .nw_btn (added to the button markup below). */ 3141 3142/* ============================================================ 3143 MOBILE + TABLET (up to 1199.98px) 3144 FIX 2026-08: breakpoint moved from lg (992px) to xl (1200px). 3145 Seven menu items + logo + CTA do not fit on one line below 3146 1200px, and because .navbar-collapse is justify-content:end 3147 the overflow spilled LEFT over the logo instead of clipping 3148 right. Hamburger now runs through 1199px. 3149 ============================================================ */ 3150@media (max-width: 1199.98px) { 3151 .newview-navbar { 3152 padding: 4px 0; 3153 min-height: 64px; 3154 } 3155 .newview-navbar .navbar-brand img { 3156 height: 58px; 3157 max-width: 180px; 3158 } 3159 .newview-navbar .navbar-collapse { 3160 flex-basis: 100%; 3161 padding-top: 14px; 3162 margin-top: 6px; 3163 border-top: 1px solid rgba(35, 77, 156, 0.12); 3164 align-items: stretch; 3165 gap: 12px; 3166 } 3167 .newview-navbar .navbar-nav { 3168 flex-direction: column; 3169 align-items: stretch; 3170 gap: 2px; 3171 } 3172 .newview-navbar .navbar-nav .nav-link, 3173 .newview-navbar .navbar-nav a { 3174 padding: 10px 4px; 3175 font-size: 16px; 3176 } 3177 .newview-navbar .navbar-nav .dropdown-menu { 3178 border: 0; 3179 box-shadow: none; 3180 padding: 4px 0 4px 12px; 3181 margin-top: 0; 3182 min-width: 0; 3183 } 3184 .newview-navbar .navbar-nav .dropdown-menu .dropdown-item, 3185 .newview-navbar .navbar-nav .dropdown-menu a { 3186 padding: 8px 4px; 3187 } 3188 .newview-navbar .navbar-collapse > .newview-book-cta { 3189 display: none !important; 3190 } 3191 .newview-header-mobile-actions { 3192 display: flex; 3193 flex-direction: column; 3194 align-items: stretch; 3195 gap: 12px; 3196 padding-top: 4px; 3197 } 3198 .newview-header-mobile-actions .newview-header-top__phones-mobile { 3199 display: flex; 3200 flex-direction: column; 3201 gap: 8px; 3202 padding: 0; 3203 margin: 0; 3204 list-style: none; 3205 } 3206 .newview-header-mobile-actions .newview-header-top__phones-mobile .newview-header-top__phone { 3207 color: var(--newview-secondary); 3208 font-size: 15px; 3209 } 3210 3211 /* Mobile utility links (Bill Pay). Mirrors the phones list above. */ 3212 .newview-header-mobile-actions .newview-header-top__links-mobile { 3213 display: flex; 3214 flex-direction: column; 3215 gap: 8px; 3216 padding: 0; 3217 margin: 0; 3218 list-style: none; 3219 } 3220 .newview-header-mobile-actions .newview-header-top__links-mobile .newview-header-top__link { 3221 color: var(--newview-secondary); 3222 font-size: 15px; 3223 } 3224 3225 .newview-header-mobile-actions .newview-book-cta__btn { 3226 width: 100%; 3227 } 3228 3229 /* Mobile walker-fallback: WP emits .sub-menu (not .dropdown-menu). Hide by default, expand on .open. */ 3230 .newview-navbar .menu-item-has-children > .sub-menu { 3231 display: none !important; 3232 position: static; 3233 width: 100%; 3234 margin: 0; 3235 padding: 0.5rem 1rem; 3236 list-style: none; 3237 background: transparent; 3238 border: 0; 3239 box-shadow: none; 3240 } 3241 .newview-navbar .menu-item-has-children.open > .sub-menu { 3242 display: block !important; 3243 } 3244 .newview-navbar .menu-item-has-children > a { 3245 display: flex; 3246 align-items: center; 3247 justify-content: space-between; 3248 width: 100%; 3249 } 3250 .newview-navbar .menu-item-has-children > a::after { 3251 content: ""; 3252 display: inline-block; 3253 margin-left: 8px; 3254 border-top: 0.3em solid currentColor; 3255 border-right: 0.3em solid transparent; 3256 border-left: 0.3em solid transparent; 3257 border-bottom: 0; 3258 transition: transform 0.3s ease; 3259 } 3260 .newview-navbar .menu-item-has-children.open > a::after { 3261 transform: rotate(180deg); 3262 } 3263 .newview-navbar .menu-item-has-children > .sub-menu a { 3264 padding: 0.5rem !important; 3265 white-space: normal; 3266 } 3267} 3268 3269/* ============================================================ 3270 TOP UTILITY BAR VISIBILITY 3271 FIX 2026-08: previously hidden below 992px. Now hidden only 3272 below 768px, so tablets keep Lasik Calculator, Dry Eye Quiz, 3273 IOL Finder, Vision Simulator and Bill Pay. 3274 ============================================================ */ 3275@media (max-width: 767.98px) { 3276 .newview-header-top { 3277 display: none; 3278 } 3279} 3280 3281/* ============================================================ 3282 TABLET DE-DUPLICATION â 768px to 1199.98px 3283 The top bar is visible at these widths, so the copies of the 3284 phone numbers and Bill Pay inside the hamburger drawer are 3285 redundant. The Book Appointment CTA stays in the drawer. 3286 Delete this block if you would rather keep them duplicated. 3287 ============================================================ */ 3288@media (min-width: 768px) and (max-width: 1199.98px) { 3289 .newview-header-mobile-actions .newview-header-top__phones-mobile, 3290 .newview-header-mobile-actions .newview-header-top__links-mobile { 3291 display: none !important; 3292 } 3293} 3294 3295/* ============================================================
3296 DESKTOP â 1200px and up 3297 ============================================================ */ 3298@media (min-width: 1200px) { 3299 .newview-header-mobile-actions { 3300 display: none !important; 3301 } 3302 .newview-navbar { 3303 position: relative; 3304 } 3305 .newview-navbar .navbar-collapse { 3306 flex-grow: 1; 3307 justify-content: end; 3308 } 3309 .newview-navbar .navbar-collapse .navbar-nav { 3310 margin: 0 auto; 3311 } 3312 3313 /* Desktop walker-fallback: WP emits .sub-menu (not .dropdown-menu) */ 3314 .newview-navbar .menu-item-has-children { 3315 position: relative; 3316 } 3317 .newview-navbar .menu-item-has-children > .sub-menu { 3318 display: none; 3319 position: absolute; 3320 top: 100%; 3321 left: 0; 3322 min-width: 220px; 3323 padding: 8px 0; 3324 margin: 0; 3325 list-style: none; 3326 background-color: var(--newview-white); 3327 border: 1px solid rgba(35, 77, 156, 0.08); 3328 border-radius: 10px; 3329 box-shadow: 0 8px 24px rgba(35, 77, 156, 0.10), 0 2px 6px rgba(0, 0, 0, 0.04); 3330 z-index: 100; 3331 } 3332 .newview-navbar .menu-item-has-children:hover > .sub-menu { 3333 display: block; 3334 } 3335 .newview-navbar .menu-item-has-children > .sub-menu li { 3336 list-style: none; 3337 } 3338 .newview-navbar .menu-item-has-children > .sub-menu a { 3339 display: block; 3340 padding: 8px 20px; 3341 color: var(--newview-text-dark); 3342 text-decoration: none; 3343 white-space: normal; 3344 transition: background-color 0.15s ease, color 0.15s ease; 3345 } 3346 .newview-navbar .menu-item-has-children > .sub-menu a:hover { 3347 background-color: var(--newview-tint); 3348 color: var(--newview-primary); 3349 } 3350 .newview-navbar .menu-item-has-children > .sub-menu .sub-menu { 3351 top: 0; 3352 left: 100%; 3353 margin-left: 0.1rem; 3354 } 3355} 3356 3357/* ============================================================ 3358 SMALL DESKTOP â 1200px to 1399.98px 3359 FIX 2026-08: the menu is expanded here but .newview-container 3360 has not reached its 1320px max-width yet, so the row is still 3361 tight. Trim the logo, nav type and CTA to fit on one line. 3362 justify-content is switched to space-between so that if this 3363 ever overflows again it clips to the RIGHT (harmless) rather 3364 than spilling LEFT over the logo. 3365 ============================================================ */ 3366@media (min-width: 1200px) and (max-width: 1399.98px) { 3367 3368 .newview-navbar .navbar-brand { 3369 margin-right: 12px; 3370 } 3371 .newview-navbar .navbar-brand img { 3372 height: 52px; 3373 max-width: 165px; 3374 } 3375 3376 .newview-navbar .navbar-collapse { 3377 justify-content: end; 3378 min-width: 0; 3379 gap: 20px; 3380 } 3381 3382 .newview-navbar .navbar-nav { 3383 gap: 14px; 3384 flex-wrap: nowrap; 3385 min-width: 0; 3386 } 3387 3388 .newview-navbar .navbar-nav .nav-link, 3389 .newview-navbar .navbar-nav a { 3390 font-size: 15px; 3391 padding: 6px 0; 3392 } 3393 3394 .newview-book-cta__btn { 3395 padding: 11px 16px; 3396 font-size: 15px; 3397 min-height: 44px; 3398 white-space: nowrap; 3399 } 3400} 3401 3402@media (max-width: 425px) { 3403 .newview-navbar .navbar-brand img { 3404 max-width: 160px; 3405 height: 60px; 3406 } 3407} 3408</style> 3409 3410<a class="newview-skip-link visually-hidden-focusable" href="#theme-main">Skip to main content</a> 3411 3412<div class="newview-header"> 3413 3414 <!-- ============================================================ 3415 TOP UTILITY BAR â desktop + tablet, hidden under 768px, 3416 collapses on scroll 3417 ============================================================ --> 3418 <div class="newview-header-top" id="WT-header-topbar"> 3419 <div class="newview-container"> 3420 <div class="newview-header-top__row"> 3421 3422 <!-- Location phones (Tangible loop over location CPT) --> 3423 <ul class="newview-header-top__phones"> 3424 3425 <li> 3426 <a class="newview-header-top__phone" href="tel:+1(703)-777-1244"> 3427 <span class="newview-header-top__phone-icon" aria-hidden="true"> 3428 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 16 16"> 3429 <path d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"></path> 3430 </svg> 3431 </span> 3432 <span class="newview-header-top__phone-city"> 3433 Leesburg 3434 </span> 3435 <span class="newview-header-top__phone-number"> 3436 (703) 777-1244 3437 </span> 3438 </a> 3439 </li> 3440 <li> 3441 <a class="newview-header-top__phone" href="tel:+1(703)-834-9777"> 3442 <span class="newview-header-top__phone-icon" aria-hidden="true"> 3443 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 16 16"> 3444 <path d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457
3444a.68.68 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"></path> 3445 </svg> 3446 </span> 3447 <span class="newview-header-top__phone-city"> 3448 Reston 3449 </span> 3450 <span class="newview-header-top__phone-number"> 3451 (703) 834-9777 3452 </span> 3453 </a> 3454 </li> 3455 3456 3457 </ul> 3458 3459 <!-- Utility links --> 3460 <ul class="newview-header-top__links"> 3461 <li> 3462 <a class="newview-header-top__link" href="/lasik-self-test-savings-calculator/"> 3463 <span class="newview-header-top__link-icon" aria-hidden="true"> 3464 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 16 16" fill="currentColor" preserveAspectRatio="xMidYMid meet"> 3465 <path d="M12 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"></path> 3466 <path d="M4 2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5zm0 4a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5zM4.5 8a.5.5 0 0 0-.5.5v.5a.5.5 0 0 0 .5.5H5a.5.5 0 0 0 .5-.5v-.5A.5.5 0 0 0 5 8zm-.5 2.5a.5.5 0 0 1 .5-.5H5a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5zm2.5-4a.5.5 0 0 0-.5.5v.5a.5.5 0 0 0 .5.5H7a.5.5 0 0 0 .5-.5v-.5A.5.5 0 0 0 7 6zm-.5 2.5a.5.5 0 0 1 .5-.5H7a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5zm.5 1.5a.5.5 0 0 0-.5.5v.5a.5.5 0 0 0 .5.5H7a.5.5 0 0 0 .5-.5v-.5a.5.5 0 0 0-.5-.5zm2.5-4a.5.5 0 0 0-.5.5v.5a.5.5 0 0 0 .5.5H9a.5.5 0 0 0 .5-.5v-.5A.5.5 0 0 0 9 6zm-.5 2.5a.5.5 0 0 1 .5-.5H9a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5zm.5 1.5a.5.5 0 0 0-.5.5v.5a.5.5 0 0 0 .5.5H9a.5.5 0 0 0 .5-.5v-.5a.5.5 0 0 0-.5-.5zm2-6a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h.5a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5zm0 4a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h.5a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5z"></path> 3467 </svg> 3468 </span> 3469 Lasik Calculator 3470 </a> 3471 </li> 3472 <li> 3473 <a class="newview-header-top__link" href="/osdi-dry-eye/"> 3474 <span class="newview-header-top__link-icon" aria-hidden="true"> 3475 <svg xmlns="http://www.w3.org/2000/svg" width="13" height="15" viewBox="0 0 16 16" fill="currentColor" preserveAspectRatio="xMidYMid meet"> 3476 <path d="M8 16a6 6 0 0 0 6-6c0-1.655-1.122-2.904-2.432-4.362C10.254 4.176 8.75 2.503 8 0c0 0-6 5.686-6 10a6 6 0 0 0 6 6M6.646 4.646l.708.708c-.29.29-1.128 1.311-1.907 2.87l-.894-.448c.82-1.64 1.717-2.753 2.093-3.13"></path> 3477 </svg> 3478 </span> 3479 Dry Eye Quiz 3480 </a> 3481 </li> 3482 <li> 3483 <a class="newview-header-top__link" href="/iol-lifestyle-finder/"> 3484 <span class="newview-header-top__link-icon" aria-hidden="true"> 3485 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 16 16" fill="currentColor" preserveAspectRatio="xMidYMid meet"> 3486 <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"></path> 3487 </svg> 3488 </span> 3489 IOL Finder 3490 </a> 3491 </li> 3492 <li> 3493 <a class="newview-header-top__link" href="/vision-simulator/"> 3494 <span class="newview-header-top__link-icon" aria-hidden="true"> 3495 <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 16 16" fill="currentColor" preserveAspectRatio="xMidYMid meet"> 3496 <path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0"></path> 3497 <path d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8m8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7"></path> 3498 </svg> 3499 </span> 3500 Vision Simulator 3501 </a> 3502 </li> 3503 3504 <!-- ==================================================== 3505 BILL PAY â Converge buy button (DESKTOP, primary) 3506 The
3506<script> MUST stay directly after the <button>. 3507 Do not remove [disabled] â Converge strips it once 3508 the script loads and binds the payment lightbox. 3509 The mobile Bill Pay button proxies clicks to this one. 3510 ==================================================== --> 3511 <li> 3512 <button type="button" id="nvBillPayDesktop" class="newview-header-top__link newview-billpay-btn" disabled=""> 3513 <span class="newview-header-top__link-icon" aria-hidden="true"> 3514 <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 16 16" fill="currentColor" preserveAspectRatio="xMidYMid meet"> 3515 <path d="M2 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm0 1h12a1 1 0 0 1 1 1v1H1V5a1 1 0 0 1 1-1M1 8h14v3a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1z"></path> 3516 <path d="M2.5 10h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1"></path> 3517 </svg> 3518 </span> 3519 Bill Pay 3520 </button> 3521
3521<script src="https://www.convergepay.com/hosted-payments/buy_button_script/4b69367673637250544a75716b50345a32566c4d47514141415a413362357751"></script>
3521 3522 </li> 3523 3524 </ul> 3525 3526 </div> 3527 </div> 3528 </div> 3529 3530 <!-- ============================================================ 3531 MAIN NAV â Bootstrap navbar-expand-xl 3532 FIX 2026-08: was navbar-expand-lg. Changed to xl so the 3533 horizontal menu only appears at 1200px, where it fits. 3534 ============================================================ --> 3535 <div class="newview-header-nav-wrap"> 3536 <div class="newview-container"> 3537 <nav class="newview-navbar navbar navbar-expand-xl navbar-light" aria-label="Primary"> 3538 3539 <a class="navbar-brand" href="/" aria-label="NewView Eye Center home"> 3540 <!-- TODO: asset-overrides.md missing slug=logo-mark (Used as: globals/header) --> 3541 <img src="http://newviewlasereye.sv-builder.com/wp-content/uploads/sites/55/2026/07/NewView-Logo-updated.svg" alt="" loading="eager" class=" wp-image-13867"> 3542 </a> 3543 3544 <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#newview-navbar" aria-controls="newview-navbar" aria-expanded="false" aria-label="Toggle navigation"> 3545 <span class="bar1"></span> 3546 <span class="bar2"></span> 3547 <span class="bar3"></span> 3548 </button> 3549 3550 <div class="collapse navbar-collapse" id="newview-navbar"> 3551 3552 <!-- lc_nav_menu --> <div class="menu-retina-primary-menu-container"><ul id="menu-retina-primary-menu" class="navbar-nav align-items-lg-center ms-auto gap-lg-3 rfs-7 mb-lg-0 mb-3"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home nav-item nav-item-13096"><a href="https://newviewlasereye.com/" class="nav-link ">Home</a></li> 3553<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown nav-item nav-item-13984"><a href="https://newviewlasereye.com/our-doctors/" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false" role="button">Our Doctors</a> 3554<ul class="dropdown-menu depth_0"> 3555 <li class="menu-item menu-item-type-post_type menu-item-object-doctor nav-item nav-item-13102"><a href="https://newviewlasereye.com/doctor/jacqueline-deneen-griffiths-m-d/" class="dropdown-item ">Jacqueline Deneen Griffiths, M.D.</a></li> 3556 <li class="menu-item menu-item-type-post_type menu-item-object-doctor nav-item nav-item-13101"><a href="https://newviewlasereye.com/doctor/claiborne-m-callahan-md/" class="dropdown-item ">Claiborne M. Callahan, MD</a></li> 3557</ul> 3558</li> 3559<li class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-14305"><a href="https://newviewlasereye.com/specialty-eye-care/" class="nav-link ">Our Services</a></li> 3560<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children dropdown nav-item nav-item-14310"><a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false" role="button">Glasses & Contacts</a> 3561<ul class="dropdown-menu depth_0"> 3562 <li class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-13097"><a href="https://newviewlasereye.com/optical-center/" class="dropdown-item ">Optical</a></li> 3563 <li class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-14265"><a href="https://newviewlasereye.com/contact-lenses/" class="dropdown-item ">Contact Lenses</a></li> 3564</ul> 3565</li> 3566<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children dropdown nav-item nav-item-13103"><a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false" role="button">Locations</a> 3567<ul class="dropdown-menu depth_0"> 3568 <li class="menu-item menu-item-type-post_type menu-item-object-location nav-item nav-item-13105"><a href="https://newviewlasereye.com/location/newview-eye-center-reston/" class="dropdown-item ">NewView Eye Center Reston</a></li> 3569 <li class="menu-item menu-item-type-post_type menu-item-object-location nav-item nav-item-13104">
3569<a href="https://newviewlasereye.com/location/newview-eye-center-leesburg/" class="dropdown-item ">NewView Eye Center Leesburg</a></li> 3570</ul> 3571</li> 3572<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-13306 current_page_item menu-item-has-children dropdown nav-item nav-item-13985"><a href="https://newviewlasereye.com/about-us/" class="nav-link active dropdown-toggle" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false" role="button" aria-current="page">About Us</a> 3573<ul class="dropdown-menu depth_0"> 3574 <li class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-14307"><a href="https://newviewlasereye.com/patient-forms/" class="dropdown-item ">Patient Forms</a></li> 3575 <li class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-14306"><a href="https://newviewlasereye.com/blogs/" class="dropdown-item ">Our Blog</a></li> 3576 <li class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-14308"><a href="https://newviewlasereye.com/patient-video-reviews/" class="dropdown-item ">Patient Video Reviews</a></li> 3577</ul> 3578</li> 3579<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children dropdown nav-item nav-item-14309"><a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false" role="button">For Doctors</a> 3580<ul class="dropdown-menu depth_0"> 3581 <li class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-14155"><a href="https://newviewlasereye.com/for-referring-doctors/" class="dropdown-item ">Refer a Patient</a></li> 3582 <li class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-14296"><a href="https://newviewlasereye.com/resource-hub-fyeye/" class="dropdown-item ">F.Y.EYE Resources</a></li> 3583</ul> 3584</li> 3585</ul></div> <!-- /lc_nav_menu --> 3586 3587 <div class="newview-book-cta"> 3588 <a class="newview-book-cta__btn nw_btn" href="/schedule-appointment/">Book Appointment</a> 3589 </div> 3590 3591 <!-- Mobile + tablet extras: location phones + Bill Pay + Book Appointment CTA. Hidden at 1200px and up. --> 3592 <div class="newview-header-mobile-actions d-xl-none"> 3593 <ul class="newview-header-top__phones-mobile"> 3594 3595 <li> 3596 <a class="newview-header-top__phone" href="tel:+1(703)-777-1244"> 3597 <span class="newview-header-top__phone-icon" aria-hidden="true"> 3598 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 16 16"> 3599 <path d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"></path> 3600 </svg> 3601 </span> 3602 <span class="newview-header-top__phone-city"> 3603 Leesburg 3604 </span> 3605 <span class="newview-header-top__phone-number"> 3606 (703) 777-1244 3607 </span> 3608 </a> 3609 </li> 3610 <li> 3611 <a class="newview-header-top__phone" href="tel:+1(703)-834-9777"> 3612 <span class="newview-header-top__phone-icon" aria-hidden="true"> 3613 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 16 16"> 3614 <path d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"></path> 3615 </svg> 3616 </span> 3617 <span class="newview-header-top__phone-city"> 3618 Reston 3619 </span> 3620 <span class="newview-header-top__phone-number"> 3621 (703) 834-9777 3622 </span> 3623 </a> 3624 </li> 3625 3626 3627 </ul> 3628 3629 <!-- Bill Pay â MOBILE. No second Converge script: this button 3630 proxies its click to #nvBillPayDesktop (see script below). --> 3631 <ul class="newview-header-top__links-mobile"> 3632 <li> 3633 <button type="button" id="nvBillPayMobile" class="newview-header-top__link newview-billpay-btn" disabled=""> 3634 <span class="newview-header-top__link-icon" aria-hidden="true"> 3635 <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 16 16" fill="currentColor" preserveAspectRatio="xMidYMid meet"> 3636 <path d="M2 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm0 1h12a1 1 0 0 1 1 1v1H1V5a1 1 0 0 1 1-1M1 8h14v3a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1z"></path> 3637 <path d="M2.5 10h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1"></path> 3638 </svg> 3639 </span> 3640 Bill Pay 3641 </button> 3642 </li> 3643 </ul> 3644 3645 </div>
3646 </div> 3647 </nav> 3648 </div> 3649 </div> 3650</div> 3651 3652<!-- ============================================================ 3653 BILL PAY MOBILE PROXY 3654 Converge binds to one button only. This mirrors the enabled 3655 state onto the mobile button and forwards its clicks. 3656 ============================================================ -->
3657<script> 3658(function () { 3659 var desktop = document.getElementById('nvBillPayDesktop'); 3660 var mobile = document.getElementById('nvBillPayMobile'); 3661 if (!desktop || !mobile) return; 3662 3663 function sync() { mobile.disabled = desktop.disabled; } 3664 sync(); 3665 3666 new MutationObserver(sync).observe(desktop, { 3667 attributes: true, 3668 attributeFilter: ['disabled'] 3669 }); 3670 3671 mobile.addEventListener('click', function (e) { 3672 e.preventDefault(); 3673 desktop.click(); 3674 }); 3675})(); 3676</script>
3676 3677</header> 3678 3679 3680 <main id='theme-main'><!-- NewView Eye Center - About Us page (page_kind: one-off). Body sections only; 3681 header + footer are rendered by the WordPress theme chrome (HARD RULE). --> 3682<style> 3683/* ============================================================ 3684 NEWVIEW EYE CENTER â site tokens (tokens.css) 3685 ============================================================ */ 3686body { 3687 --bs-primary: #588CEB; 3688 --bs-secondary: #234D9C; 3689 --bs-accent: #DAE7FF; 3690 --newview-blue: #588CEB; 3691 --newview-dark-blue: #234D9C; 3692 --newview-light-blue: #DAE7FF; 3693 --newview-tint: #EFF5FF; 3694 --newview-text: #3D3D3D; 3695 --newview-text-dark: #2A2A2A; 3696 --newview-text-body: #2D2D2D; 3697 --newview-black: #000000; 3698 --newview-card-gradient-mid: #E6F3FB; 3699 --newview-credential-band: #A4C3FC; 3700 --newview-white: #FFFFFF; 3701 --font-heading: "Castoro", Georgia, "Times New Roman", serif; 3702 --font-body: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif; 3703 --newview-cap-breakpoint: 1400px; 3704 --newview-content-max: 1320px; 3705 --newview-side-pad: clamp(16px, 2vw, 32px); 3706 --newview-header-clear: 112px; 3707} 3708.newview-container { 3709 width: 100%; 3710 margin-left: auto; 3711 margin-right: auto; 3712 padding-left: var(--newview-side-pad); 3713 padding-right: var(--newview-side-pad); 3714} 3715@media (min-width: 1400px) { 3716 .newview-container { 3717 max-width: 1320px; 3718 } 3719} 3720</style> 3721<!-- ============================================================ 3722 SECTION 1: HERO 3723 Exact .newview-optical-hero element from the Optical page. 3724 Only the h1 text, image src/alt, and IDs are changed. 3725 ============================================================ --> 3726<style> 3727 .newview-optical-hero { 3728 position: relative; 3729 isolation: isolate; 3730 overflow: hidden; 3731 background: 3732 radial-gradient(58% 72% at 74% 44%, 3733 rgba(88, 140, 235, 0.30) 0%, 3734 rgba(88, 140, 235, 0.12) 46%, 3735 rgba(88, 140, 235, 0) 72%), 3736 var(--newview-white, #FFFFFF); 3737 padding-top: clamp(112px, 6vw + 72px, 168px); 3738 padding-bottom: 0; 3739 font-family: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif; 3740 color: var(--newview-text, #2A2A2A); 3741 } 3742 .newview-optical-hero__band { 3743 position: absolute; 3744 left: 0; 3745 right: 0; 3746 bottom: 0; 3747 height: clamp(72px, 9vw, 118px); 3748 background: var(--newview-credential-band, #A4C3FC); 3749 z-index: 0; 3750 } 3751 .newview-optical-hero__blob { 3752 position: absolute; 3753 border-radius: 50%; 3754 pointer-events: none; 3755 z-index: 0; 3756 } 3757 .newview-optical-hero__blob--1 { 3758 width: clamp(380px, 48vw, 701px); 3759 height: clamp(150px, 18vw, 267px); 3760 top: clamp(120px, 20vw, 270px); 3761 right: 2%; 3762 background: radial-gradient(ellipse at center, rgba(88, 140, 235, 0.32), rgba(88, 140, 235, 0) 70%); 3763 } 3764 .newview-optical-hero__blob--2 { 3765 width: clamp(160px, 17vw, 245px); 3766 height: clamp(60px, 6.5vw, 93px); 3767 top: clamp(140px, 16vw, 224px); 3768 left: -4%; 3769 background: radial-gradient(ellipse at center, rgba(88, 140, 235, 0.24), rgba(88, 140, 235, 0) 72%); 3770 } 3771 .newview-optical-hero__inner { 3772 position: relative; 3773 z-index: 1; 3774 display: flex; 3775 flex-direction: column; 3776 align-items: center; 3777 gap: clamp(16px, 3vw, 32px); 3778 } 3779 .newview-optical-hero__copy { 3780 width: 100%; 3781 text-align: center; 3782 } 3783 .newview-optical-hero__title { 3784 font-family: "Castoro", Georgia, "Times New Roman", serif; 3785 font-weight: 400; 3786 font-style: normal; 3787 font-size: clamp(48px, 6vw, 80px); 3788 line-height: 1.05; 3789 letter-spacing: 0; 3790 margin: 0; 3791 color: var(--newview-text, #2A2A2A); 3792 } 3793 .newview-optical-hero__media { 3794 position: relative; 3795 z-index: 1; 3796 width: 100%; 3797 max-width: 560px; 3798 margin: 0 auto; 3799 display: flex; 3800 justify-content: center; 3801 align-items: flex-end; 3802 } 3803 .newview-optical-hero__media img { 3804 display: block; 3805 width: 100%; 3806 height: auto; 3807 object-fit: contain; 3808 object-position: bottom center; 3809 } 3810 @media (min-width: 992px) { 3811 .newview-optical-hero__inner { 3812 flex-direction: row; 3813 align-items: stretch; 3814 justify-content: space-between; 3815 gap: clamp(24px, 4vw, 64px); 3816 min-height: 500px; 3817 } 3818 .newview-optical-hero__copy { 3819 flex: 0 1 46%; 3820 display: flex; 3821 align-items: center; 3822 text-align: left; 3823 padding-bottom: clamp(90px, 11vw, 150px); 3824 } 3825 .newview-optical-hero__media { 3826 flex: 0 1 50%; 3827 max-width: 640px; 3828 margin: 0; 3829 align-self: flex-end; 3830 } 3831 .newview-optical-hero__media img { 3832 max-height: 600px; 3833 width: auto; 3834 max-width: 100%; 3835 } 3836 } 3837</style> 3838<section class="newview-optical-hero" id="newview-about-hero" aria-labelledby="newview-about-hero-title"> 3839 <div class="newview-optical-hero__band" aria-hidden="true"></div> 3840 <span class="newview-optical-hero__blob newview-optical-hero__blob--1" aria-hidden="true"></span> 3841 <span class="newview-optical-hero__blob newview-optical-hero__blob--2" aria-hidden="true"></span> 3842 <div class="newview-container container"> 3843 <div class="newview-optical-hero__inner"> 3844 <div class="newview-optical-hero__copy"> 3845 <h1 class="newview-optical-hero__title" id="newview-about-hero-title">About Us</h1> 3846 </div> 3847 <div class="newview-optical-hero__media"> 3848 <img src="https://newviewlasereye.sv-builder.com/wp-content/uploads/sites/55/2026/07/doctor-bio-1.webp" width="960" height="810" fetchpriority="high" decoding="async" srcset="https://newviewlasereye.sv-builder.com/wp-content/uploads/sites/55/2026/07/doctor-bio-1.webp 960w, https://newviewlasereye.sv-builder.com/wp-content/uploads/sites/55/2026/07/doctor-bio-1-300x253.webp 300w, https://newviewlasereye.sv-builder.com/wp-content/uploads/sites/55/2026/07/doctor-bio-1-768x648.webp 768w" sizes="(max-width: 960px) 100v
3848w, 960px" class=" wp-image-13031"> 3849 </div> 3850 </div> 3851 </div> 3852</section> 3853<!-- ============================================================ 3854 SECTION 2: MISSION STATEMENT 3855 Centered tint-band callout â large serif mission quote, 3856 blue rule above, Outfit label. 3857 ============================================================ --> 3858<style> 3859 .nv-about-mission { 3860 background: var(--newview-tint, #EFF5FF); 3861 padding: clamp(48px, 6vw, 88px) 0; 3862 font-family: var(--font-body); 3863 text-align: center; 3864 } 3865 .nv-about-mission__label { 3866 display: block; 3867 font-family: var(--font-body); 3868 font-weight: 500; 3869 font-size: clamp(12px, 1vw, 14px); 3870 letter-spacing: 0.14em; 3871 text-transform: uppercase; 3872 color: var(--newview-blue); 3873 margin-bottom: clamp(16px, 2vw, 24px); 3874 } 3875 .nv-about-mission__rule { 3876 display: block; 3877 width: 48px; 3878 height: 3px; 3879 background: var(--newview-blue); 3880 border: none; 3881 margin: 0 auto clamp(20px, 2.5vw, 32px); 3882 border-radius: 2px; 3883 } 3884 .nv-about-mission__quote { 3885 font-family: var(--font-heading); 3886 font-weight: 400;
3887 font-size: clamp(26px, 3.5vw, 44px); 3888 line-height: 1.25; 3889 color: var(--newview-text-dark); 3890 max-width: 820px; 3891 margin: 0 auto; 3892 } 3893 .nv-about-mission__quote em { 3894 font-style: normal; 3895 color: var(--newview-dark-blue); 3896 } 3897</style> 3898<section class="nv-about-mission" id="nv-about-mission" aria-labelledby="nv-about-mission-quote"> 3899 <div class="newview-container container"> 3900 <span class="nv-about-mission__label">Our Mission</span> 3901 <span class="nv-about-mission__rule" aria-hidden="true"></span> 3902 <p class="nv-about-mission__quote" id="nv-about-mission-quote"> 3903 Our mission is to provide <em>excellence</em> in ophthalmology services by 3904 providing <em>personalized</em> care to each patient. 3905 </p> 3906 </div> 3907</section> 3908<!-- ============================================================ 3909 SECTION 3: PRACTICE STORY 3910 White section. Two-column desktop: milestone numbers left, 3911 shorter prose right. Single column on mobile. 3912 ============================================================ --> 3913<style> 3914 .nv-about-story { 3915 background: var(--newview-white); 3916 padding: clamp(56px, 7vw, 104px) 0; 3917 font-family: var(--font-body); 3918 color: var(--newview-text-body); 3919 } 3920 .nv-about-story__inner { 3921 display: flex; 3922 flex-direction: column; 3923 gap: clamp(32px, 4vw, 56px); 3924 } 3925 .nv-about-story__eyebrow { 3926 display: block; 3927 font-weight: 500; 3928 font-size: clamp(12px, 1vw, 14px); 3929 letter-spacing: 0.14em; 3930 text-transform: uppercase; 3931 color: var(--newview-blue); 3932 margin-bottom: clamp(10px, 1.2vw, 16px); 3933 } 3934 .nv-about-story__title { 3935 font-family: var(--font-heading); 3936 font-weight: 400; 3937 font-size: clamp(34px, 4.5vw, 62px); 3938 line-height: 1.08; 3939 color: var(--newview-text-dark); 3940 margin: 0; 3941 } 3942 .nv-about-story__milestone { 3943 display: flex; 3944 flex-direction: column; 3945 align-items: flex-start; 3946 gap: 6px; 3947 border-left: 3px solid var(--newview-blue); 3948 padding-left: clamp(16px, 2vw, 24px); 3949 } 3950 .nv-about-story__milestone-year { 3951 font-family: var(--font-heading); 3952 font-size: clamp(36px, 4vw, 52px); 3953 font-weight: 400; 3954 line-height: 1; 3955 color: var(--newview-blue); 3956 } 3957 .nv-about-story__milestone-label { 3958 font-size: clamp(13px, 1vw, 15px); 3959 font-weight: 400; 3960 color: var(--newview-text); 3961 line-height: 1.4; 3962 max-width: 28ch; 3963 } 3964 .nv-about-story__card { 3965 background: var(--newview-white); 3966 border: 1px solid var(--newview-light-blue, #DAE7FF); 3967 border-radius: 20px; 3968 box-shadow: 0 4px 24px rgba(88, 140, 235, 0.08); 3969 padding: clamp(28px, 3.5vw, 48px) clamp(24px, 3vw, 40px); 3970 } 3971 .nv-about-story__body { 3972 display: flex; 3973 flex-direction: column; 3974 gap: clamp(18px, 2vw, 26px); 3975 } 3976 .nv-about-story__body p { 3977 font-weight: 300; 3978 font-size: clamp(15px, 1vw, 16px); 3979 line-height: 1.7; 3980 margin: 0; 3981 } 3982 @media (min-width: 992px) { 3983 .nv-about-story__inner { 3984 flex-direction: row; 3985 align-items: flex-start; 3986 gap: clamp(48px, 6vw, 96px); 3987 } 3988 .nv-about-story__left { 3989 flex: 0 0 34%; 3990 position: sticky; 3991 top: calc(var(--newview-header-clear) + 24px); 3992 } 3993 .nv-about-story__right { 3994 flex: 1 1 0; 3995 } 3996 } 3997</style> 3998<section class="nv-about-story" id="nv-about-story" aria-labelledby="nv-about-story-title"> 3999 <div class="newview-container container"> 4000 <div class="nv-about-story__inner"> 4001 <!-- LEFT: heading + milestones --> 4002 <div class="nv-about-story__left"> 4003 <span class="nv-about-story__eyebrow">NewView Eye Center</span> 4004 <h2 class="nv-about-story__title" id="nv-about-story-title">Our Story</h2> 4005 <div style="margin-top: clamp(32px, 4vw, 48px); display: flex; flex-direction: column; gap: clamp(24px, 3vw, 36px);"> 4006 <div class="nv-about-story__milestone"> 4007 <span class="nv-about-story__milestone-year">1999</span> 4008 <span class="nv-about-story__milestone-label">NewView opens its doors in Reston, Virginia</span> 4009 </div> 4010 <div class="nv-about-story__milestone"> 4011 <span class="nv-about-story__milestone-year">2011</span> 4012 <span class="nv-about-story__milestone-label">
4012NewView Optical launches, bringing designer eyewear to the whole family</span> 4013 </div> 4014 <div class="nv-about-story__milestone"> 4015 <span class="nv-about-story__milestone-year">Top 50</span> 4016 <span class="nv-about-story__milestone-label">Named one of the Top 50 Ophthalmology Practices in the U.S. by Ophthalmology Management</span> 4017 </div> 4018 <div class="nv-about-story__milestone"> 4019 <span class="nv-about-story__milestone-year">2 offices</span> 4020 <span class="nv-about-story__milestone-label">Serving Reston and Leesburg across Northern Virginia</span> 4021 </div> 4022 </div> 4023 </div> 4024 <!-- RIGHT: prose in a soft card --> 4025 <div class="nv-about-story__right"> 4026 <div class="nv-about-story__card"> 4027 <div class="nv-about-story__body"> 4028 <p> 4029 NewView Eye Center opened on November 15, 1999, founded by Dr. Jacqueline D. Griffiths, a native Washingtonian and Yale-educated, University of Michigan-trained ophthalmologist who completed her ophthalmology residency at Georgetown University Medical Center. A diplomate of the American Board of Ophthalmology and a fellow of the American Academy of Ophthalmology, Dr. Griffiths took part in the CRS-USA clinical trials that led to FDA approval of LASIK, and she has served as a board examiner for new ophthalmology graduates. A recurring honoree on the Washingtonian and Castle Connolly Top Doctors lists, she brought that same standard of excellence to the practice she built: physician-led, patient first. 4030 </p> 4031 <p> 4032 As laser eye centers multiplied across the DC metro area, Dr. Griffiths took a different approach. NewView was designed for patients who wanted to see the same doctor at every visit and receive care tailored to their individual needs. Over three decades in practice, she has personally performed thousands of vision correction and cataract procedures, and has held leadership roles across the region, including Ophthalmology Section Chief at Reston Hospital Center. 4033 </p> 4034 <p> 4035 Over time, the practice grew into a full-service ophthalmology center, adding cataract surgery, glaucoma management, cornea care, medical aesthetics, and laser floater removal alongside its refractive surgery roots. In 2011, NewView Optical opened in Reston, offering designer frames and lenses for the whole family. In 2023, Dr. Claiborne M. Callahan joined the practice, a Leesburg native and University of Virginia-trained surgeon who performs cataract, laser, glaucoma, and eyelid surgery. 4036 </p> 4037 <p> 4038 Today, NewView serves patients from two Northern Virginia locations and has been recognized among the Top 50 Ophthalmology Practices in the country. The same commitment that shaped the practice in 1999 guides every appointment, procedure, and interaction today. 4039 </p> 4040 </div> 4041 </div> 4042 </div> 4043 </div> 4044 </div> 4045</section> 4046<!-- ============================================================ 4047 SECTION 4: WHY NEWVIEW â three-column credential cards 4048 Light tint background, icon + heading + short copy per pillar. 4049 ============================================================ --> 4050<style> 4051 .nv-about-pillars { 4052 background: var(--newview-tint, #EFF5FF); 4053 padding: clamp(56px, 6vw, 96px) 0; 4054 font-family: var(--font-body); 4055 } 4056 .nv-about-pillars__heading { 4057 font-family: var(--font-heading); 4058 font-weight: 400; 4059 font-size: clamp(30px, 4vw, 52px); 4060 line-height: 1.1; 4061 color: var(--newview-text-dark); 4062 text-align: center; 4063 margin: 0 0 clamp(36px, 4.5vw, 60px); 4064 } 4065 .nv-about-pillars__grid { 4066 display: grid; 4067 grid-template-columns: 1fr; 4068 gap: clamp(20px, 2.5vw, 28px); 4069 } 4070 @media (min-width: 768px) { 4071 .nv-about-pillars__grid { 4072 grid-template-columns: repeat(3, minmax(0, 1fr)); 4073 } 4074 } 4075 .nv-about-pillar { 4076 background: var(--newview-white); 4077 border-radius: 20px; 4078 padding: clamp(28px, 3vw, 40px) clamp(24px, 2.5vw, 36px); 4079 display: flex; 4080 flex-direction: column; 4081 gap: 14px; 4082 } 4083 .nv-about-pillar__icon { 4084 width: 44px; 4085 height: 44px;
4086 display: flex; 4087 align-items: center; 4088 justify-content: center; 4089 background: var(--newview-light-blue, #DAE7FF); 4090 border-radius: 12px; 4091 flex-shrink: 0; 4092 } 4093 .nv-about-pillar__icon svg { 4094 width: 22px; 4095 height: 22px; 4096 stroke: var(--newview-dark-blue); 4097 } 4098 .nv-about-pillar__title { 4099 font-family: var(--font-heading); 4100 font-weight: 400; 4101 font-size: clamp(20px, 2vw, 26px); 4102 line-height: 1.2; 4103 color: var(--newview-text-dark); 4104 margin: 0; 4105 } 4106 .nv-about-pillar__body { 4107 font-weight: 300; 4108 font-size: clamp(14px, 1vw, 15px); 4109 line-height: 1.65; 4110 color: var(--newview-text-body); 4111 margin: 0; 4112 } 4113</style> 4114<section class="nv-about-pillars" id="nv-about-pillars" aria-labelledby="nv-about-pillars-heading"> 4115 <div class="newview-container container"> 4116 <h2 class="nv-about-pillars__heading" id="nv-about-pillars-heading">Why Patients Choose NewView</h2> 4117 <div class="nv-about-pillars__grid"> 4118 <!-- Pillar 1: Physician-led --> 4119 <div class="nv-about-pillar"> 4120 <div class="nv-about-pillar__icon" aria-hidden="true"> 4121 <svg viewBox="0 0 24 24" fill="none" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 4122 <path d="M12 14c3.314 0 6-2.686 6-6S15.314 2 12 2 6 4.686 6 8s2.686 6 6 6z"></path> 4123 <path d="M3 22c0-3.866 4.03-7 9-7s9 3.134 9 7"></path> 4124 </svg> 4125 </div> 4126 <h3 class="nv-about-pillar__title">Physician-Led, Patient-Centered</h3> 4127 <p class="nv-about-pillar__body"> 4128 NewView was founded by a surgeon, not a business group, and that difference shows in every appointment. You build a relationship with your physician and receive consistent, personalized care from your first consultation through follow-up. 4129 </p> 4130 </div> 4131 <!-- Pillar 2: Advanced technology --> 4132 <div class="nv-about-pillar"> 4133 <div class="nv-about-pillar__icon" aria-hidden="true"> 4134 <svg viewBox="0 0 24 24" fill="none" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 4135 <circle cx="12" cy="12" r="3"></circle> 4136 <path d="M2 12C4.667 6.667 8 4 12 4s7.333 2.667 10 8c-2.667 5.333-6 8-10 8S4.667 17.333 2 12z"></path> 4137 </svg> 4138 </div> 4139 <h3 class="nv-about-pillar__title">Advanced Technology</h3> 4140 <p class="nv-about-pillar__body"> 4141 From the region's first iDESIGN Refractive Studio platform for custom LASIK and EpiLase to femtosecond laser cataract surgery and in-office laser floater removal, a rare specialty in Northern Virginia, NewView brings surgical-grade technology to Reston and Leesburg. 4142 </p> 4143 </div> 4144 <!-- Pillar 3: Full spectrum of care --> 4145 <div class="nv-about-pillar"> 4146 <div class="nv-about-pillar__icon" aria-hidden="true"> 4147 <svg viewBox="0 0 24 24" fill="none" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 4148 <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path> 4149 </svg> 4150 </div> 4151 <h3 class="nv-about-pillar__title">Full Spectrum of Eye Care</h3> 4152 <p class="nv-about-pillar__body"> 4153 Routine exams, refractive surgery, cataract care, glaucoma management, dry eye, medical aesthetics, and an on-site optical dispensary, all under one roof at two convenient Northern Virginia locations. 4154 </p> 4155 </div> 4156 </div> 4157 </div> 4158</section> 4159<!-- ============================================================ 4160 SECTION 5: MEET OUR DOCTORS 4161 Live partial (lc_partial #12971) - dynamic loop over the 4162 `doctor` CPT. Renders <section class="newview-our-doctors">. 4163 ============================================================ --> 4164 4165<style> 4166 .newview-our-doctors { 4167 position: relative; 4168 isolation: isolate; 4169 overflow: hidden; 4170 padding: clamp(48px, 6vw, 96px) 0; 4171 background-color: #ffffff; 4172 font-family: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif; 4173 color: #2A2A2A; 4174 } 4175 4176 /* Figma "Ellipse 8" â soft blue radial wash anchored top-left, behind content 4177 (reproduced as a CSS gradient per site practice; raster ellipse captures render as hard blobs) */ 4178 .newview-our-doctors::before { 4179 content: ""; 4180 position: absolute; 4181 top: 0; 4182 left: 0; 4183 width: min(700px, 60%); 4184 height: 620px; 4185 background: radial-gradient( 4186 60% 55% at 18% 22%, 4187 rgba(88, 140, 235, 0.30) 0%, 4188 rgba(88, 140, 235, 0.15) 40%, 4189 rgba(88, 140, 235, 0) 70% 4190 ); 4191 z-index: 0; 4192 pointer-events: none; 4193 } 4194 4195 .newview-our-doctors .newview-container { 4196 width: 100%; 4197 margin-left: auto; 4198 margin-right: auto; 4199 padding-left: var(--newview-side-pad, clamp(16px, 2vw, 32px)); 4200 padding-right: var(--newview-side-pad, clamp(16px, 2vw, 32px)); 4201 } 4202 4203 @media (min-width: 1400px) { 4204 .newview-our-doctors .newview-container { 4205 max-width: 1320px; 4206 } 4207 } 4208 4209 .newview-our-doctors-layout { 4210 position: relative; 4211 z-index: 1; 4212 display: grid; 4213 grid-template-columns: 1fr; 4214 gap: clamp(28px, 4vw, 64px); 4215 align-items: start; 4216 } 4217 4218@media (min-width: 768px) and (max-width: 1199px) { 4219 .newview-doctor-card-body { 4220 width: min(85%, 260px); 4221 min-width: 260px !important; 4222 } 4223 .newview-doctor-card-name { 4224 font-size: clamp(18px, 0.9vw + 16px, 22px) !important; 4225} 4226} 4227 4228 @media (min-width: 992px) { 4229 .newview-our-doctors-layout { 4230 grid-template-columns: 320px 1fr; 4231 } 4232 4233} 4234@media (max-width: 991px) { 4235 .newview-our-doctors-content { 4236 padding-top: 0; 4237 display: flex; 4238 flex-direction: column; 4239 align-content: center;
4240 align-items: center; 4241 text-align: center; 4242 width: 100% !important; 4243 } 4244 4245 .newview-our-doctors-heading, 4246 .newview-our-doctors-subtitle { 4247 max-width: 90% !important; 4248 margin-left: auto; 4249 margin-right: auto; 4250 } 4251 4252 .newview-our-doctors-heading { 4253 margin-bottom: 1rem; 4254 } 4255} 4256 .newview-our-doctors-heading { 4257 font-family: "Castoro", Georgia, "Times New Roman", serif; 4258 font-size: clamp(34px, 6vw, 70px); 4259 font-weight: 500; 4260 line-height: 0.95; 4261 color: #222222; 4262 margin: 0 0 1rem 0; 4263 /* max-width: 245px */; 4264 } 4265 4266 .newview-our-doctors-subtitle { 4267 font-family: "Outfit", sans-serif; 4268 font-size: clamp(13px, 0.4vw + 12px, 16px); 4269 font-weight: 300; 4270 line-height: 1.65; 4271 color: #6a6a6a; 4272 max-width: 260px; 4273 margin: 0; 4274 } 4275 4276 .newview-our-doctors-grid { 4277 display: grid; 4278 grid-template-columns: 1fr; 4279 gap: clamp(20px, 2vw, 32px); 4280 } 4281 4282 @media (min-width: 768px) { 4283 .newview-our-doctors-grid { 4284 grid-template-columns: repeat(2, minmax(0, 1fr)); 4285 } 4286 } 4287 4288 .newview-doctor-card { 4289 display: block; 4290 position: relative; 4291 text-decoration: none; 4292 color: inherit; 4293 } 4294 4295 .newview-doctor-card-image-wrap { 4296 position: relative; 4297 aspect-ratio: 1 / 1.15; 4298 background: linear-gradient( 4299 180deg, 4300 #A4C3FC 0%, 4301 #FFFFFF 100% 4302 ); 4303 border-radius: 12px; 4304 overflow: hidden; 4305 box-shadow: 0px 1.4px 3.5px rgba(0, 0, 0, 0.25); 4306 } 4307 4308 .newview-doctor-card-image-wrap img { 4309 display: block; 4310 width: 100%; 4311 height: 100%; 4312 object-fit: cover; 4313 object-position: center top; 4314 } 4315 4316 /* Updated: same width for all doctor name cards */ 4317 .newview-doctor-card-body { 4318 position: absolute; 4319 right: 0; 4320 bottom: 34px; 4321 z-index: 2; 4322 width: min(85%, 320px); 4323 min-width: 320px; 4324 } 4325 4326 /* Updated: removed box shadow */ 4327 .newview-doctor-card-content { 4328 width: 100%; 4329 box-sizing: border-box; 4330 background: #ffffff; 4331 border-radius: 12px 0 0 12px; 4332 padding: 20px 22px; 4333 } 4334 4335 .newview-doctor-card-name { 4336 font-family: "Castoro", Georgia, "Times New Roman", serif; 4337 font-size: clamp(22px, 0.9vw + 16px, 28px); 4338 font-weight: 500; 4339 line-height: 1.1; 4340 letter-spacing: -0.02em; 4341 color: #222222; 4342 margin: 0 0 8px; 4343 } 4344 4345 .newview-doctor-card-role { 4346 font-family: "Outfit", sans-serif; 4347 font-size: 13px; 4348 font-weight: 400; 4349 line-height: 1.4; 4350 color: #6a6a6a; 4351 margin: 0; 4352 } 4353 4354 .newview-doctor-specialties { 4355 display: flex; 4356 flex-wrap: wrap; 4357 gap: 0.5rem; 4358 list-style: none; 4359 padding: 0; 4360 margin: 0.7rem 0 0; 4361 } 4362 4363 .newview-doctor-specialty-tag { 4364 display: inline-block; 4365 font-family: "Outfit", sans-serif; 4366 font-size: 12px; 4367 font-weight: 400; 4368 line-height: 1.3; 4369 color: var(--bs-secondary, #234D9C); 4370 background-color: #EFF5FF; 4371 border: 1px solid var(--bs-accent, #DAE7FF); 4372 border-radius: 999px; 4373 padding: 0.35rem 0.8rem; 4374 } 4375 4376 /* Mobile */ 4377 @media (max-width: 767px) { 4378 .newview-doctor-card-body { 4379 width: calc(100% - 24px); 4380 min-width: unset; 4381 right: 0; 4382 bottom: 20px; 4383 } 4384 4385 .newview-doctor-card-content { 4386 padding: 16px 18px; 4387 } 4388 4389 .newview-doctor-card-name { 4390 font-size: 24px; 4391 } 4392 } 4393 4394/* Vertically center the left heading/intro column against the taller 4395 doctor-card row (desktop two-column layout only; mobile stays stacked). */ 4396@media (min-width: 992px) { 4397 .newview-our-doctors-layout { align-items: center; } 4398} 4399</style> 4400 4401<section class="newview-our-doctors" id="newview-our-doctors"> 4402 <div class="newview-container"> 4403 <div class="newview-our-doctors-layout"> 4404 <div class="newview-our-doctors-content"> 4405 <h2 class="newview-our-doctors-heading"> 4406 Meet Our Doctors 4407 </h2> 4408 <p class="newview-our-doctors-subtitle"> 4409 Expert eye care with advanced technology and a personal touch. 4410 Experience the difference that world-class vision care can make. 4411 </p> 4412 </div> 4413 <div class="newview-our-doctors-grid"> 4414 <a class="newview-doctor-card" href="https://newviewlasereye.com/doctor/jacqueline-deneen-griffiths-m-d/" aria-label="Learn more about Jacqueline Deneen Griffiths, M.D."> 4415 <div class="newview-doctor-card-image-wrap"> 4416 <img width="500" height="500" src="https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/07/Griffiths-1.webp?strip=all" class="attachment-large size-large" alt="Jacqueline Deneen Griffiths, M.D." loading="lazy" sizes="auto, (max-width: 767px) 100v
4416w, 640px" srcset="https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/07/Griffiths-1.webp?strip=all 500w, https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/07/Griffiths-1-300x300.webp?strip=all 300w, https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/07/Griffiths-1-150x150.webp?strip=all 150w, https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/07/Griffiths-1.webp?strip=all&w=50 50w, https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/07/Griffiths-1.webp?strip=all&w=100 100w, https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/07/Griffiths-1.webp?strip=all&w=200 200w, https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/07/Griffiths-1.webp?strip=all&w=250 250w, https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/07/Griffiths-1.webp?strip=all&w=350 350w, https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/07/Griffiths-1.webp?strip=all&w=400 400w, https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/07/Griffiths-1.webp?strip=all&w=450 450w" /> </div> 4417 <div class="newview-doctor-card-body"> 4418 <div class="newview-doctor-card-content"> 4419 <h3 class="newview-doctor-card-name">Jacqueline Deneen Griffiths, M.D.</h3> 4420 <p class="newview-doctor-card-role">Ophthalmologist</p> 4421 </div> 4422 </div> 4423 </a> 4424 <a class="newview-doctor-card" href="https://newviewlasereye.com/doctor/claiborne-m-callahan-md/" aria-label="Learn more about Claiborne M. Callahan, MD"> 4425 <div class="newview-doctor-card-image-wrap"> 4426 <img width="500" height="500" src="https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/04/Claiborne-M.-Callahan-MD-2-Hero.webp?strip=all" class="attachment-large size-large" alt="Claiborne M. Callahan, MD" loading="lazy" sizes="auto, (max-width: 767px) 100vw, 640px" srcset="https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/04/Claiborne-M.-Callahan-MD-2-Hero.webp?strip=all 500w, https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/04/Claiborne-M.-Callahan-MD-2-Hero-300x300.webp?strip=all 300w, https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/04/Claiborne-M.-Callahan-MD-2-Hero-150x150.webp?strip=all 150w, https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/04/Claiborne-M.-Callahan-MD-2-Hero.webp?strip=all&w=50 50w, https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/04/Claiborne-M.-Callahan-MD-2-Hero.webp?strip=all&w=100 100w, https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/04/Claiborne-M.-Callahan-MD-2-Hero.webp?strip=all&w=200 200w, https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/04/Claiborne-M.-Callahan-MD-2-Hero.webp?strip=all&w=250 250w, https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/04/Claiborne-M.-Callahan-MD-2-Hero.webp?strip=all&w=350 350w, https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/04/Claiborne-M.-Callahan-MD-2-Hero.webp?strip=all&w=400 400w, https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/04/Claiborne-M.-Callahan-MD-2-Hero.webp?strip=all&w=450 450w" /> </div> 4427 <div class="newview-doctor-card-body"> 4428 <div class="newview-doctor-card-content"> 4429 <h3 class="newview-doctor-card-name">Claiborne M. Callahan, MD</h3> 4430 <p class="newview-doctor-card-role">Ophthalmologist</p> 4431 </div> 4432 </div> 4433 </a> 4434 4435 </div> 4436 </div> 4437 </div> 4438</section> 4439 4440 4441<!-- ============================================================ 4442 SECTION 6: PATIENT REVIEWS 4443 ============================================================ --> 4444<style> 4445.newview-reviews-section { 4446 background-color: #EFF5FF; 4447 padding: clamp(56px, 6vw, 96px) 0; 4448 font-family: 'Outfit', system-ui, -apple-system, "Segoe UI", sans-serif; 4449 color: #2A2A2A; 4450} 4451.newview-reviews-heading { 4452 font-family: 'Castoro', Georgia, "Times New Roman", serif; 4453 font-weight: 500; 4454 color: #2d2d2d; 4455 text-align: center; 4456 line-height: 1.15; 4457 margin: 0 0 clamp(32px, 3.5vw, 56px); 4458 font-size: clamp(30px, 2.2vw + 18px, 44px); 4459} 4460.newview-reviews-wrapper { 4461 position: relative; 4462 max-width: 1200px; 4463 margin: 0 auto; 4464 padding: 0 16px 72px; 4465} 4466.newview-reviews-viewport { 4467 overflow: hidden; 4468 width: 100%; 4469} 4470.newview-reviews-track { 4471 display: flex; 4472 transition: transform 0.45s ease; 4473 will-change: transform; 4474}
4475.newview-reviews-slide { 4476 flex: 0 0 33.3333%; 4477 box-sizing: border-box; 4478 padding: 0 12px; 4479} 4480@media (max-width: 991.98px) { 4481 .newview-reviews-slide { flex: 0 0 50%; } 4482} 4483@media (max-width: 575.98px) { 4484 .newview-reviews-slide { flex: 0 0 100%; } 4485} 4486.newview-reviews-card { 4487 background: #fff; 4488 border-radius: 20px; 4489 box-shadow: 0 10px 24px -14px rgba(35, 77, 156, 0.25); 4490 padding: clamp(24px, 2vw, 32px); 4491 height: 100%; 4492 box-sizing: border-box; 4493 display: flex; 4494 flex-direction: column; 4495 gap: 18px; 4496} 4497.newview-reviews-card-top { 4498 display: flex; 4499 align-items: center; 4500 justify-content: space-between; 4501} 4502.newview-reviews-stars { 4503 display: flex; 4504 gap: 4px; 4505} 4506.newview-reviews-quote { 4507 flex-shrink: 0; 4508} 4509.newview-reviews-text { 4510 font-size: 15px; 4511 line-height: 1.6; 4512 color: #2a2a2a; 4513 margin: 0; 4514 flex-grow: 1; 4515} 4516.newview-reviews-name { 4517 font-weight: 600; 4518 color: #588CEB; 4519 margin: 0; 4520} 4521.newview-reviews-nav { 4522 position: absolute; 4523 left: 0; 4524 right: 0; 4525 bottom: 0; 4526 display: flex; 4527 align-items: center; 4528 justify-content: center; 4529 gap: 24px; 4530} 4531.newview-reviews-arrow { 4532 width: 44px; 4533 height: 44px; 4534 border-radius: 50%; 4535 border: 1px solid #234D9C; 4536 background: #fff; 4537 color: #234D9C; 4538 display: flex; 4539 align-items: center; 4540 justify-content: center; 4541 cursor: pointer; 4542 flex-shrink: 0; 4543 transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease; 4544} 4545.newview-reviews-arrow:hover { 4546 background: #234D9C; 4547 color: #fff; 4548 transform: scale(1.1); 4549} 4550.newview-reviews-arrow svg { 4551 width: 16px; 4552 height: 16px; 4553 pointer-events: none; 4554} 4555.newview-reviews-next svg { 4556 transform: rotate(180deg); 4557} 4558</style> 4559 4560<section class="newview-reviews-section"> 4561 <div class="newview-reviews-container"> 4562 <h2 class="newview-reviews-heading">What our Patients Says</h2> 4563 4564 <div class="newview-reviews-wrapper" id="newview-reviews-13306-5185"> 4565 <div class="newview-reviews-viewport"> 4566 <div class="newview-reviews-track"> 4567 4568 <div class="newview-reviews-slide"> 4569 <article class="newview-reviews-card"> 4570 <div class="newview-reviews-card-top"> 4571 <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>
4571<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> 4572 <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"> 4573 <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"/> 4574 </svg> 4575 </div> 4576 <p class="newview-reviews-text">I went here for PRK surgery with Dr. Griffiths amazing care as her associates! When I had an issue, they saw me same day at last minute. Highly recommend them for all your eye care needs.</p> 4577 <p class="newview-reviews-name">Taylor Carney</p> 4578 </article> 4579 </div> 4580 <div class="newview-reviews-slide"> 4581 <article class="newview-reviews-card"> 4582 <div class="newview-reviews-card-top"> 4583 <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> 4584 <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"> 4585 <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"/> 4586 </svg> 4587 </div> 4588 <p class="newview-reviews-text">After years with other ophthalmologists, I found Dr. Griffiths, dedicated, professional, and thorough. Her in-depth tests and consultations ensure my vision stays healthy, which is very important to me.</p> 4589 <p class="newview-reviews-name">Denise kelly</p> 4590 </article> 4591 </div>
4592 <div class="newview-reviews-slide"> 4593 <article class="newview-reviews-card"> 4594 <div class="newview-reviews-card-top"> 4595 <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> 4596 <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"> 4597 <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"/> 4598 </svg> 4599 </div> 4600 <p class="newview-reviews-text">Highly recommended! I had cataract surgery with Dr. Griffiths 2 years ago and am extremely happy with my eyes. The team is professional and courteous. Follow-ups have been excellent.</p> 4601 <p class="newview-reviews-name">Lee V.</p> 4602 </article> 4603 </div> 4604 <div class="newview-reviews-slide"> 4605 <article class="newview-reviews-card"> 4606 <div class="newview-reviews-card-top"> 4607 <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>
4607<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> 4608 <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"> 4609 <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"/> 4610 </svg> 4611 </div> 4612 <p class="newview-reviews-text"> Dr Callahan is a true professional who takes the time to explain the results and answer questions. Highly recommend her for your eye needs!</p> 4613 <p class="newview-reviews-name">Chip Brooks</p> 4614 </article> 4615 </div> 4616 <div class="newview-reviews-slide"> 4617 <article class="newview-reviews-card"> 4618 <div class="newview-reviews-card-top"> 4619 <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>
4619<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> 4620 <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"> 4621 <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"/> 4622 </svg> 4623 </div> 4624 <p class="newview-reviews-text">Her bedside manner is warm and reassuring, and she takes the time to explain everything clearly. I cannot recommend her highly enough, sheâs truly top-notch.</p> 4625 <p class="newview-reviews-name">Borg U</p> 4626 </article> 4627 </div> 4628 <div class="newview-reviews-slide"> 4629 <article class="newview-reviews-card"> 4630 <div class="newview-reviews-card-top"> 4631 <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> 4632 <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"> 4633 <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"/> 4634 </svg> 4635 </div> 4636 <p class="newview-reviews-text">Dr. Griffiths and her staff are the best in the business. Their care and professionalism are outstanding. If youâre looking for excellent eye care, look no further!</p> 4637 <p class="newview-reviews-name">Nicole Baker Fulgham</p> 4638 </article> 4639 </div> </div> 4640 </div> 4641 4642 <div class="newview-reviews-nav"> 4643 <button class="newview-reviews-arrow newview-reviews-prev" t
4643ype="button" aria-label="Previous reviews"> 4644 <svg viewBox="0 0 23 42" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 4645 <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"/> 4646 </svg> 4647 </button> 4648 4649 <button class="newview-reviews-arrow newview-reviews-next" type="button" aria-label="Next reviews"> 4650 <svg viewBox="0 0 23 42" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 4651 <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"/> 4652 </svg> 4653 </button> 4654 </div> 4655 </div> 4656 </div> 4657</section> 4658
4659<script> 4660(function () { 4661 var root = document.getElementById('newview-reviews-13306-5185'); 4662 if (!root) return; 4663 4664 var track = root.querySelector('.newview-reviews-track'); 4665 var slides = Array.prototype.slice.call(root.querySelectorAll('.newview-reviews-slide')); 4666 var prevBtn = root.querySelector('.newview-reviews-prev'); 4667 var nextBtn = root.querySelector('.newview-reviews-next'); 4668 4669 var currentIndex = 0; 4670 var perView = 3; 4671 4672 function getPerView() { 4673 var w = window.innerWidth; 4674 if (w <= 575.98) return 1; 4675 if (w <= 991.98) return 2; 4676 return 3; 4677 } 4678 4679 function clampIndex() { 4680 var maxIndex = Math.max(0, slides.length - perView); 4681 if (currentIndex > maxIndex) currentIndex = maxIndex; 4682 if (currentIndex < 0) currentIndex = 0; 4683 } 4684 4685 function render() { 4686 if (!slides.length) return; 4687 var slideWidth = slides[0].getBoundingClientRect().width; 4688 track.style.transform = 'translateX(-' + (currentIndex * slideWidth) + 'px)'; 4689 } 4690 4691 function next() { 4692 currentIndex += perView; 4693 clampIndex(); 4694 render(); 4695 } 4696 4697 function prev() { 4698 currentIndex -= perView; 4699 clampIndex(); 4700 render(); 4701 } 4702 4703 function handleResize() { 4704 var newPerView = getPerView(); 4705 if (newPerView !== perView) { 4706 perView = newPerView; 4707 currentIndex = 0; 4708 } 4709 clampIndex(); 4710 render(); 4711 } 4712 4713 prevBtn.addEventListener('click', prev); 4714 nextBtn.addEventListener('click', next); 4715 window.addEventListener('resize', handleResize); 4716 4717 perView = getPerView(); 4718 clampIndex(); 4719 render(); 4720})(); 4721</script>
4721 4722 4723 4724<!-- ============================================================ 4725 SECTION 7: OUR CLINIC LOCATIONS 4726 Live partial (lc_partial #12977) - dynamic loop over the 4727 `location` CPT. Renders "Our Clinic Locations" cards. 4728 ============================================================ --> 4729 4730<style> 4731.newview-locations-section { 4732 position: relative; 4733 background-color: #ffffff; 4734 overflow: hidden; 4735 padding: clamp(56px, 6vw, 96px) 0; 4736 isolation: isolate; 4737} 4738 4739.newview-locations-section .newview-locations-heading { 4740 font-family: "Castoro", Georgia, serif; 4741 font-weight: 400; 4742 color: #2A2A2A; 4743 text-align: center; 4744 margin: 0 0 clamp(28px, 3vw, 48px); 4745 line-height: 1.05; 4746 font-size: clamp(34px, 6vw, 60px); 4747 letter-spacing: 0; 4748} 4749 4750.newview-loc-grid { 4751 display: flex; 4752 flex-wrap: wrap; 4753 justify-content: center; 4754 gap: clamp(24px, 3vw, 40px); 4755 max-width: 1060px; 4756 margin-inline: auto; 4757} 4758 4759.newview-loc-grid > .newview-loc-card { 4760 flex: 0 1 100%; 4761 max-width: 480px; 4762} 4763 4764@media (min-width: 992px) { 4765 .newview-loc-grid > .newview-loc-card { 4766 flex: 0 1 480px; 4767 } 4768} 4769@media (min-width: 768px) { 4770 /* tablet and up: two per row */ 4771 .newview-loc-grid > .newview-loc-card { 4772 flex: 1 1 calc(50% - clamp(24px, 3vw, 40px)); 4773 max-width: none; 4774 } 4775} 4776.newview-loc-card { 4777 display: flex; 4778 flex-direction: column; 4779 background: #ffffff; 4780 border-radius: 16px; 4781 overflow: hidden; 4782 box-shadow: 0 4px 20px rgba(35, 77, 156, 0.08); 4783 border: 1px solid #EFF5FF; 4784 transition: box-shadow 0.3s ease, transform 0.3s ease; 4785} 4786 4787.newview-loc-card:hover, 4788.newview-loc-card:focus-within { 4789 box-shadow: 0 8px 28px rgba(35, 77, 156, 0.14); 4790 transform: translateY(-2px); 4791} 4792 4793.newview-loc-card-media { 4794 width: 100%; 4795 aspect-ratio: 4 / 3; 4796 background: #EFF5FF; 4797 overflow: hidden; 4798} 4799 4800.newview-loc-card-media img { 4801 width: 100%; 4802 height: 100%; 4803 object-fit: cover; 4804 display: block; 4805} 4806 4807.newview-loc-card-body { 4808 padding: clamp(20px, 2.4vw, 32px); 4809 display: flex; 4810 flex-direction: column; 4811 gap: clamp(14px, 1.4vw, 20px); 4812 flex: 1; 4813} 4814 4815.newview-loc-header { 4816 display: flex; 4817 justify-content: space-between; 4818 align-items: flex-start; 4819 gap: 12px; 4820 flex-wrap: wrap; 4821} 4822 4823.newview-loc-name { 4824 font-family: "Castoro", Georgia, serif; 4825 font-weight: 400; 4826 font-size: clamp(20px, 1.6vw, 24px); 4827 line-height: 1.3; 4828 color: #2D2D2D; 4829 margin: 0; 4830} 4831 4832.newview-loc-name-link { 4833 color: inherit; 4834 text-decoration: none; 4835 transition: color 0.2s ease; 4836} 4837 4838.newview-loc-name-link:hover, 4839.newview-loc-name-link:focus-visible { 4840 color: #234D9C; 4841 text-decoration: underline; 4842} 4843 4844.newview-loc-name-link:focus-visible { 4845 outline: 2px solid #588CEB; 4846 outline-offset: 3px; 4847 border-radius: 4px; 4848} 4849 4850.newview-review-badge { 4851 display: inline-flex; 4852 align-items: center; 4853 gap: 6px; 4854 flex-shrink: 0; 4855 font-family: "Outfit", system-ui, sans-serif; 4856 font-size: 14px; 4857 color: #3D3D3D; 4858 white-space: nowrap; 4859} 4860 4861.newview-review-badge .rating-num { 4862 font-weight: 600; 4863 color: #2A2A2A; 4864} 4865 4866.newview-review-badge .review-count { 4867 color: #6c757d; 4868} 4869 4870.newview-review-badge .newview-star-row { 4871 display: inline-flex; 4872 gap: 1px; 4873 align-items: center; 4874} 4875.newview-loc-name a{ 4876font-size: 25px; 4877} 4878.newview-info-list { 4879 display: flex; 4880 flex-direction: column; 4881 gap: 10px; 4882} 4883 4884.newview-info-row { 4885 display: flex; 4886 align-items: flex-start; 4887 gap: 12px; 4888 font-family: "Outfit", system-ui, sans-serif; 4889 font-size: clamp(15px, 1vw, 16px); 4890 line-height: 1.5; 4891 color: #2A2A2A; 4892} 4893 4894.newview-info-row .newview-icon { 4895 flex-shrink: 0; 4896 width: 20px; 4897 height: 20px; 4898 min-width: 20px; 4899 min-height: 20px; 4900 color: #234D9C; 4901 display: inline-flex; 4902 align-items: center; 4903 justify-content: center; 4904 margin-top: 2px; 4905} 4906 4907.newview-info-row .newview-icon svg { 4908 width: 100%; 4909 height: 100%; 4910 display: block; 4911} 4912 4913.newview-info-row p, 4914.newview-info-row a { 4915 margin: 0; 4916 color: inherit; 4917 text-decoration: none; 4918} 4919 4920.newview-info-row a:hover, 4921.newview-info-row a:focus-visible { 4922 color: #234D9C; 4923 text-decoration: underline; 4924} 4925 4926.newview-hours-accordion { 4927 border-top: 1px solid #588CEB; 4928 padding-top: 14px; 4929} 4930 4931.newview-hours-toggle { 4932 width: 100%; 4933 background: transparent; 4934 border: 0; 4935 padding: 0; 4936 margin: 0; 4937 cursor: pointer; 4938 text-align: left; 4939 display: flex; 4940 align-items: center; 4941 justify-content: space-between; 4942 gap: 16px; 4943 font-family: "Castoro", Georgia, serif; 4944 font-weight: 400; 4945 font-size: 18px; 4946 line-height: 1.4; 4947 color: #2A2A2A; 4948} 4949 4950.newview-hours-toggle:focus-visible { 4951 outline: 2px solid #588CEB; 4952 outline-offset: 4px; 4953 border-radius: 10px; 4954} 4955 4956.newview-hours-toggle .hours-label { 4957 flex: 1; 4958 color: #2A2A2A; 4959} 4960 4961.newview-hours-toggle .hours-chevron { 4962 flex-shrink: 0; 4963 width: 18px; 4964 height: 18px; 4965 min-width: 18px; 4966 min-height: 18px; 4967 display: inline-flex; 4968 align-items: center; 4969 justify-content: center; 4970 transition: transform 0.25s ease;
4971 color: #234D9C; 4972} 4973 4974.newview-hours-toggle .hours-chevron svg { 4975 width: 18px; 4976 height: 18px; 4977 display: block; 4978} 4979 4980.newview-hours-toggle[aria-expanded="true"] .hours-chevron { 4981 transform: rotate(180deg); 4982} 4983 4984.newview-hours-panel { 4985 margin-top: 0; 4986} 4987 4988.newview-hours-panel.show, 4989.newview-hours-panel.collapsing { 4990 margin-top: 12px; 4991} 4992 4993.newview-hours-block { 4994 background: #ffffff; 4995 font-family: "Outfit", system-ui, sans-serif; 4996 font-size: 15px; 4997 line-height: 1.55; 4998 color: #2A2A2A; 4999} 5000 5001.newview-hours-block ul { 5002 list-style: none; 5003 padding: 0; 5004 margin: 0; 5005 display: flex; 5006 flex-direction: column; 5007 gap: 4px; 5008} 5009 5010.newview-hours-block li { 5011 display: flex; 5012 justify-content: space-between; 5013 align-items: baseline; 5014 gap: 12px; 5015} 5016 5017.newview-hours-block p:last-child { 5018 margin-bottom: 0; 5019} 5020 5021.newview-hours-block strong, 5022.newview-hours-block b { 5023 font-weight: 400; 5024 color: #3D3D3D; 5025} 5026 5027.newview-loc-cta { 5028 margin-top: auto; 5029 padding-top: 4px; 5030} 5031 5032.newview-btn-directions { 5033 display: inline-flex; 5034 align-items: center; 5035 justify-content: center; 5036 gap: 8px; 5037 background-color: #588CEB; 5038 color: #ffffff; 5039 font-family: "Outfit", system-ui, sans-serif; 5040 font-weight: 600; 5041 font-size: 15px; 5042 padding: 12px 22px; 5043 border-radius: 20px; 5044 text-decoration: none; 5045 border: none; 5046 transition: background-color 0.25s ease, color 0.25s ease, transform 0.2s ease; 5047 min-height: 48px; 5048 line-height: 1; 5049 width: 100%; 5050} 5051 5052.newview-btn-directions:hover, 5053.newview-btn-directions:focus-visible { 5054 background-color: #234D9C; 5055 color: #ffffff; 5056 text-decoration: none; 5057 transform: translateY(-1px); 5058} 5059 5060.newview-btn-directions svg { 5061 width: 16px; 5062 height: 16px; 5063 flex-shrink: 0; 5064 display: block; 5065} 5066 5067@media (prefers-reduced-motion: reduce) { 5068 .newview-hours-panel, 5069 .newview-hours-toggle .hours-chevron, 5070 .newview-loc-card,
5071 .newview-btn-directions { 5072 transition: none; 5073 } 5074} 5075 5076@media (max-width: 767.98px) { 5077 .newview-locations-section { 5078 padding: 48px 0 56px; 5079 } 5080 5081 .newview-loc-header { 5082 flex-direction: column; 5083 align-items: flex-start; 5084 gap: 6px; 5085 } 5086 5087 .newview-loc-card-media { 5088 aspect-ratio: 16 / 10; 5089 } 5090 5091 .newview-hours-toggle { 5092 font-size: 17px; 5093 } 5094} 5095</style> 5096 5097 5098 <section class="newview-locations-section" id="newview-locations"> 5099 <div class="newview-container container"> 5100 <h2 class="newview-locations-heading">Our Clinic Locations</h2> 5101 5102 <div class="newview-loc-grid"> 5103 <article class="newview-loc-card" id="newview-loc-12811"> 5104 <div class="newview-loc-card-media"> 5105 <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" /> 5106 5107 </div> 5108 5109 <div class="newview-loc-card-body"> 5110 <div class="newview-loc-header"> 5111 <h3 class="newview-loc-name"> 5112 <a href="https://newviewlasereye.com/location/newview-eye-center-reston/" class="newview-loc-name-link"> 5113 NewView Eye Center Reston 5114 </a> 5115 </h3> 5116 </div> 5117 5118 <div class="newview-info-list"> 5119 <div class="newview-info-row"> 5120 <span class="newview-icon" aria-hidden="true"> 5121 <svg width="20" height="20" viewBox="0 0 14 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 5122 <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> 5123 </svg> 5124 </span> 5125 <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"> 5126 12110 Sunset Hills Rd 5127 Reston, Virginia 5128 20190 5129 </a> 5130 </div> 5131 5132 <div class="newview-info-row"> 5133 <span class="newview-icon" aria-hidden="true"> 5134 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 5135 <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> 5136 </svg> 5137 </span> 5138 <a href="tel:+1(703)-834-9777"> 5139 (703) 834-9777 5140 </a> 5141 </div> 5142 5143 <div class="newview-info-row"> 5144 <span class="newview-icon" aria-hidden="true"> 5145 <svg width="20" height="20" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"> 5146 <path d="M8.38672 19.5688V5.56885C8.38672 5.01885 8.58272 4.54818 8.97472 4.15685C9.366
514672 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> 5147 </svg> 5148 </span> 5149 <p>Fax: 703-834-8187 5150 </p> 5151 </div> 5152 </div> 5153 5154 <div class="newview-review-badge" aria-label="Google reviews rating"> 5155 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 5156 <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> 5157 <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> 5158 <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> 5159 <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> 5160 </svg> 5161 <span class="rating-num"> 5162 4.7 5163 </span> 5164 <span class="newview-star-row" aria-hidden="true"> 5165 <svg width="12" height="12" viewBox="0 0 24 24" fill="#FDB022"> 5166 <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> 5167 </svg> 5168 <svg width="12" height="12" viewBox="0 0 24 24" fill="#FDB022"> 5169 <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> 5170 </svg> 5171 <svg width="12" height="12" viewBox="0 0 24 24" fill="#FDB022"> 5172 <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> 5173 </svg> 5174 <svg width="12" height="12" viewBox="0 0 24 24" fill="#FDB022"> 5175 <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> 5176 </svg> 5177 <svg width="12" height="12" viewBox="0 0 24 24" fill="#FDB022"> 5178 <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> 5179 </svg> 5180 </span> 5181 <span class="review-count">( 5182 161) 5183 </span> 5184 </div> 5185 5186 <div class="newview-hours-accordion"> 5187 <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"> 5188 <span class="hours-label">Office Hours</span> 5189 <span class="hours-chevron" aria-hidden="true"> 5190 <svg width="18" height="18" viewBox="0 0 24 24" fill="none"> 5191 <path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path> 5192 </svg> 5193 </span> 5194 </button> 5195 5196 <div class="collapse newview-hours-panel" id="newview-hours-panel-12811"> 5197 <div class="newview-hours-block"> 5198 <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 5199 </div> 5200 </div> 5201 </div> 5202 5203 <div class="newview-loc-cta"> 5204 <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"> 5205 Get Directions 5206 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 5207 <polyline points="9 18 15 12 9 6"></polyline> 5208 </svg> 5209 </a> 5210 </div> 5211 </div> 5212 </article> 5213 <article class="newview-loc-card" id="newview-loc-12813"> 5214 <div class="newview-loc-card-media"> 5215 <img src="https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/04/NewView-Eye-Center-Leesburg.webp?strip=all&resize=64
52150%2C480" alt="NewView Eye Center - NewView Eye Center - Leesburg" width="800" height="600" loading="lazy" /> 5216 5217 </div> 5218 5219 <div class="newview-loc-card-body"> 5220 <div class="newview-loc-header"> 5221 <h3 class="newview-loc-name"> 5222 <a href="https://newviewlasereye.com/location/newview-eye-center-leesburg/" class="newview-loc-name-link"> 5223 NewView Eye Center Leesburg 5224 </a> 5225 </h3> 5226 </div> 5227 5228 <div class="newview-info-list"> 5229 <div class="newview-info-row"> 5230 <span class="newview-icon" aria-hidden="true"> 5231 <svg width="20" height="20" viewBox="0 0 14 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 5232 <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> 5233 </svg> 5234 </span> 5235 <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"> 5236 20 Davis Ave SW 5237 Leesburg, Virginia 5238 20175 5239 </a> 5240 </div> 5241 5242 <div class="newview-info-row"> 5243 <span class="newview-icon" aria-hidden="true"> 5244 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 5245 <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> 5246 </svg> 5247 </span> 5248 <a href="tel:+1(703)-777-1244"> 5249 (703) 777-1244 5250 </a> 5251 </div> 5252 5253 <div class="newview-info-row"> 5254 <span class="newview-icon" aria-hidden="true"> 5255 <svg width="20" height="20" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"> 5256 <path d="M8.38672 19.5688V5.56885C8.38672 5.01885 8.58272 4.54818 8.97472 4.15685C9.366
525672 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> 5257 </svg> 5258 </span> 5259 <p>Fax: 703-834-8187 5260 </p> 5261 </div> 5262 </div> 5263 5264 <div class="newview-review-badge" aria-label="Google reviews rating"> 5265 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 5266 <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> 5267 <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> 5268 <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> 5269 <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> 5270 </svg> 5271 <span class="rating-num"> 5272 4.1 5273 </span> 5274 <span class="newview-star-row" aria-hidden="true"> 5275 <svg width="12" height="12" viewBox="0 0 24 24" fill="#FDB022"> 5276 <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> 5277 </svg> 5278 <svg width="12" height="12" viewBox="0 0 24 24" fill="#FDB022"> 5279 <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> 5280 </svg> 5281 <svg width="12" height="12" viewBox="0 0 24 24" fill="#FDB022"> 5282 <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> 5283 </svg> 5284 <svg width="12" height="12" viewBox="0 0 24 24" fill="#FDB022"> 5285 <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> 5286 </svg> 5287 <svg width="12" height="12" viewBox="0 0 24 24" fill="#FDB022"> 5288 <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> 5289 </svg> 5290 </span> 5291 <span class="review-count">( 5292 22) 5293 </span> 5294 </div> 5295 5296 <div class="newview-hours-accordion"> 5297 <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"> 5298 <span class="hours-label">Office Hours</span> 5299 <span class="hours-chevron" aria-hidden="true"> 5300 <svg width="18" height="18" viewBox="0 0 24 24" fill="none"> 5301 <path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path> 5302 </svg> 5303 </span> 5304 </button> 5305 5306 <div class="collapse newview-hours-panel" id="newview-hours-panel-12813"> 5307 <div class="newview-hours-block"> 5308 <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 5309 </div> 5310 </div> 5311 </div> 5312 5313 <div class="newview-loc-cta"> 5314 <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"> 5315 Get Directions 5316 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 5317 <polyline points="9 18 15 12 9 6"></polyline> 5318 </svg> 5319 </a> 5320 </div> 5321 </div> 5322 </article> 5323 5324 </div> 5325 </div> 5326 </section> 5327 5328 5329 5330<!-- ============================================================ 5331 SECTION 8: EXPLORE MORE 5332 ============================================================ --> 5333 <style> 5334 /* Explore More â centered serif heading + intro, then a count-adaptive 5335 grid of bordered link cards (serif label + blue chevron). White field 5336 with faint blue blobs at the edges. */ 5337 .newview-explore-more { 5338 position: relative; 5339 isolation: isolate; 5340 overflow: hidden; 5341 background: var(--newview-white, #FFFFFF); 5342 padding: clamp(48px, 6vw, 96px) 0;
5343 font-family: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif; 5344 color: var(--newview-text, #2A2A2A); 5345 } 5346 .newview-explore-more__blob { 5347 position: absolute; 5348 z-index: 0; 5349 width: clamp(150px, 17vw, 245px); 5350 height: clamp(60px, 6.5vw, 93px); 5351 border-radius: 50%; 5352 background: radial-gradient(ellipse at center, rgba(88, 140, 235, 0.14), rgba(88, 140, 235, 0) 72%); 5353 pointer-events: none; 5354 } 5355 .newview-explore-more__blob--left { left: -7%; top: 30%; } 5356 .newview-explore-more__blob--right { right: -7%; bottom: 12%; } 5357 .newview-explore-more__inner { 5358 position: relative; 5359 z-index: 1; 5360 } 5361 .newview-explore-more__heading { 5362 font-family: "Castoro", Georgia, "Times New Roman", serif; 5363 font-weight: 400; 5364 font-size: clamp(34px, 5vw, 70px); 5365 line-height: 1.05; 5366 text-align: center; 5367 margin: 0 0 clamp(12px, 1.4vw, 18px); 5368 color: var(--newview-text, #2A2A2A); 5369 } 5370 .newview-explore-more__intro { 5371 font-family: "Outfit", system-ui, sans-serif; 5372 font-weight: 300; 5373 font-size: clamp(14px, 1vw, 15px); 5374 line-height: 1.55; 5375 text-align: center; 5376 max-width: 60ch; 5377 margin: 0 auto clamp(32px, 4vw, 52px); 5378 color: var(--newview-text-body, #2A2A2A); 5379 } 5380 .newview-explore-more__grid { 5381 display: grid; 5382 grid-template-columns: 1fr; 5383 gap: clamp(16px, 1.8vw, 24px); 5384 } 5385 @media (min-width: 576px) { 5386 .newview-explore-more__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } 5387 } 5388 @media (min-width: 992px) { 5389 .newview-explore-more__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } 5390 } 5391 .newview-explore-more__card { 5392 display: flex; 5393 align-items: center; 5394 justify-content: space-between; 5395 gap: 16px; 5396 background: var(--newview-white, #FFFFFF); 5397 border: 1px solid rgba(35, 77, 156, 0.14); 5398 border-radius: 10px; 5399 padding: clamp(20px, 2vw, 28px) clamp(22px, 2.2vw, 30px); 5400 text-decoration: none; 5401 box-shadow: 0 6px 18px rgba(35, 77, 156, 0.06); 5402 transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; 5403 } 5404 .newview-explore-more__card:hover, 5405 .newview-explore-more__card:focus-visible { 5406 border-color: var(--newview-blue, #588CEB); 5407 box-shadow: 0 10px 26px rgba(35, 77, 156, 0.12); 5408 transform: translateY(-2px); 5409 text-decoration: none; 5410 } 5411 .newview-explore-more__label { 5412 font-family: "Castoro", Georgia, "Times New Roman", serif; 5413 font-weight: 400; 5414 font-size: clamp(16px, 1.2vw, 18px); 5415 line-height: 1.3; 5416 color: var(--newview-text, #2A2A2A); 5417 } 5418 .newview-explore-more__chevron { 5419 flex-shrink: 0; 5420 width: 18px; 5421 height: 18px; 5422 color: var(--newview-blue, #588CEB); 5423 display: inline-flex; 5424 align-items: center; 5425 justify-content: center; 5426 } 5427 .newview-explore-more__chevron svg { width: 100%; height: 100%; display: block; } 5428 </style> 5429 <section class="newview-explore-more" id="newview-explore-more" aria-labelledby="newview-explore-more-heading"> 5430 <span class="newview-explore-more__blob newview-explore-more__blob--left" aria-hidden="true"></span> 5431 <span class="newview-explore-more__blob newview-explore-more__blob--right" aria-hidden="true"></span> 5432 <div class="newview-container container"> 5433 <div class="newview-explore-more__inner"> 5434 <h2 class="newview-explore-more__heading" id="newview-explore-more-heading">Explore More</h2> 5435 <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> 5436 5437 <div class="newview-explore-more__grid"> 5438 <a class="newview-explore-more__card" href="https://newviewlasereye.com/article/diabetic-eye-disease-and-the-african-american-community/"> 5439 <span class="newview-explore-more__label">Diabetic Eye Disease and the African American Community</span> 5440 <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> 5441 </a> 5442 <a class="newview-explore-more__card" href="https://newviewlasereye.com/article/diabetes-and-your-eyesight-what-to-expect-and-how-to-protect-your-vision/"> 5443 <span class="newview-explore-more__label">Diabetes and Your Eyesight: What to Expect and How to Protect Your Vision</span> 5444 <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> 5445 </a> 5446 <a class="newview-explore-more__card" href="https://newviewlasereye.com/article/diabetic-eye-disease-and-workplace-accommodations/"> 5447 <span class="newview-explore-more__label">Diabetic Eye Disease and Workplace Accommodations</span> 5448 <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> 5449 </a> 5450 <a class="newview-explore-more__card" href="https://newviewlasereye.com/article/diabetic-eye-disease-and-depression-what-every-patient-should-know/"> 5451 <span class="newview-explore-more__label">Diabetic Eye Disease and Depression: What Every Patient Should Know</span> 5452 <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> 5453 </a> 5454 <a class="newview-explore-more__card" href="https://newviewlasereye.com/article/diabetic-eye-care-what-you-need-to-know/"> 5455 <span class="newview-explore-more__label">Diabetic Eye Care: What You Need to Know</span> 5456 <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> 5457 </a> 5458 <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/"> 5459 <span class="newview-explore-more__label">Your First Two Weeks in Contact Lenses: How to Build Up Wear Time Safely</span> 5460 <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> 5461 </a> 5462 </div> 5463 </div> 5464 </div> 5465 </section> 5466 5467 5468<!-- ============================================================ 5469 SECTION 9: SCHEDULE CTA 5470 ============================================================ --> 5471 5472<style> 5473 5474 5475.newview-schedule { 5476 position: relative; 5477 isolation: isolate; 5478 background-color: #ffffff; 5479 padding: clamp(56px, 6vw + 24px, 104px) 0; 5480 color: var(--newview-body, #2D2D2D);
5481 font-family: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; 5482 z-index: 99 5483} 5484 5485.newview-schedule__decoration { 5486 position: absolute; 5487 inset: 0; 5488 z-index: 0; 5489 pointer-events: none; 5490 overflow: hidden; 5491} 5492.newview-schedule__decoration::before, 5493.newview-schedule__decoration::after { 5494 content: ""; 5495 position: absolute; 5496 border-radius: 50%; 5497} 5498/* soft blue glow, right-center (matches Figma) */ 5499.newview-schedule__decoration::before { 5500 width: clamp(320px, 40vw, 620px); 5501 height: clamp(320px, 40vw, 620px); 5502 top: 50%; 5503 right: -8%; 5504 transform: translateY(-50%); 5505 background: radial-gradient(circle at center, rgba(88, 140, 235, 0.16), rgba(88, 140, 235, 0) 70%); 5506} 5507/* faint blue glow, top-left */ 5508.newview-schedule__decoration::after { 5509 width: clamp(240px, 30vw, 420px); 5510 height: clamp(240px, 30vw, 420px); 5511 top: -18%; 5512 left: -8%; 5513 background: radial-gradient(circle at center, rgba(88, 140, 235, 0.10), rgba(88, 140, 235, 0) 70%); 5514} 5515 5516.newview-schedule__inner { 5517 position: relative; 5518 z-index: 1; 5519 display: flex; 5520 flex-direction: column; 5521 align-items: center; 5522 text-align: center; 5523 gap: clamp(28px, 3vw, 46px); 5524} 5525 5526.newview-schedule__heading { 5527 font-family: "Castoro", Georgia, "Times New Roman", serif; 5528 font-weight: 400; 5529 font-style: normal; 5530 font-size: clamp(34px, 6vw, 60px); 5531 line-height: 1.05; /* 73/70 */ 5532 letter-spacing: 0; 5533 margin: 0; 5534 color: var(--newview-body, #2D2D2D); 5535 max-width: 16ch; 5536} 5537 5538.newview-schedule__cta-group { 5539 display: flex; 5540 flex-wrap: wrap; 5541 justify-content: center; 5542 align-items: center; 5543 gap: 12px; 5544} 5545 5546/* Outline "Book an Appointment" button */ 5547.newview-schedule__btn { 5548 display: inline-flex; 5549 align-items: center; 5550 justify-content: center; 5551 gap: 12px; 5552 width: 310px; 5553 height: 68px; 5554 max-width: 100%; 5555 padding: 0 5px; 5556 border-radius: 20px; 5557 border: 1px solid transparent; 5558 font-family: "Outfit", system-ui, sans-serif; 5559 font-weight: 600; 5560 font-size: 18px; 5561 line-height: 1.2; 5562 letter-spacing: 0; 5563 text-decoration: none; 5564 text-align: center; 5565 transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; 5566 cursor: pointer; 5567} 5568.newview-schedule__btn--outline { 5569 background-color: #ffffff; 5570 color: var(--newview-body, #2D2D2D); 5571 border-color: var(--bs-primary, #588CEB); 5572} 5573.newview-schedule__btn--outline:hover, 5574.newview-schedule__btn--outline:focus-visible { 5575 background-color: var(--bs-primary, #588CEB); 5576 color: #ffffff; 5577 border-color: var(--bs-primary, #588CEB); 5578 transform: translateY(-1px); 5579 box-shadow: 0 8px 20px rgba(88, 140, 235, 0.18); 5580} 5581.newview-schedule__btn--outline:focus-visible { 5582 outline: 2px solid var(--bs-primary, #588CEB); 5583 outline-offset: 3px; 5584} 5585 5586 5587.newview-schedule .newview-schedule-phone, 5588.newview-schedule .newview-schedule-phone .newview-phone__dropdown { 5589 display: inline-block; 5590} 5591.newview-schedule .newview-schedule-phone .newview-phone__btn { 5592 width: 310px; 5593 max-width: 100%; 5594 height: 68px; 5595 padding: 0 5px; 5596} 5597 5598@media (max-width: 575.98px) { 5599 .newview-schedule__cta-group { 5600 flex-direction: column; 5601 align-items: stretch; 5602 width: 100%; 5603 max-width: 340px; 5604 } 5605 .newview-schedule__btn { 5606 width: 100%; 5607 } 5608 .newview-schedule .newview-schedule-phone, 5609 .newview-schedule .newview-schedule-phone .newview-phone__dropdown, 5610 .newview-schedule .newview-schedule-phone .newview-phone__btn { 5611 width: 100%; 5612 } 5613} 5614</style> 5615 5616<section class="newview-schedule" id="newview-schedule" aria-labelledby="newview-schedule-heading"> 5617 5618 <!-- Decorative soft blue glows behind content, z-index: 0 --> 5619 <div class="newview-schedule__decoration" aria-hidden="true"></div> 5620 5621 <div class="newview-container"> 5622 <div class="newview-schedule__inner"> 5623 5624 <h2 id="newview-schedule-heading" class="newview-schedule__heading text-capitalize"> 5625 Schedule your appointment today 5626 </h2> 5627 5628 <div class="newview-schedule__cta-group"> 5629 5630 <!-- Dynamic phone CTA: reads phone numbers from the location CPT 5631 (dropdown when the practice has multiple locations). --> 5632 <style> 5633 .newview-phone { display: inline-block;
5633 font-family: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; } 5634 5635 /* ââ Call button (single + multi trigger share this base) ââ */ 5636 .newview-phone .newview-phone__btn { 5637 position: relative; 5638 display: inline-flex; 5639 align-items: center; 5640 justify-content: center; 5641 gap: 10px; 5642 padding: 14px 26px; 5643 border-radius: 20px; 5644 border: 1px solid #588CEB; 5645 background-color: #588CEB; 5646 color: #ffffff; 5647 font-size: 18px; 5648 font-weight: 600; 5649 line-height: 1.2; 5650 letter-spacing: 0.01em; 5651 text-decoration: none; 5652 cursor: pointer; 5653 transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; 5654 } 5655 .newview-phone .newview-phone__btn:hover, 5656 .newview-phone .newview-phone__btn:focus-visible { 5657 background-color: #234D9C; 5658 border-color: #234D9C; 5659 color: #ffffff; 5660 transform: translateY(-1px); 5661 box-shadow: 0 8px 20px rgba(35, 77, 156, 0.20); 5662 outline: none; 5663 } 5664 .newview-phone .newview-phone__btn:focus-visible { 5665 outline: 2px solid #234D9C; 5666 outline-offset: 3px; 5667 } 5668 .newview-phone .newview-phone__icon { flex-shrink: 0; } 5669 .newview-phone .newview-phone__chevron { 5670 flex-shrink: 0; 5671 transition: transform 0.3s ease; 5672 } 5673 /* Bootstrap toggles .show on the .dropdown when open */ 5674 .newview-phone .dropdown.show .newview-phone__chevron { transform: rotate(90deg); } 5675 5676 /* Bootstrap's dropdown-toggle adds a caret ::after â hide it (we use our own chevron) */ 5677 .newview-phone .newview-phone__btn.dropdown-toggle::after { display: none; } 5678 5679 /* ââ Dropdown menu â VISUAL SKIN ONLY. Popper owns position/transform via 5680 inline styles (incl. the auto-flip up on the floating bar), so no 5681 top/left/transform here or it would fight Popper. ââ */ 5682 .newview-phone .dropdown-menu.newview-phone__menu { 5683 min-width: 18rem; 5684 margin: 0; 5685 padding: 10px; 5686 list-style: none; 5687 background: #ffffff; 5688 border: 1px solid #DAE7FF; 5689 border-radius: 16px; 5690 box-shadow: 0 18px 48px rgba(35, 77, 156, 0.18), 0 4px 12px rgba(0, 0, 0, 0.06); 5691 z-index: 1000; 5692 } 5693 /* Entrance animation on Bootstrap's .show (transform-free so Popper's 5694 positioning transform is never overwritten). */ 5695 .newview-phone .dropdown-menu.newview-phone__menu.show { 5696 animation: newviewPhoneDropIn 0.2s ease forwards; 5697 } 5698 @keyframes newviewPhoneDropIn { 5699 from { opacity: 0; } 5700 to { opacity: 1; } 5701 } 5702 5703 /* ââ Location items ââ */ 5704 .newview-phone .newview-phone__item { 5705 display: flex; 5706 align-items: center; 5707 justify-content: space-between; 5708 gap: 12px; 5709 padding: 11px 14px; 5710 border-radius: 12px; 5711 color: #234D9C; 5712 text-decoration: none; 5713 background: transparent; 5714 border: 1.5px solid transparent; 5715 transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease; 5716 } 5717 .newview-phone .newview-phone__item:hover, 5718 .newview-phone .newview-phone__item:focus-visible { 5719 background: #588CEB; 5720 color: #ffffff; 5721 transform: translateX(3px); 5722 outline: none; 5723 } 5724 .newview-phone .newview-phone__item:hover .newview-phone__item-icon, 5725 .newview-phone .newview-phone__item:focus-visible .newview-phone__item-icon { 5726 color: rgba(255, 255, 255, 0.85); 5727 } 5728 .newview-phone .newview-phone__item-text { 5729 display: flex; 5730 flex-direction: column; 5731 gap: 2px; 5732 flex: 1; 5733 text-align: left; 5734 } 5735 .newview-phone .newview-phone__item-city { 5736 font-size: 0.75rem; 5737 font-weight: 500; 5738 text-transform: uppercase; 5739 letter-spacing: 0.06em; 5740 opacity: 0.7; 5741 line-height: 1; 5742 } 5743 .newview-phone .newview-phone__item-phone { 5744 font-size: 1rem; 5745 font-weight: 700; 5746 letter-spacing: 0.02em; 5747 line-height: 1.2; 5748 } 5749 .newview-phone .newview-phone__item-icon { 5750 color: #588CEB; 5751 opacity: 0.55; 5752 flex-shrink: 0; 5753 transition: color 0.18s ease, opacity 0.18s ease; 5754 } 5755 .newview-phone .newview-phone__item + .newview-phone__item { 5756 border-top: 1px solid rgba(35, 77, 156, 0.08); 5757 margin-top: 6px; 5758 padding-top: 14px; 5759 } 5760 5761 @media (max-width: 575.98px) { 5762 .newview-phone, 5763 .newview-phone .dropdown, 5764 .newview-phone .newview-phone__btn { width: 100%; } 5765 .newview-phone .dropdown-menu.newview-phone__menu { min-width: 100%; width: 100%; } 5766 } 5767 </style> 5768 <div class="newview-phone newview-schedule-phone"> 5769 <div class="dropdown newview-phone__dropdown"> 5770 <button type="button" 5771 class="newview-phone__btn newview-phone__btn--toggle nw_btn dropdown-toggle" 5772 data-bs-toggle="dropdown"
5773 data-bs-auto-close="true" 5774 aria-expanded="false"> 5775 <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> 5776 <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> 5777 5778 <ul class="dropdown-menu newview-phone__menu" role="menu"> 5779 <li role="none"> 5780 <a class="newview-phone__item" 5781 href="tel:+17037771244" 5782 role="menuitem"> 5783 <span class="newview-phone__item-text"> 5784 <span class="newview-phone__item-city">Leesburg</span> 5785 <span class="newview-phone__item-phone">(703) 777-1244</span> 5786 </span> 5787 <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> 5788 </li> 5789 <li role="none"> 5790 <a class="newview-phone__item" 5791 href="tel:+17038349777" 5792 role="menuitem"> 5793 <span class="newview-phone__item-text"> 5794 <span class="newview-phone__item-city">Reston</span> 5795 <span class="newview-phone__item-phone">(703) 834-9777</span> 5796 </span> 5797 <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> 5798 </li> 5799 </ul> 5800 </div> 5801 </div> 5802 5803 5804 <!-- TODO: confirm booking URL with practice (placeholder: /book-appointment/). --> 5805 <a class="newview-schedule__btn newview-schedule__btn--outline nw_btn" href="/schedule-appointment/" aria-label="Book an appointment online"> 5806 <span>Book an Appointment</span> 5807 </a> 5808 </div> 5809 5810 </div> 5811 </div> 5812</section> 5813 5814</main> 5815 5816 5817 5818<footer id='lc-footer'><style>
5819 /* ââ Footer theme (matches Figma 3274:1316): white card on periwinkle band ââ */ 5820 .newview-footer { 5821 --nv-foot-band: #A4C3FC; /* periwinkle page band */ 5822 --nv-foot-card: #FFFFFF; /* white container card */ 5823 --nv-foot-text: #2D2D2D; /* body/heading text */ 5824 --nv-foot-accent: #234D9C; /* dark blue: icons, borders, links */ 5825 --nv-foot-tile: rgba(255, 255, 255, 0.6); /* pills + location cards */ 5826 background: var(--nv-foot-band); 5827 color: var(--nv-foot-text); 5828 font-family: 'Outfit', system-ui, -apple-system, sans-serif; 5829 } 5830 5831 .newview-footer-card { 5832 background: var(--nv-foot-card); 5833 border-radius: 20px; 5834 } 5835 5836 .newview-footer-serif { 5837 font-family: 'Castoro', Georgia, serif; 5838 } 5839 5840 /* ââ Logo wordmark placeholder ââ */ 5841 .newview-footer-logo { 5842 color: var(--nv-foot-accent); 5843 font-family: 'Castoro', Georgia, serif; 5844 font-size: clamp(24px, 2vw + 8px, 30px); 5845 letter-spacing: 0.5px; 5846 line-height: 1.1; 5847 } 5848 5849 /* ââ Logo ââ */ 5850 .newview-footer-logo-img { 5851 width: 260px; /* actual display size â nudge to taste */ 5852 max-width: 100%; /* stays responsive on small screens */ 5853 height: auto; 5854 } 5855 5856 /* ââ Social icons ââ */ 5857 .newview-footer-social { 5858 display: inline-flex; 5859 align-items: center; 5860 justify-content: center; 5861 width: 32px; 5862 height: 32px; 5863 text-decoration: none; 5864 } 5865 .newview-footer-social svg { 5866 width: 100%; 5867 height: 100%; 5868 display: block; 5869 transition: transform 0.2s ease; 5870 } 5871 .newview-footer-social:hover svg, 5872 .newview-footer-social:focus-visible svg { 5873 transform: scale(1.08); 5874 } 5875 5876 /* ââ Doctor pills ââ */ 5877 .newview-footer-doctor-card { 5878 background-color: var(--nv-foot-tile); 5879 border: 1px solid var(--nv-foot-accent); 5880 color: var(--nv-foot-text); 5881 border-radius: 10px; 5882 font-family: 'Castoro', Georgia, serif; 5883 font-size: 15px; 5884 line-height: 1.2; 5885 text-decoration: none; 5886 transition: background-color 0.2s ease, color 0.2s ease; 5887 } 5888 .newview-footer-doctor-card:hover, 5889 .newview-footer-doctor-card:focus-visible { 5890 background-color: var(--nv-foot-accent); 5891 color: #ffffff; 5892 text-decoration: none; 5893 } 5894 5895 /* ââ Menu links ââ */ 5896 .newview-footer-menu { 5897 column-gap: 30px; 5898 row-gap: 10px; 5899 } 5900 .newview-footer-menu a { 5901 font-family: 'Castoro', Georgia, serif; 5902 font-size: 15px; 5903 color: var(--nv-foot-text); 5904 text-decoration: none; 5905 line-height: 1.3; 5906 white-space: nowrap; 5907 } 5908 .newview-footer-menu a:hover, 5909 .newview-footer-menu a:focus-visible { 5910 color: var(--nv-foot-accent); 5911 text-decoration: underline; 5912 text-decoration-color: var(--nv-foot-accent); 5913 } 5914 5915 /* ââ Location cards ââ */ 5916 .newview-footer-loc-tile { 5917 background-color: var(--nv-foot-tile); 5918 border: 1px solid var(--nv-foot-accent); 5919 border-radius: 20px; 5920 } 5921 .newview-footer-loc-title a { 5922 font-family: 'Castoro', Georgia, serif; 5923 font-size: clamp(20px, 1.2vw + 12px, 25px); 5924 color: var(--nv-foot-text); 5925 text-decoration: none; 5926 } 5927 .newview-footer-loc-title a:hover, 5928 .newview-footer-loc-title a:focus-visible { 5929 color: var(--nv-foot-accent); 5930 } 5931 .newview-footer-contact-line, 5932 .newview-footer-fax-line { 5933 font-size: 15px; 5934 line-height: 1.4; 5935 color: var(--nv-foot-text); 5936 } 5937 .newview-footer-contact-line a, 5938 .newview-footer-fax-line span { 5939 color: var(--nv-foot-text); 5940 } 5941 .newview-footer-contact-line a:hover, 5942 .newview-footer-contact-line a:focus-visible { 5943 color: var(--nv-foot-accent); 5944 text-decoration: underline; 5945 } 5946 .newview-footer-contact-line i, 5947 .newview-footer-fax-line i { 5948 color: var(--nv-foot-accent); 5949 font-size: 15px; 5950 width: 18px;
5951 flex-shrink: 0; 5952 } 5953 5954 /* ââ Bottom bar ââ */ 5955 .newview-footer-bottom { 5956 border-top: 1px solid rgba(35, 77, 156, 0.18); 5957 } 5958 .newview-footer-copy { 5959 font-size: 13.5px; 5960 color: var(--nv-foot-text); 5961 } 5962 .newview-footer-legal a { 5963 font-size: 13.5px; 5964 color: var(--nv-foot-text); 5965 text-decoration: none; 5966 } 5967 .newview-footer-legal a:hover, 5968 .newview-footer-legal a:focus-visible { 5969 color: var(--nv-foot-accent); 5970 text-decoration: underline; 5971 } 5972 5973</style> 5974 5975 5976 <footer class="newview-footer py-4 py-lg-5 px-2 position-relative" role="contentinfo"> 5977 <div class="container"> 5978 <div class="newview-footer-card p-4 p-lg-5"> 5979 5980 <!-- âââ TOP: Logo + Social (left) / Doctor pills + Menu (right) âââ --> 5981 <div class="row gy-5 gx-4 align-items-start"> 5982 5983 <!-- Logo & Social --> 5984 <div class="col-12 col-lg-4 d-flex flex-column gap-4 align-items-center align-items-lg-start"> 5985 <a href="https://newviewlasereye.com/" class="text-decoration-none text-center text-lg-start" aria-label="NewView Eye Center â go to homepage"> 5986 <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" /> 5987 </a> 5988 5989 <div class="d-flex flex-wrap gap-3 justify-content-center justify-content-lg-start"> 5990 <!-- Facebook --> 5991 <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)"> 5992 <svg viewBox="25.32 0 32.16 32.16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 5993 <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> 5994 </svg> 5995 </a> 5996 <!-- Instagram --> 5997 <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)"> 5998 <svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 5999 <circle cx="16" cy="16" r="16" fill="#234D9C"></circle> 6000 <g transform="translate(7,7) scale(0.75)"> 6001 <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
60017-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> 6002 </g> 6003 </svg> 6004 </a> 6005 <!-- X (Twitter) --> 6006 <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)"> 6007 <svg viewBox="137.75 0.64 30.88 30.88" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 6008 <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> 6009 </svg> 6010 </a> 6011 <!-- YouTube --> 6012 <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)"> 6013 <svg viewBox="192.68 0.64 30.88 30.88" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 6014 <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> 6015 </svg> 6016 </a> 6017 <!-- Google --> 6018 <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)"> 6019 <svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 6020 <circle cx="16" cy="16" r="16" fill="#234D9C"></circle> 6021 <g transform="translate(7,7) scale(0.75)"> 6022 <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> 6023 </g> 6024 </svg> 6025 </a> 6026 <!-- Yelp --> 6027 <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)"> 6028 <svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 6029 <circle cx="16" cy="16" r="16" fill="#234D9C"></circle> 6030 <g transform="translate(7,7) scale(0.75)"> 6031 <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
603163c-.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> 6032 </g> 6033 </svg> 6034 </a> 6035 </div> 6036 </div> 6037 6038 <!-- Doctor pills + Menu --> 6039 <div class="col-12 col-lg-8 d-flex flex-column gap-4 align-items-center align-items-lg-end"> 6040 6041 <!-- Doctor pills (dynamic) --> 6042 <div class="d-flex flex-wrap gap-3 justify-content-center justify-content-lg-end"> 6043 6044 <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"> 6045 Dr. Griffiths 6046 </a> 6047 6048 <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"> 6049 Dr. Callahan 6050 </a> 6051 6052 </div> 6053 6054 <!-- Menu --> 6055 <nav class="w-100" aria-label="Footer menu"> 6056 <div class="d-flex flex-wrap newview-footer-menu justify-content-center justify-content-lg-end"> 6057 <a href="https://newviewlasereye.com/">Home</a> 6058 <a href="https://newviewlasereye.com/about-us/">About Us</a> 6059 <a href="https://newviewlasereye.com/primary-eye-care/">Primary Eye Care</a> 6060 <a href="https://newviewlasereye.com/optical-center/">Optical Center</a> 6061 <a href="https://newviewlasereye.com/blogs/">Blog</a> 6062 </div> 6063 <div class="d-flex flex-wrap newview-footer-menu justify-content-center justify-content-lg-end mt-2"> 6064 <a href="https://newviewlasereye.com/lasik/">Lasik</a> 6065 <a href="https://newviewlasereye.com/cataracts/">Cataracts</a> 6066 <a href="https://newviewlasereye.com/specialty-eye-care/">Specialty Eye Care</a> 6067 <a href="https://newviewlasereye.com/aesthetics/">Aesthetics</a> 6068 <a href="https://newviewlasereye.com/patient-forms/">Patient Forms</a> 6069 <a href="https://newviewlasereye.com/patient-financing/">Financing</a> 6070 </div> 6071 </nav> 6072 </div> 6073 </div> 6074 6075 <!-- âââ LOCATION CARDS (dynamic) âââ --> 6076 <div class="row justify-content-center g-4 mt-2"> 6077 6078 <div class="col-12 col-lg-6"> 6079 <div class="newview-footer-loc-tile h-100 p-4 p-lg-5"> 6080 6081 <!-- Location title --> 6082 <div class="fw-semibold lh-sm mb-3 newview-footer-loc-title">
6083 <a href="https://newviewlasereye.com/location/newview-eye-center-reston/"> 6084 NewView Eye Center Reston 6085 </a> 6086 </div> 6087 6088 <div class="row g-3"> 6089 <!-- Address (opens Google Maps) --> 6090 <div class="col-12 col-sm-7"> 6091 <div class="d-flex align-items-start newview-footer-contact-line"> 6092 <i class="fa-solid fa-location-dot me-2 mt-1" aria-hidden="true"></i> 6093 <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"> 6094 12110 Sunset Hills Rd, 6095 Reston, 6096 Virginia 6097 20190 6098 <span class="visually-hidden">(opens Google Maps in new window)</span> 6099 </a> 6100 </div> 6101 </div> 6102 6103 <!-- Phone + Fax --> 6104 <div class="col-12 col-sm-5"> 6105 6106 <div class="d-flex align-items-start mb-2 newview-footer-contact-line"> 6107 <i class="fa-solid fa-phone me-2 mt-1" aria-hidden="true"></i> 6108 <a href="tel:+1(703)-834-9777" class="text-decoration-none"> 6109 (703) 834-9777 6110 </a> 6111 </div> 6112 6113 6114 6115 6116 6117 <div class="d-flex align-items-start newview-footer-fax-line"> 6118 <i class="fa-solid fa-fax me-2 mt-1" aria-hidden="true"></i> 6119 <span> 6120 703-834-8187 6121 </span> 6122 </div> 6123 6124 </div> 6125 </div> 6126 6127 </div> 6128 </div> 6129 6130 <div class="col-12 col-lg-6"> 6131 <div class="newview-footer-loc-tile h-100 p-4 p-lg-5"> 6132 6133 <!-- Location title --> 6134 <div class="fw-semibold lh-sm mb-3 newview-footer-loc-title"> 6135 <a href="https://newviewlasereye.com/location/newview-eye-center-leesburg/"> 6136 NewView Eye Center Leesburg 6137 </a> 6138 </div> 6139 6140 <div class="row g-3"> 6141 <!-- Address (opens Google Maps) --> 6142 <div class="col-12 col-sm-7"> 6143 <div class="d-flex align-items-start newview-footer-contact-line"> 6144 <i class="fa-solid fa-location-dot me-2 mt-1" aria-hidden="true"></i> 6145 <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"> 6146 20 Davis Ave SW, 6147 Leesburg, 6148 Virginia 6149 20175 6150 <span class="visually-hidden">(opens Google Maps in new window)</span> 6151 </a> 6152 </div> 6153 </div> 6154 6155 <!-- Phone + Fax --> 6156 <div class="col-12 col-sm-5"> 6157 6158 <div class="d-flex align-items-start mb-2 newview-footer-contact-line"> 6159 <i class="fa-solid fa-phone me-2 mt-1" aria-hidden="true"></i> 6160 <a href="tel:+1(703)-777-1244" class="text-decoration-none"> 6161 (703) 777-1244 6162 </a> 6163 </div> 6164 6165 6166 6167 6168 6169 <div class="d-flex align-items-start newview-footer-fax-line"> 6170 <i class="fa-solid fa-fax me-2 mt-1" aria-hidden="true"></i> 6171 <span> 6172 703-834-8187 6173 </span> 6174 </div> 6175 6176 </div> 6177 </div> 6178 6179 </div> 6180 </div> 6181 6182 </div> 6183 6184 <!-- âââ BOTTOM BAR âââ --> 6185 <div class="newview-footer-bottom mt-4 mt-lg-5 pt-3"> 6186 <div class="d-flex flex-column flex-md-row justify-content-between align-items-center gap-2"> 6187 <p class="newview-footer-copy mb-0 text-center text-md-start">Copyright 2026 © NewView Eye Center. All Rights Reserved.</p> 6188 <nav class="d-flex flex-wrap gap-3 justify-content-center newview-footer-legal" aria-label="Legal"> 6189 <a href="https://newviewlasereye.com/accessibility/">Accessibility</a> 6190 <a href="https://newviewlasereye.com/disclaimer/">Disclaimer</a>
6191 <a href="https://newviewlasereye.com/compliance-risk/">Compliance & Risk</a> 6192 <a href="https://refocuseyedoctors.com/privacy-policy/">Privacy</a> 6193 <a href="https://refocuseyedoctors.com/terms-of-use/">Terms of Use</a> 6194 <a href="https://refocuseyedoctors.com/notice-of-nondiscrimination-policy/">Nondiscrimination</a> 6195 <a href="https://refocuseyedoctors.com/billing-disclosure/">Billing Disclosure</a> 6196 </nav> 6197 </div> 6198 </div> 6199 6200 </div> 6201 </div> 6202 </footer> 6203 6204 6205<!-- Floating CTA Button (mobile only) --> 6206<div class="d-md-none position-fixed bottom-0 mb-3 px-3 w-100 z-3"> 6207 <div class="newview-phone newview-schedule-phone"> 6208 <div class="dropdown newview-phone__dropdown"> 6209 <button type="button" 6210 class="newview-phone__btn newview-phone__btn--toggle nw_btn dropdown-toggle" 6211 data-bs-toggle="dropdown" 6212 data-bs-auto-close="true" 6213 aria-expanded="false"> 6214 <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> 6215 <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> 6216 6217 <ul class="dropdown-menu newview-phone__menu" role="menu"> 6218 <li role="none"> 6219 <a class="newview-phone__item" 6220 href="tel:+17037771244" 6221 role="menuitem"> 6222 <span class="newview-phone__item-text"> 6223 <span class="newview-phone__item-city">Leesburg</span> 6224 <span class="newview-phone__item-phone">(703) 777-1244</span> 6225 </span> 6226 <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> 6227 </li> 6228 <li role="none"> 6229 <a class="newview-phone__item" 6230 href="tel:+17038349777" 6231 role="menuitem"> 6232 <span class="newview-phone__item-text"> 6233 <span class="newview-phone__item-city">Reston</span> 6234 <span class="newview-phone__item-phone">(703) 834-9777</span> 6235 </span> 6236 <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" class="newview-phone__item-icon" viewB
6236ox="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> 6237 </li> 6238 </ul> 6239 </div> 6240 </div> 6241 6242</div> 6243 6244<!-- Website Credit --> 6245<div> 6246 <div class="container"> 6247 <div class="d-flex flex-row justify-content-center align-items-center bg-white text-dark py-3 gap-2"> 6248 <span class="m-0 rfs-6">Website Designed by</span> 6249 <a href="https://specialty.vision/marketing-for-ophthalmology/" class="text-decoration-none d-flex align-items-center gap-2"> 6250 <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">
6251 <span class="rfs-6 fw-bold">Specialty Vision</span> 6252 </a> 6253 </div> 6254 </div> 6255</div></footer> 6256 6257 6258 6259
6259<script type="speculationrules"> 6260{"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"}]} 6261</script>
6261 6262 6263
6263<script id="lc_script_tag" type="module"></script>
6263 6264
6264<script id="accessibility-widget-js-extra"> 6265var _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}; 6266var _cyA11yAssets = {"fonts":"https://newviewlasereye.com/wp-content/plugins/accessibility-widget/lite/frontend/assets/fonts/"}; 6267//# sourceURL=accessibility-widget-js-extra 6268</script>
vendor: 1 bytes, line 6268
6268
6269<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 6269
6269
6270<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 6270
6270
6271<script data-wp-strategy="defer" defer id="bootstrap5-js" src="https://newviewlasereye.com/wp-content/themes/picostrap5/js/bootstrap.bundle.min.js"></script>
6271 6272 6273 </body> 6274</html> 6275 6276 6277<!-- Cache served by breeze CACHE (Desktop) - Last modified: Sat, 03 Oct 2026 15:34:49 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.