body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,sans-serif,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue;margin:0}.ui-card{background:#fff;border-radius:10px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);cursor:pointer;font-size:14px;padding:10px;text-align:center;transition:.3s;width:15%}.ui-card:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.ui-card>img{border-radius:5px 5px 0 0;object-fit:cover;width:100%}.ui-card>*{margin:5px 0}@media (max-width:480px){.ui-card{width:auto}}@media (min-width:481px) and (max-width:1024px){.ui-card{width:25vw}}.left-aligned{text-align:left}.center-aligned{text-align:center}.dashboard{position:relative}.banner-hero>img{height:85vh;object-fit:cover;transition:all .2s ease;width:100%}.banner-name{color:#fff;height:100%;position:absolute;text-align:left;top:0;width:90vw}.banner-name .title{letter-spacing:6px}.banner-name .name-trail{letter-spacing:30px}@media (max-width:480px){.banner-name .name-trail{letter-spacing:5px}.banner-name{text-align:center;width:100vw}.banner-text{padding:0!important;text-align:justify;width:auto!important}.banner-buttons{padding:10px!important}.banner-buttons>a>button{background-color:#00000087!important;font-size:20px;min-height:60px}.banner-items{bottom:-30px!important;gap:5px!important}.banner-items>a{font-size:14px;min-height:40px!important;padding:5px!important;width:auto!important}}.banner-text{font-family:revert;font-size:1.1rem;padding:0 50px;width:500px}.banner-text>p{background-color:#0000008e;padding:20px 10px}.banner-buttons{padding:0 50px}.banner-buttons>a>button{background-color:initial;border:2px solid #fff;border-radius:50px;color:#fff;cursor:pointer;font-weight:700;margin:0 20px;padding:15px 20px;text-decoration:none;text-transform:uppercase;transition:all .2s ease-out}.banner-buttons>a>button:hover{background-color:#ffffff38}.banner-name .name-trail,.banner-name .title{color:#fff;font-family:fantasy;font-size:5rem;padding:0 50px;text-shadow:2px 2px #000;text-transform:uppercase;transition:all .2s ease-out}.banner-items{align-items:flex-end;bottom:-10px;flex-wrap:wrap;font-size:2rem;gap:10px;position:absolute;width:100%}.banner-items,.banner-items>a{display:flex;justify-content:center}.banner-items>a{align-items:center;background-color:#00000070;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff;cursor:pointer;font-size:16px;height:auto;min-height:60px;min-width:100px;padding:10px;text-align:center;text-decoration:none;transition:all .2s ease}.banner-items>a:hover{translate:0 -10px}.about-us.container{padding:20px}.about-us.container>div{margin:30px 0;text-align:justify}.about-us.container>video{border-radius:10px;width:100%}.about-us.container img{height:250px}@media (max-width:480px){.about-us.container .text-content{text-align:center;width:auto}.about-us.container{padding:20px 4vw!important}}.about-us.container .details{align-items:center;display:flex;flex-direction:row-reverse;gap:10px;justify-content:center}.services.container{height:800px}.services.container .content{align-items:center;display:flex;flex-wrap:wrap;gap:50px;justify-content:center}.services.container .content .card{-webkit-animation:slideIn 1s;animation:slideIn 1s;background-image:linear-gradient(315deg,#b97bc9,#a7d9d9 74%);border-radius:10px;cursor:pointer;height:200px;padding:10px;width:150px}.services.container .content .card:hover .image>img{box-shadow:2px 8px 10px 0 #838383;-webkit-transform:translateY(-20%);transform:translateY(-20%)}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.services.container .content .image{padding-top:10px}.services.container .content .image>img{border-radius:50%;height:120px;object-fit:cover;transition:all .2s;width:120px}.logo{background:url(/static/media/logo1.910b5f267ab38798c892.JPG) no-repeat fixed;background-size:100vw;height:400px;margin:50px 0}@media (max-width:480px){.services.container .content{gap:10px!important}}.embla{overflow:hidden}.embla__container{display:flex;gap:10px}.embla__slide{flex:0 0 80%;min-width:0;overflow:hidden}.embla__slide img{box-shadow:7px 12px 0 0 #dcdcdc;cursor:grab}.optom.container{margin:auto;width:75vw}.optom.container img{border:8px solid #7e818757;border-radius:50%;box-shadow:-5px 5px 6px 0 #00000094;height:200px;width:200px}.optom.container .content{text-align:justify}.optom.container h2,.optom.container h3{margin:0}.optom.container h3{color:grey;font-size:1em;font-style:italic;font-weight:400}@media (max-width:480px){.optom.container{width:100%!important}.optom.container .content{padding:0 30px}}.contactus .container{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-evenly;padding:20px 0}.contactus .container .map,.contactus .container .social,.contactus .container .social>div{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;justify-content:flex-start}.contactus .container .social .banner{border-radius:10px;margin-bottom:20px;object-fit:cover;-webkit-user-select:none;user-select:none;width:100%}.contactus .container .social>div{flex-direction:row;justify-content:center}.contactus .container .social .accounts img{height:40px;transition:all .2s ease}.contactus .container .social a:hover img{scale:1.5;-webkit-transform:translateY(-5px);transform:translateY(-5px)}.contactus .container .social a:after{background-color:var(--hover-color);border-radius:50%;content:"";display:block;height:5px;margin:auto;position:relative;visibility:hidden;width:5px}.contactus .container .social a:hover:after{-webkit-animation:socialSelect .2s ease;animation:socialSelect .2s ease;visibility:visible}@-webkit-keyframes socialSelect{0%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes socialSelect{0%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@media (max-width:480px){.contactus .container{flex-direction:column!important}.contactus .container .map,.contactus .container .social,.contactus .container .social>div,.contactus .container iframe{width:100%!important}.contactus .container .social>div{gap:10px!important}}.footer{background-color:#fff;background-image:repeating-radial-gradient(circle at 50% -10%,transparent 40px,#fff 60px),repeating-linear-gradient(#e8e8e855,#e8e8e8);margin-top:30px;padding:10px 50px}.footer .container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;width:100%}.footer .right img{height:250px;width:100%}.footer .left{font-size:14px;text-align:left}.footer h5{margin:10px 0}.footer p,.footer ul{margin:5px 0}.footer ul{font-size:.83em;padding:0}.footer ul li{list-style:none;text-align:left}.footer .middle{align-items:flex-start;display:flex;gap:10px;min-width:20%;text-align:left}.footer .middle a{border-radius:5px;color:#000;padding:5px;text-decoration:none;transition:all .2s ease}.footer .middle a:hover{background-color:rgba(0,0,0,.15)}.footer .middle>div>h5{padding:0 5px}.footer .container>*{width:29vw}@media only screen and (max-width:600px){.footer{padding:0}.footer .container>*{width:90vw}.footer .container .left>*{white-space:break-spaces}}.navigation{align-items:center;display:flex;flex-wrap:wrap;gap:30px;height:70px;justify-content:center;line-height:30px}.navigation div>a{border-bottom:0 solid transparent;color:#222;cursor:pointer;text-decoration:none;text-transform:uppercase;transition:all .2s ease}.navigation div>a:hover{border-bottom:4px solid #a4a3f3}.navigation>img{border-radius:5px;cursor:pointer}.navigation .language{align-items:center;display:flex;gap:10px}.mobile-menu div{background-color:#000;border-radius:10px;height:4px;margin:6px 0;width:30px}.navigation select{border-radius:10px;height:40px}.eye-glass .content .image-list{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.eye-glass .content img{transition:all .5s ease}.eye-glass .content img:hover{scale:1.5}.eyeglass-image{min-width:200px;overflow:hidden}.eye-glass .content p{margin:25px auto;text-align:justify;width:80vw}.eye-glass video{border-radius:20px;width:75%}@media (max-width:480px){.eye-glass video{border-radius:20px;width:95%}}.eye-glass.container .header-title{position:relative}.eye-glass.container .header-title>img{height:50px;position:absolute;right:17%;top:-40px;-webkit-transform:rotate(20deg);transform:rotate(20deg)}.brand-images{display:flex;flex-wrap:wrap;font-size:10px;gap:50px;justify-content:space-evenly}.brand-images img{height:120px;transition:all .5s cubic-bezier(.68,-.55,.27,1.55)}.brand-card{width:150px}.image-header{border-radius:5px;height:60px;overflow:hidden}.brand-card:hover .image-header img{-webkit-transform:translateY(-60px);transform:translateY(-60px)}.brand-names .name{align-items:center;display:flex;gap:20px;justify-content:center;margin:20px 0}.brand-names .name img{border-bottom:1px solid #dedede;border-radius:10px;height:2rem;padding:10px}.brand-names>div{border:1px solid #dedede;border-radius:20px;margin:10px 20px}@media (max-width:480px){.brand-images{gap:10px}}.eye-exam .content .show img{border-radius:10px;cursor:grab;height:80vh}.eye-exam .exam-types{display:flex;flex-direction:row;flex-wrap:wrap;gap:25px;justify-content:center;padding:0 20px}.eye-exam .exam-types img{height:100px}.eye-exam .content .text-content .footer-note{margin:50px auto;text-align:justify;width:90vw}@media (max-width:480px){.eye-exam .exam-types>div{width:auto}.eye-exam .content .show img{height:40vh;object-fit:contain;width:90vw}}@media (min-width:481px) and (max-width:1024px){.eye-exam .exam-types>div{width:25vw}.eye-exam .content .show img{height:40vh;width:85vw}}.contact-lens.container{padding:20px}.lens-type img{border-radius:20px;height:200px;transition:all .4s ease-in-out}.lens-type img:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.lens-type{align-items:flex-start;border-bottom:1px dashed gray;border-radius:20px;display:flex;flex-direction:row;gap:20px;justify-content:center;margin:30px auto;padding:30px 0;width:70vw}@media (max-width:480px){.lens-type{flex-wrap:wrap;width:85vw!important}.lens-type>div{text-align:center!important}.contact-lens video{border-radius:20px;width:100%}.lens-images img{width:100%!important}}.lens-type:nth-child(2n){flex-direction:row-reverse}.lens-type>div>h5{font-weight:400;line-height:30px;text-transform:capitalize}.lens-type>div{text-align:left}.lens-type:nth-child(2n)>div{text-align:right}.lens{background:url(/static/media/hero.13403b2e07eb5e659eb6.jpg) no-repeat fixed;background-size:100vw;height:350px}.lens-images{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;padding:50px 0}.lens-images img{border-radius:10px;height:200px;object-fit:cover;width:20%}button.scroll-down{background-color:initial;border:none;color:blue;cursor:pointer;text-decoration:underline}.sunglasses.container{padding:0 40px}.sunglasses.container img{border-radius:20px;transition:all .2s ease-in-out}.sunglasses.container .sunglass-list img:hover{box-shadow:1px 2px 2px 0 #000;scale:1.05}.sunglass-list{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.sunglasses video{border-radius:20px}.anatomy{margin:40px 0}@media (max-width:480px){.sunglasses.container{padding:0 10px 20px!important}.sunglasses video{width:90%!important}.sunglasses.container .sunglass-list img,.sunglasses.container img.anatomy{object-fit:cover;width:100%}}.title-container{align-items:center;display:flex;justify-content:center;position:relative}.title-container img{height:50px;position:absolute;right:17%;top:0;-webkit-transform:rotate(20deg);transform:rotate(20deg);width:50px}.App{padding-top:20px;text-align:center}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}h1,h2,h3,h4,h5,h6{text-transform:uppercase}.gallary.container{margin:auto;width:90vw}iframe{border-radius:10px;width:98vw}@media (max-width:480px){.gallary.container img{height:200px}.gallary.container{width:90%!important}.error-page-image{height:auto!important;width:100%}}.error-page-image{height:60vh}
/*# sourceMappingURL=main.866b7d66.css.map*/