*{box-sizing:border-box;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif}p{color:#000;font-family:Nunito,sans-serif;font-size:20px}img{aspect-ratio:attr(width) /attr(height);display:block;max-width:100%;object-fit:cover;width:100%}.header-image,img{height:auto}.important-class{display:flex;justify-content:center;min-height:50px}@font-face{font-display:swap;font-family:Montserrat}@font-face{font-display:swap;font-family:Nunito}html{scroll-behavior:smooth}body{background-color:#f8f6f1;color:#2e2e2e;font-family:Nunito,sans-serif;line-height:1.6;margin:0;padding:0;text-rendering:optimizeSpeed;font-smoothing:antialiased;backface-visibility:hidden;overflow-x:hidden}nav.r-nav{background:rgba(8,8,8,.1);height:150px;padding:10px 0;position:fixed;transition:background .3s ease,padding .3s ease;width:100%;z-index:100}.navbar-logo{display:block;height:auto;max-width:100%;object-fit:contain;padding-top:10px;width:130px}.dropdown-menu{background-color:rgba(0,0,0,.9)!important;border:none;box-shadow:0 4px 6px rgba(0,0,0,.2)}.dropdown-menu .dropdown-item{color:#fff!important;font-size:16px;padding:10px 15px}.dropdown-menu .dropdown-item:hover{background:hsla(0,0%,100%,.2);color:#ff9800!important}nav .navbar-nav li a{color:#fff!important;font-family:Nunito,sans-serif;font-size:16px;font-weight:400;letter-spacing:.05em;padding-top:20px;transition:color .3s ease,font-size .3s ease}nav.r-nav.stickyadd{background:#e6e6e6;box-shadow:0 2px 5px hsla(0,8%,95%,.3);height:150px;padding:8px 0}nav.r-nav.stickyadd .navbar-brand,nav.r-nav.stickyadd .navbar-text{color:#1ab1ee}nav.r-nav.stickyadd .navbar-nav .nav-link{color:#1ab1ee!important}nav.r-nav{left:0;min-height:60px;right:0;top:0}.navbar-collapse{transition:all .3s ease-in-out}.navbar-collapse.show .close-menu{display:block!important}.navbar-icons{display:none}.icon-button{align-items:center;background-color:#db6c44;border-radius:50%;box-shadow:0 4px 6px rgba(0,0,0,.2);color:#fff;display:flex;font-size:22px;height:50px;justify-content:center;text-decoration:none;transition:background .3s ease,transform .2s ease;width:50px}.icon-button:hover{background-color:#e57e5b;transform:scale(1.1)}.icon-button i{font-size:22px}@media (max-width:991px){.navbar{align-items:center;display:flex;justify-content:space-between;padding:10px 15px}.navbar-logo{margin-right:80px;max-width:150px}.navbar-toggler{margin-right:auto;order:-1}.navbar-icons{align-items:center;display:flex;gap:10px;padding:0;position:relative;transform:none;transition:none}}.make-appointment-btn{align-items:center;background-color:#db6c44!important;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.2);color:#fff;display:inline-flex;font-size:24px;font-weight:600;gap:10px;height:auto;justify-content:center;line-height:normal;min-width:200px;padding:12px 18px;position:relative;text-decoration:none;transition:background .3s ease,transform .2s ease;white-space:nowrap}.make-appointment-btn i{font-size:48px;line-height:1;vertical-align:middle}body:not(.home) .make-appointment-btn{align-items:center;display:inline-flex;justify-content:center;padding:12px 18px}.make-appointment-btn:hover{background-color:#e57e5b!important;transform:scale(1.05)}@media (max-width:920px){.navbar-collapse{align-items:flex-start;background-color:#fffdfd;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;left:0;opacity:0;padding:20px;position:fixed;text-align:left;top:0;transform:translateY(-100%);transition:transform .4s ease-in-out,opacity .3s ease;visibility:hidden;width:100vw;z-index:200}.navbar-collapse.show{opacity:1;transform:translateY(0);visibility:visible}nav .hamburger{color:#1ab1ee;font-size:36px;transition:color .3s ease,transform .3s ease}.navbar-nav{width:100%}.navbar-nav .nav-item{margin:15px 0;transition:background-color .3s ease,padding .3s ease}.navbar-nav .nav-item .nav-link{color:rgba(0,126,243,.945)!important;font-size:24px;padding:10px 20px;transition:font-size .3s ease,padding .3s ease}.navbar-toggler{align-items:center;display:flex;height:50px;justify-content:center;position:absolute;right:20px;top:40px;transition:transform .3s ease,opacity .3s ease;width:50px;z-index:300}.navbar-collapse.show .nav-item{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}header{align-items:center;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;min-height:70vh;overflow:hidden;position:relative;text-align:center}.header-image{aspect-ratio:16/9;height:100%;inset:0;object-fit:cover;object-position:center;position:absolute;width:100%;z-index:-2}header:before{background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);content:"";inset:0;position:absolute;z-index:-1}.header-content{display:flex;flex-direction:column;justify-content:center;position:relative;text-align:center;width:100%;z-index:2}.header-content .btn,.header-content h1,.header-content h2,.header-content p{color:#fff;margin:10px 0;opacity:1;transition:opacity .3s ease}.element,.header-content h2{font-size:2rem}.element{color:#fff;display:inline-block;font-weight:700;padding:5px;position:relative;z-index:3}.header-content .btn{background:#db6c44;border:none;border-radius:8px;color:#fff;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.header-content .btn:hover{background:#a85c27}@media (max-width:768px){header{height:calc(60vh - 40px)}.header-content h2{font-size:1.5rem}.header-content h1{font-size:2.5rem}.header-content p{font-size:1rem}.header-content .btn{font-size:.9rem;padding:8px 16px}}:root{--about-height:140px}.about-row{background-color:#db6c44;color:#fff;flex-wrap:nowrap;gap:90px;height:var(--about-height);margin:0;max-width:100%!important;padding:5px 10px;text-align:center;width:auto}.about-column,.about-row{align-items:center;display:flex;justify-content:center}.about-column{flex:1;flex-direction:column}.about-column i{color:#fff;font-size:40px;margin-bottom:5px}.about-column h4{font-family:Montserrat,sans-serif;font-size:16px;margin:5px 0}.about-column p{color:#fff;font-family:Nunito,sans-serif;font-size:14px;line-height:1.2;margin:0}.about-column a{color:#fff;font-weight:700;text-decoration:underline;transition:color .3s ease}.about-column a:hover{color:#e6e6e6;text-decoration:none}@media (max-width:768px){:root{--about-width:50%}.about-row{flex-wrap:nowrap;gap:5px;height:var(--about-height);justify-content:center;padding:0;width:auto!important}.about-column{flex:none;max-width:30%;padding-left:5px;padding-right:5px}}.view{--total-brands:12;--logo-width:10rem;--logo-height:5rem;--total-logo-width:calc(var(--total-brands)*var(--logo-width)*2);background-color:#fff;display:grid;min-height:10vh;overflow:hidden;padding:1rem 0;place-items:center}.sliders{overflow:hidden;padding:.5rem 0;position:relative;white-space:nowrap;width:100%}.sliders,.sliders ul.brands{align-items:center;display:flex;height:var(--logo-height)}.sliders ul.brands{animation:slideleft 50s linear infinite;flex-wrap:nowrap;list-style:none;width:var(--total-logo-width,100vw);will-change:transform}.sliders ul.brands li{align-items:center;display:flex;flex:0 0 var(--logo-width);height:var(--logo-height);justify-content:center;margin:0 .5rem;width:var(--logo-width)}.sliders ul.brands li img{border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.15);height:100%;object-fit:contain;transition:transform .3s ease-in-out,filter .3s ease-in-out;width:100%}.sliders ul.brands li img:hover{filter:brightness(1) contrast(1.5);transform:scale(1.1)}.sliders:after,.sliders:before{content:"";height:100%;position:absolute;top:0;width:8rem;z-index:2}.sliders:before{background:linear-gradient(90deg,#fff 0,hsla(0,0%,100%,0));left:0}.sliders:after{background:linear-gradient(270deg,#fff 0,hsla(0,0%,100%,0));right:0}@keyframes slideleft{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (max-width:768px){.view{min-height:8vh}.sliders ul.brands{animation-duration:40s}.sliders:after,.sliders:before{width:4rem}}.icon-link{align-items:center;color:#e90b0b;display:flex;flex-direction:column;font-size:18px;justify-content:center;margin:0 10px;text-decoration:none;transition:color .3s ease,transform .3s ease;white-space:nowrap}.icon-link:hover{color:#ff0425;transform:scale(1.05)}@media (min-width:768px){.icon-section{display:none}}@media (max-width:768px){.icon-section{display:flex;gap:15px;justify-content:center}.icon-link{font-size:16px;margin:0 5px}.icon-link i{font-size:32px}}.view-optical-difference{background-color:#fff;padding:60px 0}#appointy-iframe{border:none;display:block;min-height:700px;overflow:hidden;width:100%}#appointy-loading{align-items:center;color:#007bff;display:flex;font-size:18px;height:150px;justify-content:center}.subheading{color:#f83715;font-size:14px;font-weight:700;letter-spacing:1px;margin-bottom:10px;text-align:center;text-transform:uppercase}.view-optical-difference .section-title{color:#333;font-size:32px;font-weight:700;margin-bottom:40px;text-align:center}.heart-icon{color:#f83715;font-size:48px;margin-left:2px;vertical-align:middle}.features{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.feature{flex:1 1 45%;max-width:300px;min-width:200px;padding:20px;text-align:center}.feature i{color:#f83715;font-size:36px;margin-bottom:10px}.feature h4{font-size:18px;font-weight:700;margin-bottom:10px}.feature p{color:#666;font-size:14px;margin-bottom:10px}.read-more{color:#f83715;display:inline-block;font-weight:700;text-decoration:none;transition:text-decoration .3s ease}.read-more:hover{text-decoration:underline}.optical-image{display:block;height:auto;margin:auto;max-width:500px;width:100%}@media (max-width:768px){.row{align-items:center;display:flex;flex-direction:column-reverse;text-align:center}.features{gap:15px;justify-content:center}.feature{flex:1 1 100%;padding:15px}.feature,.optical-image{margin:0 auto;max-width:80%}.optical-image{display:block}}.eye-care-services{align-items:center;background-image:url(/optimg/eye-exam-near-fremont.avif);background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:0 10px 20px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:center;min-height:50vh;overflow:hidden;padding:60px 0;position:relative;text-align:center;width:100vw}.eye-care-services:before{background:rgba(0,0,0,.4);content:"";inset:0;position:absolute;z-index:1}.eye-care-services>*{position:relative;z-index:2}@supports (background-image:url("/optimg/eye-exam-near-fremont.avif")){.eye-care-services{background-image:none}.eye-care-services:after{background-image:url(/optimg/eye-exam-near-fremont.avif);background-position:50%;background-size:cover;content:"";inset:0;position:absolute;z-index:-1}}.service-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-top:40px}.section-title{color:#fff;font-size:42px;font-weight:800;letter-spacing:1.5px;position:relative;text-align:center;text-transform:uppercase;z-index:2}.service-item{align-items:center;background:#efe7d6;border-radius:15px;box-shadow:3px 3px 12px rgba(0,0,0,.15);display:flex;height:180px;justify-content:center;min-height:180px;overflow:hidden;text-align:center;transform:rotate(45deg);transition:transform .3s ease,box-shadow .3s ease;width:180px}.service-item:hover{box-shadow:5px 5px 15px rgba(0,0,0,.2);transform:rotate(45deg) scale(1.05)}.service-item-content{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:15px;transform:rotate(-45deg)}.service-item i{color:#5c5c5c;font-size:35px;margin-bottom:8px}.service-item h4{color:#333;font-size:15px;font-weight:700;text-transform:uppercase}.service-item a{color:#007b8f;font-size:13px;font-weight:700;margin-top:5px;text-decoration:none;transition:color .3s ease}.service-item a:hover{color:#005f6b}.optos-container{align-items:center;background:hsla(0,0%,100%,.9);border-radius:15px;box-shadow:5px 5px 15px rgba(0,0,0,.2);display:flex;flex-wrap:wrap;gap:50px;justify-content:space-between;margin-top:60px;max-width:1200px;padding:40px;width:90%}@media (max-width:768px){.service-grid{gap:15px}.service-item{height:150px;min-height:150px;width:150px}.optos-container{flex-direction:column;padding:30px;text-align:center}}.optos-image{align-items:center;display:flex;flex:1;justify-content:center;min-height:300px}.optos-image img{aspect-ratio:4/3;border-radius:15px;height:auto;max-width:450px;object-fit:cover;width:100%}.optos-text{flex:1;max-width:600px;text-align:left}@media (max-width:768px){.optos-container{align-items:center;display:flex;flex-direction:column;gap:20px;padding:30px;text-align:center}.optos-image{min-height:auto}.optos-text{max-width:90%;width:100%}.optos-text h2{font-size:28px}.optos-text p{font-size:15px}}.benefits-section i{color:orange!important;transition:color .3s ease}.benefits-section i:hover{color:#ff8c00}.testimonial-section{align-items:center;background-color:#222;background-image:url(/optimg/eye-exam-fremont.webp);background-position:100%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:flex-end;min-height:80vh;overflow:hidden;padding:60px 100px;position:relative;width:100vw}.testimonial-section:before{background:rgba(0,0,0,.4);content:"";inset:0;position:absolute;z-index:1}.testimonial-section:after{background-image:url(/optimg/eye-exam-fremont.webp);background-position:100%;background-repeat:no-repeat;background-size:cover;content:"";inset:0;opacity:1;position:absolute;z-index:-1}.testimonial-content-box{background:rgba(0,0,0,.85);border-radius:15px;box-shadow:3px 3px 10px rgba(0,0,0,.3);color:#fff;max-width:650px;min-height:250px;padding:40px 50px;position:relative;text-align:center;z-index:2}.testimonial-content-box p{color:#fff;font-size:18px;font-weight:100;margin-bottom:14px}.testimonial-content-box blockquote{color:#fff;font-size:20px;font-weight:500;line-height:1.8}.testimonial-content-box footer{color:#0af;font-size:18px;font-weight:700;margin-top:15px}.testimonial-stars{color:gold;font-size:22px;margin-top:10px}.carousel-control-next,.carousel-control-prev{align-items:center;background-color:hsla(0,0%,100%,.1);border-radius:5px;bottom:10px;display:flex;height:150px;justify-content:center;position:absolute;transform:translateY(50%);width:40px;z-index:10}@media (max-width:768px){.testimonial-section{background-position:0;justify-content:center;padding:40px 20px}.testimonial-content-box{max-width:500px;min-height:220px;padding:30px;width:100%}.testimonial-content-box p{font-size:16px}.testimonial-content-box blockquote{font-size:18px}.testimonial-content-box footer{font-size:16px}.testimonial-stars{font-size:20px}.carousel-control-next,.carousel-control-prev{height:150px;width:30px}.carousel-control-prev{left:10%}.carousel-control-next{right:10%}}.about-eye-exam i,.advanced-tech-section i,.benefits-section i,.dry-eye-test-section i,.eye-exam-test-section i,.talk-to-optometrist-section i,.why-eye-exam i{color:#ff7300!important}.about-eye-exam .btn-primary,.advanced-tech-section .btn-primary,.benefits-section .btn-primary,.dry-eye-test-section .btn-primary,.eye-exam-test-section .btn-primary,.talk-to-optometrist-section .btn-primary,.why-eye-exam .btn-primary{background-color:#ff7300!important;color:#fff!important}.advanced-tech-section .btn-primary:hover,.benefits-section .btn-primary:hover,.talk-to-optometrist-section .btn-primary:hover,.why-eye-exam .btn-primary:hover{background-color:#e66000!important;color:#fff!important}.footer{background-color:#0d6893;color:#fff;padding:40px 0;text-align:left}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;margin:auto;max-width:1200px;padding:0 20px}.footer-heading{color:#fff;font-size:16px;font-weight:700;margin-bottom:15px}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:8px}.footer-links a{color:#d1d1d1;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:coral}.footer a,.footer p{color:#d1d1d1;font-size:14px;margin:5px 0;text-decoration:none}.footer a:hover{color:coral}.footer-map{border-radius:8px;height:250px;max-width:400px;width:100%}.footer-bottom{align-items:center;color:#d1d1d1;display:flex;flex-wrap:wrap;font-size:14px;justify-content:space-between;padding-top:20px}.brand{color:coral;font-weight:700}.social-icons{display:flex;gap:10px}.social-icons a{color:#fff;font-size:18px;transition:color .3s ease}.social-icons a:hover{color:coral}@media (max-width:768px){.footer-container{padding:0 10px}.footer-bottom,.footer-container{flex-direction:column;text-align:center}.footer-bottom{padding-top:15px}.social-icons{justify-content:center;margin-top:10px}.footer-map{height:220px;margin:auto;max-width:100%}}