1<!doctype html> 2<html lang="en-US"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <!-- wp_head --> 7 <title>Whats New – New View Eye Center</title> 8<meta name='robots' content='max-image-preview:large' /> 9<link rel='dns-prefetch' href='//ed7e7u353i8.exactdn.com' /> 10<link rel='preconnect' href='//ed7e7u353i8.exactdn.com' /> 11<style id="wp-img-auto-sizes-contain-inline-css"> 12img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 13/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 14</style> 15<style id="wp-block-library-inline-css"> 16:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
16--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} 17 18/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ 19</style> 20<style id="classic-theme-styles-inline-css"> 21/*! This file is auto-generated */ 22.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 23/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 24</style> 25 26<style id="global-styles-inline-css"> 27:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
27--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
27.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 28/*# sourceURL=global-styles-inline-css */ 29</style> 30 31<link rel='stylesheet' id='picostrap-styles-css' href='https://newviewlasereye.com/wp-content/themes/picostrap5/css-output/bundle-55.css?ver=443' media='all' /> 32<link rel="canonical" href="https://newviewlasereye.com/blogs/" /> 33<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 33-34
33 34<script async src="https://www.googletagmanager.com/gtag/js?id=
34AW-797515819
vendor: 13 bytes, line 34
34"></script>
35<script> 36
vendor: 138 bytes, lines 36-40
36window.dataLayer = window.dataLayer || []; 37 function gtag(){dataLayer.push(arguments);} 38 gtag('js', new Date()); 39 40 gtag('config', '
40AW-797515819
vendor: 5 bytes, line 40
40');
41</script>
41 42
43<script>(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"187116966", enableAutoSpaTracking: true};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq");</script>
43 44
45<script> 46 47 document.addEventListener("DOMContentLoaded", function(event){ 48 49 function uet_report_conversion() { window.uetq = window.uetq || []; window.uetq.push('event', 'contact', {}); } 50 51 (document.querySelectorAll('a[href^="tel"]').forEach(button => button.addEventListener('click', function (event) { 52 uet_report_conversion() 53 }))); 54 55 }); 56 57 58</script>
58 59
60<script> 61 document.addEventListener("DOMContentLoaded", function(event){ 62 63 document.querySelectorAll('[href*="tel:"]').forEach(link => link.addEventListener('click', function () { 64 console.log('click!'); 65 gtag('event', 'conversion', {'send_to': 'AW-797515819/0M4ZCJehhf0DEKvApPwC'}); 66 })); 67 }); 68</script>
68 69 70<link rel='dns-prefetch' href='//cdn.jsdelivr.net' /> 71<style> 72 @font-face { 73 font-family:'Outfit'; 74 font-style:normal; 75 font-display:swap; 76 font-weight:100 200 300 400 500 600 700 800 900; 77 src:url(https://cdn.jsdelivr.net/fontsource/fonts/outfit:vf@latest/latin-wght-normal.woff2) format('woff2-variations'); 78 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; 79} 80 @font-face { 81 font-family:'Castoro'; 82 font-style:normal; 83 font-display:swap; 84 font-weight:400; 85 src:url(https://cdn.jsdelivr.net/fontsource/fonts/castoro@latest/latin-400-normal.woff2) format('woff2'); 86 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; 87} 88 </style> 89 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
90<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","@id":"https://newviewlasereye.com/blogs/","url":"https://newviewlasereye.com/blogs/","name":"Whats New","description":"What's New Stay Informed & Empowered With NewView Eye Center...Read More...","dateModified":"2026-07-21T12:26:38+00:00","inLanguage":["English"],"publisher":{"@type":"Organization","name":"Specialty Vision","logo":{"@type":"ImageObject","url":"https://cdn.specialty.vision/wp-content/uploads/sites/15/2025/11/logo-specialty-vision-horizontal-fullcolor1-1.png?strip=all"}}}</script>
90 91<link rel="icon" href="https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/55/2026/07/cropped-Untitled-1.webp?strip=all&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-10859 wp-embed-responsive wp-theme-picostrap5 lc-custom-header lc-custom-footer is-using-livecanvas"> 2763 2764 <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 2764-2765
2764 2765 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
2765GTM-N54GJXC2
vendor: 85 bytes, lines 2765-2767
2765" 2766 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 2767
2767<!-- End Google Tag Manager (noscript) --> 2768 2769 2770 2771<header id='lc-header'> 2772<style> 2773:root { 2774 --newview-primary: #588CEB; 2775 --newview-secondary: #234D9C; 2776 --newview-accent: #DAE7FF; 2777 --newview-tint: #EFF5FF; 2778 --newview-text-dark: #2A2A2A; 2779 --newview-text-body: #3D3D3D; 2780 --newview-white: #FFFFFF; 2781} 2782 2783#lc-header { 2784 position: fixed; 2785 top: 0; 2786 left: 0; 2787 right: 0; 2788 z-index: 1050; 2789 font-family: "Outfit", system-ui, -apple-system, Segoe UI, sans-serif; 2790} 2791 2792.newview-skip-link { 2793 position: absolute; 2794 left: 0; 2795 top: 0; 2796 transform: translateY(-200%); 2797 z-index: 1100; 2798 display: inline-block; 2799 padding: 10px 16px; 2800 background-color: var(--newview-secondary); 2801 color: #FFFFFF; 2802 font-size: 14px; 2803 font-weight: 600; 2804 text-decoration: none; 2805 border-radius: 0 0 8px 0; 2806 transition: transform 0.2s ease; 2807} 2808.newview-skip-link:focus, 2809.newview-skip-link:focus-visible { 2810 transform: translateY(0); 2811 outline: 2px solid #FFFFFF; 2812 outline-offset: -4px; 2813} 2814 2815.newview-header { 2816 background-color: var(--newview-white); 2817 box-shadow: 0 2px 10px rgba(35, 77, 156, 0.06); 2818} 2819 2820/* ============================================================ 2821 TOP UTILITY BAR 2822 ============================================================ */ 2823.newview-header-top { 2824 background-color: var(--newview-accent); 2825 color: var(--newview-white); 2826 padding: 8px 0; 2827 max-height: 60px; 2828 overflow: hidden; 2829 opacity: 1; 2830 transition: max-height 0.3s ease, padding 0.3s ease, opacity 0.25s ease; 2831} 2832 2833#lc-header.is-scrolled .newview-header-top { 2834 max-height: 0; 2835 padding-top: 0; 2836 padding-bottom: 0; 2837 opacity: 0; 2838 pointer-events: none; 2839} 2840 2841.newview-container { 2842 width: 100%; 2843 margin-left: auto; 2844 margin-right: auto; 2845 padding-left: clamp(16px, 2vw, 32px); 2846 padding-right: clamp(16px, 2vw, 32px); 2847} 2848@media (min-width: 1400px) { 2849 .newview-container { max-width: 1320px; } 2850} 2851 2852.newview-header-top__row { 2853 display: flex; 2854 align-items: center; 2855 justify-content: space-between; 2856 flex-wrap: wrap; 2857 gap: 8px 24px; 2858} 2859 2860.newview-header-top__phones { 2861 display: flex; 2862 align-items: center; 2863 gap: 18px; 2864 flex-wrap: wrap; 2865 margin: 0; 2866 padding: 0; 2867 list-style: none; 2868} 2869 2870.newview-header-top__phone { 2871 display: inline-flex; 2872 align-items: center; 2873 gap: 6px; 2874 color: var( --newview-text-dark); 2875 font-size: 14px; 2876 font-weight: 400; 2877 line-height: 1.2; 2878 text-decoration: none; 2879 transition: color 0.18s ease; 2880} 2881.newview-header-top__phone:hover, 2882.newview-header-top__phone:focus-visible { 2883 2884 outline: none; 2885} 2886.newview-header-top__phone-icon { 2887 display: inline-flex; 2888 width: 14px; 2889 height: 14px; 2890 color: var(--newview-primary); 2891 flex-shrink: 0; 2892} 2893.newview-header-top__phone-city { 2894 font-weight: 500; 2895} 2896.newview-header-top__phone-number { 2897 font-weight: 400; 2898 opacity: 0.9; 2899} 2900 2901.newview-header-top__links { 2902 display: flex; 2903 align-items: center; 2904 gap: 20px; 2905 flex-wrap: wrap; 2906 margin: 0; 2907 padding: 0; 2908 list-style: none; 2909} 2910.newview-header-top__link { 2911 display: inline-flex; 2912 align-items: center; 2913 gap: 7px; 2914 color: var(--newview-text-dark); 2915 font-size: 14px; 2916 font-weight: 400; 2917 line-height: 1.2; 2918 text-decoration: none; 2919 transition: color 0.18s ease; 2920 white-space: nowrap; 2921} 2922.newview-header-top__link:hover, 2923.newview-header-top__link:focus-visible { 2924 color: var(--newview-primary); 2925 outline: none; 2926} 2927.newview-header-top__link-icon { 2928 display: inline-flex; 2929 align-items: center; 2930 justify-content: center; 2931 color: var(--newview-primary); 2932 background: transparent; 2933 flex-shrink: 0; 2934} 2935.newview-header-top__link-icon svg { 2936 display: block; 2937} 2938 2939/* ============================================================ 2940 BILL PAY BUTTON â Converge buy button styled as a utility link 2941 Must be a <button> (not <a>): the Converge script walks back 2942 from its own
2942<script> tag to the nearest preceding button, 2943 strips [disabled], and binds the payment lightbox. 2944 ============================================================ */ 2945.newview-billpay-btn { 2946 appearance: none; 2947 -webkit-appearance: none; 2948 background: transparent; 2949 border: 0; 2950 padding: 0; 2951 margin: 0; 2952 font-family: inherit; 2953 font-size: 14px; 2954 font-weight: 400; 2955 cursor: pointer; 2956} 2957.newview-billpay-btn:disabled { 2958 opacity: 0.55; 2959 cursor: default; 2960} 2961.newview-billpay-btn:disabled:hover { 2962 color: var(--newview-text-dark); 2963} 2964 2965/* ============================================================ 2966 MAIN NAV BAR 2967 ============================================================ */ 2968.newview-header-nav-wrap { 2969 background-color: var(--newview-white); 2970 padding: 12px 0; 2971} 2972 2973.newview-navbar { 2974 background-color: transparent; 2975 padding: 0; 2976 min-height: 76px; 2977} 2978 2979.newview-navbar .navbar-brand { 2980 flex: 0 0 auto; 2981 padding-top: 0; 2982 padding-bottom: 0; 2983 margin-right: 24px; 2984} 2985 2986.newview-navbar .navbar-brand img { 2987 display: block; 2988 height: 65px; 2989 width: auto; 2990 max-width: 220px; 2991 object-fit: contain; 2992} 2993 2994.newview-navbar .navbar-toggler { 2995 border: 0; 2996 background: transparent; 2997 padding: 0.5rem 0.75rem; 2998 box-shadow: none; 2999} 3000.newview-navbar .navbar-toggler:focus { 3001 box-shadow: none; 3002 outline: none; 3003} 3004.newview-navbar .navbar-toggler .bar1, 3005.newview-navbar .navbar-toggler .bar2, 3006.newview-navbar .navbar-toggler .bar3 { 3007 display: block; 3008 width: 30px; 3009 height: 2.5px; 3010 margin: 6px 0; 3011 background-color: var(--newview-secondary); 3012 transition: 0.4s; 3013 border-radius: 2px; 3014} 3015.newview-navbar .navbar-toggler:not(.collapsed) .bar1 { 3016 transform: translate(0, 8.5px) rotate(-45deg); 3017} 3018.newview-navbar .navbar-toggler:not(.collapsed) .bar2 { 3019 opacity: 0; 3020} 3021.newview-navbar .navbar-toggler:not(.collapsed) .bar3 { 3022 transform: translate(0, -8.5px) rotate(45deg); 3023} 3024 3025.newview-navbar .navbar-collapse { 3026 align-items: center; 3027 gap: 16px; 3028} 3029 3030.newview-navbar .navbar-nav { 3031 align-items: center; 3032 gap: clamp(16px, 2vw, 32px); 3033} 3034 3035.newview-navbar .navbar-nav .nav-link, 3036.newview-navbar .navbar-nav a { 3037 font-size: 17px; 3038 font-weight: 400; 3039 color: var(--newview-text-dark); 3040 text-decoration: none; 3041 padding: 6px 2px; 3042 transition: color 0.18s ease; 3043 white-space: nowrap; 3044} 3045 3046.newview-navbar .navbar-nav .nav-link:hover, 3047.newview-navbar .navbar-nav .nav-link:focus-visible, 3048.newview-navbar .navbar-nav .nav-item.current-menu-item > a, 3049.newview-navbar .navbar-nav a:hover, 3050.newview-navbar .navbar-nav a:focus-visible, 3051.newview-navbar .navbar-nav a.current-menu-item, 3052.newview-navbar .navbar-nav .current-menu-item > a, 3053.newview-navbar .navbar-nav a[aria-current="page"] { 3054 color: var(--newview-primary); 3055 outline: none; 3056} 3057 3058.newview-navbar .navbar-nav .dropdown-menu { 3059 padding: 8px 0; 3060 margin-top: 8px; 3061 border: 1px solid rgba(35, 77, 156, 0.08); 3062 border-radius: 10px; 3063 box-shadow: 0 8px 24px rgba(35, 77, 156, 0.10), 0 2px 6px rgba(0, 0, 0, 0.04); 3064 min-width: 220px; 3065} 3066.newview-navbar .navbar-nav .dropdown-menu .dropdown-item, 3067.newview-navbar .navbar-nav .dropdown-menu a { 3068 padding: 8px 20px; 3069 font-size: 15px; 3070 font-weight: 400; 3071 color: var(--newview-text-dark); 3072 white-space: normal; 3073 transition: background-color 0.15s ease, color 0.15s ease; 3074} 3075.newview-navbar .navbar-nav .dropdown-menu .dropdown-item:hover, 3076.newview-navbar .navbar-nav .dropdown-menu .dropdown-item:focus-visible, 3077.newview-navbar .navbar-nav .dropdown-menu a:hover, 3078.newview-navbar .navbar-nav .dropdown-menu a:focus-visible { 3079 background-color: var(--newview-tint); 3080 color: var(--newview-primary); 3081} 3082.newview-navbar .navbar-nav .dropdown-menu .dropdown-item.active, 3083.newview-navbar .navbar-nav .dropdown-menu .dropdown-item:active, 3084.newview-navbar .navbar-nav .dropdown-menu .current-menu-item > a, 3085.newview-navbar .navbar-nav .dropdown-menu a.current-menu-item, 3086.newview-navbar .navbar-nav .dropdown-menu a[aria-current="page"] { 3087 background-color: var(--newview-primary); 3088 color: #FFFFFF !important; 3089} 3090 3091/* ============================================================ 3092 SITE-WIDE BUTTON HOVER â .nw_btn 3093 Add the nw_btn class to any SOLID button across the site. 3094 On hover/focus the background swaps to the darker brand blue 3095 and a soft outline ring appears (riey-style). Additive: it 3096 only styles :hover / :focus-visible, so each button keeps its 3097 own resting look. Do NOT add nw_btn to transparent/outline 3098 buttons (e.g. .newview-schedule__btn--outline). 3099 Lives in the header so it loads on every page. 3100 ============================================================ */ 3101.nw_btn { 3102 transition: color 0.15s ease-in-out, 3103 background-color 0.15s ease-in-out, 3104 border-color 0.15s ease-in-out, 3105 box-shadow 0.15s ease-in-out; 3106} 3107.nw_btn:hover, 3108.nw_btn:focus-visible { 3109 background-color: var(--newview-secondary, #234D9C) !important; 3110 border-color: var(--newview-secondary, #234D9C) !important; 3111 color: var(--newview-white, #FFFFFF) !important; 3112 outline: none; 3113 box-shadow: 0 0 0 3px rgba(88, 140, 235, 0.45) !important; 3114} 3115.nw_btn{ 3116border-radius: 16px !important;} 3117/* ============================================================ 3118 BOOK APPOINTMENT CTA 3119 ============================================================ */ 3120.newview-book-cta { 3121 flex: 0 0 auto; 3122} 3123.newview-book-cta__btn { 3124 display: inline-flex; 3125 align-items: center; 3126 justify-content: center; 3127 gap: 8px; 3128 background-color: var(--newview-primary); 3129 color: var(--newview-white); 3130 border: 1px solid var(--newview-primary); 3131 border-radius: 20px; 3132 padding: 13px 24px; 3133 font-size: clamp(15px, 0.4vw + 13.5px, 18px); 3134 font-weight: 600; 3135 text-decoration: none; 3136 min-height: 49px; 3137 line-height: 1; 3138 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 3139} 3140/* Hover handled globally by .nw_btn (added to the button markup below). */ 3141 3142/* ============================================================ 3143 MOBILE + TABLET (up to 1199.98px) 3144 FIX 2026-08: breakpoint moved from lg (992px) to xl (1200px). 3145 Seven menu items + logo + CTA do not fit on one line below 3146 1200px, and because .navbar-collapse is justify-content:end 3147 the overflow spilled LEFT over the logo instead of clipping 3148 right. Hamburger now runs through 1199px. 3149 ============================================================ */ 3150@media (max-width: 1199.98px) { 3151 .newview-navbar { 3152 padding: 4px 0; 3153 min-height: 64px; 3154 } 3155 .newview-navbar .navbar-brand img { 3156 height: 58px; 3157 max-width: 180px; 3158 } 3159 .newview-navbar .navbar-collapse { 3160 flex-basis: 100%; 3161 padding-top: 14px; 3162 margin-top: 6px; 3163 border-top: 1px solid rgba(35, 77, 156, 0.12); 3164 align-items: stretch; 3165 gap: 12px; 3166 } 3167 .newview-navbar .navbar-nav { 3168 flex-direction: column; 3169 align-items: stretch; 3170 gap: 2px; 3171 } 3172 .newview-navbar .navbar-nav .nav-link, 3173 .newview-navbar .navbar-nav a { 3174 padding: 10px 4px; 3175 font-size: 16px; 3176 } 3177 .newview-navbar .navbar-nav .dropdown-menu { 3178 border: 0; 3179 box-shadow: none; 3180 padding: 4px 0 4px 12px; 3181 margin-top: 0; 3182 min-width: 0; 3183 } 3184 .newview-navbar .navbar-nav .dropdown-menu .dropdown-item, 3185 .newview-navbar .navbar-nav .dropdown-menu a { 3186 padding: 8px 4px; 3187 } 3188 .newview-navbar .navbar-collapse > .newview-book-cta { 3189 display: none !important; 3190 } 3191 .newview-header-mobile-actions { 3192 display: flex; 3193 flex-direction: column; 3194 align-items: stretch; 3195 gap: 12px; 3196 padding-top: 4px; 3197 } 3198 .newview-header-mobile-actions .newview-header-top__phones-mobile { 3199 display: flex; 3200 flex-direction: column; 3201 gap: 8px; 3202 padding: 0; 3203 margin: 0; 3204 list-style: none; 3205 } 3206 .newview-header-mobile-actions .newview-header-top__phones-mobile .newview-header-top__phone { 3207 color: var(--newview-secondary); 3208 font-size: 15px; 3209 } 3210 3211 /* Mobile utility links (Bill Pay). Mirrors the phones list above. */ 3212 .newview-header-mobile-actions .newview-header-top__links-mobile { 3213 display: flex; 3214 flex-direction: column; 3215 gap: 8px; 3216 padding: 0; 3217 margin: 0; 3218 list-style: none; 3219 } 3220 .newview-header-mobile-actions .newview-header-top__links-mobile .newview-header-top__link { 3221 color: var(--newview-secondary); 3222 font-size: 15px; 3223 } 3224 3225 .newview-header-mobile-actions .newview-book-cta__btn { 3226 width: 100%; 3227 } 3228 3229 /* Mobile walker-fallback: WP emits .sub-menu (not .dropdown-menu). Hide by default, expand on .open. */ 3230 .newview-navbar .menu-item-has-children > .sub-menu { 3231 display: none !important; 3232 position: static; 3233 width: 100%; 3234 margin: 0; 3235 padding: 0.5rem 1rem; 3236 list-style: none; 3237 background: transparent; 3238 border: 0; 3239 box-shadow: none; 3240 } 3241 .newview-navbar .menu-item-has-children.open > .sub-menu { 3242 display: block !important; 3243 } 3244 .newview-navbar .menu-item-has-children > a { 3245 display: flex; 3246 align-items: center; 3247 justify-content: space-between; 3248 width: 100%; 3249 } 3250 .newview-navbar .menu-item-has-children > a::after { 3251 content: ""; 3252 display: inline-block; 3253 margin-left: 8px; 3254 border-top: 0.3em solid currentColor; 3255 border-right: 0.3em solid transparent; 3256 border-left: 0.3em solid transparent; 3257 border-bottom: 0; 3258 transition: transform 0.3s ease; 3259 } 3260 .newview-navbar .menu-item-has-children.open > a::after { 3261 transform: rotate(180deg); 3262 } 3263 .newview-navbar .menu-item-has-children > .sub-menu a { 3264 padding: 0.5rem !important; 3265 white-space: normal; 3266 } 3267} 3268 3269/* ============================================================ 3270 TOP UTILITY BAR VISIBILITY 3271 FIX 2026-08: previously hidden below 992px. Now hidden only 3272 below 768px, so tablets keep Lasik Calculator, Dry Eye Quiz, 3273 IOL Finder, Vision Simulator and Bill Pay. 3274 ============================================================ */ 3275@media (max-width: 767.98px) { 3276 .newview-header-top { 3277 display: none; 3278 } 3279} 3280 3281/* ============================================================ 3282 TABLET DE-DUPLICATION â 768px to 1199.98px 3283 The top bar is visible at these widths, so the copies of the 3284 phone numbers and Bill Pay inside the hamburger drawer are 3285 redundant. The Book Appointment CTA stays in the drawer. 3286 Delete this block if you would rather keep them duplicated. 3287 ============================================================ */ 3288@media (min-width: 768px) and (max-width: 1199.98px) { 3289 .newview-header-mobile-actions .newview-header-top__phones-mobile, 3290 .newview-header-mobile-actions .newview-header-top__links-mobile { 3291 display: none !important; 3292 } 3293} 3294 3295/* ============================================================
3296 DESKTOP â 1200px and up 3297 ============================================================ */ 3298@media (min-width: 1200px) { 3299 .newview-header-mobile-actions { 3300 display: none !important; 3301 } 3302 .newview-navbar { 3303 position: relative; 3304 } 3305 .newview-navbar .navbar-collapse { 3306 flex-grow: 1; 3307 justify-content: end; 3308 } 3309 .newview-navbar .navbar-collapse .navbar-nav { 3310 margin: 0 auto; 3311 } 3312 3313 /* Desktop walker-fallback: WP emits .sub-menu (not .dropdown-menu) */ 3314 .newview-navbar .menu-item-has-children { 3315 position: relative; 3316 } 3317 .newview-navbar .menu-item-has-children > .sub-menu { 3318 display: none; 3319 position: absolute; 3320 top: 100%; 3321 left: 0; 3322 min-width: 220px; 3323 padding: 8px 0; 3324 margin: 0; 3325 list-style: none; 3326 background-color: var(--newview-white); 3327 border: 1px solid rgba(35, 77, 156, 0.08); 3328 border-radius: 10px; 3329 box-shadow: 0 8px 24px rgba(35, 77, 156, 0.10), 0 2px 6px rgba(0, 0, 0, 0.04); 3330 z-index: 100; 3331 } 3332 .newview-navbar .menu-item-has-children:hover > .sub-menu { 3333 display: block; 3334 } 3335 .newview-navbar .menu-item-has-children > .sub-menu li { 3336 list-style: none; 3337 } 3338 .newview-navbar .menu-item-has-children > .sub-menu a { 3339 display: block; 3340 padding: 8px 20px; 3341 color: var(--newview-text-dark); 3342 text-decoration: none; 3343 white-space: normal; 3344 transition: background-color 0.15s ease, color 0.15s ease; 3345 } 3346 .newview-navbar .menu-item-has-children > .sub-menu a:hover { 3347 background-color: var(--newview-tint); 3348 color: var(--newview-primary); 3349 } 3350 .newview-navbar .menu-item-has-children > .sub-menu .sub-menu { 3351 top: 0; 3352 left: 100%; 3353 margin-left: 0.1rem; 3354 } 3355} 3356 3357/* ============================================================ 3358 SMALL DESKTOP â 1200px to 1399.98px 3359 FIX 2026-08: the menu is expanded here but .newview-container 3360 has not reached its 1320px max-width yet, so the row is still 3361 tight. Trim the logo, nav type and CTA to fit on one line. 3362 justify-content is switched to space-between so that if this 3363 ever overflows again it clips to the RIGHT (harmless) rather 3364 than spilling LEFT over the logo. 3365 ============================================================ */ 3366@media (min-width: 1200px) and (max-width: 1399.98px) { 3367 3368 .newview-navbar .navbar-brand { 3369 margin-right: 12px; 3370 } 3371 .newview-navbar .navbar-brand img { 3372 height: 52px; 3373 max-width: 165px; 3374 } 3375 3376 .newview-navbar .navbar-collapse { 3377 justify-content: end; 3378 min-width: 0; 3379 gap: 20px; 3380 } 3381 3382 .newview-navbar .navbar-nav { 3383 gap: 14px; 3384 flex-wrap: nowrap; 3385 min-width: 0; 3386 } 3387 3388 .newview-navbar .navbar-nav .nav-link, 3389 .newview-navbar .navbar-nav a { 3390 font-size: 15px; 3391 padding: 6px 0; 3392 } 3393 3394 .newview-book-cta__btn { 3395 padding: 11px 16px; 3396 font-size: 15px; 3397 min-height: 44px; 3398 white-space: nowrap; 3399 } 3400} 3401 3402@media (max-width: 425px) { 3403 .newview-navbar .navbar-brand img { 3404 max-width: 160px; 3405 height: 60px; 3406 } 3407} 3408</style> 3409 3410<a class="newview-skip-link visually-hidden-focusable" href="#theme-main">Skip to main content</a> 3411 3412<div class="newview-header"> 3413 3414 <!-- ============================================================ 3415 TOP UTILITY BAR â desktop + tablet, hidden under 768px, 3416 collapses on scroll 3417 ============================================================ --> 3418 <div class="newview-header-top" id="WT-header-topbar"> 3419 <div class="newview-container"> 3420 <div class="newview-header-top__row"> 3421 3422 <!-- Location phones (Tangible loop over location CPT) --> 3423 <ul class="newview-header-top__phones"> 3424 3425 <li> 3426 <a class="newview-header-top__phone" href="tel:+1(703)-777-1244"> 3427 <span class="newview-header-top__phone-icon" aria-hidden="true"> 3428 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 16 16"> 3429 <path d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"></path> 3430 </svg> 3431 </span> 3432 <span class="newview-header-top__phone-city"> 3433 Leesburg 3434 </span> 3435 <span class="newview-header-top__phone-number"> 3436 (703) 777-1244 3437 </span> 3438 </a> 3439 </li> 3440 <li> 3441 <a class="newview-header-top__phone" href="tel:+1(703)-834-9777"> 3442 <span class="newview-header-top__phone-icon" aria-hidden="true"> 3443 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 16 16"> 3444 <path d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457
3444a.68.68 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"></path> 3445 </svg> 3446 </span> 3447 <span class="newview-header-top__phone-city"> 3448 Reston 3449 </span> 3450 <span class="newview-header-top__phone-number"> 3451 (703) 834-9777 3452 </span> 3453 </a> 3454 </li> 3455 3456 3457 </ul> 3458 3459 <!-- Utility links --> 3460 <ul class="newview-header-top__links"> 3461 <li> 3462 <a class="newview-header-top__link" href="/lasik-self-test-savings-calculator/"> 3463 <span class="newview-header-top__link-icon" aria-hidden="true"> 3464 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 16 16" fill="currentColor" preserveAspectRatio="xMidYMid meet"> 3465 <path d="M12 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"></path> 3466 <path d="M4 2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5zm0 4a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5zM4.5 8a.5.5 0 0 0-.5.5v.5a.5.5 0 0 0 .5.5H5a.5.5 0 0 0 .5-.5v-.5A.5.5 0 0 0 5 8zm-.5 2.5a.5.5 0 0 1 .5-.5H5a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5zm2.5-4a.5.5 0 0 0-.5.5v.5a.5.5 0 0 0 .5.5H7a.5.5 0 0 0 .5-.5v-.5A.5.5 0 0 0 7 6zm-.5 2.5a.5.5 0 0 1 .5-.5H7a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5zm.5 1.5a.5.5 0 0 0-.5.5v.5a.5.5 0 0 0 .5.5H7a.5.5 0 0 0 .5-.5v-.5a.5.5 0 0 0-.5-.5zm2.5-4a.5.5 0 0 0-.5.5v.5a.5.5 0 0 0 .5.5H9a.5.5 0 0 0 .5-.5v-.5A.5.5 0 0 0 9 6zm-.5 2.5a.5.5 0 0 1 .5-.5H9a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5zm.5 1.5a.5.5 0 0 0-.5.5v.5a.5.5 0 0 0 .5.5H9a.5.5 0 0 0 .5-.5v-.5a.5.5 0 0 0-.5-.5zm2-6a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h.5a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5zm0 4a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h.5a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5z"></path> 3467 </svg> 3468 </span> 3469 Lasik Calculator 3470 </a> 3471 </li> 3472 <li> 3473 <a class="newview-header-top__link" href="/osdi-dry-eye/"> 3474 <span class="newview-header-top__link-icon" aria-hidden="true"> 3475 <svg xmlns="http://www.w3.org/2000/svg" width="13" height="15" viewBox="0 0 16 16" fill="currentColor" preserveAspectRatio="xMidYMid meet"> 3476 <path d="M8 16a6 6 0 0 0 6-6c0-1.655-1.122-2.904-2.432-4.362C10.254 4.176 8.75 2.503 8 0c0 0-6 5.686-6 10a6 6 0 0 0 6 6M6.646 4.646l.708.708c-.29.29-1.128 1.311-1.907 2.87l-.894-.448c.82-1.64 1.717-2.753 2.093-3.13"></path> 3477 </svg> 3478 </span> 3479 Dry Eye Quiz 3480 </a> 3481 </li> 3482 <li> 3483 <a class="newview-header-top__link" href="/iol-lifestyle-finder/"> 3484 <span class="newview-header-top__link-icon" aria-hidden="true"> 3485 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 16 16" fill="currentColor" preserveAspectRatio="xMidYMid meet"> 3486 <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"></path> 3487 </svg> 3488 </span> 3489 IOL Finder 3490 </a> 3491 </li> 3492 <li> 3493 <a class="newview-header-top__link" href="/vision-simulator/"> 3494 <span class="newview-header-top__link-icon" aria-hidden="true"> 3495 <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 16 16" fill="currentColor" preserveAspectRatio="xMidYMid meet"> 3496 <path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0"></path> 3497 <path d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8m8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7"></path> 3498 </svg> 3499 </span> 3500 Vision Simulator 3501 </a> 3502 </li> 3503 3504 <!-- ==================================================== 3505 BILL PAY â Converge buy button (DESKTOP, primary) 3506 The
3506<script> MUST stay directly after the <button>. 3507 Do not remove [disabled] â Converge strips it once 3508 the script loads and binds the payment lightbox. 3509 The mobile Bill Pay button proxies clicks to this one. 3510 ==================================================== --> 3511 <li> 3512 <button type="button" id="nvBillPayDesktop" class="newview-header-top__link newview-billpay-btn" disabled=""> 3513 <span class="newview-header-top__link-icon" aria-hidden="true"> 3514 <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 16 16" fill="currentColor" preserveAspectRatio="xMidYMid meet"> 3515 <path d="M2 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm0 1h12a1 1 0 0 1 1 1v1H1V5a1 1 0 0 1 1-1M1 8h14v3a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1z"></path> 3516 <path d="M2.5 10h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1"></path> 3517 </svg> 3518 </span> 3519 Bill Pay 3520 </button> 3521
3521<script src="https://www.convergepay.com/hosted-payments/buy_button_script/4b69367673637250544a75716b50345a32566c4d47514141415a413362357751"></script>
3521 3522 </li> 3523 3524 </ul> 3525 3526 </div> 3527 </div> 3528 </div> 3529 3530 <!-- ============================================================ 3531 MAIN NAV â Bootstrap navbar-expand-xl 3532 FIX 2026-08: was navbar-expand-lg. Changed to xl so the 3533 horizontal menu only appears at 1200px, where it fits. 3534 ============================================================ --> 3535 <div class="newview-header-nav-wrap"> 3536 <div class="newview-container"> 3537 <nav class="newview-navbar navbar navbar-expand-xl navbar-light" aria-label="Primary"> 3538 3539 <a class="navbar-brand" href="/" aria-label="NewView Eye Center home"> 3540 <!-- TODO: asset-overrides.md missing slug=logo-mark (Used as: globals/header) --> 3541 <img src="http://newviewlasereye.sv-builder.com/wp-content/uploads/sites/55/2026/07/NewView-Logo-updated.svg" alt="" loading="eager" class=" wp-image-13867"> 3542 </a> 3543 3544 <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#newview-navbar" aria-controls="newview-navbar" aria-expanded="false" aria-label="Toggle navigation"> 3545 <span class="bar1"></span> 3546 <span class="bar2"></span> 3547 <span class="bar3"></span> 3548 </button> 3549 3550 <div class="collapse navbar-collapse" id="newview-navbar"> 3551 3552 <!-- lc_nav_menu --> <div class="menu-retina-primary-menu-container"><ul id="menu-retina-primary-menu" class="navbar-nav align-items-lg-center ms-auto gap-lg-3 rfs-7 mb-lg-0 mb-3"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home nav-item nav-item-13096"><a href="https://newviewlasereye.com/" class="nav-link ">Home</a></li> 3553<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown nav-item nav-item-13984"><a href="https://newviewlasereye.com/our-doctors/" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false" role="button">Our Doctors</a> 3554<ul class="dropdown-menu depth_0"> 3555 <li class="menu-item menu-item-type-post_type menu-item-object-doctor nav-item nav-item-13102"><a href="https://newviewlasereye.com/doctor/jacqueline-deneen-griffiths-m-d/" class="dropdown-item ">Jacqueline Deneen Griffiths, M.D.</a></li> 3556 <li class="menu-item menu-item-type-post_type menu-item-object-doctor nav-item nav-item-13101"><a href="https://newviewlasereye.com/doctor/claiborne-m-callahan-md/" class="dropdown-item ">Claiborne M. Callahan, MD</a></li> 3557</ul> 3558</li> 3559<li class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-14305"><a href="https://newviewlasereye.com/specialty-eye-care/" class="nav-link ">Our Services</a></li> 3560<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children dropdown nav-item nav-item-14310"><a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false" role="button">Glasses & Contacts</a> 3561<ul class="dropdown-menu depth_0"> 3562 <li class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-13097"><a href="https://newviewlasereye.com/optical-center/" class="dropdown-item ">Optical</a></li> 3563 <li class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-14265"><a href="https://newviewlasereye.com/contact-lenses/" class="dropdown-item ">Contact Lenses</a></li> 3564</ul> 3565</li> 3566<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children dropdown nav-item nav-item-13103"><a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false" role="button">Locations</a> 3567<ul class="dropdown-menu depth_0"> 3568 <li class="menu-item menu-item-type-post_type menu-item-object-location nav-item nav-item-13105"><a href="https://newviewlasereye.com/location/newview-eye-center-reston/" class="dropdown-item ">NewView Eye Center Reston</a></li> 3569 <li class="menu-item menu-item-type-post_type menu-item-object-location nav-item nav-item-13104">
3569<a href="https://newviewlasereye.com/location/newview-eye-center-leesburg/" class="dropdown-item ">NewView Eye Center Leesburg</a></li> 3570</ul> 3571</li> 3572<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children dropdown nav-item nav-item-13985"><a href="https://newviewlasereye.com/about-us/" class="nav-link active dropdown-toggle" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false" role="button" aria-current="page">About Us</a> 3573<ul class="dropdown-menu depth_0"> 3574 <li class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-14307"><a href="https://newviewlasereye.com/patient-forms/" class="dropdown-item ">Patient Forms</a></li> 3575 <li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-10859 current_page_item nav-item nav-item-14306"><a href="https://newviewlasereye.com/blogs/" class="dropdown-item active" aria-current="page">Our Blog</a></li> 3576 <li class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-14308"><a href="https://newviewlasereye.com/patient-video-reviews/" class="dropdown-item ">Patient Video Reviews</a></li> 3577</ul> 3578</li> 3579<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children dropdown nav-item nav-item-14309"><a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false" role="button">For Doctors</a> 3580<ul class="dropdown-menu depth_0"> 3581 <li class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-14155"><a href="https://newviewlasereye.com/for-referring-doctors/" class="dropdown-item ">Refer a Patient</a></li> 3582 <li class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-14296"><a href="https://newviewlasereye.com/resource-hub-fyeye/" class="dropdown-item ">F.Y.EYE Resources</a></li> 3583</ul> 3584</li> 3585</ul></div> <!-- /lc_nav_menu --> 3586 3587 <div class="newview-book-cta"> 3588 <a class="newview-book-cta__btn nw_btn" href="/schedule-appointment/">Book Appointment</a> 3589 </div> 3590 3591 <!-- Mobile + tablet extras: location phones + Bill Pay + Book Appointment CTA. Hidden at 1200px and up. --> 3592 <div class="newview-header-mobile-actions d-xl-none"> 3593 <ul class="newview-header-top__phones-mobile"> 3594 3595 <li> 3596 <a class="newview-header-top__phone" href="tel:+1(703)-777-1244"> 3597 <span class="newview-header-top__phone-icon" aria-hidden="true"> 3598 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 16 16"> 3599 <path d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"></path> 3600 </svg> 3601 </span> 3602 <span class="newview-header-top__phone-city"> 3603 Leesburg 3604 </span> 3605 <span class="newview-header-top__phone-number"> 3606 (703) 777-1244 3607 </span> 3608 </a> 3609 </li> 3610 <li> 3611 <a class="newview-header-top__phone" href="tel:+1(703)-834-9777"> 3612 <span class="newview-header-top__phone-icon" aria-hidden="true"> 3613 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 16 16"> 3614 <path d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"></path> 3615 </svg> 3616 </span> 3617 <span class="newview-header-top__phone-city"> 3618 Reston 3619 </span> 3620 <span class="newview-header-top__phone-number"> 3621 (703) 834-9777 3622 </span> 3623 </a> 3624 </li> 3625 3626 3627 </ul> 3628 3629 <!-- Bill Pay â MOBILE. No second Converge script: this button 3630 proxies its click to #nvBillPayDesktop (see script below). --> 3631 <ul class="newview-header-top__links-mobile"> 3632 <li> 3633 <button type="button" id="nvBillPayMobile" class="newview-header-top__link newview-billpay-btn" disabled=""> 3634 <span class="newview-header-top__link-icon" aria-hidden="true"> 3635 <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 16 16" fill="currentColor" preserveAspectRatio="xMidYMid meet"> 3636 <path d="M2 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm0 1h12a1 1 0 0 1 1 1v1H1V5a1 1 0 0 1 1-1M1 8h14v3a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1z"></path> 3637 <path d="M2.5 10h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1"></path> 3638 </svg> 3639 </span> 3640 Bill Pay 3641 </button> 3642 </li> 3643 </ul> 3644 3645 </div>
3646 </div> 3647 </nav> 3648 </div> 3649 </div> 3650</div> 3651 3652<!-- ============================================================ 3653 BILL PAY MOBILE PROXY 3654 Converge binds to one button only. This mirrors the enabled 3655 state onto the mobile button and forwards its clicks. 3656 ============================================================ -->
3657<script> 3658(function () { 3659 var desktop = document.getElementById('nvBillPayDesktop'); 3660 var mobile = document.getElementById('nvBillPayMobile'); 3661 if (!desktop || !mobile) return; 3662 3663 function sync() { mobile.disabled = desktop.disabled; } 3664 sync(); 3665 3666 new MutationObserver(sync).observe(desktop, { 3667 attributes: true, 3668 attributeFilter: ['disabled'] 3669 }); 3670 3671 mobile.addEventListener('click', function (e) { 3672 e.preventDefault(); 3673 desktop.click(); 3674 }); 3675})(); 3676</script>
3676 3677</header> 3678 3679 3680 <main id='theme-main'> 3681<style> 3682.blog-card-title a { 3683 font-size: 20px; 3684 font-weight: 500; 3685} 3686 3687/* ===== Cards ===== */ 3688.blog-card { 3689 background-color: #ffffff; 3690 border-radius: 20px; 3691 overflow: hidden; 3692 box-shadow: 0 4px 2px rgba(0, 0, 0, 0.14), 0 10px 24px -14px rgba(35, 77, 156, 0.35); 3693 transform: translateY(0); 3694 transition: transform 0.28s ease, box-shadow 0.28s ease; 3695 position: relative; 3696} 3697 3698.blog-card:hover { 3699 transform: translateY(-8px); 3700 box-shadow: 0 18px 40px rgba(35, 77, 156, 0.18); 3701} 3702 3703/* ===== Image area ===== */ 3704.blog-card-image-wrap { 3705 position: relative; 3706 overflow: hidden; 3707 aspect-ratio: 16 / 10; 3708} 3709 3710.blog-card-image { 3711 width: 100%; 3712 height: 100%; 3713 object-position: top; 3714 object-fit: cover; 3715 border-radius: 0; 3716 transform: scale(1); 3717 transition: transform 0.35s ease-in-out; 3718 display: block; 3719} 3720 3721.blog-card:hover .blog-card-image { 3722 transform: scale(1.06); 3723} 3724 3725/* ===== Content area ===== */ 3726.blog-card-content { 3727 padding: 18px 20px 20px; 3728} 3729 3730.blog-card-date { 3731 position: relative; 3732 padding-left: 16px; 3733 font-family: "Outfit", system-ui, sans-serif; 3734 font-size: 13px; 3735 color: #588CEB; 3736} 3737 3738.blog-card-date::before { 3739 content: ""; 3740 position: absolute; 3741 left: 0; 3742 top: 50%; 3743 width: 9px; 3744 height: 9px; 3745 border-radius: 999px; 3746 background: #588CEB; 3747 transform: translateY(-50%); 3748} 3749 3750.blog-card-title a { 3751 font-family: "Castoro", Georgia, "Times New Roman", serif; 3752 font-weight: 400; 3753 color: #2D2D2D; 3754 text-decoration: none; 3755 transition: color 0.28s ease; 3756} 3757 3758.blog-card-title a:hover { 3759 color: #588CEB; 3760} 3761 3762/* ===== Read more button ===== */ 3763.blog-card-footer { 3764 display: flex; 3765 justify-content: end; 3766} 3767 3768.blog-card-button { 3769 display: inline-flex; 3770 align-items: center; 3771 justify-content: center; 3772 padding: 0.5rem 1.25rem; 3773 background-color: #588CEB; 3774 color: #ffffff; 3775 border-radius: 20px; 3776 font-family: "Outfit", system-ui, sans-serif; 3777 font-weight: 600; 3778 font-size: 0.9rem; 3779 text-decoration: none; 3780 transition: background-color 0.2s ease, transform 0.2s ease; 3781} 3782 3783.blog-card-button:hover { 3784 background-color: #234D9C; 3785 color: #ffffff; 3786 transform: translateY(-1px); 3787} 3788 3789.blog-card-button svg { 3790 transition: transform 0.28s ease; 3791} 3792 3793.blog-card-button:hover svg { 3794 transform: translateX(2px); 3795} 3796 3797/* ===== Bottom accent bar ===== */ 3798.blog-card::after { 3799 content: ""; 3800 position: absolute; 3801 left: 0; 3802 bottom: 0; 3803 background: #588CEB; 3804 height: 4px; 3805 width: 0; 3806 transition: width 0.6s ease; 3807} 3808 3809.blog-card:hover::after { 3810 width: 100%; 3811} 3812 3813/* ===== Pagination ===== */ 3814.blog-archive-pagination { 3815 display: flex; 3816 justify-content: center; 3817} 3818 3819/* ===== Small Circular Dot ===== */ 3820.decorative-circle-dot { 3821 border-radius: 50%; 3822 position: absolute; 3823 width: var(--circle-sizes, 57px); 3824 height: var(--circle-sizes, 57px); 3825 background-color: var(--circle-color, rgba(88, 140, 235, 0.1)); 3826 display: block; 3827 z-index: 999; 3828} 3829</style> 3830 3831<section class="lc_section pt-lg-9 pt-8 pb-3 position-relative overflow-hidden" style="background: radial-gradient(48% 40% at 97% 2%, rgba(88, 140, 235, 0.10) 0%, rgba(88, 140, 235, 0) 60%), radial-gradient(34% 44% at 1% 28%, rgba(88, 140, 235, 0.08) 0%, rgba(88, 140, 235, 0) 62%), linear-gradient(98deg, #FFFFFF 0%, #FCFDFE 46%, #E7F0FC 100%);"> 3832 <div class="container"> 3833 <div class="row justify-content-center"> 3834 <div class="col-lg-10 col-xl-9"> 3835 <div class="lc-block mb-5 text-center"> 3836 <h1 class="mb-3 display-4 fw-bold" style="font-family: 'Castoro', Georgia, serif; font-weight: 400; color: #2D2D2D;">What's New</h1> 3837 <p class="mb-0 mx-auto" style="color: #555; max-width: 560px; font-family: 'Outfit', system-ui, sans-serif; font-weight: 300;">Stay Informed & Empowered With NewView Eye Center</p> 3838 <div class="mx-auto mt-3" style="width: 52px; height: 4px; background: #588CEB; border-radius: 2px;"></div> 3839 </div> 3840 </div> 3841 </div> 3842 </div> 3843</section> 3844 3845<section class="py-4 position-relative" style="background-color: #EFF5FF;"> 3846 <!-- Blue glow blob â matches specialty/optical sections --> 3847 <svg style="position:absolute; left:-180px; bottom:-80px; width:500px; height:400px; pointer-events:none; z-index:0;" viewBox="0 0 714.6 562.6" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
3848 <g opacity="0.6" filter="url(#blog-blob-blur)"> 3849 <path d="M479.8 302.256C479.8 339.511 401.475 325.03 366.177 325.03C330.879 325.03 234.8 339.511 234.8 302.256C234.8 265.001 380.589 234.8 415.887 234.8C451.185 234.8 479.8 265.001 479.8 302.256Z" fill="#588CEB"></path> 3850 </g> 3851 <defs> 3852 <filter id="blog-blob-blur" x="0" y="0" width="714.6" height="562.6" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> 3853 <feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood> 3854 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend> 3855 <feGaussianBlur stdDeviation="117.4" result="effect1_foregroundBlur"></feGaussianBlur> 3856 </filter> 3857 </defs> 3858 </svg> 3859 <div style="position: relative; z-index: 1;"> 3860 <section class="blog-archive-wrap py-5"> 3861 <div class="container"> 3862 <div class="blog-archive-grid row g-4 g-lg-5"> 3863 <div class="col-12 col-md-6 col-lg-4"> 3864 <article class="blog-card h-100 d-flex flex-column"> 3865 <a href="https://newviewlasereye.com/can-i-have-lasik-if-im-still-breastfeeding/" class="blog-card-image-link"> 3866 <div class="blog-card-image-wrap"> 3867 <img src="https://app-cdn.specialty.vision/wp-content/uploads/2026/02/young-adult-3.webp" alt="LASIK During Pregnancy or Breastfeeding: Your Questions Answered" class="blog-card-image img-fluid" loading="lazy"> </div> 3868 </a> 3869 3870 <div class="blog-card-content d-flex flex-column flex-grow-1"> 3871 <div class="blog-card-meta lc-block mb-1"> 3872 <span class="blog-card-date rfs-6 text-capitalize ls-3 text-dark-300"> 3873 July 21, 2026 </span> 3874 </div> 3875 3876 3877 <h2 class="blog-card-title rfs-12 text-primary fw-semibold lh-1 mb-3"> 3878 <a href="https://newviewlasereye.com/can-i-have-lasik-if-im-still-breastfeeding/"> 3879 LASIK During Pregnancy or Breastfeeding: Your Questions Answered </a> 3880 </h2> 3881 3882 3883 <div class="lc-block flex-grow-1"> 3884 <p class="blog-card-excerpt mb-0 rfs-6"> 3885 LASIK During Pregnancy or Breastfeeding: Your Questions Answered You're expecting , or nursing , and you've been dreaming about life... </p> 3886 </div> 3887 3888 <div class="blog-card-footer mt-3"> 3889 <a href="https://newviewlasereye.com/can-i-have-lasik-if-im-still-breastfeeding/" class="blog-card-button icon-link icon-link-hover ls-1"> 3890 Read more 3891 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
3892 viewBox="0 0 15 15" class="bi ms-1" aria-hidden="true"> 3893 <path d="M8.293 2.293a1 1 0 0 1 1.414 0l4.5 4.5a1 1 0 0 1 0 1.414l-4.5 4.5a1 1 0 0 1-1.414-1.414L11 8.5H1.5a1 1 0 0 1 0-2H11L8.293 3.707a1 1 0 0 1 0-1.414Z"></path> 3894 </svg> 3895 </a> 3896 </div> 3897 </div> 3898 </article> 3899 </div> 3900 <div class="col-12 col-md-6 col-lg-4"> 3901 <article class="blog-card h-100 d-flex flex-column"> 3902 <a href="https://newviewlasereye.com/how-to-use-eye-drops-correctly-technique-and-common-mistakes/" class="blog-card-image-link"> 3903 <div class="blog-card-image-wrap"> 3904 <img src="https://app-cdn.specialty.vision/wp-content/uploads/2026/02/older-adult-2.webp" alt="How to Use Eye Drops Correctly: A Step-by-Step Guide" class="blog-card-image img-fluid" loading="lazy"> </div> 3905 </a> 3906 3907 <div class="blog-card-content d-flex flex-column flex-grow-1"> 3908 <div class="blog-card-meta lc-block mb-1"> 3909 <span class="blog-card-date rfs-6 text-capitalize ls-3 text-dark-300"> 3910 July 21, 2026 </span> 3911 </div> 3912 3913 3914 <h2 class="blog-card-title rfs-12 text-primary fw-semibold lh-1 mb-3"> 3915 <a href="https://newviewlasereye.com/how-to-use-eye-drops-correctly-technique-and-common-mistakes/"> 3916 How to Use Eye Drops Correctly: A Step-by-Step Guide </a> 3917 </h2> 3918 3919 3920 <div class="lc-block flex-grow-1"> 3921 <p class="blog-card-excerpt mb-0 rfs-6"> 3922 How to Use Eye Drops Correctly: A Step-by-Step Guide This guide is for anyone who has been prescribed eye drops... </p> 3923 </div> 3924 3925 <div class="blog-card-footer mt-3"> 3926 <a href="https://newviewlasereye.com/how-to-use-eye-drops-correctly-technique-and-common-mistakes/" class="blog-card-button icon-link icon-link-hover ls-1"> 3927 Read more 3928 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
3929 viewBox="0 0 15 15" class="bi ms-1" aria-hidden="true"> 3930 <path d="M8.293 2.293a1 1 0 0 1 1.414 0l4.5 4.5a1 1 0 0 1 0 1.414l-4.5 4.5a1 1 0 0 1-1.414-1.414L11 8.5H1.5a1 1 0 0 1 0-2H11L8.293 3.707a1 1 0 0 1 0-1.414Z"></path> 3931 </svg> 3932 </a> 3933 </div> 3934 </div> 3935 </article> 3936 </div> 3937 <div class="col-12 col-md-6 col-lg-4"> 3938 <article class="blog-card h-100 d-flex flex-column"> 3939 <a href="https://newviewlasereye.com/top-4-reasons-eye-exam-fall/" class="blog-card-image-link"> 3940 <div class="blog-card-image-wrap"> 3941 <img src="https://app-cdn.specialty.vision/wp-content/uploads/2026/02/diabetic-eye-10.webp" alt="4 Reasons You Need a Comprehensive Eye Exam" class="blog-card-image img-fluid" loading="lazy"> </div> 3942 </a> 3943 3944 <div class="blog-card-content d-flex flex-column flex-grow-1"> 3945 <div class="blog-card-meta lc-block mb-1"> 3946 <span class="blog-card-date rfs-6 text-capitalize ls-3 text-dark-300"> 3947 July 21, 2026 </span> 3948 </div> 3949 3950 3951 <h2 class="blog-card-title rfs-12 text-primary fw-semibold lh-1 mb-3"> 3952 <a href="https://newviewlasereye.com/top-4-reasons-eye-exam-fall/"> 3953 4 Reasons You Need a Comprehensive Eye Exam </a> 3954 </h2> 3955 3956 3957 <div class="lc-block flex-grow-1"> 3958 <p class="blog-card-excerpt mb-0 rfs-6"> 3959 4 Reasons You Need a Comprehensive Eye Exam You feel fine. You see clearly. So why bother with an eye... </p> 3960 </div> 3961 3962 <div class="blog-card-footer mt-3"> 3963 <a href="https://newviewlasereye.com/top-4-reasons-eye-exam-fall/" class="blog-card-button icon-link icon-link-hover ls-1"> 3964 Read more 3965 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
3966 viewBox="0 0 15 15" class="bi ms-1" aria-hidden="true"> 3967 <path d="M8.293 2.293a1 1 0 0 1 1.414 0l4.5 4.5a1 1 0 0 1 0 1.414l-4.5 4.5a1 1 0 0 1-1.414-1.414L11 8.5H1.5a1 1 0 0 1 0-2H11L8.293 3.707a1 1 0 0 1 0-1.414Z"></path> 3968 </svg> 3969 </a> 3970 </div> 3971 </div> 3972 </article> 3973 </div> 3974 </div><!-- /.blog-archive-grid --> 3975 3976 </div><!-- /.container --> 3977 </section> 3978 3979 </div> 3980</section> 3981</main> 3982 3983 3984 3985<footer id='lc-footer'><style> 3986 /* ââ Footer theme (matches Figma 3274:1316): white card on periwinkle band ââ */ 3987 .newview-footer { 3988 --nv-foot-band: #A4C3FC; /* periwinkle page band */ 3989 --nv-foot-card: #FFFFFF; /* white container card */ 3990 --nv-foot-text: #2D2D2D; /* body/heading text */ 3991 --nv-foot-accent: #234D9C; /* dark blue: icons, borders, links */ 3992 --nv-foot-tile: rgba(255, 255, 255, 0.6); /* pills + location cards */ 3993 background: var(--nv-foot-band); 3994 color: var(--nv-foot-text); 3995 font-family: 'Outfit', system-ui, -apple-system, sans-serif; 3996 } 3997 3998 .newview-footer-card { 3999 background: var(--nv-foot-card); 4000 border-radius: 20px; 4001 } 4002 4003 .newview-footer-serif { 4004 font-family: 'Castoro', Georgia, serif; 4005 } 4006 4007 /* ââ Logo wordmark placeholder ââ */ 4008 .newview-footer-logo { 4009 color: var(--nv-foot-accent); 4010 font-family: 'Castoro', Georgia, serif; 4011 font-size: clamp(24px, 2vw + 8px, 30px); 4012 letter-spacing: 0.5px; 4013 line-height: 1.1; 4014 } 4015 4016 /* ââ Logo ââ */ 4017 .newview-footer-logo-img { 4018 width: 260px; /* actual display size â nudge to taste */ 4019 max-width: 100%; /* stays responsive on small screens */ 4020 height: auto; 4021 } 4022 4023 /* ââ Social icons ââ */ 4024 .newview-footer-social { 4025 display: inline-flex; 4026 align-items: center; 4027 justify-content: center; 4028 width: 32px; 4029 height: 32px; 4030 text-decoration: none; 4031 } 4032 .newview-footer-social svg { 4033 width: 100%; 4034 height: 100%; 4035 display: block; 4036 transition: transform 0.2s ease; 4037 } 4038 .newview-footer-social:hover svg, 4039 .newview-footer-social:focus-visible svg { 4040 transform: scale(1.08); 4041 } 4042 4043 /* ââ Doctor pills ââ */ 4044 .newview-footer-doctor-card { 4045 background-color: var(--nv-foot-tile); 4046 border: 1px solid var(--nv-foot-accent); 4047 color: var(--nv-foot-text); 4048 border-radius: 10px; 4049 font-family: 'Castoro', Georgia, serif; 4050 font-size: 15px; 4051 line-height: 1.2; 4052 text-decoration: none; 4053 transition: background-color 0.2s ease, color 0.2s ease; 4054 } 4055 .newview-footer-doctor-card:hover, 4056 .newview-footer-doctor-card:focus-visible { 4057 background-color: var(--nv-foot-accent); 4058 color: #ffffff; 4059 text-decoration: none; 4060 } 4061 4062 /* ââ Menu links ââ */ 4063 .newview-footer-menu { 4064 column-gap: 30px; 4065 row-gap: 10px; 4066 } 4067 .newview-footer-menu a { 4068 font-family: 'Castoro', Georgia, serif; 4069 font-size: 15px; 4070 color: var(--nv-foot-text); 4071 text-decoration: none; 4072 line-height: 1.3; 4073 white-space: nowrap; 4074 } 4075 .newview-footer-menu a:hover, 4076 .newview-footer-menu a:focus-visible { 4077 color: var(--nv-foot-accent); 4078 text-decoration: underline; 4079 text-decoration-color: var(--nv-foot-accent); 4080 } 4081 4082 /* ââ Location cards ââ */ 4083 .newview-footer-loc-tile { 4084 background-color: var(--nv-foot-tile); 4085 border: 1px solid var(--nv-foot-accent); 4086 border-radius: 20px; 4087 } 4088 .newview-footer-loc-title a { 4089 font-family: 'Castoro', Georgia, serif; 4090 font-size: clamp(20px, 1.2vw + 12px, 25px); 4091 color: var(--nv-foot-text); 4092 text-decoration: none; 4093 } 4094 .newview-footer-loc-title a:hover, 4095 .newview-footer-loc-title a:focus-visible { 4096 color: var(--nv-foot-accent); 4097 } 4098 .newview-footer-contact-line, 4099 .newview-footer-fax-line { 4100 font-size: 15px; 4101 line-height: 1.4; 4102 color: var(--nv-foot-text); 4103 } 4104 .newview-footer-contact-line a, 4105 .newview-footer-fax-line span { 4106 color: var(--nv-foot-text); 4107 } 4108 .newview-footer-contact-line a:hover, 4109 .newview-footer-contact-line a:focus-visible { 4110 color: var(--nv-foot-accent); 4111 text-decoration: underline; 4112 } 4113 .newview-footer-contact-line i, 4114 .newview-footer-fax-line i { 4115 color: var(--nv-foot-accent); 4116 font-size: 15px; 4117 width: 18px;
4118 flex-shrink: 0; 4119 } 4120 4121 /* ââ Bottom bar ââ */ 4122 .newview-footer-bottom { 4123 border-top: 1px solid rgba(35, 77, 156, 0.18); 4124 } 4125 .newview-footer-copy { 4126 font-size: 13.5px; 4127 color: var(--nv-foot-text); 4128 } 4129 .newview-footer-legal a { 4130 font-size: 13.5px; 4131 color: var(--nv-foot-text); 4132 text-decoration: none; 4133 } 4134 .newview-footer-legal a:hover, 4135 .newview-footer-legal a:focus-visible { 4136 color: var(--nv-foot-accent); 4137 text-decoration: underline; 4138 } 4139 4140</style> 4141 4142 4143 <footer class="newview-footer py-4 py-lg-5 px-2 position-relative" role="contentinfo"> 4144 <div class="container"> 4145 <div class="newview-footer-card p-4 p-lg-5"> 4146 4147 <!-- âââ TOP: Logo + Social (left) / Doctor pills + Menu (right) âââ --> 4148 <div class="row gy-5 gx-4 align-items-start"> 4149 4150 <!-- Logo & Social --> 4151 <div class="col-12 col-lg-4 d-flex flex-column gap-4 align-items-center align-items-lg-start"> 4152 <a href="https://newviewlasereye.com/" class="text-decoration-none text-center text-lg-start" aria-label="NewView Eye Center â go to homepage"> 4153 <img src="http://newviewlasereye.sv-builder.com/wp-content/uploads/sites/55/2026/07/NewView-Logo-updated.svg" loading="eager" class="newview-footer-logo-img wp-image-12963" alt="NewView Eye Center" /> 4154 </a> 4155 4156 <div class="d-flex flex-wrap gap-3 justify-content-center justify-content-lg-start"> 4157 <!-- Facebook --> 4158 <a href="https://www.facebook.com/NewViewEyeCenter/" target="_blank" rel="noopener noreferrer" class="newview-footer-social" aria-label="Visit NewView Eye Center on Facebook (opens in new window)"> 4159 <svg viewBox="25.32 0 32.16 32.16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 4160 <path d="M57.0745 16.0809C57.0742 19.8138 55.7416 23.424 53.3164 26.2618C50.8913 29.0996 47.5329 30.9787 43.8457 31.5609V20.6155H47.5013L48.1981 16.0809H43.8457V13.1435C43.8205 12.8067 43.8707 12.4686 43.9927 12.1536C44.1146 11.8387 44.3052 11.5548 44.5506 11.3228C44.796 11.0908 45.09 10.9163 45.4113 10.8122C45.7325 10.708 46.073 10.6768 46.4078 10.7208H48.3804V6.84004C47.2212 6.64957 46.0495 6.54565 44.8749 6.52915C41.2943 6.52915 38.9573 8.6732 38.9573 12.629V16.0809H34.9694V20.6155H38.9573V31.5609C35.9985 31.0937 33.2356 29.7885 30.9956 27.7997C28.7557 25.8109 27.1325 23.2219 26.3185 20.3392C25.5044 17.4565 25.5334 14.4009 26.4022 11.5342C27.2709 8.66751 28.9429 6.10981 31.2203 4.16396C33.4976 2.21811 36.2849 0.965619 39.252 0.554805C42.2191 0.143991 45.2418 0.592058 47.9622 1.84595C50.6826 3.09984 52.9866 5.10703 54.6016 7.62985C56.2165 10.1527 57.0747 13.0854 57.0745 16.0809Z" fill="#234D9C"></path> 4161 </svg> 4162 </a> 4163 <!-- Instagram --> 4164 <a href="https://www.instagram.com/newvieweyecenter/" target="_blank" rel="noopener noreferrer" class="newview-footer-social" aria-label="Follow NewView Eye Center on Instagram (opens in new window)"> 4165 <svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 4166 <circle cx="16" cy="16" r="16" fill="#234D9C"></circle> 4167 <g transform="translate(7,7) scale(0.75)"> 4168 <path d="M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.00
41687-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077" fill="#ffffff"></path> 4169 </g> 4170 </svg> 4171 </a> 4172 <!-- X (Twitter) --> 4173 <a href="https://x.com/newvieweye" target="_blank" rel="noopener noreferrer" class="newview-footer-social" aria-label="Follow NewView Eye Center on X (opens in new window)"> 4174 <svg viewBox="137.75 0.64 30.88 30.88" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 4175 <path d="M153.189 0.643312C161.715 0.643312 168.626 7.55513 168.626 16.0808C168.626 24.6063 161.714 31.5173 153.189 31.5173C144.663 31.5172 137.753 24.6062 137.752 16.0808C137.752 7.55524 144.663 0.643495 153.189 0.643312ZM150.784 16.5486L144.433 23.4324H147.152L152.054 18.1199L156.338 23.4324H161.807L154.822 14.6746L160.759 8.23902H158.042L153.564 13.0935L149.692 8.23902H144.082L150.784 16.5486ZM158.594 21.8884L157.088 21.8894L147.257 9.70093H148.873L158.594 21.8884Z" fill="#234D9C"></path> 4176 </svg> 4177 </a> 4178 <!-- YouTube --> 4179 <a href="https://www.youtube.com/newvieweyecenter" target="_blank" rel="noopener noreferrer" class="newview-footer-social" aria-label="Watch NewView Eye Center on YouTube (opens in new window)"> 4180 <svg viewBox="192.68 0.64 30.88 30.88" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 4181 <path d="M210.696 15.8118L207.085 14.1266C206.769 13.9802 206.51 14.1443 206.51 14.4932V17.6675C206.51 18.0164 206.769 18.1804 207.085 18.0341L210.695 16.3489C211.011 16.2009 211.011 15.9597 210.696 15.8118ZM208.119 0.643211C199.593 0.643211 192.681 7.55454 192.681 16.0803C192.681 24.6061 199.593 31.5174 208.119 31.5174C216.644 31.5174 223.556 24.6061 223.556 16.0803C223.556 7.55454 216.644 0.643211 208.119 0.643211ZM208.119 22.3517C200.217 22.3517 200.078 21.6393 200.078 16.0803C200.078 10.5214 200.217 9.809 208.119 9.809C216.02 9.809 216.159 10.5214 216.159 16.0803C216.159 21.6393 216.02 22.3517 208.119 22.3517Z" fill="#234D9C"></path> 4182 </svg> 4183 </a> 4184 <!-- Google --> 4185 <a href="https://www.google.com/search?q=new+view+eye+center#lrd=0x89b6481af3ee0cd5:0xa62b5dabc8f05d2,1" target="_blank" rel="noopener noreferrer" class="newview-footer-social" aria-label="Review NewView Eye Center on Google (opens in new window)"> 4186 <svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 4187 <circle cx="16" cy="16" r="16" fill="#234D9C"></circle> 4188 <g transform="translate(7,7) scale(0.75)"> 4189 <path d="M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z" fill="#ffffff"></path> 4190 </g> 4191 </svg> 4192 </a> 4193 <!-- Yelp --> 4194 <a href="https://www.yelp.com/biz/newview-eye-center-reston" target="_blank" rel="noopener noreferrer" class="newview-footer-social" aria-label="Find NewView Eye Center on Yelp (opens in new window)"> 4195 <svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 4196 <circle cx="16" cy="16" r="16" fill="#234D9C"></circle> 4197 <g transform="translate(7,7) scale(0.75)"> 4198 <path d="m7.6885 15.1415-3.6715.8483c-.3769.0871-.755.183-1.1452.155-.2611-.0188-.5122-.0414-.7606-.213a1.179 1.179 0 0 1-.331-.3594c-.3486-.5519-.3656-1.3661-.3697-2.0004a6.2874 6.2874 0 0 1 .3314-2.0642 1.857 1.857 0 0 1 .1073-.2474 2.3426 2.3426 0 0 1 .1255-.2165 2.4572 2.4572 0 0 1 .1563-.1975 1.1736 1.1736 0 0 1 .399-.2831 1.082 1.082 0 0 1 .4592-.0837c.2355.0016.5139.052.91.1734.0555.0191.1237.0382.1856.0572.3277.1013.7048.2404 1.1499.3987.6863.2404 1.3663.487 2.0463.7397l1.2117.4423c.2217.0807.4363.18.6412.297.174.0984.3273.2298.4512.387a1.217 1.217 0 0 1 .192.4309 1.2205 1.2205 0 0 1-.872 1.4522c-.0468.0151-.0852.0239-.1085.0293l-1.105.2553-.0031-.001zM18.8208 7.565a1.8506 1.8506 0 0 0-.2042-.1754 2.4082 2.4082 0 0 0-.2077-.1394 2.3607 2.3607 0 0 0-.2269-.109 1.1705 1.1705 0 0 0-.482-.0796 1.0862 1.0862 0 0 0-.4498.12
419863c-.2107.1048-.4388.2732-.742.5551-.042.0417-.0947.0886-.142.133-.2502.2351-.5286.5252-.8599.863a114.6363 114.6363 0 0 0-1.5166 1.5629l-.8962.9293a4.1897 4.1897 0 0 0-.4466.5483 1.541 1.541 0 0 0-.2364.5459 1.2199 1.2199 0 0 0 .0107.4518l.0046.02a1.218 1.218 0 0 0 1.4184.923 1.162 1.162 0 0 0 .1105-.0213l4.7781-1.104c.3766-.087.7587-.1667 1.097-.3631.2269-.1316.4428-.262.5909-.5252a1.1793 1.1793 0 0 0 .1405-.4683c.0733-.6512-.2668-1.3908-.5403-1.963a6.2792 6.2792 0 0 0-1.2001-1.7103zM8.9703.0754a8.6724 8.6724 0 0 0-.83.1564c-.2754.066-.548.1383-.8146.2236-.868.2844-2.0884.8063-2.295 1.8065-.1165.5655.1595 1.1439.3737 1.66.2595.6254.614 1.1889.9373 1.7777.8543 1.5545 1.7245 3.0993 2.5922 4.6457.259.4617.5416 1.0464 1.043 1.2856a1.058 1.058 0 0 0 .1013.0383c.2248.0851.4699.1016.7041.0471a4.3015 4.3015 0 0 0 .0418-.0097 1.2136 1.2136 0 0 0 .5658-.3397 1.1033 1.1033 0 0 0 .079-.0822c.3463-.435.3454-1.0833.3764-1.6134.1042-1.771.2139-3.5423.3009-5.3142.0332-.6712.1055-1.3333.0655-2.0096-.0328-.5579-.0368-1.1984-.3891-1.6563-.6218-.8073-1.9476-.741-2.8523-.6158zm2.084 15.9505a1.1053 1.1053 0 0 0-1.2306-.4145 1.1398 1.1398 0 0 0-.1526.0633 1.4806 1.4806 0 0 0-.1932.1181 5.5942 5.5942 0 0 0-.1619.1553c-.1751.1782-.3286.3863-.484.5928-.4335.5723-.8608 1.149-1.2872 1.7263l-.7599 1.0247c-.139.1875-.2831.3705-.3813.5849a1.156 1.156 0 0 0-.1005.3577 1.0716 1.0716 0 0 0 .0242.3923c.0669.2606.2263.4708.3719.6903.4924.7419 1.1494 1.351 1.8582 1.8798a6.264 6.264 0 0 0 1.8065.9553 1.856 1.856 0 0 0 .2582.0616 2.3419 2.3419 0 0 0 .2497.0263 2.4495 2.4495 0 0 0 .2516-.0053 1.1735 1.1735 0 0 0 .4737-.1348 1.0821 1.0821 0 0 0 .3576-.2986c.14-.1899.2565-.4455.3968-.8296.0197-.0538.0431-.1197.0632-.1807.1067-.3242.2199-.7091.3323-1.1614.1734-.6971.3287-1.4022.4849-2.104l.2751-1.267c.0503-.2318.0838-.4662.0782-.7036-.0047-.2-.0414-.3931-.1348-.5725a1.216 1.216 0 0 0-.284-.3593z" fill="#ffffff"></path> 4199 </g> 4200 </svg> 4201 </a> 4202 </div> 4203 </div> 4204 4205 <!-- Doctor pills + Menu --> 4206 <div class="col-12 col-lg-8 d-flex flex-column gap-4 align-items-center align-items-lg-end"> 4207 4208 <!-- Doctor pills (dynamic) --> 4209 <div class="d-flex flex-wrap gap-3 justify-content-center justify-content-lg-end"> 4210 4211 <a href="https://newviewlasereye.com/doctor/jacqueline-deneen-griffiths-m-d/" class="newview-footer-doctor-card d-inline-flex align-items-center px-3 py-2"> 4212 Dr. Griffiths 4213 </a> 4214 4215 <a href="https://newviewlasereye.com/doctor/claiborne-m-callahan-md/" class="newview-footer-doctor-card d-inline-flex align-items-center px-3 py-2"> 4216 Dr. Callahan 4217 </a> 4218 4219 </div> 4220 4221 <!-- Menu --> 4222 <nav class="w-100" aria-label="Footer menu"> 4223 <div class="d-flex flex-wrap newview-footer-menu justify-content-center justify-content-lg-end"> 4224 <a href="https://newviewlasereye.com/">Home</a> 4225 <a href="https://newviewlasereye.com/about-us/">About Us</a> 4226 <a href="https://newviewlasereye.com/primary-eye-care/">Primary Eye Care</a> 4227 <a href="https://newviewlasereye.com/optical-center/">Optical Center</a> 4228 <a href="https://newviewlasereye.com/blogs/">Blog</a> 4229 </div> 4230 <div class="d-flex flex-wrap newview-footer-menu justify-content-center justify-content-lg-end mt-2"> 4231 <a href="https://newviewlasereye.com/lasik/">Lasik</a> 4232 <a href="https://newviewlasereye.com/cataracts/">Cataracts</a> 4233 <a href="https://newviewlasereye.com/specialty-eye-care/">Specialty Eye Care</a> 4234 <a href="https://newviewlasereye.com/aesthetics/">Aesthetics</a> 4235 <a href="https://newviewlasereye.com/patient-forms/">Patient Forms</a> 4236 <a href="https://newviewlasereye.com/patient-financing/">Financing</a> 4237 </div> 4238 </nav> 4239 </div> 4240 </div> 4241 4242 <!-- âââ LOCATION CARDS (dynamic) âââ --> 4243 <div class="row justify-content-center g-4 mt-2"> 4244 4245 <div class="col-12 col-lg-6"> 4246 <div class="newview-footer-loc-tile h-100 p-4 p-lg-5"> 4247 4248 <!-- Location title --> 4249 <div class="fw-semibold lh-sm mb-3 newview-footer-loc-title">
4250 <a href="https://newviewlasereye.com/location/newview-eye-center-reston/"> 4251 NewView Eye Center Reston 4252 </a> 4253 </div> 4254 4255 <div class="row g-3"> 4256 <!-- Address (opens Google Maps) --> 4257 <div class="col-12 col-sm-7"> 4258 <div class="d-flex align-items-start newview-footer-contact-line"> 4259 <i class="fa-solid fa-location-dot me-2 mt-1" aria-hidden="true"></i> 4260 <a href="https://www.google.com/maps/place/NewView+Eye+Center/@38.9554475,-77.3644638,14z/data=!4m8!1m2!2m1!1sNewView+Eye+Center!3m4!1s0x89b6481af3ee0cd5:0xa62b5dabc8f05d2!8m2!3d38.9554475!4d-77.3644638" target="_blank" rel="noopener noreferrer" class="text-decoration-none"> 4261 12110 Sunset Hills Rd, 4262 Reston, 4263 Virginia 4264 20190 4265 <span class="visually-hidden">(opens Google Maps in new window)</span> 4266 </a> 4267 </div> 4268 </div> 4269 4270 <!-- Phone + Fax --> 4271 <div class="col-12 col-sm-5"> 4272 4273 <div class="d-flex align-items-start mb-2 newview-footer-contact-line"> 4274 <i class="fa-solid fa-phone me-2 mt-1" aria-hidden="true"></i> 4275 <a href="tel:+1(703)-834-9777" class="text-decoration-none"> 4276 (703) 834-9777 4277 </a> 4278 </div> 4279 4280 4281 4282 4283 4284 <div class="d-flex align-items-start newview-footer-fax-line"> 4285 <i class="fa-solid fa-fax me-2 mt-1" aria-hidden="true"></i> 4286 <span> 4287 703-834-8187 4288 </span> 4289 </div> 4290 4291 </div> 4292 </div> 4293 4294 </div> 4295 </div> 4296 4297 <div class="col-12 col-lg-6"> 4298 <div class="newview-footer-loc-tile h-100 p-4 p-lg-5"> 4299 4300 <!-- Location title --> 4301 <div class="fw-semibold lh-sm mb-3 newview-footer-loc-title"> 4302 <a href="https://newviewlasereye.com/location/newview-eye-center-leesburg/"> 4303 NewView Eye Center Leesburg 4304 </a> 4305 </div> 4306 4307 <div class="row g-3"> 4308 <!-- Address (opens Google Maps) --> 4309 <div class="col-12 col-sm-7"> 4310 <div class="d-flex align-items-start newview-footer-contact-line"> 4311 <i class="fa-solid fa-location-dot me-2 mt-1" aria-hidden="true"></i> 4312 <a href="https://www.google.com/maps/place/CLAIBORNE+M+CALLAHAN/@39.104566999999996,-77.5723967,14z/data=!4m8!1m2!2m1!1sCLAIBORNE+M+CALLAHAN!3m4!1s0x89b6162de60c598f:0x8cba9f39eb7ea620!8m2!3d39.104566999999996!4d-77.5723967" target="_blank" rel="noopener noreferrer" class="text-decoration-none"> 4313 20 Davis Ave SW, 4314 Leesburg, 4315 Virginia 4316 20175 4317 <span class="visually-hidden">(opens Google Maps in new window)</span> 4318 </a> 4319 </div> 4320 </div> 4321 4322 <!-- Phone + Fax --> 4323 <div class="col-12 col-sm-5"> 4324 4325 <div class="d-flex align-items-start mb-2 newview-footer-contact-line"> 4326 <i class="fa-solid fa-phone me-2 mt-1" aria-hidden="true"></i> 4327 <a href="tel:+1(703)-777-1244" class="text-decoration-none"> 4328 (703) 777-1244 4329 </a> 4330 </div> 4331 4332 4333 4334 4335 4336 <div class="d-flex align-items-start newview-footer-fax-line"> 4337 <i class="fa-solid fa-fax me-2 mt-1" aria-hidden="true"></i> 4338 <span> 4339 703-834-8187 4340 </span> 4341 </div> 4342 4343 </div> 4344 </div> 4345 4346 </div> 4347 </div> 4348 4349 </div> 4350 4351 <!-- âââ BOTTOM BAR âââ --> 4352 <div class="newview-footer-bottom mt-4 mt-lg-5 pt-3"> 4353 <div class="d-flex flex-column flex-md-row justify-content-between align-items-center gap-2"> 4354 <p class="newview-footer-copy mb-0 text-center text-md-start">Copyright 2026 © NewView Eye Center. All Rights Reserved.</p> 4355 <nav class="d-flex flex-wrap gap-3 justify-content-center newview-footer-legal" aria-label="Legal"> 4356 <a href="https://newviewlasereye.com/accessibility/">Accessibility</a> 4357 <a href="https://newviewlasereye.com/disclaimer/">Disclaimer</a>
4358 <a href="https://newviewlasereye.com/compliance-risk/">Compliance & Risk</a> 4359 <a href="https://refocuseyedoctors.com/privacy-policy/">Privacy</a> 4360 <a href="https://refocuseyedoctors.com/terms-of-use/">Terms of Use</a> 4361 <a href="https://refocuseyedoctors.com/notice-of-nondiscrimination-policy/">Nondiscrimination</a> 4362 <a href="https://refocuseyedoctors.com/billing-disclosure/">Billing Disclosure</a> 4363 </nav> 4364 </div> 4365 </div> 4366 4367 </div> 4368 </div> 4369 </footer> 4370 4371 4372<!-- Floating CTA Button (mobile only) --> 4373<div class="d-md-none position-fixed bottom-0 mb-3 px-3 w-100 z-3"> 4374 <style> 4375 .newview-phone { display: inline-block; font-family: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; } 4376 4377 /* ââ Call button (single + multi trigger share this base) ââ */ 4378 .newview-phone .newview-phone__btn { 4379 position: relative; 4380 display: inline-flex; 4381 align-items: center; 4382 justify-content: center; 4383 gap: 10px; 4384 padding: 14px 26px; 4385 border-radius: 20px; 4386 border: 1px solid #588CEB; 4387 background-color: #588CEB; 4388 color: #ffffff; 4389 font-size: 18px; 4390 font-weight: 600; 4391 line-height: 1.2; 4392 letter-spacing: 0.01em; 4393 text-decoration: none; 4394 cursor: pointer; 4395 transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; 4396 } 4397 .newview-phone .newview-phone__btn:hover, 4398 .newview-phone .newview-phone__btn:focus-visible { 4399 background-color: #234D9C; 4400 border-color: #234D9C; 4401 color: #ffffff; 4402 transform: translateY(-1px); 4403 box-shadow: 0 8px 20px rgba(35, 77, 156, 0.20); 4404 outline: none; 4405 } 4406 .newview-phone .newview-phone__btn:focus-visible { 4407 outline: 2px solid #234D9C; 4408 outline-offset: 3px; 4409 } 4410 .newview-phone .newview-phone__icon { flex-shrink: 0; } 4411 .newview-phone .newview-phone__chevron { 4412 flex-shrink: 0; 4413 transition: transform 0.3s ease; 4414 } 4415 /* Bootstrap toggles .show on the .dropdown when open */ 4416 .newview-phone .dropdown.show .newview-phone__chevron { transform: rotate(90deg); } 4417 4418 /* Bootstrap's dropdown-toggle adds a caret ::after â hide it (we use our own chevron) */ 4419 .newview-phone .newview-phone__btn.dropdown-toggle::after { display: none; } 4420 4421 /* ââ Dropdown menu â VISUAL SKIN ONLY. Popper owns position/transform via 4422 inline styles (incl. the auto-flip up on the floating bar), so no 4423 top/left/transform here or it would fight Popper. ââ */ 4424 .newview-phone .dropdown-menu.newview-phone__menu { 4425 min-width: 18rem; 4426 margin: 0; 4427 padding: 10px; 4428 list-style: none; 4429 background: #ffffff; 4430 border: 1px solid #DAE7FF; 4431 border-radius: 16px; 4432 box-shadow: 0 18px 48px rgba(35, 77, 156, 0.18), 0 4px 12px rgba(0, 0, 0, 0.06); 4433 z-index: 1000; 4434 } 4435 /* Entrance animation on Bootstrap's .show (transform-free so Popper's 4436 positioning transform is never overwritten). */ 4437 .newview-phone .dropdown-menu.newview-phone__menu.show { 4438 animation: newviewPhoneDropIn 0.2s ease forwards; 4439 } 4440 @keyframes newviewPhoneDropIn { 4441 from { opacity: 0; } 4442 to { opacity: 1; } 4443 } 4444 4445 /* ââ Location items ââ */ 4446 .newview-phone .newview-phone__item { 4447 display: flex; 4448 align-items: center; 4449 justify-content: space-between; 4450 gap: 12px; 4451 padding: 11px 14px; 4452 border-radius: 12px; 4453 color: #234D9C; 4454 text-decoration: none; 4455 background: transparent; 4456 border: 1.5px solid transparent; 4457 transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease; 4458 } 4459 .newview-phone .newview-phone__item:hover, 4460 .newview-phone .newview-phone__item:focus-visible { 4461 background: #588CEB; 4462 color: #ffffff; 4463 transform: translateX(3px); 4464 outline: none; 4465 } 4466 .newview-phone .newview-phone__item:hover .newview-phone__item-icon, 4467 .newview-phone .newview-phone__item:focus-visible .newview-phone__item-icon { 4468 color: rgba(255, 255, 255, 0.85); 4469 } 4470 .newview-phone .newview-phone__item-text { 4471 display: flex; 4472 flex-direction: column; 4473 gap: 2px; 4474 flex: 1; 4475 text-align: left; 4476 } 4477 .newview-phone .newview-phone__item-city { 4478 font-size: 0.75rem; 4479 font-weight: 500; 4480 text-transform: uppercase; 4481 letter-spacing: 0.06em; 4482 opacity: 0.7; 4483 line-height: 1; 4484 } 4485 .newview-phone .newview-phone__item-phone { 4486 font-size: 1rem; 4487 font-weight: 700; 4488 letter-spacing: 0.02em; 4489 line-height: 1.2; 4490 } 4491 .newview-phone .newview-phone__item-icon { 4492 color: #588CEB; 4493 opacity: 0.55; 4494 flex-shrink: 0; 4495 transition: color 0.18s ease, opacity 0.18s ease; 4496 } 4497 .newview-phone .newview-phone__item + .newview-phone__item { 4498 border-top: 1px solid rgba(35, 77, 156, 0.08); 4499 margin-top: 6px; 4500 padding-top: 14px; 4501 } 4502 4503 @media (max-width: 575.98px) { 4504 .newview-phone, 4505 .newview-phone .dropdown, 4506 .newview-phone .newview-phone__btn { width: 100%; } 4507 .newview-phone .dropdown-menu.newview-phone__menu { min-width: 100%; width: 100%; } 4508 } 4509 </style> 4510 <div class="newview-phone newview-schedule-phone"> 4511 <div class="dropdown newview-phone__dropdown"> 4512 <button type="button" 4513 class="newview-phone__btn newview-phone__btn--toggle nw_btn dropdown-toggle" 4514 data-bs-toggle="dropdown"
4515 data-bs-auto-close="true" 4516 aria-expanded="false"> 4517 <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" fill="currentColor" class="newview-phone__icon" viewBox="0 0 16 16" aria-hidden="true"><path d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"/></svg> <span>2 Locations â Call Now!</span> 4518 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="newview-phone__chevron" viewBox="0 0 16 16" aria-hidden="true"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/></svg> </button> 4519 4520 <ul class="dropdown-menu newview-phone__menu" role="menu"> 4521 <li role="none"> 4522 <a class="newview-phone__item" 4523 href="tel:+17037771244" 4524 role="menuitem"> 4525 <span class="newview-phone__item-text"> 4526 <span class="newview-phone__item-city">Leesburg</span> 4527 <span class="newview-phone__item-phone">(703) 777-1244</span> 4528 </span> 4529 <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" class="newview-phone__item-icon" viewBox="0 0 16 16" aria-hidden="true"><path d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"/></svg> </a> 4530 </li> 4531 <li role="none"> 4532 <a class="newview-phone__item" 4533 href="tel:+17038349777" 4534 role="menuitem"> 4535 <span class="newview-phone__item-text"> 4536 <span class="newview-phone__item-city">Reston</span> 4537 <span class="newview-phone__item-phone">(703) 834-9777</span> 4538 </span> 4539 <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" class="newview-phone__item-icon" viewBox="0 0 16 16" aria-hidden="true"><path d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"/></svg> </a> 4540 </li> 4541 </ul> 4542 </div> 4543 </div> 4544 4545</div> 4546 4547<!-- Website Credit --> 4548<div> 4549 <div class="container"> 4550 <div class="d-flex flex-row justify-content-center align-items-center bg-white text-dark py-3 gap-2"> 4551 <span class="m-0 rfs-6">Website Designed by</span> 4552 <a href="https://specialty.vision/marketing-for-ophthalmology/" class="text-decoration-none d-flex align-items-center gap-2"> 4553 <img class="img-fluid" width="23" height="23" src="https://ed7e7u353i8.exactdn.com/wp-content/uploads/sites/9/2025/09/favicon-specialty-vision-fullcolor11.webp?strip=all" alt="Specialty Vision logo" loading="lazy">
4554 <span class="rfs-6 fw-bold">Specialty Vision</span> 4555 </a> 4556 </div> 4557 </div> 4558</div></footer> 4559 4560 4561 4562
4562<script type="speculationrules"> 4563{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/sites/55/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/picostrap5/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 4564</script>
4564 4565 4566
4566<script id="lc_script_tag" type="module"></script>
4566 4567
4567<script id="accessibility-widget-js-extra"> 4568var _cyA11yConfig = {"status":{"mobile":true,"desktop":true},"iconId":"default","iconSize":"48","label":"Accessibility widget","heading":"Accessibility menu","position":{"mobile":"bottom-right","desktop":"bottom-right"},"language":{"default":"en","selected":[]},"margins":{"desktop":{"top":20,"bottom":20,"left":20,"right":20},"mobile":{"top":20,"bottom":20,"left":20,"right":20}},"primaryColor":"#1863DC","keyboard":{"enabled":false,"shortcut":"alt+a"},"modules":{"color":{"darkContrast":{"enabled":true},"lightContrast":{"enabled":true},"highContrast":{"enabled":true},"highSaturation":{"enabled":true},"lowSaturation":{"enabled":true},"monochrome":{"enabled":true}},"content":{"adjustFontSizing":{"enabled":true},"highlightTitle":{"enabled":true},"highlightLinks":{"enabled":true},"dyslexicFont":{"enabled":true},"letterSpacing":{"enabled":true},"lineHeight":{"enabled":true},"fontWeight":{"enabled":true},"textAlign":{"enabled":true}},"navigation":{"readingGuide":{"enabled":true},"pauseAnimations":{"enabled":true},"bigCursor":{"enabled":true}},"statement":{"enabled":false,"url":"","displayInWidget":false,"generatedDate":"","formData":{"companyName":"","businessEmail":"","website":"","wcagStandard":"WCAG 2.2 Level AA","conformanceStatus":"fully-conformant"}},"profiles":{"enabled":true},"pageRead":{"enabled":true},"muteSounds":{"enabled":true}},"focusRingColor":null}; 4569var _cyA11yAssets = {"fonts":"https://newviewlasereye.com/wp-content/plugins/accessibility-widget/lite/frontend/assets/fonts/"}; 4570//# sourceURL=accessibility-widget-js-extra 4571</script>
vendor: 1 bytes, line 4571
4571
4572<script id="accessibility-widget-js" src="https://newviewlasereye.com/wp-content/plugins/accessibility-widget/lite/frontend/assets/js/widget.min.js?ver=1787682311"></script>
vendor: 1 bytes, line 4572
4572
4573<script id="lc-aos-js" src="https://newviewlasereye.com/wp-content/plugins/livecanvas/modules/optin-extra-assets/aos-with-init.js?ver=762baabbd36986073f2e63e5741e1c84"></script>
vendor: 1 bytes, line 4573
4573
4574<script data-wp-strategy="defer" defer id="bootstrap5-js" src="https://newviewlasereye.com/wp-content/themes/picostrap5/js/bootstrap.bundle.min.js"></script>
4574 4575 4576 </body> 4577</html> 4578 4579 4580<!-- Cache served by breeze CACHE (Desktop) - Last modified: Sat, 03 Oct 2026 15:32:19 GMT -->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.