PageSourceSearch

https://washingtoneyeinstitute.com/

html washingtoneyeinstitute.com collected 2026-09-30 20:55:53 UTC 436,145 bytes, 9,977 lines download raw bytes

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&#038;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&#038;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&#038;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&#038;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 &#038; 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 &amp; 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 &amp; 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 &amp; 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=&quot;https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Michael-Summerfield-MD-3.webp?strip=all&quot; /}" 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&amp;w=50 50w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Michael-Summerfield-MD-3.webp?strip=all&amp;w=100 100w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Michael-Summerfield-MD-3.webp?strip=all&amp;w=200 200w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Michael-Summerfield-MD-3.webp?strip=all&amp;w=250 250w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Michael-Summerfield-MD-3.webp?strip=all&amp;w=350 350w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Michael-Summerfield-MD-3.webp?strip=all&amp;w=400 400w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Michael-Summerfield-MD-3.webp?strip=all&amp;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=&quot;https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Joseph-Mekhail-MD-3-1.webp?strip=all&quot; /}" 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&amp;w=50 50w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Joseph-Mekhail-MD-3-1.webp?strip=all&amp;w=100 100w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Joseph-Mekhail-MD-3-1.webp?strip=all&amp;w=200 200w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Joseph-Mekhail-MD-3-1.webp?strip=all&amp;w=250 250w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Joseph-Mekhail-MD-3-1.webp?strip=all&amp;w=350 350w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Joseph-Mekhail-MD-3-1.webp?strip=all&amp;w=400 400w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Joseph-Mekhail-MD-3-1.webp?strip=all&amp;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=&quot;https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/03/30.webp?strip=all&quot; /}" 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&amp;w=96 96w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/03/30.webp?strip=all&amp;w=384 384w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/03/30.webp?strip=all&amp;w=480 480w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/03/30.webp?strip=all&amp;w=576 576w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/03/30.webp?strip=all&amp;w=672 672w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/03/30.webp?strip=all&amp;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=&quot;https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Rajini-Seevaratnam-OD-5.webp?strip=all&quot; /}" 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&amp;w=96 96w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Rajini-Seevaratnam-OD-5.webp?strip=all&amp;w=192 192w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Rajini-Seevaratnam-OD-5.webp?strip=all&amp;w=384 384w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Rajini-Seevaratnam-OD-5.webp?strip=all&amp;w=480 480w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Rajini-Seevaratnam-OD-5.webp?strip=all&amp;w=576 576w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Rajini-Seevaratnam-OD-5.webp?strip=all&amp;w=672 672w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Rajini-Seevaratnam-OD-5.webp?strip=all&amp;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=&quot;https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Diana-Chu-OD.webp?strip=all&quot; /}" 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&amp;w=50 50w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Diana-Chu-OD.webp?strip=all&amp;w=100 100w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Diana-Chu-OD.webp?strip=all&amp;w=200 200w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Diana-Chu-OD.webp?strip=all&amp;w=250 250w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Diana-Chu-OD.webp?strip=all&amp;w=350 350w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Diana-Chu-OD.webp?strip=all&amp;w=400 400w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Diana-Chu-OD.webp?strip=all&amp;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=&quot;https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Debra-Weltman-OD.webp?strip=all&quot; /}" 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&amp;w=50 50w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Debra-Weltman-OD.webp?strip=all&amp;w=100 100w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Debra-Weltman-OD.webp?strip=all&amp;w=200 200w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Debra-Weltman-OD.webp?strip=all&amp;w=250 250w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Debra-Weltman-OD.webp?strip=all&amp;w=350 350w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Debra-Weltman-OD.webp?strip=all&amp;w=400 400w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/Dr.-Debra-Weltman-OD.webp?strip=all&amp;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=&quot;https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/08/Dr.-Zachary-Eller-4.webp?strip=all&quot; /}" 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&amp;w=50 50w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/08/Dr.-Zachary-Eller-4.webp?strip=all&amp;w=100 100w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/08/Dr.-Zachary-Eller-4.webp?strip=all&amp;w=200 200w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/08/Dr.-Zachary-Eller-4.webp?strip=all&amp;w=250 250w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/08/Dr.-Zachary-Eller-4.webp?strip=all&amp;w=350 350w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/08/Dr.-Zachary-Eller-4.webp?strip=all&amp;w=400 400w, https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/08/Dr.-Zachary-Eller-4.webp?strip=all&amp;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 &amp; 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 &amp; 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&#039;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&#039;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&#039;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(&#039;https://et7mebpbgg5.exactdn.com/wp-content/uploads/sites/49/2026/02/blog.webp?strip=all&amp;w=640&#039;)
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&amp;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.