1<!doctype html> 2<html lang="en-US"> 3<head>
3<script id="lc-null-guard">(function(){try{var _ael=EventTarget.prototype.addEventListener;var _rel=EventTarget.prototype.removeEventListener;EventTarget.prototype.addEventListener=function(){try{return _ael.apply(this,arguments);}catch(e){return;}};EventTarget.prototype.removeEventListener=function(){try{return _rel.apply(this,arguments);}catch(e){return;}};window.addEventListener("error",function(e){if(e&&e.message&&/Cannot read propert(y|ies) of null.*addEventListener/i.test(e.message)){e.preventDefault();return true;}},true);}catch(err){}})();</script>
3 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <meta name="description" content="Comprehensive eye exams, cataract surgery, dry eye relief and more at Washington Eye Institute in Greenbelt, Rockville and Cumberland. Call today."> 7 <!-- wp_head --> 8 <title>Washington Eye Institute</title> 9<meta name='robots' content='max-image-preview:large' /> 10<link rel='dns-prefetch' href='//et7mebpbgg5.exactdn.com' /> 11<link rel='preconnect' href='//et7mebpbgg5.exactdn.com' /> 12<style id="wp-img-auto-sizes-contain-inline-css"> 13img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 14/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 15</style> 16<style id="wp-block-library-inline-css"> 17:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
17--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} 18 19/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ 20</style> 21<style id="classic-theme-styles-inline-css"> 22/*! This file is auto-generated */ 23.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 24/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 25</style> 26 27<style id="global-styles-inline-css"> 28:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
28--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
28.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 29/*# sourceURL=global-styles-inline-css */ 30</style> 31 32<link rel='stylesheet' id='picostrap-styles-css' href='https://washingtoneyeinstitute.com/wp-content/themes/picostrap5/css-output/bundle-49.css?ver=444' media='all' /> 33<link rel="canonical" href="https://washingtoneyeinstitute.com/" /> 34<meta name="google-site-verification" content="2_JJlWGdCcVaU_HDZqN4TjmWeXU4NhUh4_vE1Ad8xP0" /> 35<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 35-36
35 36<script async src="https://www.googletagmanager.com/gtag/js?id=
36AW-797515819
vendor: 13 bytes, line 36
36"></script>
37<script> 38
vendor: 138 bytes, lines 38-42
38window.dataLayer = window.dataLayer || []; 39 function gtag(){dataLayer.push(arguments);} 40 gtag('js', new Date()); 41 42 gtag('config', '
42AW-797515819
vendor: 5 bytes, line 42
42');
43</script>
43 44
45<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>
45 46
47<script> 48 49 document.addEventListener("DOMContentLoaded", function(event){ 50 51 function uet_report_conversion() { window.uetq = window.uetq || []; window.uetq.push('event', 'contact', {}); } 52 53 (document.querySelectorAll('a[href^="tel"]').forEach(button => button.addEventListener('click', function (event) { 54 uet_report_conversion() 55 }))); 56 57 }); 58 59 60</script>
60 61
62<script> 63 document.addEventListener("DOMContentLoaded", function(event){ 64 65 document.querySelectorAll('[href*="tel:"]').forEach(link => link.addEventListener('click', function () { 66 console.log('click!'); 67 gtag('event', 'conversion', {'send_to': 'AW-797515819/0M4ZCJehhf0DEKvApPwC'}); 68 })); 69 }); 70</script>
70 71 72<link rel='dns-prefetch' href='//cdn.jsdelivr.net' /> 73<style> 74 @font-face { 75 font-family:'Poppins'; 76 font-style:normal; 77 font-display:swap; 78 font-weight:100; 79 src:url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-100-normal.woff2) format('woff2'); 80 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; 81} 82@font-face { 83 font-family:'Poppins'; 84 font-style:normal; 85 font-display:swap; 86 font-weight:200; 87 src:url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-200-normal.woff2) format('woff2'); 88 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; 89} 90@font-face { 91 font-family:'Poppins'; 92 font-style:normal; 93 font-display:swap; 94 font-weight:300; 95 src:url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-300-normal.woff2) format('woff2'); 96 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; 97} 98@font-face { 99 font-family:'Poppins'; 100 font-style:normal; 101 font-display:swap; 102 font-weight:400; 103 src:url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-400-normal.woff2) format('woff2'); 104 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; 105} 106@font-face { 107 font-family:'Poppins'; 108 font-style:normal; 109 font-display:swap; 110 font-weight:500; 111 src:url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-500-normal.woff2) format('woff2'); 112 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; 113} 114@font-face { 115 font-family:'Poppins'; 116 font-style:normal; 117 font-display:swap; 118 font-weight:600; 119 src:url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-600-normal.woff2) format('woff2'); 120 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; 121} 122@font-face { 123 font-family:'Poppins'; 124 font-style:normal; 125 font-display:swap; 126 font-weight:700; 127 src:url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-700-normal.woff2) format('woff2'); 128 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; 129} 130@font-face { 131 font-family:'Poppins'; 132 font-style:normal; 133 font-display:swap; 134 font-weight:800; 135 src:url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-800-normal.woff2) format('woff2'); 136 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; 137} 138@font-face { 139 font-family:'Poppins'; 140 font-style:normal; 141 font-display:swap; 142 font-weight:900; 143 src:url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-900-normal.woff2) format('woff2'); 144 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; 145} 146 @font-face { 147 font-family:'Poppins'; 148 font-style:normal; 149 font-display:swap; 150 font-weight:100; 151 src:url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-100-normal.woff2) format('woff2'); 152 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; 153} 154@font-face { 155 font-family:'Poppins'; 156 font-style:normal; 157 font-display:swap; 158 font-weight:200; 159 src:url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-200-normal.woff2) format('woff2'); 160 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; 161} 162@font-face { 163 font-family:'Poppins'; 164 font-style:normal; 165 font-display:swap; 166 font-weight:300; 167 src:url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-300-normal.woff2) format('woff2'); 168 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; 169} 170@font-face { 171 font-family:'Poppins'; 172 font-style:normal; 173 font-display:swap; 174 font-weight:400; 175 src:url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-400-normal.woff2) format('woff2'); 176 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; 177} 178@font-face { 179 font-family:'Poppins'; 180 font-style:normal; 181 font-display:swap; 182 font-weight:500; 183 src:url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-500-normal.woff2) format('woff2'); 184 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; 185} 186@font-face { 187 font-family:'Poppins'; 188 font-style:normal; 189 font-display:swap; 190 font-weight:600; 191 src:url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-600-normal.woff2) format('woff2'); 192 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; 193} 194@font-face { 195 font-family:'Poppins'; 196 font-style:normal; 197 font-display:swap; 198 font-weight:700; 199 src:url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-700-normal.woff2) format('woff2'); 200 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; 201} 202@font-face { 203 font-family:'Poppins'; 204 font-style:normal; 205 font-display:swap; 206 font-weight:800; 207 src:url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-800-normal.woff2) format('woff2'); 208 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; 209} 210@font-face { 211 font-family:'Poppins'; 212 font-style:normal; 213 font-display:swap; 214 font-weight:900; 215 src:url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-900-normal.woff2) format('woff2'); 216 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; 217} 218 </style> 219 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
220<script type="application/ld+json">{"@context":"https://schema.org","@type":"ItemList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"MedicalClinic","@id":"https://washingtoneyeinstitute.com/location/eye-surgery-center/","url":"https://washingtoneyeinstitute.com/location/eye-surgery-center/","name":"Eye Surgery Center","image":"https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/washington_doctors_location.webp?strip=all","telephone":"(301) 277-4844","hasMap":"https://maps.app.goo.gl/GnquTjHp52fhc3LS7","address":{"@type":"PostalAddress","streetAddress":"14995 Shady Grove Rd Suite 110","addressLocality":"Rockville","addressRegion":"MD","postalCode":"20850","addressCountry":"US"},"knowsLanguage":["English"]}},{"@type":"ListItem","position":2,"item":{"@type":"MedicalClinic","@id":"https://washingtoneyeinstitute.com/location/cumberland/","url":"https://washingtoneyeinstitute.com/location/cumberland/","name":"Cumberland","image":"https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/washington_doctors_location.webp?strip=all","telephone":"(301) 277-4844","faxNumber":"(301) 927-3221","hasMap":"https://maps.app.goo.gl/6H2zQfJQbYNxWqWr8","address":{"@type":"PostalAddress","streetAddress":"625 Kent Ave Suite 201","addressLocality":"Cumberland","addressRegion":"MD","postalCode":"21502","addressCountry":"US"},"knowsLanguage":["English"]}},{"@type":"ListItem","position":3,"item":{"@type":"MedicalClinic","@id":"https://washingtoneyeinstitute.com/location/rockville/","url":"https://washingtoneyeinstitute.com/location/rockville/","name":"Rockville","image":"https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/washington_doctors_location.webp?strip=all","telephone":"(301) 277-4844","faxNumber":"(301) 927-3221","hasMap":"https://maps.app.goo.gl/cwi7Bb9hL1AghEZE9","address":{"@type":"PostalAddress","streetAddress":"14995 Shady Grove Rd Suite 110","addressLocality":"Rockville","addressRegion":"MD","postalCode":"20850","addressCountry":"US"},"knowsLanguage":["English"]}},{"@type":"ListItem","position":4,"item":{"@type":"MedicalClinic","@id":"https://washingtoneyeinstitute.com/location/greenbelt/","url":"https://washingtoneyeinstitute.com/location/greenbelt/","name":"Greenbelt","image":"https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/washington_doctors_location.webp?strip=all","telephone":"(301) 800-7490","faxNumber":"(301) 927-3221","hasMap":"https://maps.app.goo.gl/URHjubJ9vgv2n2pG6","address":{"@type":"PostalAddress","streetAddress":"7500 Greenway Center Dr Ste 300","addressLocality":"Greenbelt","addressRegion":"MD","postalCode":"20770","addressCountry":"US"},"knowsLanguage":["English"]}}]}</script>
220 221<link rel="icon" href="https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/03/cropped-Washington-eye-institute-fav.png?strip=all&resize=32%2C32" sizes="32x32" /> 222<link rel="icon" href="https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/03/cropped-Washington-eye-institute-fav.png?strip=all&resize=192%2C192" sizes="192x192" /> 223<link rel="apple-touch-icon" href="https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/03/cropped-Washington-eye-institute-fav.png?strip=all&resize=180%2C180" /> 224<meta name="msapplication-TileImage" content="https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/03/cropped-Washington-eye-institute-fav.png?strip=all&resize=270%2C270" /> 225<style id="wp-custom-css"> 226/* FONTS */ 227/* Import Google Fonts */ 228@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap'); 229 230/* Button hover styles */ 231 /* ============================================ 232 1. Scale â subtle zoom with shadow 233 ============================================ */ 234 .sv-hover-scale { 235 transition: transform 0.3s ease, box-shadow 0.3s ease; 236 } 237 .sv-hover-scale:hover, 238 .sv-hover-scale:focus { 239 transform: scale(1.02); 240 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); 241 } 242 243 /* ============================================ 244 2. Lift â translates up with deeper shadow 245 ============================================ */ 246 .sv-hover-lift { 247 transition: transform 0.3s ease, box-shadow 0.3s ease; 248 } 249 .sv-hover-lift:hover, 250 .sv-hover-lift:focus { 251 transform: translateY(-5px); 252 box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.18); 253 } 254 255 /* ============================================ 256 3. Glow â colored border glow effect 257 ============================================ */ 258 .sv-hover-glow { 259 transition: box-shadow 0.3s ease; 260 } 261 .sv-hover-glow:hover, 262 .sv-hover-glow:focus { 263 box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.5), 264 0 0 20px rgba(13, 110, 253, 0.25); 265 } 266 267 /* ============================================ 268 4. Float â scale + lift combined with soft shadow 269 ============================================ */ 270 .sv-hover-float { 271 transition: transform 0.3s ease, box-shadow 0.3s ease; 272 } 273 .sv-hover-float:hover, 274 .sv-hover-float:focus { 275 transform: translateY(-4px) scale(1.01); 276 box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.12); 277 } 278 279 280/* START OF LOCATION ACCORDION BUTTON STYLING */ 281 282/* #locationHeading1 .accordion-button { 283background: linear-gradient(90deg, rgba(0, 165, 228, 0.5) 0%, rgba(31, 196, 168, 0.3) 61%); 284} */ 285 286#locationHeading1 .accordion-button .location-office-icon { 287display: flex; 288justify-content: center; 289align-items: center; 290width: 30px; 291height: 30px; 292background-color: white; 293border-radius: 50%; 294font-size: 20px; 295color: var(--bs-secondary); 296 297} 298 299/* Default state: Chevron pointing down */ 300#locationHeading1 .accordion-button .accordion-chevron-icon { 301transition: transform 0.3s ease; 302/* Smooth transition for rotation */ 303} 304 305/* When the accordion button is clicked (open state), the chevron rotates */ 306#locationHeading1 .accordion-button:not(.collapsed) .accordion-chevron-icon { 307transform: rotate(180deg); 308/* Flip the chevron when the accordion is opened */ 309} 310 311 312/* END OF LOCATION ACCORDION */ 313 314 315.remove-style-link { 316color: inherit; 317text-decoration: none; 318} 319 320.remove-style-link:hover { 321color: #203D8E; 322} 323 324.custom-refer-btn { 325background-color: #203D8E; 326color: white; 327border: 1px solid #203D8E; 328padding: 12px 24px; 329font-weight: 500; 330text-decoration: none; 331border-radius: 4px; 332display: inline-block; 333transition: all 0.3s ease; 334} 335 336.custom-refer-btn:hover { 337background-color: white; 338color: #203D8E; 339border: 1px solid #203D8E; 340} 341 342 343/*-----Refocus-----*/ 344.refocus-hero-gradient { 345background: linear-gradient(to bottom, 346rgba(183, 237, 228, 0.1) 50%, 347rgba(182, 229, 238, 0.5) 100%); 348} 349 350/* If these utilities already exist in your project, you can omit this block */ 351.rf-color { 352color: #1bbfdd; 353} 354 355.rf-bg-color { 356background: #10AFC3; 357} 358 359.rf-primary { 360color: #0F2F39; 361} 362 363.rf-bg-light { 364background: #F4FAFB; 365} 366 367/* Tiles */ 368.rf-tile { 369display: flex; 370align-items: center; 371justify-content: center; 372width: 100%; 373height: 100%; 374min-height: 92px; 375padding: 18px 20px; 376border-radius: 16px; 377background: #FFFFFF; 378color: #0F2F39; 379box-shadow: 0 8px 20px rgba(3, 41, 64, 0.08); 380transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, color .15s ease; 381text-align: center; 382} 383 384/* Hover/keyboard focus becomes teal */ 385.rf-tile:hover, 386.rf-tile:focus-visible { 387background: #10AFC3; 388color: #FFFFFF; 389box-shadow: 0 10px 22px rgba(16, 175, 195, 0.35); 390transform: translateY(-2px); 391outline: 0; 392} 393 394/* Icon ring (used in the first tile) */ 395.rf-icon-ring { 396width: 40px; 397height: 40px; 398border-radius: 999px; 399border: 1px solid #10AFC3; 400color: #10AFC3; 401display: flex; 402align-items: center; 403justify-content: center; 404} 405 406/* Invert icon ring on hover/focus for contrast */ 407.rf-tile:hover .rf-icon-ring, 408.rf-tile:focus-visible .rf-icon-ring { 409border-color: #FFFFFF; 410color: #FFFFFF; 411} 412 413 414/* Callout wrapper (dark gradient card) */ 415.rf-callout { 416background: linear-gradient(135deg, #0F2F39 0%, #0A7385 100%); 417color: #ffffff; 418border-radius: 20px; 419position: relative; 420} 421
422/* Eyebrow, title, copy */ 423.rf-eyebrow { 424color: #1bbfdd; 425letter-spacing: .2px; 426} 427 428.rf-title { 429color: #ffffff; 430line-height: 1.1; 431font-size: clamp(1.8rem, 2.6vw + 1rem, 3rem); 432} 433 434.rf-copy { 435color: rgba(255, 255, 255, .88); 436font-size: 1.05rem; 437} 438 439/* CTA button */ 440.rf-btn-teal { 441background: #10AFC3; 442color: #fff; 443border: 0; 444border-radius: 12px; 445box-shadow: 0 10px 24px rgba(16, 175, 195, .35); 446transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease; 447} 448 449.rf-btn-teal:hover { 450background: #0f9fb4; 451color: #fff; 452transform: translateY(-1px); 453} 454 455/* Right-side image card + badges */ 456.rf-photo-wrapper { 457position: relative; 458max-width: 560px; 459} 460 461.rf-photo-card { 462border-radius: 24px; 463padding: 0px; 464} 465 466/* Small floating image (top-right) */ 467.rf-badge-small { 468position: absolute; 469top: 18px; 470right: -14px; 471width: 170px; 472height: 130px; 473background: #fff; 474border-radius: 16px; 475border: 2px solid rgba(27, 191, 221, .8); 476overflow: hidden; 477} 478 479/* Teal icon badge (bottom-right) */ 480.rf-badge-large { 481position: absolute; 482right: -16px; 483bottom: -16px; 484width: 96px; 485height: 96px; 486background: #10AFC3; 487color: #fff; 488border-radius: 18px; 489box-shadow: 0 12px 28px rgba(16, 175, 195, .5); 490} 491 492/* Card wrapper (kept simple for grid spacing) */ 493.rf-doc-card {} 494 495/* Portrait panel with inset name bar */ 496.rf-doc-top { 497position: relative; 498background: #EAF7FB; 499border: 2px solid #1bbfdd; 500border-radius: 16px; 501min-height: auto; 502padding: 18px 18px 20px; 503/* leave room for the name bar inside */ 504overflow: hidden; 505/* so bottom corners clip the name nicely */ 506transition: box-shadow .18s ease; 507} 508 509.rf-doc-card:hover .rf-doc-top { 510box-shadow: 0 12px 26px rgba(3, 41, 64, 0.12); 511} 512 513/* Doctor image */ 514.rf-doc-img { 515width: 100%; 516height: 100%; 517object-fit: contain; 518/* keeps cutouts centered without cropping */ 519} 520 521/* Name sits INSIDE the card, fixed to the bottom */ 522.rf-doc-name { 523position: absolute; 524left: 0; 525right: 0; 526bottom: 0; 527background: #FFFFFF; 528color: #0F2F39; 529padding: 12px 16px; 530border-top: 1px solid rgba(3, 41, 64, 0.08); 531/* No border radius needed; parent clip creates rounded corners */ 532} 533 534/* Optional: adjust panel height per breakpoint */ 535@media (min-width: 1200px) { 536.rf-doc-top { 537min-height: auto; 538} 539} 540 541/* Your palette utilities assumed: 542.rf-color{color:#1bbfdd;} .rf-bg-color{background:#10AFC3;} 543.rf-primary{color:#0F2F39;} .bg-rf-light{background:#F4FAFB;} 544*/ 545 546/* Section background with gradient + placeholder image */ 547.rf-reviews { 548position: relative; 549overflow: hidden; 550background: linear-gradient(135deg, #0F2F39 0%, #0E4954 60%, #0A7385 100%); 551} 552 553/* Background image (placeholder) */ 554.rf-reviews::before { 555content: ""; 556position: absolute; 557inset: 0; 558background: 559linear-gradient(0deg, rgba(15, 47, 57, .55), rgba(15, 47, 57, .55)), 560url("https://via.placeholder.com/1600x700.png?text=People+Background"); 561background-position: center bottom; 562background-size: cover; 563opacity: .85; 564/* overall strength of the image overlay */ 565pointer-events: none; 566} 567 568/* Decorative diamond shapes */ 569.rf-shape { 570position: absolute; 571border: 2px solid #10AFC3; 572border-radius: 20px; 573transform: rotate(45deg); 574opacity: .5; 575pointer-events: none; 576} 577
578.rf-shape-lg { 579width: 220px; 580height: 220px; 581left: 60px; 582bottom: 80px; 583} 584 585.rf-shape-md { 586width: 260px; 587height: 260px; 588left: 44%; 589top: -40px; 590opacity: .35; 591background: rgba(16, 175, 195, .2); 592border: 0; 593} 594 595.rf-shape-sm { 596width: 86px; 597height: 86px; 598right: 100px; 599top: 68px; 600} 601 602/* Quote card */ 603.rf-quote-wrap { 604min-height: auto; 605} 606 607.rf-quote-card { 608position: relative; 609border-radius: 18px; 610padding: 24px 28px; 611box-shadow: 0 16px 36px rgba(0, 0, 0, .18); 612color: #0F2F39; 613} 614 615/* small outlined rounded-square decor on the top-right of the card */ 616.rf-quote-deco { 617position: absolute; 618width: 70px; 619height: 70px; 620border-radius: 18px; 621border: 2px solid #12c8c8; 622right: 18px; 623top: -24px; 624transform: rotate(45deg); 625background: #fff; 626/* keep the border visible over bg */ 627} 628 629/* Quote text */ 630.rf-quote-text { 631font-size: 1.05rem; 632line-height: 1.6; 633} 634 635/* Arrows under/near the card */ 636.rf-arrows { 637display: flex; 638gap: 10px; 639position: absolute; 640left: 12px; 641bottom: -26px; 642} 643 644.rf-arrow { 645width: 40px; 646height: 40px; 647border-radius: 50%; 648border: 2px solid rgba(255, 255, 255, .9); 649color: #ffffff; 650display: inline-flex; 651align-items: center; 652justify-content: center; 653backdrop-filter: blur(2px); 654transition: transform .15s ease, background-color .15s ease, border-color .15s ease; 655} 656 657.rf-arrow:hover { 658transform: translateY(-2px); 659background: rgba(255, 255, 255, .08); 660} 661 662/* Responsive tweaks */ 663@media (max-width: 991.98px) { 664.rf-arrows { 665bottom: -22px; 666} 667 668.rf-shape-md { 669left: 55%; 670} 671} 672 673 674/*------------CONTAINER END-----------------------*/ 675 676 677 678.top-bar a { 679color: white; 680} 681 682.top-bar a:hover { 683color: #8ce2e2; 684} 685 686.ac-text { 687color: #074570; 688} 689 690.small-shadow { 691box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); 692} 693 694.shadow2 { 695border-radius: 8px; 696box-shadow: 0px 0px 30.7px rgba(27, 36, 50, 0.2), 16px 18px 22.1px rgba(27, 36, 50, 0.05); 697} 698 699.bg-light-color { 700background-color: #EEF5F6; 701} 702 703.coloredr-gradient { 704background: -webkit-linear-gradient(left, #0E4570 60%, #3EAED3 100%); 705background: -moz-linear-gradient(left, #0E4570 60%, #3EAED3 100%); 706background: -o-linear-gradient(left, #0E4570 60%, #3EAED3 100%); 707background: linear-gradient(to right, #0E4570 60%, #3EAED3 100%); 708} 709 710.je-sv-appt-bg { 711background-image: linear-gradient(180deg, #f9fbfc 50%, #001419 40%); 712} 713 714@media (min-width: 780px) { 715.shadow1 { 716margin-top: -60px; 717z-index: 1; 718} 719} 720 721.je-button:hover { 722transform: translate(15px); 723transition-duration: 0.3s; 724box-shadow: 5px 5px 16px 0 rgba(14, 37, 58, .15); 725} 726 727/* Related Child Pages */ 728 729.related-content { 730display: flex; 731gap: 30px; 732padding: 0px 16px; 733justify-content: center; 734/* Center cards horizontally */ 735align-items: center; 736flex-wrap: wrap; 737} 738 739.slider-row { 740display: flex; 741gap: 30px; 742padding: 0px 16px; 743justify-content: center; 744/* Center cards horizontally */ 745align-items: center; 746flex-wrap: wrap; 747} 748 749.skew-card { 750display: flex; 751flex-direction: column; 752min-width: 20%; 753border: none; 754} 755 756.skew-content-no-hover { 757position: relative; 758padding: 10px 20px 10px 20px; 759background: 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%); 760color: #fff; 761font-family: 'montserrat', Sans-Serif; 762border-radius: 8px; 763transform: skew(-15deg); 764box-shadow: 0 4px 18px rgba(28, 44, 100, 0.08); 765transition: 766box-shadow 0.3s cubic-bezier(.4, 2, .6, 1), 767transform 0.3s cubic-bezier 768} 769 770.gradient-section { 771background: 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%); 772} 773 774.skew-content { 775position: relative; 776padding: 10px 20px 10px 20px; 777background: 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%); 778color: #fff; 779font-family: 'montserrat', Sans-Serif; 780border-radius: 8px; 781transform: skew(-15deg); 782box-shadow: 0 4px 18px rgba(28, 44, 100, 0.08); 783transition: 784box-shadow 0.3s cubic-bezier(.4, 2, .6, 1), 785transform 0.3s cubic-bezier(.4, 2, .6, 1); 786} 787 788.skew-title { 789font-size: 1rem; 790font-weight: 600; 791transform: skew(15deg); 792/* Unskew text for readability */ 793} 794 795.skew-body { 796font-size: 1rem;
797font-weight: 500; 798transform: skew(15deg); 799/* Unskew text for readability */ 800} 801 802 803.skew-content:hover { 804color: #21748E; 805background: linear-gradient(90deg, #f8f8f8 60%, #ffffff 100%); 806box-shadow: 8070 0 16px 4px rgba(207, 255, 235, 0.95), 808/* bright, light inner glow */ 8090 0 48px 18px rgba(133, 202, 155, 0.38); 810transform: skew(-15deg) translateY(-8px); 811/* add upward move! */ 812} 813 814/* 815.additional-content { 816display: grid; 817grid-template-columns: repeat(3, 1fr); 818gap: 60px 20px; 819list-style: none; 820padding: 2rem; 821margin: 0; 822} 823 824.additional-content li { 825position: relative; 826transition: transform 0.3s ease, color 0.3s ease, box-shadow 0.3s ease; 827font-size: 1.4em; 828font-weight: 400; 829line-height: 1.4em; 830text-align: left; 831color: #475360; 832cursor: pointer; 833padding: 1rem 1rem 1rem 20px; 834border-radius: 16px; 835} 836 837.additional-content li a { 838text-decoration: none; 839} 840 841/* Square bullet */ 842.additional-content li::before { 843content: ''; 844position: absolute; 845left: 0; 846top: 50%; 847transform: translateY(-50%); 848width: 1px; 849height: 100%; 850background-color: #1bbfdd; 851transition: opacity 0.3s ease; 852} 853 854/* Hover state: shadow, color, bullet disappears */ 855.additional-content li:hover { 856color: #1bbfdd; 857font-weight: 600; 858transform: scale(1.02); 859box-shadow: 0 8px 20px rgba(27, 191, 221, 0.15); 860} 861 862.additional-content li:hover::before { 863opacity: 0; 864} 865 866/* Mobile adjustments */ 867@media screen and (max-width: 768px) { 868.additional-content { 869grid-template-columns: 1fr; 870gap: 40px 20px; 871} 872} 873 874END */ 875/* TESTIMONIAL SLIDER */ 876 877.testimonial-slider { 878position: relative; 879max-width: 100%; 880/* Make wider if you want, or remove for full width */ 881margin: 0 auto; 882min-height: 120px; 883/* Space for arrows and text */ 884display: flex; 885align-items: center; 886justify-content: center; 887} 888 889.testimonial-slider .testimonial { 890flex: 1 1 auto; 891display: none; 892text-align: center; 893} 894 895.testimonial-slider .testimonial.active { 896display: block; 897} 898 899.testimonial-slider button { 900position: absolute; 901top: 50%; 902transform: translateY(-50%); 903background: #eee; 904border: none; 905padding: 0px; 906width: 40px; 907height: 40px; 908cursor: pointer; 909font-size: 1.6em; 910border-radius: 50%; 911opacity: 0.7; 912transition: opacity 0.2s; 913z-index: 2; 914display: flex; 915align-items: center; 916justify-content: center; 917} 918 919.testimonial-slider .testimonial-prev { 920left: 0; 921} 922 923.testimonial-slider .testimonial-next { 924right: 0; 925} 926 927.testimonial-slider button:hover { 928opacity: 1; 929} 930 931/* MOBILE: move arrows below slider */ 932@media (max-width: 600px) { 933.testimonial-slider { 934display: block; 935min-height: unset; 936} 937 938.testimonial-slider .testimonial { 939margin-bottom: 16px; 940} 941 942.testimonial-slider button { 943position: static; 944display: inline-block; 945margin: 0 8px; 946top: auto; 947left: auto; 948right: auto; 949transform: none; 950} 951 952.testimonial-slider .testimonial-prev, 953.testimonial-slider .testimonial-next { 954/* Remove edge positioning on mobile */ 955} 956 957.testimonial-slider { 958text-align: center; 959} 960} 961 962/* TESTIMONIAL SLIDER END */ 963 964/*END - RELATED PAGES*/ 965 966.bg-cc-section { 967background-image: url('https://app.specialty.vision/wp-content/uploads/2025/04/bg-cc.png'); 968background-size: cover; 969background-position: center; 970background-repeat: no-repeat; 971} 972 973/* Container for the image */ 974.je-imagefill { 975position: relative; 976width: 100%; 977/* Ensure the image takes full width */ 978height: 100vh; 979/* Keep the image at a fixed height, relative to the viewport */ 980overflow: hidden; 981/* Prevent overflow */ 982z-index: 1; 983/* Place the image below the accordion */ 984} 985 986/* Image styling to maintain aspect ratio and fill the container */ 987.je-imagefill img { 988width: 100%; 989height: 100%; 990object-fit: cover; 991/* Ensures the image covers the container without distorting */ 992object-position: center; 993/* Center the image */ 994} 995 996/* Mobile View - Image height adjustment */ 997@media (max-width: 768px) { 998 999/* Left column image */ 1000.je-imagefill { 1001height: 40vh; 1002/* Reduce the image height on mobile to 30% of the viewport height */ 1003} 1004} 1005 1006 1007.je-gradient { 1008background-image: linear-gradient(180deg, #fbfbfb 70%, #203d8e 40%); 1009} 1010 1011.bg-cc-section .overlay { 1012background-color: rgba(255, 255, 255, 0.8); 1013z-index: 0; 1014} 1015 1016/*-------------------------------ACCORDION */ 1017/* Remove default caret icon */ 1018.accordion-button::after {} 1019 1020/* Style the custom + icon */ 1021.accordion-button .accordion-icon { 1022order: -1; 1023font-size: 30px; 1024color: #84bddd; 1025margin-right: 1rem; 1026margin-left: 0; 1027line-height: 0; 1028transition: transform 0.3s ease; 1029} 1030
1031/* Rotate the icon when the accordion is expanded */ 1032.accordion-button:not(.collapsed) .accordion-icon { 1033transform: rotate(45deg); 1034/* Rotate + to X */ 1035color: #063b58; 1036} 1037 1038.accordion-item { 1039border: none; 1040} 1041 1042.accordion-button { 1043border: none; 1044font-size: 1rem; 1045font-weight: 500; 1046background-color: white; 1047} 1048 1049/* .accordion-button::after { 1050content: ""; 1051 order: -1; 1052margin-right: 1rem; 1053margin-left: 0; 1054filter: brightness(0) saturate(100%) invert(29%) sepia(93%) saturate(747%) hue-rotate(190deg) brightness(92%) contrast(85%); 1055} */ 1056 1057#headingAppointment .accordion-button::after, 1058#jeEyeCareAccordion .accordion-button::after, 1059#jeEyeCareAccordion2 .accordion-button::after { 1060/* Move it before the text */ 1061order: 1; 1062filter: brightness(0) saturate(100%) invert(29%) sepia(93%) saturate(747%) hue-rotate(190deg) brightness(92%) contrast(85%); 1063} 1064 1065/* Keep active button background clean */ 1066.accordion-button:not(.collapsed) { 1067 1068background-color: #e5f5fa; 1069/* No background change */ 1070box-shadow: none; 1071} 1072 1073 1074/*------------------BACKGROUND ELEMENTS ----------------*/ 1075 1076.jeContentleft { 1077margin-left: -60px; 1078} 1079 1080/* Background Elements */ 1081.je-bg-left { 1082position: absolute; 1083bottom: -80px; 1084left: 0; 1085width: 250px; 1086z-index: -1; 1087opacity: 0.2; 1088} 1089 1090.je-bg-right { 1091position: absolute; 1092bottom: -80px; 1093right: 0; 1094width: 250px; 1095z-index: -1; 1096opacity: 0.2; 1097} 1098 1099 1100@media (max-width: 1084px) { 1101 1102/* Target tablets & mobile */ 1103/* Target tablets & mobile */ 1104.je-bg-left { 1105bottom: -5%; 1106left: 20%; 1107width: 300px; 1108} 1109 1110.je-bg-right { 1111bottom: -10%; 1112right: 20%; 1113width: 300px; 1114} 1115 1116} 1117 1118@media (max-width: 768px) { 1119 1120/* Target tablets & mobile */ 1121.je-bg-left { 1122bottom: -30px; 1123/* Adjust position */ 1124left: 0; 1125width: 300px; 1126} 1127 1128.je-bg-right { 1129bottom: -30px; 1130right: 0; 1131width: 300px; 1132} 1133 1134} 1135 1136#change-color { 1137color: #217bc0; 1138} 1139 1140@media (max-width: 1024px) and (min-width: 768px) { 1141#responsive-768 { 1142flex-direction: column !important; 1143} 1144 1145#responsive-768 #jeEyeCareAccordion2 { 1146width: 100%; 1147} 1148 1149#responsive-768 #jeEyeCareAccordion { 1150width: 100%; 1151} 1152} 1153 1154#bg-color { 1155background-color: #203D8E !important; 1156} 1157 1158.container.p-4.move1 { 1159position: relative; 1160z-index: 1; 1161background-color: #fff; 1162top: -100px; 1163} 1164 1165@media (min-width:768) { 1166.row.p-5.adjust-gap { 1167display: flex; 1168flex-direction: row; 1169align-items: start; 1170gap: 60px; 1171padding-top: 40px; 1172padding-right: 40px; 1173padding-bottom: 40px; 1174padding-left: 40px; 1175flex-wrap: nowrap; 1176} 1177} 1178 1179@media (max-width:767) { 1180.row.p-5.adjust-gap { 1181display: flex; 1182flex-direction: column; 1183align-items: start; 1184gap: 60px; 1185padding-top: 40px; 1186padding-right: 15px; 1187padding-bottom: 40px; 1188padding-left: 15px; 1189flex-wrap: nowrap; 1190} 1191 1192#adjust-gap { 1193padding: 0px !important; 1194} 1195} 1196 1197#btn-hvr:hover { 1198transform: translate(15px); 1199transition-duration: 0.3s; 1200box-shadow: 5px 5px 16px 0 rgba(14, 37, 58, 0.15); 1201color: #169eff !important; 1202background-color: #ffffff !important; 1203border-color: #203d8e; 1204} 1205 1206#btn-hvr { 1207background-color: #203D8E; 1208} 1209 1210ul.p-list { 1211display: flex; 1212flex-wrap: wrap; 1213gap: 10px; 1214padding: 0; 1215margin: 0; 1216list-style: none; 1217justify-content: flex-start; 1218width: 85%; 1219} 1220 1221.p-list li { 1222position: relative; 1223display: flex; 1224align-items: center; 1225padding: 10px 15px; 1226background: white; 1227border-radius: 8px; 1228box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); 1229flex: none; 1230white-space: nowrap; 1231} 1232 1233 1234.check-icon { 1235padding-top: 30px; 1236border-style: solid; 1237border-width: 0; 1238border-color: #169eff; 1239border-top-width: 2px; 1240} 1241 1242 1243@media (min-width:769px) { 1244#heading2 { 1245font-size: 40px; 1246} 1247} 1248 1249 1250 1251 1252ul.p-list-1 { 1253display: flex; 1254flex-wrap: wrap; 1255gap: 10px; 1256padding: 0; 1257margin: 0; 1258list-style: none; 1259justify-content: flex-start; 1260width: 100%; 1261} 1262 1263.p-list-1 li { 1264position: relative; 1265display: flex; 1266align-items: center; 1267padding: 10px 15px; 1268background: white; 1269border-radius: 8px; 1270box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); 1271flex: none; 1272white-space: nowrap; 1273} 1274 1275ul.p-list-1-map { 1276display: flex; 1277flex-wrap: wrap; 1278gap: 10px; 1279padding: 0; 1280margin: 0; 1281list-style: none; 1282justify-content: flex-start; 1283width: 100%; 1284} 1285 1286 1287.p-list-1-map li { 1288position: relative; 1289display: flex; 1290align-items: center; 1291padding: 10px 15px; 1292background: white; 1293border-radius: 8px; 1294box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); 1295flex: none; 1296white-space: nowrap; 1297} 1298 1299 1300#gradient-bg { 1301background-image: radial-gradient(at center center, #304b82 50%, #7fc3e0 100%); 1302} 1303 1304.dr-signature { 1305font-family: "Mrs Saint Delafield", cursive !important;
1306font-weight: 400; 1307font-style: normal; 1308font-size: 35px; 1309} 1310 1311div#qfeedback { 1312padding-top: 56px; 1313padding-right: 38px; 1314padding-bottom: 56px; 1315padding-left: 38px; 1316border-radius: 24px; 1317box-shadow: 0px 0px 30.7px rgba(27, 36, 50, 0.2), 16px 18px 22.1px rgba(27, 36, 50, 0.05); 1318width: 30%; 1319} 1320 1321@media (min-width:769px) { 1322div#adj-gap { 1323display: flex; 1324gap: 25px; 1325flex-direction: row; 1326flex-wrap: wrap; 1327justify-content: center; 1328} 1329 1330div#qfeedback { 1331padding-top: 56px; 1332padding-right: 38px; 1333padding-bottom: 56px; 1334padding-left: 38px; 1335border-radius: 24px; 1336box-shadow: 0px 0px 30.7px rgba(27, 36, 50, 0.2), 16px 18px 22.1px rgba(27, 36, 50, 0.05); 1337width: 30%; 1338} 1339} 1340 1341@media (max-width:768px) { 1342div#adj-gap { 1343display: flex; 1344gap: 25px; 1345flex-direction: column; 1346flex-wrap: wrap; 1347justify-content: center; 1348align-content: center; 1349} 1350 1351div#qfeedback { 1352padding-top: 56px; 1353padding-right: 38px; 1354padding-bottom: 56px; 1355padding-left: 38px; 1356border-radius: 24px; 1357box-shadow: 0px 0px 30.7px rgba(27, 36, 50, 0.2), 16px 18px 22.1px rgba(27, 36, 50, 0.05); 1358width: 95%; 1359} 1360 1361p#qmessage { 1362font-size: 20px !important; 1363} 1364} 1365 1366div#q-icon { 1367margin-top: -85px; 1368} 1369 1370section#bg-image { 1371background-image: url(https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2025/05/Demo-section-1.jpg); 1372background-position: center; 1373background-repeat: no-repeat; 1374background-size: cover; 1375background-blend-mode: overlay; 1376background-color: #000000b8; 1377} 1378 1379section#half-bg .col-md-6.bg-primary.d-flex.align-items-center.py-md-5 { 1380background-color: #203D8E !important; 1381} 1382 1383section#bg-img { 1384background-image: url('[lc_the_thumbnail_url size=' full']'); 1385background-position: center; 1386background-repeat: no-repeat; 1387background-size: cover; 1388background-blend-mode: overlay; 1389background-color: #000000b8; 1390} 1391 1392.lc-block.divider hr { 1393width: 8%; 1394border-color: #0d76bc; 1395border-width: 4px; 1396border-style: solid; 1397opacity: 1; 1398} 1399 1400div#p-responsive { 1401max-width: 800px; 1402} 1403 1404section.bg-c { 1405background-color: #f9fbfc; 1406} 1407 1408div#p-responsive .row .col-md-12.p-5 { 1409background-color: #ffffff; 1410border-top-left-radius: 8px; 1411border-top-right-radius: 8px; 1412border-bottom-left-radius: 8px; 1413border-bottom-right-radius: 8px; 1414margin-top: -100px; 1415} 1416 1417ul.p-list-1-map.p-list-new-map li a { 1418color: #0e3540; 1419} 1420 1421ul.p-list-1.p-list-new li, 1422ul.p-list-1-map.p-list-new-map li { 1423background-color: transparent !important; 1424box-shadow: none; 1425padding: 0px; 1426} 1427 1428div#col-bg-c { 1429background-color: #ffffff; 1430border-radius: 10px; 1431} 1432 1433@media (max-width: 768px) { 1434div#reverse-col { 1435display: flex; 1436flex-direction: column-reverse; 1437gap: 20px; 1438} 1439 1440div#reverse-col .col-md-6, 1441div#reverse-col .col-md-8, 1442div#reverse-col .col-md-4 { 1443width: 100%; 1444} 1445} 1446 1447@media (min-width: 768px) { 1448.carousel-inner { 1449display: flex; 1450} 1451} 1452 1453.carousel-inner { 1454padding: 2em 1em; 1455} 1456 1457.card { 1458margin: 0 .5em; 1459box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18); 1460border: none; 1461} 1462 1463.carousel-control-prev, 1464.carousel-control-next { 1465background-color: #e1e1e1; 1466width: 6vh; 1467height: 6vh; 1468border-radius: 50%; 1469top: 50%; 1470transform: translateY(-50%); 1471} 1472 1473/*BUTTON ON PAGE ANIMATION*/ 1474.je-sv-btn { 1475color: white;
1476font-weight: bold; 1477} 1478 1479.je-sv-btn:hover { 1480color: white; 1481background-color: #1bbfdd; 1482transform: translate(15px); 1483transition-duration: 0.3s ease; 1484box-shadow: 5px 5px 16px 0 rgba(14, 37, 58, .15); 1485} 1486 1487 1488/* DOCTORS IMAGE SECTION WITH THE HOVER STYLE */ 1489.je-sv-col { 1490position: relative; 1491height: 480px; 1492width: 100%; 1493overflow: hidden; 1494border-radius: 24px; 1495/* for rounded corners */ 1496box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12); 1497background: #00bfff; 1498/* fallback color */ 1499display: flex; 1500align-items: stretch; 1501justify-content: center; 1502} 1503 1504.dr-img { 1505position: absolute; 1506top: 0; 1507left: 0; 1508width: 100%; 1509height: 100%; 1510object-fit: cover; 1511border-radius: 24px; 1512z-index: 0; 1513transition: transform 0.3s; 1514} 1515 1516.je-sv-bio-btn { 1517color: white; 1518background-color: transparent; 1519} 1520 1521.je-sv-bio-btn:hover { 1522color: white; 1523background-color: #1bbfdd; 1524} 1525 1526.je-sv-col:hover .dr-img { 1527transform: scale(1.03); 1528} 1529 1530.content-overlay { 1531position: absolute; 1532left: 0; 1533right: 0; 1534bottom: 0; 1535padding: 32px 20px 28px 20px; 1536text-align: center; 1537color: white; 1538width: 100%; 1539opacity: 0; 1540/* Hidden by default */ 1541transition: opacity 0.3s ease-in-out; 1542z-index: 2; 1543display: flex; 1544flex-direction: column; 1545align-items: center; 1546justify-content: flex-end; 1547/* Pushes text to bottom */ 1548min-height: 220px; 1549/* Optional, for minimum overlay height */ 1550box-sizing: border-box; 1551} 1552 1553/* Show overlay on hover */ 1554.je-sv-col:hover .content-overlay { 1555opacity: 1; 1556} 1557 1558.je-sv-col::after { 1559content: ""; 1560position: absolute; 1561top: 0; 1562left: 0; 1563width: 100%; 1564height: 100%; 1565background-image: linear-gradient(0deg, #162539 10%, rgba(178, 50, 0, 0) 100%); 1566opacity: 0; 1567/* Hidden by default */ 1568transition: opacity 0.3s ease-in-out; 1569z-index: 1; 1570} 1571 1572.je-sv-col:hover::after { 1573opacity: 1; 1574/* Show gradient on hover */ 1575} 1576 1577.je-sv-beforeheading { 1578font-size: 18px; 1579letter-spacing: 6px; 1580text-transform: uppercase; 1581} 1582 1583 1584 1585/*Homepage CSS start here*/ 1586 1587.hero-section { 1588background-image: url(https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2025/06/Untitled-design-13.png); 1589background-repeat: no-repeat; 1590background-size: cover; 1591} 1592 1593/*Dc Retina button Css*/ 1594.dc-retina-button { 1595transition: all 500ms ease; 1596background: linear-gradient(90deg, #074570 50%, #ffffff 0) var(--_p, 100%) / 200% no-repeat; 1597border-color: #074570; 1598} 1599 1600.dc-retina-button:hover { 1601--_p: 0%; 1602color: #fff; 1603} 1604 1605/*Hero Background Animation*/ 1606 1607/*.z-image:before { 1608content: ""; 1609background-image: url(/wp-content/uploads/sites/49/2025/06/Circle-1.png); 1610height: 100%; 1611position: absolute; 1612width: 100%; 1613background-repeat: no-repeat; 1614animation: 4s linear 0s infinite normal none running zoom-fade; 1615z-index: -1; 1616top: 0; 1617} 1618 1619@keyframes zoom-fade { 16200% { 1621transform: scale(0.9); 1622} 1623 162450% { 1625transform: scale(1) 1626} 1627 1628100% { 1629transform: scale(0.9); 1630} 1631} 1632*/ 1633 1634.circle-1 { 1635width: 100px; 1636height: 100px; 1637border-radius: 100%; 1638background-color: #1f4270; 1639position: absolute; 1640top: 50%; 1641z-index: -1; 1642animation: 4s linear 0s infinite normal none running zoom-fade; 1643} 1644 1645.circle-2 { 1646width: 50px; 1647height: 50px; 1648border-radius: 100%; 1649background-color: #fff9dd; 1650position: absolute; 1651top: 40%; 1652z-index: -1; 1653animation: 4s linear 0s infinite normal none running zoom-fade; 1654left: 80%; 1655} 1656 1657.circle-3 { 1658width: 150px; 1659height: 150px; 1660border-radius: 100%; 1661background-color: #3c78c5; 1662position: absolute; 1663top: 50%; 1664z-index: -1; 1665animation: 4s linear 0s infinite normal none running zoom-fade; 1666left: 80%; 1667} 1668 1669 1670.circle-4 { 1671width: 70px; 1672height: 70px; 1673border-radius: 100%; 1674background-color: #fff9dd; 1675position: absolute; 1676top: 25%; 1677z-index: -1; 1678animation: 4s linear 0s infinite normal none running zoom-fade; 1679} 1680 1681.circle-5 { 1682width: 120px; 1683height: 120px; 1684border-radius: 100%; 1685background-color: #3c78c5; 1686position: absolute; 1687z-index: -1; 1688animation: 4s linear 0s infinite normal none running zoom-fade; 1689left: 55%; 1690} 1691 1692 1693.circle-6 { 1694width: 120px; 1695height: 120px; 1696border-radius: 100%; 1697background-color: #1f4270; 1698position: absolute; 1699top: 20%; 1700z-index: -1; 1701animation: 4s linear 0s infinite normal none running zoom-fade; 1702left: 70%; 1703} 1704 1705@media (max-width:500px) { 1706.circle-1 { 1707width: 70px; 1708height: 70px; 1709border-radius: 100%; 1710background-color: #1f4270; 1711position: absolute; 1712top: 50%; 1713z-index: -1; 1714animation: 4s linear 0s infinite normal none running zoom-fade; 1715} 1716 1717.circle-2 { 1718width: 50px; 1719height: 50px; 1720border-radius: 100%; 1721background-color: #fff9dd; 1722position: absolute; 1723top: 40%; 1724z-index: -1; 1725animation: 4s linear 0s infinite normal none running zoom-fade; 1726left: 80%; 1727} 1728 1729.circle-3 { 1730width: 40px; 1731height: 40px; 1732border-radius: 100%; 1733background-color: #3c78c5; 1734position: absolute; 1735top: 50%; 1736z-index: -1; 1737animation: 4s linear 0s infinite normal none running zoom-fade; 1738left: 80%; 1739} 1740 1741.circle-4 { 1742width: 70px; 1743height: 70px; 1744border-radius: 100%; 1745background-color: #fff9dd; 1746position: absolute; 1747top: 25%; 1748z-index: -1; 1749animation: 4s linear 0s infinite normal none running zoom-fade; 1750} 1751 1752.circle-5 { 1753width: 80px; 1754height: 80px; 1755border-radius: 100%; 1756background-color: #3c78c5; 1757position: absolute; 1758z-index: -1; 1759animation: 4s linear 0s infinite normal none running zoom-fade; 1760left: 55%; 1761} 1762 1763.circle-6 { 1764width: 60px; 1765height: 60px; 1766border-radius: 100%; 1767background-color: #1f4270; 1768position: absolute; 1769top: 20%; 1770z-index: -1; 1771animation: 4s linear 0s infinite normal none running zoom-fade; 1772left: 70%; 1773} 1774 1775.circle-1, 1776.circle-2, 1777.circle-3, 1778.circle-4, 1779.circle-5, 1780.circle-6 { 1781opacity: .7; 1782} 1783} 1784 1785@keyframes zoom-fade { 17860% { 1787transform: scale(0.9); 1788} 1789 179050% { 1791transform: scale(1.1) 1792} 1793 1794100% { 1795transform: scale(0.9); 1796} 1797} 1798 1799 1800@media (min-width: 969px) { 1801.bgheading h1 { 1802position: relative; 1803display: inline-block; 1804font-size: 50px; 1805line-height: 40px; 1806font-family: 'Jost', sans-serif;
1807font-weight: 800; 1808background: -webkit-linear-gradient(-90deg, #217bc0, #def4f1 100%); 1809color: transparent !important; 1810-webkit-background-clip: text !important; 1811-webkit-text-fill-color: transparent !important; 1812bottom: -25px; 1813z-index: -1; 1814text-transform: uppercase; 1815letter-spacing: 10px; 1816} 1817} 1818 1819@media (max-width: 968px) { 1820.bgheading h1 { 1821position: relative; 1822display: inline-block; 1823font-size: 30px; 1824line-height: 40px; 1825font-family: 'Jost', sans-serif; 1826font-weight: 800; 1827background: -webkit-linear-gradient(-90deg, #217bc0, #def4f1 100%); 1828color: transparent !important; 1829-webkit-background-clip: text !important; 1830-webkit-text-fill-color: transparent !important; 1831bottom: -25px; 1832z-index: -1; 1833text-transform: uppercase; 1834letter-spacing: 10px; 1835} 1836} 1837 1838@media (max-width: 652px) { 1839.bgheading h1 { 1840position: relative; 1841display: inline-block; 1842font-size: 25px; 1843line-height: 40px; 1844font-family: 'Jost', sans-serif; 1845font-weight: 800; 1846background: -webkit-linear-gradient(-90deg, #217bc0, #def4f1 100%); 1847color: transparent !important; 1848-webkit-background-clip: text !important; 1849-webkit-text-fill-color: transparent !important; 1850bottom: -25px; 1851z-index: -1; 1852text-transform: uppercase; 1853letter-spacing: 10px; 1854} 1855} 1856 1857 1858@media (max-width: 595px) { 1859.bgheading h1 { 1860position: relative; 1861display: block !important; 1862font-size: 20px; 1863line-height: 30px; 1864font-family: 'Jost', sans-serif; 1865font-weight: 800; 1866background: -webkit-linear-gradient(-90deg, #217bc0, #def4f1 100%); 1867color: transparent !important; 1868-webkit-background-clip: text !important; 1869-webkit-text-fill-color: transparent !important; 1870bottom: 0px; 1871z-index: -1; 1872text-transform: uppercase; 1873letter-spacing: 10px; 1874 1875} 1876} 1877 1878/*Homepage Dr CSS start here*/ 1879 1880.drtab { 1881border-radius: 20px; 1882border: solid 1px #074570; 1883} 1884 1885.drname { 1886transition: all 500ms ease; 1887background: linear-gradient(90deg, #074570 50%, #fff 0) var(--_p, 100%) / 200% no-repeat; 1888border: solid #074570; 1889padding: 15px 10px; 1890background-color: #074570; 1891position: relative; 1892bottom: 20px; 1893border-radius: 20px; 1894margin-bottom: -35px; 1895} 1896 1897.drtab:hover .drname { 1898--_p: 0%; 1899color: #fff; 1900} 1901 1902.drtab img.img-box { 1903transition: all 500ms ease; 1904} 1905 1906.drtab:hover .img-box { 1907transform: scale(.9); 1908} 1909 1910.drmeetbutton { 1911transition: all 500ms ease; 1912background: linear-gradient(90deg, #074570 50%, #ffffff 0) var(--_p, 100%) / 200% no-repeat; 1913position: relative; 1914top: -25px; 1915border: solid #074570 2px !important; 1916} 1917 1918.drmeetbutton:hover { 1919--_p: 0%; 1920color: #fff; 1921} 1922 1923.target, 1924.target-services, 1925.target-time { 1926opacity: 0; 1927visibility: hidden; 1928max-height: 0; 1929overflow: hidden; 1930transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out, visibility 0.3s ease-in-out; 1931} 1932 1933.target.show, 1934.target-services.show, 1935.target-time.show { 1936opacity: 1; 1937visibility: visible; 1938max-height: 100%; 1939} 1940 1941.trigger, 1942.trigger-services, 1943.trigger-time { 1944transition: all 0.3s ease-in-out; 1945padding: 10px 0px; 1946/*border: solid 1px #074570;*/ 1947cursor: pointer; 1948} 1949 1950.trigger img:hover { 1951transition-duration: 0.3s; 1952transform: scale(1.05, 1.05); 1953} 1954 1955.trigger img:active { 1956transform: scale(1.05, 1.05); 1957} 1958 1959.trigger p { 1960white-space: normal; 1961overflow-wrap: break-word; 1962} 1963 1964.trigger.active { 1965color: #1BBFDD; 1966font-weight: bold; 1967} 1968 1969.trigger-services.active .trigger-text { 1970background-color: #1BBFDD; 1971/* Blue background */ 1972color: #ffffff !important; 1973/* White text with priority */ 1974font-weight: bold; 1975padding: 10px 20px; 1976/* Optional: Adds spacing to make it look better */ 1977border-radius: 15px; 1978/* Optional: Rounded corners */ 1979} 1980 1981.trigger.drtab.active { 1982border: solid 3px #074570 !important; 1983} 1984 1985.trigger.drtab.active img.img-box { 1986transform: scale(.9) !important; 1987} 1988 1989.trigger.drtab.active .drname { 1990--_p: 0%; 1991color: #fff; 1992} 1993 1994/*Home Our Services section CSS start here*/ 1995 1996.lc-block.imgblock, 1997.lc-block.description { 1998display: flex; 1999grid-column: 1 / -1; 2000grid-row: 1 / -1; 2001} 2002 2003.x-icon { 2004width: 5%; 2005display: flex; 2006flex-wrap: wrap; 2007align-content: center; 2008font-size: 24px; 2009transform: rotate(45deg); 2010position: relative; 2011top: 0px; 2012color: #fff; 2013transition: all 500ms ease; 2014font-weight: 700; 2015} 2016 2017.lc-block.description details[open] .x-icon { 2018transform: rotate(0deg); 2019} 2020 2021.lc-block.description summary { 2022list-style: none; 2023} 2024 2025.box1 { 2026font-size: 20px; 2027margin-left: 20px; 2028} 2029 2030.lc-block.description { 2031transition: all 500ms ease; 2032background: linear-gradient(90deg, #fff 50%, #217bc0 0) var(--_p, 100%) / 200% no-repeat; 2033border-radius: 20px; 2034color: #fff; 2035gap: 10px; 2036} 2037 2038.main-box:hover .lc-block.description { 2039--_p: 0%; 2040color: #217bc0; 2041} 2042 2043.main-box:hover .lc-block.imgblock img { 2044transform: scale(1.1); 2045z-index: -1; 2046} 2047 2048.main-box .lc-block.imgblock img { 2049transition: all 500ms ease; 2050z-index: -1; 2051position: relative; 2052bottom: -20px; 2053} 2054 2055.main-box:hover .x-icon { 2056color: #217bc0; 2057transform: rotate(0deg); 2058} 2059 2060.main-box { 2061box-shadow: 0px 0px 1px 0px #000923; 2062border-radius: 20px; 2063overflow: hidden; 2064} 2065 2066.row.row-box { 2067gap: 20px; 2068display: flex; 2069flex-wrap: wrap; 2070align-content: center; 2071justify-content: center; 2072} 2073 2074.box2 { 2075border-top: solid #fff 2px; 2076padding-top: 20px; 2077margin-top: 20px; 2078} 2079 2080.main-box:hover .box2 {
2081border-top: solid #217bc0 2px; 2082padding-top: 20px; 2083margin-top: 20px; 2084} 2085 2086summary.dc-title { 2087display: flex; 2088} 2089 2090.row.row-box { 2091gap: 20px; 2092} 2093 2094@media (min-width: 1023px) { 2095.main-box { 2096width: 30%; 2097} 2098} 2099 2100/*Image slider start here*/ 2101 2102.lc-block.image-slider { 2103display: flex; 2104overflow: hidden; 2105user-select: none; 2106white-space: nowrap; 2107position: relative; 2108width: 100%; 2109height: 100px; 2110} 2111 2112.image-slider ul { 2113display: flex; 2114align-items: center; 2115flex-shrink: 0; 2116min-width: fit-content; 2117animation: marquee-scroll 240s linear infinite; 2118padding: 0; 2119margin: 0; 2120list-style: none; 2121grid-gap: 20px; 2122} 2123 2124.image-slider ul li { 2125display: flex; 2126align-items: center; 2127margin-right: 30px; 2128padding: 10px; 2129margin: 0; 2130vertical-align: middle; 2131border-radius: 10px; 2132background-color: #ffffff; 2133position: relative; 2134} 2135 2136@keyframes marquee-scroll { 21370% { 2138transform: translateX(0); 2139} 2140 2141100% { 2142transform: translateX(-50%); 2143} 2144} 2145 2146/*Map Css Start here*/ 2147 2148@media (min-width: 1023px) { 2149.row.map-location-row { 2150display: grid; 2151flex-direction: row; 2152align-items: end; 2153} 2154 2155.main-location { 2156grid-column: 1 / -1; 2157grid-row: 1 / -1; 2158z-index: 1; 2159} 2160 2161.main-map { 2162grid-column: 1 / -1; 2163grid-row: 1 / -1; 2164z-index: 1; 2165} 2166 2167.main-location { 2168grid-column: 1 / -1; 2169grid-row: 1 / -1; 2170z-index: 1; 2171background-color: #074570; 2172} 2173} 2174 2175.main-location { 2176background-color: #074570; 2177} 2178 2179/*Post Section CSS start here*/ 2180 2181.lc-block.post-list .tangible-paginator-target li { 2182display: flex; 2183flex-direction: column; 2184flex-wrap: nowrap; 2185margin-bottom: 50px; 2186font-size: 30px; 2187padding: 20px 0px; 2188border-bottom: solid #1e7bc0; 2189} 2190 2191.lc-block.post-list .tangible-paginator-target li a { 2192text-decoration: none; 2193color: #000; 2194transition: 0.4s; 2195} 2196 2197.lc-block.post-list .tangible-paginator-target li a:hover { 2198color: #1e7bc0; 2199} 2200 2201@media (max-width:600px) { 2202.lc-block.post-list .tangible-paginator-target li { 2203display: flex; 2204flex-direction: column; 2205flex-wrap: nowrap; 2206margin-bottom: 50px; 2207font-size: 20px; 2208padding: 20px 0px; 2209border-bottom: solid #1e7bc0; 2210} 2211 2212.lc-block.post-list .tangible-paginator-target li a { 2213text-decoration: none; 2214color: #000; 2215transition: 0.4s; 2216} 2217 2218.lc-block.post-list .tangible-paginator-target li a:hover { 2219color: #1e7bc0; 2220} 2221} 2222 2223 2224 2225/*-----------------------------Location Page CSS start here*/ 2226 2227 2228/* Icon rotation on open details */ 2229.lc-block.dr-description details[open] .x-icon { 2230transform: rotate(0deg); 2231} 2232 2233/* Remove list style from summary */ 2234.lc-block.dr-description summary { 2235list-style: none; 2236} 2237 2238/* Box1 styling */ 2239.box1 { 2240font-size: 20px; 2241margin-top: 4px; 2242} 2243 2244/* Description container */ 2245.lc-block.dr-description { 2246transition: all 500ms ease; 2247background: linear-gradient(90deg, #fff 50%, #217bc0 0) var(--_p, 100%) / 200% no-repeat; 2248border-radius: 20px; 2249color: #fff; 2250gap: 10px; 2251width: 100%; 2252} 2253 2254/* Image and name container */ 2255.lc-block.dr-image, 2256.lc-block.dr-name-dc { 2257display: flex; 2258grid-row: 1 / -1; 2259grid-column: 1 / -1; 2260} 2261 2262/* Box2 styling */ 2263.box2 { 2264border-top: solid #fff 2px; 2265padding-top: 20px; 2266margin-top: 20px; 2267} 2268 2269/* Summary title styling */ 2270summary.dc-title { 2271display: flex; 2272} 2273 2274/* Row styling */ 2275.row.row-box { 2276gap: 20px; 2277} 2278 2279/* Main box for larger screens */ 2280@media (min-width: 1023px) { 2281.main-box { 2282width: 30%; 2283} 2284} 2285 2286/* Dr. Name container - general */ 2287.dr-name-dc .box1 { 2288margin-top: 4px; 2289} 2290 2291/* Dr. Column container */ 2292.dr-col-dc { 2293background: linear-gradient(to bottom, rgba(198, 229, 255, 1) 25%, rgba(78, 150, 186, 1) 100%); 2294padding: 0 !important; 2295} 2296 2297/* Hover effect on Dr. Column container */ 2298.dr-col-dc:hover { 2299--_p: 0%; 2300} 2301 2302.lc-block.dr-name-dc.ms-2.me-2 { 2303z-index: 2; 2304} 2305 2306/* Image hover scaling effect */ 2307.dr-col-dc:hover .lc-block.dr-image img { 2308transform: scale(1.05); 2309} 2310 2311.dr-col-dc .lc-block.dr-image img { 2312transition: all 500ms ease; 2313z-index: 1; 2314} 2315 2316/* Hover effect on name and description */ 2317.dr-col-dc:hover .dr-name-dc .x-icon, 2318.dr-col-dc:hover .dr-name-dc .box1, 2319.dr-col-dc:hover .dr-name-dc .box2 { 2320color: #217bc0; 2321} 2322 2323/* Hover effect on Box2 */ 2324.dr-col-dc:hover .box2 { 2325border-top: solid #217bc0 2px; 2326} 2327 2328/* Hover effect on description icon */ 2329.dr-col-dc .dr-description:hover .x-icon { 2330transform: rotate(0deg); 2331} 2332 2333/* Bio button styling */ 2334.drbutton-bio { 2335margin-top: 30px; 2336margin-bottom: 25px; 2337} 2338 2339.drbutton-bio a { 2340border-radius: 49px !important; 2341padding: 20px !important; 2342color: #074570 !important; 2343text-decoration: none; 2344border: solid 2px #074570; 2345background-color: #fff !important; 2346} 2347 2348 2349.pq-list { 2350display: flex; 2351flex-wrap: nowrap; 2352/* Enables wrapping on mobile */ 2353gap: 10px; 2354/* Space between items */ 2355padding: 0; 2356/* Remove default padding */ 2357margin: 0; 2358/* Remove margin to align perfectly */ 2359list-style: none; 2360justify-content: flex-start; 2361/* Ensures items align to the left */ 2362width: 100%; 2363/* Ensures it takes full width */ 2364} 2365 2366.pq-list li { 2367position: relative; 2368display: flex; 2369align-items: center; 2370padding: 10px 15px; 2371/* Padding inside each item */ 2372flex: none; 2373/* Prevents items from stretching */ 2374white-space: nowrap; 2375/* Prevents wrapping inside list items */ 2376} 2377 2378.pq-list { 2379display: flex; 2380flex-direction: column; 2381flex-wrap: wrap; 2382/* Enables wrapping into multiple columns */ 2383gap: 10px; 2384/* Space between items */ 2385padding: 0; 2386/* Remove default padding */ 2387margin: 0; 2388/* Remove margin to align perfectly */ 2389list-style: none; 2390justify-content: flex-start; 2391/* Align items to the left */ 2392width: 100%; 2393/* Ensures it takes full width */ 2394} 2395 2396.pq-list li { 2397position: relative; 2398display: flex; 2399align-items: center; 2400padding: 10px 15px; 2401/* Padding inside each item */ 2402flex: 1 1 calc(33.33% - 10px); 2403/* Creates columns (adjust as needed) */ 2404white-space: nowrap; 2405/* Prevents wrapping inside list items */ 2406font-size: 18px; 2407/* Set font size */ 2408font-weight: normal; 2409/* Make text bold */ 2410} 2411 2412.pq-list li::before { 2413content: ""; 2414width: 25px;
2415/* Adjust width as needed */ 2416height: 25px; 2417/* Adjust height as needed */ 2418background-image: url('/wp-content/uploads/sites/49/2025/06/Check-icon-DC-Retina-1.png'); 2419/* Replace with your image */ 2420background-size: contain; 2421background-repeat: no-repeat; 2422margin-right: 10px; 2423/* Space between the image and text */ 2424} 2425 2426/* Remove left & right padding from surrounding elements */ 2427.pq-list-container, 2428.fl-module-content { 2429padding-left: 0 !important; 2430padding-right: 0 !important; 2431} 2432 2433/* Ensure responsiveness */ 2434@media (max-width: 768px) { 2435.pq-list li { 2436flex: 1 1 calc(50% - 10px); 2437/* Two columns on tablets */ 2438} 2439} 2440 2441@media (max-width: 480px) { 2442.pq-list li { 2443flex: 1 1 100%; 2444/* One column on mobile */ 2445} 2446} 2447 2448 2449/*About Us CSS start here*/ 2450 2451.dc-retina-button2 { 2452transition: all 500ms ease; 2453background: linear-gradient(90deg, #074570 50%, #ffffff 0) var(--_p, 100%) / 200% no-repeat; 2454border-color: #074570; 2455color: #074570; 2456flex: 1; 2457} 2458 2459.dc-retina-button2:hover { 2460--_p: 0%; 2461color: #fff; 2462} 2463 2464.dc-retina-button1 { 2465transition: all 500ms ease; 2466background: linear-gradient(90deg, #ffffff 50%, #074570 0) var(--_p, 100%) / 200% no-repeat; 2467border-color: #074570; 2468color: #fff; 2469flex: 1; 2470} 2471 2472.dc-retina-button1:hover { 2473--_p: 0%; 2474color: #074570; 2475} 2476 2477/*Retina Treatments Page CSS start here*/ 2478 2479@media (min-width:768px) { 2480.dc-four-col { 2481flex: 0 0 auto; 2482width: 46.666667%; 2483} 2484 2485.three-col-layout { 2486flex: 0 0 auto; 2487width: 31.333333%; 2488} 2489} 2490 2491/* General styling for the container */ 2492.dr-button-container { 2493display: flex; 2494flex-wrap: wrap; 2495gap: 10px; 2496/* Space between buttons */ 2497width: 100%; 2498/* Set width for the container */ 2499margin: 0px; 2500} 2501 2502/* Style for each button */ 2503.dr-button { 2504display: inline-block; 2505padding: 10px 10px; 2506border: 1px solid #ccc; 2507/* Light border color */ 2508background-color: transparent; 2509color: white; 2510/* Text color */ 2511font-size: 13px; 2512font-weight: 600; 2513text-align: center; 2514text-decoration: none; 2515border-radius: 8px; 2516transition: background-color 0.3s, color 0.3s; 2517cursor: pointer; 2518} 2519 2520/* Hover effect */ 2521.dr-button:hover { 2522background-color: #007bff; 2523/* Blue background on hover */ 2524color: white; 2525/* Change text color to white */ 2526} 2527 2528 2529 2530 2531 2532/*----------------------end----------------------*/ 2533 2534/*--------------------Westwood-------------------*/ 2535.west-wood-actext { 2536color: #02748e; 2537} 2538 2539.ecp-icon span.ecp-icon-svg { 2540display: inline-flex; 2541width: 1.8em; 2542height: 1.8em; 2543text-align: center; 2544align-items: center; 2545justify-content: center; 2546transition: all .2s ease-in; 2547vertical-align: middle; 2548} 2549 2550.westwood-half-box { 2551position: relative; 2552background: linear-gradient(90deg, #21748E 60%, #96BFCB 100%); 2553color: #fff; 2554font-family: "montserrat", Sans-Serif; 2555border-radius: 8px; 2556transform: skew(-15deg); 2557box-shadow: 0 4px 18px rgba(28, 44, 100, 0.08); 2558transition: box-shadow 0.6s cubic-bezier(0.4, 2, 0.6, 1), transform 0.6s cubic-bezier(0.4, 2, 0.6, 1); 2559} 2560 2561.westwood-half-box:hover { 2562color: #21748E; 2563background: linear-gradient(90deg, #f8f8f8 60%, #ffffff 100%); 2564box-shadow: 0 0 16px 4px rgba(207, 255, 235, 0.95), 0 0 48px 18px rgba(133, 202, 155, 0.38); 2565transform: skew(-15deg) translateY(-8px); 2566} 2567 2568.westwood-half-box span.ecp-icon, 2569.westwood-half-box h4 { 2570transition: all 500ms; 2571transform: skew(15deg); 2572} 2573 2574.westwood-half-box span.ecp-icon path.cls-1 { 2575fill: #fff; 2576} 2577 2578.westwood-half-box:hover span.ecp-icon path.cls-1 { 2579fill: #21748E; 2580} 2581 2582/* ------------------------------------------------------------------Dr SCROLLING DOCTORS ON WESTWOOD */ 2583 2584.scroll-container { 2585overflow-x: auto; 2586/* Enable horizontal scrolling */ 2587white-space: nowrap; 2588/* Prevent wrapping */ 2589scroll-behavior: smooth; 2590/* Smooth scrolling */ 2591-webkit-overflow-scrolling: touch; 2592/* iOS smooth scrolling */ 2593padding-bottom: 10px; 2594/* Prevent scrollbar from overlapping */ 2595scrollbar-width: none; 2596/* Firefox */ 2597-ms-overflow-style: none; 2598/* Internet Explorer/Edge */ 2599} 2600 2601.scroll-container::-webkit-scrollbar {
2602display: none; 2603/* Chrome, Safari */ 2604} 2605 2606.scroll-container::-webkit-scrollbar-thumb { 2607background: rgba(0, 0, 0, 0.5); 2608border-radius: 4px; 2609} 2610 2611.scroll-container::-webkit-scrollbar-track { 2612background: rgba(0, 0, 0, 0.1); 2613} 2614 2615.scroll-container .scroll-item { 2616flex: 0 0 auto; 2617/* Prevent flex shrinking */ 2618min-width: 200px; 2619/* Adjust item size */ 2620margin-right: 0px; 2621/* Spacing between items */ 2622} 2623 2624/* Scroll buttons */ 2625 2626.scroll-button { 2627width: 50px; 2628/* Adjust size */ 2629height: 50px; 2630border: 1px solid #2367b2; 2631/* Outline color */ 2632background: transparent; 2633/* Transparent background */ 2634border-radius: 50%; 2635/* Circular shape */ 2636display: flex; 2637align-items: center; 2638justify-content: center; 2639cursor: pointer; 2640transition: background 0.3s ease-in-out, color 0.3s ease-in-out, transform 0.2s ease-in-out; 2641} 2642 2643.scroll-button img { 2644width: 20px; 2645/* Adjust icon size */ 2646height: auto; 2647filter: invert(100%); 2648transition: filter 0.3s ease-in-out; 2649} 2650 2651.scroll-button:hover { 2652transform: scale(1.1); 2653/* Slight pop effect */ 2654} 2655 2656.scroll-button:hover img { 2657filter: invert(100%); 2658/* Change icon color to white on hover */ 2659} 2660 2661/*Testimonial Slider for WESTWOOD*/ 2662.testimonial-slider { 2663position: relative; 2664max-width: 80%; 2665/* Make wider if you want, or remove for full width */ 2666margin: 0 auto; 2667min-height: 120px; 2668/* Space for arrows and text */ 2669display: flex; 2670align-items: center; 2671justify-content: center; 2672} 2673 2674.testimonial-slider .testimonial { 2675flex: 1 1 auto; 2676display: none; 2677text-align: center; 2678} 2679 2680.testimonial-slider .testimonial.active { 2681display: block; 2682} 2683 2684.testimonial-slider button { 2685position: absolute; 2686top: 50%; 2687transform: translateY(-50%); 2688background: #eee; 2689border: none; 2690padding: 0px; 2691width: 40px; 2692height: 40px; 2693cursor: pointer; 2694font-size: 1.6em; 2695border-radius: 50%; 2696opacity: 0.7; 2697transition: opacity 0.2s; 2698z-index: 2; 2699display: flex; 2700align-items: center; 2701justify-content: center; 2702} 2703 2704.testimonial-slider .testimonial-prev { 2705left: -40px; 2706} 2707 2708.testimonial-slider .testimonial-next { 2709right: -40px; 2710} 2711 2712.testimonial-slider button:hover { 2713opacity: 1; 2714} 2715 2716 2717 2718/* MOBILE: move arrows below slider */ 2719@media (max-width: 600px) { 2720figure blockquote { 2721margin: 0; 2722padding: 0; 2723} 2724 2725figure { 2726margin-inline-start: 0px; 2727margin-inline-end: 0px; 2728margin-block-start: 0.5em; 2729margin-block-end: 0.5em; 2730} 2731 2732.testimonial-slider { 2733display: block; 2734min-height: unset; 2735} 2736 2737.testimonial-slider .testimonial { 2738margin-bottom: 16px; 2739} 2740 2741.testimonial-slider button { 2742position: static; 2743display: inline-block; 2744margin: 0 8px; 2745top: auto; 2746left: auto; 2747right: auto; 2748transform: none; 2749} 2750 2751.testimonial-slider .testimonial-prev, 2752.testimonial-slider .testimonial-next { 2753/* Remove edge positioning on mobile */ 2754} 2755 2756.testimonial-slider { 2757text-align: center; 2758} 2759} 2760 2761 2762 2763/*------------------------------------------------------------------Dr Bio Slider ------*/ 2764 2765.flip-image { 2766transform: rotate(180deg); 2767} 2768 2769/* Wrapper for the entire review slider */ 2770.review-slider { 2771position: relative; 2772max-width: 100%; 2773overflow: hidden; 2774padding-bottom: 50px; 2775/* Ensure space at the bottom for buttons */ 2776} 2777 2778/* Review wrapper that will be scrolled */ 2779.review-wrapper { 2780display: flex; 2781width: 100%; 2782transition: transform 0.5s ease-in-out; 2783justify-content: flex-start; 2784/* Centering the items by default */ 2785} 2786 2787/* Each individual review takes up 30% of the width on desktop */ 2788.review { 2789flex: 0 0 30%; 2790/* Show 3 reviews at a time */ 2791padding: 10px; 2792box-sizing: border-box; 2793background-color: #fff; 2794border-radius: 8px; 2795box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); 2796margin: 20px; 2797} 2798 2799/* Card image size adjustment */ 2800.card-img-top { 2801max-width: 15%; 2802/* Adjust the image size to fit properly */ 2803margin-left: auto; 2804margin-right: auto; 2805margin-top: -30px; 2806/* Adjust for better positioning */ 2807padding-bottom: 20px; 2808/* Spacing below the image */ 2809} 2810 2811/* Style for carousel buttons */ 2812/* Button container: Center the buttons below the reviews */ 2813.button-container { 2814display: flex; 2815justify-content: center; 2816gap: 30px; 2817/* Space between buttons */ 2818margin-top: 20px; 2819/* Space between the reviews and the buttons */ 2820} 2821 2822.prev-btn img, 2823.next-btn img { 2824background: rgba(0, 0, 0, 0.1); 2825; 2826border: 1px solid rgba(0, 0, 0, 0.05); 2827padding: 5px; 2828cursor: pointer; 2829border-radius: 50%; 2830transition: background-color 0.3s; 2831} 2832 2833/* Button hover effect */ 2834.prev-btn img:hover, 2835.next-btn img:hover { 2836background-color: rgba(255, 255, 255, 0.1); 2837/* Light background on hover */ 2838} 2839 2840/* Adjustments for mobile view */ 2841@media (max-width: 767px) { 2842 2843/* Ensure only one review is shown at a time */ 2844.review-wrapper { 2845display: flex; 2846flex-direction: row; 2847overflow-x: auto; 2848scroll-snap-type: x mandatory; 2849/* Ensures smooth snapping between reviews */ 2850} 2851 2852.review { 2853flex: 0 0 100%; 2854/* Show one review at a time */ 2855margin: 0px; 2856/* No spacing between reviews */ 2857scroll-snap-align: center; 2858/* Ensure snapping happens in the center */ 2859} 2860 2861.prev-btn, 2862.next-btn { 2863font-size: 24px; 2864/* Make buttons smaller for mobile */ 2865} 2866 2867/* Ensure smooth transitions for mobile scrolling */ 2868.review-slider { 2869padding-bottom: 30px; 2870/* Adjusted bottom padding for buttons */ 2871} 2872 2873/* Bootstrap carousel overrides for mobile */ 2874#mobileCarousel { 2875width: 100%; 2876height: auto; 2877} 2878} 2879</style> 2880 <!-- /wp_head --> 2881 <!-- Google Tag Manager --> 2882
2882<script>
vendor: 335 bytes, lines 2882-2886
2882(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 2883 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 2884 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 2885 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 2886 })(window,document,'script','dataLayer','
2886GTM-N54GJXC2
vendor: 3 bytes, line 2886
2886');
2886</script>
2886 2887 <!-- End Google Tag Manager --> 2888 <link rel='stylesheet' id='lc-aos-css' href='https://washingtoneyeinstitute.com/wp-content/plugins/livecanvas/modules/optin-extra-assets/aos.css?ver=762baabbd36986073f2e63e5741e1c84' media='all' /> 2889 2890<style id="lc-vh-btn">.lc-vh{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}</style><style id="lc-vh-readmore">.lc-vh{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}</style></head> 2891<body class="home wp-singular page-template page-template-page-templates page-template-empty page-template-page-templatesempty-php page page-id-15262 wp-custom-logo wp-embed-responsive wp-theme-picostrap5 lc-custom-header lc-custom-footer is-using-livecanvas"> 2892 2893 <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 2893-2894
2893 2894 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
2894GTM-N54GJXC2
vendor: 85 bytes, lines 2894-2896
2894" 2895 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 2896
2896<!-- End Google Tag Manager (noscript) --> 2897 2898 2899 2900<header id='lc-header'> 2901<style> 2902/* ===== CSS Custom Properties ===== */ 2903:root { 2904 --color-gold: #9D7F47; 2905 --color-hover-bg: #F0F0F0; 2906 --color-hover-text: #3D3D3D; 2907 --color-header-bg: #F9F7F2; 2908 --color-nav-bg: #F2F2E0; 2909} 2910 2911/* ===== Sticky / Fixed Header ===== */ 2912 2913/* Accessibility/structure fix: 2914 Keep .neg-header as the scrolling state only; default is relative. */ 2915.neg-header { 2916 position: relative; 2917 left: 0; 2918 right: 0; 2919 z-index: 1000; 2920 transition: all 0.3s ease; 2921 background: transparent; 2922} 2923 2924.neg-header.scrolled { 2925 position: fixed !important; 2926 top: 0; 2927 left: 0; 2928 right: 0; 2929} 2930 2931/* ===== Header Structure ===== */ 2932 2933header .navbar-brand { 2934 flex: 0 0 auto; 2935} 2936 2937header .navbar-brand.logo img { 2938 display: block; 2939 width: auto; 2940 height: 100%; 2941} 2942 2943header .navbar-toggler { 2944 margin-left: auto; 2945} 2946 2947header .nav-link { 2948 font-weight: 500; 2949 transition: color var(--transition-base, 0.2s ease); 2950} 2951 2952header .nav-link:hover { 2953 color: var(--color-gold); 2954} 2955 2956.navbar-toggler:focus { 2957 box-shadow: none; 2958 border-color: transparent; 2959 outline: 2px solid var(--color-gold); 2960 outline-offset: 2px; 2961} 2962 2963/* ===== Custom Hamburger Toggler ===== */ 2964 2965.custom-toggler { 2966 background: transparent; 2967 padding: 0.5rem 0.75rem; 2968} 2969 2970.custom-toggler .bar1, 2971.custom-toggler .bar2, 2972.custom-toggler .bar3 { 2973 display: block; 2974 width: 30px; 2975 height: 2.5px; 2976 margin: 6px 0; 2977 background-color: var(--bs-primary); 2978 transition: 0.4s; 2979} 2980 2981.custom-toggler:not(.collapsed) .bar1 { 2982 transform: translate(0, 7px) rotate(-45deg); 2983} 2984 2985.custom-toggler:not(.collapsed) .bar2 { 2986 opacity: 0; 2987} 2988 2989.custom-toggler:not(.collapsed) .bar3 { 2990 transform: translate(0, -7px) rotate(45deg); 2991} 2992 2993/* ===== Top Bar Role Toggle ===== */ 2994 2995#WT-header-topbar .role-toggle a.active { 2996 background-color: var(--color-hover-bg); 2997 color: var(--color-hover-text); 2998} 2999 3000#WT-header-topbar .role-toggle a.inactive { 3001 color: black; 3002} 3003 3004#WT-header-topbar .role-toggle .toggle-1:hover { 3005 background-color: var(--color-hover-bg); 3006 color: var(--color-hover-text); 3007 border-top-left-radius: 6px !important; 3008 border-bottom-left-radius: 6px !important; 3009} 3010 3011#WT-header-topbar .role-toggle .toggle-2:hover { 3012 background-color: var(--color-hover-bg); 3013 color: var(--color-hover-text); 3014 border-top-right-radius: 6px !important; 3015 border-bottom-right-radius: 6px !important; 3016} 3017 3018/* ===== Dropdown Section Title Reset ===== */ 3019 3020#lc-header-main .dropdown-menu .section-title::after { 3021 content: none; 3022} 3023 3024/* ===== Desktop Styles (>=992px) ===== */ 3025@media (min-width: 992px) { 3026 /* Dropdown hover reveal */ 3027 #menu-retina-primary-menu .dropdown:hover > .dropdown-menu { 3028 display: block; 3029 margin-top: 0; 3030 } 3031 3032 #menu-retina-primary-menu .dropdown-menu { 3033 transition: all 0.3s ease; 3034 } 3035 3036 #menu-retina-primary-menu .dropdown-menu .dropdown-menu { 3037 top: 0; 3038 left: 100%; 3039 margin-left: 0.1rem; 3040 } 3041} 3042 3043/* ===== Tablet Container (992pxâ1199.98px) ===== */ 3044 3045@media (min-width: 992px) and (max-width: 1199.98px) { 3046 .WT-con { 3047 max-width: 100%; 3048 padding: 0 10px; 3049 } 3050} 3051 3052/* ===== Mobile Styles (<=991.98px) ===== */ 3053 3054@media (max-width: 991.98px) { 3055 header .navbar-collapse { 3056 width: 100%; 3057 flex-basis: 100%; 3058 } 3059 3060 /* Mobile: nav collapses over hero content */ 3061 #lc-header-main .navbar { 3062 position: relative; 3063 z-index: 999; 3064 margin-bottom: 0; 3065 background-color: transparent; 3066 } 3067 3068 #lc-header-main .navbar-collapse { 3069 position: absolute; 3070 top: 100%; 3071 left: 0; 3072 z-index: 9999; 3073 width: 100%; 3074 padding: 1rem; 3075 background-color: var(--color-header-bg); 3076 border-radius: 0 0 4px 4px; 3077 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 3078 } 3079 3080 #lc-header-main .navbar-collapse.collapse:not(.show) { 3081 display: none; 3082 } 3083 3084 #lc-header-main .navbar-collapse.collapse.show { 3085 display: block; 3086 } 3087} 3088 3089/* ===== Small Mobile (<=425px) ===== */ 3090 3091@media (max-width: 425px) { 3092 .WT-header-logo { 3093 max-width: 200px !important; 3094 } 3095} 3096</style> 3097 3098<!-- ========================== --> 3099<!-- SECTION: Site Header START --> 3100<!-- ========================== --> 3101<header id="lc-header-main"> 3102 3103 3104 <!-- Block: Desktop Top Bar --> 3105 <div class="header-top d-lg-block d-none greenwich-header-color my-2"> 3106 <div class="container WT-con"> 3107 <div class="row align-items-center" id="WT-header-topbar"> 3108 <div class="col-xl-2 col-lg-3 col-md-4 col-8 mb-0 pb-0 text-lg-start d-flex"> 3109 <ul class="d-flex list-unstyled align-items-center mb-0 pb-0 role-toggle border rounded-2" id="ra-role-toggle"> 3110 <li class="m-1"> 3111 <a href="https://washingtoneyeinstitute.com/" 3112 class="d-block pt-1 pb-1 ps-3 pe-3 h-100 btn border-0 shadow-none rounded-0 text-decoration-none text-capitalize fw-normal rfs-6 toggle-1 active"> 3113 Patients 3114 </a> 3115 </li> 3116 <li class="m-1"> 3117 3118 <a href="https://washingtoneyeinstitute.com/refer-a-patient/" 3119 class="d-block pt-1 pb-1 ps-3 pe-3 h-100 btn border-0 shadow-none rounded-0 text-decoration-none text-capitalize fw-normal rfs-6 toggle-2 inactive"> 3120 Doctors 3121 </a> 3122 </li> 3123 </ul> 3124 </div> 3125 3126 3127 <!-- Column: Utility Links --> 3128 <div class="col-md d-flex justify-content-md-end"> 3129 <ul class="list-unstyled m-0 d-flex align-items-center justify-content-end gap-xl-4 gap-2"> 3130 <!-- Link: Pay Online --> 3131 <li class="d-flex gap-2 align-items-center"> 3132 <svg width="20" height="20" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 3133 <path d="M2.04531 0C1.50286 0 0.982629 0.205226 0.599058 0.570531C0.215488 0.935837 0 1.4313 0 1.94792V2.83333H11.9V1.94792C11.9 1.4313 11.6845 0.935837 11.3009 0.570531C10.9174 0.205226 10.3971 0 9.85469 0H2.04531ZM11.9 3.54167H0V6.55208C0 7.0687 0.215488 7.56416 0.599058 7.92947C0.982629 8.29477 1.50286 8.5 2.04531 8.5H9.85469C10.3971 8.5 10.9174 8.29477 11.3009 7.92947C11.6845 7.56416 11.9 7.0687 11.9 6.55208V3.54167ZM8.55313 6.375H10.0406C10.1393 6.375 10.2338 6.41231 10.3036 6.47873C10.3733 6.54515 10.4125 6.63524 10.4125 6.72917C10.4125 6.8231 10.3733 6.91318 10.3036 6.9796C10.2338 7.04602 10.1393 7.08333 10.
31330406 7.08333H8.55313C8.4545 7.08333 8.35991 7.04602 8.29017 6.9796C8.22043 6.91318 8.18125 6.8231 8.18125 6.72917C8.18125 6.63524 8.22043 6.54515 8.29017 6.47873C8.35991 6.41231 8.4545 6.375 8.55313 6.375Z" fill="#9D7F47"></path> 3134 </svg> 3135 <a href="https://www.mypatientvisit.com/#/expresspay?practiceID=REFOCUS-3" class="text-decoration-none fw-normal text-dark" target="_blank" rel="noopener noreferrer"> 3136 Pay Online 3137 </a> 3138 </li> 3139 3140 <!-- Link: Refer a Patient --> 3141 <li class="d-flex gap-2 align-items-center"> 3142 <svg width="20" height="20" viewBox="0 0 9 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 3143 <path d="M4.2 1.4C3.8287 1.4 3.4726 1.5475 3.21005 1.81005C2.9475 2.0726 2.8 2.4287 2.8 2.8C2.8 3.1713 2.9475 3.5274 3.21005 3.78995C3.4726 4.0525 3.8287 4.2 4.2 4.2C4.5713 4.2 4.9274 4.0525 5.18995 3.78995C5.4525 3.5274 5.6 3.1713 5.6 2.8C5.6 2.4287 5.4525 2.0726 5.18995 1.81005C4.9274 1.5475 4.5713 1.4 4.2 1.4ZM1.75 8.75C1.65717 8.75 1.56815 8.78687 1.50251 8.85251C1.43687 8.91815 1.4 9.00717 1.4 9.1C1.4 9.19283 1.43687 9.28185 1.50251 9.34749C1.56815 9.41313 1.65717 9.45 1.75 9.45H6.65C6.74283 9.45 6.83185 9.41313 6.89749 9.34749C6.96313 9.28185 7 9.19283 7 9.1C7 9.00717 6.96313 8.91815 6.89749 8.85251C6.83185 8.78687 6.74283 8.75 6.65 8.75H1.75ZM0 1.4C0 1.0287 0.1475 0.672601 0.41005 0.41005C0.672601 0.1475 1.0287 0 1.4 0H7C7.3713 0 7.7274 0.1475 7.98995 0.41005C8.2525 0.672601 8.4 1.0287 8.4 1.4V9.8C8.4 10.1713 8.2525 10.5274 7.98995 10.7899C7.7274 11.0525 7.3713 11.2 7 11.2H1.4C1.0287 11.2 0.672601 11.0525 0.41005 10.7899C0.1475 10.5274 0 10.1713 0 9.8V1.4ZM7 0.7H1.4C1.21435 0.7 1.0363 0.77375 0.905025 0.905025C0.77375 1.0363 0.7 1.21435 0.7 1.4V7H2.1V5.6C2.1 5.41435 2.17375 5.2363 2.30503 5.10503C2.4363 4.97375 2.61435 4.9 2.8 4.9H5.6C5.78565 4.9 5.9637 4.97375 6.09497 5.10503C6.22625 5.2363 6.3 5.41435 6.3 5.6V7H7.7V1.4C7.7 1.21435 7.62625 1.0363 7.49497 0.905025C7.3637 0.77375 7.18565 0.7 7 0.7ZM0.7 7.7V9.8C0.7 9.98565 0.77375 10.1637 0.905025 10.295C1.0363 10.4263 1.21435 10.5 1.4 10.5H7C7.18565 10.5 7.3637 10.4263 7.49497 10.295C7.62625 10.1637 7.7 9.98565 7.7 9.8V7.7H0.7Z" fill="#9D7F47"></path> 3144 </svg> 3145 <a href="/refer-a-patient/" class="text-decoration-none fw-normal text-dark"> 3146 Refer a Patient 3147 </a> 3148 </li> 3149 3150 <!-- Link: Phone CTA --> 3151 <li class="d-flex gap-2 align-items-center py-2 px-4 rounded-2" style="background-color: #f0f0f0;"> 3152 <svg width="20" height="20" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 3153 <path d="M9.11274 11.3748C8.61712 11.3748 7.9209 11.1955 6.87837 10.613C5.61061 9.90211 4.63003 9.24576 3.36913 7.98816C2.15342 6.77322 1.56182 5.98662 0.733835 4.47994C-0.201556 2.77877 -0.0421028 1.88705 0.136139 1.50594C0.348405 1.05043 0.661725 0.777987 1.06671 0.507577C1.29673 0.356867 1.54016 0.227675 1.79389 0.121639C1.81928 0.110721 1.8429 0.100311 1.86397 0.0909168C1.98966 0.0342957 2.18008 -0.0512707 2.4213 0.0401355C2.58227 0.100565 2.72598 0.224218 2.95094 0.446386C3.41229 0.901386 4.04274 1.91473 4.27532 2.41238C4.43147 2.74779 4.53481 2.9692 4.53507 3.21752C4.53507 3.50824 4.38882 3.73244 4.21133 3.97441C4.17807 4.01986 4.14506 4.06328 4.11307 4.10543C3.91985 4.35933 3.87745 4.43271 3.90538 4.56373C3.962 4.82703 4.38424 5.61084 5.07817 6.30324C5.7721 6.99564 6.53331 7.39123 6.79762 7.4476C6.93423 7.4768 7.00913 7.43262 7.27116 7.23254C7.30874 7.20385 7.34733 7.17414 7.3877 7.14443C7.65837 6.94309 7.87216 6.80064 8.15602 6.80064H8.15755C8.4046 6.80064 8.6161 6.90779 8.96649 7.08451C9.42352 7.31506 10.4673 7.93738 10.9251 8.39924C11.1478 8.62369 11.272 8.76689 11.3326 8.92762C11.424 9.16959 11.338 9.35926 11.2819 9.48621C11.2725 9.50728 11.2621 9.53039 11.2511 9.55603C11.1443 9.80932 11.0143 10.0522 10.8629 10.2817C10.593 10.6854 10.3196 10.998 9.86303 11.2105C9.62861 11.3214 9.37206 11.3776 9.11274 11.3748Z" fill="#9D7F47"></path> 3154 </svg> 3155 <a href="tel:+13018007490" class="text-decoration-none text-dark fw-normal" aria-label="Call or text Washington Eye Institute at (301) 800-7490"> 3156 Call or Text (301) 800 7490 3157 </a> 3158 </li> 3159 3160 <li class="d-flex gap-2 align-items-center"> 3161 <div class="ms-md-2 text-decoration-none"> 3162 <div class="dropdown"> 3163 <button aria-label="English" class="btn border-0 bg-secondary d-flex align-items-center gap-2 px-3 py-2" type="button" id="svLangDropdown" data-bs-toggle="dropdown" aria-expanded="false" data-lc-btn-fixed="v2"> 3164 <div>
3165 <svg width="16" height="16" viewBox="0 0 10 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 3166 <path d="M5 10C5.68815 10 6.33629 9.86852 6.94444 9.60555C7.55259 9.34222 8.08222 8.98481 8.53333 8.53333C8.98444 8.08185 9.34185 7.55222 9.60555 6.94444C9.86926 6.33667 10.0007 5.68852 10 5C10 4.30963 9.86852 3.66092 9.60555 3.05389C9.34222 2.44648 8.98481 1.91741 8.53333 1.46667C8.08185 1.01593 7.55222 0.658518 6.94444 0.394444C6.33629 0.131481 5.68815 0 5 0C4.30963 0 3.66092 0.131481 3.05389 0.394444C2.44648 0.657778 1.91722 1.01518 1.46611 1.46667C1.015 1.91815 0.657777 2.44722 0.394444 3.05389C0.131481 3.6613 0 4.31 0 5C0 5.68815 0.131481 6.33629 0.394444 6.94444C0.657777 7.55259 1.01518 8.08222 1.46667 8.53333C1.91815 8.98444 2.44722 9.34185 3.05389 9.60555C3.66055 9.86926 4.30926 10.0007 5 10ZM5 9.44889C4.67407 9.03 4.40518 8.6187 4.19333 8.215C3.98185 7.81129 3.80981 7.35944 3.67722 6.85944H6.32278C6.17574 7.38759 6.00018 7.85352 5.79611 8.25722C5.59166 8.66092 5.32629 9.05815 5 9.44889ZM5.70722 9.36555C5.96648 9.06 6.20315 8.68222 6.41722 8.23222C6.63129 7.78259 6.79055 7.32481 6.895 6.85889H9.02555C8.70703 7.54963 8.25574 8.11629 7.67166 8.55889C7.08722 9.00111 6.43241 9.27 5.70722 9.36555ZM4.29278 9.36555C3.56759 9.27 2.91278 9.00111 2.32833 8.55889C1.74426 8.11629 1.29296 7.54963 0.974443 6.85889H3.10444C3.24518 7.33185 3.42241 7.79315 3.63611 8.24278C3.85018 8.69278 4.06907 9.0674 4.29278 9.36555ZM9.25222 6.30389H7.01055C7.05278 6.07574 7.08241 5.85352 7.09944 5.63722C7.11722 5.4213 7.12611 5.20889 7.12611 5C7.12611 4.79111 7.1174 4.5787 7.1 4.36278C7.08259 4.14685 7.05296 3.92463 7.01111 3.69611H9.25166C9.31203 3.8887 9.35926 4.09852 9.39333 4.32555C9.4274 4.55222 9.44444 4.77704 9.44444 5C9.44444 5.22296 9.42759 5.44796 9.39389 5.675C9.36018 5.90204 9.31296 6.11204 9.25222 6.30389ZM6.455 6.30333H3.545C3.50278 6.07555 3.47315 5.85704 3.45611 5.64778C3.43833 5.43889 3.42944 5.22296 3.42944 5C3.42944 4.77704 3.43815 4.56111 3.45555 4.35222C3.47296 4.14333 3.50259 3.92481 3.54444 3.69667H6.45555C6.49741 3.92444 6.52703 4.14296 6.54444 4.35222C6.56185 4.56111 6.57055 4.77704 6.57055 5C6.57055 5.22296 6.56185 5.43889 6.54444 5.64778C6.52703 5.85667 6.49685 6.07518 6.455 6.30333ZM2.98889 6.30333H0.747778C0.687408 6.11111 0.640185 5.90167 0.606111 5.675C0.572407 5.44796 0.555555 5.22296 0.555555 5C0.555555 4.77704 0.572407 4.55204 0.606111 4.325C0.639814 4.09796 0.687037 3.88852 0.747778 3.69667H2.98944C2.94722 3.92444 2.91759 4.14648 2.90055 4.36278C2.88278 4.57907 2.87389 4.79148 2.87389 5C2.87389 5.20852 2.88259 5.42092 2.9 5.63722C2.91741 5.85352 2.94704 6.07518 2.98889 6.30333ZM3.10444 3.14111H0.974443C1.3 2.43593 1.74593 1.86926 2.31222 1.44111C2.87852 1.01296 3.5387 0.740555 4.29278 0.623889C4.03352 0.965 3.80037 1.35518 3.59333 1.79444C3.3863 2.23333 3.22333 2.68222 3.10444 3.14111ZM6.32278 3.14111H3.67722C3.82389 2.61963 4.00481 2.14815 4.22 1.72667C4.43518 1.30518 4.69518 0.913333 5 0.551111C5.30481 0.912963 5.56481 1.30481 5.78 1.72667C5.99518 2.14852 6.17648 2.62 6.32278 3.14111ZM9.025 3.14111H6.895C6.77611 2.68259 6.61315 2.2337 6.40611 1.79444C6.19907 1.35518 5.96592 0.965 5.70667 0.623889C6.46741 0.740926 7.12926 1.015 7.69222 1.44611C8.25518 1.87796 8.69907 2.44333 9.025 3.14111Z" fill="white"/> 3167 </svg> 3168 </div> 3169 <span class="fw-normal text-uppercase text-white"> 3170 English </span> 3171 <div> 3172 <svg width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg"> 3173 <path d="M0.773323 0.129447C0.729565 0.0880971 0.678092 0.0557714 0.621841 0.0343142C0.56559 0.012857 0.505664 0.00268889 0.445484 0.00439168C0.385304 0.00609398 0.326048 0.0196328 0.271101 0.0442357C0.216153 0.0688386 0.166589 0.104023 0.125239 0.14778C0.0838893 0.191538 0.0515629 0.243012 0.0301058 0.299263C0.00864866 0.355513 -0.00151902 0.415439 0.000183386 0.475619C0.00188579 0.535799 0.0154249 0.595055 0.0400276 0.650002C0.0646304 0.70495 0.099815 0.754514 0.143573 0.795864L4.26857 4.6917C4.35367 4.77215 4.46634 4.81698 4.58345 4.81698C4.70056 4.81698 4.81322 4.77215 4.89832 4.6917L9.02378 0.795864C9.0685 0.754787 9.10461 0.705234 9.13001 0.650085C9.15541 0.594935 9.1696 0.535287 9.17176 0.474607C9.17391 0.413926 9.16399 0.353421 9.14257 0.296608C9.12114 0.239794 9.08864 0.187804 9.04696 0.143657C9.00527 0.0995103 8.95522 0.0640865 8.89973 0.0394436C8.84424 0.0148007 8.7844 0.00143014 8.72369 0.000107869C8.66299 -0.00121392 8.60263 0.00953875 8.54611 0.0317422C8.4896 0.0539456 8.43806 0.0871574 8.39449 0.129448L4.58345 3.72828L0.773323 0.129447Z" fill="white"/> 3174 </svg> 3175 </div> 3176 </button> 3177 <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="svLangDropdown"> 3178 <li> 3179 <a class="dropdown-item active" 3180 href="https://washingtoneyeinstitute.com/" 3181 data-lang="English"> 3182 English 3183 </a> 3184 </li> 3185 <li> 3186 <a class="dropdown-item" 3187 href="https://washingtoneyeinstitute.com/es/" 3188 data-lang="Español"> 3189 Español 3190 </a> 3191 </li> 3192 </ul> 3193 </div> 3194 </div> 3195 <style> 3196 .dropdown-menu .dropdown-item.active { 3197 font-weight: 600; 3198 } 3199 </style> 3200 3201 </li> 3202 </ul>
3203 </div> 3204 </div> 3205 </div> 3206 </div> 3207 3208 <!-- Block: Main Navigation Bar --> 3209 <nav class="navbar navbar-expand-lg navbar-light py-3 pt-lg-2 neg-header"> 3210 <div class="container WT-con p-3 rounded-4" style="background-color: var(--color-nav-bg);"> 3211 <!-- Logo --> 3212 <a class="navbar-brand logo pt-lg-0" href="/"> 3213 <img src="https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/header-logo-3.webp?strip=all" alt="Washington Eye Institute logo" class="WT-header-logo img-fluid" style="max-width: 250px; width: 100%;" width="384" height="186" loading="lazy" decoding="async"> 3214 </a> 3215 3216 <!-- Mobile Hamburger Toggle --> 3217 <button class="navbar-toggler border-0 custom-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation menu" data-lc-btn-fixed="v2"> 3218 <span class="bar1"></span> 3219 <span class="bar2"></span> 3220 <span class="bar3"></span> 3221 <span class="lc-vh">Toggle navigation</span></button> 3222 3223 <!-- Nav Menu + CTA --> 3224 <div class="collapse navbar-collapse justify-content-lg-end gap-4" id="navbarNav"> 3225 <!-- lc_nav_menu --> <div class="menu-washingtoneyeinstitute-menu-container"><ul id="menu-washingtoneyeinstitute-menu" class="navbar-nav align-items-lg-center ms-auto gap-lg-1 rfs-7 mb-lg-0 mb-3"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-15262 current_page_item nav-item nav-item-15288"><a href="https://washingtoneyeinstitute.com/" class="nav-link active" aria-current="page">Home</a></li> 3226<li class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-14131"><a href="https://washingtoneyeinstitute.com/services/" class="nav-link ">Services</a></li> 3227<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown nav-item nav-item-14130"><a href="https://washingtoneyeinstitute.com/meet-the-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> 3228<ul class="dropdown-menu depth_0"> 3229 <li class="menu-item menu-item-type-custom menu-item-object-custom nav-item nav-item-14134"><a href="/doctor/michael-summerfield-md/" class="dropdown-item ">Michael Summerfield, MD</a></li> 3230 <li class="menu-item menu-item-type-custom menu-item-object-custom nav-item nav-item-14135"><a href="/doctor/joseph-mekhail-md/" class="dropdown-item ">Joseph Mekhail, MD</a></li> 3231 <li class="menu-item menu-item-type-custom menu-item-object-custom nav-item nav-item-14136"><a href="/doctor/sarah-chang-md/" class="dropdown-item ">Sarah Chang, MD</a></li> 3232 <li class="menu-item menu-item-type-custom menu-item-object-custom nav-item nav-item-14138"><a href="/doctor/rajini-seevaratnam-od/" class="dropdown-item ">Rajini Seevaratnam, O.D.</a></li> 3233 <li class="menu-item menu-item-type-custom menu-item-object-custom nav-item nav-item-14139"><a href="/doctor/diana-chu-od/" class="dropdown-item ">Diana Chu, O.D.</a></li> 3234 <li class="menu-item menu-item-type-custom menu-item-object-custom nav-item nav-item-14140"><a href="/doctor/debra-weltman-od/" class="dropdown-item ">Debra Weltman, O.D.</a></li> 3235 <li class="menu-item menu-item-type-custom menu-item-object-custom nav-item nav-item-17672"><a href="/doctor/zachary-eller-md-ms/" class="dropdown-item ">Zachary Eller, MD, MS</a></li> 3236</ul> 3237</li> 3238<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children dropdown nav-item nav-item-3462"><a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false" role="button">About Us</a> 3239<ul class="dropdown-menu depth_0"> 3240 <li class="menu-item menu-item-type-custom menu-item-object-custom nav-item nav-item-3464"><a href="/refer-a-patient/" class="dropdown-item ">Refer A Patient</a></li> 3241 <li class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-14828"><a href="https://washingtoneyeinstitute.com/insurance/" class="dropdown-item ">Insurance</a></li> 3242 <li class="menu-item menu-item-type-custom menu-item-object-custom nav
3242-item nav-item-3466"><a href="/forms/" class="dropdown-item ">Patient Resources</a></li> 3243 <li class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-17624"><a href="https://washingtoneyeinstitute.com/compliance-risk/" class="dropdown-item ">Compliance & Risk</a></li> 3244</ul> 3245</li> 3246<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown nav-item nav-item-14665"><a href="https://washingtoneyeinstitute.com/locations/" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false" role="button">Location</a> 3247<ul class="dropdown-menu depth_0"> 3248 <li class="menu-item menu-item-type-custom menu-item-object-custom nav-item nav-item-14141"><a href="https://washingtoneyeinstitute.com/location/greenbelt/" class="dropdown-item ">Greenbelt</a></li> 3249 <li class="menu-item menu-item-type-custom menu-item-object-custom nav-item nav-item-14142"><a href="https://washingtoneyeinstitute.com/location/rockville/" class="dropdown-item ">Rockville</a></li> 3250 <li class="menu-item menu-item-type-custom menu-item-object-custom nav-item nav-item-14143"><a href="https://washingtoneyeinstitute.com/location/cumberland/" class="dropdown-item ">Cumberland</a></li> 3251 <li class="menu-item menu-item-type-custom menu-item-object-custom nav-item nav-item-14144"><a href="https://washingtoneyeinstitute.com/location/eye-surgery-center/" class="dropdown-item ">Eye Surgery Center</a></li> 3252</ul> 3253</li> 3254<li class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-14145"><a href="https://washingtoneyeinstitute.com/refer-a-patient/" class="nav-link ">Referral</a></li> 3255</ul></div> <!-- /lc_nav_menu --> 3256 3257 <a href="/schedule-an-appointment/" class="btn btn-primary py-2 px-3 text-capitalize fw-normal text-light rounded-2 icon-link icon-link-hover ls-3"> 3258 <span>Book Appointment</span> 3259 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="#fff" class="ms-2 bi bi-chevron-right" viewBox="0 0 16 16" aria-hidden="true" focusable="false"> 3260 <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"></path> 3261 </svg> 3262 </a> 3263 </div> 3264 </div> 3265 </nav> 3266</header> 3267<!-- ========================== --> 3268<!-- SECTION: Site Header END --> 3269<!-- ========================== -->
3270<script> 3271window.addEventListener('scroll', function () { 3272 var navbar = document.querySelector('.neg-header'); 3273 if (window.scrollY > 0) { 3274 navbar.classList.add('scrolled'); 3275 } else { 3276 navbar.classList.remove('scrolled'); 3277 } 3278}); 3279</script>
3279 3280</header> 3281 3282 3283 <main id='theme-main'> 3284<style> 3285/* ââââââââââââââââââââââââââââââââââââââââââââââââââ 3286 DESIGN TOKENS â Single source of truth 3287 ââââââââââââââââââââââââââââââââââââââââââââââââââ */ 3288:root { 3289 --wt-primary: #8a7140; 3290 --wt-primary-hover: #755f35; 3291 --wt-primary-light: rgba(138, 113, 64, 0.12); 3292 --wt-silver: #b9c1c8; 3293 --wt-sage: #ccce85; 3294 --wt-sage-muted: rgba(203, 205, 132, 0.15); 3295 --wt-gold: #9c8046; 3296 --wt-gold-hover: #8a7140; 3297 --wt-navy: #2B2B2B; 3298 --wt-navy-deep: #2B2B2B; 3299 --wt-cream: #F8F8EE; 3300 --wt-cream-warm: #F7F7F7; 3301 --wt-site-bg: #FBFBF5; 3302 --wt-white: #FFFFFF; 3303 --wt-text-dark: #1a1a1a; 3304 --wt-text-body: #444444; 3305 --wt-text-light: #6B7280; 3306 --wt-sidebar-inactive: rgba(255,255,255,0.80); 3307 --wt-sidebar-hover: rgba(255,255,255,0.95); 3308 --wt-sidebar-meta: rgba(255,255,255,0.65); 3309 --wt-radius-sm: 6px; 3310 --wt-radius-md: 8px; 3311 --wt-radius-lg: 20px; 3312} 3313 3314/* ââââââââââââââââââââââââââââââââââââââââââââââââââ 3315 HEADING PROPORTION FIX 3316 ââââââââââââââââââââââââââââââââââââââââââââââââââ */ 3317#main-content h1.display-4 { 3318 font-size: clamp(1.75rem, 3.2vw, 2.75rem) !important; 3319 line-height: 1.18; 3320} 3321.wt-section-heading { 3322 font-size: clamp(1.5rem, 3vw, 2.25rem); 3323 line-height: 1.2; 3324} 3325.border-primary .wt-section-heading { 3326 font-size: clamp(1.375rem, 2.6vw, 2rem); 3327} 3328.wt-gradient-age .card-body h3.h2 { 3329 font-size: clamp(1.125rem, 2vw, 1.375rem); 3330} 3331.gw-quiz-card-body h3 { 3332 font-size: clamp(1.15rem, 2vw, 1.35rem); 3333} 3334.gw-de-card-body h3 { 3335 font-size: clamp(1.1rem, 1.8vw, 1.3rem); 3336} 3337/* .wt-gradient-vision .wt-section-heading { 3338 font-size: clamp(1.5rem, 2.8vw, 2.125rem); 3339} */ 3340.vision_card .card-body h3 { 3341 font-size: clamp(1rem, 1.6vw, 1.15rem); 3342} 3343.wt-gradient-faq h2.wt-section-heading { 3344 font-size: clamp(1.375rem, 2.6vw, 2rem); 3345} 3346.insurance-content .wt-section-heading { 3347 font-size: clamp(1.375rem, 2.6vw, 2rem); 3348} 3349.sv-content__title { 3350 font-size: clamp(1.35rem, 2.5vw, 1.875rem); 3351} 3352@media (max-width: 576px) { 3353 #main-content h1.display-4 { font-size: 1.625rem !important; } 3354 .wt-section-heading { font-size: 1.375rem; } 3355 .wt-gradient-age .card-body h3.h2 { font-size: 1.1rem; } 3356} 3357 3358/* ââââââââââââââââââââââââââââââââââââââââââââââââââ 3359 GLOBAL UTILITIES 3360 ââââââââââââââââââââââââââââââââââââââââââââââââââ */ 3361.wt-skip-link { 3362 position: absolute; 3363 top: -100%; 3364 left: 16px; 3365 z-index: 10000; 3366 padding: 12px 24px; 3367 background: var(--wt-navy); 3368 color: var(--wt-white); 3369 font-weight: 600; 3370 font-size: 14px; 3371 border-radius: 0 0 var(--wt-radius-md) var(--wt-radius-md); 3372 text-decoration: none; 3373 transition: top 0.2s ease; 3374} 3375.wt-skip-link:focus { 3376 top: 0; 3377 outline: 2px solid var(--wt-primary); 3378 outline-offset: 2px; 3379} 3380 3381.wt-site-bg { background-color: var(--wt-site-bg); } 3382.bg-cream { background-color: #F3F4E4; } 3383 3384.wt-section-heading { 3385 font-size: clamp(1.875rem, 4vw, 3rem); 3386 font-weight: 700; 3387 color: var(--wt-text-dark); 3388 letter-spacing: -0.3px; 3389 line-height: 1.15; 3390} 3391.wt-title-accent { 3392 position: relative; 3393 display: inline-block; 3394} 3395.wt-title-accent::after { 3396 content: ""; 3397 position: absolute; 3398 left: 50%; 3399 bottom: 0; 3400 transform: translateX(-14%); 3401 width: 60%; 3402 height: 2px; 3403 background-color: var(--wt-gold); 3404 border-radius: 999px; 3405} 3406 3407.wt-btn { 3408 display: inline-flex; 3409 align-items: center; 3410 gap: 10px; 3411 font-size: 15px; 3412 font-weight: 600; 3413 text-decoration: none; 3414 border-radius: var(--wt-radius-md); 3415 border: none; 3416 padding: 14px 28px; 3417 transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
3418 cursor: pointer; 3419 line-height: 1.3; 3420} 3421.wt-btn:hover { transform: translateY(-2px); text-decoration: none; } 3422.wt-btn:focus-visible { outline: 2px solid var(--wt-primary); outline-offset: 2px; } 3423.wt-btn svg { width: 18px; height: 18px; flex-shrink: 0; transition: transform 0.25s ease; } 3424.wt-btn:hover svg { transform: translateX(3px); } 3425 3426.wt-btn-primary { background: var(--wt-primary); color: var(--wt-white); } 3427.wt-btn-primary:hover { 3428 background: var(--wt-primary-hover); 3429 color: var(--wt-white); 3430 box-shadow: 0 4px 16px rgba(138, 113, 64, 0.35); 3431} 3432.wt-btn-secondary { background: var(--wt-primary); color: var(--wt-white); } 3433.wt-btn-secondary:hover { 3434 background: var(--wt-primary-hover); 3435 color: var(--wt-white); 3436 box-shadow: 0 4px 16px rgba(138, 113, 64, 0.3); 3437} 3438.wt-btn-secondary svg { color: var(--wt-white); fill: var(--wt-white); } 3439.wt-btn-outline { 3440 background: transparent; 3441 color: var(--wt-primary); 3442 border: 2px solid var(--wt-primary); 3443} 3444.wt-btn-outline:hover { background: var(--wt-primary); color: var(--wt-white); } 3445.wt-btn-outline:hover svg { fill: var(--wt-white); } 3446.wt-btn-gold { background: var(--wt-primary); color: var(--wt-white); } 3447.wt-btn-gold:hover { 3448 background: var(--wt-primary-hover); 3449 color: var(--wt-white); 3450 box-shadow: 0 4px 16px rgba(138, 113, 64, 0.3); 3451} 3452 3453.wt-desc-narrow { max-width: 560px; } 3454.wt-desc-medium { max-width: 600px; } 3455.bg-card-tag { background: var(--wt-sage); border-radius: 16px 16px 0 16px; display: inline-block; } 3456.shadow-card { box-shadow: 0 4px 4px rgba(0,0,0,0.25); } 3457 3458.wt-age-card-height { height: 294px; overflow: hidden; } 3459.wt-age-card-height img { width: 100%; height: 100%; object-fit: cover; object-position: top; display: block; } 3460 3461.wt-gradient-hero { background: radial-gradient(310.34% 305.72% at 56.45% 213.33%, #CBCD84 0%, #FFFFFF 59.17%); } 3462.wt-gradient-age { background: linear-gradient(55.34deg, #CBCD84 -42.49%, #FFFFFF 32.84%); } 3463.wt-gradient-quiz { background: linear-gradient(29.19deg, #FFFFFF 60.08%, #CBCD84 326.15%); } 3464.wt-gradient-img-text { background: linear-gradient(309.79deg, #CBCD84 -64.55%, #FFFFFF 33.34%); } 3465.wt-gradient-img-text-2 { background: linear-gradient(93.46deg, #FFFFFF 15.71%, #CCCE85 276.52%); } 3466.wt-gradient-insurance { background: linear-gradient(115.74deg, #CBCD84 -44.42%, #FFFFFF 22.24%); } 3467.wt-gradient-faq { background: linear-gradient(245.11deg, #CBCD84 -97.89%, #FFFFFF 39.59%); } 3468.wt-gradient-vision { background: linear-gradient(108.18deg, #FFFFFF 56.46%, #B39E41 334.05%); } 3469.wt-gradient-review { background: linear-gradient(144.46deg, #FFFFFF 47.69%, #B39E41 330.78%); } 3470.wt-bg-dry-eye { background-color: #F9F7F2; } 3471.wt-bg-services { background: linear-gradient(2.38deg, #F8F8EE 19.42%, #FFFFFF 98.26%); } 3472.wt-insurance-img { height: 400px; width: 100%; } 3473 3474/* ââââââââââââââââââââââââââââââââââââââââââââââââââ 3475 HERO SECTION 3476 ââââââââââââââââââââââââââââââââââââââââââââââââââ */ 3477.hero-image-col { position: relative; z-index: 1; } 3478.hero-image-col::before { 3479 content: ""; 3480 position: absolute; 3481 inset: 0% -154% -73% -23%; 3482 background-size: 142% 142%; 3483 background-position: right center; 3484 z-index: -1; 3485 pointer-events: none; 3486 background-repeat: no-repeat; 3487 background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1500 1385' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1417.91 634.691C1189.32 852.353 905.548 982.674 566.068 1028.16C565.297 1024.26 564.584 1021.09 564.028 1017.9C540.292 881.498 515.661 745.127 493.251 608.654C482.43 542.69 480.966 477.024 493.09 412.634C499.887 376.637 510.949 342.331 530.428 311.287C560.443 263.46 605.633 233.166 668.404 224.417C717.698 217.549 766.402 225.988 815.141 240.858C859.589 254.415 901.595 273.305 941.835 295.708C968.756 310.7 995.637 326.387 1020.36 344.288C1151.15 438.95 1281.27 534.383 1411.57 629.554C1413.39 630.898 1415.09 632.397 1417.93 634.669L1417.91 634.691Z' fill='%23E0E1B5'/%3E%3Cpath opacity='0.93' d='M1367.97 740.914C1108.97 917.548 809.326 1001.6 468.134 995.398C467.985 991.517 467.778 988.351 467.731 985.18C465.711 849.815 462.806 714.347 462.102 579.107C461.773 513.741 470.605 450.045 492.609 389.591C504.929 355.798 521.182 324.269 545.208 297.136C582.228 255.338 631.437 232.73 694.578 233.549C744.161 234.194 790.77 249.549 836.408 271.125C878.027 290.799 916.41 315.267 952.504 342.87C976.652 361.342 1000.65 380.478 1022.18 401.437C1136.08 512.273 1249.2 623.755 1362.53 735.011C1364.12 736.58 1365.55 738.279 1368 740.896L1367.97 740.914Z' fill='%23EEEFD8' fill-opacity='0.85'/%3E%3Cpath opacity='0.33' d='M1312.48 786.225C1053.27 929.213 761.797 980.086 437.014 940.983C437.143 937.274 437.167 934.239 437.343 931.214C444.868 802.123 451.556 672.845 460.328 544.001C464.578 481.727 477.442 421.934 502.637 366.511C516.739 335.531 534.432 307.091 559.227 283.593C597.431 247.395 645.915 230.656 706.042 237.58C753.259 243.019 796.613 262.175 838.607 287.162
3487C876.905 309.946 911.781 336.979 944.259 366.775C965.986 386.714 987.525 407.271 1006.59 429.324C1107.41 545.946 1207.45 663.107 1307.71 780.075C1309.12 781.723 1310.36 783.48 1312.51 786.209L1312.48 786.225Z' fill='%239D7F47'/%3E%3Cpath opacity='0.33' d='M1233.84 858.916C989.355 960.434 719.401 970.291 422.93 890.378C423.216 886.875 423.376 883.999 423.674 881.152C436.419 759.648 448.405 637.858 462.284 516.752C469.002 458.22 483.518 403.178 509.159 353.908C523.509 326.37 541.041 301.714 564.872 282.685C601.59 253.372 646.868 243.878 701.768 258.373C744.88 269.757 783.825 293.65 821.258 322.894C855.395 349.561 886.199 379.81 914.675 412.365C933.725 434.148 952.575 456.494 969.081 479.932C1056.4 603.885 1142.96 728.244 1229.74 852.451C1230.95 854.2 1232.02 856.031 1233.87 858.904L1233.84 858.916Z' fill='%23EEEFD9'/%3E%3C/svg%3E"); 3488} 3489@media (max-width: 576px) { 3490 .hero-image-col::before { inset: -9% -101% -66% -22%; } 3491} 3492 3493/* ââââââââââââââââââââââââââââââââââââââââââââââââââ 3494 AWARD SECTION 3495 ââââââââââââââââââââââââââââââââââââââââââââââââââ */ 3496.award-image-1 img { width: 197px; height: 194px; object-fit: cover; } 3497.award-image-2 img { width: 197px; height: 150px; object-fit: cover; } 3498@media (max-width: 991px) { 3499 .award-image-1 img, 3500 .award-image-2 img { height: 350px; object-fit: cover; } 3501 .dr_diana { height: 350px; } 3502} 3503 3504/* ââââââââââââââââââââââââââââââââââââââââââââââââââ 3505 SERVICE SECTION â Tabs & Cards 3506 ââââââââââââââââââââââââââââââââââââââââââââââââââ */ 3507.service-btn { background-color: var(--wt-cream-warm) !important; } 3508.service-btn:hover { background-color: var(--wt-gold) !important; color: #fff !important; } 3509.service-image-icon-circle { width: 74px; height: 74px; padding: 2px; } 3510@media (min-width: 991px) and (max-width: 1200px) { 3511 .service-image-icon-circle { width: 80px; padding: 2px; } 3512} 3513@media (max-width: 425px) { 3514 .service-image-icon-circle { width: 50px !important; height: 50px !important; padding: 5px; } 3515} 3516.service-btn-2 { border: 0.84px solid #F2F2F2 !important; position: relative; overflow: hidden; } 3517.service-btn-2::after { 3518 content: ""; 3519 position: absolute; 3520 left: 0; bottom: 0; 3521 width: 100%; height: 10px; 3522 background: var(--wt-gold); 3523 border-bottom-left-radius: 5px; 3524 border-bottom-right-radius: 5px; 3525 transform: translateY(100%); 3526 transition: transform 0.3s ease; 3527} 3528.service-btn-2:hover::after { transform: translateY(0); } 3529.servicetab-row { box-shadow: 0 5px 11.5px -7px rgba(0,0,0,0.25); } 3530.service-tab { border: 2px solid transparent; transition: all 0.3s ease; cursor: pointer; } 3531.service-tab .default-svg { opacity: 1; transition: opacity 0.3s ease; } 3532.service-tab .onhover-svg { opacity: 0; transition: opacity 0.3s ease; } 3533.service-tab:hover, 3534.service-tab.active { background-color: var(--wt-gold) !important; } 3535.service-tab:hover .default-svg, 3536.service-tab.active .default-svg { opacity: 0; } 3537.service-tab:hover .onhover-svg, 3538.service-tab.active .onhover-svg { opacity: 1; } 3539 3540/* ââââââââââââââââââââââââââââââââââââââââââââââââââ 3541 SERVICES TABBED LAYOUT (sv-services) 3542 ââââââââââââââââââââââââââââââââââââââââââââââââââ */ 3543.sv-services { color: var(--wt-text-dark); -webkit-font-smoothing: antialiased; padding: 80px 0 88px; } 3544.sv-services__header { text-align: center; margin-bottom: 56px; animation: svFadeUp 0.6s ease both; } 3545.sv-services__layout { 3546 display: grid; 3547 grid-template-columns: 320px 1fr; 3548 gap: 0; 3549 background: var(--wt-white); 3550 border-radius: var(--wt-radius-lg); 3551 overflow: hidden; 3552 box-shadow: 0 5px 11.5px -7px rgba(0,0,0,0.25); 3553 max-width: 1080px; 3554 margin: 0 auto; 3555 animation: svFadeUp 0.7s ease 0.1s both; 3556 min-height: 750px; 3557} 3558.sv-sidebar { background: var(--wt-navy-deep); padding: 32px 0 24px; display: flex; flex-direction: column; } 3559.sv-sidebar__header { padding: 0 28px 24px; border-bottom: 1px solid rgba(255,255,255,0.10); margin-bottom: 8px; } 3560.sv-sidebar__nav { list-style: none; padding: 8px 0; margin: 0; flex: 1; } 3561.sv-sidebar__nav-btn { 3562 display: flex; 3563 align-items: center; 3564 gap: 14px; 3565 padding: 13px 28px; 3566 color: var(--wt-sidebar-inactive); 3567 font-weight: 400; 3568 position: relative; 3569 border: none; 3570 background: none; 3571 width: 100%; 3572 text-align: left; 3573 cursor: pointer; 3574 font-family: inherit; 3575 transition: background 0.3s ease, color 0.3s ease; 3576} 3577.sv-sidebar__nav-btn::before { 3578 content: ''; 3579 position: absolute; 3580 left: 0; top: 0; bottom: 0; 3581 width: 3px; 3582 background: var(--wt-gold); 3583 opacity: 0; 3584 transition: opacity 0.3s ease; 3585 border-radius: 0 2px 2px 0; 3586} 3587.sv-sidebar__nav-btn:focus-visible { outline: 2px solid var(--wt-gold); outline-offset: -2px; } 3588.sv-sidebar__num { 3589 font-size: 12px; font-weight: 600; 3590 width: 28px; height: 28px; border-radius: 8px; 3591 display: flex; align-items: center; justify-content: center; 3592 background: rgba(255,255,255,0.08); color: var(--wt-sidebar-meta); 3593 transition: background 0.3s ease, color 0.3s ease; flex-shrink: 0; 3594} 3595.sv-sidebar__label { flex: 1; } 3596.sv-sidebar__chevron { 3597 width: 18px; height: 18px; opacity: 0; 3598 transform: translateX(-4px); 3599 transition: opacity 0.3s ease, transform 0.3s ease; flex-shrink: 0; 3600} 3601.sv-sidebar__chevron svg { width: 100%; height: 100%; } 3602.sv-sidebar__nav-btn:hover { color: var(--wt-sidebar-hover); background: rgba(157, 127, 71, 0.08); } 3603.sv-sidebar__nav-btn:hover .sv-sidebar__num { background: rgba(255,255,255,0.14); color: rgba(255,255,255,0.8); } 3604.sv-sidebar__nav-item[aria-selected="true"] .sv-sidebar__nav-btn { background: rgba(157, 127, 71, 0.18); color: var(--wt-white); font-weight: 500; } 3605.sv-sidebar__nav-item[aria-selected="true"] .sv-sidebar__nav-btn::before { opacity: 1; } 3606.sv-sidebar__nav-item[aria-selected="true"] .sv-sidebar__num { background: var(--wt-gold); color: var(--wt-white); font-weight: 600; } 3607.sv-sidebar__nav-item[aria-selected="true"] .sv-sidebar__chevron { opacity: 0.85; transform: translateX(0); } 3608.sv-content { 3609 padding: 44px 48px 48px; display: flex; flex-direction: column; 3610 min-height: 520px; transition: opacity 0.15s ease, transform 0.15s ease; 3611} 3612.sv-content__breadcrumb { 3613 font-size: 12px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; 3614 color: var(--wt-primary); margin-bottom: 12px; display: flex; align-items: center; gap: 8px; 3615 animation: svFadeRight 0.35s ease 0.2s both; 3616} 3617.sv-content__breadcrumb-dash { color: var(--wt-text-light); font-weight: 400; } 3618.sv-content__title { 3619 font-size: clamp(1.5rem, 2.8vw, 2.125rem); font-weight: 700; 3620 color: var(--wt-text-dark); margin: 0 0 16px; letter-spacing: -0.3px; line-height: 1.2; 3621 animation: svFadeUp 0.4s ease 0.25s both; 3622} 3623.sv-content__desc { 3624 font-size: 16px; color: var(--wt-text-body); line-height: 1.7; 3625 margin: 0 0 36px; max-width: 540px; font-weight: 400; 3626 animation: svFadeUp 0.4s ease 0.3s both; 3627} 3628.sv-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; flex: 1; align-content: start; } 3629.sv-cards > :last-child:nth-child(odd) { grid-column: 1 / -1; } 3630.sv-card { 3631 display: flex; align-items: center; justify-content: space-between; 3632 padding: 20px 22px; border: 0.84px solid #F2F2F2; border-radius: var(--wt-radius-md); 3633 background-color: var(--wt-white); cursor: pointer; position: relative; overflow: hidden; 3634 transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; 3635 text-decoration: none; color: var(--wt-text-dark); 3636} 3637.sv-card::after {
3638 content: ""; position: absolute; left: 0; bottom: 0; 3639 width: 100%; height: 4px; background: var(--wt-gold); 3640 border-radius: 0 0 var(--wt-radius-md) var(--wt-radius-md); 3641 transform: translateY(100%); transition: transform 0.3s ease; 3642} 3643.sv-card:hover::after { transform: translateY(0); } 3644.sv-card:hover { 3645 border-color: rgba(157, 127, 71, 0.3); box-shadow: 0 2px 12px rgba(157, 127, 71, 0.10); 3646 transform: translateY(-1px); text-decoration: none; color: var(--wt-text-dark); 3647 background-color: rgba(157, 127, 71, 0.10); 3648} 3649.sv-card:focus-visible { outline: 2px solid var(--wt-gold); outline-offset: 2px; } 3650.sv-card__name { font-size: 15px; font-weight: 500; } 3651.sv-card__arrow { 3652 width: 34px; height: 34px; border-radius: 50%; background: var(--wt-cream-warm); 3653 display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background 0.3s ease; 3654} 3655.sv-card:hover .sv-card__arrow { background: var(--wt-gold); } 3656.sv-card__arrow svg { width: 14px; height: 14px; color: var(--wt-sage); transition: color 0.3s ease, transform 0.3s ease; } 3657.sv-card:hover .sv-card__arrow svg { color: var(--wt-white); transform: translateX(1px); } 3658.sv-content__footer { display: flex; justify-content: flex-start; margin-top: auto; padding-top: 24px; border-top: 1px solid rgba(0,0,0,0.07); } 3659.sv-seo-content { 3660 position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; 3661 overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; 3662} 3663.sv-scroll-hint { display: none; } 3664.sv-card:nth-child(1) { animation: svFadeUp 0.35s ease 0.3s both; } 3665.sv-card:nth-child(2) { animation: svFadeUp 0.35s ease 0.35s both; } 3666.sv-card:nth-child(3) { animation: svFadeUp 0.35s ease 0.4s both; } 3667.sv-card:nth-child(4) { animation: svFadeUp 0.35s ease 0.45s both; } 3668.sv-card:nth-child(5) { animation: svFadeUp 0.35s ease 0.5s both; } 3669.sv-card:nth-child(6) { animation: svFadeUp 0.35s ease 0.55s both; } 3670.sv-card:nth-child(7) { animation: svFadeUp 0.35s ease 0.6s both; } 3671.sv-card:nth-child(8) { animation: svFadeUp 0.35s ease 0.65s both; } 3672.sv-sidebar__nav-item:nth-child(1) { animation: svFadeRight 0.3s ease 0.15s both; } 3673.sv-sidebar__nav-item:nth-child(2) { animation: svFadeRight 0.3s ease 0.19s both; } 3674.sv-sidebar__nav-item:nth-child(3) { animation: svFadeRight 0.3s ease 0.23s both; } 3675.sv-sidebar__nav-item:nth-child(4) { animation: svFadeRight 0.3s ease 0.27s both; } 3676.sv-sidebar__nav-item:nth-child(5) { animation: svFadeRight 0.3s ease 0.31s both; } 3677.sv-sidebar__nav-item:nth-child(6) { animation: svFadeRight 0.3s ease 0.35s both; } 3678 3679 3680/* ââââââââââââââââââââââââââââââââââââââââââââââââââ 3681 ABOUT / MISSION SECTION 3682 ââââââââââââââââââââââââââââââââââââââââââââââââââ */ 3683.gw-about-mission { position: relative; } 3684.gw-about-mission .section-image-text-inner { position: relative; } 3685.gw-about-mission .section-image-text-inner::before, 3686.gw-about-mission .section-image-text-inner::after { 3687 content: ""; position: absolute; height: 5px; width: 30%; 3688 border-radius: 999px; background-color: var(--wt-gold); 3689} 3690.gw-about-mission .section-image-text-inner::before { top: 0; left: 0; } 3691.gw-about-mission .section-image-text-inner::after { bottom: 0; right: 0; } 3692.section-img-1 img { border-radius: 12px !important; } 3693@media (max-width: 575.98px) { 3694 .gw-about-mission .section-image-text-inner::after { right: 0; width: 30%; } 3695} 3696 3697/* ââââââââââââââââââââââââââââââââââââââââââââââââââ 3698 OPTICAL SHOWCASE 3699 ââââââââââââââââââââââââââââââââââââââââââââââââââ */ 3700.optical-showcase .shape-bg-svg { position: absolute; bottom: 0; left: 0; z-index: 0; width: 100%; height: auto; pointer-events: none; } 3701.optical-showcase .shape-bg-svg svg { display: block; width: 100%; height: 80; } 3702@media (max-width: 425px) { .optical-showcase .shape-bg-svg { bottom: -135px; } } 3703.optical-card { border: none; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; } 3704.optical-card:hover { transform: translateY(-4px); box-shadow: 0 8px 25px rgba(0,0,0,0.12); } 3705.optical-card .card-img-top { max-width: 100% !important; height: 280px; object-fit: cover; } 3706.optical-card .card-footer { border-top: 1px solid #e8e8e8; } 3707.optical-card .card-footer a { transition: color 0.2s ease; } 3708.optical-card .card-footer a:hover { color: var(--wt-gold) !important; } 3709.optical-card .card-footer svg { transition: transform 0.2s ease; } 3710.optical-card .card-footer a:hover svg { transform: translateX(4px); } 3711@media (max-width: 575.98px) { .optical-card .card-img-top { height: 220px; } } 3712 3713/* ââââââââââââââââââââââââââââââââââââââââââââââââââ 3714 INSURANCE SECTION 3715 ââââââââââââââââââââââââââââââââââââââââââââââââââ */ 3716.insurance-hero-text { border-bottom-left-radius: 32px; } 3717@media (max-width: 991.98px) { 3718 .insurance { border-radius: 35px !important; overflow: visible; padding: 10px; } 3719 .insurance-img { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-top-left-radius: 35px !important; object-position: center calc(35% - 95px); } 3720 .insurance-row { border-radius: 35px !important; } 3721 .insurance-content { border-radius: 0 !important; } 3722} 3723@media (max-width: 576px) { 3724 .insurance-img { height: 500px !important; } 3725 .insurance { padding: 5px; } 3726} 3727 3728/* ââââââââââââââââââââââââââââââââââââââââââââââââââ 3729 DRY EYE TECHNOLOGIES 3730 ââââââââââââââââââââââââââââââââââââââââââââââââââ */ 3731.gw-de-card { border-radius: 14px; overflow: hidden; background: #fff; height: 100%; display: flex; flex-direction: column; box-shadow: 0 2px 16px rgba(0,0,0,0.05); transition: transform 0.35s ease, box-shadow 0.35s ease; } 3732.gw-de-card:hover { transform: translateY(-5px); box-shadow: 0 14px 44px rgba(58,103,119,0.1); }
3733.gw-de-card.gw-de-primary { border-top: 4px solid var(--wt-gold); } 3734.gw-de-card-img { position: relative; height: 400px; overflow: hidden; } 3735.gw-de-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } 3736.gw-de-card:hover .gw-de-card-img img { transform: scale(1.04); } 3737.gw-de-card-type { position: absolute; bottom: 0; right: 0; background: rgba(255,255,255,0.94); backdrop-filter: blur(4px); font-size: 11px; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; color: #3A6777; padding: 8px 18px; border-radius: 8px 0 0 0; } 3738.gw-de-fda { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(15,23,42,0.82); backdrop-filter: blur(6px); color: #fff; font-size: 12px; font-weight: 600; padding: 10px 18px; display: flex; align-items: center; gap: 8px; } 3739.gw-de-fda svg { width: 18px; height: 18px; flex-shrink: 0; fill: var(--wt-gold); } 3740.gw-de-card-body { padding: 28px 26px 30px; flex-grow: 1; display: flex; flex-direction: column; } 3741.gw-de-card-body h3 { font-size: clamp(1.3rem, 2vw, 1.5rem); font-weight: 400; color: #0F172A; margin-bottom: 10px; line-height: 1.2; } 3742.gw-de-card-body p { font-size: 0.9rem; line-height: 1.72; color: var(--wt-text-body); margin-bottom: 20px; flex-grow: 1; } 3743.gw-de-highlights { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; } 3744.gw-de-hl { display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; font-weight: 600; color: #0F172A; background: #F9F7F2; padding: 7px 14px; border-radius: 6px; } 3745.gw-de-hl svg { width: 16px; height: 16px; flex-shrink: 0; fill: var(--wt-gold); } 3746 3747/* ââââââââââââââââââââââââââââââââââââââââââââââââââ 3748 QUIZ CARDS 3749 ââââââââââââââââââââââââââââââââââââââââââââââââââ */ 3750.gw-quiz-card { background: #FFFFFF; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 20px rgba(58, 103, 119, 0.08); border: 1px solid rgba(0,0,0,0.06); transition: transform 0.35s cubic-bezier(0.4,0,0.2,1), box-shadow 0.35s cubic-bezier(0.4,0,0.2,1), border-color 0.35s ease; height: 100%; display: flex; flex-direction: column; } 3751.gw-quiz-card:hover { transform: translateY(-6px); box-shadow: 0 16px 40px rgba(58, 103, 119, 0.14); border-color: rgba(138, 113, 64, 0.35); } 3752.gw-quiz-card::after { content: ''; display: block; height: 4px; background: linear-gradient(90deg, var(--wt-primary), var(--wt-sage)); transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease; } 3753.gw-quiz-card:hover::after { transform: scaleX(1); } 3754.gw-quiz-card-img { position: relative; overflow: hidden; height: 220px; } 3755.gw-quiz-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } 3756.gw-quiz-card:hover .gw-quiz-card-img img { transform: scale(1.04); } 3757.gw-quiz-badge { position: absolute; top: 14px; right: 14px; background: rgba(255,255,255,0.92); backdrop-filter: blur(6px); border-radius: 20px; padding: 5px 14px; font-size: 13px; font-weight: 600; color: #3A6777; display: flex; align-items: center; gap: 5px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); z-index: 2; } 3758.gw-quiz-badge svg { width: 14px; height: 14px; flex-shrink: 0; } 3759.gw-quiz-card-body { padding: 28px 28px 32px; display: flex; flex-direction: column; flex-grow: 1; } 3760.gw-quiz-card-body h3 { font-size: 1.5rem; font-weight: 700; color: #0F172A; margin-bottom: 12px; line-height: 1.25; } 3761.gw-quiz-card-body p { font-size: 0.95rem; color: var(--wt-text-body); line-height: 1.7; margin-bottom: 24px; flex-grow: 1; } 3762.gw-quiz-cta-group { display: flex; flex-direction: column; gap: 10px; margin-top: auto; } 3763@media (max-width: 991px) { .gw-quiz-card-img { height: 200px; } } 3764@media (max-width: 576px) { .gw-quiz-card-body { padding: 22px 20px 26px; } } 3765 3766/* ââââââââââââââââââââââââââââââââââââââââââââââââââ 3767 VISION SECTION 3768 ââââââââââââââââââââââââââââââââââââââââââââââââââ */
3769.vision_img { width: 100%; height: 390px; object-fit: cover; object-position: center; } 3770.vision_card { border-radius: 1rem; overflow: hidden; box-shadow: 0 11px 6.9px -8px rgba(0,0,0,0.25); transition: transform 0.3s ease, box-shadow 0.3s ease; } 3771.vision_card:hover { box-shadow: 0 18px 18px -10px rgba(0,0,0,0.3); transform: translateY(-5px); } 3772 3773/* ââââââââââââââââââââââââââââââââââââââââââââââââââ 3774 WAVE DECORATIONS 3775 ââââââââââââââââââââââââââââââââââââââââââââââââââ */ 3776.svg-decoration-bottom { position: absolute; bottom: 0; left: 0; width: 100%; transform: translateY(99%); z-index: -1; pointer-events: none; } 3777.svg-decoration-top { position: absolute; top: 0; left: 0; width: 100%; transform: translateY(-99%); z-index: -1; pointer-events: none; } 3778.wave-top-wrapper { height: 140px; pointer-events: none; } 3779@media (max-width: 1023px) { .wave-top-wrapper { height: 121px; } } 3780@media (max-width: 767px) { .wave-top-wrapper { height: 60px; } } 3781.GW-home-wave { 3782 aspect-ratio: 8.453; 3783 background: linear-gradient(to top, #FFFFFF 0%, #b49f411f 100%); 3784 -webkit-clip-path: shape(from 20.58% 14.83%, curve to 0% 97.31% with 4.89% 15.02%/0% 97.31%, line to 100% 100%, curve to 83.25% 0% with 96.72% 32.72%/90.51% -0.09%, curve to 50.47% 54.03% with 74.91% 0.1%/62.84% 53.88%, curve to 20.58% 14.83% with 38.1% 54.19%/29.87% 14.72%, close); 3785 clip-path: shape(from 20.58% 14.83%, curve to 0% 97.31% with 4.89% 15.02%/0% 97.31%, line to 100% 100%, curve to 83.25% 0% with 96.72% 32.72%/90.51% -0.09%, curve to 50.47% 54.03% with 74.91% 0.1%/62.84% 53.88%, curve to 20.58% 14.83% with 38.1% 54.19%/29.87% 14.72%, close); 3786 z-index: -1; 3787} 3788 3789/* ââââââââââââââââââââââââââââââââââââââââââââââââââ 3790 ACCORDION (FAQ) 3791 ââââââââââââââââââââââââââââââââââââââââââââââââââ */ 3792.accordion-button { background-color: transparent !important; } 3793.blog-accordion-item { background-color: transparent; } 3794.location-bar { box-shadow: 0 5px 11.5px -7px rgba(0,0,0,0.25); } 3795.location:first-child .wt-location { border-radius: 18px 0 0 0; } 3796.location:last-child .wt-location { border-radius: 0 18px 0 0; } 3797 3798/* ââââââââââââââââââââââââââââââââââââââââââââââââââ 3799 KEYFRAME ANIMATIONS 3800 ââââââââââââââââââââââââââââââââââââââââââââââââââ */ 3801@keyframes svFadeUp { 3802 from { opacity: 0; transform: translateY(16px); } 3803 to { opacity: 1; transform: translateY(0); } 3804} 3805@keyframes svFadeRight { 3806 from { opacity: 0; transform: translateX(-12px); } 3807 to { opacity: 1; transform: translateX(0); } 3808} 3809 3810/* ââââââââââââââââââââââââââââââââââââââââââââââââââ 3811 RESPONSIVE 3812 ââââââââââââââââââââââââââââââââââââââââââââââââââ */ 3813@media (max-width: 960px) { 3814 .sv-services__layout { grid-template-columns: 260px 1fr; } 3815 .sv-sidebar__nav-btn { padding: 12px 20px; font-size: 14px; } 3816 .sv-content { padding: 36px 32px 40px; } 3817} 3818@media (max-width: 840px) { 3819 .sv-services { padding: 48px 0 56px; } 3820 .sv-services__header { margin-bottom: 32px; } 3821 .sv-services__layout { grid-template-columns: 1fr; grid-template-rows: auto 1fr; max-width: 720px; border-radius: 12px; min-height: auto; } 3822 .sv-sidebar { padding: 16px 0 8px; flex-direction: column; } 3823 .sv-sidebar__header { padding: 0 16px 12px; } 3824 .sv-sidebar__nav-wrap { position: relative; } 3825 .sv-sidebar__nav-wrap::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 32px; background: linear-gradient(to right, transparent, var(--wt-navy-deep) 90%); pointer-events: none; z-index: 1; } 3826 .sv-sidebar__nav { display: flex; flex-direction: row; overflow-x: auto; padding: 8px 12px; padding-right: 48px; gap: 6px; -webkit-overflow-scrolling: touch; scrollbar-width: none; scroll-snap-type: x proximity; flex-wrap: wrap; } 3827 .sv-sidebar__nav::-webkit-scrollbar { display: none; } 3828 .sv-sidebar__nav-item { flex-shrink: 0; scroll-snap-align: start; } 3829 .sv-sidebar__nav-btn { padding: 10px 14px; min-height: 44px; white-space: nowrap; border-radius: var(--wt-radius-sm); font-size: 13.5px; gap: 10px; } 3830 .sv-sidebar__nav-btn::before { display: none; } 3831 .sv-sidebar__nav-item[aria-selected="true"] .sv-sidebar__nav-btn { background: rgba(157, 127, 71, 0.25); border-radius: var(--wt-radius-sm); } 3832 .sv-sidebar__num { width: 24px; height: 24px; font-size: 11px; border-radius: 6px; } 3833 .sv-sidebar__chevron { display: none; } 3834 .sv-content { padding: 24px 20px 28px; min-height: auto; overflow: visible; } 3835 .sv-content__breadcrumb { font-size: 11px; letter-spacing: 1.5px; margin-bottom: 8px; } 3836 .sv-content__title { font-size: clamp(1.25rem, 5vw, 1.625rem); margin-bottom: 12px; } 3837 .sv-content__desc { font-size: 14.5px; margin-bottom: 24px; max-width: 100%; line-height: 1.65; } 3838 .sv-cards { grid-template-columns: 1fr; gap: 10px; } 3839 .sv-cards > :last-child:nth-child(odd) { grid-column: auto; } 3840 .sv-card { min-height: 56px; padding: 16px 18px; } 3841 .sv-card__name { font-size: 14.5px; } 3842 .sv-card__arrow { width: 30px; height: 30px; } 3843 .sv-card__arrow svg { width: 12px; height: 12px; } 3844 .sv-content__footer { margin-top: 20px; padding-top: 18px; } 3845 .sv-scroll-hint { display: flex; align-items: center; justify-content: center; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); z-index: 3; width: 28px; height: 28px; background: rgba(255,255,255,0.12); border-radius: 50%; pointer-events: none; animation: svScrollPulse 1.8s ease-in-out 3; animation-fill-mode: forwards; opacity: 0.9; } 3846 .sv-scroll-hint svg { width: 14px; height: 14px; color: rgba(255,255,255,0.85); } 3847 .sv-scroll-hint.sv-hidden { opacity: 0; transition: opacity 0.4s ease; pointer-events: none; } 3848 @keyframes svScrollPulse { 3849 0%, 100% { transform: translateY(-50%) translateX(0); opacity: 0.9; } 3850 50% { transform: translateY(-50%) translateX(4px); opacity: 1; } 3851 } 3852} 3853@media (max-width: 480px) { 3854 .sv-services { padding: 36px 0 44px; } 3855 .sv-services__header { margin-bottom: 24px; } 3856 .sv-services__layout { border-radius: 10px; } 3857 .sv-content { padding: 20px 16px 24px; } 3858 .sv-content__title { font-size: 1.2rem; } 3859 .sv-content__desc { font-size: 14px; margin-bottom: 20px; } 3860 .sv-cards { gap: 8px; } 3861 .sv-card { padding: 14px 16px; } 3862 .sv-card__name { font-size: 14px; } 3863 .sv-sidebar__nav-btn { padding: 9px 12px; font-size: 13px; } 3864 .sv-sidebar__num { width: 22px; height: 22px; font-size: 10px; } 3865} 3866@media (max-width: 991.98px) { .wt-title-accent-responsive::after { width: 30% !important; } } 3867@media (prefers-reduced-motion: reduce) { 3868 .sv-services__header, .sv-services__layout, .sv-content__breadcrumb, 3869 .sv-content__title, .sv-content__desc, .sv-card, .sv-sidebar__nav-item, .sv-content { 3870 animation: none !important; transition: none !important; 3871 } 3872 .sv-card::after { transition: none !important; } 3873} 3874.section-image-text { position: relative; z-index: 1; } 3875</style> 3876<!-- ââââââââââââââââââââââââââââââââââââââââââââââââââ 3877 HERO SECTION 3878 ââââââââââââââââââââââââââââââââââââââââââââââââââ --> 3879<a class="wt-skip-link" href="#main-content">Skip to main content</a> 3880<section class="pt-lg-8 pt-8 wt-gradient-hero position-relative overflow-hidden" id="main-content"> 3881 <div class="container"> 3882 <div class="row align-items-center gap-lg-0 gap-4"> 3883 <div class="col-xxl-5 col-lg-10 py-lg-5 pt-4 pe-lg-5 mb-md-5"> 3884 <h1 class="display-4 text-capitalize text-secondary fw-bold text-lg-start text-center mb-3"> 3885 We Do Things Differently <br>Your Eyes Can Tell. 3886 </h1> 3887 <p class="rfs-7 text-lg-start text-center mb-4"> 3888 Most of what determines a great outcome happens before any treatment starts. The exam that catches a condition years before it causes symptoms. The conversation where your surgeon learns what you actually need from your vision. The monitoring protocol that tracks slow-moving conditions before they become urgent. That preparation is what we're built around. </p> 3889 <div class="text-lg-start text-center"> 3890 <a class="wt-btn wt-btn-primary" href="/schedule-an-appointment/"> 3891 Schedule an Appointment 3892 <!-- [A11Y] aria-hidden on decorative SVG --> 3893 <svg aria-hidden="true" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"> 3894 <line x1="5" x2="19" y1="12" y2="12"></line> 3895 <polyline points="12 5 19 12 12 19"></polyline> 3896 </svg> 3897 </a> 3898 </div> 3899 </div> 3900 <div class="col-xxl-7 col-lg-6 hero-image-col z-0"> 3901 <div class="lc-block"> 3902 <!-- [PERF-1] fetchpriority="high" â LCP element, no lazy load --> 3903 <img alt="Washington Eye Institute doctors at our location" class="img-fluid wp-image-14754" decoding="async" fetchpriority="high" height="586" loading="lazy" sizes="(max-width: 816px) 100v
3903w, 816px" src="https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/washington_doctors_location.webp" srcset="https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/washington_doctors_location.webp 816w, 3904 https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/washington_doctors_location-300x215.webp 300w, 3905 https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/washington_doctors_location-768x552.webp 768w" width="816"> 3906 </div> 3907 </div> 3908 </div> 3909 </div> 3910</section> 3911<!-- ââââââââââââââââââââââââââââââââââââââââââââââââââ 3912 TRUST BAR â Location strip 3913 ââââââââââââââââââââââââââââââââââââââââââââââââââ --> 3914 3915<style> 3916.Wt-location-cta{ 3917 box-shadow: 0px 5px 11.5px -7px rgba(0, 0, 0, 0.25); 3918} 3919 3920/* Required for divider positioning */ 3921.Wt-location-cta .location-bar-col { 3922 position: relative; 3923 padding-right: 1.5rem; /* space before vertical divider */ 3924} 3925 3926 3927/* ============================= */ 3928/* DESKTOP ⥠992px */ 3929/* ============================= */ 3930 3931@media (min-width: 992px){ 3932 3933 .Wt-location-cta .location-bar-col:not(:last-child)::after { 3934 content: ""; 3935 position: absolute; 3936 top: 50%; 3937 right: 0; 3938 transform: translateY(-50%); 3939 height: 75%; 3940 width: 1px; 3941 background-color: #D9D9D9; 3942 } 3943} 3944 3945 3946/* ============================= */ 3947/* TABLET 768px â 991.98px */ 3948/* ============================= */ 3949 3950@media (min-width: 768px) and (max-width: 991.98px){ 3951 3952 /* Remove desktop divider */ 3953 .Wt-location-cta .location-bar-col::after{ 3954 display: none; 3955 } 3956 3957 /* Vertical divider between columns */ 3958 .Wt-location-cta .location-bar-col:nth-child(odd)::after{ 3959 content: ""; 3960 position: absolute; 3961 top: 50%; 3962 right: 0; 3963 transform: translateY(-50%); 3964 height: 75%; 3965 width: 1px; 3966 background-color: #D9D9D9; 3967 } 3968 3969 /* Horizontal divider between rows */ 3970 .Wt-location-cta .location-bar-col:nth-child(-n+2){ 3971 border-bottom: 1px solid #D9D9D9; 3972 padding-bottom: 1.5rem; 3973 margin-bottom: 1.5rem; 3974 } 3975} 3976 3977 3978/* ============================= */ 3979/* MOBILE < 768px */ 3980/* Full width bottom border */ 3981/* ============================= */ 3982 3983@media (max-width: 767.98px){ 3984 3985 /* Remove vertical divider */ 3986 .Wt-location-cta .location-bar-col::after{ 3987 display: none; 3988 } 3989 3990 .Wt-location-cta .location-bar-col{ 3991 padding-right: 0; 3992 padding-bottom: 1.25rem; 3993 margin-bottom: 1.25rem; 3994 border-bottom: 1px solid #D9D9D9; 3995 } 3996 3997 /* Remove border from last item */ 3998 .Wt-location-cta .location-bar-col:last-child{ 3999 border-bottom: none; 4000 margin-bottom: 0; 4001 padding-bottom: 0; 4002 } 4003} 4004</style> 4005 4006 4007 4008 <section class="pb-lg-6 mt-lg-n7 py-4 location-cta-gradient"> 4009 <div class="container px-xl-4 px-4"> 4010 <div class="row py-lg-4 py-4 px-lg-5 px-3 bg-white position-relative rounded-4 gap-lg-3 Wt-location-cta"> 4011 4012 <div class="col-lg col-md-6 d-flex flex-column gap-3 location-bar-col mb-4 pt-2"> 4013 4014 <!-- Location Title --> 4015 <div class="d-flex flex-column align-items-start"> 4016 <div class="d-flex align-items-center gap-2"> 4017 4018 4019 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="#9D7F47" class="bi bi-geo-alt-fill" viewBox="0 0 16 16"> 4020 <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6"></path> 4021 </svg> 4022 4023 <h2 class="fw-semibold rfs-8 mb-0" data-lc-heading-fixed="3-to-2"> 4024 Greenbelt 4025 </h2> 4026 4027 </div> 4028 </div> 4029 4030 <!-- Phone --> 4031 4032 <div class="d-flex flex-column align-items-start"> 4033 <div class="d-flex align-items-center gap-2"> 4034 4035 <svg width="22" height="22" viewBox="0 0 22 22"> 4036 <path fill="#9D7F47" d="M20 18.35V19a1 1 0 0 1-1 1h-2A17 17 0 0 1 0 3V1a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4c0 .56-.31 1.31-.7 1.7L3.16 8.84c1.52 3.6 4.4 6.48 8 8l2.12-2.12c.4-.4 1.15-.71 1.7-.71H19a1 1 0 0 1 .99 1v3.35z"></path> 4037 </svg> 4038 4039 <a href="tel:+1(301)-800-7490" class="text-decoration-none text-dark"> 4040 (301) 800-7490 4041 </a> 4042 4043 </div> 4044 </div> 4045 4046 4047 <!-- Rating --> 4048 4049 <div class="d-flex flex-column align-items-start"> 4050 <div class="d-flex align-items-center gap-2"> 4051 4052 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="#9D7F47" class="bi bi-google flex-shrink-0" viewB
4052ox="0 0 16 16"> 4053 <path d="M15.545 6.558a9.4 9.4 0 0 1 .139 1.626c0 2.434-.87 4.492-2.384 5.885h.002C11.978 15.292 10.158 16 8 16A8 8 0 1 1 8 0a7.7 7.7 0 0 1 5.352 2.082l-2.284 2.284A4.35 4.35 0 0 0 8 3.166c-2.087 0-3.86 1.408-4.492 3.304a4.8 4.8 0 0 0 0 3.063h.003c.635 1.893 2.405 3.301 4.492 3.301 1.078 0 2.004-.276 2.722-.764h-.003a3.7 3.7 0 0 0 1.599-2.431H8v-3.08z"></path> 4054 </svg> 4055 4056 <span> 4057 <span class="fw-semibold"> 4058 4.7 4059 </span> 4060 <span> 4061 <i class="fa-solid fa-star" style="color:#FFD43B;"></i> 4062 <i class="fa-solid fa-star" style="color:#FFD43B;"></i> 4063 <i class="fa-solid fa-star" style="color:#FFD43B;"></i> 4064 <i class="fa-solid fa-star" style="color:#FFD43B;"></i> 4065 <i class="fa-solid fa-star" style="color:#FFD43B;"></i> 4066 </span> 4067 <span class="text-dark"> 4068 (1097) 4069 </span> 4070 </span> 4071 4072 </div> 4073 </div> 4074 4075 4076 </div> 4077 4078 <div class="col-lg col-md-6 d-flex flex-column gap-3 location-bar-col mb-4 pt-2"> 4079 4080 <!-- Location Title --> 4081 <div class="d-flex flex-column align-items-start"> 4082 <div class="d-flex align-items-center gap-2"> 4083 4084 4085 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="#9D7F47" class="bi bi-geo-alt-fill" viewBox="0 0 16 16"> 4086 <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6"></path> 4087 </svg> 4088 4089 <h3 class="fw-semibold rfs-8 mb-0"> 4090 Rockville 4091 </h3> 4092 4093 </div> 4094 </div> 4095 4096 <!-- Phone --> 4097 4098 <div class="d-flex flex-column align-items-start"> 4099 <div class="d-flex align-items-center gap-2"> 4100 4101 <svg width="22" height="22" viewBox="0 0 22 22"> 4102 <path fill="#9D7F47" d="M20 18.35V19a1 1 0 0 1-1 1h-2A17 17 0 0 1 0 3V1a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4c0 .56-.31 1.31-.7 1.7L3.16 8.84c1.52 3.6 4.4 6.48 8 8l2.12-2.12c.4-.4 1.15-.71 1.7-.71H19a1 1 0 0 1 .99 1v3.35z"></path> 4103 </svg> 4104 4105 <a href="tel:+1(301)-277-4844" class="text-decoration-none text-dark"> 4106 (301) 277-4844 4107 </a> 4108 4109 </div> 4110 </div> 4111 4112 4113 <!-- Rating --> 4114 4115 <div class="d-flex flex-column align-items-start"> 4116 <div class="d-flex align-items-center gap-2"> 4117 4118 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="#9D7F47" class="bi bi-google flex-shrink-0" viewBox="0 0 16 16"> 4119 <path d="M15.545 6.558a9.4 9.4 0 0 1 .139 1.626c0 2.434-.87 4.492-2.384 5.885h.002C11.978 15.292 10.158 16 8 16A8 8 0 1 1 8 0a7.7 7.7 0 0 1 5.352 2.082l-2.284 2.284A4.35 4.35 0 0 0 8 3.166c-2.087 0-3.86 1.408-4.492 3.304a4.8 4.8 0 0 0 0 3.063h.003c.635 1.893 2.405 3.301 4.492 3.301 1.078 0 2.004-.276 2.722-.764h-.003a3.7 3.7 0 0 0 1.599-2.431H8v-3.08z"></path> 4120 </svg> 4121 4122 <span> 4123 <span class="fw-semibold"> 4124 4.7 4125 </span> 4126 <span> 4127 <i class="fa-solid fa-star" style="color:#FFD43B;"></i> 4128 <i class="fa-solid fa-star" style="color:#FFD43B;"></i> 4129 <i class="fa-solid fa-star" style="color:#FFD43B;"></i> 4130 <i class="fa-solid fa-star" style="color:#FFD43B;"></i> 4131 <i class="fa-solid fa-star" style="color:#FFD43B;"></i> 4132 </span> 4133 <span class="text-dark"> 4134 (358) 4135 </span> 4136 </span> 4137 4138 </div> 4139 </div> 4140 4141 4142 </div> 4143 4144 <div class="col-lg col-md-6 d-flex flex-column gap-3 location-bar-col mb-4 pt-2"> 4145 4146 <!-- Location Title --> 4147 <div class="d-flex flex-column align-items-start"> 4148 <div class="d-flex align-items-center gap-2"> 4149 4150 4151 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="#9D7F47" class="bi bi-geo-alt-fill" viewBox="0 0 16 16"> 4152 <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6"></path> 4153 </svg> 4154 4155 <h3 class="fw-semibold rfs-8 mb-0"> 4156 Cumberland 4157 </h3> 4158 4159 </div> 4160 </div> 4161 4162 <!-- Phone --> 4163 4164 <div class="d-flex flex-column align-items-start"> 4165 <div class="d-flex align-items-center gap-2"> 4166 4167 <svg width="22" height="22" viewBox="0 0 22 22"> 4168 <path fill="#9D7F47" d="M20 18.35V19a1 1 0 0 1-1 1h-2A17 17 0 0 1 0 3V1a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4c0 .56-.31 1.31-.7 1.7L3.16 8.84c1.52 3.6 4.4 6.48 8 8l2.12-2.12c.4-.4 1.15-.71 1.7-.71H19a1 1 0 0 1 .99 1v3.35z"></path> 4169 </svg> 4170 4171 <a href="tel:+1(301)-277-4844" class="text-decoration-none text-dark"> 4172 (301) 277-4844 4173 </a> 4174 4175 </div> 4176 </div> 4177 4178 4179 <!-- Rating --> 4180 4181 <div class="d-flex flex-column align-items-start"> 4182 <div class="d-flex align-items-center gap-2"> 4183 4184 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="#9D7F47" class="bi bi-google flex-shrink-0" viewB
4184ox="0 0 16 16"> 4185 <path d="M15.545 6.558a9.4 9.4 0 0 1 .139 1.626c0 2.434-.87 4.492-2.384 5.885h.002C11.978 15.292 10.158 16 8 16A8 8 0 1 1 8 0a7.7 7.7 0 0 1 5.352 2.082l-2.284 2.284A4.35 4.35 0 0 0 8 3.166c-2.087 0-3.86 1.408-4.492 3.304a4.8 4.8 0 0 0 0 3.063h.003c.635 1.893 2.405 3.301 4.492 3.301 1.078 0 2.004-.276 2.722-.764h-.003a3.7 3.7 0 0 0 1.599-2.431H8v-3.08z"></path> 4186 </svg> 4187 4188 <span> 4189 <span class="fw-semibold"> 4190 4.9 4191 </span> 4192 <span> 4193 <i class="fa-solid fa-star" style="color:#FFD43B;"></i> 4194 <i class="fa-solid fa-star" style="color:#FFD43B;"></i> 4195 <i class="fa-solid fa-star" style="color:#FFD43B;"></i> 4196 <i class="fa-solid fa-star" style="color:#FFD43B;"></i> 4197 <i class="fa-solid fa-star" style="color:#FFD43B;"></i> 4198 </span> 4199 <span class="text-dark"> 4200 (95) 4201 </span> 4202 </span> 4203 4204 </div> 4205 </div> 4206 4207 4208 </div> 4209 4210 <div class="col-lg col-md-6 d-flex flex-column gap-3 location-bar-col mb-4 pt-2"> 4211 4212 <!-- Location Title --> 4213 <div class="d-flex flex-column align-items-start"> 4214 <div class="d-flex align-items-center gap-2"> 4215 4216 4217 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="#9D7F47" class="bi bi-geo-alt-fill" viewBox="0 0 16 16"> 4218 <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6"></path> 4219 </svg> 4220 4221 <h3 class="fw-semibold rfs-8 mb-0"> 4222 Eye Surgery Center 4223 </h3> 4224 4225 </div> 4226 </div> 4227 4228 <!-- Phone --> 4229 4230 <div class="d-flex flex-column align-items-start"> 4231 <div class="d-flex align-items-center gap-2"> 4232 4233 <svg width="22" height="22" viewBox="0 0 22 22"> 4234 <path fill="#9D7F47" d="M20 18.35V19a1 1 0 0 1-1 1h-2A17 17 0 0 1 0 3V1a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4c0 .56-.31 1.31-.7 1.7L3.16 8.84c1.52 3.6 4.4 6.48 8 8l2.12-2.12c.4-.4 1.15-.71 1.7-.71H19a1 1 0 0 1 .99 1v3.35z"></path> 4235 </svg> 4236 4237 <a href="tel:+1(301)-277-4844" class="text-decoration-none text-dark"> 4238 (301) 277-4844 4239 </a> 4240 4241 </div> 4242 </div> 4243 4244 4245 <!-- Rating --> 4246 4247 <div class="d-flex flex-column align-items-start"> 4248 <div class="d-flex align-items-center gap-2"> 4249 4250 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="#9D7F47" class="bi bi-google flex-shrink-0" viewBox="0 0 16 16"> 4251 <path d="M15.545 6.558a9.4 9.4 0 0 1 .139 1.626c0 2.434-.87 4.492-2.384 5.885h.002C11.978 15.292 10.158 16 8 16A8 8 0 1 1 8 0a7.7 7.7 0 0 1 5.352 2.082l-2.284 2.284A4.35 4.35 0 0 0 8 3.166c-2.087 0-3.86 1.408-4.492 3.304a4.8 4.8 0 0 0 0 3.063h.003c.635 1.893 2.405 3.301 4.492 3.301 1.078 0 2.004-.276 2.722-.764h-.003a3.7 3.7 0 0 0 1.599-2.431H8v-3.08z"></path> 4252 </svg> 4253 4254 <span> 4255 <span class="fw-semibold"> 4256 4.7 4257 </span> 4258 <span> 4259 <i class="fa-solid fa-star" style="color:#FFD43B;"></i> 4260 <i class="fa-solid fa-star" style="color:#FFD43B;"></i> 4261 <i class="fa-solid fa-star" style="color:#FFD43B;"></i> 4262 <i class="fa-solid fa-star" style="color:#FFD43B;"></i> 4263 <i class="fa-solid fa-star" style="color:#FFD43B;"></i> 4264 </span> 4265 <span class="text-dark"> 4266 (285) 4267 </span> 4268 </span> 4269 4270 </div> 4271 </div> 4272 4273 4274 </div> 4275 4276 4277 4278 </div> 4279 </div> 4280 </section> 4281 4282 4283 4284 4285<!-- ââââââââââââââââââââââââââââââââââââââââââââââââââ 4286 AWARD SECTION â Desktop only 4287 ââââââââââââââââââââââââââââââââââââââââââââââââââ --> 4288<section class="py-lg-6 py-5 position-relative px-2 d-lg-block d-none"> 4289 <div class="container"> 4290 <!-- [A11Y] role="img" + aria-label added to CSS background-image row --> 4291 <div aria-label="Award section background" class="row border-primary border border-1 p-md-4 p-3 rounded-4 justify-content-between gap-lg-0 gap-4 align-items-center position-relative lc-block wp-image-13854" role="img" style="background:url(https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/award-bg.svg) center / cover no-repeat;"> 4292 <div class="col-lg-6"> 4293 <div class="row"> 4294 <div class="col-lg-5 col-md-7 d-flex flex-lg-column gap-2 justify-content-center"> 4295 <div class="lc-block award-image-1 mx-auto"> 4296 <!-- [IMG-1] loading="lazy" added â below fold --> 4297 <img alt="Washington Eye Institute award photo" class="img-fluid wp-image-13784 rounded-4" decoding="async" height="312" loading="lazy" sizes="(max-width: 249px) 100vw, 249px" src="https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/home-cta1-1.webp" srcset="https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/home-cta1-1.webp 249w, 4298 https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/home-cta1-1-239x300.webp 239w" width="249"> 4299 </div> 4300 <div class="lc-block award-image-2 mx-auto"> 4301 <!-- [IMG-1] loading="lazy" added â below fold --> 4302 <img alt="Washington Eye Institute award photo 2" class="img-fluid wp-image-13758 rounded-4" decoding="async" height="322" loading="lazy" sizes="(max-width: 241px) 100v
4302w, 241px" src="https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/home-cta2.webp" srcset="https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/home-cta2.webp 241w, 4303 https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/home-cta2-225x300.webp 225w" width="241"> 4304 </div> 4305 </div> 4306 <!-- [A11Y] role="img" + aria-label added to Dr. Diana CSS background --> 4307 <div aria-label="Dr. Diana Chu, Optometrist" class="col-lg-6 col-md-5 rounded-4 dr_diana mt-md-0 mt-2 d-flex justify-content-end align-items-end pe-0 py-2" role="img" style="background:url(https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/home-cta3-with-bg.webp) top / cover no-repeat;"> 4308 <a class="text-decoration-none" href="/diana-chu-od/"> 4309 <div class="lc-block bg-white p-lg-3 p-4 rounded-start-4"> 4310 <p class="rfs-9 fw-semibold text-dark lh-sm mb-0">Diana Chu, O.D.</p> 4311 <p class="rfs-6 text-dark mb-0">Optometrist</p> 4312 </div> 4313 </a> 4314 </div> 4315 </div> 4316 </div> 4317 <div class="col-lg-5 d-flex gap-4 flex-column"> 4318 <h2 class="wt-section-heading text-center mt-lg-0 mt-sm-3"> 4319 Maryland's 2025<br>Young Optometrist of the Year 4320 </h2> 4321 <hr class="w-90 mx-auto border border-1 border-white opacity-100"> 4322 <div class="lc-block d-flex gap-4 justify-content-center"> 4323 <!-- [A11Y] aria-hidden on decorative SVG --> 4324 <svg aria-hidden="true" class="bi bi-check-circle-fill flex-shrink-0 mt-2" fill="#9c8046" height="35" viewBox="0 0 16 16" width="35" xmlns="http://www.w3.org/2000/svg"> 4325 <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"></path> 4326 </svg> 4327 <p class="rfs-7 fw-medium mw-lg-4"> 4328 Now offering advanced IPL Dry Eye treatment for lasting relief and improved eye health. 4329 </p> 4330 </div> 4331 <div class="text-center text-lg-start"> 4332 <a class="wt-btn wt-btn-primary" href="/ipl-dry-eye-treatment/"> 4333 Learn About IPL 4334 <!-- [A11Y] aria-hidden added to decorative SVG --> 4335 <svg aria-hidden="true" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"> 4336 <line x1="5" x2="19" y1="12" y2="12"></line> 4337 <polyline points="12 5 19 12 12 19"></polyline> 4338 </svg> 4339 </a> 4340 </div> 4341 </div> 4342 </div> 4343 </div> 4344</section> 4345<style> 4346/* ââââââââââââââââââââââââââââââââââââââââââââââââââ 4347 HOMEPAGE SERVICES â Tabbed Layout 4348 ââââââââââââââââââââââââââââââââââââââââââââââââââ */ 4349.hp-service-section { 4350 background: 4351 linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), 4352 linear-gradient(93.46deg, #FFFFFF 15.71%, #CCCE85 276.52%); 4353} 4354 4355/* ââ Tab buttons (sidebar) ââ */ 4356.hp-service-tabs { 4357 display: flex; 4358 flex-direction: column; 4359 gap: 0.35rem; 4360} 4361.hp-service-tab { 4362 background: transparent; 4363 border: none; 4364 text-align: left; 4365 padding: 0.65rem 1.25rem; 4366 font-size: 1.05rem; 4367 font-weight: 500; 4368 color: var(--bs-secondary, #3D3D3D); 4369 border-radius: 12px; 4370 transition: all 0.2s ease; 4371 cursor: pointer; 4372 white-space: nowrap; 4373} 4374.hp-service-tab:hover { 4375 background: rgba(203, 205, 132, 0.1); 4376 color: #8B8D3E; 4377} 4378.hp-service-tab.active { 4379 background: #CBCD84; 4380 color: #fff; 4381 font-weight: 600; 4382 box-shadow: 0 2px 8px rgba(203, 205, 132, 0.35); 4383} 4384 4385/* ââ Panels ââ */ 4386.hp-service-panel { 4387 animation: hpFadeIn 0.25s ease; 4388} 4389.hp-service-panel.hidden { 4390 display: none !important; 4391} 4392@keyframes hpFadeIn { 4393 from { opacity: 0; transform: translateY(6px); } 4394 to { opacity: 1; transform: translateY(0); } 4395} 4396 4397/* ââ Subcategory labels ââ */ 4398.hp-sub-group { 4399 margin-bottom: 1rem; 4400} 4401.hp-sub-label { 4402 padding: 0.4rem 0 0.3rem 0; 4403} 4404.hp-sub-text { 4405 font-size: 0.72rem; 4406 letter-spacing: 0.1em; 4407 color: #CBCD84; 4408 display: inline-block; 4409} 4410.hp-sub-text::after { 4411 content: ''; 4412 display: inline-block; 4413 width: 40px; 4414 height: 1px; 4415 background: #CBCD84; 4416 vertical-align: middle; 4417 margin-left: 0.6rem; 4418 opacity: 0.5; 4419} 4420 4421/* ââ Service cards (reuse existing) ââ */ 4422.hp-service-section .service-card { 4423 background-color: #F0F0F0; 4424 flex: 0 0 calc(33.333% - 0.75rem); 4425 transition: transform 0.3s ease, box-shadow 0.3s ease; 4426 box-shadow: 2px 4px 5px 1px rgba(0, 0, 0, 0.25); 4427} 4428.hp-service-section .service-card:hover { 4429 transform: scale(1.03); 4430 box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); 4431} 4432.hp-service-section .service-card:focus-visible { 4433 outline: 2px solid #9D7F47; 4434 outline-offset: 2px; 4435} 4436.hp-service-section .service-card .btn-icon { 4437 transition: transform 0.2s ease; 4438} 4439.hp-service-section .service-card:hover .btn-icon { 4440 transform: translateX(4px); 4441} 4442 4443@media (prefers-reduced-motion: reduce) { 4444 .hp-service-section .service-card, 4445 .hp-service-section .service-card .btn-icon, 4446 .hp-service-panel { 4447 transition: none !important; 4448 animation: none !important; 4449 } 4450} 4451 4452/* ââ Responsive ââ */ 4453@media (max-width: 1200px) { 4454 .hp-service-section .service-card { flex: 0 0 calc(50% - 0.75rem); } 4455} 4456@media (max-width: 767px) { 4457 .hp-service-tabs { 4458 flex-direction: row; 4459 flex-wrap: wrap; 4460 gap: 0.4rem; 4461 margin-bottom: 1.5rem; 4462 } 4463 .hp-service-tab { 4464 padding: 0.45rem 0.9rem; 4465 font-size: 0.88rem; 4466 border-radius: 100px; 4467 border: 1.5px solid rgba(0,0,0,0.1); 4468 } 4469 .hp-service-tab.active { 4470 border-color: #CBCD84; 4471 } 4472 .hp-service-section .service-card { flex: 0 0 calc(50% - 0.75rem); } 4473} 4474@media (max-width: 576px) { 4475 .hp-service-section .service-card { flex: 0 0 100%; } 4476} 4477</style> 4478<style> 4479/* ââââââââââââââââââââââââââââââââââââââââââââââââââ 4480 HOMEPAGE SERVICES â Tabbed Layout 4481 Brand: #9c8046 (gold) #ccce85 (accent green) 4482 ââââââââââââââââââââââââââââââââââââââââââââââââââ */ 4483
4484/* ââ Section background ââ */ 4485.hp-service-section { 4486 background: linear-gradient(180deg, #FFFFFF 0%, rgba(204,206,133,0.12) 100%); 4487} 4488 4489/* ââ Hidden SVG sprite â zero-paint, one definition for 63 arrows ââ */ 4490.hp-svg-defs { 4491 position: absolute; 4492 width: 0; 4493 height: 0; 4494 overflow: hidden; 4495} 4496 4497/* ââ Tab sidebar ââ */ 4498.hp-tabs { 4499 display: flex; 4500 flex-direction: column; 4501 gap: 0.25rem; 4502 position: sticky; 4503 top: 6rem; 4504} 4505 4506.hp-tab { 4507 background: transparent; 4508 border: 2px solid transparent; 4509 text-align: left; 4510 padding: 0.7rem 1.15rem; 4511 font-size: 0.95rem; 4512 font-weight: 500; 4513 color: #3D3D3D; 4514 border-radius: 10px; 4515 transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease; 4516 cursor: pointer; 4517 white-space: nowrap; 4518 line-height: 1.4; 4519 min-height: 44px; /* WCAG 2.5.8 touch target */ 4520} 4521.hp-tab:hover { 4522 background: rgba(156,128,70,0.08); 4523 border-color: rgba(156,128,70,0.2); 4524} 4525/* Active: #9c8046 bg, white text â 3.76:1 passes AA-large (bold â¥14pt) */ 4526.hp-tab.active { 4527 background: #9c8046; 4528 border-color: #9c8046; 4529 color: #fff; 4530 font-weight: 600; 4531} 4532/* Focus-visible for keyboard */ 4533.hp-tab:focus-visible { 4534 outline: 3px solid #9c8046; 4535 outline-offset: 2px; 4536} 4537 4538/* ââ Panels ââ */ 4539.hp-panel { 4540 animation: hpFadeIn 0.2s ease; 4541} 4542.hp-panel[hidden] { 4543 display: none; 4544} 4545@keyframes hpFadeIn { 4546 from { opacity: 0; transform: translateY(4px); } 4547 to { opacity: 1; transform: translateY(0); } 4548} 4549 4550/* ââ Subcategory headings (h3 for SEO) ââ */ 4551.hp-sub-group { 4552 margin-bottom: 1.15rem; 4553} 4554/* #9c8046 at 0.82rem bold = large text equivalent â 3.76:1 passes AA-large */ 4555.hp-sub-label { 4556 font-size: 0.72rem; 4557 letter-spacing: 0.1em; 4558 color: #9c8046; 4559 margin: 0 0 0.4rem 0; 4560 padding: 0; 4561 position: relative; 4562 display: flex; 4563 align-items: center; 4564 gap: 0.6rem; 4565} 4566.hp-sub-label::after { 4567 content: ''; 4568 flex: 0 0 40px; 4569 height: 1px; 4570 background: #ccce85; 4571} 4572 4573/* ââ Card row ââ */ 4574.hp-card-row { 4575 display: flex; 4576 flex-wrap: wrap; 4577 gap: 0.75rem; 4578} 4579 4580/* ââ Service cards ââ */ 4581.hp-card { 4582 background: #F0F0F0; 4583 flex: 0 0 calc(33.333% - 0.5rem); 4584 display: flex; 4585 align-items: center; 4586 justify-content: space-between; 4587 gap: 0.75rem; 4588 padding: 0.85rem 1rem; 4589 text-decoration: none; 4590 color: #3D3D3D; 4591 font-weight: 500; 4592 font-size: 0.92rem; 4593 border-radius: 0.5rem; 4594 box-shadow: 0 2px 6px rgba(0,0,0,0.1); 4595 transition: transform 0.2s ease, box-shadow 0.2s ease; 4596 min-height: 48px; /* WCAG touch target */ 4597 text-transform: capitalize; 4598} 4599.hp-card:hover { 4600 transform: scale(1.025); 4601 box-shadow: 0 6px 16px rgba(0,0,0,0.12); 4602 color: #9c8046; 4603 text-decoration: none; 4604} 4605.hp-card:focus-visible { 4606 outline: 3px solid #9c8046; 4607 outline-offset: 2px; 4608 text-decoration: none; 4609} 4610.hp-card:active { 4611 transform: scale(0.99); 4612} 4613 4614/* ââ Arrow icon ââ */ 4615.hp-arrow { 4616 flex-shrink: 0; 4617 width: 10px; 4618 height: 18px; 4619 transition: transform 0.2s ease; 4620 fill: #ccce85; 4621} 4622.hp-card:hover .hp-arrow { 4623 transform: translateX(3px); 4624 fill: #9c8046; 4625} 4626 4627/* ââ prefers-reduced-motion ââ */ 4628@media (prefers-reduced-motion: reduce) { 4629 .hp-card, 4630 .hp-arrow, 4631 .hp-tab, 4632 .hp-panel { 4633 transition: none !important; 4634 animation: none !important; 4635 } 4636} 4637 4638/* ââ Responsive: tablet ââ */ 4639@media (max-width: 1199.98px) { 4640 .hp-card { flex: 0 0 calc(50% - 0.375rem); } 4641} 4642 4643/* ââ Responsive: mobile ââ */ 4644@media (max-width: 991.98px) { 4645 .hp-tabs { 4646 flex-direction: row; 4647 flex-wrap: wrap; 4648 gap: 0.4rem; 4649 margin-bottom: 1.25rem; 4650 position: static; 4651 -webkit-overflow-scrolling: touch; 4652 } 4653 .hp-tab { 4654 padding: 0.5rem 1rem; 4655 font-size: 0.85rem; 4656 border-radius: 100px; 4657 border: 1.5px solid rgba(0,0,0,0.12); 4658 white-space: nowrap; 4659 } 4660 .hp-tab.active { 4661 border-color: #9c8046; 4662 } 4663} 4664 4665@media (max-width: 767.98px) { 4666 .hp-card { flex: 0 0 calc(50% - 0.375rem); } 4667} 4668 4669@media (max-width: 575.98px) { 4670 .hp-card { 4671 flex: 0 0 100%; 4672 font-size: 0.88rem; 4673 padding: 0.75rem 0.85rem; 4674 } 4675 .hp-tabs { 4676 overflow-x: auto; 4677 flex-wrap: nowrap; 4678 padding-bottom: 0.5rem; 4679 scrollbar-width: thin; 4680 } 4681 .hp-tab { 4682 flex-shrink: 0; 4683 } 4684} 4685</style> 4686<!-- ââââââââââââââââââââââââââââââââââââââââââââââââââ 4687 SVG sprite â single definition, referenced 63à via <use> 4688 (eliminates ~95KB of repeated inline SVG) 4689 ââââââââââââââââââââââââââââââââââââââââââââââââââ --> 4690<svg aria-hidden="true" class="hp-svg-defs" xmlns="http://www.w3.org/2000/svg"> 4691 <defs>
4692 <symbol id="hp-arrow-icon" viewBox="0 0 12 23"> 4693 <path d="M0.317727 20.615C0.216232 20.7224 0.136886 20.8488 0.0842182 20.9868C0.0315507 21.1249 0.00659318 21.272 0.0107718 21.4197C0.0149505 21.5674 0.0481831 21.7129 0.108572 21.8478C0.16896 21.9826 0.255322 22.1043 0.362727 22.2058C0.470132 22.3073 0.596477 22.3866 0.734547 22.4393C0.872616 22.492 1.01971 22.5169 1.16742 22.5127C1.31514 22.5086 1.46058 22.4753 1.59545 22.4149C1.73033 22.3545 1.85198 22.2682 1.95348 22.1608L11.516 12.0358C11.7135 11.8269 11.8235 11.5504 11.8235 11.2629C11.8235 10.9755 11.7135 10.6989 11.516 10.49L1.95348 0.363901C1.85265 0.254145 1.73102 0.165515 1.59565 0.103163C1.46029 0.04081 1.31388 0.00597693 1.16493 0.00068513C1.01599 -0.00460667 0.867479 0.0197502 0.728028 0.0723388C0.588576 0.124927 0.460964 0.204699 0.352603 0.307024C0.244243 0.409348 0.157294 0.532183 0.0968066 0.668394C0.0363196 0.804606 0.00350068 0.951479 0.000255666 1.10048C-0.00298935 1.24948 0.023404 1.39765 0.0779035 1.53636C0.132403 1.67508 0.213922 1.80158 0.317725 1.90853L9.15123 11.2629L0.317727 20.615Z"></path> 4694 </symbol> 4695 </defs> 4696</svg> 4697<section aria-labelledby="hp-services-heading" class="hp-service-section py-5 py-lg-6"> 4698 <div class="container"> 4699 <div class="mb-5"> 4700 <h2 class="display-5 text-capitalize fw-bold mb-4" id="hp-services-heading" style="color:#3D3D3D">Everything Your Eyes Need. Nothing Rushed. 4701 4702 4703 </h2> 4704 <p class="mt-2 mb-0" style="color:#3D3D3D"> 4705 You shouldn't need five offices to take care of your eyes, or wonder if your eye doctor rushed past something important. We handle comprehensive exams, specialty contacts, dry eye, glaucoma, retina, cornea, cataract surgery, and ICL under one roof with one coordinated team. 4706 But "comprehensive" is a standard, not just a service list. Every exam is thorough. Every treatment plan starts with real diagnostics. Every surgical decision begins with an honest conversation about your goals and trade-offs. </p> 4707 </div> 4708 <div class="row g-4"> 4709 <!-- Tab navigation --> 4710 <div class="col-lg-3"> 4711 <nav aria-label="Service categories"> 4712 <div aria-label="Eye care specialties" class="hp-tabs" role="tablist"> 4713 <button aria-label="Cataract Care" aria-controls="hp-panel-cataracts" aria-selected="true" class="hp-tab active" data-tab="cataracts" id="hp-tab-cataracts" role="tab" type="button" data-lc-btn-fixed="v2">Cataract Care</button> 4714 <button aria-label="Glaucoma Care" aria-controls="hp-panel-glaucoma" aria-selected="false" class="hp-tab" data-tab="glaucoma" id="hp-tab-glaucoma" role="tab" tabindex="-1" type="button" data-lc-btn-fixed="v2">Glaucoma Care</button> 4715 <button aria-label="Retina Health" aria-controls="hp-panel-retina" aria-selected="false" class="hp-tab" data-tab="retina" id="hp-tab-retina" role="tab" tabindex="-1" type="button" data-lc-btn-fixed="v2">Retina Health</button> 4716 <button aria-label="Dry Eye" aria-controls="hp-panel-dryeye" aria-selected="false" class="hp-tab" data-tab="dryeye" id="hp-tab-dryeye" role="tab" tabindex="-1" type="button" data-lc-btn-fixed="v2">Dry Eye</button> 4717 <button aria-label="Cornea" aria-controls="hp-panel-cornea" aria-selected="false" class="hp-tab" data-tab="cornea" id="hp-tab-cornea" role="tab" tabindex="-1" type="button" data-lc-btn-fixed="v2">Cornea</button> 4718 <button aria-label="Contact Lenses" aria-controls="hp-panel-contacts" aria-selected="false" class="hp-tab" data-tab="contacts" id="hp-tab-contacts" role="tab" tabindex="-1" type="button" data-lc-btn-fixed="v2">Contact Lenses</button> 4719 <button aria-label="Primary Eye Care" aria-controls="hp-panel-primary" aria-selected="false" class="hp-tab" data-tab="primary" id="hp-tab-primary" role="tab" tabindex="-1" type="button" data-lc-btn-fixed="v2">Primary Eye Care</button> 4720 </div> 4721 </nav> 4722 </div> 4723 <!-- Tab panels --> 4724 <div class="col-lg-9"> 4725 <div aria-labelledby="hp-tab-cataracts" class="hp-panel" data-panel="cataracts" id="hp-panel-cataracts" role="tabpanel"> 4726 <div class="hp-sub-group"> 4727 <h3 class="hp-sub-label text-uppercase fw-semibold">Surgery Options</h3> 4728 <div class="hp-card-row"> 4729 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/cataract-surgery-3/"> 4730 <span>Cataract Surgery</span> 4731 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4732 <use href="#hp-arrow-icon"></use> 4733 </svg> 4734 </a> 4735 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/premium-cataract-surgery/"> 4736 <span>Premium Cataract Surgery</span> 4737 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4738 <use href="#hp-arrow-icon"></use> 4739 </svg> 4740 </a> 4741 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/femtosecond-laser-assisted-cataract-surgery/"> 4742 <span>Laser Cataract Surgery</span> 4743 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4744 <use href="#hp-arrow-icon"></use> 4745 </svg> 4746 </a> 4747 </div> 4748 </div> 4749 <div class="hp-sub-group"> 4750 <h3 class="hp-sub-label text-uppercase fw-semibold">Lens Implants</h3> 4751 <div class="hp-card-row"> 4752 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/light-adjustable-lens-for-cataract-surgery/"> 4753 <span>Light Adjustable Lens</span> 4754 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4755 <use href="#hp-arrow-icon"></use> 4756 </svg> 4757 </a> 4758 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/panoptix-trifocal-iol/"> 4759 <span>PanOptix Trifocal IOL</span> 4760 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4761 <use href="#hp-arrow-icon"></use> 4762 </svg> 4763 </a> 4764 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/vivity-extended-vision-iol/"> 4765 <span>Vivity Extended Vision IOL</span> 4766 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4767 <use href="#hp-arrow-icon"></use> 4768 </svg> 4769 </a> 4770 </div> 4771 </div> 4772 <div class="hp-sub-group"> 4773 <h3 class="hp-sub-label text-uppercase fw-semibold">Understanding Cataracts</h3> 4774 <div class="hp-card-row"> 4775 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/cataract-self-test/"> 4776 <span>Cataract Self-Test</span> 4777 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4778 <use href="#hp-arrow-icon"></use> 4779 </svg> 4780 </a> 4781 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/cataract-symptoms/"> 4782 <span>Cataract Symptoms</span> 4783 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4784 <use href="#hp-arrow-icon"></use> 4785 </svg> 4786 </a> 4787 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/iol-lifestyle-guide/"> 4788 <span>IOL Lifestyle Guide</span> 4789 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4790 <use href="#hp-arrow-icon"></use> 4791 </svg> 4792 </a> 4793 </div> 4794 </div>
4795 </div> 4796 <div aria-labelledby="hp-tab-glaucoma" class="hp-panel" data-panel="glaucoma" hidden="" id="hp-panel-glaucoma" role="tabpanel"> 4797 <div class="hp-sub-group"> 4798 <h3 class="hp-sub-label text-uppercase fw-semibold">Understanding Glaucoma</h3> 4799 <div class="hp-card-row"> 4800 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/glaucoma/"> 4801 <span>Glaucoma</span> 4802 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4803 <use href="#hp-arrow-icon"></use> 4804 </svg> 4805 </a> 4806 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/glaucoma-symptoms/"> 4807 <span>Glaucoma Symptoms</span> 4808 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4809 <use href="#hp-arrow-icon"></use> 4810 </svg> 4811 </a> 4812 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/glaucoma-risk-factors/"> 4813 <span>Glaucoma Risk Factors</span> 4814 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4815 <use href="#hp-arrow-icon"></use> 4816 </svg> 4817 </a> 4818 </div> 4819 </div> 4820 <div class="hp-sub-group"> 4821 <h3 class="hp-sub-label text-uppercase fw-semibold">Types of Glaucoma</h3> 4822 <div class="hp-card-row"> 4823 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/primary-open-angle-glaucoma/"> 4824 <span>Primary Open-Angle</span> 4825 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4826 <use href="#hp-arrow-icon"></use> 4827 </svg> 4828 </a> 4829 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/angle-closure-glaucoma/"> 4830 <span>Angle-Closure Glaucoma</span> 4831 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4832 <use href="#hp-arrow-icon"></use> 4833 </svg> 4834 </a> 4835 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/normal-tension-glaucoma/"> 4836 <span>Normal-Tension Glaucoma</span> 4837 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4838 <use href="#hp-arrow-icon"></use> 4839 </svg> 4840 </a> 4841 </div> 4842 </div> 4843 <div class="hp-sub-group"> 4844 <h3 class="hp-sub-label text-uppercase fw-semibold">Treatments</h3> 4845 <div class="hp-card-row"> 4846 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/migs-minimally-invasive-glaucoma-surgery/"> 4847 <span>MIGS Glaucoma Surgery</span> 4848 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4849 <use href="#hp-arrow-icon"></use> 4850 </svg> 4851 </a> 4852 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/glaucoma-treatment-options/"> 4853 <span>Treatment Options</span> 4854 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4855 <use href="#hp-arrow-icon"></use> 4856 </svg> 4857 </a> 4858 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/slt-laser-glaucoma-treatment/"> 4859 <span>SLT Laser Treatment</span> 4860 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4861 <use href="#hp-arrow-icon"></use> 4862 </svg> 4863 </a> 4864 </div> 4865 </div> 4866 </div> 4867 <div aria-labelledby="hp-tab-retina" class="hp-panel" data-panel="retina" hidden="" id="hp-panel-retina" role="tabpanel"> 4868 <div class="hp-sub-group"> 4869 <h3 class="hp-sub-label text-uppercase fw-semibold">Retinal Conditions</h3> 4870 <div class="hp-card-row"> 4871 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/medical-retina-care/"> 4872 <span>Medical Retina Care</span> 4873 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4874 <use href="#hp-arrow-icon"></use> 4875 </svg> 4876 </a> 4877 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/retinal-detachment/"> 4878 <span>Retinal Detachment</span> 4879 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4880 <use href="#hp-arrow-icon"></use> 4881 </svg> 4882 </a> 4883 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/flashes-and-floaters/"> 4884 <span>Flashes and Floaters</span> 4885 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4886 <use href="#hp-arrow-icon"></use> 4887 </svg> 4888 </a> 4889 </div> 4890 </div> 4891 <div class="hp-sub-group"> 4892 <h3 class="hp-sub-label text-uppercase fw-semibold">Macular Degeneration</h3> 4893 <div class="hp-card-row"> 4894 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/macular-degeneration/"> 4895 <span>Macular Degeneration</span> 4896 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4897 <use href="#hp-arrow-icon"></use> 4898 </svg> 4899 </a> 4900 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/wet-amd-treatment/"> 4901 <span>Wet AMD Treatment</span> 4902 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4903 <use href="#hp-arrow-icon"></use> 4904 </svg> 4905 </a> 4906 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/dry-amd-management/"> 4907 <span>Dry AMD Management</span> 4908 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4909 <use href="#hp-arrow-icon"></use> 4910 </svg> 4911 </a> 4912 </div> 4913 </div> 4914 <div class="hp-sub-group"> 4915 <h3 class="hp-sub-label text-uppercase fw-semibold">Diabetic Eye Care</h3> 4916 <div class="hp-card-row"> 4917 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/diabetic-eye-disease/"> 4918 <span>Diabetic Eye Disease</span> 4919 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4920 <use href="#hp-arrow-icon"></use> 4921 </svg> 4922 </a> 4923 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/diabetic-macular-edema/"> 4924 <span>Diabetic Macular Edema</span> 4925 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4926 <use href="#hp-arrow-icon"></use> 4927 </svg> 4928 </a> 4929 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/anti-vegf-therapy-for-retinal-conditions/"> 4930 <span>Anti-VEGF Therapy</span> 4931 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4932 <use href="#hp-arrow-icon"></use> 4933 </svg> 4934 </a> 4935 </div> 4936 </div>
4937 </div> 4938 <div aria-labelledby="hp-tab-dryeye" class="hp-panel" data-panel="dryeye" hidden="" id="hp-panel-dryeye" role="tabpanel"> 4939 <div class="hp-sub-group"> 4940 <h3 class="hp-sub-label text-uppercase fw-semibold">Understanding Dry Eye</h3> 4941 <div class="hp-card-row"> 4942 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/dry-eye-disease-symptoms-causes-and-treatment/"> 4943 <span>Dry Eye Disease</span> 4944 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4945 <use href="#hp-arrow-icon"></use> 4946 </svg> 4947 </a> 4948 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/types-of-dry-eye/"> 4949 <span>Types of Dry Eye</span> 4950 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4951 <use href="#hp-arrow-icon"></use> 4952 </svg> 4953 </a> 4954 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/osdi-dry-eye/"> 4955 <span>Dry Eye Quiz</span> 4956 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4957 <use href="#hp-arrow-icon"></use> 4958 </svg> 4959 </a> 4960 </div> 4961 </div> 4962 <div class="hp-sub-group"> 4963 <h3 class="hp-sub-label text-uppercase fw-semibold">Treatments</h3> 4964 <div class="hp-card-row"> 4965 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/ipl-dry-eye-treatment/"> 4966 <span>IPL Dry Eye Treatment</span> 4967 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4968 <use href="#hp-arrow-icon"></use> 4969 </svg> 4970 </a> 4971 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/dry-eye-treatment-options/"> 4972 <span>Treatment Options</span> 4973 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4974 <use href="#hp-arrow-icon"></use> 4975 </svg> 4976 </a> 4977 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/punctal-plugs-dry-eye/"> 4978 <span>Punctal Plugs</span> 4979 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4980 <use href="#hp-arrow-icon"></use> 4981 </svg> 4982 </a> 4983 </div> 4984 </div> 4985 <div class="hp-sub-group"> 4986 <h3 class="hp-sub-label text-uppercase fw-semibold">Related Conditions</h3> 4987 <div class="hp-card-row"> 4988 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/meibomian-gland-dysfunction/"> 4989 <span>MGD Treatment</span> 4990 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4991 <use href="#hp-arrow-icon"></use> 4992 </svg> 4993 </a> 4994 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/blepharitis-treatment/"> 4995 <span>Blepharitis Care</span> 4996 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 4997 <use href="#hp-arrow-icon"></use> 4998 </svg> 4999 </a> 5000 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/sjogrens-syndrome-dry-eye/"> 5001 <span>Sjögren's Syndrome</span> 5002 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 5003 <use href="#hp-arrow-icon"></use> 5004 </svg> 5005 </a> 5006 </div> 5007 </div> 5008 </div> 5009 <div aria-labelledby="hp-tab-cornea" class="hp-panel" data-panel="cornea" hidden="" id="hp-panel-cornea" role="tabpanel"> 5010 <div class="hp-sub-group"> 5011 <h3 class="hp-sub-label text-uppercase fw-semibold">Corneal Diseases</h3> 5012 <div class="hp-card-row"> 5013 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/corneal-disease-overview-and-conditions/"> 5014 <span>Corneal Disease Overview</span> 5015 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 5016 <use href="#hp-arrow-icon"></use> 5017 </svg> 5018 </a> 5019 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/keratoconu
5019s-symptoms-causes-and-treatment/"> 5020 <span>Keratoconus</span> 5021 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 5022 <use href="#hp-arrow-icon"></use> 5023 </svg> 5024 </a> 5025 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/fuchs-dystrophy/"> 5026 <span>Fuchs Dystrophy</span> 5027 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 5028 <use href="#hp-arrow-icon"></use> 5029 </svg> 5030 </a> 5031 </div> 5032 </div> 5033 <div class="hp-sub-group"> 5034 <h3 class="hp-sub-label text-uppercase fw-semibold">Surgery & Treatment</h3> 5035 <div class="hp-card-row"> 5036 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/corneal-transplant-surgery-types-and-options/"> 5037 <span>Corneal Transplant Types</span> 5038 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 5039 <use href="#hp-arrow-icon"></use> 5040 </svg> 5041 </a> 5042 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/corneal-cross-linking-cxl-for-keratoconus/"> 5043 <span>Corneal Cross-Linking</span> 5044 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 5045 <use href="#hp-arrow-icon"></use> 5046 </svg> 5047 </a> 5048 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/pterygium-surgery/"> 5049 <span>Pterygium Surgery</span> 5050 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 5051 <use href="#hp-arrow-icon"></use> 5052 </svg> 5053 </a> 5054 </div> 5055 </div> 5056 <div class="hp-sub-group"> 5057 <h3 class="hp-sub-label text-uppercase fw-semibold">Injuries & Infections</h3> 5058 <div class="hp-card-row"> 5059 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/corneal-abrasion/"> 5060 <span>Corneal Abrasion</span> 5061 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 5062 <use href="#hp-arrow-icon"></use> 5063 </svg> 5064 </a> 5065 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/corneal-ulcer/"> 5066 <span>Corneal Ulcer</span> 5067 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 5068 <use href="#hp-arrow-icon"></use> 5069 </svg> 5070 </a> 5071 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/herpes-simplex-keratitis/"> 5072 <span>Herpetic Keratitis</span> 5073 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 5074 <use href="#hp-arrow-icon"></use> 5075 </svg> 5076 </a> 5077 </div> 5078 </div> 5079 </div> 5080 <div aria-labelledby="hp-tab-contacts" class="hp-panel" data-panel="contacts" hidden="" id="hp-panel-contacts" role="tabpanel"> 5081 <div class="hp-sub-group"> 5082 <h3 class="hp-sub-label text-uppercase fw-semibold">Specialty Lenses</h3> 5083 <div class="hp-card-row"> 5084 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/scleral-contact-lenses/"> 5085 <span>Scleral Contact Lenses</span> 5086 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 5087 <use href="#hp-arrow-icon"></use> 5088 </svg> 5089 </a> 5090 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/toric-contact-lenses/"> 5091 <span>Toric Contacts</span> 5092 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 5093 <use href="#hp-arrow-icon"></use> 5094 </svg> 5095 </a> 5096 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/multifocal-contact-lenses/"> 5097 <span>Multifocal Contacts</span> 5098 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 5099 <use href="#hp-arrow-icon"></use> 5100 </svg> 5101 </a> 5102 </div> 5103 </div> 5104 <div class="hp-sub-group"> 5105 <h3 class="hp-sub-label text-uppercase fw-semibold">Vision Correction Surgery</h3> 5106 <div class="hp-card-row"> 5107 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/icl-implantable-collamer-lens-surgery/"> 5108 <span>ICL Surgery</span> 5109 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 5110 <use href="#hp-arrow-icon"></use> 5111 </svg> 5112 </a> 5113 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/refractive-lens-exchange-rle/"> 5114 <span>Refractive Lens Exchange</span> 5115 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 5116 <use href="#hp-arrow-icon"></use> 5117 </svg> 5118 </a> 5119 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/evo-visian-icl/"> 5120 <span>EVO Visian ICL</span> 5121 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 5122 <use href="#hp-arrow-icon"></use> 5123 </svg> 5124 </a> 5125 </div> 5126 </div> 5127 <div class="hp-sub-group"> 5128 <h3 class="hp-sub-label text-uppercase fw-semibold">Fittings & Care</h3> 5129 <div class="hp-card-row"> 5130 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/contact-lens-exam-fitting/"> 5131 <span>Contact Lens Fitting</span> 5132 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 5133 <use href="#hp-arrow-icon"></use> 5134 </svg> 5135 </a> 5136 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/contact-lens-care-safety/"> 5137 <span>Contact Lens Care</span> 5138 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 5139 <use href="#hp-arrow-icon"></use> 5140 </svg> 5141 </a> 5142 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/specialty-contact-lens-fitting/"> 5143 <span>Specialty Lens Fitting</span> 5144 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 5145 <use href="#hp-arrow-icon"></use> 5146 </svg> 5147 </a> 5148 </div> 5149 </div>
5150 </div> 5151 <div aria-labelledby="hp-tab-primary" class="hp-panel" data-panel="primary" hidden="" id="hp-panel-primary" role="tabpanel"> 5152 <div class="hp-sub-group"> 5153 <h3 class="hp-sub-label text-uppercase fw-semibold">Eye Exams</h3> 5154 <div class="hp-card-row"> 5155 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/comprehensive-eye-examination/"> 5156 <span>Comprehensive Eye Exam</span> 5157 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 5158 <use href="#hp-arrow-icon"></use> 5159 </svg> 5160 </a> 5161 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/how-often-eye-exam/"> 5162 <span>Eye Exam Frequency</span> 5163 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 5164 <use href="#hp-arrow-icon"></use> 5165 </svg> 5166 </a> 5167 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/vision-screening-vs-eye-exam/"> 5168 <span>Screening vs Full Exam</span> 5169 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 5170 <use href="#hp-arrow-icon"></use> 5171 </svg> 5172 </a> 5173 </div> 5174 </div> 5175 <div class="hp-sub-group"> 5176 <h3 class="hp-sub-label text-uppercase fw-semibold">Common Conditions</h3> 5177 <div class="hp-card-row"> 5178 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/what-is-astigmatism/"> 5179 <span>Astigmatism Overview</span> 5180 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 5181 <use href="#hp-arrow-icon"></use> 5182 </svg> 5183 </a> 5184 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/presbyopia-treatment-options/"> 5185 <span>Presbyopia Treatment</span> 5186 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 5187 <use href="#hp-arrow-icon"></use> 5188 </svg> 5189 </a> 5190 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/eye-allergy-treatment/"> 5191 <span>Eye Allergy Relief</span> 5192 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 5193 <use href="#hp-arrow-icon"></use> 5194 </svg> 5195 </a> 5196 </div> 5197 </div> 5198 <div class="hp-sub-group"> 5199 <h3 class="hp-sub-label text-uppercase fw-semibold">Emergency Care</h3> 5200 <div class="hp-card-row"> 5201 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/emergency-eye-care/"> 5202 <span>Emergency Eye Care</span> 5203 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 5204 <use href="#hp-arrow-icon"></use> 5205 </svg> 5206 </a> 5207 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/sudden-vision-loss-emergency/"> 5208 <span>Sudden Vision Loss</span> 5209 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 5210 <use href="#hp-arrow-icon"></use> 5211 </svg> 5212 </a> 5213 <a class="hp-card service-card rounded-3 icon-link icon-link-hover" href="/red-eye-causes-treatment/"> 5214 <span>Red Eye Treatment</span> 5215 <svg aria-hidden="true" class="hp-arrow" fill="none" height="20" viewBox="0 0 12 23" width="12"> 5216 <use href="#hp-arrow-icon"></use> 5217 </svg> 5218 </a> 5219 </div> 5220 </div> 5221 </div> 5222 </div> 5223 </div> 5224 </div> 5225</section>
5226<script> 5227(function(){ 5228 var tablist = document.querySelector('.hp-tabs'); 5229 if (!tablist) return; 5230 5231 var tabs = Array.from(tablist.querySelectorAll('.hp-tab')); 5232 var panels = Array.from(document.querySelectorAll('.hp-panel')); 5233 5234 function activate(tab, shouldFocus) { 5235 tabs.forEach(function(t) { 5236 t.classList.remove('active'); 5237 t.setAttribute('aria-selected', 'false'); 5238 t.setAttribute('tabindex', '-1'); 5239 }); 5240 5241 panels.forEach(function(p) { 5242 p.hidden = true; 5243 }); 5244 5245 tab.classList.add('active'); 5246 tab.setAttribute('aria-selected', 'true'); 5247 tab.removeAttribute('tabindex'); 5248 5249 var panel = document.getElementById(tab.getAttribute('aria-controls')); 5250 if (panel) panel.hidden = false; 5251 5252 if (shouldFocus !== false) { 5253 tab.focus(); 5254 } 5255 } 5256 5257 tablist.addEventListener('click', function(e) { 5258 var btn = e.target.closest('.hp-tab'); 5259 if (btn) activate(btn, true); 5260 }); 5261 5262 tablist.addEventListener('keydown', function(e) { 5263 var idx = tabs.indexOf(document.activeElement); 5264 if (idx < 0) return; 5265 5266 var key = e.key; 5267 var next; 5268 5269 if (key === 'ArrowDown' || key === 'ArrowRight') { 5270 next = tabs[(idx + 1) % tabs.length]; 5271 } else if (key === 'ArrowUp' || key === 'ArrowLeft') { 5272 next = tabs[(idx - 1 + tabs.length) % tabs.length]; 5273 } else if (key === 'Home') { 5274 next = tabs[0]; 5275 } else if (key === 'End') { 5276 next = tabs[tabs.length - 1]; 5277 } 5278 5279 if (next) { 5280 e.preventDefault(); 5281 activate(next, true); 5282 } 5283 }); 5284 5285 /* Show only the first tab by default */ 5286 if (tabs.length) { 5287 activate(tabs[0], false); 5288 } 5289})(); 5290</script>
5290 5291<!-- ââââââââââââââââââââââââââââââââââââââââââââââââââ 5292 SERVICES SECTION â Tabbed sidebar layout 5293 ââââââââââââââââââââââââââââââââââââââââââââââââââ --> 5294<!-- Doctors partial --> 5295<div class="live-refresh" > 5296 5297<style> 5298.wt-team-grid .wt-team-card-img { 5299 display: block; 5300 width: 100% !important; 5301 object-fit: cover; 5302 background-color: #F0F0F0; 5303} 5304 5305.wt-team-cards .card { 5306 position: relative; 5307 flex-grow: 0; 5308 background: #F0F0F0; 5309 border-radius: 100px 20px 0 0; 5310 margin: 0 5px; 5311 transition: 0.5s; 5312 box-shadow: 0 5px 18.8px -7px #00000040; 5313} 5314 5315.wt-team-info { 5316 position: absolute; 5317 bottom: 0; 5318 left: 0; 5319 background: #FFFFFF; 5320 width: 100%; 5321 padding: 20px; 5322 min-height: 110px; 5323} 5324 5325.wt-team-cards .card:hover { 5326 background-image: none; 5327} 5328 5329.wt-team-cards .card .card-text, 5330.wt-team-role-hover { 5331 display: none; 5332} 5333 5334.wt-team-cards .card:hover .card-text { 5335 display: block; 5336 font-size: 14px !important; 5337} 5338 5339.wt-team-cards .card:hover .wt-team-role-hover { 5340 display: block; 5341 font-size: 14px !important; 5342 font-weight: 200; 5343 border-top: var(--bs-card-border-width) solid #B9C0C7; 5344} 5345 5346.wt-team-cards .card .wt-team-card-img, 5347.wt-team-cards .card:hover .wt-team-card-img { 5348 object-position: top; 5349} 5350 5351.wt-team-cards .card:hover .wt-team-role-default { 5352 display: none; 5353} 5354 5355.wt-team-cards .card:hover .wt-team-info { 5356 bottom: 0; 5357 background: linear-gradient(147.86deg, #CBCD84 -198.71%, #FFFFFF 92.47%) !important; 5358 color: #3D3D3D; 5359} 5360 5361.wt-team-link { 5362 display: none !important; 5363 color: #9D7F47; 5364} 5365 5366.wt-team-cards .card:hover .wt-team-link { 5367 display: block !important; 5368 font-weight: 200; 5369 font-size: 14px !important; 5370} 5371 5372.wt-team-role-default { 5373 font-size: 14px; 5374 font-weight: 300; 5375} 5376 5377.wt-team-text-dark { 5378 color: var(--dark) !important; 5379} 5380 5381.wt-team-link-wrapper { 5382 display: none; 5383} 5384 5385.wt-team-cards .card:hover .wt-team-link-wrapper { 5386 display: flex; 5387} 5388 5389@media (max-width: 575.98px) { 5390 .wt-team-info { 5391 min-height: 110px; 5392 padding: 12px; 5393 } 5394} 5395 5396@media (min-width: 992px) { 5397 .wt-team-info { 5398 min-height: 120px; 5399 } 5400} 5401 5402.wt-team-section { 5403 background: linear-gradient(180deg, #FFFFFF 11.67%, #CCCE85 301.61%); 5404} 5405</style> 5406 5407<section class="wt-team-section position-relative py-4 py-lg-6 overflow-hidden" aria-labelledby="wt-team-heading"> 5408 <div class="container"> 5409 <div class="row justify-content-center mb-5 mb-lg-6"> 5410 <div class="col-12 col-md-8 text-center"> 5411 <div class="lc-block mb-2"> 5412 <!-- Accessibility fix: keep section heading semantic and reference it from the section --> 5413 <h2 id="wt-team-heading" class="display-5 fw-semibold mb-0 mb-lg-2 w-heading"> 5414 Our Experts 5415 </h2> 5416 </div> 5417 </div> 5418 </div> 5419 5420 <div class="row wt-team-grid wt-team-cards justify-content-center row-gap-3"> 5421 5422 5423 <!-- Doctor card --> 5424 <div class="col-12 col-md-6 col-lg-3 mb-4 d-flex px-2"> 5425 <article class="card d-flex flex-column overflow-hidden w-100" aria-labelledby="doctor-name-14043"> 5426 5427 5428 <!-- Accessibility fix: provide fallback alt text if custom image alt is empty --> 5429 <img class="wt-team-card-img rounded-top-2 mb-6 pt-4" src="{img src="https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Michael-Summerfield-MD-3.webp?strip=all" /}" alt data-alt-fallback="Portrait of Michael Summerfield, MD, Washington Eye Institute" srcset="https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Michael-Summerfield-MD-3-300x300.webp?strip=all 300w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Michael-Summerfield-MD-3-150x150.webp?strip=all 150w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Michael-Summerfield-MD-3.webp?strip=all 500w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Michael-Summerfield-MD-3.webp?strip=all&w=50 50w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Michael-Summerfield-MD-3.webp?strip=all&w=100 100w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Michael-Summerfield-MD-3.webp?strip=all&w=200 200w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Michael-Summerfield-MD-3.webp?strip=all&w=250 250w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Michael-Summerfield-MD-3.webp?strip=all&w=350 350w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Michael-Summerfield-MD-3.webp?strip=all&w=400 400w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Michael-Summerfield-MD-3.webp?strip=all&w=450 450w" sizes="(max-width: 512px) 100vw, 512px" loading="lazy" decoding="async" /> 5430 5431 5432 <div class="card-body d-flex flex-column flex-grow-1 wt-team-info wt-team-text-dark"> 5433 <div class="d-flex justify-content-between flex-column"> 5434 <!-- Accessibility fix: unique heading id for card labeling --> 5435 <h3 id="doctor-name-14043" class="card-title location--section-heading rfs-8 fw-medium align-items-start d-lg-block d-inline"> 5436 Michael Summerfield, MD 5437 </h3> 5438 <p class="wt-team-role-default mb-0"> 5439 Cataract Surgeon & Comprehensive Ophthalmologist 5440 </p> 5441 </div> 5442 5443 5444 5445 5446 <p class="wt-team-role-hover pb-2"> 5447 Cataract Surgeon & Comprehensive Ophthalmologist 5448 </p> 5449 5450 <div class="d-flex justify-content-end mt-auto wt-team-link-wrapper"> 5451 <!-- Accessibility fix: preserve visible text and ensure link always has an accessible name --> 5452 <a href="https://washingtoneyeinstitute.com/doctor/michael-summerfield-md/" class="text-decoration-none text-capitalize d-flex justify-content-between align-items-center location--hover-btn wt-team-link" style="font-size: 16px;" aria-label="Read more about Michael Summerfield, MD"> 5453 <span>Read More</span> 5454 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16" aria-hidden="true" focusable="false"> 5455 <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"></path> 5456 </svg> 5457 <span class="lc-vh">about Dr. Michael Summerfield, MD</span></a> 5458 </div> 5459 </div> 5460 </article> 5461 </div> 5462 5463 <!-- Doctor card --> 5464 <div class="col-12 col-md-6 col-lg-3 mb-4 d-flex px-2"> 5465 <article class="card d-flex flex-column overflow-hidden w-100" aria-labelledby="doctor-name-14053"> 5466 5467 5468 <!-- Accessibility fix: provide fallback alt text if custom image alt is empty --> 5469 <img class="wt-team-card-img rounded-top-2 mb-6 pt-4" src="{img src="https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Joseph-Mekhail-MD-3-1.webp?strip=all" /}" alt data-alt-fallback="Portrait of Joseph Mekhail, MD, Washington Eye Institute" srcset="https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Joseph-Mekhail-MD-3-1-300x300.webp?strip=all 300w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Joseph-Mekhail-MD-3-1-150x150.webp?strip=all 150w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Joseph-Mekhail-MD-3-1.webp?strip=all 500w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Joseph-Mekhail-MD-3-1.webp?strip=all&w=50 50w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Joseph-Mekhail-MD-3-1.webp?strip=all&w=100 100w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Joseph-Mekhail-MD-3-1.webp?strip=all&w=200 200w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Joseph-Mekhail-MD-3-1.webp?strip=all&w=250 250w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Joseph-Mekhail-MD-3-1.webp?strip=all&w=350 350w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Joseph-Mekhail-MD-3-1.webp?strip=all&w=400 400w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Joseph-Mekhail-MD-3-1.webp?strip=all&w=450 450w" sizes="(max-width: 512px) 100vw, 512px" loading="lazy" decoding="async" /> 5470 5471 5472 <div class="card-body d-flex flex-column flex-grow-1 wt-team-info wt-team-text-dark"> 5473 <div class="d-flex justify-content-between flex-column"> 5474 <!-- Accessibility fix: unique heading id for card labeling --> 5475 <h3 id="doctor-name-14053" class="card-title location--section-heading rfs-8 fw-medium align-items-start d-lg-block d-inline"> 5476 Joseph Mekhail, MD 5477 </h3> 5478 <p class="wt-team-role-default mb-0"> 5479 Cataract & Cornea Surgeon 5480 </p> 5481 </div> 5482 5483 5484 5485 5486 <p class="wt-team-role-hover pb-2"> 5487 Cataract & Cornea Surgeon 5488 </p> 5489 5490 <div class="d-flex justify-content-end mt-auto wt-team-link-wrapper"> 5491 <!-- Accessibility fix: preserve visible text and ensure link always has an accessible name --> 5492 <a href="https://washingtoneyeinstitute.com/doctor/joseph-mekhail-md/" class="text-decoration-none text-capitalize d-flex justify-content-between align-items-center location--hover-btn wt-team-link" style="font-size: 16px;" aria-label="Read more about Joseph Mekhail, MD"> 5493 <span>Read More</span> 5494 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16" aria-hidden="true" focusable="false"> 5495 <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"></path> 5496 </svg> 5497 <span class="lc-vh">about Dr. Joseph Mekhail, MD</span></a> 5498 </div> 5499 </div> 5500 </article> 5501 </div> 5502 5503 <!-- Doctor card --> 5504 <div class="col-12 col-md-6 col-lg-3 mb-4 d-flex px-2"> 5505 <article class="card d-flex flex-column overflow-hidden w-100" aria-labelledby="doctor-name-14063"> 5506 5507 5508 <!-- Accessibility fix: provide fallback alt text if custom image alt is empty --> 5509 <img class="wt-team-card-img rounded-top-2 mb-6 pt-4" src="{img src="https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/03/30.webp?strip=all" /}" alt data-alt-fallback="Portrait of Sarah Chang, MD, Washington Eye Institute" srcset="https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/03/30-300x300.webp?strip=all 300w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/03/30-150x150.webp?strip=all 150w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/03/30-768x768.webp?strip=all 768w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/03/30.webp?strip=all 960w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/03/30.webp?strip=all&w=96 96w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/03/30.webp?strip=all&w=384 384w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/03/30.webp?strip=all&w=480 480w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/03/30.webp?strip=all&w=576 576w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/03/30.webp?strip=all&w=672 672w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/03/30.webp?strip=all&w=864 864w" sizes="(max-width: 512px) 100vw, 512px" loading="lazy" decoding="async" /> 5510 5511 5512 <div class="card-body d-flex flex-column flex-grow-1 wt-team-info wt-team-text-dark"> 5513 <div class="d-flex justify-content-between flex-column"> 5514 <!-- Accessibility fix: unique heading id for card labeling --> 5515 <h3 id="doctor-name-14063" class="card-title location--section-heading rfs-8 fw-medium align-items-start d-lg-block d-inline"> 5516 Sarah Chang, MD 5517 </h3> 5518 <p class="wt-team-role-default mb-0"> 5519 Cataract Surgeon & Comprehensive Ophthalmologist 5520 </p> 5521 </div> 5522 5523 5524 5525 5526 <p class="wt-team-role-hover pb-2"> 5527 Cataract Surgeon & Comprehensive Ophthalmologist 5528 </p> 5529 5530 <div class="d-flex justify-content-end mt-auto wt-team-link-wrapper"> 5531 <!-- Accessibility fix: preserve visible text and ensure link always has an accessible name --> 5532 <a href="https://washingtoneyeinstitute.com/doctor/sarah-chang-md/" class="text-decoration-none text-capitalize d-flex justify-content-between align-items-center location--hover-btn wt-team-link" style="font-size: 16px;" aria-label="Read more about Sarah Chang, MD"> 5533 <span>Read More</span> 5534 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16" aria-hidden="true" focusable="false"> 5535 <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"></path> 5536 </svg> 5537 <span class="lc-vh">about Dr. Sarah Chang, MD</span></a> 5538 </div> 5539 </div> 5540 </article> 5541 </div> 5542 5543 <!-- Doctor card --> 5544 <div class="col-12 col-md-6 col-lg-3 mb-4 d-flex px-2"> 5545 <article class="card d-flex flex-column overflow-hidden w-100" aria-labelledby="doctor-name-14069"> 5546 5547 5548 <!-- Accessibility fix: provide fallback alt text if custom image alt is empty --> 5549 <img class="wt-team-card-img rounded-top-2 mb-6 pt-4" src="{img src="https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Rajini-Seevaratnam-OD-5.webp?strip=all" /}" alt="Dr. Rajini Seevaratnam, OD - 5" data-alt-fallback="Portrait of Rajini Seevaratnam, OD, Washington Eye Institute" srcset="https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Rajini-Seevaratnam-OD-5-300x253.webp?strip=all 300w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Rajini-Seevaratnam-OD-5-768x648.webp?strip=all 768w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Rajini-Seevaratnam-OD-5.webp?strip=all 960w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Rajini-Seevaratnam-OD-5.webp?strip=all&w=96 96w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Rajini-Seevaratnam-OD-5.webp?strip=all&w=192 192w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Rajini-Seevaratnam-OD-5.webp?strip=all&w=384 384w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Rajini-Seevaratnam-OD-5.webp?strip=all&w=480 480w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Rajini-Seevaratnam-OD-5.webp?strip=all&w=576 576w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Rajini-Seevaratnam-OD-5.webp?strip=all&w=672 672w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Rajini-Seevaratnam-OD-5.webp?strip=all&w=864 864w" sizes="(max-width: 512px) 100vw, 512px" loading="lazy" decoding="async" /> 5550 5551 5552 <div class="card-body d-flex flex-column flex-grow-1 wt-team-info wt-team-text-dark"> 5553 <div class="d-flex justify-content-between flex-column"> 5554 <!-- Accessibility fix: unique heading id for card labeling --> 5555 <h3 id="doctor-name-14069" class="card-title location--section-heading rfs-8 fw-medium align-items-start d-lg-block d-inline"> 5556 Rajini Seevaratnam, OD 5557 </h3> 5558 <p class="wt-team-role-default mb-0"> 5559 Medical Optometrist & Ocular Disease Specialist 5560 </p> 5561 </div> 5562 5563 5564 5565 5566 <p class="wt-team-role-hover pb-2"> 5567 Medical Optometrist & Ocular Disease Specialist 5568 </p> 5569 5570 <div class="d-flex justify-content-end mt-auto wt-team-link-wrapper"> 5571 <!-- Accessibility fix: preserve visible text and ensure link always has an accessible name --> 5572 <a href="https://washingtoneyeinstitute.com/doctor/rajini-seevaratnam-od/" class="text-decoration-none text-capitalize d-flex justify-content-between align-items-center location--hover-btn wt-team-link" style="font-size: 16px;" aria-
5572label="Read more about Rajini Seevaratnam, OD"> 5573 <span>Read More</span> 5574 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16" aria-hidden="true" focusable="false"> 5575 <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"></path> 5576 </svg> 5577 <span class="lc-vh">about Dr. Rajini Seevaratnam, OD</span></a> 5578 </div> 5579 </div> 5580 </article> 5581 </div> 5582 5583 <!-- Doctor card --> 5584 <div class="col-12 col-md-6 col-lg-3 mb-4 d-flex px-2"> 5585 <article class="card d-flex flex-column overflow-hidden w-100" aria-labelledby="doctor-name-14073"> 5586 5587 5588 <!-- Accessibility fix: provide fallback alt text if custom image alt is empty --> 5589 <img class="wt-team-card-img rounded-top-2 mb-6 pt-4" src="{img src="https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Diana-Chu-OD.webp?strip=all" /}" alt="Dr. Diana Chu, OD" data-alt-fallback="Portrait of Diana Chu, OD, Washington Eye Institute" srcset="https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Diana-Chu-OD-300x300.webp?strip=all 300w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Diana-Chu-OD-150x150.webp?strip=all 150w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Diana-Chu-OD.webp?strip=all 500w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Diana-Chu-OD.webp?strip=all&w=50 50w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Diana-Chu-OD.webp?strip=all&w=100 100w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Diana-Chu-OD.webp?strip=all&w=200 200w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Diana-Chu-OD.webp?strip=all&w=250 250w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Diana-Chu-OD.webp?strip=all&w=350 350w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Diana-Chu-OD.webp?strip=all&w=400 400w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Diana-Chu-OD.webp?strip=all&w=450 450w" sizes="(max-width: 512px) 100vw, 512px" loading="lazy" decoding="async" /> 5590 5591 5592 <div class="card-body d-flex flex-column flex-grow-1 wt-team-info wt-team-text-dark"> 5593 <div class="d-flex justify-content-between flex-column"> 5594 <!-- Accessibility fix: unique heading id for card labeling --> 5595 <h3 id="doctor-name-14073" class="card-title location--section-heading rfs-8 fw-medium align-items-start d-lg-block d-inline"> 5596 Diana Chu, OD 5597 </h3> 5598 <p class="wt-team-role-default mb-0"> 5599 Specialty Contact Lens & Ocular Surface Disease Optometrist 5600 </p> 5601 </div> 5602 5603 5604 5605 5606 <p class="wt-team-role-hover pb-2"> 5607 Specialty Contact Lens & Ocular Surface Disease Optometrist 5608 </p> 5609 5610 <div class="d-flex justify-content-end mt-auto wt-team-link-wrapper"> 5611 <!-- Accessibility fix: preserve visible text and ensure link always has an accessible name --> 5612 <a href="https://washingtoneyeinstitute.com/doctor/diana-chu-od/" class="text-decoration-none text-capitalize d-flex justify-content-between align-items-center location--hover-btn wt-team-link" style="font-size: 16px;" aria-label="Read more about Diana Chu, OD"> 5613 <span>Read More</span> 5614 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16" aria-hidden="true" focusable="false"> 5615 <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"></path> 5616 </svg> 5617 <span class="lc-vh">about Dr. Diana Chu, OD</span></a> 5618 </div> 5619 </div> 5620 </article> 5621 </div> 5622 5623 <!-- Doctor card --> 5624 <div class="col-12 col-md-6 col-lg-3 mb-4 d-flex px-2"> 5625 <article class="card d-flex flex-column overflow-hidden w-100" aria-labelledby="doctor-name-14079"> 5626 5627 5628 <!-- Accessibility fix: provide fallback alt text if custom image alt is empty --> 5629 <img class="wt-team-card-img rounded-top-2 mb-6 pt-4" src="{img src="https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Debra-Weltman-OD.webp?strip=all" /}" alt="Dr. Debra Weltman, OD" data-alt-fallback="Portrait of Debra Weltman, OD., Washington Eye Institute" srcset="https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Debra-Weltman-OD-300x300.webp?strip=all 300w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Debra-Weltman-OD-150x150.webp?strip=all 150w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Debra-Weltman-OD.webp?strip=all 500w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Debra-Weltman-OD.webp?strip=all&w=50 50w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Debra-Weltman-OD.webp?strip=all&w=100 100w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Debra-Weltman-OD.webp?strip=all&w=200 200w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Debra-Weltman-OD.webp?strip=all&w=250 250w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Debra-Weltman-OD.webp?strip=all&w=350 350w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Debra-Weltman-OD.webp?strip=all&w=400 400w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Debra-Weltman-OD.webp?strip=all&w=450 450w" sizes="(max-width: 512px) 100vw, 512px" loading="lazy" decoding="async" /> 5630 5631 5632 <div class="card-body d-flex flex-column flex-grow-1 wt-team-info wt-team-text-dark"> 5633 <div class="d-flex justify-content-between flex-column"> 5634 <!-- Accessibility fix: unique heading id for card labeling --> 5635 <h3 id="doctor-name-14079" class="card-title location--section-heading rfs-8 fw-medium align-items-start d-lg-block d-inline"> 5636 Debra Weltman, OD. 5637 </h3> 5638 <p class="wt-team-role-default mb-0"> 5639 Refractive Surgery Optometrist & Dry Eye Specialist 5640 </p> 5641 </div> 5642 5643 5644 5645 5646 <p class="wt-team-role-hover pb-2"> 5647 Refractive Surgery Optometrist & Dry Eye Specialist 5648 </p> 5649 5650 <div class="d-flex justify-content-end mt-auto wt-team-link-wrapper"> 5651 <!-- Accessibility fix: preserve visible text and ensure link always has an accessible name --> 5652 <a href="https://washingtoneyeinstitute.com/doctor/debra-weltman-od/" class="text-decoration-none text-capitalize d-flex justify-content-between align-items-center location--hover-btn wt-team-link" style="font-size: 16px;" aria-label="Read more about Debra Weltman, OD."> 5653 <span>Read More</span> 5654 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16" aria-hidden="true" focusable="false"> 5655 <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"></path> 5656 </svg> 5657 <span class="lc-vh">about Dr. Debra Weltman, OD</span></a> 5658 </div> 5659 </div> 5660 </article> 5661 </div> 5662 5663 <!-- Doctor card --> 5664 <div class="col-12 col-md-6 col-lg-3 mb-4 d-flex px-2"> 5665 <article class="card d-flex flex-column overflow-hidden w-100" aria-labelledby="doctor-name-17666"> 5666 5667 5668 <!-- Accessibility fix: provide fallback alt text if custom image alt is empty --> 5669 <img class="wt-team-card-img rounded-top-2 mb-6 pt-4" src="{img src="https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/08/Dr.-Zachary-Eller-4.webp?strip=all" /}" alt data-alt-fallback="Portrait of Zachary Eller, MD, MS, Washington Eye Institute" srcset="https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/08/Dr.-Zachary-Eller-4-300x300.webp?strip=all 300w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/08/Dr.-Zachary-Eller-4-150x150.webp?strip=all 150w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/08/Dr.-Zachary-Eller-4.webp?strip=all 500w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/08/Dr.-Zachary-Eller-4.webp?strip=all&w=50 50w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/08/Dr.-Zachary-Eller-4.webp?strip=all&w=100 100w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/08/Dr.-Zachary-Eller-4.webp?strip=all&w=200 200w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/08/Dr.-Zachary-Eller-4.webp?strip=all&w=250 250w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/08/Dr.-Zachary-Eller-4.webp?strip=all&w=350 350w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/08/Dr.-Zachary-Eller-4.webp?strip=all&w=400 400w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/08/Dr.-Zachary-Eller-4.webp?strip=all&w=450 450w" sizes="(max-width: 512px) 100vw, 512px" loading="lazy" decoding="async" /> 5670 5671 5672 <div class="card-body d-flex flex-column flex-grow-1 wt-team-info wt-team-text-dark"> 5673 <div class="d-flex justify-content-between flex-column"> 5674 <!-- Accessibility fix: unique heading id for card labeling --> 5675 <h3 id="doctor-name-17666" class="card-title location--section-heading rfs-8 fw-medium align-items-start d-lg-block d-inline"> 5676 Zachary Eller, MD, MS 5677 </h3> 5678 <p class="wt-team-role-default mb-0"> 5679 Ophthalmologist 5680 </p> 5681 </div> 5682 5683 5684 5685 5686 <p class="wt-team-role-hover pb-2"> 5687 Ophthalmologist 5688 </p> 5689 5690 <div class="d-flex justify-content-end mt-auto wt-team-link-wrapper"> 5691 <!-- Accessibility fix: preserve visible text and ensure link always has an accessible name --> 5692 <a href="https://washingtoneyeinstitute.com/doctor/zachary-eller-md-ms/" class="text-decoration-none text-capitalize d-flex justify-content-between align-items-center location--hover-btn wt-team-link" style="font-size: 16px;" aria-label="Read more about Zachary Eller, MD, MS"> 5693 <span>Read More</span> 5694 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16" aria-hidden="true" focusable="false"> 5695 <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"></path> 5696 </svg> 5697 <span class="lc-vh">about Dr. Zachary Eller Md Ms</span></a> 5698 </div> 5699 </div> 5700 </article> 5701 </div> 5702 5703 5704 5705 5706 </div> 5707 </div> 5708 5709 <!-- Decorative shape only -->
5710 <div class="wt-team-shape position-absolute start-50 mb-n7 translate-middle-x d-lg-block d-none" aria-hidden="true"></div> 5711</section> 5712
5713<script> 5714/* Accessibility fix: if image alt comes through empty from CMS, apply fallback alt text */ 5715document.addEventListener('DOMContentLoaded', function () { 5716 document.querySelectorAll('.wt-team-card-img').forEach(function (img) { 5717 var alt = (img.getAttribute('alt') || '').trim(); 5718 var fallback = (img.getAttribute('data-alt-fallback') || '').trim(); 5719 if (!alt && fallback) { 5720 img.setAttribute('alt', fallback); 5721 } 5722 }); 5723}); 5724</script>
5724 5725 5726</div> 5727<!-- ââââââââââââââââââââââââââââââââââââââââââââââââââ 5728 MISSION SECTION â Advanced Care That Knows Your Name 5729 ââââââââââââââââââââââââââââââââââââââââââââââââââ --> 5730<section class="py-lg-7 py-5 px-2 gw-about-mission"> 5731 <div class="container section-image-text"> 5732 <div class="row bg-cream py-lg-4 py-3 px-3 gap-lg-4 position-relative"> 5733 <div class="col-lg-6 col-12 position-relative text-center text-lg-start"> 5734 <div class="lc-block section-img-1 mb-4 mb-lg-0"> 5735 <!-- loading="lazy" + decoding="async" already correct â --> 5736 <img alt="Washington Eye Institute team" class="img-fluid wp-image-15069" decoding="async" height="493" loading="lazy" sizes="(max-width: 530px) 100vw, 530px" src="https://greenwicheye.com/wp-content/uploads/sites/48/2026/02/img-e1770114847860-1-1-1.webp" srcset="https://greenwicheye.com/wp-content/uploads/sites/48/2026/02/img-e1770114847860-1-1-1.webp 530w, 5737 https://greenwicheye.com/wp-content/uploads/sites/48/2026/02/img-e1770114847860-1-1-1-300x279.webp 300w" width="530"> 5738 </div> 5739 </div> 5740 <div class="col-lg-5 col-12 d-flex flex-column justify-content-center gap-3 ps-lg-4"> 5741 <h2 class="wt-section-heading text-center text-lg-start mt-lg-0 mt-sm-3"> 5742 You Shouldn't Need to Google <span class="wt-title-accent">What Your Doctor </span> <br>Just Said 5743 </h2> 5744 <p class="mb-3 text-center text-lg-start"> 5745 The difference between good care and great care usually comes down to something simple: did someone take the time to explain what's going on? Our eye doctors sit with you. They explain what they're seeing, what it means, and what your options look like, trade-offs included. They answer every question, even the ones you think are too basic to ask. <br><br> Because patients who understand their condition make better decisions, and better decisions lead to outcomes we can all feel good about. 5746 </p> 5747 </div> 5748 </div> 5749 </div> 5750</section> 5751<!-- ââââââââââââââââââââââââââââââââââââââââââââââââââ 5752 DOCTOR VIDEO PLAYLIST 5753 ââââââââââââââââââââââââââââââââââââââââââââââââââ --> 5754<section class="py-lg-6 py-4 wt-site-bg position-relative mt-lg-5"> 5755 <div class="position-absolute mt-xl-n8 mt-lg-n7 mt-n5 w-100 d-none d-lg-block" style="line-height: 0;"> 5756 <!-- [A11Y] aria-hidden added to decorative wave SVG --> 5757 <svg aria-hidden="true" class="w-100 d-block" fill="none" preserveAspectRatio="none" style="height: clamp(25px, 4vw, 60px);" viewBox="-28 0 1533 102" xmlns="http://www.w3.org/2000/svg"> 5758 <path d="M1201.79 29.9224C1442.21 29.46 1504.31 94.7343 1504.31 94.7343L-27.6382 101.639C-28.2309 50.8851 118.18 0.214645 229.3 0.000719168C357.038 -0.245198 541.761 53.532 731.289 53.1675C920.818 52.803 1059.51 30.196 1201.79 29.9224Z" fill="#FBFBF5"></path> 5759 </svg> 5760 </div> 5761 <div class="container rounded-3 overflow-hidden"> 5762 <div class="row align-items-center"> 5763 <div class="col-12"> 5764 <h2 class="wt-section-heading text-center my-0 my-lg-4">Dr. Summerfield Talks Eye Care 5765 </h2> 5766 </div> 5767 </div> 5768 5769 5770<style> 5771/* =========================================== 5772 VIDEO CONTAINER 5773 =========================================== */ 5774.wt-continue-video { 5775 border-radius: 0px; 5776 overflow: hidden; 5777 position: relative; 5778} 5779 5780/* =========================================== 5781 PLAY BUTTON OVERLAY (MAIN THUMBNAIL) 5782 =========================================== */ 5783.wt-continue-main-play-btn { 5784 position: absolute; 5785 inset: 0; 5786 display: flex; 5787 align-items: center; 5788 justify-content: center; 5789 pointer-events: none; 5790} 5791 5792.wt-continue-main-play-btn-inner { 5793 width: 65px; 5794 height: 65px; 5795 border-radius: 50%; 5796 background: #9D7F47; 5797 display: flex; 5798 align-items: center; 5799 justify-content: center; 5800 transition: transform 0.3s ease; 5801} 5802 5803.wt-continue-main-play-btn-inner svg path { 5804 fill: #ffffff; 5805} 5806 5807#mainThumbnail {
5808 cursor: pointer; 5809} 5810 5811#mainThumbnail:hover .wt-continue-main-play-btn-inner { 5812 transform: scale(1.1); 5813} 5814 5815/* =========================================== 5816 MAIN THUMBNAIL FADE TRANSITION 5817 =========================================== */ 5818#mainThumbnail img { 5819 transition: opacity 0.3s ease; 5820} 5821 5822#mainThumbnail img.fading { 5823 opacity: 0; 5824} 5825 5826/* =========================================== 5827 VIDEO PLAYLIST CONTAINER 5828 =========================================== */ 5829.wt-continue-video-playlist { 5830 padding: 3px; 5831} 5832 5833/* =========================================== 5834 PLAYLIST ITEMS - DEFAULT STATE 5835 =========================================== */ 5836.wt-continue-video-playlist .wt-continue-video-item { 5837 color: #333; 5838 transition: all 0.3s ease; 5839 background: #fff !important; 5840 padding: 10px !important; 5841 display: flex; 5842 align-items: center; 5843 gap: 12px; 5844 flex-wrap: nowrap; 5845 cursor: pointer; 5846} 5847 5848/* =========================================== 5849 PLAYLIST THUMBNAIL 5850 =========================================== */ 5851.wt-continue-video-thumb { 5852 width: 120px; 5853 min-width: 120px; 5854 height: 68px; 5855 border-radius: 6px; 5856 overflow: hidden; 5857 position: relative; 5858 flex-shrink: 0; 5859} 5860 5861.wt-continue-video-thumb img { 5862 width: 100%; 5863 height: 100%; 5864 object-fit: cover; 5865 display: block; 5866} 5867 5868.wt-continue-thumb-play { 5869 position: absolute; 5870 inset: 0; 5871 display: flex; 5872 align-items: center; 5873 justify-content: center; 5874 background: rgba(0, 0, 0, 0.25); 5875 opacity: 0; 5876 transition: opacity 0.3s ease; 5877} 5878 5879.wt-continue-video-item:hover .wt-continue-thumb-play, 5880.active .wt-continue-video-item .wt-continue-thumb-play { 5881 opacity: 1; 5882} 5883 5884.wt-continue-thumb-play svg { 5885 filter: drop-shadow(0 1px 3px rgba(0,0,0,0.4)); 5886} 5887 5888/* =========================================== 5889 PLAYLIST ITEMS - ACTIVE STATE 5890 =========================================== */ 5891.active .wt-continue-video-item { 5892 background: #9D7F47 !important; 5893} 5894 5895.active h3 { 5896 color: #fff !important; 5897} 5898 5899/* =========================================== 5900 PLAYLIST ITEMS - HOVER STATE 5901 =========================================== */ 5902.wt-continue-video-playlist .wt-continue-video-item:hover { 5903 background: #9D7F47 !important; 5904 transform: translateX(5px); 5905 box-shadow: 0 2px 8px rgba(35, 79, 107, 0.1); 5906} 5907 5908.wt-continue-video-playlist .wt-continue-video-item:hover h3 { 5909 color: #fff !important; 5910} 5911 5912/* =========================================== 5913 ACTIVE ITEM SPECIFIC 5914 =========================================== */ 5915.wt-continue-video-playlist .wt-continue-video-item.active { 5916 background: #234F6B !important; 5917 color: #fff !important; 5918} 5919 5920.wt-continue-video-playlist .wt-continue-video-item.active:hover { 5921 background: #1a3d54 !important; 5922 transform: translateX(5px); 5923} 5924 5925.wt-continue-video-playlist .wt-continue-video-item.active h3 { 5926 color: #fff !important; 5927} 5928 5929/* =========================================== 5930 PLAYLIST ITEM TEXT 5931 =========================================== */ 5932.wt-continue-video-playlist .wt-continue-video-item h3 { 5933 margin: 0; 5934 white-space: normal; 5935 flex: 1; 5936 transition: color 0.3s ease; 5937} 5938 5939.wt-continue-video-playlist h3 { 5940 font-family: 'poppins' !important; 5941} 5942 5943/* =========================================== 5944 RESPONSIVE ADJUSTMENTS 5945 =========================================== */ 5946@media (max-width: 1399px) and (min-width: 1200px) { 5947 .wt-continue-video-thumb { 5948 width: 100px; 5949 min-width: 100px; 5950 height: 56px; 5951 } 5952} 5953 5954@media (max-width: 991px) { 5955 .wt-continue-video-playlist-bg { 5956 background-color: #fff !important; 5957 } 5958} 5959 5960@media (max-width: 991.98px) { 5961 .ratio-21x9 { 5962 --bs-aspect-ratio: 56.25%; 5963 } 5964} 5965 5966@media (max-width: 375px) { 5967 .wt-continue-video-mob-height { 5968 height: 200px; 5969 } 5970} 5971 5972/* =========================================== 5973 VIDEO MODAL STYLES 5974 =========================================== */ 5975#videoModal .modal-content { 5976 overflow: hidden; 5977 border-radius: 8px; 5978} 5979 5980#videoModal .modal-header { 5981 background-color: #ffffff; 5982 padding: 10px 15px; 5983} 5984 5985#videoModal .modal-header .btn-close { 5986 margin: 0; 5987 padding: 8px; 5988 opacity: 0.7; 5989 transition: opacity 0.3s ease; 5990} 5991 5992#videoModal .modal-header .btn-close:hover { 5993 opacity: 1; 5994} 5995 5996#videoModal .modal-body { 5997 background-color: #000; 5998} 5999 6000/* Custom video backdrop â replaces Bootstrap .modal-backdrop */ 6001.wt-video-backdrop { 6002 position: fixed; 6003 inset: 0; 6004 background: rgba(0, 0, 0, 0.6); 6005 z-index: 1050; 6006 opacity: 0; 6007 transition: opacity 0.2s ease; 6008} 6009.wt-video-backdrop.show { 6010 opacity: 1; 6011} 6012 6013/* Main thumbnail â prevent stretch */ 6014#mainThumbnail img { 6015 width: 100%; 6016 height: 100%; 6017 object-fit: cover; 6018} 6019
6020/* Video modal â smaller than modal-xl so X button stays visible */ 6021.wt-video-modal-size { 6022 max-width: 900px; 6023 width: 90%; 6024 margin: 2rem auto; 6025} 6026@media (max-width: 767px) { 6027 .wt-video-modal-size { 6028 max-width: 95%; 6029 width: 95%; 6030 margin: 1rem auto; 6031 } 6032} 6033 6034/* Active playlist highlight */ 6035.playlist-item { 6036 cursor: pointer; 6037 border-radius: 8px; 6038 padding: 4px; 6039 transition: background-color 0.3s ease, box-shadow 0.3s ease; 6040} 6041.playlist-item:hover { 6042 background-color: rgba(138, 113, 64, 0.08); 6043} 6044.playlist-item.active { 6045 background-color: rgba(138, 113, 64, 0.12); 6046 box-shadow: inset 0 0 0 2px var(--wt-gold, #9c8046); 6047 border-radius: 8px; 6048} 6049</style> 6050 6051<section class="py-lg-6 pt-5" style="background-color: #FBFBF5"> 6052 <div class="container"> 6053 <div class="row border-0 shadow-none p-md-3 px-2 py-4 wt-continue-video-container" style="border-radius: 30px;"> 6054 <div class="col-12 d-flex flex-wrap py-lg-4 p-3 px-lg-4 bg-white rounded-4 wt-continue-video-playlist-bg"> 6055 6056 <!-- Main video thumbnail --> 6057 <div class="col-12 col-xl-8 wt-continue-video-mob-height d-flex align-items-center mb-xl-0"> 6058 <div class="ratio ratio-16x9 wt-continue-video h-100" id="mainThumbnail" data-video="UTLR_Nh-Z4o" role="button" tabindex="0" aria-label="Play current video"> 6059 <img src="https://img.youtube.com/vi/UTLR_Nh-Z4o/maxresdefault.jpg" alt="Cataract Lens Options Explained by Dr. Michael Summerfield" id="mainThumbImg" width="792" height="369" class="wp-image-10782" loading="eager"> 6060 6061 <!-- Play button overlay --> 6062 <div class="wt-continue-main-play-btn"> 6063 <div class="wt-continue-main-play-btn-inner"> 6064 <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="#B39E41" class="bi bi-play-fill" viewBox="0 0 16 16" aria-hidden="true"> 6065 <path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393"></path> 6066 </svg> 6067 </div> 6068 </div> 6069 </div> 6070 </div> 6071 6072 <!-- Video playlist --> 6073 <div class="col-12 col-xl-4 ps-xl-4 pt-lg-0 pt-3"> 6074 <div class="wt-continue-video-playlist h-100 d-flex flex-column justify-content-start gap-3"> 6075 6076 <!-- Playlist item 1 (active by default) --> 6077 <div class="playlist-item active mb-lg-0 mb-2" data-video="UTLR_Nh-Z4o"> 6078 <div class="wt-continue-video-item"> 6079 <div class="wt-continue-video-thumb"> 6080 <img src="https://img.youtube.com/vi/UTLR_Nh-Z4o/hqdefault.jpg" alt="Cataract Lens Options Explained thumbnail" loading="lazy"> 6081 <div class="wt-continue-thumb-play"> 6082 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#ffffff" viewBox="0 0 16 16" aria-hidden="true"> 6083 <path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393"></path> 6084 </svg> 6085 </div> 6086 </div> 6087 <h3 class="rfs-7 fw-normal text-dark text-capitalize"> 6088 Cataract Lens Options Explained | Michael Summerfield, MD 6089 </h3> 6090 </div> 6091 </div> 6092 6093 <!-- Playlist item 2 --> 6094 <div class="playlist-item rounded mb-lg-0 mb-2" data-video="Vmg8ZB8hYEg"> 6095 <div class="wt-continue-video-item"> 6096 <div class="wt-continue-video-thumb"> 6097 <img src="https://img.youtube.com/vi/Vmg8ZB8hYEg/hqdefault.jpg" alt="Cataract Surgery Explained thumbnail" loading="lazy"> 6098 <div class="wt-continue-thumb-play"> 6099 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#ffffff" viewBox="0 0 16 16" aria-hidden="true"> 6100 <path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393"></path> 6101 </svg> 6102 </div> 6103 </div> 6104 <h3 class="rfs-7 fw-normal text-dark text-capitalize"> 6105 Cataract Surgery Explained by Dr. Summerfield, MD 6106 </h3> 6107 </div> 6108 </div> 6109 6110 </div> 6111 </div> 6112 6113 </div> 6114 </div> 6115 6116 <!-- Video modal --> 6117 <div class="modal fade" id="videoModal" tabindex="-1" aria-labelledby="videoModalLabel" aria-hidden="true"> 6118 <div class="modal-dialog modal-dialog-centered wt-video-modal-size"> 6119 <div class="modal-content border-0 bg-transparent"> 6120 <div class="modal-header bg-white border-0 rounded-top py-2 px-3 d-flex justify-content-end"> 6121 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close video" data-lc-btn-fixed="v2"><span class="lc-vh">Close</span></button> 6122 </div> 6123 <div class="modal-body p-0"> 6124 <div class="ratio ratio-16x9 wt-continue-video"> 6125 <iframe id="modalVideo" src="" title="YouTube video player" allowfullscreen=""></iframe> 6126 </div> 6127 </div>
6128 </div> 6129 </div> 6130 </div> 6131 6132 </div> 6133 6134 <!-- ============================================================ 6135 SINGLE VIDEO PLAYLIST SCRIPT (no duplicates) 6136 ============================================================ --> 6137
6137<script> 6138 document.addEventListener('DOMContentLoaded', function () { 6139 var mainThumb = document.getElementById('mainThumbnail'); 6140 var mainImg = document.getElementById('mainThumbImg'); 6141 var modalEl = document.getElementById('videoModal'); 6142 var modalIframe = document.getElementById('modalVideo'); 6143 var playlistItems = document.querySelectorAll('.playlist-item'); 6144 6145 /* Create ONE modal instance with no default backdrop */ 6146 var modalInstance = new bootstrap.Modal(modalEl, { 6147 backdrop: false 6148 }); 6149 6150 /* Custom backdrop element */ 6151 var customBackdrop = document.createElement('div'); 6152 customBackdrop.className = 'wt-video-backdrop'; 6153 customBackdrop.addEventListener('click', function () { 6154 modalInstance.hide(); 6155 }); 6156 6157 /* --- Playlist item click --- */ 6158 playlistItems.forEach(function (item) { 6159 item.addEventListener('click', function () { 6160 var videoId = this.getAttribute('data-video'); 6161 6162 /* Update active state */ 6163 playlistItems.forEach(function (el) { el.classList.remove('active'); }); 6164 this.classList.add('active'); 6165 6166 /* Fade-out, swap thumbnail, fade-in */ 6167 mainImg.classList.add('fading'); 6168 setTimeout(function () { 6169 mainThumb.setAttribute('data-video', videoId); 6170 mainImg.src = 'https://img.youtube.com/vi/' + videoId + '/maxresdefault.jpg'; 6171 mainImg.onload = function () { 6172 mainImg.classList.remove('fading'); 6173 }; 6174 /* Fallback if image is cached */ 6175 setTimeout(function () { 6176 mainImg.classList.remove('fading'); 6177 }, 500); 6178 }, 300); 6179 6180 /* Open modal */ 6181 openVideoModal(videoId); 6182 }); 6183 }); 6184 6185 /* --- Main thumbnail click --- */ 6186 mainThumb.addEventListener('click', function () { 6187 var videoId = this.getAttribute('data-video'); 6188 openVideoModal(videoId); 6189 }); 6190 6191 /* --- Keyboard support --- */ 6192 mainThumb.addEventListener('keydown', function (e) { 6193 if (e.key === 'Enter' || e.key === ' ') { 6194 e.preventDefault(); 6195 this.click(); 6196 } 6197 }); 6198 6199 /* --- Modal show: attach custom backdrop --- */ 6200 modalEl.addEventListener('show.bs.modal', function () { 6201 document.body.appendChild(customBackdrop); 6202 requestAnimationFrame(function () { 6203 customBackdrop.classList.add('show'); 6204 }); 6205 }); 6206 6207 /* --- Modal hidden: clear iframe + remove backdrop --- */ 6208 modalEl.addEventListener('hidden.bs.modal', function () { 6209 modalIframe.src = ''; 6210 customBackdrop.classList.remove('show'); 6211 if (customBackdrop.parentNode) { 6212 customBackdrop.parentNode.removeChild(customBackdrop); 6213 } 6214 }); 6215 6216 /* --- Single open helper --- */ 6217 function openVideoModal(videoId) { 6218 modalIframe.src = 'https://www.youtube.com/embed/' + videoId + '?autoplay=1&rel=0'; 6219 modalInstance.show(); 6220 } 6221 }); 6222 </script>
6222 6223</section> 6224 6225 6226 6227 6228 </div> 6229</section> 6230<!-- ââââââââââââââââââââââââââââââââââââââââââââââââââ 6231 OPTICAL SHOWCASE â Image + text with SVG decoration 6232 ââââââââââââââââââââââââââââââââââââââââââââââââââ --> 6233<section class="py-5 py-lg-10 position-relative overflow-hidden optical-showcase wt-site-bg"> 6234 <!-- Decorative SVG blob â aria-hidden already correct â --> 6235 <div aria-hidden="true" class="shape-bg-svg"> 6236 <svg aria-hidden="true" fill="none" height="733" viewBox="0 0 1450 733" width="1450" xmlns="http://www.w3.org/2000/svg"> 6237 <g opacity="0.51"> 6238 <path d="M1170.25 1462.29C564.056 1575.38 -19.0597 1493.16 -582.93 1219.07C-579.367 1212.08 -576.602 1206.32 -573.566 1200.66C-443.961 959.37 -315.732 717.208 -184.049 477.15C-120.385 361.13 -43.058 255.132 53.0891 165.034C106.867 114.685 164.991 71.3792 231.78 41.8546C334.684 -3.62374 439.098 -5.71557 543.77 44.4257C625.965 83.8043 688.741 146.942 743.782 220.348C793.98 287.287 834.061 360.219 867.24 436.94C889.432 488.276 910.723 540.674 926.104 594.399C1007.49 878.528 1086.93 1163.2 1166.96 1447.64C1168.07 1451.64 1168.79 1455.75 1170.3 1462.27L1170.25 1462.29Z" fill="#E0E1B5"></path> 6239 <path d="M966.769 1580.36C364.681 1597.12 -186.186 1425.07 -690.038 1066.99C-685.563 1060.66 -682.038 1055.41 -678.269 1050.31C-517.37 832.829 -357.672 614.276 -194.951 398.334C-116.286 293.974 -25.9142 201.619 80.2742 127.869C139.662 86.6631 202.202 53.0744 271.068 34.4164C377.169 5.67983 478.3 19.9235 571.941 85.6673C645.472 137.298 696.732 209.303 739.002 290.218C777.554 364.004 805.449 442.115 826.118 522.881C839.94 576.922 852.734 631.869 859.625 687.2C896.107 979.831 930.633 1272.69 965.766 1565.42C966.245 1569.53 966.333 1573.7 966.825 1580.36L966.769 1580.36Z" fill="#EEEFD8" fill-opacity="0.85" opacity="0.93"></path> 6240 <path d="M828.733 1595.84C267.085 1558.85 -231.372 1342.33 -670.783 948.629C-666.099 942.857 -662.387 938.052 -658.461 933.418C-490.853 735.658 -324.275 536.749 -155.098 340.655C-73.3151 245.888 18.3744 163.862 123.252 101.373C181.904 66.4643 242.862 39.2604 308.479 27.1716C409.574 8.55601 502.509 31.3991 584.24 103.783C648.419 160.627 690.197 235.361 722.878 317.984C752.684 393.328 772.218 471.945 784.811 552.509C793.228 606.415 800.615 661.112 802.477 715.662C812.362 1004.16 820.407 1292.71 829.029 1581.18C829.137 1585.24 828.876 1589.3 828.786 1595.84L828.733 1595.84Z" fill="#9D7F47" opacity="0.33"></path> 6241 <path d="M622.843 1631.26C133.479 1543.3 -283.05 1283.47 -630.61 853.724C-625.939 848.441 -622.217 844.026 -618.322 839.8C-452.079 659.444 -286.628 477.856 -119.168 299.291C-38.2182 212.997 50.1935 140.217 148.289 87.9754C203.145 58.7962 259.279 37.4525 318.04 31.491C408.569 22.3154 487.926 53.4174 552.654 132.515C603.48 194.632 632.916 272.401 653.603 357.145C672.472 434.424 682.008 514.001 685.263 594.872C687.435 648.981 688.624 703.78 684.98 757.927C665.735 1044.3 644.872 1330.55 624.522 1616.79C624.223 1620.81 623.601 1624.81 622.89 1631.27L622.843 1631.26Z" fill="#EEEFD9" opacity="0.33"></path> 6242 </g> 6243 </svg> 6244 </div> 6245 <div class="container position-relative z-1"> 6246 <div class="row g-4 align-items-center"> 6247 <!-- Image column --> 6248 <div class="col-12 col-lg-7 py-lg-0 py-4"> 6249 <div class="lc-block section-img-1 mb-4 mb-lg-0 rounded-5 overflow-hidden"> 6250 <!-- [IMG-1] loading="lazy" added â below fold --> 6251 <img alt="Optical showcase" class="img-fluid wp-image-13275" decoding="async" height="409" loading="lazy" sizes="(max-width: 614px) 100vw, 614px" src="https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/quiz-img3.webp" srcset="https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/quiz-img3.webp 614w, 6252 https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/quiz-img3-300x200.webp 300w" width="614"> 6253 </div> 6254 </div> 6255 <!-- Heading column --> 6256 <div class="col-12 col-lg-4 order-first order-lg-last"> 6257 <h2 class="wt-section-heading text-center text-lg-start mt-lg-0 mt-n2"> 6258 <span class="wt-title-accent">Seeing Should Make You Happy 6259 </span> Not Feel Like Work. 6260 </h2> 6261 <p class="mb-3 mb-lg-5 text-center text-lg-start"> 6262 Patients tell us all the time, and they're almost always surprised by how much had changed without them noticing. 6263 That's the payoff of doing the work up front. The thorough exam, the honest consultation, the carefully matched lens or treatment plan. When everything on the front end is done right, the result isn't just good. It's better than the patient expected. </p> 6264 </div> 6265 </div> 6266 </div> 6267</section> 6268<!-- ââââââââââââââââââââââââââââââââââââââââââââââââââ 6269 AGE GROUP CARDS 6270 ââââââââââââââââââââââââââââââââââââââââââââââââââ --> 6271<section class="py-lg-7 py-5 position-relative wt-gradient-age"> 6272 <div class="container"> 6273 <div class="row mb-5"> 6274 <div class="col-12 text-center"> 6275 <h2 class="wt-section-heading mb-0"> 6276 Personalized Care 6277 <br>for Every Stage <span class="wt-title-accent">of Life</span> 6278 </h2> 6279 </div> 6280 </div> 6281 <div class="row g-4 justify-content-center"> 6282 <!-- Card 1 --> 6283 <div class="col-12 col-md-6 col-lg-4"> 6284 <div class="card h-100 border-0 shadow-none bg-transparent"> 6285 <div class="d-flex justify-content-start"> 6286 <h3 class="px-4 py-2 bg-card-tag rfs-10 rounded-top-4 roun
6286ded-bottom-0">Prevent 6287 </h3> 6288 <!-- [A11Y] aria-hidden on decorative corner SVG --> 6289 <svg aria-hidden="true" height="40" preserveAspectRatio="none" style="display:block; flex-shrink:0; align-self:flex-end; margin-left:-1px;" viewBox="0 0 28 40" width="28" xmlns="http://www.w3.org/2000/svg"> 6290 <path d="M 0 0 Q 0 40 28 40 L 0 40 Z" fill="rgba(203,205,132,1)"></path> 6291 </svg> 6292 </div> 6293 <div class="card-body p-0 shadow-card bg-white rounded-bottom-4 rounded-end-4"> 6294 <div class="lc-block wt-age-card-height rounded-end-4 rounded-bottom-0"> 6295 <!-- [IMG-1] loading="lazy" added --> 6296 <img alt="eye exam" class="img-fluid w-100 wp-image-17504" decoding="async" height="540" loading="lazy" src="https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/03/170-2.webp" srcset="https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/03/170-2.webp 720w, https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/03/170-2-300x253.webp 300w" width="640"> 6297 </div> 6298 <div class="p-4"> 6299 <h3 class="h2 fw-bold mb-3">Before It Starts 6300 6301 </h3> 6302 <p class="mb-0">Most serious eye conditions give you no warning signs, and the only way to find them is to look. 6303 6304 </p> 6305 </div> 6306 </div> 6307 </div> 6308 </div> 6309 <!-- Card 2 --> 6310 <div class="col-12 col-md-6 col-lg-4"> 6311 <div class="card h-100 border-0 shadow-none bg-transparent"> 6312 <div class="d-flex justify-content-start"> 6313 <h3 class="px-4 py-2 bg-card-tag rfs-10 rounded-top-4 rounded-bottom-0">Manage</h3> 6314 <!-- [A11Y] aria-hidden on decorative corner SVG --> 6315 <svg aria-hidden="true" height="40" preserveAspectRatio="none" style="display:block; flex-shrink:0; align-self:flex-end; margin-left:-1px;" viewBox="0 0 28 40" width="28" xmlns="http://www.w3.org/2000/svg"> 6316 <path d="M 0 0 Q 0 40 28 40 L 0 40 Z" fill="rgba(203,205,132,1)"></path> 6317 </svg> 6318 </div> 6319 <div class="card-body p-0 shadow-card bg-white rounded-bottom-4 rounded-end-4"> 6320 <div class="lc-block wt-age-card-height rounded-end-4 rounded-bottom-0"> 6321 <!-- [IMG-1] loading="lazy" added --> 6322 <!-- Accessibility fix: added missing alt attribute --><img alt="Doctor speaking with a patient at Washington Eye Institute" class="img-fluid w-100 wp-image-17503" decoding="async" height="300" loading="lazy" sizes="(max-width: 300px) 100vw, 300px" src="https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/03/200-2-300x300.webp" srcset="https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/03/200-2-300x300.webp 300w, https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/03/200-2-150x150.webp 150w, https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/03/200-2.webp 720w" width="300"> 6323 </div> 6324 <div class="p-4"> 6325 <h3 class="h2 fw-bold mb-3">Stay Ahead of Changes 6326 </h3> 6327 <p class="mb-0">Some conditions won't go away, but with the right attention, they don't have to get worse. 6328 </p> 6329 </div> 6330 </div> 6331 </div> 6332 </div> 6333 <!-- Card 3 --> 6334 <div class="col-12 col-md-6 col-lg-4"> 6335 <div class="card h-100 border-0 shadow-none bg-transparent"> 6336 <div class="d-flex justify-content-start"> 6337 <h3 class="px-4 py-2 bg-card-tag rfs-10 rounded-top-4 rounded-bottom-0">Treat</h3> 6338 <!-- [A11Y] aria-hidden on decorative corner SVG --> 6339 <svg aria-hidden="true" height="40" preserveAspectRatio="none" style="display:block; flex-shrink:0; align-self:flex-end; margin-left:-1px;" viewBox="0 0 28 40" width="28" xmlns="http://www.w3.org/2000/svg"> 6340 <path d="M 0 0 Q 0 40 28 40 L 0 40 Z" fill="rgba(203,205,132,1)"></path> 6341 </svg> 6342 </div> 6343 <div class="card-body p-0 shadow-card bg-white rounded-bottom-4 rounded-end-4"> 6344 <div class="lc-block wt-age-card-height rounded-end-4 rounded-bottom-0"> 6345 <!-- [IMG-1] loading="lazy" added --> 6346 <img alt="eye surgery" class="img-fluid w-100 wp-image-17502" decoding="async" height="640" loading="lazy" src="https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/03/224-2.webp" srcset="https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/03/224-2.webp 720w, https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/03/224-2-300x300.webp 300w, https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/03/224-2-150x150.webp 150w" width="640"> 6347 </div> 6348 <div class="p-4"> 6349 <h3 class="h2 fw-bold mb-3">A Clear Next Step 6350 </h3> 6351 <p class="mb-0">When managing a condition isn't enough, the right procedure with the right team changes everything. 6352 6353 </p> 6354 </div> 6355 </div>
6356 </div> 6357 </div> 6358 </div> 6359 </div> 6360</section> 6361<!-- ââââââââââââââââââââââââââââââââââââââââââââââââââ 6362 INSURANCE SECTION 6363 ââââââââââââââââââââââââââââââââââââââââââââââââââ --> 6364<section class="py-lg-6 py-5 position-relative overflow-hidden wt-gradient-insurance"> 6365 <div class="container"> 6366 <div class="rounded-5 insurance-hero-wrapper card p-3 shadow position-relative z-1"> 6367 <div class="row g-0 align-items-end rounded-5 position-relative insurance-row"> 6368 <div class="col-lg lc-block h-100 insurance rounded-5 order-lg-1 order-0 position-relative"> 6369 <!-- [IMG-1] loading="lazy" added â below fold --> 6370 <img alt="Insurance information" class="img-fluid w-100 rounded-5 object-fit-cover insurance-img wt-insurance-img wp-image-13922" decoding="async" height="481" loading="lazy" sizes="(max-width: 1440px) 100vw, 1440px" src="https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/home-rectangle-img-3.webp" srcset="https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/home-rectangle-img-3.webp 1440w, 6371 https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/home-rectangle-img-3-300x100.webp 300w, 6372 https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/home-rectangle-img-3-1024x342.webp 1024w, 6373 https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/home-rectangle-img-3-768x257.webp 768w" width="1440"> 6374 </div> 6375 <div class="col-lg-5 bg-white insurance-content rounded-end-5 rounded-bottom-0 position-absolute z-1 bottom-0 order-lg-0 order-1"> 6376 <div class="p-3 px-lg-4 text-center text-lg-start"> 6377 <h2 class="wt-section-heading mb-3"> 6378 Finding Things Earlier. <span class="wt-title-accent"> Treating Things More Precisely. </span> 6379 </h2> 6380 <p class="mb-0"> 6381 Glaucoma, macular degeneration, and diabetic eye disease can all progress for years without a single symptom. When we catch them early, outcomes change dramatically. That's why we rely on comprehensive exams with advanced diagnostic technology, not symptoms, to protect your vision. </p> 6382 </div> 6383 </div> 6384 </div> 6385 </div> 6386 </div> 6387</section> 6388<!-- ââââââââââââââââââââââââââââââââââââââââââââââââââ 6389 VERTICAL SLIDER (partial) 6390 ââââââââââââââââââââââââââââââââââââââââââââââââââ --> 6391<section class="position-relative"> 6392 6393<style> 6394/* ââ Consistent section headings ââ */ 6395.wt-section-heading { 6396 font-size: clamp(1.875rem, 4vw, 3rem); 6397 font-weight: 700; 6398 color: var(--wt-text-dark); 6399 letter-spacing: -0.3px; 6400 line-height: 1.15; 6401} 6402 6403/* ===== VERTICAL SLICK SLIDER ===== */ 6404 6405.home_vertical_slick { 6406 padding: 0; 6407} 6408 6409.vertical_slick_wrapper { 6410 display: grid; 6411 grid-template-columns: 60px 1fr 60px; 6412 align-items: center; 6413 max-width: 660px; 6414 margin: auto; 6415} 6416 6417/* Slider viewport */ 6418.vertical_slick_slider { 6419 position: relative; 6420 height: 100%; 6421 overflow: hidden; 6422} 6423 6424/* Slides */ 6425.slick_item { 6426 display: flex !important; 6427 justify-content: center; 6428 align-items: center; 6429} 6430 6431.vertical_slick_slider .slick-slide { 6432 transition: transform 0.8s cubic-bezier(0.4,0,0.2,1), 6433 opacity 0.4s ease-in-out; 6434 opacity: 0; 6435} 6436 6437.vertical_slick_slider .slick-slide.slick-active { 6438 opacity: 1; 6439} 6440 6441/* Card */ 6442.slick-card { 6443 border-radius: 18px; 6444 overflow: hidden; 6445 box-shadow: 0px 4px 4px 0px #00000040; 6446 background: #ffffff; 6447} 6448 6449/* Image */ 6450.slick-card-img { 6451 height: 230px; 6452 overflow: hidden; 6453} 6454 6455.slick-card-img img { 6456 width: 100%; 6457 height: 100%; 6458 object-fit: cover; 6459 object-position: top 30%; 6460 display: block; 6461} 6462 6463/* ===== Dots ===== */ 6464.vertical_dots { 6465 display: flex; 6466 justify-content: center; 6467 align-items: center; 6468} 6469 6470.vertical_dots .slick-dots { 6471 position: static; 6472 display: flex !important; 6473 flex-direction: column; 6474 gap: 12px; 6475} 6476 6477.vertical_dots .slick-dots li button:before { 6478 color: #c0c7d5; 6479 opacity: 1; 6480 font-size: 12px; 6481} 6482 6483.vertical_dots .slick-dots li.slick-active button:before { 6484 color: #ffaa00; 6485} 6486 6487/* ===== Arrows ===== */ 6488.vertical_arrows { 6489 display: flex; 6490 flex-direction: column; 6491 gap: 12px; 6492 align-items: center; 6493} 6494 6495.vertical_arrows button { 6496 width: 42px; 6497 height: 42px; 6498 border-radius: 999px; 6499 border: none; 6500 background: #BAB6B6; 6501 color: #fff; 6502 font-size: 18px; 6503 cursor: pointer; 6504 box-shadow: 0 2px 8px rgba(0,0,0,0.08); 6505} 6506 6507.vertical_arrows button:hover { 6508 background: #e1e7f5; 6509 color: #000; 6510} 6511 6512.slick-dotted.slick-slider { 6513 margin-bottom: 0px !important; 6514} 6515 6516/* ===== FIXED WAVE POSITION ===== */ 6517 6518.wave-top-wrapper { 6519 height: 140px; 6520 pointer-events: none; 6521 top: -119px !important; /* FIXED */ 6522} 6523 6524/* Add safe space for wave */ 6525section.position-relative { 6526 padding-top: 120px; 6527} 6528 6529/* ===== Responsive ===== */ 6530 6531@media (max-width: 1023px) { 6532 .wave-top-wrapper { 6533 height: 121px; 6534 } 6535} 6536 6537@media (max-width: 767px) { 6538 6539 .wave-top-wrapper { 6540 height: 60px; 6541 top: -50px !important; 6542 } 6543 6544 section.position-relative { 6545 padding-top: 70px; 6546 } 6547 6548 .vertical_slick_wrapper { 6549 grid-template-columns: 1fr; 6550 } 6551 6552 .vertical_arrows { 6553 flex-direction: row !important; 6554 justify-content: center; 6555 } 6556 6557 .vertical_dots .slick-dots { 6558 flex-direction: row !important; 6559 justify-content: center !important; 6560 } 6561 6562 .slick-card-img { 6563 height: 190px; 6564 } 6565 6566 .slick-arrow { 6567 transform: rotate(270deg); 6568 } 6569 6570} 6571 6572</style> 6573 6574<!-- Slick CSS (can also go in head globally) --> 6575<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css"> 6576<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick-theme.css"> 6577 6578<section class="py-lg-6 py-5 position-relative" style="background-color: #F3F4E4"> 6579 <!-- ===== Full-Width Wave at Top ===== --> 6580 <div class="wave-top-wrapper position-absolute top-0 left-0 w-100 z-0 overflow-hidden"> 6581 <svg class="position-absolute top-0 left-0 w-100 h-100 d-block" viewB
6581ox="0 0 1450 112" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"> 6582 <path d="M1212.1 23.927C1449.44 25.104 1592 143.463 1592 143.463L-0.998909 135.46C-2.02883 49.4276 155.731 13.9156 265.43 14.4593C391.534 15.0842 560.706 58.5627 747.81 59.4906C934.914 60.4184 1071.64 23.2305 1212.1 23.927Z" fill="#E3E4BC"></path> 6583 <path d="M1205.5 56.3234C1437.61 56.7471 1497.86 143.789 1497.86 143.789L18.9017 146.352C18.0939 78.8787 135.599 20.268 242.878 20.4635C366.199 20.6882 568.397 84.8591 751.373 85.193C934.349 85.527 1068.15 56.0727 1205.5 56.3234Z" fill="#D6CEAC"></path> 6584 <path d="M1267.02 87.9634C1507.72 93.4361 1518.99 174.52 1518.99 174.52L-14.8568 144.455C-14.1422 82.7926 133.739 24.9201 244.991 27.4493C372.878 30.3567 556.424 100.314 746.175 104.628C935.927 108.943 1124.58 84.7247 1267.02 87.9634Z" fill="#F3F4E4"></path> 6585 </svg> 6586 </div> 6587 6588 <div class="container position-relative"> 6589 6590 6591 <div class="row align-items-center gap-lg-0 gap-5"> 6592 6593 <!-- RIGHT: text (col-lg-5) --> 6594 <div class="col-lg-5 d-flex justify-content-center align-items-center position-relative"> 6595 6596 <div class="lc-block"> 6597 <h2 class="wt-section-heading "> 6598 Retina Care 6599 </h2> 6600 </div> 6601 </div> 6602 6603 <!-- LEFT: vertical slider (col-lg-7) --> 6604 <div class="col-lg-7"> 6605 <div class="home_vertical_slick"> 6606 <div class="vertical_slick_wrapper"> 6607 6608 <!-- dots --> 6609 <div class="vertical_dots order-md-0 order-3 d-none"></div> 6610 6611 <!-- slider --> 6612 <div class="vertical_slick_slider order-2 order-md-2 mt-md-0 mt-3"> 6613 6614 <!-- Slide 1: Medical Retina --> 6615 <div class="slick_item mb-2"> 6616 <div class="slick-card"> 6617 <div class="slick-card-img lc-block"> 6618 <!-- Slide 1 image --> 6619 <img src="https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2025/10/Tunnel-Vision-60-1440x972-px-1-768x518.webp?strip=all" width="768" height="518" srcset="https://washingtoneyeinstitute.com/wp-content/uploads/sites/49/2025/10/Tunnel-Vision-60-1440x972-px-1-768x518.webp 768w, https://washingtoneyeinstitute.com/wp-content/uploads/sites/49/2025/10/Tunnel-Vision-60-1440x972-px-1-300x203.webp 300w, https://washingtoneyeinstitute.com/wp-content/uploads/sites/49/2025/10/Tunnel-Vision-60-1440x972-px-1-1024x691.webp 1024w, https://washingtoneyeinstitute.com/wp-content/uploads/sites/49/2025/10/Tunnel-Vision-60-1440x972-px-1.webp 1440w" sizes="(max-width: 768px) 100vw, 768px" class=" wp-image-6861" alt="Tunnel vision 60 1440x972 px 1" loading="lazy"> 6620 </div> 6621 <div class="slick-card-body p-3 d-flex flex-column"> 6622 <h3 class="slick-card-title rfs-8 fw-semibold my-2">Medical Retina</h3> 6623 <p class="slick-card-text text-dark rfs-7"> 6624 Your retina does the heavy lifting of your vision. It's also one of the few places in the body where blood vessels can be directly observed, which means a retinal exam can reveal signs of diabetes, high blood pressure, and other systemic conditions that have nothing to do with how well you can read a chart. A thorough retinal evaluation tells us more than most patients realize. 6625 </p> 6626 </div> 6627 </div> 6628 </div> 6629 6630 <!-- Slide 2: Macular Degeneration --> 6631 <div class="slick_item mb-2"> 6632 <div class="slick-card"> 6633 <div class="slick-card-body p-3 d-flex flex-column"> 6634 <h3 class="slick-card-title rfs-8 fw-semibold my-2">Macular Degeneration</h3> 6635 <p class="slick-card-text text-dark rfs-7"> 6636 AMD develops gradually, and the earlier we detect it, the more we can do. We monitor for the smallest macular changes using advanced imaging, build a management plan around your specific type and stage, and adjust as things evolve. You always know where things stand, and every treatment decision is based on what your scans actually show. 6637 </p> 6638 </div> 6639 </div> 6640 </div> 6641 6642 <!-- Slide 3: Diabetic Eye Care --> 6643 <div class="slick_item mb-2"> 6644 <div class="slick-card"> 6645 <div class="slick-card-body p-3 d-flex flex-column"> 6646 <h3 class="slick-card-title rfs-8 fw-semibold my-2">Diabetic Eye Care</h3> 6647 <p class="slick-card-text text-dark rfs-7"> 6648 If you have diabetes, your eyes need their own plan, even if your vision seems perfectly fine. Diabetic retinopathy damages blood vessels long before symptoms appear. We perform structured retinal evaluations, coordinate with your primary care team, and intervene when imaging shows it's time. Consistent monitoring is what prevents most diabetic vision loss, and we take the scheduling as seriously as the treatment. 6649 </p> 6650 </div> 6651 </div> 6652 </div> 6653 6654 <!-- Slide 4: Retinal Treatment --> 6655 <div class="slick_item mb-2"> 6656 <div class="slick-card"> 6657 <div class="slick-card-body p-3 d-flex flex-column"> 6658 <h3 class="slick-card-title rfs-8 fw-semibold my-2">Retinal Treatment</h3> 6659 <p class="slick-card-text text-dark rfs-7"> 6660 Some retinal conditions require anti-VEGF injection therapy, which slows abnormal vessel growth and reduces fluid buildup. We administer these in-office, calibrated to your specific condition and response. The goal isn't a single treatment. It's a sustained protocol that keeps your vision stable over the long term. 6661 </p> 6662 </div> 6663 </div> 6664 </div> 6665 6666 <!-- Slide 5: Medical Retina (Alt) --> 6667 <div class="slick_item mb-2"> 6668 <div class="slick-card"> 6669 <div class="slick-card-body p-3 d-flex flex-column"> 6670 <h3 class="slick-card-title rfs-8 fw-semibold my-2">Medical Retina</h3> 6671 <p class="slick-card-text text-dark rfs-7"> 6672 Retinal conditions don't lend themselves to quick fixes. They require structured monitoring, advanced imaging, and a team that c
6672ompares today's scan to last year's scan and knows exactly what changed. That level of tracking is where outcomes are won or lost, and it's how we approach every retinal case. 6673 </p> 6674 </div> 6675 </div> 6676 </div> 6677 6678 <!-- Slide 6: Macular Degeneration (Alt) --> 6679 <div class="slick_item mb-2"> 6680 <div class="slick-card"> 6681 <div class="slick-card-body p-3 d-flex flex-column"> 6682 <h3 class="slick-card-title rfs-8 fw-semibold my-2">Macular Degeneration</h3> 6683 <p class="slick-card-text text-dark rfs-7"> 6684 There's no single protocol for AMD because no two cases progress the same way. We build your plan around the type and stage of your condition, adjust it as new imaging comes in, and make sure you understand what's changing and what it means. The goal: preserve your central vision for as long as possible, with full transparency at every step. 6685 </p> 6686 </div> 6687 </div> 6688 </div> 6689 6690 <!-- Slide 7: Diabetic Eye Care (Alt) --> 6691 <div class="slick_item mb-2"> 6692 <div class="slick-card"> 6693 <div class="slick-card-body p-3 d-flex flex-column"> 6694 <h3 class="slick-card-title rfs-8 fw-semibold my-2">Diabetic Eye Care</h3> 6695 <p class="slick-card-text text-dark rfs-7"> 6696 The relationship between diabetes and your eyes is direct and well-documented: retinal blood vessels take damage long before you notice any visual change. We perform structured evaluations, track vascular changes with advanced imaging, and coordinate with your broader medical team. When treatment is warranted, we move. When it's not, we don't overcorrect. Knowing the difference is the skill. 6697 </p> 6698 </div> 6699 </div> 6700 </div> 6701 6702 <!-- Slide 8: Retinal Treatment (Alt) --> 6703 <div class="slick_item mb-2"> 6704 <div class="slick-card"> 6705 <div class="slick-card-body p-3 d-flex flex-column"> 6706 <h3 class="slick-card-title rfs-8 fw-semibold my-2">Retinal Treatment</h3> 6707 <p class="slick-card-text text-dark rfs-7"> 6708 For conditions that call for it, we administer anti-VEGF injections in-office. These treatments slow abnormal blood vessel growth and reduce retinal fluid. Each patient's protocol is individualized based on imaging response, and our focus is always on sustainable, long-term visual stability rather than short-term metrics. 6709 </p> 6710 </div> 6711 </div> 6712 </div> 6713 6714 </div> 6715 6716 <!-- arrows --> 6717 <div class="vertical_arrows order-4 order-md-0"> 6718 <button aria-label="Previous slide" class="slick-prev-custom" data-lc-btn-fixed="v2"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-chevron-up" viewBox="0 0 16 16"> 6719 <path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z"></path> 6720 </svg><span class="lc-vh">Previous slide</span></button> 6721 <button aria-label="Next slide" class="slick-next-custom" data-lc-btn-fixed="v2"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"> 6722 <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"></path> 6723 </svg><span class="lc-vh">Next slide</span></button> 6724 </div> 6725 6726 </div> 6727 </div> 6728 </div> 6729 6730 6731 6732 </div> 6733 </div> 6734</section> 6735<!-- jQuery + Slick (once per site) -->
6736<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
vendor: 1 bytes, line 6736
6736
6737<script src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
6737 6738
6739<script> 6740jQuery(function ($) { 6741 6742 var $slider = $('.vertical_slick_slider'); 6743 6744 $slider.on('init', function () { 6745 equalizeSlideHeight(); 6746 }); 6747 6748 $slider.slick({ 6749 vertical: true, 6750 verticalSwiping: true, 6751 slidesToShow: 1, 6752 slidesToScroll: 1, 6753 arrows: true, 6754 dots: true, 6755 appendDots: $('.vertical_dots'), 6756 prevArrow: $('.slick-prev-custom'), 6757 nextArrow: $('.slick-next-custom'), 6758 infinite: true, 6759 adaptiveHeight: false, 6760 responsive: [ 6761 { 6762 breakpoint: 576, 6763 settings: { 6764 vertical: false, 6765 verticalSwiping: false, 6766 slidesToShow: 1, 6767 slidesToScroll: 1, 6768 centerMode: false 6769 } 6770 } 6771 ] 6772 }); 6773 6774 function equalizeSlideHeight() { 6775 6776 var maxHeight = 0; 6777 6778 $slider.find('.slick-slide:not(.slick-cloned)').each(function () { 6779 var slideHeight = $(this).outerHeight(); 6780 if (slideHeight > maxHeight) { 6781 maxHeight = slideHeight; 6782 } 6783 }); 6784 6785 $slider.find('.slick-slide').css('min-height', maxHeight + 'px'); 6786 } 6787 6788 $(window).on('resize', function () { 6789 $slider.find('.slick-slide').css('min-height', ''); 6790 equalizeSlideHeight(); 6791 }); 6792 6793}); 6794</script>
6794 6795 6796</section> 6797<!-- ââââââââââââââââââââââââââââââââââââââââââââââââââ 6798 IMAGE + TEXT SECTION 2 â with decorative SVG blobs 6799 ââââââââââââââââââââââââââââââââââââââââââââââââââ --> 6800<section class="pb-lg-7 py-5 px-2 wt-gradient-img-text position-relative overflow-hidden"> 6801 <!-- Decorative SVGs â aria-hidden already correct â on all five --> 6802 <div aria-hidden="true" class="lc-block position-absolute top-0 mt-n4 start-0 d-lg-block d-none"> 6803 <svg aria-hidden="true" fill="none" height="241" viewBox="0 0 364 241" width="364" xmlns="http://www.w3.org/2000/svg"> 6804 <path d="M110.205 -272.727C111.597 -270.639 112.508 -268.823 113.784 -267.425C168.199 -207.707 222.995 -148.389 276.946 -88.1622C303.027 -59.0566 325.446 -26.6284 342.247 10.1575C351.643 30.7292 358.834 52.0454 361.75 74.796C366.257 109.893 359.049 141.741 338.089 169.321C321.718 190.855 300.475 204.563 277.195 215.058C255.637 224.772 233.169 230.855 210.203 234.432C194.942 236.81 179.499 238.88 164.123 239.025C82.7984 239.806 1.49071 239.951 -79.8336 240.296C-80.9769 240.296 -82.1202 240.169 -83.9098 240.078C-69.3615 46.5984 -4.6898 -123.623 110.205 -272.709V-272.727Z" fill="#CBCD84" fill-opacity="0.1"></path> 6805 </svg> 6806 </div> 6807 <div aria-hidden="true" class="lc-block position-absolute bottom-0 mb-n5 d-lg-block d-none"> 6808 <svg aria-hidden="true" fill="none" height="456" viewBox="0 0 363 456" width="363" xmlns="http://www.w3.org/2000/svg"> 6809 <path d="M-83.9598 0.142859C-81.4578 0.142859 -79.6351 0.142859 -77.829 0.142859C-1.47564 0.161016 74.8778 -0.347409 151.231 0.451495C187.685 0.83279 223.757 6.0802 258.785 18.2272C280.989 25.9257 301.933 36.2933 320.243 52.1261C344.02 72.6615 358.8 99.0435 362.114 132.597C365.047 162.193 358.469 189.683 348.03 216.573C337.127 244.589 322.181 269.936 304.882 293.504C292.919 309.791 279.978 325.351 266.54 340.203C215.273 396.907 163.609 453.194 112.11 509.644C111.397 510.424 110.652 511.151 109.558 512.295C-4.78959 364.298 -69.2956 193.968 -83.9598 0.142859Z" fill="#CBCD84" fill-opacity="0.1"></path> 6810 </svg> 6811 </div> 6812 <div aria-hidden="true" class="lc-block position-absolute bottom-0 end-0 mb-n4 d-lg-block d-none"> 6813 <svg aria-hidden="true" fill="none" height="456" viewBox="0 0 363 456" width="363" xmlns="http://www.w3.org/2000/svg"> 6814 <path d="M446.74 0.018845C431.86 193.571 367.487 363.792 253.404 512.025C252.211 510.881 251.084 509.937 250.09 508.83C195.062 448.512 139.653 388.595 85.1715 327.696C56.8538 296.049 32.8608 260.552 16.0591 219.881C7.92334 200.181 2.33932 179.681 0.516651 157.821C-1.85282 129.55 3.91344 103.967 18.1137 80.5084C31.1375 58.9925 49.4803 44.3762 70.209 32.9555C97.4331 17.9397 126.496 10.0597 156.521 5.39333C182.27 1.39881 208.119 -0.0356434 234.084 0.000670416C302.898 0.0914549 371.729 0.0370197 440.543 0.0370197H446.74V0.018845Z" fill="#CBCD84" fill-opacity="0.1"></path> 6815 </svg> 6816 </div> 6817 <div aria-hidden="true" class="lc-block position-absolute bottom-0 start-xl-10 start-5 mb-n7 d-lg-block d-none"> 6818 <svg aria-hidden="true" fill="none" height="127" viewBox="0 0 468 127" width="468" xmlns="http://www.w3.org/2000/svg"> 6819 <path d="M467.317 489.77C290.6 473.447 135.259 402.889 0 277.861C1.24273 276.372 2.28665 275.047 3.41339 273.812C58.2261 213.767 112.691 153.341 168.017 93.8588C194.463 65.4251 223.957 41.0221 257.378 22.7199C276.151 12.4431 295.604 4.56304 316.366 1.38558C348.396 -3.49862 377.442 4.38149 402.579 27.3863C422.214 45.3435 434.707 68.6025 444.285 94.1311C452.321 115.538 457.756 137.78 460.937 160.549C463.555 179.196 465.908 198.098 466.074 216.926C466.919 305.841 466.969 394.755 467.3 483.669C467.3 485.467 467.3 487.264 467.3 489.788L467.317 489.77Z" fill="#CBCD84" fill-opacity="0.1"></path> 6820 </svg> 6821 </div> 6822 <div aria-hidden="true" class="lc-block position-absolute bottom-0 end-xl-10 end-5 mb-n7 d-lg-block d-none"> 6823 <svg aria-hidden="true" fill="none" height="127" viewBox="0 0 469 127" width="469" xmlns="http://www.w3.org/2000/svg"> 6824 <path d="M468.183 277.203C332.195 403.248 176.837 473.824 0.137213 489.857C0.137213 487.496 0.137213 485.535 0.137213 483.574C0.153783 399.726 -0.326768 315.859 0.418871 232.029C0.783405 192.083 5.57206 152.556 16.6738 114.172C23.7159 89.842 33.2766 66.9824 47.6095 46.8283C65.2231 22.0441 88.1557 6.26577 116.623 1.43603C14
68240.599 -2.63111 163.763 2.32576 186.282 11.4587C211.865 21.8263 234.98 36.9873 256.869 54.6177C280.547 73.6824 301.673 95.7974 322.352 118.548C369.261 170.186 416.353 221.643 463.394 273.136C464.687 274.552 466.277 275.623 468.15 277.221L468.183 277.203Z" fill="#CBCD84" fill-opacity="0.1"></path> 6825 </svg> 6826 </div> 6827 <div class="container section-image-text position-relative"> 6828 <div class="row gap-lg-6 gap-4 section-image-text-row justify-content-center"> 6829 <!-- Text column --> 6830 <div class="col-lg-5 col-12 d-flex flex-column justify-content-center gap-3 order-lg-0 order-1"> 6831 <h2 class="wt-section-heading text-center text-lg-start"> 6832 Treat the Cause of <br> Your Dry Eye 6833 </h2> 6834 <p class="text-center text-lg-start"> 6835 You've tried the drops. You've tried the warm compresses. Maybe you've cycled through three or four brands hoping one would finally stick. And your eyes still burn at the end of the day. 6836 <br><br>Artificial tears treat symptoms. The question is: symptoms of what? Meibomian gland dysfunction? Aqueous deficiency? Inflammatory dry eye? An unstable tear film? These are different conditions that look similar on the surface but require completely different approaches.<br><br>Our eye doctors evaluate your tear film, your glands, and the inflammatory markers that point to a specific diagnosis. Then they build a treatment plan around what they find with the latest technologies to provide lasting comfort. 6837 6838 </p> 6839 <div class="text-center text-lg-start mt-3"> 6840 <a class="wt-btn wt-btn-primary" href="/dry-eye-disease-symptoms-causes-and-treatment/"> 6841 Learn About Dry Eye 6842 <svg aria-hidden="true" fill="currentColor" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"> 6843 <path 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" fill-rule="evenodd"></path> 6844 </svg> 6845 </a> 6846 </div> 6847 </div> 6848 <!-- Image column --> 6849 <div class="col-lg-6 col-12 text-lg-start text-center order-lg-1 order-0"> 6850 <div class="lc-block mb-4 mb-lg-0 rounded-5"> 6851 <!-- [IMG-1] loading="lazy" added --> 6852 <!-- Accessibility fix: added missing alt attribute --><img alt="Dry eye specialist at Washington Eye Institute" class="img-fluid rounded-5 wp-image-16906" decoding="async" height="960" loading="lazy" sizes="(max-width: 960px) 100vw, 960px" src="https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/03/dry-eye-7.webp" srcset="https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/03/dry-eye-7.webp 960w, https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/03/dry-eye-7-300x300.webp 300w, https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/03/dry-eye-7-150x150.webp 150w, https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/03/dry-eye-7-768x768.webp 768w" width="960"> 6853 </div> 6854 </div> 6855 </div> 6856 </div> 6857</section> 6858<!-- ââââââââââââââââââââââââââââââââââââââââââââââââââ 6859 QUIZ / PROCEDURE SECTION 6860 ââââââââââââââââââââââââââââââââââââââââââââââââââ --> 6861<section class="pb-5 pt-lg-6 pt-5 position-relative wt-gradient-quiz"> 6862 <div class="container position-relative z-2"> 6863 <div class="row"> 6864 <div class="col-12"> 6865 <div class="text-center pb-lg-5 pb-4"> 6866 <h2 class="wt-section-heading text-capitalize"> 6867 Start With a Simple Self-Assessment 6868 </h2> 6869 <p class="text-dark mt-3 rfs-7 mx-auto wt-desc-narrow"> 6870 Not sure where to start? Our interactive tools help you understand your symptoms, explore your options, and take the next step. 6871 </p> 6872 </div> 6873 </div> 6874 </div> 6875 <div class="row g-4 justify-content-center"> 6876 <!-- Quiz Card 1 â Cataract --> 6877 <div class="col-12 col-md-6 col-lg-4"> 6878 <div class="gw-quiz-card"> 6879 <div class="gw-quiz-card-img"> 6880 <!-- loading="lazy" already correct â -->
6881 <img alt="Cataract self-test" class="wp-image-13276" decoding="async" height="409" loading="lazy" sizes="(max-width: 614px) 100vw, 614px" src="https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/quiz-img1.webp" srcset="https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/quiz-img1.webp 614w, 6882 https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/quiz-img1-300x200.webp 300w" width="614"> 6883 <span class="gw-quiz-badge"> 6884 <!-- [A11Y] aria-hidden on decorative badge SVG --> 6885 <svg aria-hidden="true" fill="none" stroke="#3A6777" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"> 6886 <circle cx="12" cy="12" r="10"></circle> 6887 <polyline points="12 6 12 12 16 14"></polyline> 6888 </svg> 6889 3 min 6890 </span> 6891 </div> 6892 <div class="gw-quiz-card-body"> 6893 <h3>Is It Time for Cataract Surgery?</h3> 6894 <p>Whether you're noticing the first signs of cloudy vision or you're already preparing for surgery, we have the right starting point.</p> 6895 <div class="gw-quiz-cta-group"> 6896 <a class="wt-btn wt-btn-secondary w-100 justify-content-center" href="/cataract-self-test/"> 6897 Take the Cataract Self-Test 6898 <svg aria-hidden="true" fill="currentColor" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"> 6899 <path 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" fill-rule="evenodd"></path> 6900 </svg> 6901 </a> 6902 <a class="wt-btn wt-btn-outline w-100 justify-content-center" href="/iol-lifestyle-guide/"> 6903 Find Your Lens Match 6904 <svg aria-hidden="true" fill="currentColor" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"> 6905 <path 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" fill-rule="evenodd"></path> 6906 </svg> 6907 </a> 6908 </div> 6909 </div> 6910 </div> 6911 </div> 6912 <!-- Quiz Card 3 â Dry Eye --> 6913 <div class="col-12 col-md-6 col-lg-4"> 6914 <div class="gw-quiz-card"> 6915 <div class="gw-quiz-card-img"> 6916 <!-- loading="lazy" already correct â --> 6917 <img alt="Dry eye assessment" class="wp-image-13274" decoding="async" height="409" loading="lazy" sizes="(max-width: 614px) 100vw, 614px" src="https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/quiz-img2.webp" srcset="https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/quiz-img2.webp 614w, 6918 https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/quiz-img2-300x200.webp 300w" width="614"> 6919 <span class="gw-quiz-badge"> 6920 <svg aria-hidden="true" fill="none" stroke="#3A6777" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"> 6921 <circle cx="12" cy="12" r="10"></circle> 6922 <polyline points="12 6 12 12 16 14"></polyline> 6923 </svg> 6924 2 min 6925 </span> 6926 </div> 6927 <div class="gw-quiz-card-body"> 6928 <h3>What Type of Dry Eye Do You Have?</h3> 6929 <p>Dry eye isn't one-size-fits-all. Our clinically validated assessment scores your symptoms and maps you to the right treatment approach.</p> 6930 <div class="gw-quiz-cta-group"> 6931 <a class="wt-btn wt-btn-secondary w-100 justify-content-center" href="/osdi-dry-eye/"> 6932 Assess Your Dry Eye 6933 <svg aria-hidden="true" fill="currentColor" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"> 6934 <path 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" fill-rule="evenodd"></path> 6935 </svg> 6936 </a> 6937 </div> 6938 </div> 6939 </div> 6940 </div> 6941 </div> 6942 </div> 6943</section> 6944<!-- ââââââââââââââââââââââââââââââââââââââââââââââââââ 6945 DRY EYE TECHNOLOGIES 6946 ââââââââââââââââââââââââââââââââââââââââââââââââââ --> 6947<!-- ============================================================ 6948 CATARACT LENS OPTIONS â 4-Card Grid Layout 6949 ============================================================ --> 6950<!-- ============================================================ 6951 CATARACT LENS OPTIONS â Side-by-Side Layout 6952 ============================================================ --> 6953<!-- LENS --> 6954<section class="py-lg-7 py-5 gw-cat-section wt-bg-dry-eye"> 6955 <div class="container"> 6956 <!-- Section Header --> 6957 <div class="row mb-lg-5 mb-4"> 6958 <div class="col-12 text-center"> 6959 <h2 class="wt-section-heading mb-3">Premium Cataract Lenses,<br> Personalized to You</h2> 6960 </div> 6961 </div> 6962 <!-- Card with side-by-side layout --> 6963 <div class="row justify-content-center"> 6964 <div class="col-lg-12"> 6965 <div class="gw-cat-card"> 6966 <div class="row g-lg-4 justify-content-center"> 6967 <!-- Image Column â sticky on desktop --> 6968 <div class="col-lg-5"> 6969 <div class="gw-cat-card-img">
6970 <img alt="Our cataract surgeons discussing premium lens implant options with a patient" decoding="async" height="920" loading="lazy" src="https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/03/cataract-87-1.webp" width="920"> 6971 </div> 6972 </div> 6973 <!-- Content Column --> 6974 <div class="col-lg-6"> 6975 <div class="gw-cat-card-body"> 6976 <!-- PanOptix --> 6977 <div class="gw-cat-lens-item"> 6978 <div class="gw-cat-lens-header"> 6979 <div> 6980 <h3>Our Cataract Surgeons</h3> 6981 <span class="gw-cat-lens-tag gw-cat-tag-featured">10,000+ Cataract Procedures</span> 6982 </div> 6983 </div> 6984 <p> Drs. Summerfield, Chang, and Mekhail don't start with a lens recommendation. They start with you. What do you want to see clearly? What frustrates you most about your current vision? Are you comfortable with trade-offs in exchange for less dependence on glasses? Those answers shape every decision, from the lens to the surgical plan to the post-op expectations. With advanced Lens options, Femtosecond Laser technology and our ambulatory surgery center in Rockville, your vision is in good hands. </p> 6985 <!-- Border --> 6986 <div class="border-bottom border-1 my-4"></div> 6987 <!-- Vivity --> 6988 <div class="gw-cat-lens-item gw-cat-lens-last"> 6989 <div class="gw-cat-lens-header"> 6990 <div> 6991 <h3>Light Adjustable Lens (LAL)</h3> 6992 <span class="gw-cat-lens-tag">Post-Surgical Customization</span> 6993 </div> 6994 </div> 6995 <p>The only IOL that can be fine-tuned after surgery. UV light treatments let your doctor optimize your prescription once your eye has healed â so the final result is truly dialed in.</p> 6996 <div class="gw-cat-highlights"> 6997 <span class="gw-de-hl"><svg aria-hidden="true" viewBox="0 0 24 24"> 6998 <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path> 6999 </svg>Adjustable After Implantation</span> 7000 <span class="gw-de-hl"><svg aria-hidden="true" viewBox="0 0 24 24"> 7001 <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path> 7002 </svg>Optimized to Your Healed Eye</span> 7003 <span class="gw-de-hl"><svg aria-hidden="true" viewBox="0 0 24 24"> 7004 <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path> 7005 </svg>Unmatched Precision</span> 7006 </div> 7007 </div> 7008 <div class="row mt-lg-5 mt-4"> 7009 <div class="col-12"> 7010 <a class="wt-btn wt-btn-primary" href="/light-adjustable-lens-for-cataract-surgery/"> 7011 Learn About LAL 7012 <svg aria-hidden="true" fill="currentColor" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"> 7013 <path 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" fill-rule="evenodd"></path> 7014 </svg> 7015 </a> 7016 </div> 7017 </div> 7018 </div> 7019 </div> 7020 </div> 7021 </div> 7022 </div> 7023 </div> 7024 </div> 7025 <!-- Bottom Row: Toric + LAL as independent cards --> 7026 <div class="row justify-content-center mt-4"> 7027 <div class="col-lg-12"> 7028 <div class="row g-4"> 7029 <!-- Toric --> 7030 <div class="col-md-6"> 7031 <div class="gw-cat-card gw-cat-card-standalone"> 7032 <div class="gw-cat-card-body"> 7033 <div class="gw-cat-lens-item gw-cat-lens-last"> 7034 <div class="gw-cat-lens-header"> 7035 <div> 7036 <h3>Toric Astigmatism-Correcting Lens</h3> 7037 <span class="gw-cat-lens-tag">Astigmatism Correction</span> 7038 </div> 7039 </div> 7040 <p>Corrects astigmatism at the time of cataract surgery â delivering crisper, more focused sight without extra procedures or additional lenses.</p> 7041 <div class="gw-cat-highlights"> 7042 <span class="gw-de-hl"><svg aria-hidden="true" viewBox="0 0 24 24"> 7043 <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path> 7044 </svg>Corrects Astigmatism at the Source</span> 7045 <span class="gw-de-hl"><svg aria-hidden="true" viewBox="0 0 24 24"> 7046 <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path> 7047 </svg>Sharper Unaided Distance Vision</span> 7048 <span class="gw-de-hl"><svg aria-hidden="true" viewBox="0 0 24 24"> 7049 <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path> 7050 </svg>Precise, Custom Alignment</span> 7051 </div> 7052 </div> 7053 </div> 7054 </div> 7055 </div> 7056 <!-- Light Adjustable Lens --> 7057 <div class="col-md-6"> 7058 <div class="gw-cat-card gw-cat-card-standalone"> 7059 <div class="gw-cat-card-body"> 7060 <div class="gw-cat-lens-item gw-cat-lens-last"> 7061 <div class="gw-cat-lens-header"> 7062 <div> 7063 <h3>Vivity</h3> 7064 <span class="gw-cat-lens-tag">Extended Depth of Focus</span> 7065 </div> 7066 </div> 7067 <p>
7067Uses a unique wavefront-shaping design to stretch your focus from far to arm's length â without the halos or glare that can come with traditional multifocal lenses.</p> 7068 <div class="gw-cat-highlights"> 7069 <span class="gw-de-hl"><svg aria-hidden="true" viewBox="0 0 24 24"> 7070 <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path> 7071 </svg>Minimal Halos & Glare</span> 7072 <span class="gw-de-hl"><svg aria-hidden="true" viewBox="0 0 24 24"> 7073 <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path> 7074 </svg>Sharp Distance & Arm's-Length Vision</span> 7075 <span class="gw-de-hl"><svg aria-hidden="true" viewBox="0 0 24 24"> 7076 <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path> 7077 </svg>Ideal for Active Lifestyles</span> 7078 </div> 7079 </div> 7080 </div> 7081 </div> 7082 </div> 7083 </div> 7084 </div> 7085 </div> 7086 <!-- CTA --> 7087 <div class="row mt-lg-5 mt-4"> 7088 <div class="col-12 text-center"> 7089 <a class="wt-btn wt-btn-primary" href="/cataract-surgery-3/"> 7090 Learn More About Cataract Surgery <svg aria-hidden="true" fill="currentColor" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"> 7091 <path 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" fill-rule="evenodd"></path> 7092 </svg> 7093 </a> 7094 </div> 7095 </div> 7096 </div> 7097</section> 7098<style> 7099/* ââ Cataract Lens Section âââââââââââââââââââââââ */ 7100.gw-cat-card { 7101 border-radius: 14px; 7102 overflow: hidden; 7103 background: #fff; 7104 box-shadow: 0 2px 20px rgba(0,0,0,0.06); 7105} 7106 7107/* Image â sticky on desktop, locked to 1:1 ratio */ 7108.gw-cat-card-img { 7109 position: sticky; 7110 top: 20px; 7111 aspect-ratio: 1 / 1; 7112 overflow: hidden; 7113 border-radius: 14px 0 0 0; 7114} 7115.gw-cat-card-img img { 7116 width: 100%; 7117 height: 100%; 7118 object-fit: cover; 7119 object-position: center; 7120 display: block; 7121} 7122 7123/* Content */ 7124.gw-cat-card-body { 7125 padding: 36px 40px 0px; 7126} 7127 7128/* Standalone bottom cards */ 7129.gw-cat-card-standalone { 7130 height: 100%; 7131} 7132.gw-cat-card-standalone .gw-cat-card-body { 7133 padding: 20px; 7134} 7135.gw-cat-card-standalone .gw-cat-lens-item p, 7136.gw-cat-card-standalone .gw-cat-highlights { 7137 padding-left: 0; 7138} 7139 7140/* Individual lens items */ 7141.gw-cat-lens-item { 7142 padding-bottom: 28px; 7143 margin-bottom: 28px; 7144} 7145.gw-cat-lens-item.gw-cat-lens-last { 7146 border-bottom: none; 7147 margin-bottom: 0; 7148 padding-bottom: 0; 7149} 7150.gw-cat-lens-header { 7151 display: flex; 7152 align-items: flex-start; 7153 gap: 16px; 7154 margin-bottom: 12px; 7155} 7156.gw-cat-lens-num { 7157 font-size: 12px; 7158 font-weight: 700; 7159 width: 32px; 7160 height: 32px; 7161 border-radius: 8px; 7162 display: flex; 7163 align-items: center; 7164 justify-content: center; 7165 background: var(--wt-primary-light); 7166 color: var(--wt-primary); 7167 flex-shrink: 0; 7168 margin-top: 2px; 7169} 7170.gw-cat-lens-header h3 { 7171 font-size: clamp(1.1rem, 1.8vw, 1.3rem); 7172 font-weight: 600; 7173 color: #0F172A; 7174 margin-bottom: 6px; 7175 line-height: 1.2; 7176} 7177.gw-cat-lens-tag { 7178 display: inline-block; 7179 font-size: 11px; 7180 font-weight: 700; 7181 letter-spacing: 0.6px; 7182 text-transform: uppercase; 7183 color: #3A6777; 7184 background: rgba(58,103,119,0.08); 7185 padding: 4px 12px; 7186 border-radius: 4px; 7187} 7188.gw-cat-tag-featured { 7189 color: var(--wt-gold); 7190 background: rgba(138,113,64,0.10); 7191} 7192.gw-cat-lens-item p { 7193 font-size: 0.9rem; 7194 line-height: 1.72; 7195 color: var(--wt-text-body); 7196 margin-bottom: 14px; 7197 7198} 7199.gw-cat-highlights { 7200 display: flex; 7201 flex-wrap: wrap; 7202 gap: 6px; 7203} 7204 7205/* ââ Responsive ââââââââââââââââââââââââââââââââââ */ 7206@media (max-width: 991px) { 7207 .gw-cat-card-img { 7208 position: relative; 7209 top: auto; 7210 aspect-ratio: 16 / 9; 7211 border-radius: 14px 14px 0 0; 7212 } 7213} 7214@media (max-width: 767px) { 7215 .gw-cat-card-img { 7216 aspect-ratio: 3 / 2; 7217 } 7218 .gw-cat-card-body { 7219 padding: 24px 20px 28px; 7220 } 7221 .gw-cat-card-standalone .gw-cat-card-body { 7222 padding: 24px 20px 28px; 7223 } 7224 .gw-cat-lens-item p, 7225 .gw-cat-highlights { 7226 padding-left: 0; 7227 } 7228 .gw-cat-lens-header { 7229 gap: 12px; 7230 } 7231} 7232</style> 7233<!-- ââââââââââââââââââââââââââââââââââââââââââââââââââ
7234 VISION SECTION â See Better, Look Better 7235 ââââââââââââââââââââââââââââââââââââââââââââââââââ --> 7236<!-- ââââââââââââââââââââââââââââââââââââââââââââââââââ 7237 LOCATION (partial) 7238 ââââââââââââââââââââââââââââââââââââââââââââââââââ --> 7239 7240<style> 7241 7242/* ââ Consistent section headings ââ */ 7243.wt-section-heading { 7244 font-size: clamp(1.875rem, 4vw, 3rem); 7245 font-weight: 700; 7246 color: var(--wt-text-dark); 7247 letter-spacing: -0.3px; 7248 line-height: 1.15; 7249} 7250 7251/* ===== LAYOUT / WIDTH ===== */ 7252.accordion .row { 7253 flex-wrap: nowrap; 7254 align-items: stretch; 7255} 7256 7257.location { 7258 flex: 1 1 0; 7259 min-width: 0; 7260 transition: flex 0.4s ease; 7261 padding-left: 8px; 7262 padding-right: 8px; 7263} 7264 7265.location.expanded { 7266 flex: 2 1 0; 7267} 7268 7269@media (max-width: 991.98px) { 7270 .accordion .row { 7271 flex-wrap: wrap; 7272 } 7273 .location, 7274 .location.expanded { 7275 flex: 0 0 100%; 7276 max-width: 100%; 7277 } 7278} 7279 7280 7281/* ===== LOCATION CARD ===== */ 7282.wt-location { 7283 transition: box-shadow 0.35s ease, transform 0.35s ease; 7284 will-change: transform, box-shadow; 7285} 7286 7287.wt-location:hover { 7288 box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08); 7289 transform: translateY(-3px); 7290} 7291 7292 7293/* ===== ACTION ROW BEHAVIOR ===== */ 7294.contact-actions-row { 7295 display: flex; 7296 align-items: center; 7297 justify-content: space-between; 7298 width: 100%; 7299} 7300 7301 7302/* ===== GET DIRECTION BUTTON ===== */ 7303.contact--direction-btn { 7304 display: none; 7305 padding: 10px 20px; 7306 transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; 7307 will-change: background-color; 7308} 7309 7310.contact-actions-row.show-direction .contact--direction-btn { 7311 display: inline-flex !important; 7312 align-items: center; 7313} 7314 7315.contact--direction-btn .btn-text { 7316 transition: color 0.3s ease; 7317} 7318 7319.contact--direction-btn svg { 7320 transition: fill 0.3s ease; 7321} 7322 7323.contact--direction-btn:hover .btn-text { 7324 color: white !important; 7325} 7326 7327.contact--direction-btn:hover svg { 7328 fill: white !important; 7329} 7330 7331 7332/* ===== ACCORDION / MAP LOCATION BUTTON ===== */ 7333.contact--accord-btn.ms-md-auto { 7334 margin-left: auto; 7335} 7336 7337.contact--accord-btn { 7338 font-size: 0.95rem; 7339 color: #3D3D3D; 7340 transition: color 0.3s ease, background-color 0.3s ease; 7341} 7342 7343.contact--accord-btn span { 7344 transition: color 0.3s ease; 7345} 7346 7347.contact--accord-btn:hover span { 7348 color: #9D7F47 !important; 7349} 7350 7351.contact--accord-btn.accordion-button { 7352 width: auto !important; 7353 flex-shrink: 0; 7354} 7355 7356 7357/* ===== GENERAL BUTTON ANIMATION ===== */ 7358.btn-anime { 7359 transition: transform 0.3s ease, box-shadow 0.3s ease; 7360} 7361 7362.btn-anime:hover { 7363 transform: scale(1.05); 7364 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); 7365} 7366 7367 7368/* ===== CONTACT INFO LINKS (address, phone, fax) ===== */ 7369.accordion-header .list-unstyled a { 7370 transition: color 0.3s ease, transform 0.25s ease; 7371} 7372 7373.accordion-header .list-unstyled a:hover { 7374 color: #9D7F47 !important; 7375 transform: translateX(4px); 7376} 7377 7378.accordion-header .list-unstyled a p { 7379 transition: color 0.3s ease; 7380} 7381 7382.accordion-header .list-unstyled a:hover p { 7383 color: #9D7F47 !important; 7384} 7385 7386.accordion-header .list-unstyled a svg { 7387 transition: transform 0.3s ease; 7388} 7389 7390.accordion-header .list-unstyled a:hover svg { 7391 transform: scale(1.15); 7392} 7393 7394 7395/* ===== REVIEWS SECTION (fade + slide) ===== */ 7396.contact--reviews-section { 7397 opacity: 0; 7398 pointer-events: none; 7399 transition: opacity 0.4s ease, transform 0.4s ease; 7400 transform: translateY(-5px); 7401} 7402 7403 7404/* ===== BORDER RADIUS â first and last card ===== */ 7405@media (min-width: 992px) { 7406 .location:first-child .wt-location { 7407 border-radius: 18px 0 0 0; 7408 } 7409 .location:last-child .wt-location { 7410 border-radius: 0 18px 0 0; 7411 } 7412 .location:not(:first-child):not(:last-child) .wt-location { 7413 border-radius: 0; 7414 } 7415} 7416 7417 7418/* ===== DECORATION / WAVE ===== */ 7419.top-wave { 7420 position: absolute; 7421 top: 220px; 7422} 7423 7424.decoration-pos { 7425 top: 400px; 7426} 7427 7428.location-bg { 7429 position: relative; 7430 z-index: 1; 7431} 7432 7433.location-bg-svg { 7434 position: absolute; 7435 top: -100px; 7436 z-index: 0; 7437 pointer-events: none; 7438 width: 750px; 7439 height: auto; 7440} 7441 7442@media (max-width: 991.98px) { 7443 .location-bg-svg { 7444 width: 500px; 7445 top: -60px; 7446 left: -100px; 7447 } 7448} 7449 7450@media (max-width: 575.98px) { 7451 .location-bg-svg { 7452 width: 350px; 7453 top: -40px; 7454 left: -80px; 7455 } 7456} 7457 7458.location:first-child .wt-location { 7459 border-radius: 18px 0 0 0; 7460 } 7461 7462 .location:last-child .wt-location { 7463 border-radius: 0 18px 0 0; 7464 } 7465 7466/* Remove the default accordion arrow */ 7467 7468</style> 7469 7470 7471 <section class="pt-5 pb-5 pt-lg-8 pb-lg-8 position-relative contact_section overflow-hidden location-bg" style="background: linear-gradient(299.79deg, #CBCD84 -127.57%, #FFFFFF 43.55%);"> 7472 7473 <div class="location-bg-svg" aria-hidden="true"> 7474 <svg width="1454" height="731" viewBox="0 0 1454 731" fill="none" xmlns="http://www.w3.org/2000/svg"> 7475 <g opacity="0.51"> 7476 <path d="M1185.66 -784.559C579.47 -897.652 -3.64559 -815.435 -567.516 -541.345C-563.953 -534.358 -561.188 -528.591 -558.152 -522.938C-428.546 -281.644 -300.318 -39.4816 -168.635 200.576C-104.971 316.596 -27.6439 422.595 68.5032 512.692C122.282 563.041 180.405 606.347 247.195 635.871C350.098 681.35 454.512 683.442 559.185 633.3C641.38 593.922 704.155 530.784 759.196 457.378C809.394 390.439 849.47
74765 317.507 882.654 240.786C904.846 189.45 926.137 137.052 941.518 83.3275C1022.9 -200.802 1102.34 -485.47 1182.38 -769.91C1183.49 -773.914 1184.21 -778.026 1185.72 -784.544L1185.66 -784.559Z" fill="#E0E1B5"></path> 7477 <path opacity="0.93" d="M973.183 -902.637C371.095 -919.397 -179.772 -747.342 -683.624 -389.261C-679.149 -382.933 -675.624 -377.684 -671.855 -372.588C-510.956 -155.104 -351.258 63.4493 -188.537 279.391C-109.872 383.751 -19.5003 476.106 86.6882 549.856C146.076 591.062 208.616 624.651 277.482 643.309C383.583 672.045 484.714 657.802 578.355 592.058C651.886 540.427 703.146 468.422 745.416 387.507C783.968 313.721 811.863 235.61 832.532 154.844C846.354 100.803 859.148 45.856 866.038 -9.47519C902.521 -302.106 937.047 -594.965 972.18 -887.692C972.659 -891.81 972.747 -895.973 973.239 -902.63L973.183 -902.637Z" fill="#EEEFD8" fill-opacity="0.85"></path> 7478 <path opacity="0.33" d="M831.147 -918.112C269.499 -881.12 -228.958 -664.601 -668.37 -270.901C-663.685 -265.129 -659.973 -260.324 -656.047 -255.69C-488.439 -57.9307 -321.861 140.978 -152.684 337.073C-70.9012 431.84 20.7883 513.866 125.666 576.354C184.318 611.263 245.276 638.467 310.893 650.556C411.988 669.172 504.923 646.329 586.654 573.945C650.833 517.1 692.611 442.367 725.292 359.744C755.098 284.4 774.632 205.783 787.225 125.218C795.642 71.3131 803.029 16.6156 804.891 -37.9337C814.776 -326.433 822.821 -614.98 831.443 -903.454C831.55 -907.511 831.29 -911.577 831.2 -918.11L831.147 -918.112Z" fill="#9D7F47"></path> 7479 <path opacity="0.33" d="M622.258 -953.537C132.894 -865.573 -283.636 -605.746 -631.195 -175.997C-626.525 -170.714 -622.802 -166.299 -618.908 -162.073C-452.664 18.2837 -287.213 199.872 -119.754 378.437C-38.8035 464.73 49.6083 537.51 147.704 589.752C202.56 618.931 258.694 640.275 317.454 646.237C407.984 655.412 487.341 624.31 552.068 545.212C602.895 483.096 632.331 405.326 653.018 320.582C671.886 243.303 681.423 163.726 684.678 82.8555C686.849 28.7463 688.039 -26.0524 684.394 -80.1993C665.15 -366.573 644.287 -652.827 623.937 -939.061C623.638 -943.085 623.016 -947.085 622.304 -953.541L622.258 -953.537Z" fill="#EEEFD9"></path> 7480 </g> 7481 </svg> 7482 </div> 7483 7484 <div class="container px-4"> 7485 <div class="row"> 7486 <div class="col-lg-8 mx-auto mb-4 z-3"> 7487 <div class="lc-block text-center"> 7488 <h2 class="wt-section-heading mb-3">Our Locations</h2> 7489 </div> 7490 </div> 7491 </div> 7492 7493 <div class="accordion position-relative z-3" id="accordionExample"> 7494 <div class="row d-flex flex-row"> 7495 <div class="location mb-xl-4 mb-4"> 7496 <div class="accordion-item overflow-hidden bg-white position-relative wt-location z-2 h-100" style="border: 1px solid #919095"> 7497 7498 <!-- HEADER: title + info + actions row --> 7499 <div class="accordion-header d-flex flex-column justify-content-between px-4 py-4"> 7500 <div class="d-flex justify-content-between flex-wrap align-items-center pb-2"> 7501 <div class="col"> 7502 <a href="https://washingtoneyeinstitute.com/location/cumberland/" class="text-decoration-none text-dark"> 7503 <h3 class="rfs-11 fw-medium text-dark"> 7504 Cumberland 7505 </h3> 7506 </a> 7507 </div> 7508 7509 <div class="col-auto d-flex align-items-center justify-content-lg-end contact--reviews-section"> 7510 <div class="lc-block"> 7511 <img class="img-fluid wp-image-2310" src="https://retinaconsultantsnj.com/wp-content/uploads/sites/10/2025/09/Mask-group.png" width="19" height="18" alt="Mask group" /> 7512 </div> 7513 <div class="lc-block gap-1 d-flex align-items-center text-dark"> 7514 <p class="rfs-7 ms-1 mb-0"> 7515 4.9 7516 <span> 7517 <i class="fa-solid fa-star" style="color: #FFD43B;"></i> 7518 <i class="fa-solid fa-star" style="color: #FFD43B;"></i> 7519 <i class="fa-solid fa-star" style="color: #FFD43B;"></i> 7520 <i class="fa-solid fa-star" style="color: #FFD43B;"></i> 7521 <i class="fa-solid fa-star" style="color: #FFD43B;"></i> 7522 </span> 7523 (95) 7524 </p> 7525 </div> 7526 </div> 7527 </div> 7528 7529 <div class="mb-3"> 7530 <ul class="list-unstyled d-flex flex-column align-items-start mt-4 mb-0"> 7531 <li> 7532 <a href="https://maps.app.goo.gl/6H2zQfJQbYNxWqWr8" target="_blank" class="d-flex text-decoration-none gap-2 justify-content-between align-items-start text-dark"> 7533 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#9D7F47" class="bi bi-geo-alt-fill flex-shrink-0" viewB
7533ox="0 0 16 16"> 7534 <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6"></path> 7535 </svg> 7536 <p class="text-wrap"> 7537 625 Kent Ave Suite 201 7538 Cumberland, MD 7539 21502 7540 </p> 7541 </a> 7542 </li> 7543 7544 <li class="text-start"> 7545 <a href="tel:+1(301)-277-4844" class="d-flex text-decoration-none gap-2 justify-content-between align-items-start text-dark"> 7546 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#9D7F47" class="bi bi-telephone-fill flex-shrink-0" viewBox="0 0 16 16"> 7547 <path fill-rule="evenodd" 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.75 1.75 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> 7548 </svg> 7549 <p class="text-wrap text-dark"> 7550 (301) 277-4844 7551 </p> 7552 </a> 7553 </li> 7554 7555 7556 <li class="text-start mb-0"> 7557 <a href="tel:+1(301)-927-3221" class="d-flex text-decoration-none gap-2 justify-content-between align-items-start text-dark"> 7558 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 7559 <path d="M5 4.5C5 4.10218 5.15804 3.72064 5.43934 3.43934C5.72064 3.15804 6.10218 3 6.5 3H13.5C13.8978 3 14.2794 3.15804 14.5607 3.43934C14.842 3.72064 15 4.10218 15 4.5V7H14V4.5C14 4.36739 13.9473 4.24021 13.8536 4.14645C13.7598 4.05268 13.6326 4 13.5 4H6.5C6.36739 4 6.24021 4.05268 6.14645 4.14645C6.05268 4.24021 6 4.36739 6 4.5V8H11.5C11.1754 8.43274 11 8.95907 11 9.5V15.5C11 16.063 11.186 16.582 11.5 17H4.5C4.10218 17 3.72064 16.842 3.43934 16.5607C3.15804 16.2794 3 15.8978 3 15.5V10C3 9.46957 3.21071 8.96086 3.58579 8.58579C3.96086 8.21071 4.46957 8 5 8V4.5ZM6.25 10.625C6.25 10.4592 6.18415 10.3003 6.06694 10.1831C5.94973 10.0658 5.79076 10 5.625 10C5.45924 10 5.30027 10.0658 5.18306 10.1831C5.06585 10.3003 5 10.4592 5 10.625C5 10.7908 5.06585 10.9497 5.18306 11.0669C5.30027 11.1842 5.45924 11.25 5.625 11.25C5.79076 11.25 5.94973 11.1842 6.06694 11.0669C6.18415 10.9497 6.25 10.7908 6.25 10.625ZM6.25 12.875C6.25 12.7092 6.18415 12.5503 6.06694 12.4331C5.94973 12.3158 5.79076 12.25 5.625 12.25C5.45924 12.25 5.30027 12.3158 5.18306 12.4331C5.06585 12.5503 5 12.7092 5 12.875C5 13.0408 5.06585 13.1997 5.18306 13.3169C5.30027 13.4342 5.45924 13.5 5.625 13.5C5.79076 13.5 5.94973 13.4342 6.06694 13.3169C6.18415 13.1997 6.25 13.0408 6.25 12.875ZM7.875 12.375C7.70924 12.375 7.55027 12.4408 7.43306 12.5581C7.31585 12.6753 7.25 12.8342 7.25 13C7.25 13.1658 7.31585 13.3247 7.43306 13.4419C7.55027 13.5592 7.70924 13.625 7.875 13.625C8.04076 13.625 8.19973 13.5592 8.31694 13.4419C8.43415 13.3247 8.5 13.1658 8.5 13C8.5 12.8342 8.43415 12.6753 8.31694 12.5581C8.19973 12.4408 8.04076 12.375 7.875 12.375ZM8.5 10.625C8.5 10.4592 8.43415 10.3003 8.31694 10.1831C8.19973 10.0658 8.04076 10 7.875 10C7.70924 10 7.55027 10.0658 7.43306 10.1831C7.31585 10.3003 7.25 10.4592 7.25 10.625C7.25 10.7908 7.31585 10.9497 7.43306 11.0669C7.55027 11.1842 7.70924 11.25 7.875 11.25C8.04076 11.25 8.19973 11.1842 8.31694 11.0669C8.43415 10.9497 8.5 10.7908 8.5 10.625ZM13.5 8C13.1022 8 12.7206 8.15804 12.4393 8.43934C12.158 8.72064 12 9.10218 12 9.5V15.5C12 15.8978 12.158 16.2794 12.4393 16.5607C12.7206 16.842 13.1022 17 13.5 17H15.5C15.8978 17 16.2794 16.842 16.5607 16.5607C16.842 16.2794 17 15.8978 17 15.5V9.5C17 9.10218 16.842 8.72064 16.5607 8.43934C16.2794 8.15804 15.8978 8 15.5 8H13.5Z" fill="#9D7F47"></path> 7560 </svg> 7561 <p class="text-wrap text-dark"> 7562 (301) 927-3221 7563 </p> 7564 </a> 7565 </li> 7566 7567 </ul> 7568 </div> 7569 7570 <!-- ACTION ROW --> 7571 <div class="d-flex flex-md-row flex-column align-items-center contact-actions-row justify-content-between"> 7572 7573 <!-- LEFT: Get Direction (visible only when map is open) --> 7574 <a href="https://maps.app.goo.gl/6H2zQfJQbYNxWqWr8" target="_blank" class="contact--direction-btn btn btn-outline-primary rounded-2 text-capitalize rf
7574s-8 lh-sm border-primary fw-normal btn-anime align-items-center text-dark"> 7575 <span class="btn-text text-primary">Get Direction</span> 7576 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#9D7F47" class="ms-2" viewBox="0 0 16 16"> 7577 <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"></path> 7578 </svg> 7579 </a> 7580 7581 <!-- RIGHT: Map Location toggle (always visible) --> 7582 <button aria-label="Map Location" class="accordion-button bg-transparent border-0 px-0 py-2 contact--accord-btn collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse13192" aria-expanded="false" aria-controls="collapse13192" style="box-shadow:none !important;" data-lc-btn-fixed="v2"> 7583 <span class="text-md-end text-start text-dark">Map Location</span> 7584 </button> 7585 7586 </div> 7587 7588 </div> 7589 7590 <!-- MAP BLOCK --> 7591 <div id="collapse13192" class="accordion-collapse collapse bg-secondary-subtle mt-0" data-bs-parent="#accordionExample"> 7592 <div class="accordion-body p-0"> 7593 <div> 7594 <img src="https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Washington-Eye-Institute-Cumberland-1-1.webp?strip=all&w=640" alt="Map for Washington Eye Institute Cumberland (1)" style="max-width:100%;height:auto;" data-lc-ratio-fixed="1"> 7595 7596 </div> 7597 </div> 7598 </div> 7599 7600 </div> 7601 </div> 7602 <div class="location mb-xl-4 mb-4"> 7603 <div class="accordion-item overflow-hidden bg-white position-relative wt-location z-2 h-100" style="border: 1px solid #919095"> 7604 7605 <!-- HEADER: title + info + actions row --> 7606 <div class="accordion-header d-flex flex-column justify-content-between px-4 py-4"> 7607 <div class="d-flex justify-content-between flex-wrap align-items-center pb-2"> 7608 <div class="col"> 7609 <a href="https://washingtoneyeinstitute.com/location/eye-surgery-center/" class="text-decoration-none text-dark"> 7610 <h3 class="rfs-11 fw-medium text-dark"> 7611 Eye Surgery Center 7612 </h3> 7613 </a> 7614 </div> 7615 7616 <div class="col-auto d-flex align-items-center justify-content-lg-end contact--reviews-section"> 7617 <div class="lc-block"> 7618 <img class="img-fluid wp-image-2310" src="https://retinaconsultantsnj.com/wp-content/uploads/sites/10/2025/09/Mask-group.png" width="19" height="18" alt="Mask group" /> 7619 </div> 7620 <div class="lc-block gap-1 d-flex align-items-center text-dark"> 7621 <p class="rfs-7 ms-1 mb-0"> 7622 4.7 7623 <span> 7624 <i class="fa-solid fa-star" style="color: #FFD43B;"></i> 7625 <i class="fa-solid fa-star" style="color: #FFD43B;"></i> 7626 <i class="fa-solid fa-star" style="color: #FFD43B;"></i> 7627 <i class="fa-solid fa-star" style="color: #FFD43B;"></i> 7628 <i class="fa-solid fa-star" style="color: #FFD43B;"></i> 7629 </span> 7630 (285) 7631 </p> 7632 </div> 7633 </div> 7634 </div> 7635 7636 <div class="mb-3"> 7637 <ul class="list-unstyled d-flex flex-column align-items-start mt-4 mb-0"> 7638 <li> 7639 <a href="https://maps.app.goo.gl/GnquTjHp52fhc3LS7" target="_blank" class="d-flex text-decoration-none gap-2 justify-content-between align-items-start text-dark"> 7640 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#9D7F47" class="bi bi-geo-alt-fill flex-shrink-0" viewBox="0 0 16 16"> 7641 <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6"></path> 7642 </svg> 7643 <p class="text-wrap"> 7644 14995 Shady Grove Rd Suite 110 7645 Rockville, MD 7646 20850 7647 </p> 7648 </a> 7649 </li> 7650 7651 <li class="text-start"> 7652 <a href="tel:+1(301)-277-4844" class="d-flex text-decoration-none gap-2 justify-content-between align-items-start text-dark"> 7653 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#9D7F47" class="bi bi-telephone-fill flex-shrink-0" viewB
7653ox="0 0 16 16"> 7654 <path fill-rule="evenodd" 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.75 1.75 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> 7655 </svg> 7656 <p class="text-wrap text-dark"> 7657 (301) 277-4844 7658 </p> 7659 </a> 7660 </li> 7661 7662 7663 </ul> 7664 </div> 7665 7666 <!-- ACTION ROW --> 7667 <div class="d-flex flex-md-row flex-column align-items-center contact-actions-row justify-content-between"> 7668 7669 <!-- LEFT: Get Direction (visible only when map is open) --> 7670 <a href="https://maps.app.goo.gl/GnquTjHp52fhc3LS7" target="_blank" class="contact--direction-btn btn btn-outline-primary rounded-2 text-capitalize rfs-8 lh-sm border-primary fw-normal btn-anime align-items-center text-dark"> 7671 <span class="btn-text text-primary">Get Direction</span> 7672 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#9D7F47" class="ms-2" viewBox="0 0 16 16"> 7673 <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"></path> 7674 </svg> 7675 </a> 7676 7677 <!-- RIGHT: Map Location toggle (always visible) --> 7678 <button aria-label="Map Location" class="accordion-button bg-transparent border-0 px-0 py-2 contact--accord-btn collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse13202" aria-expanded="false" aria-controls="collapse13202" style="box-shadow:none !important;" data-lc-btn-fixed="v2"> 7679 <span class="text-md-end text-start text-dark">Map Location</span> 7680 </button> 7681 7682 </div> 7683 7684 </div> 7685 7686 <!-- MAP BLOCK --> 7687 <div id="collapse13202" class="accordion-collapse collapse bg-secondary-subtle mt-0" data-bs-parent="#accordionExample"> 7688 <div class="accordion-body p-0"> 7689 <div> 7690 <img src="https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Washington-Eye-Surgery-Center-Rockville-1-1-1.webp?strip=all&w=640" alt="Map for Washington Eye Surgery Center Rockville (1) (1)" style="max-width:100%;height:auto;" data-lc-ratio-fixed="1"> 7691 7692 </div> 7693 </div> 7694 </div> 7695 7696 </div> 7697 </div> 7698 <div class="location mb-xl-4 mb-4"> 7699 <div class="accordion-item overflow-hidden bg-white position-relative wt-location z-2 h-100" style="border: 1px solid #919095"> 7700 7701 <!-- HEADER: title + info + actions row --> 7702 <div class="accordion-header d-flex flex-column justify-content-between px-4 py-4"> 7703 <div class="d-flex justify-content-between flex-wrap align-items-center pb-2"> 7704 <div class="col"> 7705 <a href="https://washingtoneyeinstitute.com/location/greenbelt/" class="text-decoration-none text-dark"> 7706 <h3 class="rfs-11 fw-medium text-dark"> 7707 Greenbelt 7708 </h3> 7709 </a> 7710 </div> 7711 7712 <div class="col-auto d-flex align-items-center justify-content-lg-end contact--reviews-section"> 7713 <div class="lc-block"> 7714 <img class="img-fluid wp-image-2310" src="https://retinaconsultantsnj.com/wp-content/uploads/sites/10/2025/09/Mask-group.png" width="19" height="18" alt="Mask group" /> 7715 </div> 7716 <div class="lc-block gap-1 d-flex align-items-center text-dark"> 7717 <p class="rfs-7 ms-1 mb-0"> 7718 4.7 7719 <span> 7720 <i class="fa-solid fa-star" style="color: #FFD43B;"></i> 7721 <i class="fa-solid fa-star" style="color: #FFD43B;"></i> 7722 <i class="fa-solid fa-star" style="color: #FFD43B;"></i> 7723 <i class="fa-solid fa-star" style="color: #FFD43B;"></i> 7724 <i class="fa-solid fa-star" style="color: #FFD43B;"></i> 7725 </span> 7726 (1097) 7727 </p> 7728 </div> 7729 </div> 7730 </div> 7731 7732 <div class="mb-3"> 7733 <ul class="list-unstyled d-flex flex-column align-items-start mt-4 mb-0"> 7734 <li> 7735 <a href="https://maps.app.goo.gl/URHjubJ9vgv2n2pG6" target="_blank" class="d-flex text-decoration-none gap-2 justify-content-between align-items-start text-dark"> 7736 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#9D7F47" class="bi bi-geo-alt-fill flex-shrink-0" viewB
7736ox="0 0 16 16"> 7737 <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6"></path> 7738 </svg> 7739 <p class="text-wrap"> 7740 7500 Greenway Center Dr Ste 300 7741 Greenbelt, MD 7742 20770 7743 </p> 7744 </a> 7745 </li> 7746 7747 <li class="text-start"> 7748 <a href="tel:+1(301)-800-7490" class="d-flex text-decoration-none gap-2 justify-content-between align-items-start text-dark"> 7749 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#9D7F47" class="bi bi-telephone-fill flex-shrink-0" viewBox="0 0 16 16"> 7750 <path fill-rule="evenodd" 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.75 1.75 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> 7751 </svg> 7752 <p class="text-wrap text-dark"> 7753 (301) 800-7490 7754 </p> 7755 </a> 7756 </li> 7757 7758 7759 <li class="text-start mb-0"> 7760 <a href="tel:+1(301)-927-3221" class="d-flex text-decoration-none gap-2 justify-content-between align-items-start text-dark"> 7761 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 7762 <path d="M5 4.5C5 4.10218 5.15804 3.72064 5.43934 3.43934C5.72064 3.15804 6.10218 3 6.5 3H13.5C13.8978 3 14.2794 3.15804 14.5607 3.43934C14.842 3.72064 15 4.10218 15 4.5V7H14V4.5C14 4.36739 13.9473 4.24021 13.8536 4.14645C13.7598 4.05268 13.6326 4 13.5 4H6.5C6.36739 4 6.24021 4.05268 6.14645 4.14645C6.05268 4.24021 6 4.36739 6 4.5V8H11.5C11.1754 8.43274 11 8.95907 11 9.5V15.5C11 16.063 11.186 16.582 11.5 17H4.5C4.10218 17 3.72064 16.842 3.43934 16.5607C3.15804 16.2794 3 15.8978 3 15.5V10C3 9.46957 3.21071 8.96086 3.58579 8.58579C3.96086 8.21071 4.46957 8 5 8V4.5ZM6.25 10.625C6.25 10.4592 6.18415 10.3003 6.06694 10.1831C5.94973 10.0658 5.79076 10 5.625 10C5.45924 10 5.30027 10.0658 5.18306 10.1831C5.06585 10.3003 5 10.4592 5 10.625C5 10.7908 5.06585 10.9497 5.18306 11.0669C5.30027 11.1842 5.45924 11.25 5.625 11.25C5.79076 11.25 5.94973 11.1842 6.06694 11.0669C6.18415 10.9497 6.25 10.7908 6.25 10.625ZM6.25 12.875C6.25 12.7092 6.18415 12.5503 6.06694 12.4331C5.94973 12.3158 5.79076 12.25 5.625 12.25C5.45924 12.25 5.30027 12.3158 5.18306 12.4331C5.06585 12.5503 5 12.7092 5 12.875C5 13.0408 5.06585 13.1997 5.18306 13.3169C5.30027 13.4342 5.45924 13.5 5.625 13.5C5.79076 13.5 5.94973 13.4342 6.06694 13.3169C6.18415 13.1997 6.25 13.0408 6.25 12.875ZM7.875 12.375C7.70924 12.375 7.55027 12.4408 7.43306 12.5581C7.31585 12.6753 7.25 12.8342 7.25 13C7.25 13.1658 7.31585 13.3247 7.43306 13.4419C7.55027 13.5592 7.70924 13.625 7.875 13.625C8.04076 13.625 8.19973 13.5592 8.31694 13.4419C8.43415 13.3247 8.5 13.1658 8.5 13C8.5 12.8342 8.43415 12.6753 8.31694 12.5581C8.19973 12.4408 8.04076 12.375 7.875 12.375ZM8.5 10.625C8.5 10.4592 8.43415 10.3003 8.31694 10.1831C8.19973 10.0658 8.04076 10 7.875 10C7.70924 10 7.55027 10.0658 7.43306 10.1831C7.31585 10.3003 7.25 10.4592 7.25 10.625C7.25 10.7908 7.31585 10.9497 7.43306 11.0669C7.55027 11.1842 7.70924 11.25 7.875 11.25C8.04076 11.25 8.19973 11.1842 8.31694 11.0669C8.43415 10.9497 8.5 10.7908 8.5 10.625ZM13.5 8C13.1022 8 12.7206 8.15804 12.4393 8.43934C12.158 8.72064 12 9.10218 12 9.5V15.5C12 15.8978 12.158 16.2794 12.4393 16.5607C12.7206 16.842 13.1022 17 13.5 17H15.5C15.8978 17 16.2794 16.842 16.5607 16.5607C16.842 16.2794 17 15.8978 17 15.5V9.5C17 9.10218 16.842 8.72064 16.5607 8.43934C16.2794 8.15804 15.8978 8 15.5 8H13.5Z" fill="#9D7F47"></path> 7763 </svg> 7764 <p class="text-wrap text-dark"> 7765 (301) 927-3221 7766 </p> 7767 </a> 7768 </li> 7769 7770 </ul> 7771 </div> 7772 7773 <!-- ACTION ROW --> 7774 <div class="d-flex flex-md-row flex-column align-items-center contact-actions-row justify-content-between"> 7775 7776 <!-- LEFT: Get Direction (visible only when map is open) --> 7777 <a href="https://maps.app.goo.gl/URHjubJ9vgv2n2pG6" target="_blank" class="contact--direction-btn btn btn-outline-primary rounded-2 text-capitalize rf
7777s-8 lh-sm border-primary fw-normal btn-anime align-items-center text-dark"> 7778 <span class="btn-text text-primary">Get Direction</span> 7779 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#9D7F47" class="ms-2" viewBox="0 0 16 16"> 7780 <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"></path> 7781 </svg> 7782 </a> 7783 7784 <!-- RIGHT: Map Location toggle (always visible) --> 7785 <button aria-label="Map Location" class="accordion-button bg-transparent border-0 px-0 py-2 contact--accord-btn collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse13186" aria-expanded="false" aria-controls="collapse13186" style="box-shadow:none !important;" data-lc-btn-fixed="v2"> 7786 <span class="text-md-end text-start text-dark">Map Location</span> 7787 </button> 7788 7789 </div> 7790 7791 </div> 7792 7793 <!-- MAP BLOCK --> 7794 <div id="collapse13186" class="accordion-collapse collapse bg-secondary-subtle mt-0" data-bs-parent="#accordionExample"> 7795 <div class="accordion-body p-0"> 7796 <div> 7797 <img src="https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Washington-Eye-Institute-Greenbelt-5.webp?strip=all&w=640" alt="Map for Washington Eye Institute Greenbelt (5)" style="max-width:100%;height:auto;" data-lc-ratio-fixed="1"> 7798 7799 </div> 7800 </div> 7801 </div> 7802 7803 </div> 7804 </div> 7805 <div class="location mb-xl-4 mb-4"> 7806 <div class="accordion-item overflow-hidden bg-white position-relative wt-location z-2 h-100" style="border: 1px solid #919095"> 7807 7808 <!-- HEADER: title + info + actions row --> 7809 <div class="accordion-header d-flex flex-column justify-content-between px-4 py-4"> 7810 <div class="d-flex justify-content-between flex-wrap align-items-center pb-2"> 7811 <div class="col"> 7812 <a href="https://washingtoneyeinstitute.com/location/rockville/" class="text-decoration-none text-dark"> 7813 <h3 class="rfs-11 fw-medium text-dark"> 7814 Rockville 7815 </h3> 7816 </a> 7817 </div> 7818 7819 <div class="col-auto d-flex align-items-center justify-content-lg-end contact--reviews-section"> 7820 <div class="lc-block"> 7821 <img class="img-fluid wp-image-2310" src="https://retinaconsultantsnj.com/wp-content/uploads/sites/10/2025/09/Mask-group.png" width="19" height="18" alt="Mask group" /> 7822 </div> 7823 <div class="lc-block gap-1 d-flex align-items-center text-dark"> 7824 <p class="rfs-7 ms-1 mb-0"> 7825 4.7 7826 <span> 7827 <i class="fa-solid fa-star" style="color: #FFD43B;"></i> 7828 <i class="fa-solid fa-star" style="color: #FFD43B;"></i> 7829 <i class="fa-solid fa-star" style="color: #FFD43B;"></i> 7830 <i class="fa-solid fa-star" style="color: #FFD43B;"></i> 7831 <i class="fa-solid fa-star" style="color: #FFD43B;"></i> 7832 </span> 7833 (358) 7834 </p> 7835 </div> 7836 </div> 7837 </div> 7838 7839 <div class="mb-3"> 7840 <ul class="list-unstyled d-flex flex-column align-items-start mt-4 mb-0"> 7841 <li> 7842 <a href="https://maps.app.goo.gl/cwi7Bb9hL1AghEZE9" target="_blank" class="d-flex text-decoration-none gap-2 justify-content-between align-items-start text-dark"> 7843 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#9D7F47" class="bi bi-geo-alt-fill flex-shrink-0" viewBox="0 0 16 16"> 7844 <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6"></path> 7845 </svg> 7846 <p class="text-wrap"> 7847 14995 Shady Grove Rd Suite 110 7848 Rockville, MD 7849 20850 7850 </p> 7851 </a> 7852 </li> 7853 7854 <li class="text-start"> 7855 <a href="tel:+1(301)-277-4844" class="d-flex text-decoration-none gap-2 justify-content-between align-items-start text-dark"> 7856 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#9D7F47" class="bi bi-telephone-fill flex-shrink-0" viewB
7856ox="0 0 16 16"> 7857 <path fill-rule="evenodd" 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.75 1.75 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> 7858 </svg> 7859 <p class="text-wrap text-dark"> 7860 (301) 277-4844 7861 </p> 7862 </a> 7863 </li> 7864 7865 7866 <li class="text-start mb-0"> 7867 <a href="tel:+1(301)-927-3221" class="d-flex text-decoration-none gap-2 justify-content-between align-items-start text-dark"> 7868 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 7869 <path d="M5 4.5C5 4.10218 5.15804 3.72064 5.43934 3.43934C5.72064 3.15804 6.10218 3 6.5 3H13.5C13.8978 3 14.2794 3.15804 14.5607 3.43934C14.842 3.72064 15 4.10218 15 4.5V7H14V4.5C14 4.36739 13.9473 4.24021 13.8536 4.14645C13.7598 4.05268 13.6326 4 13.5 4H6.5C6.36739 4 6.24021 4.05268 6.14645 4.14645C6.05268 4.24021 6 4.36739 6 4.5V8H11.5C11.1754 8.43274 11 8.95907 11 9.5V15.5C11 16.063 11.186 16.582 11.5 17H4.5C4.10218 17 3.72064 16.842 3.43934 16.5607C3.15804 16.2794 3 15.8978 3 15.5V10C3 9.46957 3.21071 8.96086 3.58579 8.58579C3.96086 8.21071 4.46957 8 5 8V4.5ZM6.25 10.625C6.25 10.4592 6.18415 10.3003 6.06694 10.1831C5.94973 10.0658 5.79076 10 5.625 10C5.45924 10 5.30027 10.0658 5.18306 10.1831C5.06585 10.3003 5 10.4592 5 10.625C5 10.7908 5.06585 10.9497 5.18306 11.0669C5.30027 11.1842 5.45924 11.25 5.625 11.25C5.79076 11.25 5.94973 11.1842 6.06694 11.0669C6.18415 10.9497 6.25 10.7908 6.25 10.625ZM6.25 12.875C6.25 12.7092 6.18415 12.5503 6.06694 12.4331C5.94973 12.3158 5.79076 12.25 5.625 12.25C5.45924 12.25 5.30027 12.3158 5.18306 12.4331C5.06585 12.5503 5 12.7092 5 12.875C5 13.0408 5.06585 13.1997 5.18306 13.3169C5.30027 13.4342 5.45924 13.5 5.625 13.5C5.79076 13.5 5.94973 13.4342 6.06694 13.3169C6.18415 13.1997 6.25 13.0408 6.25 12.875ZM7.875 12.375C7.70924 12.375 7.55027 12.4408 7.43306 12.5581C7.31585 12.6753 7.25 12.8342 7.25 13C7.25 13.1658 7.31585 13.3247 7.43306 13.4419C7.55027 13.5592 7.70924 13.625 7.875 13.625C8.04076 13.625 8.19973 13.5592 8.31694 13.4419C8.43415 13.3247 8.5 13.1658 8.5 13C8.5 12.8342 8.43415 12.6753 8.31694 12.5581C8.19973 12.4408 8.04076 12.375 7.875 12.375ZM8.5 10.625C8.5 10.4592 8.43415 10.3003 8.31694 10.1831C8.19973 10.0658 8.04076 10 7.875 10C7.70924 10 7.55027 10.0658 7.43306 10.1831C7.31585 10.3003 7.25 10.4592 7.25 10.625C7.25 10.7908 7.31585 10.9497 7.43306 11.0669C7.55027 11.1842 7.70924 11.25 7.875 11.25C8.04076 11.25 8.19973 11.1842 8.31694 11.0669C8.43415 10.9497 8.5 10.7908 8.5 10.625ZM13.5 8C13.1022 8 12.7206 8.15804 12.4393 8.43934C12.158 8.72064 12 9.10218 12 9.5V15.5C12 15.8978 12.158 16.2794 12.4393 16.5607C12.7206 16.842 13.1022 17 13.5 17H15.5C15.8978 17 16.2794 16.842 16.5607 16.5607C16.842 16.2794 17 15.8978 17 15.5V9.5C17 9.10218 16.842 8.72064 16.5607 8.43934C16.2794 8.15804 15.8978 8 15.5 8H13.5Z" fill="#9D7F47"></path> 7870 </svg> 7871 <p class="text-wrap text-dark"> 7872 (301) 927-3221 7873 </p> 7874 </a> 7875 </li> 7876 7877 </ul> 7878 </div> 7879 7880 <!-- ACTION ROW --> 7881 <div class="d-flex flex-md-row flex-column align-items-center contact-actions-row justify-content-between"> 7882 7883 <!-- LEFT: Get Direction (visible only when map is open) --> 7884 <a href="https://maps.app.goo.gl/cwi7Bb9hL1AghEZE9" target="_blank" class="contact--direction-btn btn btn-outline-primary rounded-2 text-capitalize rfs-8 lh-sm border-primary fw-normal btn-anime align-items-center text-dark"> 7885 <span class="btn-text text-primary">Get Direction</span> 7886 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#9D7F47" class="ms-2" viewBox="0 0 16 16"> 7887 <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"></path> 7888 </svg> 7889 </a> 7890 7891 <!-- RIGHT: Map Location toggle (always visible) --> 7892 <button aria-label="Map Location" class="accordion-button bg-transparent border-0 px-0 py-2 contact--accord-btn collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse13189" aria-expanded="false" aria-controls="collapse13189" style="box-shadow:none !important;" data-lc-btn-fixed="v2"> 7893 <span class="text-md-end text-start text-dark">Map Location</span> 7894 </button> 7895 7896 </div> 7897 7898 </div> 7899 7900 <!-- MAP BLOCK --> 7901 <div id="collapse13189" class="accordion-collapse collapse bg-secondary-subtle mt-0" data-bs-parent="#accordionExample"> 7902 <div class="accordion-body p-0"> 7903 <div> 7904 <img src="https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Washington-Eye-Institute-Rockville-1.webp?strip=all&w=640" alt="Map for Washington Eye Institute Rockville" style="max-width:100%;height:auto;" data-lc-ratio-fixed="1"> 7905 7906 </div> 7907 </div> 7908 </div> 7909 7910 </div> 7911 </div> 7912 7913 </div> 7914 </div> 7915 </div> 7916 </section> 7917 7918
7919<script> 7920document.addEventListener('DOMContentLoaded', function () { 7921 var accordion = document.getElementById('accordionExample'); 7922 if (!accordion) return; 7923 7924 accordion.addEventListener('shown.bs.collapse', function (e) { 7925 var item = e.target.closest('.accordion-item'); 7926 var locationCol = item.closest('.location'); 7927 7928 accordion.querySelectorAll('.location').forEach(function (col) { 7929 col.classList.remove('expanded'); 7930 }); 7931 if (locationCol) locationCol.classList.add('expanded'); 7932 7933 // show reviews with slide-in 7934 var reviews = item.querySelector('.contact--reviews-section'); 7935 if (reviews) { 7936 reviews.style.opacity = '1'; 7937 reviews.style.pointerEvents = 'auto'; 7938 reviews.style.transform = 'translateY(0)'; 7939 } 7940 7941 // mark this row as "show-direction" 7942 var actionsRow = item.querySelector('.contact-actions-row'); 7943 if (actionsRow) { 7944 actionsRow.classList.add('show-direction'); 7945 } 7946 }); 7947 7948 accordion.addEventListener('hidden.bs.collapse', function (e) { 7949 var item = e.target.closest('.accordion-item'); 7950 var locationCol = item.closest('.location'); 7951 if (locationCol) locationCol.classList.remove('expanded'); 7952 7953 // hide reviews with slide-out 7954 var reviews = item.querySelector('.contact--reviews-section'); 7955 if (reviews) { 7956 reviews.style.opacity = '0'; 7957 reviews.style.pointerEvents = 'none'; 7958 reviews.style.transform = 'translateY(-5px)'; 7959 } 7960 7961 // remove "show-direction" 7962 var actionsRow = item.querySelector('.contact-actions-row'); 7963 if (actionsRow) { 7964 actionsRow.classList.remove('show-direction'); 7965 } 7966 }); 7967}); 7968</script>
7968 7969 7970 7971 7972<!-- ââââââââââââââââââââââââââââââââââââââââââââââââââ 7973 REVIEWS / TESTIMONIALS 7974 ââââââââââââââââââââââââââââââââââââââââââââââââââ --> 7975<section class="wt-gradient-review"> 7976 7977<style> 7978 7979/* Desktop carousel: reserve vertical space so the row doesn't move */ 7980/* #desktopCarousel .carousel-inner { 7981 min-height: 560px; 7982 display: flex; 7983} 7984 7985#tabletCarousel .carousel-inner { 7986 min-height: 360px; 7987 display: flex; 7988} 7989 */ 7990 7991 .card-img-top{ 7992 max-width: 11%; 7993 margin: 0px; 7994 } 7995 .review{ 7996 flex: 0 0 45%; 7997 } 7998 .google-logo{ 7999 max-width: 78px; 8000 width: 100%; 8001 } 8002 @media(max-width: 768px){ 8003 .google-logo{ 8004 width: 60px; 8005 } 8006 8007 } 8008 8009#mobileCarousel .carousel-item, 8010#mobileCarousel .review.card { 8011 height: 100%; 8012} 8013 8014#mobileCarousel .carousel-item .review.card { 8015 min-height: 360px; 8016 display: flex; 8017 flex-direction: column; 8018} 8019 8020.bg-review-gradient{ 8021 background: linear-gradient(269.06deg, #CBCD84 -226.93%, #FFFFFF 79.25%); 8022 8023} 8024 8025@media(min-width:991px){ 8026 .carousel-control-prev { 8027 left: -13px; 8028} 8029.carousel-control-next { 8030 right: -9px; 8031} 8032} 8033</style> 8034<section class="bg-review-gradient"> 8035 <style> 8036 /* Prev arrow */
8037.carousel-control-prev::before { 8038 content: "\f053"; /* Font Awesome left chevron */ 8039 font-family: "Font Awesome 5 Free"; 8040 font-weight: 900; 8041 font-size: 40px; 8042 color: #CBCD84; 8043 display: inline-block; 8044 transition: transform 0.3s ease, color 0.3s ease; 8045} 8046 8047/* Next arrow */ 8048.carousel-control-next::before { 8049 content: "\f054"; /* Font Awesome right chevron */ 8050 font-family: "Font Awesome 5 Free"; 8051 font-weight: 900; 8052 font-size: 40px; 8053 color: #CBCD84; 8054 display: inline-block; 8055 transition: transform 0.3s ease, color 0.3s ease; 8056} 8057 8058/* Mobile */ 8059@media (max-width: 425px) { 8060 .carousel-control-prev::before, 8061 .carousel-control-next::before { 8062 font-size: 35px; 8063 } 8064} 8065.carousel-control-prev, 8066.carousel-control-next { 8067 background-color: transparent; 8068 opacity: 1 ; 8069} 8070 .card-img-top{max-width: 11%;margin: 0px;} 8071 .review{flex: 0 0 45%;margin: 0px; box-shadow: 0px 18px 11.1px -7px #00000040;} 8072 8073 .google-logo{max-width: 78px;width: 100%;} 8074 @media(max-width: 768px){.google-logo{width: 60px;}.carousel-inner{padding: 4em 2em !important;}} 8075 .review-font{font-family: Montserrat;} 8076 .carousel-inner{padding: 6em 2em;} 8077 @media(max-width:425px){.carousel-inner{padding: 1em 2em !important;}} 8078 .carousel-control-next {background: transparent !important;opacity: 1;width: auto;} 8079 .carousel-control-next:hover,.carousel-control-next:focus {background: transparent !important;box-shadow: none !important;} 8080 .carousel-control-next-icon { 8081 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 32'%3E%3Cpath fill='%234191C4' d='M0.470057 2.69802C0.31997 2.54535 0.202635 2.36577 0.124752 2.16952C0.0468696 1.97327 0.00996238 1.76419 0.0161422 1.55423C0.0223219 1.34427 0.0714647 1.13754 0.160765 0.945835C0.250065 0.75413 0.377773 0.581209 0.5366 0.436945C0.695427 0.292681 0.882263 0.179898 1.08644 0.105038C1.29061 0.0301766 1.50812 -0.00529705 1.72656 0.000642383C1.94499 0.00658181 2.16007 0.0538178 2.35952 0.139653C2.55896 0.225489 2.73886 0.348243 2.88895 0.500907L17.0296 14.8925C17.3217 15.1894 17.4844 15.5824 17.4844 15.991C17.4844 16.3996 17.3217 16.7927 17.0296 17.0896L2.88895 31.4827C2.73986 31.6387 2.55999 31.7647 2.35982 31.8533C2.15964 31.942 1.94314 31.9915 1.72288 31.999C1.50263 32.0065 1.28302 31.9719 1.0768 31.8971C0.870586 31.8224 0.681879 31.709 0.521638 31.5636C0.361398 31.4181 0.23282 31.2435 0.143375 31.0499C0.0539279 30.8563 0.00539725 30.6475 0.000598328 30.4358C-0.0042006 30.224 0.0348294 30.0134 0.115423 29.8162C0.196014 29.619 0.31656 29.4392 0.470061 29.2872L13.5327 15.991L0.470057 2.69802Z'%3E%3C/path%3E%3C/svg%3E"); 8082 background-repeat: no-repeat;background-position: center;background-size: contain; 8083 background-color: transparent !important;width: 18px;height: 32px;transition: transform 0.3s ease; 8084 position: relative;left: 35%; 8085 } 8086 .carousel-control-next:hover .carousel-control-next-icon {transform: translateX(4px);} 8087 @media(max-width:425px){.carousel-control-next-icon {left: 20% !important;}} 8088 .carousel-control-next {z-index: 5;pointer-events: auto;} 8089 .decorative-circle {border-radius: 50%;position: absolute;width: var(--circle-size, 57px); 8090 height: var(--circle-size, 57px);background-color: var(--circle-color, rgba(65, 145, 196, 0.1)); 8091 display: block;z-index: 999;} 8092 </style> 8093 <section class="py-5"> 8094 <div class="container position-relative"> 8095 8096 8097 <div class="row align-items-center justify-content-between position-relative gap-lg-0"> 8098 <!-- Left Section --> 8099 8100 <div class="col-xl-4 col-lg-4 d-flex flex-column align-items-center align-items-lg-start gap-2 px-4 mb-3 mb-md-0"> 8101 <h2 class="display-4 fw-semibold lh-1 text-lg-start text-center text-capitalize mw-2 mb-3">Patients Feedback</h2> 8102 8103 </div> 8104 8105 <!-- Desktop Carousel --> 8106 <div class="col-xl-8 col-lg-8 position-relative">
8107 <div id="desktopCarousel" class="carousel slide d-lg-block d-none" data-bs-ride="carousel" data-bs-interval="4000"> 8108 <div class="carousel-inner"> 8109 <div class="carousel-item active"> 8110 <div class="row g-4"><div class="col-lg-6 pb-3"> 8111 <div class="review card rounded-4 py-4 px-4 w-100 h-100 d-flex gap-5"> 8112 <svg width="31" height="28" viewBox="0 0 31 28" fill="none" class="review-quote-marks" xmlns="http://www.w3.org/2000/svg"> 8113 <path d="M5.832 0C2.612 0 0 2.75315 0 6.15C0 9.5448 2.612 12.3 5.832 12.3C11.662 12.3 7.776 24.1879 0 24.1879V27.058C13.878 27.06 19.316 0 5.832 0ZM22.632 0C19.414 0 16.802 2.75315 16.802 6.15C16.802 9.5448 19.414 12.3 22.632 12.3C28.464 12.3 24.578 24.1879 16.802 24.1879V27.058C30.678 27.06 36.116 0 22.632 0Z" fill="#9D7F47"/> 8114 </svg> 8115 8116 8117 <div class="card-body d-flex flex-column justify-content-between gap-2 p-0"> 8118 <blockquote> 8119 <p class="rfs-6 fw-normal text-dark">Admin team are on point, and medical assistants always helpful. My eye doctor, Dr. Mekhail, is great!!!</p> 8120 </blockquote> 8121 <div class="d-flex flex-column gap-0"> 8122 <p class="rfs-6 fw-normal mb-2">C S</p> 8123 <span class="d-flex gap-1" style="color: gold; font-size: 18px;"> 8124 <i class="fas fa-star"></i> 8125 <i class="fas fa-star"></i> 8126 <i class="fas fa-star"></i> 8127 <i class="fas fa-star"></i> 8128 <i class="fas fa-star"></i> 8129 </span> 8130 </div> 8131 </div> 8132 </div></div><div class="col-lg-6 pb-3"> 8133 <div class="review card rounded-4 py-4 px-4 w-100 h-100 d-flex gap-5"> 8134 <svg width="31" height="28" viewBox="0 0 31 28" fill="none" class="review-quote-marks" xmlns="http://www.w3.org/2000/svg"> 8135 <path d="M5.832 0C2.612 0 0 2.75315 0 6.15C0 9.5448 2.612 12.3 5.832 12.3C11.662 12.3 7.776 24.1879 0 24.1879V27.058C13.878 27.06 19.316 0 5.832 0ZM22.632 0C19.414 0 16.802 2.75315 16.802 6.15C16.802 9.5448 19.414 12.3 22.632 12.3C28.464 12.3 24.578 24.1879 16.802 24.1879V27.058C30.678 27.06 36.116 0 22.632 0Z" fill="#9D7F47"/> 8136 </svg> 8137 8138 8139 <div class="card-body d-flex flex-column justify-content-between gap-2 p-0"> 8140 <blockquote> 8141 <p class="rfs-6 fw-normal text-dark">A wonderful, knowledgeable and caring doctor. I felt well looked after throughout my visit and left with a clear understanding of my care plan. Highly recommend to anyone looking for attentive, professional care.</p> 8142 </blockquote> 8143 <div class="d-flex flex-column gap-0"> 8144 <p class="rfs-6 fw-normal mb-2">Brandon L.</p> 8145 <span class="d-flex gap-1" style="color: gold; font-size: 18px;"> 8146 <i class="fas fa-star"></i> 8147 <i class="fas fa-star"></i> 8148 <i class="fas fa-star"></i> 8149 <i class="fas fa-star"></i> 8150 <i class="fas fa-star"></i> 8151 </span> 8152 </div> 8153 </div> 8154 </div></div></div></div><div class="carousel-item "> 8155 <div class="row g-4"><div class="col-lg-6 pb-3"> 8156 <div class="review card rounded-4 py-4 px-4 w-100 h-100 d-flex gap-5"> 8157 <svg width="31" height="28" viewBox="0 0 31 28" fill="none" class="review-quote-marks" xmlns="http://www.w3.org/2000/svg"> 8158 <path d="M5.832 0C2.612 0 0 2.75315 0 6.15C0 9.5448 2.612 12.3 5.832 12.3C11.662 12.3 7.776 24.1879 0 24.1879V27.058C13.878 27.06 19.316 0 5.832 0ZM22.632 0C19.414 0 16.802 2.75315 16.802 6.15C16.802 9.5448 19.414 12.3 22.632 12.3C28.464 12.3 24.578 24.1879 16.802 24.1879V27.058C30.678 27.06 36.116 0 22.632 0Z" fill="#9D7F47"/> 8159 </svg> 8160 8161 8162 <div class="card-body d-flex flex-column justify-content-between gap-2 p-0"> 8163 <blockquote> 8164 <p class="rfs-6 fw-normal text-dark">My husband is a patient of Dr. Summerfield and appreciates his bedside manner. Dr. Summerfield clearly explains every procedure. Highly recommended.</p> 8165 </blockquote> 8166 <div class="d-flex flex-column gap-0"> 8167 <p class="rfs-6 fw-normal mb-2">Phyllis brown</p>
8168 <span class="d-flex gap-1" style="color: gold; font-size: 18px;"> 8169 <i class="fas fa-star"></i> 8170 <i class="fas fa-star"></i> 8171 <i class="fas fa-star"></i> 8172 <i class="fas fa-star"></i> 8173 <i class="fas fa-star"></i> 8174 </span> 8175 </div> 8176 </div> 8177 </div></div><div class="col-lg-6 pb-3"> 8178 <div class="review card rounded-4 py-4 px-4 w-100 h-100 d-flex gap-5"> 8179 <svg width="31" height="28" viewBox="0 0 31 28" fill="none" class="review-quote-marks" xmlns="http://www.w3.org/2000/svg"> 8180 <path d="M5.832 0C2.612 0 0 2.75315 0 6.15C0 9.5448 2.612 12.3 5.832 12.3C11.662 12.3 7.776 24.1879 0 24.1879V27.058C13.878 27.06 19.316 0 5.832 0ZM22.632 0C19.414 0 16.802 2.75315 16.802 6.15C16.802 9.5448 19.414 12.3 22.632 12.3C28.464 12.3 24.578 24.1879 16.802 24.1879V27.058C30.678 27.06 36.116 0 22.632 0Z" fill="#9D7F47"/> 8181 </svg> 8182 8183 8184 <div class="card-body d-flex flex-column justify-content-between gap-2 p-0"> 8185 <blockquote> 8186 <p class="rfs-6 fw-normal text-dark">Very professional and thorough throughout. The entire experience was smooth and reassuring, and I felt my health was in excellent, capable hands from the moment I arrived until the moment I left.</p> 8187 </blockquote> 8188 <div class="d-flex flex-column gap-0"> 8189 <p class="rfs-6 fw-normal mb-2">Grace H.</p> 8190 <span class="d-flex gap-1" style="color: gold; font-size: 18px;"> 8191 <i class="fas fa-star"></i> 8192 <i class="fas fa-star"></i> 8193 <i class="fas fa-star"></i> 8194 <i class="fas fa-star"></i> 8195 <i class="fas fa-star"></i> 8196 </span> 8197 </div> 8198 </div> 8199 </div></div></div></div> </div> 8200 <!-- PREV BUTTON (add here) --> 8201 <button aria-label="Previous slide" class="carousel-control-prev custom-prev" type="button" data-bs-target="#desktopCarousel" data-bs-slide="prev" data-lc-btn-fixed="v2"> 8202 <span class="custom-prev-icon"></span> 8203 <span class="lc-vh">Previous slide</span></button> 8204 8205 8206 <button aria-label="Next slide" class="carousel-control-next custom-next" type="button" data-bs-target="#desktopCarousel" data-bs-slide="next" data-lc-btn-fixed="v2"> 8207 <span class="custom-next-icon"></span> 8208 <span class="lc-vh">Next slide</span></button> 8209 </div> 8210 </div> 8211 8212 </div> 8213 </div> 8214 8215 <!-- Tablet Carousel --> 8216 <div id="tabletCarousel" class="carousel slide d-none d-md-block d-lg-none" data-bs-ride="carousel" data-bs-interval="4000"> 8217 <div class="carousel-inner"> 8218 <div class="carousel-item active"><div class="row g-4"><div class="col-md-6 pb-3"> 8219 <div class="review card rounded-4 py-4 px-4 w-100 h-100 d-flex gap-5"> 8220 <svg width="31" height="28" viewBox="0 0 31 28" fill="none" class="review-quote-marks" xmlns="http://www.w3.org/2000/svg"> 8221 <path d="M5.832 0C2.612 0 0 2.75315 0 6.15C0 9.5448 2.612 12.3 5.832 12.3C11.662 12.3 7.776 24.1879 0 24.1879V27.058C13.878 27.06 19.316 0 5.832 0ZM22.632 0C19.414 0 16.802 2.75315 16.802 6.15C16.802 9.5448 19.414 12.3 22.632 12.3C28.464 12.3 24.578 24.1879 16.802 24.1879V27.058C30.678 27.06 36.116 0 22.632 0Z" fill="#9D7F47"/> 8222 </svg> 8223 8224 8225 <div class="card-body d-flex flex-column justify-content-between gap-2 p-0"> 8226 <blockquote> 8227 <p class="rfs-6 fw-normal text-dark">Admin team are on point, and medical assistants always helpful. My eye doctor, Dr. Mekhail, is great!!!</p> 8228 </blockquote> 8229 <div class="d-flex flex-column gap-0"> 8230 <p class="rfs-6 fw-normal mb-2">C S</p>
8231 <span class="d-flex gap-1" style="color: gold; font-size: 18px;"> 8232 <i class="fas fa-star"></i> 8233 <i class="fas fa-star"></i> 8234 <i class="fas fa-star"></i> 8235 <i class="fas fa-star"></i> 8236 <i class="fas fa-star"></i> 8237 </span> 8238 </div> 8239 </div> 8240 </div></div><div class="col-md-6 pb-3"> 8241 <div class="review card rounded-4 py-4 px-4 w-100 h-100 d-flex gap-5"> 8242 <svg width="31" height="28" viewBox="0 0 31 28" fill="none" class="review-quote-marks" xmlns="http://www.w3.org/2000/svg"> 8243 <path d="M5.832 0C2.612 0 0 2.75315 0 6.15C0 9.5448 2.612 12.3 5.832 12.3C11.662 12.3 7.776 24.1879 0 24.1879V27.058C13.878 27.06 19.316 0 5.832 0ZM22.632 0C19.414 0 16.802 2.75315 16.802 6.15C16.802 9.5448 19.414 12.3 22.632 12.3C28.464 12.3 24.578 24.1879 16.802 24.1879V27.058C30.678 27.06 36.116 0 22.632 0Z" fill="#9D7F47"/> 8244 </svg> 8245 8246 8247 <div class="card-body d-flex flex-column justify-content-between gap-2 p-0"> 8248 <blockquote> 8249 <p class="rfs-6 fw-normal text-dark">A wonderful, knowledgeable and caring doctor. I felt well looked after throughout my visit and left with a clear understanding of my care plan. Highly recommend to anyone looking for attentive, professional care.</p> 8250 </blockquote> 8251 <div class="d-flex flex-column gap-0"> 8252 <p class="rfs-6 fw-normal mb-2">Brandon L.</p> 8253 <span class="d-flex gap-1" style="color: gold; font-size: 18px;"> 8254 <i class="fas fa-star"></i> 8255 <i class="fas fa-star"></i> 8256 <i class="fas fa-star"></i> 8257 <i class="fas fa-star"></i> 8258 <i class="fas fa-star"></i> 8259 </span> 8260 </div> 8261 </div> 8262 </div></div></div></div><div class="carousel-item "><div class="row g-4"><div class="col-md-6 pb-3"> 8263 <div class="review card rounded-4 py-4 px-4 w-100 h-100 d-flex gap-5"> 8264 <svg width="31" height="28" viewBox="0 0 31 28" fill="none" class="review-quote-marks" xmlns="http://www.w3.org/2000/svg"> 8265 <path d="M5.832 0C2.612 0 0 2.75315 0 6.15C0 9.5448 2.612 12.3 5.832 12.3C11.662 12.3 7.776 24.1879 0 24.1879V27.058C13.878 27.06 19.316 0 5.832 0ZM22.632 0C19.414 0 16.802 2.75315 16.802 6.15C16.802 9.5448 19.414 12.3 22.632 12.3C28.464 12.3 24.578 24.1879 16.802 24.1879V27.058C30.678 27.06 36.116 0 22.632 0Z" fill="#9D7F47"/> 8266 </svg> 8267 8268 8269 <div class="card-body d-flex flex-column justify-content-between gap-2 p-0"> 8270 <blockquote> 8271 <p class="rfs-6 fw-normal text-dark">My husband is a patient of Dr. Summerfield and appreciates his bedside manner. Dr. Summerfield clearly explains every procedure. Highly recommended.</p> 8272 </blockquote> 8273 <div class="d-flex flex-column gap-0"> 8274 <p class="rfs-6 fw-normal mb-2">Phyllis brown</p> 8275 <span class="d-flex gap-1" style="color: gold; font-size: 18px;"> 8276 <i class="fas fa-star"></i> 8277 <i class="fas fa-star"></i> 8278 <i class="fas fa-star"></i> 8279 <i class="fas fa-star"></i> 8280 <i class="fas fa-star"></i> 8281 </span> 8282 </div> 8283 </div> 8284 </div></div><div class="col-md-6 pb-3"> 8285 <div class="review card rounded-4 py-4 px-4 w-100 h-100 d-flex gap-5"> 8286 <svg width="31" height="28" viewBox="0 0 31 28" fill="none" class="review-quote-marks" xmlns="http://www.w3.org/2000/svg"> 8287 <path d="M5.832 0C2.612 0 0 2.75315 0 6.15C0 9.5448 2.612 12.3 5.832 12.3C11.662 12.3 7.776 24.1879 0 24.1879V27.058C13.878 27.06 19.316 0 5.832 0ZM22.632 0C19.414 0 16.802 2.75315 16.802 6.15C16.802 9.5448 19.414 12.3 22.632 12.3C28.464 12.3 24.578 24.1879 16.802 24.1879V27.058C30.678 27.06 36.116 0 22.632 0Z" fill="#9D7F47"/> 8288 </svg> 8289 8290 8291 <div class="card-body d-flex flex-column justify-content-between gap-2 p-0"> 8292 <blockquote> 8293 <p class="rfs-6 fw-normal text-dark">Very professional and thorough throughout. The entire experience was smooth and reassuring, and I felt my health was in excellent, capable hands from the moment I arrived until the moment I left.</p> 8294 </blockquote> 8295 <div class="d-flex flex-column gap-0"> 8296 <p class="rfs-6 fw-normal mb-2">Grace H.</p>
8297 <span class="d-flex gap-1" style="color: gold; font-size: 18px;"> 8298 <i class="fas fa-star"></i> 8299 <i class="fas fa-star"></i> 8300 <i class="fas fa-star"></i> 8301 <i class="fas fa-star"></i> 8302 <i class="fas fa-star"></i> 8303 </span> 8304 </div> 8305 </div> 8306 </div></div></div></div> </div> 8307 <!-- PREV BUTTON (add here) --> 8308 <button aria-label="Previous slide" class="carousel-control-prev custom-prev" type="button" data-bs-target="#tabletCarousel" data-bs-slide="prev" data-lc-btn-fixed="v2"> 8309 <span class="custom-prev-icon"></span> 8310 <button class="carousel-control-next custom-next" type="button" data-bs-target="#tabletCarousel" data-bs-slide="next"> 8311 <span class="custom-next-icon"></span> 8312 <span class="lc-vh">Previous slide</span></button> 8313 </div> 8314 8315 <!-- Mobile Carousel --> 8316 <div id="mobileCarousel" class="carousel slide d-block d-md-none" data-bs-ride="carousel" data-bs-interval="4000"> 8317 <div class="carousel-inner"> 8318 <div class="carousel-item active"> 8319 <div class="review card rounded-4 py-4 px-4 w-100 h-100 d-flex gap-5"> 8320 <svg width="31" height="28" viewBox="0 0 31 28" fill="none" class="review-quote-marks" xmlns="http://www.w3.org/2000/svg"> 8321 <path d="M5.832 0C2.612 0 0 2.75315 0 6.15C0 9.5448 2.612 12.3 5.832 12.3C11.662 12.3 7.776 24.1879 0 24.1879V27.058C13.878 27.06 19.316 0 5.832 0ZM22.632 0C19.414 0 16.802 2.75315 16.802 6.15C16.802 9.5448 19.414 12.3 22.632 12.3C28.464 12.3 24.578 24.1879 16.802 24.1879V27.058C30.678 27.06 36.116 0 22.632 0Z" fill="#9D7F47"/> 8322 </svg> 8323 8324 8325 <div class="card-body d-flex flex-column justify-content-between gap-2 p-0"> 8326 <blockquote> 8327 <p class="rfs-6 fw-normal text-dark">Admin team are on point, and medical assistants always helpful. My eye doctor, Dr. Mekhail, is great!!!</p> 8328 </blockquote> 8329 <div class="d-flex flex-column gap-0"> 8330 <p class="rfs-6 fw-normal mb-2">C S</p> 8331 <span class="d-flex gap-1" style="color: gold; font-size: 18px;"> 8332 <i class="fas fa-star"></i> 8333 <i class="fas fa-star"></i> 8334 <i class="fas fa-star"></i> 8335 <i class="fas fa-star"></i> 8336 <i class="fas fa-star"></i> 8337 </span> 8338 </div> 8339 </div> 8340 </div></div><div class="carousel-item "> 8341 <div class="review card rounded-4 py-4 px-4 w-100 h-100 d-flex gap-5"> 8342 <svg width="31" height="28" viewBox="0 0 31 28" fill="none" class="review-quote-marks" xmlns="http://www.w3.org/2000/svg"> 8343 <path d="M5.832 0C2.612 0 0 2.75315 0 6.15C0 9.5448 2.612 12.3 5.832 12.3C11.662 12.3 7.776 24.1879 0 24.1879V27.058C13.878 27.06 19.316 0 5.832 0ZM22.632 0C19.414 0 16.802 2.75315 16.802 6.15C16.802 9.5448 19.414 12.3 22.632 12.3C28.464 12.3 24.578 24.1879 16.802 24.1879V27.058C30.678 27.06 36.116 0 22.632 0Z" fill="#9D7F47"/> 8344 </svg> 8345 8346 8347 <div class="card-body d-flex flex-column justify-content-between gap-2 p-0"> 8348 <blockquote> 8349 <p class="rfs-6 fw-normal text-dark">A wonderful, knowledgeable and caring doctor. I felt well looked after throughout my visit and left with a clear understanding of my care plan. Highly recommend to anyone looking for attentive, professional care.</p> 8350 </blockquote> 8351 <div class="d-flex flex-column gap-0"> 8352 <p class="rfs-6 fw-normal mb-2">Brandon L.</p> 8353 <span class="d-flex gap-1" style="color: gold; font-size: 18px;"> 8354 <i class="fas fa-star"></i> 8355 <i class="fas fa-star"></i> 8356 <i class="fas fa-star"></i> 8357 <i class="fas fa-star"></i> 8358 <i class="fas fa-star"></i> 8359 </span> 8360 </div> 8361 </div> 8362 </div></div><div class="carousel-item "> 8363 <div class="review card rounded-4 py-4 px-4 w-100 h-100 d-flex gap-5"> 8364 <svg width="31" height="28" viewBox="0 0 31 28" fill="none" class="review-quote-marks" xmlns="http://www.w3.org/2000/svg"> 8365 <path d="M5.832 0C2.612 0 0 2.75315 0 6.15C0 9.5448 2.612 12.3 5.832 12.3C11.662 12.3 7.776 24.1879 0 24.1879V27.058C13.878 27.06 19.316 0 5.832 0ZM22.632 0C19.414 0 16.802 2.75315 16.802 6.15C16.802 9.5448 19.414 12.3 22.632 12.3C28.464 12.3 24.578 24.1879 16.802 24.1879V27.058C30.678 27.06 36.116 0 22.632 0Z" fill="#9D7F47"/> 8366 </svg> 8367 8368 8369 <div class="card-body d-flex flex-column justify-content-between gap-2 p-0"> 8370 <blockquote> 8371 <p class="rfs-6 fw-normal text-dark">My husband is a patient of Dr. Summerfield and appreciates his bedside manner. Dr. Summerfield clearly explains every procedure. Highly recommended.</p> 8372 </blockquote> 8373 <div class="d-flex flex-column gap-0"> 8374 <p class="rfs-6 fw-normal mb-2">Phyllis brown</p>
8375 <span class="d-flex gap-1" style="color: gold; font-size: 18px;"> 8376 <i class="fas fa-star"></i> 8377 <i class="fas fa-star"></i> 8378 <i class="fas fa-star"></i> 8379 <i class="fas fa-star"></i> 8380 <i class="fas fa-star"></i> 8381 </span> 8382 </div> 8383 </div> 8384 </div></div><div class="carousel-item "> 8385 <div class="review card rounded-4 py-4 px-4 w-100 h-100 d-flex gap-5"> 8386 <svg width="31" height="28" viewBox="0 0 31 28" fill="none" class="review-quote-marks" xmlns="http://www.w3.org/2000/svg"> 8387 <path d="M5.832 0C2.612 0 0 2.75315 0 6.15C0 9.5448 2.612 12.3 5.832 12.3C11.662 12.3 7.776 24.1879 0 24.1879V27.058C13.878 27.06 19.316 0 5.832 0ZM22.632 0C19.414 0 16.802 2.75315 16.802 6.15C16.802 9.5448 19.414 12.3 22.632 12.3C28.464 12.3 24.578 24.1879 16.802 24.1879V27.058C30.678 27.06 36.116 0 22.632 0Z" fill="#9D7F47"/> 8388 </svg> 8389 8390 8391 <div class="card-body d-flex flex-column justify-content-between gap-2 p-0"> 8392 <blockquote> 8393 <p class="rfs-6 fw-normal text-dark">Very professional and thorough throughout. The entire experience was smooth and reassuring, and I felt my health was in excellent, capable hands from the moment I arrived until the moment I left.</p> 8394 </blockquote> 8395 <div class="d-flex flex-column gap-0"> 8396 <p class="rfs-6 fw-normal mb-2">Grace H.</p> 8397 <span class="d-flex gap-1" style="color: gold; font-size: 18px;"> 8398 <i class="fas fa-star"></i> 8399 <i class="fas fa-star"></i> 8400 <i class="fas fa-star"></i> 8401 <i class="fas fa-star"></i> 8402 <i class="fas fa-star"></i> 8403 </span> 8404 </div> 8405 </div> 8406 </div></div> </div> 8407 <!-- PREV BUTTON (add here) --> 8408 <button aria-label="Previous slide" class="carousel-control-prev custom-prev" type="button" data-bs-target="#mobileCarousel" data-bs-slide="prev" data-lc-btn-fixed="v2"> 8409 <span class="custom-prev-icon"></span> 8410 8411 <button class="carousel-control-next custom-next" type="button" data-bs-target="#mobileCarousel" data-bs-slide="next"> 8412 <span class="custom-next-icon"></span> 8413 <span class="lc-vh">Previous slide</span></button> 8414 </div> 8415 </section> 8416 8417</section> 8418 8419<section class="bg-accent py-6 d-none"> 8420 <div class="container"> 8421 <div class="row align-items-center"> 8422 8423 <!-- Desktop Carousel Section --> 8424 <div class="col-lg-8 d-md-block d-none order-lg-1 order-0 "> 8425 8426 <div id="desktopCarousel" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4000"> 8427 <div class="carousel-inner"> 8428 8429 <!-- Slide 1 --> 8430 <div class="carousel-item active"> 8431 <div class="d-flex"> 8432 <!-- Review 1 --> 8433 <div class="review card p-4 rounded-5 shadow col-6"> 8434 <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="#2367B2" class="bi bi-chat-square-quote" viewBox="0 0 16 16"> 8435 <path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2.5a2 2 0 0 0-1.6.8L8 14.333 6.1 11.8a2 2 0 0 0-1.6-.8H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"></path> 8436 <path d="M7.066 4.76A1.665 1.665 0 0 0 4 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112zm4 0A1.665 1.665 0 0 0 8 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112z"></path> 8437 </svg> 8438 <figure class="card-body d-flex flex-column justify-content-between p-0"> 8439 <blockquote> 8440 <p class="mb-4"> 8441 They understood that young children and older patients will need a little extra time and patience during their exams. I canât thank them enough for taking care of my momâs eyes. I will definitely recommend anyone to visit this practice. 8442 </p> 8443 </blockquote> 8444 <div class="lc-block d-flex flex-column column gap-2"> 8445 <figcaption>L.R, March 2025</figcaption> 8446 <span style="color: gold; font-size: 14px;"> 8447 <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> 8448 </span> 8449 </div> 8450 </figure> 8451 </div> 8452 8453 <!-- Review 2 --> 8454 <div class="review card p-4 rounded-5 shadow col-6"> 8455 <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="#23
845567B2" class="bi bi-chat-square-quote" viewBox="0 0 16 16"> 8456 <path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2.5a2 2 0 0 0-1.6.8L8 14.333 6.1 11.8a2 2 0 0 0-1.6-.8H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"></path> 8457 <path d="M7.066 4.76A1.665 1.665 0 0 0 4 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112zm4 0A1.665 1.665 0 0 0 8 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112z"></path> 8458 </svg> 8459 <figure class="card-body d-flex flex-column justify-content-between p-0"> 8460 <blockquote> 8461 <p class="mb-4">Everyone is exceptional, friendly, professional, knowledgeable, and caring.</p> 8462 </blockquote> 8463 <div class="lc-block d-flex flex-column column gap-2"> 8464 <figcaption class="d-flex">F.M, January 2025</figcaption> 8465 <span style="color: gold; font-size: 14px;"> 8466 <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> 8467 </span> 8468 </div> 8469 </figure> 8470 </div> 8471 </div> 8472 </div> 8473 8474 <!-- Slide 2 (Duplicate or Add More Testimonials) --> 8475 <div class="carousel-item"> 8476 <div class="d-flex"> 8477 <!-- Review 1 --> 8478 <div class="review card p-4 rounded-5 shadow col-6"> 8479 <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="#2367B2" class="bi bi-chat-square-quote" viewBox="0 0 16 16"> 8480 <path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2.5a2 2 0 0 0-1.6.8L8 14.333 6.1 11.8a2 2 0 0 0-1.6-.8H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"></path> 8481 <path d="M7.066 4.76A1.665 1.665 0 0 0 4 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112zm4 0A1.665 1.665 0 0 0 8 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112z"></path> 8482 </svg> 8483 <figure class="card-body d-flex flex-column justify-content-between p-0"> 8484 <blockquote> 8485 <p class="mb-4"> 8486 I had a fabulous experience here with entire staff, Dr. Feng and the optician. Iâm super happy I found this practice and I recommend anyone to give it a try. 8487 </p> 8488 </blockquote> 8489 <div class="lc-block d-flex flex-column column gap-2"> 8490 <figcaption>S.T, March 2024</figcaption> 8491 <span style="color: gold; font-size: 14px;"> 8492 <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> 8493 </span> 8494 </div> 8495 </figure> 8496 </div> 8497 8498 <!-- Review 2 --> 8499 8500 </div> 8501 </div> 8502 8503 8504 </div> 8505 </div> 8506 8507 </div> 8508 8509 <!-- Right Section --> 8510 <div class="col-lg-4 d-flex flex-column gap-4 order-lg-0 order-1 "> 8511 <h3 class="display-4 text-dark fw-bold lh-1"> 8512 We Value <span class="text-primary">Our Patients</span> Feedback 8513 </h3> 8514 <hr class="w-80"> 8515 8516 <div class="d-flex justify-content-start align-items-center gap-3"> 8517 <img src="https://drdianehilalcampo.com/wp-content/uploads/sites/9/2025/09/google-review.svg" class="img-fluid google-logo"> 8518 8519 <div> 8520 <p class="rfs-12 fw-semibold text-dark mb-0">Reviews</p> 8521 <div class="d-flex align-items-center gap-2"> 8522 <span style="color: gold; font-size: 20px;"> 8523 <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> 8524 </span> 8525 <span>4.9</span> 8526 <span>(227)</span> 8527 </div> 8528 </div> 8529 </div> 8530 8531 </div> 8532 </div> 8533 8534 <!--mobile responsive --> 8535 <div id="mobileCarousel" class="carousel slide d-block d-md-none" data-bs-ride="carousel" data-bs-interval="4000"> 8536 <div class="carousel-inner py-5"> 8537 8538 <!-- Slide 1 --> 8539 <div class="carousel-item active"> 8540 <div class="review card p-4 rounded-5 shadow mx-3"> 8541 <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="#23
854167B2" class="bi bi-chat-square-quote" viewBox="0 0 16 16"> 8542 <path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2.5a2 2 0 0 0-1.6.8L8 14.333 6.1 11.8a2 2 0 0 0-1.6-.8H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"></path> 8543 <path d="M7.066 4.76A1.665 1.665 0 0 0 4 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112zm4 0A1.665 1.665 0 0 0 8 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112z"></path> 8544 </svg> 8545 <figure class="card-body d-flex flex-column justify-content-between p-0"> 8546 <blockquote> 8547 <p class="mb-4"> 8548 They understood that young children and older patients will need a little extra time and patience during their exams. I canât thank them enough for taking care of my momâs eyes. I will definitely recommend anyone to visit this practice. 8549 </p> 8550 </blockquote> 8551 <div class="lc-block d-flex flex-column column gap-2"> 8552 <figcaption>L.R, March 2025</figcaption> 8553 <span style="color: gold; font-size: 14px;"> 8554 <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> 8555 </span> 8556 </div> 8557 </figure> 8558 </div> 8559 </div> 8560 8561 <!-- Slide 2 --> 8562 <div class="carousel-item"> 8563 <div class="review card p-4 rounded-5 shadow mx-3"> 8564 <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="#2367B2" class="bi bi-chat-square-quote" viewBox="0 0 16 16"> 8565 <path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2.5a2 2 0 0 0-1.6.8L8 14.333 6.1 11.8a2 2 0 0 0-1.6-.8H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"></path> 8566 <path d="M7.066 4.76A1.665 1.665 0 0 0 4 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112zm4 0A1.665 1.665 0 0 0 8 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112z"></path> 8567 </svg> 8568 <figure class="card-body d-flex flex-column justify-content-between p-0"> 8569 <blockquote> 8570 <p class="mb-4">Everyone is exceptional, friendly, professional, knowledgeable, and caring.</p> 8571 </blockquote> 8572 <div class="lc-block d-flex flex-column column gap-2"> 8573 <figcaption class="d-flex">F.M, January 2025</figcaption> 8574 <span style="color: gold; font-size: 14px;"> 8575 <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> 8576 </span> 8577 </div> 8578 </figure> 8579 </div> 8580 </div> 8581 <!-- Slide 3 --> 8582 <div class="carousel-item"> 8583 <div class="review card p-4 rounded-5 shadow mx-3"> 8584 <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="#2367B2" class="bi bi-chat-square-quote" viewBox="0 0 16 16"> 8585 <path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2.5a2 2 0 0 0-1.6.8L8 14.333 6.1 11.8a2 2 0 0 0-1.6-.8H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"></path> 8586 <path d="M7.066 4.76A1.665 1.665 0 0 0 4 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112zm4 0A1.665 1.665 0 0 0 8 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112z"></path> 8587 </svg> 8588 <figure class="card-body d-flex flex-column justify-content-between p-0"> 8589 <blockquote> 8590 <p class="mb-4">I had a fabulous experience here with entire staff, Dr. Feng and the optician. Iâm super happy I found this practice and I recommend anyone to give it a try.</p> 8591 </blockquote> 8592 <div class="lc-block d-flex flex-column column gap-2"> 8593 <figcaption class="d-flex">S.T, March 2024</figcaption> 8594 <span style="color: gold; font-size: 14px;"> 8595 <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> 8596 </span> 8597 </div> 8598 </figure> 8599 </div>
8600 </div> 8601 8602 </div> 8603 </div> 8604 8605 </div> 8606</section> 8607 8608</section> 8609<!-- ââââââââââââââââââââââââââââââââââââââââââââââââââ 8610 FAQ SECTION 8611 ââââââââââââââââââââââââââââââââââââââââââââââââââ --> 8612<section class="py-lg-7 py-5 wt-gradient-faq"> 8613 <div class="container"> 8614 <div class="row gap-lg-6 align-items-center"> 8615 <!-- Image --> 8616 <div class="col-12 col-lg-5 text-center"> 8617 <div class="overflow-hidden lc-block"> 8618 <!-- [IMG-1] loading="lazy" added --> 8619 <img alt="Frequently asked questions" class="img-fluid rounded-3 wp-image-13972" decoding="async" height="798" loading="lazy" sizes="(max-width: 798px) 100vw, 798px" src="https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/img-text-btn2.webp" srcset="https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/img-text-btn2.webp 798w, 8620 https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/img-text-btn2-300x300.webp 300w, 8621 https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/img-text-btn2-150x150.webp 150w, 8622 https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/img-text-btn2-768x768.webp 768w" width="798"> 8623 </div> 8624 </div> 8625 <!-- Accordion --> 8626 <div class="col-12 col-lg-6"> 8627 <h2 class="wt-section-heading mb-4 mt-lg-0 mt-4">Frequently Asked Questions</h2> 8628 <div class="accordion accordion-flush" id="blogAccordion"> 8629 <div class="accordion-item blog-accordion-item"> 8630 <h3 class="accordion-header border-bottom" id="headingOne"> 8631 <button aria-label="What happens during a comprehensive eye exam?" aria-controls="collapseOne" aria-expanded="false" class="accordion-button collapsed" data-bs-target="#collapseOne" data-bs-toggle="collapse" type="button" data-lc-btn-fixed="v2"> 8632 <span class="rfs-9">What happens during a comprehensive eye exam?</span> 8633 </button> 8634 </h3> 8635 <div aria-labelledby="headingOne" class="accordion-collapse collapse" data-bs-parent="#blogAccordion" id="collapseOne"> 8636 <div class="accordion-body">We check your prescription, measure eye pressure, dilate your pupils, and examine your retina with advanced imaging. It takes about an hour and screens for conditions like glaucoma, macular degeneration, cataracts, and diabetic eye disease, many of which cause no symptoms until they've progressed. The exam catches what you can't feel. That's the whole point.</div> 8637 </div> 8638 </div> 8639 <div class="accordion-item blog-accordion-item"> 8640 <h3 class="accordion-header border-bottom" id="headingTwo"> 8641 <button aria-label="Do you take my insurance?" aria-controls="collapseTwo" aria-expanded="false" class="accordion-button collapsed" data-bs-target="#collapseTwo" data-bs-toggle="collapse" type="button" data-lc-btn-fixed="v2"> 8642 <span class="rfs-9">Do you take my insurance?</span> 8643 </button> 8644 </h3> 8645 <div aria-labelledby="headingTwo" class="accordion-collapse collapse" data-bs-parent="#blogAccordion" id="collapseTwo"> 8646 <div class="accordion-body">We work with most major plans. If your care involves premium cataract lenses, there may be out-of-pocket costs, and we're transparent about those before any decision is made. Call us to check your specific plan.</div> 8647 </div> 8648 </div> 8649 <div class="accordion-item blog-accordion-item"> 8650 <h3 class="accordion-header border-bottom" id="headingThree"> 8651 <button aria-label="What are the signs of cataracts?" aria-controls="collapseThree" aria-expanded="false" class="accordion-button collapsed" data-bs-target="#collapseThree" data-bs-toggle="collapse" type="button" data-lc-btn-fixed="v2"> 8652 <span class="rfs-9">What are the signs of cataracts?</span> 8653 </button> 8654 </h3> 8655 <div aria-labelledby="headingThree" class="accordion-collapse collapse" data-bs-parent="#blogAccordion" id="collapseThree"> 8656 <div class="accordion-body">Blurry vision, more glare than usual, faded colors, trouble driving at night. The tricky part is how slowly cataracts develop. Most patients don't realize how much their vision has changed until after surgery, when the contrast is dramatic.</div> 8657 </div> 8658 </div> 8659 <div class="accordion-item blog-accordion-item"> 8660 <h3 class="accordion-header border-bottom" id="headingFour"> 8661 <button aria-label="What is the Light Adjustable Lens?" aria-controls="collapseFour" aria-expanded="false" class="accordion-button collapsed" data-bs-target="#collapseFour" data-bs-toggle="collapse" type="button" data-lc-btn-fixed="v2"> 8662 <span class="rfs-9">What is the Light Adjustable Lens?</span> 8663 </button> 8664 </h3> 8665 <div aria-labelledby="headingFour" class="accordion-collapse collapse" data-bs-parent="#blogAccordion" id="collapseFour"> 8666 <div class="accordion-body">
8666The only cataract lens that can be adjusted after implantation. UV light treatments fine-tune your focus based on how your eye heals, not preoperative predictions. It removes a significant source of uncertainty from the process and gives you more control over the final result.</div> 8667 </div> 8668 </div> 8669 <div class="accordion-item blog-accordion-item"> 8670 <h3 class="accordion-header border-bottom" id="headingFive"> 8671 <button aria-label="What's the difference between an ophthalmologist and an optometrist?" aria-controls="collapseFive" aria-expanded="false" class="accordion-button collapsed" data-bs-target="#collapseFive" data-bs-toggle="collapse" type="button" data-lc-btn-fixed="v2"> 8672 <span class="rfs-9">What's the difference between an ophthalmologist and an optometrist?</span> 8673 </button> 8674 </h3> 8675 <div aria-labelledby="headingFive" class="accordion-collapse collapse" data-bs-parent="#blogAccordion" id="collapseFive"> 8676 <div class="accordion-body">Ophthalmologists are medical doctors trained in eye surgery and disease management. Optometrists provide comprehensive exams, prescribe corrective lenses, and manage conditions like dry eye and glaucoma. At our practice, both work together under one roof. Your exam doctor and your surgeon are already coordinating your care without you having to manage the handoff.</div> 8677 </div> 8678 </div> 8679 <div class="accordion-item blog-accordion-item"> 8680 <h3 class="accordion-header border-bottom" id="headingSix"> 8681 <button aria-label="Drops aren't helping my dry eye. What should I do?" aria-controls="collapseSix" aria-expanded="false" class="accordion-button collapsed" data-bs-target="#collapseSix" data-bs-toggle="collapse" type="button" data-lc-btn-fixed="v2"> 8682 <span class="rfs-9">Drops aren't helping my dry eye. What should I do?</span> 8683 </button> 8684 </h3> 8685 <div aria-labelledby="headingSix" class="accordion-collapse collapse" data-bs-parent="#blogAccordion" id="collapseSix"> 8686 <div class="accordion-body">Probably a lot more than you've been offered so far. Most chronic dry eye has a specific underlying cause that drops can't address. Dr. Chu and our optometry team start with diagnostics to figure out which type you have, then build a targeted treatment plan. IPL therapy treats the gland dysfunction and inflammation behind the dryness, not just the symptoms.</div> 8687 </div> 8688 </div> 8689 <div class="accordion-item blog-accordion-item"> 8690 <h3 class="accordion-header border-bottom" id="headingSeven">
8691 <button aria-label="What is keratoconus?" aria-controls="collapseSeven" aria-expanded="false" class="accordion-button collapsed" data-bs-target="#collapseSeven" data-bs-toggle="collapse" type="button" data-lc-btn-fixed="v2"> 8692 <span class="rfs-9">What is keratoconus?</span> 8693 </button> 8694 </h3> 8695 <div aria-labelledby="headingSeven" class="accordion-collapse collapse" data-bs-parent="#blogAccordion" id="collapseSeven"> 8696 <div class="accordion-body">A progressive condition where the cornea thins and changes shape, distorting vision. It typically starts in the teens or twenties. Dr. Mekhail offers corneal cross-linking to slow or halt progression, along with specialty contacts including scleral lenses. Earlier intervention leads to better long-term outcomes.</div> 8697 </div> 8698 </div> 8699 <div class="accordion-item blog-accordion-item"> 8700 <h3 class="accordion-header border-bottom" id="headingEight"> 8701 <button aria-label="I was told I can't get LASIK. Now what?" aria-controls="collapseEight" aria-expanded="false" class="accordion-button collapsed" data-bs-target="#collapseEight" data-bs-toggle="collapse" type="button" data-lc-btn-fixed="v2"> 8702 <span class="rfs-9">I was told I can't get LASIK. Now what?</span> 8703 </button> 8704 </h3> 8705 <div aria-labelledby="headingEight" class="accordion-collapse collapse" data-bs-parent="#blogAccordion" id="collapseEight"> 8706 <div class="accordion-body">The ICL (Implantable Collamer Lens) was designed for exactly this situation: patients with high prescriptions or thin corneas who don't qualify for LASIK. It's a permanent lens placed inside the eye, no tissue is removed, and it can be reversed if needed.</div> 8707 </div> 8708 </div> 8709 <div class="accordion-item blog-accordion-item"> 8710 <h3 class="accordion-header border-bottom" id="headingNine"> 8711 <button aria-label="What counts as an eye emergency?" aria-controls="collapseNine" aria-expanded="false" class="accordion-button collapsed" data-bs-target="#collapseNine" data-bs-toggle="collapse" type="button" data-lc-btn-fixed="v2"> 8712 <span class="rfs-9">What counts as an eye emergency?</span> 8713 </button> 8714 </h3> 8715 <div aria-labelledby="headingNine" class="accordion-collapse collapse" data-bs-parent="#blogAccordion" id="collapseNine"> 8716 <div class="accordion-body">Sudden vision loss, a new onset of flashes or floaters, eye injury, chemical exposure. These need attention fast. Call us immediately. We provide emergency eye care and can guide you over the phone right away.</div> 8717 </div> 8718 </div> 8719 <div class="accordion-item blog-accordion-item"> 8720 <h3 class="accordion-header border-bottom" id="headingTen"> 8721 <button aria-label="Where does cataract surgery happen?" aria-controls="collapseTen" aria-expanded="false" class="accordion-button collapsed" data-bs-target="#collapseTen" data-bs-toggle="collapse" type="button" data-lc-btn-fixed="v2"> 8722 <span class="rfs-9">Where does cataract surgery happen?</span> 8723 </button> 8724 </h3> 8725 <div aria-labelledby="headingTen" class="accordion-collapse collapse" data-bs-parent="#blogAccordion" id="collapseTen"> 8726 <div class="accordion-body">At our ambulatory surgery center in Rockville. We designed, built, and staff it ourselves. It's purpose-built for eye procedures, so you're in a familiar environment with the team that's been managing your care all along. No hospital, no unfamiliar facility.</div> 8727 </div> 8728 </div> 8729 </div> 8730 </div> 8731 </div> 8732 </div> 8733</section> 8734<!-- ââââââââââââââââââââââââââââââââââââââââââââââââââ 8735 LATEST POSTS 8736 ââââââââââââââââââââââââââââââââââââââââââââââââââ --> 8737<section class="py-lg-2 wt-gradient-img-text-2"> 8738 <section class="py-lg-6 position-relative overflow-hidden"> 8739 <div class="container"> 8740 <div class="row align-items-center g-5"> 8741 8742 <!-- left Column: Linked Post Headings --> 8743 <div class="col-lg d-flex flex-column justify-content-center"> 8744 <div class="lc-block my-3"> 8745 <h2 class="display-6 fw-semibold text-dark text-center text-lg-start">Blog</h2> 8746 </div> 8747 <div class="lc-block rf"> 8748 <ul class="list-unstyled latest-posts-list" id="latest-posts-rf_6abd3af0d83799.51995000"> 8749 <li class="py-2 border-bottom"> 8750 <h3 class="mb-0 py-2"> 8751 <a href="https://washingtoneyeinstitute.com/10-signs-your-child-may-have-vision-problems-2/" class="text-dark text-decoration-none rfs-9 fw-medium link-primary"> 8752 10 Signs Your Child May Have Vision Problems </a> 8753 </h3> 8754 </li> 8755 <li class="py-2 border-bottom"> 8756 <h3 class="mb-0 py-2"> 8757 <a href="https://washingtoneyeinstitute.com/how-light-adjustable-lenses-can-improve-your-quality-of-life-2/" class="text-dark text-decoration-none rfs-9 fw-medium link-primary"> 8758 How Light-Adjustable Lenses Can Improve Your Quality of Life </a> 8759 </h3> 8760 </li> 8761 <li class="py-2"> 8762 <h3 class="mb-0 py-2"> 8763 <a href="https://washingtoneyeinstitute.com/flashes-and-floaters-urgent-eye-care-in-maryland/" class="text-dark text-decoration-none rfs-9 fw-medium link-primary"> 8764 Flashes And Floaters: Urgent Eye Care In Maryland </a> 8765 </h3> 8766 </li> 8767 </ul> 8768 8769 </div> 8770 <!-- Decorative image block (kept for visual context) --> 8771 <div class="lc-block position-absolute top-0 end-10 d-none"> 8772 <img class="img-fluid" src="https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2025/09/Rectangle-22.svg" alt="Rectangle 22"> 8773 </div> 8774 </div> 8775 8776 <!-- Right Column: Image --> 8777<div class="col-lg-5 d-none d-lg-block"> 8778 8779 <div 8780 class="lc-block rounded-4 position-relative overflow-hidden" 8781 style=" 8782 height: 350px; 8783 background: url('https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/blog.webp?strip=all&w=640') 8784 center / cover no-repeat; 8785 " 8786 > 8787 8788 <!-- Top decorative shape --> 8789 <div class="position-absolute top-0 start-0 w-100 d-none"> 8790 <div class="d-flex w-100"> 8791 <div 8792 class="bg-white rounded-bottom-4 accordian-curve-rectangle" 8793 style="width: 33.333%; height: 40px;" 8794 ></div> 8795 <div style="width: 66.666%;"></div> 8796 </div> 8797 </div> 8798 8799 <!-- Bottom decorative curve --> 8800 <div class="position-absolute bottom-0 end-0 d-none"> 8801 <svg 8802 xmlns="http://www.w3.org/2000/svg"
8803 viewBox="0 0 49 49" 8804 width="40" 8805 height="40" 8806 style="max-width:100%; display:block;" 8807 > 8808 <path 8809 d="M0 .00000381V48.3731C0 10.4644 11.3962.00000381 48.6373.00000381Z" 8810 fill="#fff" 8811 /> 8812 </svg> 8813 </div> 8814 8815 </div> 8816 8817</div> 8818 8819 8820 </div> 8821 </div> 8822 </section> 8823 8824</section> 8825<!-- ââââââââââââââââââââââââââââââââââââââââââââââââââ 8826 SCHEDULE (partial) 8827 ââââââââââââââââââââââââââââââââââââââââââââââââââ --> 8828 8829<style> 8830/* =========================================== 8831 PHONE BUTTON STYLES & HOVER EFFECTS 8832 =========================================== */ 8833.WT-schedule-btn { 8834 transition: all 0.3s ease; 8835} 8836 8837.WT-schedule-btn:hover { 8838 background-color: #9D7F47 !important; 8839 border-color: #9D7F47 !important; 8840 color: #ffffff !important; 8841} 8842 8843.WT-schedule-btn svg { 8844 background-color: transparent; 8845} 8846 8847.WT-schedule-btn:hover svg { 8848 fill: #ffffff !important; 8849} 8850 8851/* =========================================== 8852 RESPONSIVE ADJUSTMENTS 8853 =========================================== */ 8854 8855/* Base: make both button blocks flex and same width */ 8856 8857/* Mobile + tablets up to 1024px: stack buttons */ 8858@media (max-width: 767px) { 8859 .WT-schedule-cta-wrap { 8860 flex-direction: column; /* stack vertically */ 8861 width: 100%; 8862 max-width: 360px; 8863 margin: 0 auto; 8864 } 8865 8866} 8867/* ââ Consistent section headings ââ */ 8868.wt-section-heading { 8869 font-size: clamp(1.875rem, 4vw, 3rem); 8870 font-weight: 700; 8871 color: var(--wt-text-dark); 8872 letter-spacing: -0.3px; 8873 line-height: 1.15; 8874} 8875 8876</style> 8877 8878<section class="WT-schedule-wrap py-5 py-lg-7 bg-white position-relative WT-schedule" style="background: linear-gradient(59.74deg, #CBCD84 -112.96%, #FFFFFF 38.41%); 8879"> 8880 <div class="lc-block position-absolute w-100 bottom-0 mb-xl-n4 mb-lg-n3 mb-n2"> 8881 <!-- svg kept as-is --> 8882 <svg width="100%" viewBox="0 0 1495 150" fill="none" xmlns="http://www.w3.org/2000/svg"> 8883 <path d="M1199.87 53.0131C1434.27 53.1054 1495 132.912 1495 132.912L1.40722 137.153C0.684123 75.2302 143.286 13.8102 251.626 13.8526C376.167 13.9013 556.421 80.0156 741.207 80.0884C925.992 80.1611 1061.15 52.9585 1199.87 53.0131Z" fill="#E7E8C6"></path> 8884 <path d="M1133.24 53.7539C1354.62 53.9912 1412.03 133.835 1412.03 133.835L1.40744 137.151C0.684346 75.2287 135.325 13.8975 237.646 14.0069C355.269 14.1327 525.554 80.3581 700.074 80.5452C874.595 80.7322 1002.23 53.6134 1133.24 53.7539Z" fill="#EFF0DA"></path> 8885 <path d="M1089.12 54.2456C1301.87 54.579 1357.08 134.447 1357.08 134.447L1.40757 137.151C0.684476 75.229 130.053 13.9564 228.389 14.1102C341.43 14.2871 505.112 80.586 672.835 80.8488C840.558 81.1116 963.209 54.0483 1089.12 54.2456Z" fill="#DCD5B8"></path> 8886 <path d="M994.703 55.2982C1189.01 55.8371 1239.51 135.757 1239.51 135.757L1.4076 137.152C0.684505 75.2298 118.772 14.0829 208.58 14.3317C311.818 14.6178 461.372 81.0741 614.55 81.4989C767.728 81.9238 879.715 54.9793 994.703 55.2982Z" fill="#E3DFC6"></path> 8887 </svg> 8888 </div> 8889 8890 <div class="container position-relative z-1"> 8891 <div class="row justify-content-center text-center"> 8892 <div class="col-12 col-lg-8 mb-lg-5 mb-3"> 8893 8894 <div class="lc-block mb-4"> 8895 <h2 class="wt-section-heading "> 8896 Schedule Today 8897 </h2> 8898 </div> 8899 8900 <!-- FIXED: class name WT-schedule-cta-wrap --> 8901 <div class="d-flex justify-content-center gap-4 WT-schedule-cta-wrap align-items-center flex-lg-row flex-column"> 8902 8903 <!-- Phone button --> 8904 <div class="lc-block"> 8905 <a href="tel:+(301) 800 7490" class="btn btn-outline-primary bg-white WT-schedule-btn d-flex align-items-center justify-content-center gap-1 text-primary rounded-2 rfs-7 ls-3 px-4 text-capitalize fw-normal"> 8906 <div> 8907 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="#9D7F47" class="bi bi-telephone-fill me-2" viewBox="0 0 16 16"> 8908 <path fill-rule="evenodd" 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
8908a.68.68 0 0 0 .644.178l2.189-.547a1.75 1.75 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> 8909 </svg> 8910 </div> 8911 Call or Text (301) 800 7490 8912 <!-- 8913 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#9D7F47" class="bi bi-chevron-right ms-3" viewBox="0 0 16 16"> 8914 <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"></path> 8915 </svg> 8916 --> 8917 </a> 8918 </div> 8919 8920 <!-- Book appointment button --> 8921 <div class="lc-block"> 8922 <a href="/schedule-an-appointment/" class="btn btn-primary rounded-2 rfs-7 ls-3 px-4 text-white text-capitalize fw-normal d-flex align-items-center gap-1"> 8923 Schedule an appointment 8924 <div> 8925 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#fff" class="bi bi-chevron-right ms-4" viewBox="0 0 16 16"> 8926 <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"></path> 8927 </svg> 8928 </div> 8929 </a> 8930 </div> 8931 8932 </div> 8933 8934 </div> 8935 </div> 8936 </div> 8937</section> 8938 8939 8940 8941<!-- ââââââââââââââââââââââââââââââââââââââââââââââââââ 8942 JAVASCRIPT â Service tabs + Tab switching 8943 ââââââââââââââââââââââââââââââââââââââââââââââââââ --> 8944<!-- ââââââââââââââââââââââââââââââââââââââââââââââââââ 8945 JAVASCRIPT â Service tabs + Tab switching 8946 ââââââââââââââââââââââââââââââââââââââââââââââââââ --> 8947<!-- ââââââââââââââââââââââââââââââââââââââââââââââââââ 8948 JAVASCRIPT â Service tabs + Tab switching 8949 ââââââââââââââââââââââââââââââââââââââââââââââââââ -->
8950<script> 8951/* âââââââââââââââââââââââââââââââââââââââââââââââââââââ 8952 SERVICE TAB SWITCHING (top-level tab bar) 8953âââââââââââââââââââââââââââââââââââââââââââââââââââââ */ 8954document.addEventListener('DOMContentLoaded', function () { 8955 var tabs = document.querySelectorAll('.service-tab'); 8956 var panels = document.querySelectorAll('.tab-panel'); 8957 8958 tabs.forEach(function (tab) { 8959 tab.addEventListener('click', function () { 8960 8961 /* Deactivate all tabs */ 8962 tabs.forEach(function (t) { 8963 t.classList.remove('active'); 8964 t.setAttribute('aria-selected', 'false'); /* [A11Y] sync aria-selected */ 8965 t.setAttribute('tabindex', '-1'); 8966 }); 8967 8968 /* Activate clicked tab */ 8969 tab.classList.add('active'); 8970 tab.setAttribute('aria-selected', 'true'); /* [A11Y] */ 8971 tab.setAttribute('tabindex', '0'); 8972 8973 /* Hide all panels */ 8974 panels.forEach(function (p) { 8975 p.style.display = 'none'; 8976 p.setAttribute('hidden', ''); /* [A11Y] use hidden attr */ 8977 }); 8978 8979 /* Show target panel */ 8980 var targetId = tab.getAttribute('data-tab'); 8981 var targetPanel = document.getElementById(targetId); 8982 if (targetPanel) { 8983 targetPanel.style.display = 'block'; 8984 targetPanel.removeAttribute('hidden'); /* [A11Y] */ 8985 8986 /* Re-trigger CSS animation */
8987 targetPanel.style.animation = 'none'; 8988 targetPanel.offsetHeight; /* reflow */ 8989 targetPanel.style.animation = ''; 8990 8991 /* Smooth-scroll into view on mobile */ 8992 if (window.innerWidth <= 575) { 8993 setTimeout(function () { 8994 targetPanel.scrollIntoView({ behavior: 'smooth', block: 'start' }); 8995 }, 100); 8996 } 8997 } 8998 }); 8999 9000 /* [A11Y] Arrow-key navigation for top-level tab bar */ 9001 tab.addEventListener('keydown', function (e) { 9002 var tabArray = Array.prototype.slice.call(tabs); 9003 var idx = tabArray.indexOf(tab); 9004 var next; 9005 if (e.key === 'ArrowRight' || e.key === 'ArrowDown') { 9006 e.preventDefault(); 9007 next = (idx + 1) % tabArray.length; 9008 tabArray[next].focus(); tabArray[next].click(); 9009 } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') { 9010 e.preventDefault(); 9011 next = (idx - 1 + tabArray.length) % tabArray.length; 9012 tabArray[next].focus(); tabArray[next].click(); 9013 } else if (e.key === 'Home') { 9014 e.preventDefault(); 9015 tabArray[0].focus(); tabArray[0].click(); 9016 } else if (e.key === 'End') { 9017 e.preventDefault(); 9018 tabArray[tabArray.length - 1].focus(); tabArray[tabArray.length - 1].click(); 9019 } 9020 }); 9021 }); 9022}); 9023 9024 9025/* âââââââââââââââââââââââââââââââââââââââââââââââââââââ 9026 SERVICES SIDEBAR TAB SYSTEM (sv-services widget) 9027âââââââââââââââââââââââââââââââââââââââââââââââââââââ */ 9028(function () { 9029 9030 /* ââ Data ââ */ 9031 var departments = [ 9032 { 9033 number: '01', tag: 'PRIMARY EYE CARE', title: 'Primary Eye Care', 9034 desc: 'Comprehensive eye exams, emergency care, optical services, and specialized lenses for the whole family.', 9035 cta: 'View all Services', 9036 services: [ 9037 { name: 'Primary Eye Care', href: '#' }, 9038 { name: 'Eye Emergencies', href: '#' }, 9039 { name: 'Optical', href: '#' }, 9040 { name: 'Emergency Eye Care', href: '#' }, 9041 { name: 'Optical', href: '#' }, 9042 { name: 'Kids Optical', href: '#' }, 9043 { name: 'Contact Lenses', href: '#' }, 9044 { name: 'Neurolens', href: '#' } 9045 ] 9046 }, 9047 { 9048 number: '02', tag: "CHILDREN'S VISION", title: "Children's Vision", 9049 desc: 'Specialized vision care and exams designed for children at every stage of development.', 9050 cta: 'View all Services', 9051 services: [ 9052 { name: 'Primary Eye Care', href: '#' }, 9053 { name: 'Eye Emergencies', href: '#' }, 9054 { name: 'Optical', href: '#' }, 9055 { name: 'Kids Optical', href: '#' } 9056 ] 9057 }, 9058 { 9059 number: '03', tag: 'DRY EYE', title: 'Dry Eye', 9060 desc: 'Advanced diagnostic and treatment options to relieve dry eye symptoms and restore comfort.', 9061 cta: 'View all Services', 9062 services: [ 9063 { name: 'Primary Eye Care', href: '#' }, 9064 { name: 'Eye Emergencies', href: '#' }, 9065 { name: 'Optical', href: '#' }, 9066 { name: 'Emergency Eye Care', href: '#' }, 9067 { name: 'Optical', href: '#' }, 9068 { name: 'Kids Optical', href: '#' }, 9069 { name: 'Neurolens', href: '#' } 9070 ] 9071 }, 9072 { 9073 number: '04', tag: 'MYOPIA MANAGEMENT', title: 'Myopia Management', 9074 desc: 'Evidence-based treatments to slow myopia progression in children and young adults.', 9075 cta: 'View all Services', services: [] 9076 }, 9077 { 9078 number: '05', tag: 'SPECIALTY CONTACTS', title: 'Specialty Contacts', 9079 desc: 'Custom-fit specialty contact lenses for complex prescriptions and hard-to-fit eyes.', 9080 cta: 'View all Services', services: [] 9081 }, 9082 { 9083 number: '06', tag: 'VISION THERAPY', title: 'Vision Therapy', 9084 desc: 'Personalized vision therapy programs to improve visual skills, coordination, and comfort.', 9085 cta: 'View all Services', services: [] 9086 } 9087 ]; 9088 9089 /* ââ DOM refs ââ */ 9090 var navItems = Array.prototype.slice.call(document.querySelectorAll('.sv-sidebar__nav-item')); 9091 var tabButtons = Array.prototype.slice.call(document.querySelectorAll('.sv-sidebar__nav-btn')); 9092 var contentPanel = document.getElementById('sv-panel'); 9093 var bcNumber = document.getElementById('svBcNumber'); 9094 var bcLabel = document.getElementById('svBcLabel'); 9095 var contentTitle = document.getElementById('svContentTitle'); 9096 var contentDesc = document.getElementById('svContentDesc'); 9097 var serviceCards = document.getElementById('svServiceCards'); 9098 var ctaText = document.getElementById('svCtaText'); 9099 9100 /* [PERF] Early-exit guard â don't crash if widget isn't on this page */ 9101 if (!contentPanel || !serviceCards) return; 9102 9103 /* ââ Motion preference ââ */ 9104 var motionQuery = window.matchMedia('(prefers-reduced-motion: reduce)'); 9105 var prefersReducedMotion = motionQuery.matches; 9106 var TRANSITION_MS = prefersReducedMotion ? 0 : 120; 9107 9108 /* ââ Card builder ââ */ 9109 function buildCardElement(service) { 9110 var a = document.createElement('a'); 9111 a.href = service.href; 9112 a.className = 'sv-card'; 9113 a.setAttribute('role', 'listitem'); 9114 9115 var nameSpan = document.createElement('span'); 9116 nameSpan.className = 'sv-card__name'; 9117 nameSpan.textContent = service.name; 9118 9119 var arrowSpan = document.createElement('span'); 9120 arrowSpan.className = 'sv-card__arrow'; 9121 arrowSpan.setAttribute('aria-hidden', 'true'); 9122 arrowSpan.innerHTML = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><path d="M9 18l6-6-6-6"/></svg>'; 9123 9124 a.appendChild(nameSpan); 9125 a.appendChild(arrowSpan); 9126 return a; 9127 } 9128 9129 /* ââ setActive ââ */ 9130 function setActive(index, moveFocus) { 9131
9132 /* Update nav item + button ARIA states */ 9133 navItems.forEach(function (item, i) { 9134 item.setAttribute('aria-selected', i === index ? 'true' : 'false'); 9135 }); 9136 tabButtons.forEach(function (btn, i) { 9137 btn.setAttribute('aria-selected', i === index ? 'true' : 'false'); 9138 btn.setAttribute('tabindex', i === index ? '0' : '-1'); 9139 }); 9140 9141 /* Point panel's labelledby at the active tab button */ 9142 contentPanel.setAttribute('aria-labelledby', 'sv-tab-' + index); 9143 9144 var dept = departments[index]; 9145 9146 /* Fade-out (skipped if reduced-motion) */ 9147 if (TRANSITION_MS > 0) { 9148 contentPanel.style.opacity = '0'; 9149 contentPanel.style.transform = 'translateY(6px)'; 9150 } 9151 9152 /* Swap content after transition */ 9153 setTimeout(function () { 9154 bcNumber.textContent = dept.number; 9155 bcLabel.textContent = dept.tag; 9156 contentTitle.textContent = dept.title; 9157 contentDesc.textContent = dept.desc; 9158 ctaText.textContent = dept.cta; 9159 9160 /* [PERF] Clear cards safely without innerHTML */ 9161 while (serviceCards.firstChild) { 9162 serviceCards.removeChild(serviceCards.firstChild); 9163 } 9164 9165 /* [A11Y] "No services listed" placeholder if empty */ 9166 if (dept.services.length === 0) { 9167 var placeholder = document.createElement('p'); 9168 placeholder.className = 'sv-card__name text-muted small py-2'; 9169 placeholder.textContent = 'Services coming soon.'; 9170 serviceCards.appendChild(placeholder); 9171 } else { 9172 dept.services.forEach(function (service) { 9173 serviceCards.appendChild(buildCardElement(service)); 9174 }); 9175 } 9176 9177 /* Fade-in */ 9178 contentPanel.style.opacity = '1'; 9179 contentPanel.style.transform = 'translateY(0)'; 9180 9181 /* Move focus to title for screen readers if triggered by click */ 9182 if (moveFocus) { 9183 contentTitle.setAttribute('tabindex', '-1'); 9184 contentTitle.focus({ preventScroll: true }); 9185 } 9186 9187 }, TRANSITION_MS); 9188 9189 /* Mobile: scroll active tab button into view */ 9190 if (window.innerWidth <= 840) { 9191 tabButtons[index].scrollIntoView({ 9192 behavior: 'smooth', block: 'nearest', inline: 'center' 9193 }); 9194 /* Also scroll content panel into view if it's off-screen */ 9195 setTimeout(function () { 9196 var rect = contentPanel.getBoundingClientRect(); 9197 if (rect.top > window.innerHeight * 0.7) { 9198 contentPanel.scrollIntoView({ behavior: 'smooth', block: 'start' }); 9199 } 9200 }, TRANSITION_MS + 50); 9201 } 9202 } 9203 9204 /* ââ Initialize first tab ââ */ 9205 departments[0].services.forEach(function (service) { 9206 serviceCards.appendChild(buildCardElement(service)); 9207 }); 9208 9209 /* ââ Click handlers ââ */ 9210 tabButtons.forEach(function (btn, i) { 9211 btn.addEventListener('click', function () { setActive(i, true); }); 9212 }); 9213 9214 /* ââ Keyboard navigation (ARIA Tabs pattern) ââ */ 9215 var sidebarNavEl = document.getElementById('svSidebarNav'); 9216 if (sidebarNavEl) { 9217 sidebarNavEl.addEventListener('keydown', function (e) { 9218 var current = tabButtons.indexOf(document.activeElement); 9219 if (current === -1) return; 9220 var next; 9221 switch (e.key) { 9222 case 'ArrowDown': 9223 case 'ArrowRight': 9224 e.preventDefault(); 9225 next = (current + 1) % tabButtons.length;
9226 setActive(next, false); 9227 tabButtons[next].focus(); 9228 break; 9229 case 'ArrowUp': 9230 case 'ArrowLeft': 9231 e.preventDefault(); 9232 next = (current - 1 + tabButtons.length) % tabButtons.length; 9233 setActive(next, false); 9234 tabButtons[next].focus(); 9235 break; 9236 case 'Home': 9237 e.preventDefault(); 9238 setActive(0, false); 9239 tabButtons[0].focus(); 9240 break; 9241 case 'End': 9242 e.preventDefault(); 9243 next = tabButtons.length - 1; 9244 setActive(next, false); 9245 tabButtons[next].focus(); 9246 break; 9247 } 9248 }); 9249 } 9250 9251 /* ââ Scroll-hint dismiss ââ */ 9252 var scrollHint = document.querySelector('.sv-scroll-hint'); 9253 var sidebarNav = document.querySelector('.sv-sidebar__nav'); 9254 if (scrollHint && sidebarNav) { 9255 var hintDismissed = false; 9256 sidebarNav.addEventListener('scroll', function () { 9257 if (!hintDismissed) { 9258 hintDismissed = true; 9259 scrollHint.classList.add('sv-hidden'); 9260 } 9261 }, { passive: true }); 9262 tabButtons.forEach(function (btn) { 9263 btn.addEventListener('click', function () { 9264 if (!hintDismissed && window.innerWidth <= 840) { 9265 hintDismissed = true; 9266 scrollHint.classList.add('sv-hidden'); 9267 } 9268 }); 9269 }); 9270 } 9271 9272 /* ââ Reduced-motion live listener ââ */ 9273 motionQuery.addEventListener('change', function (e) { 9274 prefersReducedMotion = e.matches; 9275 TRANSITION_MS = prefersReducedMotion ? 0 : 120; 9276 }); 9277 9278})(); 9279</script>
9279 9280<!-- ============================================================ 9281 VIDEO PLAYLIST SCRIPT 9282 ============================================================ --> 9283</main> 9284 9285 9286 9287<footer id='lc-footer'> 9288<style> 9289 .footer-icon-circle{ 9290 height:40px; 9291 width:40px; 9292 } 9293 .bg-footer { 9294 background: #E3DFC6; 9295} 9296 .footer-icon-circle i{ 9297 color: #F3FBFB !important; 9298 } 9299 9300 .footer-btn{ 9301 border: 1px solid #4191C4; 9302 } 9303 9304 .footer-btn:hover{ 9305 border: none; 9306 color: #fff !important; 9307 background-color: var(--bs-info) !important; 9308 } 9309 9310 /* Prevent underline on social media icons */ 9311 footer .rounded-circle a:hover{ 9312 text-decoration: none !important; 9313 } 9314 9315 .footer-bottom-row { 9316 column-gap: 30px !important; 9317 } 9318 9319 @media (max-width: 1024px) { 9320 .footer-bottom-row { 9321 column-gap: 15px !important; 9322 } 9323 } 9324 9325 .footer-doctor-card{ 9326 border-color:#919095 !important; 9327 } 9328 9329 .footer-doctor-card:hover{ 9330 color:white !important; 9331 background-color: #9D7F47 !important; 9332 border-color: #9D7F47 !important; 9333 } 9334 9335 .footer-border-color{ 9336 border-color: #919095 !important; 9337 } 9338 9339 .footer_location{ 9340 background-color: #F7F7EBA8; 9341 } 9342 9343 @media (min-width: 768px) { 9344 .doctor-list-custom > div.col-md-6:nth-last-child(1):nth-child(odd) { 9345 flex: 0 0 100% !important; 9346 max-width: 100% !important; 9347 } 9348} 9349@media (min-width: 1200px) { 9350 .container.footer-con { 9351 max-width: 1400px; 9352 } 9353} 9354 9355</style> 9356 9357 9358 <footer class="pt-5 bg-footer pb-lg-3 pb-4 px-2"> 9359 <div class="container footer-con"> 9360 <div class="row justify-content-lg-between justify-content-center border-bottom px-3 px-xl-5 px-lg-3 py-md-6 py-6 pt-4 border border-1 footer-border-color bg-white rounded-4 "> 9361 <!-- Logo and Social Media Section --> 9362 <div class="col-12 row px-lg-0 justify-content-between"> 9363 <div class="col-12 col-lg-3 d-flex flex-column gap-lg-3 gap-4 mb-5 mb-lg-0 align-items-center "> 9364 9365 <div class="lc-block"> 9366 <!-- Accessibility + performance fix: alt + lazy loading --> 9367 <img class="img-fluid wp-image-13124" src="https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/footer_logo-transformed.webp" width="1167" height="274" srcset=" 9368 https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/footer_logo-transformed-300x70.webp 300w, 9369 https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/footer_logo-transformed-768x180.webp 768w, 9370 https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/footer_logo-transformed-1024x240.webp 1024w, 9371 https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/02/footer_logo-transformed.webp 1167w" sizes="(max-width: 1167px) 100vw, 1167px" loading="lazy" decoding="async" alt="Washington Eye Institute logo in footer" /> 9372 </div> 9373 9374 <div class="lc-block mb-lg-6"> 9375 <div class="d-flex gap-2 "> 9376 <div class="bg-primary rounded-circle d-flex justify-content-center align-items-center" style="width: 35px; height: 35px;"> 9377 <a href="https://www.facebook.com/Washington-Eye-Institute-WEI-186612758041325/" target="_blank" class="text-decoration-none d-flex" aria-label="Visit Washington Eye Institute on Facebook"> 9378 <i class="fa-brands fa-facebook-f text-white fs-5" aria-hidden="true"></i> 9379 </a> 9380 </div> 9381 <div class="bg-primary rounded-circle d-flex justify-content-center align-items-center" style="width: 35px; height: 35px;"> 9382 <a href="https://twitter.com/WashingtonEye1" target="_blank" class="text-decoration-none d-flex" aria-label="Visit Washington Eye Institute on X"> 9383 <i class="fa-brands fa-x-twitter text-white fs-5" aria-hidden="true"></i> 9384 </a> 9385 </div> 9386 <div class="bg-primary rounded-circle d-flex justify-content-center align-items-center" style="width: 35px; height: 35px;"> 9387 <a href="https://www.instagram.com/washingtoneyeinstitute/" target="_blank" class="text-decoration-none d-flex" aria-label="Visit Washington Eye Institute on Instagram"> 9388 <i class="fa-brands fa-instagram text-white fs-5" aria-hidden="true"></i> 9389 </a> 9390 </div> 9391 </div> 9392 </div> 9393 9394 </div> 9395 <div class="col-lg-9 row justify-content-lg-end">
9396 <div class="col-xl-3 col-md-6 card-container col-12 px-2 mb-3"> 9397 <div class="card m-0 footer_location shadow-none p-3 pt-4 rounded-4 h-100"> 9398 <h3 class="rfs-7 text-uppercase ms-0 text-dark"> 9399 Rockville 9400 </h3> 9401 <ul class="list-unstyled d-flex flex-column align-items-start mt-3 me-3 mg-0 gap-2"> 9402 9403 <li> 9404 <a href="https://washingtoneyeinstitute.com/location/rockville/" target="_blank" class="d-flex text-decoration-none gap-2 justify-content-between align-items-start "> 9405 9406 <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" class="bi bi-geo-alt-fill flex-shrink-0 mt-2" style="width:18px; height:18px; min-width:18px; min-height:18px;" aria-hidden="true" focusable="false"> 9407 <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6"></path> 9408 </svg> 9409 9410 <p class="text-wrap text-dark mb-0 rfs-6"> 9411 14995 Shady Grove Rd Suite 110, 9412 Rockville, 9413 MD 9414 20850 9415 </p> 9416 </a> 9417 </li> 9418 9419 9420 <li class="text-start"> 9421 <a href="tel:+1(301)-277-4844" class="d-flex text-decoration-none gap-2 justify-content-between align-items-start" aria-label="Call Rockville location at (301) 277-4844"> 9422 9423 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="flex-shrink-0" style="width:18px; height:18px; min-width:18px; min-height:18px;" aria-hidden="true" focusable="false"> 9424 <path fill="#9D7F47" d="M20 18.35V19a1 1 0 0 1-1 1h-2A17 17 0 0 1 0 3V1a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4c0 .56-.31 1.31-.7 1.7L3.16 8.84c1.52 3.6 4.4 6.48 8 8l2.12-2.12c.4-.4 1.15-.71 1.7-.71H19a1 1 0 0 1 .99 1v3.35z"> 9425 </path> 9426 </svg> 9427 9428 <p class="text-wrap text-dark mb-0 rfs-6"> 9429 (301) 277-4844 9430 </p> 9431 </a> 9432 </li> 9433 9434 9435 9436 <li class="text-start mb-0 d-flex gap-2 align-items-start"> 9437 <i class="fa fa-fax fs-5 text-primary flex-shrink-0" style="min-width:18px;" aria-hidden="true"></i> 9438 9439 <p class="text-wrap text-dark mb-0 rfs-6"> 9440 (301) 927-3221 9441 </p> 9442 </li> 9443 9444 9445 </ul> 9446 </div> 9447 </div> 9448 <div class="col-xl-3 col-md-6 card-container col-12 px-2 mb-3"> 9449 <div class="card m-0 footer_location shadow-none p-3 pt-4 rounded-4 h-100"> 9450 <h3 class="rfs-7 text-uppercase ms-0 text-dark"> 9451 Greenbelt 9452 </h3> 9453 <ul class="list-unstyled d-flex flex-column align-items-start mt-3 me-3 mg-0 gap-2"> 9454 9455 <li> 9456 <a href="https://washingtoneyeinstitute.com/location/greenbelt/" target="_blank" class="d-flex text-decoration-none gap-2 justify-content-between align-items-start "> 9457 9458 <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" class="bi bi-geo-alt-fill flex-shrink-0 mt-2" style="width:18px; height:18px; min-width:18px; min-height:18px;" aria-hidden="true" focusable="false"> 9459 <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6"></path> 9460 </svg> 9461 9462 <p class="text-wrap text-dark mb-0 rfs-6"> 9463 7500 Greenway Center Dr Ste 300, 9464 Greenbelt, 9465 MD 9466 20770 9467 </p> 9468 </a> 9469 </li> 9470 9471 9472 <li class="text-start"> 9473 <a href="tel:+1(301)-800-7490" class="d-flex text-decoration-none gap-2 justify-content-between align-items-start" aria-label="Call Greenbelt location at (301) 800-7490"> 9474 9475 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="flex-shrink-0" style="width:18px; height:18px; min-width:18px; min-height:18px;" aria-hidden="true" focusable="false"> 9476 <path fill="#9D7F47" d="M20 18.35V19a1 1 0 0 1-1 1h-2A17 17 0 0 1 0 3V1a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4c0 .56-.31 1.31-.7 1.7L3.16 8.84c1.52 3.6 4.4 6.48 8 8l2.12-2.12c.4-.4 1.15-.71 1.7-.71H19a1 1 0 0 1 .99 1v3.35z"> 9477 </path> 9478 </svg> 9479 9480 <p class="text-wrap text-dark mb-0 rfs-6"> 9481 (301) 800-7490 9482 </p> 9483 </a> 9484 </li> 9485 9486 9487 9488 <li class="text-start mb-0 d-flex gap-2 align-items-start"> 9489 <i class="fa fa-fax fs-5 text-primary flex-shrink-0" style="min-width:18px;" aria-hidden="true"></i> 9490 9491 <p class="text-wrap text-dark mb-0 rfs-6"> 9492 (301) 927-3221 9493 </p> 9494 </li> 9495 9496 9497 </ul> 9498 </div> 9499 </div>
9500 <div class="col-xl-3 col-md-6 card-container col-12 px-2 mb-3"> 9501 <div class="card m-0 footer_location shadow-none p-3 pt-4 rounded-4 h-100"> 9502 <h3 class="rfs-7 text-uppercase ms-0 text-dark"> 9503 Eye Surgery Center 9504 </h3> 9505 <ul class="list-unstyled d-flex flex-column align-items-start mt-3 me-3 mg-0 gap-2"> 9506 9507 <li> 9508 <a href="https://washingtoneyeinstitute.com/location/eye-surgery-center/" target="_blank" class="d-flex text-decoration-none gap-2 justify-content-between align-items-start "> 9509 9510 <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" class="bi bi-geo-alt-fill flex-shrink-0 mt-2" style="width:18px; height:18px; min-width:18px; min-height:18px;" aria-hidden="true" focusable="false"> 9511 <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6"></path> 9512 </svg> 9513 9514 <p class="text-wrap text-dark mb-0 rfs-6"> 9515 14995 Shady Grove Rd Suite 110, 9516 Rockville, 9517 MD 9518 20850 9519 </p> 9520 </a> 9521 </li> 9522 9523 9524 <li class="text-start"> 9525 <a href="tel:+1(301)-277-4844" class="d-flex text-decoration-none gap-2 justify-content-between align-items-start" aria-label="Call Eye Surgery Center location at (301) 277-4844"> 9526 9527 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="flex-shrink-0" style="width:18px; height:18px; min-width:18px; min-height:18px;" aria-hidden="true" focusable="false"> 9528 <path fill="#9D7F47" d="M20 18.35V19a1 1 0 0 1-1 1h-2A17 17 0 0 1 0 3V1a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4c0 .56-.31 1.31-.7 1.7L3.16 8.84c1.52 3.6 4.4 6.48 8 8l2.12-2.12c.4-.4 1.15-.71 1.7-.71H19a1 1 0 0 1 .99 1v3.35z"> 9529 </path> 9530 </svg> 9531 9532 <p class="text-wrap text-dark mb-0 rfs-6"> 9533 (301) 277-4844 9534 </p> 9535 </a> 9536 </li> 9537 9538 9539 9540 9541 </ul> 9542 </div> 9543 </div> 9544 <div class="col-xl-3 col-md-6 card-container col-12 px-2 mb-3"> 9545 <div class="card m-0 footer_location shadow-none p-3 pt-4 rounded-4 h-100"> 9546 <h3 class="rfs-7 text-uppercase ms-0 text-dark"> 9547 Cumberland 9548 </h3> 9549 <ul class="list-unstyled d-flex flex-column align-items-start mt-3 me-3 mg-0 gap-2"> 9550 9551 <li> 9552 <a href="https://washingtoneyeinstitute.com/location/cumberland/" target="_blank" class="d-flex text-decoration-none gap-2 justify-content-between align-items-start "> 9553 9554 <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" class="bi bi-geo-alt-fill flex-shrink-0 mt-2" style="width:18px; height:18px; min-width:18px; min-height:18px;" aria-hidden="true" focusable="false"> 9555 <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6"></path> 9556 </svg> 9557 9558 <p class="text-wrap text-dark mb-0 rfs-6"> 9559 625 Kent Ave Suite 201, 9560 Cumberland, 9561 MD 9562 21502 9563 </p> 9564 </a> 9565 </li> 9566 9567 9568 <li class="text-start"> 9569 <a href="tel:+1(301)-277-4844" class="d-flex text-decoration-none gap-2 justify-content-between align-items-start" aria-label="Call Cumberland location at (301) 277-4844"> 9570 9571 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="flex-shrink-0" style="width:18px; height:18px; min-width:18px; min-height:18px;" aria-hidden="true" focusable="false"> 9572 <path fill="#9D7F47" d="M20 18.35V19a1 1 0 0 1-1 1h-2A17 17 0 0 1 0 3V1a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4c0 .56-.31 1.31-.7 1.7L3.16 8.84c1.52 3.6 4.4 6.48 8 8l2.12-2.12c.4-.4 1.15-.71 1.7-.71H19a1 1 0 0 1 .99 1v3.35z"> 9573 </path> 9574 </svg> 9575 9576 <p class="text-wrap text-dark mb-0 rfs-6"> 9577 (301) 277-4844 9578 </p> 9579 </a> 9580 </li> 9581 9582 9583 9584 <li class="text-start mb-0 d-flex gap-2 align-items-start"> 9585 <i class="fa fa-fax fs-5 text-primary flex-shrink-0" style="min-width:18px;" aria-hidden="true"></i> 9586 9587 <p class="text-wrap text-dark mb-0 rfs-6"> 9588 (301) 927-3221 9589 </p> 9590 </li> 9591 9592 9593 </ul> 9594 </div> 9595 </div> 9596 9597 9598 </div> 9599 9600
9601 </div> 9602 <!-- Right Section --> 9603 <div class="col-12 col-lg px-lg-0"> 9604 <!-- Dynamic Doctor Buttons --> 9605 <div class="row justify-content-lg-between justify-content-md-around"> 9606 <!-- Quick Links --> 9607 <div class="col-lg-4 col-md-4 col-12 order-0 order-lg-0 mt-4 mt-lg-0"> 9608 <div class="d-flex flex-column gap-3"> 9609 <p class="fw-medium text-dark rfs-7 mb-2 text-center text-lg-start">Quick links</p> 9610 9611 <hr class="mt-n2 w-90" style="border: 1px solid #3d3d3d;" /> 9612 9613 9614 <div class="row justify-content-lg-around justify-content-around"> 9615 <div class="col-lg-6 col-md-5 col-5"> 9616 <ul class="list-unstyled d-flex flex-column row-gap-3 mb-0"> 9617 <li class="lh-1"><a href="https://washingtoneyeinstitute.com/" class="text-dark text-decoration-none rfs-6">Home</a></li> 9618 <li class="lh-1"><a href="https://washingtoneyeinstitute.com/services/" class="text-dark text-decoration-none rfs-6">Services</a></li> 9619 <li class="lh-1"><a href="https://washingtoneyeinstitute.com/conditions/" class="text-dark text-decoration-none rfs-6">Conditions</a></li> 9620 <li class="lh-1"><a href="https://washingtoneyeinstitute.com/our-blog/" class="text-dark text-decoration-none rfs-6">Blogs</a></li> 9621 </ul> 9622 </div> 9623 <div class="col-5 col-md-5 col-lg-6"> 9624 <ul class="list-unstyled d-flex flex-column row-gap-3 mt-lg-0 mb-0"> 9625 <li class="lh-1"><a href="https://washingtoneyeinstitute.com/compliance-risk/" class="text-dark text-decoration-none rfs-6">Compliance & Risk</a></li> 9626 9627 <li class="lh-1"><a href="https://washingtoneyeinstitute.com/refer-a-patient/" class="text-dark text-decoration-none rfs-6">Refer A Patient</a></li> 9628 <li class="lh-1"><a href="https://washingtoneyeinstitute.com/forms/" class="text-dark text-decoration-none rfs-6">Patient Forms</a></li> 9629 <li class="lh-1"><a href="https://washingtoneyeinstitute.com/disclaimer/" class="text-dark text-decoration-none rfs-6">Disclaimer</a></li> 9630 <li class="lh-1"><a href=" https://refocuseyedoctors.com/privacy-policy/" class="text-dark text-decoration-none rfs-6">Privacy Policy</a></li> 9631 <li class="lh-1"><a href=" https://refocuseyedoctors.com/terms-of-use/" class="text-dark text-decoration-none rfs-6">Terms of Use</a></li> 9632 <li class="lh-1"><a href=" https://refocuseyedoctors.com/notice-of-nondiscrimination-policy/" class="text-dark text-decoration-none rfs-6">Nondiscrimination</a></li> 9633 <li class="lh-1"><a href=" https://refocuseyedoctors.com/billing-disclosure/" class="text-dark text-decoration-none rfs-6">Billing Disclosure</a></li> 9634 9635 <li class="lh-1"><a href="https://washingtoneyeinstitute.com/sms-terms-and-conditions/" class="text-dark text-decoration-none rfs-6">SMS and Accessibility</a></li> 9636 <li class="lh-1"><a href="https://eyepromise.com/?practiceId=5071809&displayname=Washington%20Eye%20Institute#opc" class="text-dark text-decoration-none rfs-6">Physician Recommended Neutraceuticals</a></li> 9637 9638 </ul> 9639 </div> 9640 </div> 9641 </div> 9642 </div> 9643 9644 <!-- Services --> 9645 <div class="col-lg-4 col-md-5 col-12 mt-4 mt-lg-0 order-1 order-lg-1"> 9646 <div class="d-flex flex-column gap-3"> 9647 <p class="fw-medium text-dark rfs-7 mb-2 text-center text-lg-start">Services</p> 9648 <hr class="mt-n2 w-95" style="border: 1px solid #3D3D3D;" /> 9649 <div class="row justify-content-lg-between justify-content-around"> 9650 <div class="col-lg-6 col-md-5 col-5"> 9651 <ul class="list-unstyled d-flex flex-column row-gap-3 mb-0"> 9652 <li class="lh-1"><a href="https://washingtoneyeinstitute.com/cataract-surgery-3/" class="text-dark text-decoration-none rfs-6">Cataract Surgery</a></li> 9653 <li class="lh-1"><a href="https://washingtoneyeinstitute.com/premium-cataract-surgery/" class="text-dark text-decoration-none rfs-6">Premium Cataract Surgery</a></li> 9654 <li class="lh-1"><a href="https://washingtoneyeinstitute.com/femtosecond-laser-assisted-cataract-surgery/" class="text-dark text-decoration-none rfs-6">Laser Cataract Surgery</a></li> 9655 <li class="lh-1"><a href="https://washingtoneyeinstitute.com/light-adjustable-lens-for-cataract-surgery/" class="text-dark text-decoration-none rfs-6">Light Adjustable Lens</a></li> 9656 <li class="lh-1"><a href="https://washingtoneyeinstitute.com/panoptix-trifocal-iol/" class="text-dark text-decoration-none rfs-6">Panoptix Lenses</a></li> 9657 <li class="lh-1"><a href="https://washingtoneyeinstitute.com/apthera-ic8/" class="text-dark text-decoration-none rfs-6">Apthera IC8 IOLs</a></li> 9658 <li class="lh-1"><a href="https://washingtoneyeinstitute.com/vivity-extended-vision-iol/" class="text-dark text-decoration-none rfs-6">Vivity EDOF IOL</a></li> 9659 <li class="lh-1"><a href="https://washingtoneyeinstitute.com/icl-implantable-collamer-lens-surgery/" class="text-dark text-decoration-none rfs-6">ICL Surgery</a></li> 9660 <li class="lh-1"><a href="https://washingtoneyeinstitute.com/refractive-lens-exchange-rle/" class="text-dark text-decoration-none rfs-6">Lens Exchange</a></li> 9661 9662 </ul> 9663 </div> 9664 <div class="col-5 col-md-5 col-lg-6"> 9665 <ul class="list-unstyled d-flex flex-column row-gap-3 mt-lg-0 mb-0"> 9666 <li class="lh-1"><a href="https://washingtoneyeinstitute.com/dry-eye-disease-symptoms-causes-and-treatment/" class="text-dark text-decoration-none rfs-6">Dry Eye</a></li> 9667 <li class="lh-1"><a href="https://washingtoneyeinstitute.com/ipl-dry-eye-treatment/" class="text-dark text-decoration-none rfs-6">IPL Dry Eye</a></li> 9668 <li class="lh-1"><a href="https://washingtoneyeinstitute.com/scleral-contact-lenses/" class="text-dark text-decoration-none rfs-6">Scleral Lenses</a></li> 9669 9670 <li class="lh-1"><a href="https://washingtoneyeinstitute.com/macular-degeneration/" class="text-dark text-decoration-none rfs-6">Macular Degeneration</a></li> 9671 <li class="lh-1"><a href="https://washingtoneyeinstitute.com/diabetic-eye-disease/" class="text-dark text-decoration-none rfs-6">Diabetic Eye Disease</a></li> 9672 <li class="lh-1">
9672<a href="https://washingtoneyeinstitute.com/keratoconus-symptoms-causes-and-treatment/" class="text-dark text-decoration-none rfs-6">Keratoconus</a></li> 9673 <li class="lh-1"><a href="https://washingtoneyeinstitute.com/corneal-cross-linking-cxl-for-keratoconus/" class="text-dark text-decoration-none rfs-6">Corneal Cross-Linking</a></li> 9674 <li class="lh-1"><a href="https://washingtoneyeinstitute.com/glaucoma/" class="text-dark text-decoration-none rfs-6">Glaucoma</a></li> 9675 <li class="lh-1"><a href="https://washingtoneyeinstitute.com/migs-minimally-invasive-glaucoma-surgery/" class="text-dark text-decoration-none rfs-6">MIGS</a></li> 9676 </ul> 9677 </div> 9678 </div> 9679 </div> 9680 </div> 9681 9682 <!-- Dynamic Contact Us --> 9683 <div class="col-lg-4 col-md-12 col-12 mt-5 order-2 order-lg-2"> 9684 9685 <div class="d-flex flex-wrap row-gap-2 column-gap-0 doctor-list-custom justify-content-center"> 9686 <a href="https://washingtoneyeinstitute.com/doctor/michael-summerfield-md/" class="btn footer-doctor-card rfs-6 fw-normal rounded-pill py-2 px-3 col-12 col-md-6"> 9687 Dr. Summerfield 9688 </a> 9689 9690 <a href="https://washingtoneyeinstitute.com/doctor/joseph-mekhail-md/" class="btn footer-doctor-card rfs-6 fw-normal rounded-pill py-2 px-3 col-12 col-md-6"> 9691 Dr. Mekhail 9692 </a> 9693 9694 <a href="https://washingtoneyeinstitute.com/doctor/sarah-chang-md/" class="btn footer-doctor-card rfs-6 fw-normal rounded-pill py-2 px-3 col-12 col-md-6"> 9695 Dr. Chang 9696 </a> 9697 9698 <a href="https://washingtoneyeinstitute.com/doctor/rajini-seevaratnam-od/" class="btn footer-doctor-card rfs-6 fw-normal rounded-pill py-2 px-3 col-12 col-md-6"> 9699 Dr. Seevaratnam 9700 </a> 9701 9702 <a href="https://washingtoneyeinstitute.com/doctor/diana-chu-od/" class="btn footer-doctor-card rfs-6 fw-normal rounded-pill py-2 px-3 col-12 col-md-6"> 9703 Dr. Chu 9704 </a> 9705 9706 <a href="https://washingtoneyeinstitute.com/doctor/debra-weltman-od/" class="btn footer-doctor-card rfs-6 fw-normal rounded-pill py-2 px-3 col-12 col-md-6"> 9707 Dr. Weltman 9708 </a> 9709 9710 <a href="https://washingtoneyeinstitute.com/doctor/zachary-eller-md-ms/" class="btn footer-doctor-card rfs-6 fw-normal rounded-pill py-2 px-3 col-12 col-md-6"> 9711 Dr. Eller 9712 </a> 9713 9714 9715 </div> 9716 9717 </div> 9718 9719 9720 9721 </div> 9722 </div> 9723 9724 </div> 9725 <div class="row pt-3 pb-2 justify-content-between"> 9726 <div class="col-12 col-md-6"> 9727 </div> 9728 <div class="col-12 col-md-6"> 9729 <div class="d-flex justify-content-md-end justify-content-center align-items-center flex-row flex-md-row gap-3"> 9730 <div class="lc-block d-flex align-items-center gap-3 mt-3 mt-lg-0"> 9731 <p class="rfs-5 text-dark mb-0">Copyright 2026 © All Rights Reserved</p> 9732 9733 <a href="https://refocuseyedoctors.com/" aria-label="Visit Refocus Eye Doctors website"> 9734 <img class="img-fluid wp-image-13629 d-none d-md-block" src="https://washingtoneyeinstitute.sv-builder.com/wp-content/uploads/sites/49/2026/01/logo-1.svg" alt="Refocus Eye Doctors logo" loading="lazy" decoding="async" /> 9735 </a> 9736 </div> 9737 </div> 9738 </div> 9739 </div> 9740 </div> 9741 </footer> 9742 9743<div> 9744 <div class="container"> 9745 <div class="row"> 9746 <div class="col-12"> 9747 <div class="d-flex justify-content-center align-items-center bg-white text-dark py-3 gap-2"> 9748 <span class="m-0 rfs-5">Website Designed by</span> 9749 <a href="https://specialty.vision/marketing-for-ophthalmology/" class="text-decoration-none"> 9750 <img class="img-fluid" width="23" src="https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/9/2025/09/favicon-specialty-vision-fullcolor11.webp?strip=all" alt="Specialty Vision Logo"> 9751 </a> 9752 <a href="https://specialty.vision/marketing-for-ophthalmology/" class="text-decoration-none"> 9753 <span class="rfs-5 fw-semibold text-dark">Specialty Vision</span> 9754 </a> 9755 </div> 9756 </div> 9757 </div> 9758 </div> 9759</div> 9760 9761 9762</footer> 9763 9764 9765 9766
9766<script type="speculationrules"> 9767{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/sites/49/*","/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"}]} 9768</script>
9768 9769 9770
9770<script id="lc_script_tag" type="module">// TESTIMONIAL SLIDER + BOOTSTRAP FORM MOBILE 9771 9772// Initialize the carousel controls 9773const prevBtn = document.querySelector('.prev-btn'); 9774const nextBtn = document.querySelector('.next-btn'); 9775const reviewWrapper = document.querySelector('.review-wrapper'); 9776const reviews = document.querySelectorAll('.review'); // All individual reviews 9777 9778let currentIndex = 0; 9779const reviewsPerSlide = window.innerWidth < 767 ? 1 : 3; // 1 review per slide on mobile, 3 on desktop 9780const totalReviews = reviews.length; // Total number of reviews 9781 9782// Function to slide to the next review group 9783function slideReview(direction) { 9784 const reviewWidth = reviews[0].offsetWidth; // Get the width of a single review 9785 const maxIndex = totalReviews - reviewsPerSlide; // Max index to prevent overshooting 9786 9787 // Update the currentIndex based on direction (1 for next, -1 for prev) 9788 currentIndex += direction; 9789 9790 // For continuous loop: wrap around the index 9791 if (currentIndex < 0) { 9792 currentIndex = totalReviews - reviewsPerSlide; // Go to the last review 9793 } 9794 if (currentIndex > maxIndex) { 9795 currentIndex = 0; // Go to the first review 9796 } 9797 9798 // Mobile: Adjust scroll position to center the review 9799 if (window.innerWidth < 767) { 9800 // Get the visible area of the wrapper 9801 const wrapperWidth = reviewWrapper.offsetWidth; 9802 // Calculate the position to center the next review 9803 const scrollPosition = (currentIndex * reviewWidth) - (wrapperWidth / 2) + (reviewWidth / 2); 9804 reviewWrapper.style.transition = 'scroll-left 0.3s ease'; // Smooth scroll transition 9805 reviewWrapper.scrollLeft = scrollPosition; // Move the review-wrapper horizontally 9806 } else { 9807 // Desktop: Use translateX to move the review-wrapper 9808 const translateValue = currentIndex * (100 / reviewsPerSlide); // Move by review width 9809 reviewWrapper.style.transition = 'transform 0.3s ease'; // Smooth transition for translateX 9810 reviewWrapper.style.transform = `translateX(-${translateValue}%)`; // Apply the sliding effect 9811 } 9812} 9813 9814// Event listeners for the buttons (prev and next) 9815prevBtn.addEventListener('click', (e) => { 9816 e.preventDefault(); // Prevent default anchor behavior 9817 slideReview(-1); // Slide to the previous review 9818}); 9819 9820nextBtn.addEventListener('click', (e) => { 9821 e.preventDefault(); // Prevent default anchor behavior 9822 slideReview(1); // Slide to the next review 9823}); 9824 9825// Handle Dragging for Carousel on Desktop and Mobile 9826let isDragging = false; 9827let startX = 0; 9828let scrollLeft = 0; 9829 9830reviewWrapper.addEventListener('mousedown', (e) => { 9831 isDragging = true; 9832 startX = e.pageX - reviewWrapper.offsetLeft; 9833 scrollLeft = reviewWrapper.scrollLeft; 9834}); 9835 9836reviewWrapper.addEventListener('mouseleave', () => { 9837 isDragging = false; 9838}); 9839 9840reviewWrapper.addEventListener('mouseup', () => { 9841 isDragging = false; 9842}); 9843 9844reviewWrapper.addEventListener('mousemove', (e) => { 9845 if (!isDragging) return; 9846 9847 e.preventDefault(); 9848 const x = e.pageX - reviewWrapper.offsetLeft; 9849 const walk = (x - startX) * 2; // Adjust this multiplier to control drag speed 9850 reviewWrapper.scrollLeft = scrollLeft - walk; 9851}); 9852 9853// Touch events for mobile dragging 9854reviewWrapper.addEventListener('touchstart', (e) => { 9855 isDragging = true; 9856 startX = e.touches[0].pageX - reviewWrapper.offsetLeft; 9857 scrollLeft = reviewWrapper.scrollLeft; 9858}); 9859 9860reviewWrapper.addEventListener('touchend', () => { 9861 isDragging = false; 9862}); 9863 9864reviewWrapper.addEventListener('touchmove', (e) => { 9865 if (!isDragging) return; 9866 9867 e.preventDefault(); 9868 const x = e.touches[0].pageX - reviewWrapper.offsetLeft; 9869 const walk = (x - startX) * 2; // Adjust this multiplier to control drag speed 9870 reviewWrapper.scrollLeft = scrollLeft - walk; 9871}); 9872 9873// Initialize Bootstrap Carousel for Mobile 9874if (window.innerWidth < 767) { 9875 const mobileCarousel = new bootstrap.Carousel(document.getElementById('mobileCarousel'), { 9876 interval: false, // Disable auto-rotate 9877 }); 9878} 9879 9880 9881 9882 9883 9884 9885 9886 9887 9888// CLICK TO SEE DOCTORS / SERVICES 9889document.addEventListener("DOMContentLoaded", function () { 9890 // Function to handle trigger clicks 9891 function setupTriggers(triggerClass, targetClass) { 9892 let triggers = document.querySelectorAll("." + triggerClass); 9893 let targets = document.querySelectorAll("." + targetClass); 9894 9895 // Make sure the first trigger and target are active by default 9896 if (triggers.length > 0 && targets.length > 0) {
9897 triggers[0].classList.add("active"); 9898 targets[0].classList.add("show"); 9899 targets[0].style.display = "block"; 9900 } 9901 9902 // Loop through all triggers to add click event listeners 9903 triggers.forEach(trigger => { 9904 trigger.addEventListener("click", function () { 9905 // Get the target ID from data-target 9906 let targetID = this.dataset.target; // This will use the value of `data-target` 9907 let target = document.getElementById(targetID); 9908 9909 // Remove "active" class from all triggers in this group 9910 triggers.forEach(el => el.classList.remove("active")); 9911 // Add "active" class to the clicked trigger 9912 this.classList.add("active"); 9913 9914 // Hide all other targets 9915 targets.forEach(el => { 9916 el.style.display = "none"; 9917 el.classList.remove("show"); 9918 }); 9919 9920 // Show the selected target 9921 if (target) { 9922 target.style.display = "block"; 9923 target.classList.add("show"); 9924 9925 // Scroll smoothly to the target 9926 target.scrollIntoView({ behavior: "smooth", block: "start" }); 9927 } else { 9928 console.error("Target not found for", this.id); 9929 } 9930 }); 9931 }); 9932 } 9933 9934 // Initialize the triggers for the first section 9935 setupTriggers("trigger", "target"); 9936 9937 // You can add more setups if needed, like for "trigger-services", "target-services", etc. 9938 setupTriggers("trigger-services", "target-services"); 9939 setupTriggers("trigger-time", "target-time"); 9940}); 9941 9942// Scroll feature on WESTWOOD 9943document.addEventListener("DOMContentLoaded", function () { 9944 const scrollContainer = document.querySelector(".scroll-container"); 9945 const prevButton = document.querySelector(".scroll-prev"); 9946 const nextButton = document.querySelector(".scroll-next"); 9947 9948 // Set scroll amount based on container width 9949 const scrollAmount = 300; // Adjust as needed 9950 9951 nextButton.addEventListener("click", () => { 9952 scrollContainer.scrollBy({ left: scrollAmount, behavior: "smooth" }); 9953 }); 9954 9955 prevButton.addEventListener("click", () => { 9956 scrollContainer.scrollBy({ left: -scrollAmount, behavior: "smooth" }); 9957 }); 9958}); 9959 9960 9961 9962 9963 </script>
9963 9964
9964<script id="accessibility-widget-js-extra"> 9965var _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}; 9966var _cyA11yAssets = {"fonts":"https://washingtoneyeinstitute.com/wp-content/plugins/accessibility-widget/lite/frontend/assets/fonts/"}; 9967//# sourceURL=accessibility-widget-js-extra 9968</script>
vendor: 1 bytes, line 9968
9968
9969<script id="accessibility-widget-js" src="https://washingtoneyeinstitute.com/wp-content/plugins/accessibility-widget/lite/frontend/assets/js/widget.min.js?ver=1787682311"></script>
vendor: 1 bytes, line 9969
9969
9970<script id="lc-aos-js" src="https://washingtoneyeinstitute.com/wp-content/plugins/livecanvas/modules/optin-extra-assets/aos-with-init.js?ver=762baabbd36986073f2e63e5741e1c84"></script>
vendor: 1 bytes, line 9970
9970
9971<script data-wp-strategy="defer" defer id="bootstrap5-js" src="https://washingtoneyeinstitute.com/wp-content/themes/picostrap5/js/bootstrap.bundle.min.js"></script>
9971 9972 9973 </body> 9974</html> 9975 9976 9977<!-- Cache served by breeze CACHE (Desktop) - Last modified: Wed, 30 Sep 2026 16:38:08 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.