* {



    padding: 0;



    margin: 0;



}



html, body {height: 100%; width: 100%; }



html {



  scroll-behavior: smooth;



}



body{  font-family: 'Inter',sans-serif; font-size:18px; color:#000; line-height: 1.5; font-weight:300; overflow-x:hidden; transition: filter 0.3s ease;}



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small,  sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, table, caption, tbody, tfoot, thead, tr, th, td, figure {	border: 0;	margin: 0;	padding: 0;	font-family:'Inter',sans-serif; font-weight: normal;}



img, fieldset, abbr, acronym {	border: 0;}



article, aside, figure, figcaption, hgroup, footer, header, nav, section, video, object {display: block;}



audio, canvas, video {display: inline-block;



display: inline;



zoom: 1;}



h1, h2, h3, h4, h5, h6 {	font-family: 'Inter',sans-serif;	font-size: 100%;	font-weight: normal;}



ul li, ol li {list-style: none;}



img {	border: none;	display: block; max-width:100%;}



a, a:link, a:focus {	color: #333 ;	text-decoration: none;	outline: none;	-moz-transition: all 0.3s ease 0s;	-ms-transition: all 0.3s ease 0s;	-o-transition: all 0.3s ease 0s;	-webkit-transition: all 0.3s ease 0s;	transition: all 0.3s ease 0s;}



a:hover {	color: #41a5af;	-moz-transition: all 0.3s ease 0s;	-ms-transition: all 0.3s ease 0s;	-o-transition: all 0.3s ease 0s;	-webkit-transition: all 0.3s ease 0s;	transition: all 0.3s ease 0s;}



@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url('../fonts/fa-brands-400.eot');src:url('../fonts/fa-brands-400.eot?#iefix') format("embedded-opentype"),url('../fonts/fa-brands-400.woff2') format("woff2"),url('../fonts/fa-brands-400.woff') format("woff"),url('../fonts/fa-brands-400.ttf') format("truetype"),url('../fonts/fa-brands-400.svg#fontawesome') format("svg")}.fab{font-family:"Font Awesome 5 Brands";font-weight:400; font-style:normal}







 .fa-x-twitter:before{content:"\e61b"}







@font-face {  font-family: 'FontAwesome';



  src: url('../fonts/fontawesome-webfont.eot?v=4.6.1');



  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.1') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.1') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.1') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.1') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular') format('svg');  font-weight: normal; font-style: normal;}



  .fa-twitter:before { content: "\f099";}.fa-facebook:before { content: "\f09a";}.fa-youtube::before {



    content: "\f167";}.fa-instagram::before {  content: "\f16d";}	.fa-angle-right:before { content: "\f105";}



.fa-phone-square:before { content: "\f098";}



.fa-angle-double-right:before { content: "\f101";}.fa-angle-left:before { content: "\f104";}.fa-arrow-right:before { content: "\f061";}.fa-clock-o:before { content: "\f017";}



.fa {  display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto;



  -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .fa-phone:before { content: "\f095";}



  @font-face { font-family: "Flaticon"; src: url("../fonts/flaticon_flats.eot");  src: url("../fonts/flaticon_flats.eot?#iefix") format("embedded-opentype"),



       url("../fonts/flaticon_flats.woff") format("woff"),  url("../fonts/flaticon_flats.ttf") format("truetype"), url("../fonts/flaticon_flats.svg#Flaticon") format("svg");



  font-weight: normal; font-style: normal;}



  .fa-calendar:before { content: "\f073";}.fa-home:before {  content: "\f015";}



  .fa-slash-forward:before { content: "\2f";}



  .fa-map-marker:before { content: "\f041";}.fa-envelope-o:before { content: "\f003";}.fa-envelope:before { content: "\f0e0";} .fa-clock:before {  content: "\f017";}



.fa-chevron-down:before { content: "\f078";}



.fa-instagram:before {  content: "\f16d";}.fa-arrow-circle-right:before { content: "\f0a9";}  .fa-calendar:before{content:"\f073"} .fa-linkedin:before {  content: "\f0e1";}



.fa-search:before{content:"\f002"}



.container-area{ max-width:1280px; width:100%; margin:0 auto} .container-area1{ padding:0 80px; margin:0 auto} .container-area2{ max-width:1180px; width:100%; margin:0 auto}



.top-wrapper{ background:#41a5af}



.clear{ clear:both}



.top-left{ float:left; padding:17px 0}.top-left li{ display:inline-block; margin-right:25px} .top-left li img{ display:inline-block; vertical-align:middle}



.top-left li a{ font-weight:700; color:#41a5af} .top-left li a:hover{ color:#c2d318 }



.top-right{ float:right; padding:3px 0}



.font-controls{ display:inline-block; margin-left:35px;  vertical-align:middle}



.font-controls span {



  cursor: pointer;



  font-weight: bold;



  margin-right: 5px; color:#fff;}



.font-controls span:hover {color:#000}



.font-controls span:nth-child(1) { font-size: 14px; }



.font-controls span:nth-child(2) { font-size: 19px; }



.font-controls span:nth-child(3) { font-size: 24px; }



.open-search { display:inline-block; padding:3px 18px; background:#fff; border-radius:8px;  



  font-size: 17px; font-weight:400;  transition: width 0.6s ease;



  cursor: pointer;



}



.open-search:hover { color:#000; background:#fff; box-shadow:0 4px 20px rgba(0,0,0,0.11);  transition: width 0.6s ease;}







.search-overlay {



  position: fixed;



  top: 0;



  left: 0;



  width: 100%;



  height: 80px;



  background: #000;



  display: flex;



  align-items: center;



  justify-content: center;



  transform: translateY(-100%);



  transition: transform 0.3s ease;



  z-index: 9999;



}







.search-overlay.active {



  transform: translateY(0);}







.search-bar {



  width: 90%;



  max-width: 1000px;



  display: flex;



  align-items: center;



  gap: 15px;



  color: #fff;}







.search-bar input {



  flex: 1;



  border: none;



  outline: none;



  background: transparent;



  color: #fff;



  font-size: 20px;}







.search-bar input::placeholder {



  color: #cfd8e3;



}



.icon { font-size: 22px;}







.close {



  font-size: 24px;



  cursor: pointer;



}







.contact-dropdown {



    position: relative;



    width: 260px; display:inline-block;



}







.dropdown-btn {



    background: #ce4a3a;



    color: #fff;



    padding: 8px 25px 8px 30px;



    border-radius: 30px;



    cursor: pointer;



    font-size: 18px; font-weight:700;



    position: relative;



}.fa-angle-down:before{content:"\f107"}



.fa-angle-double-down:before{content:"\f103"}







.dropdown-btn .arrow {



    position: absolute;



    right: 25px;   transition: 0.5s;



    top: 6px;



    font-size: 25px;



}







/* Dropdown */



.dropdown-menu { z-index:99; box-shadow:0 4px 12px rgb(0 0 0 / 15%);



    position: absolute;



    top: 100%;



    left: 0;



    width: 100%;



    background: #fff;



    border-radius: 10px;



    margin-top: 10px;



    overflow: hidden;







    /* Hidden by default */



    opacity: 0;



    visibility: hidden;



    transform: translateY(10px);



    transition: 0.3s ease;



}







/* Links */



.dropdown-menu a {



    display: block;



    padding: 12px 30px;



    color: #000;



    text-decoration: none;



    border-bottom: 1px solid rgba(0,0,0,.1);



}



.dropdown-menu a:hover { color:#41a5af}



.dropdown-menu a:last-child {



    border-bottom: none;



}







/* Hover effect */



.contact-dropdown:hover .dropdown-menu {



    opacity: 1;



    visibility: visible;



    transform: translateY(0);



}



.contact-dropdown:hover .arrow {



    transform: rotate(180deg); top:3px;



    transition: 0.5s;



}



.header-area{ padding:10px 0}











.menu-title-text{ position:relative; display:inline-block; font-weight:500}



    .menu-title-text::after {



      content: "";



      position: absolute;



      left: 0;



      bottom: -3px;



      width: 0;



      height: 1px;



      background-color: #29abe2;



      transition: width 0.4s ease;



    }







    .menu-title-text:hover::after {



      width: 100%;



    }



	.stellarnav > ul > li > a.act  .menu-title-text::after {



      width: 100%;



    }



	



	.nav-area{ float:right; padding-top:17px; }



	.logo-area{ float:left;}



	.lbox a{ font-size:18px !important; color:#000 !important; text-align:center; font-weight:800 !important; } 	.lbox a img{ padding-bottom:10px}



	



	



	/* Menu Icon */



.menu-icon { position:relative; overflow:hidden;



    color: #fff;



    padding:2px 12px 2px 12px;



    border-radius: 5px; float:right; margin-left:35px;



    font-weight: 800; margin-top:2px;



	



background-size:100% 200%;



	background-image:linear-gradient(to bottom, #fff 50%, #000 50%);



-webkit-transition:background-position .5s;



-moz-transition:background-position .5s;



-ms-transition:background-position .5s;



-o-transition:background-position .5s;



transition:background-position .5s;



	vertical-align:bottom;



	text-decoration:none!important;



	text-align:center;



	cursor:pointer;



	display:block



}







.menu-icon:hover {



	background-position:0 -100%; 



}.menu-icon:hover span span{background-color:#fff}







/* Side Menu */



.side-menu {



  position: fixed;



  top: 0;



  right: -430px; /* hidden */



  width: 430px;



height: calc(100% - 60px);



  background: #fff;



  color: #fff;



  transition: 0.4s;



  padding-top: 60px; overflow-y: auto;   



  z-index: 999;



}



.side-menu::before {



    content: " ";



    width: 100%;



    height: 235px;



    position: absolute;



    left: 0;



    top: 0;



    background: #41a5af;



}







/* Menu Active */



.side-menu.active {



  right: 0;



}







/* Close Button */



.close-btn {



  position: absolute; font-weight:600; 



  top: 0px;



  right: 25px;



  font-size: 40px;



  cursor: pointer;



}







/* Menu Links */



.side-menu ul {



  list-style: none;



  padding: 0;



}







.side-menu ul li a { display:block;} .side-menu ul li ul li { margin-left:30px}



.side-menu ul li ul li a{ font-weight:400; color:#41a5af; background:url(../images/dash.jpg) left 16px no-repeat;  line-height:32px; padding:7px 0 7px 15px; line-height:18px; 







position:relative}



.side-menu ul li ul li a:hover{ color:#41a5af;} .side-menu ul li ul li a span{ position:relative}



.side-menu ul li ul li a span::after {



    content: "";



    position: absolute;



    left: 0;



    bottom: -3px;



    width: 0;



    height: 1px;



    background-color: #41a5af;



    transition: width 0.4s ease;



}



 .side-menu ul li ul li a span:hover::after {   width:100%  ;  }











.side-menu h3{ color:#fff; font-weight:600; font-size:25px; padding:5px 0 5px 25px; line-height:30px; position:relative}







.footer-top-area{ background:#41a5af; padding:35px 0}



.footer-top-area h3{ color:#dce770; font-weight:700; font-size:28px; line-height:30px; padding-bottom:12px;}



.footer-top-area h3 span{ font-size:21px; font-weight:400}



.footer-top-box{ float:left; width:29%; padding:0 2%; border-right: 1px solid #99c6cb}



.footer-top-box p{ color:#fff; padding-bottom:12px }



.fa-eye:before{content:"\f06e"}



.fa-credit-card:before{content:"\f09d"}



.fa-user:before{content:"\f007"}



 .footer-top-box p a{ color:#fff; font-size:20px; font-weight:700} .footer-top-box p a:hover{ color:#fff; text-decoration:underline}



.footer-top-box p:last-child{ padding-bottom:0}



.bdright0{ border-right:0 !important}



.footer-middle-area{ background:#141414; padding:50px 0 1px 0}



.footer-middle-box{ padding-bottom:35px;}



.footer-middle-box h3{color:#ddd; font-weight:700; font-size:28px; line-height:30px; padding-bottom:12px; margin-bottom:15px;  border-bottom:1px solid rgba(255,255,255, 0.3);}



.footer-middle-box .listfm li{ margin-bottom:1px; display:inline-block; position:relative; padding:0 7px 0 12px}



.mlbox{ border-bottom:0; margin-bottom:0px;}



.footer-middle-box .listfm li::before {



  content: "";



  position: absolute;



  left:0px;



  top: 54%;



  width: 1px;



  height: 12px;



  background: #adadad;



  transform: translateY(-50%);



}.footer-middle-box .listfm li:first-child{ padding-left:0}



.footer-middle-box .listfm li:first-child::before { background:transparent}



.footer-middle-box .listfm li a{ color:#adadad; position:relative; font-weight:300; font-size:14px;} 



.footer-middle-box .listfm li a::after {



    content: "";



    position: absolute;



    left: 0;



    bottom: -3px;



    width: 0;



    height: 1px;



    background-color: #fff;



    transition: width 0.4s ease;



}



 .footer-middle-box .listfm li a:hover::after {   width: 100%;  }  .footer-middle-box .listfm li a:hover{ color:#fff}



.fa-briefcase:before{content:"\f0b1"}







.flbox a::after{ width: 100% !important;  }  .flbox a:hover::after {   width: 0 !important;  }



	.mlbox p { margin-bottom:10px; display:inline-block; margin-right:5px;}



	.mlbox p a{ color:#fff; border:solid 2px #fff; padding:12px 25px; font-size:18px; font-weight:bold; text-align:center; border-radius:8px; display:block} 	.mlbox p 







a:hover{ background:#fff; color:#000; border:solid 2px #fff;}.mlbox p a .fa{ padding-right:5px; font-size:26px; position:relative; top:2px;}



	.footer-social{ float:right}.footer-link{ float:left}



	.footer-social a{ display:inline-block; color:#fff; margin-left:18px; font-size:26px; line-height:30px;}



	.footer-social a:hover{ color:#41a5af}



	.footer-social h4{ color:#ddd; font-size:24px; font-weight:600; padding-bottom:10px;}



	.footer-bottom{ padding:21px 0; text-align:center} .footer-bottom p{ font-size:15px;}



	



	.menu-icon span {



    color: #fff!important;



    display: block;



    font-size: .8125rem; letter-spacing:1px;



    font-weight: 700;



    line-height: 12px;



    text-decoration: none;



}



	.menu-icon span span{    width: 35px;



    height: 4px;



    background-color: #000;



    margin: 4px auto;



    display: block;



    padding: 0;



}











.right-side-c1 {



    background: #fff 0 0 no-repeat padding-box;



    border: 1px solid #dfe0de;



    -moz-border-radius: 12px;



    -webkit-border-radius: 12px; margin:15px 25px 0 25px; position:relative;



    border-radius: 12px;







}



.right-side-list1 { margin:0 25px;    border-bottom: 1px solid #dfe0de;



    padding-bottom: 20px;



    padding-top: 20px;}



	.right-side-list1 a{    font-size: 1rem;



    color: #000;



    font-weight: 600;



    line-height: 42px;} .right-side-list1 a:hover{ color:#41a5af}



.right-side-c1 ul li{ border-bottom:1px solid #dfe0de; padding:12px 0; margin:0px 20px; position:relative}



.right-side-c1 ul li a{ color:#000; font-weight:600; line-height:36px; font-size:1.0625rem;  position:relative; width:95%}



.right-side-c1 ul li a img{ display:inline-block; vertical-align:middle; padding-right:7px}



.right-side-c1 ul li a:hover{ color:#41a5af; width:100%}



.right-side-c1 ul li a:after{transition: all .3s ease-out;



    letter-spacing: 0;



    font-size: 1.0625rem;



    



    line-height: 36px; content:url(../images/arrow2.png);



    position: absolute;



    top: 50%;



    transform: translateY(-50%);



    right: 15px;



    display: inline-block;



    pointer-events: none;



}



body.menu-open {



  overflow: hidden;



  height: 100%;



}







/* side menu scroll only */



.banner-area{ background:#002664 url(../images/advanced-vision-care.jpg) center top no-repeat; border-radius:40px; padding:15px 0px 70px 0; margin:0 auto; width:calc(100% - 80px);}



.banner-left{ float:left; width:47.5%; padding-top:50px;}



.banner-left h2{ color:#fff; font-weight:700; font-size:51px; line-height:55px; padding-bottom:15px;} 



.banner-left p{ color:#fff; font-size:20px; padding-bottom:20px;}



.banner-right{ float:right; width:47.5%; } .banner-right img{ margin:0 auto}







.footer-top-area h2{ color:#fff; font-weight:bold; font-size:35px; width:51%; line-height:40px; float:left}



.btn1{ background:#fff; border-radius:30px; padding:14px 30px; border:solid 2px #fff; color:#000 !important; float:right; font-weight:bold; margin-top:14px;}



.btn1:hover{ background: transparent; color:#fff !important}



.bdbottom0{ border-bottom:0 !important; margin-bottom:0 !important }



.btn-appointment {



  display: inline-block;



  padding: 16px 40px;



  border-radius: 50px;



  background: #cbdb2a;



  color: #000;



  font-size: 18px;



  font-weight: 600;



  text-decoration: none;



  position: relative;



  overflow: hidden;



  z-index: 1;



  transition: color 0.3s ease;}











.btn-appointment:hover { color: #000; background:#fff}











.btn-appointment-1 {



  display: inline-block;



  padding: 13px 30px;



  border-radius: 50px;



  background: #000;



  color: #fff !important;



  font-size: 18px;



  font-weight: 600;



  text-decoration: none;



  position: relative;



  overflow: hidden;



  z-index: 1;



  transition: color 0.3s ease;}







.btn-appointment-1:hover { color: #000 !important; background:#fff; box-shadow:0 4px 20px rgba(0,0,0,0.10);}







.callme-1 { margin-left:10px;



  display: inline-block;



  padding: 13px 30px;



  border-radius: 50px;



  background: #41a5af;



  color: #fff !important;



  font-size: 18px;



  font-weight: 600;



  text-decoration: none;



  position: relative;



  overflow: hidden;



  z-index: 1;



  transition: color 0.3s ease;}



.callme-1:hover { color: #000 !important; background:#fff; box-shadow:0 4px 20px rgba(0,0,0,0.10);}











.morebtn-1 {



  display: inline-block;



  padding: 12px 24px;



  border-radius: 50px;



  background: #000;



  color: #fff !important;



  font-size: 16px;



  font-weight: 600;



  text-decoration: none;



  position: relative;



  overflow: hidden;



  z-index: 1;



  transition: color 0.3s ease;}







.morebtn-1:hover { color: #fff !important; background:#41a5af; }







.morebtn-2 {



  display: inline-block;



  padding: 12px 24px;



  border-radius: 50px;



  background: #41a5af;



  color: #fff !important;



  font-size: 16px;



  font-weight: 600;



  text-decoration: none;



  position: relative;



  overflow: hidden;



  z-index: 1;



  transition: color 0.3s ease;}







.morebtn-2:hover { color: #fff !important; background:#000; }







.abtn-1 {



  display: inline-block;



  padding: 13px 24px;



  border-radius: 50px; border:solid 1px #41a5af;







  color: #000 !important;



  font-size: 16px;



  font-weight: 600;



  text-decoration: none;



  position: relative;



  overflow: hidden;



  z-index: 1;



  transition: color 0.3s ease;}



.abtn-1:hover { color: #fff !important; background:#41a5af;}











.btn-more {



  display: inline-block;



  padding: 16px 40px;



  border-radius: 50px; border:solid 1px #41a5af;



  color: #000;



  font-size: 18px;



  font-weight: 600;



  text-decoration: none;



  position: relative;



  overflow: hidden;



  z-index: 1;



  transition: color 0.3s ease;}







.btn-more::before {



  content: "";



  position: absolute;



  top: 0;



  left: 0;



  width: 0%;



  height: 100%;



  background: #41a5af;



  z-index: -1; 



  transition: width 0.6s ease;}



.btn-more:hover::before {width: 100%;}



.btn-more:hover { color: #fff;}











.btn-more-1 {



  display: inline-block;



  padding: 9px 30px;



  border-radius: 50px; border:solid 1px #000;



  color: #000;



  font-size: 16px;



  text-decoration: none;



  position: relative;



  overflow: hidden;



  z-index: 1;



  transition: color 0.3s ease;}







.btn-more-1::before {



  content: "";



  position: absolute;



  top: 0;



  left: 0;



  width: 0%;



  height: 100%;



  background: #000;



  z-index: -1; 



  transition: width 0.6s ease;}



.btn-more-1:hover::before {width: 100%;}



.btn-more-1:hover { color: #fff;}











.welcome-section{ padding:60px 0 70px 0}



.welcome-left{ float:left; width:47.5%} .welcome-left img{ border-radius:15px;}



.welcome-right{ float:right; width:47.5%}



.welcome-right h2{ font-size:41px; line-height:44px; padding-bottom:20px;} .welcome-right p{ padding-bottom:20px;}







.toggles{ margin-top:35px; width:100%}



.toggle { padding: 0px 0px 0px 0px; border-top: solid  1px #828282 }



.bdtop0{ border-top:0 !important}



.toggle-content p{ padding-bottom:24px; line-height:1.4; font-size:20px;}



.toggle-title { position: relative; display: block; color: #000; font-weight:600; cursor: pointer; font-size:25px; padding:18px 40px 18px 0; line-height:32px; }











.toggle-title::after { background:url(../images/arrow-3.png) left top no-repeat;



  content: "";



  position: absolute;



  right: 0;



  top: 49%;



  transform: translateY(-50%);



  font-weight: 400;



  width: 22px; height:22px;



  text-align: center;



  line-height: 1;



  color: #000;



}



.toggle.active .toggle-title{ padding-bottom:7px}







.toggle.active .toggle-title::after { background:url(../images/arrow-4.png) left top no-repeat;   width: 22px; height:22px;



  content: ""; 



  color: #41a5af;







}







.toggle-content { padding-top: 10px; padding: 0px 20px 0px 0px; display: none; }



.toggle.active .toggle-content { display: block !important; color:#000}



.toggle.active .toggle-title {  color:#41a5af; }



.toggle-content:before,



.toggle-content:after {  content: " ";    display:table;}



.toggle-content:after { clear: both;}



.small-title{ text-transform:uppercase; letter-spacing:1px; padding-bottom:5px;}



.drlistingtitle{ width:84%}



.diseases-section{ background:#f2f2f2; padding:50px 0}



.diseases-section h2{ font-size:41px; padding-bottom:10px; line-height: 44px;}



.drlhbd{ font-size:1.4rem !important; margin-bottom:10px; }



	.gradiunt-line1{  display: block;



    position: relative;



    width: 100%;



    height: 9px;



    margin: 0.5rem 0 1.7rem 0;



    border: none;



    background: linear-gradient(to right, var(--color-start, #cbdb2a), var(--color-end, #A1C4FD00)); transition: width 400ms cubic-bezier(0.47, 0, 0.745, 0.715) 100ms;



    transform-origin: left center;}



.mtop10{ margin-top:10px;}



	.gradiunt-line{  display: block;



    position: relative;



    width: 100%;



    height: 5px;



    margin: 1rem 0 1.5rem 0;



    border: none;



    background: linear-gradient(to right, var(--color-start, #A1C4FD), var(--color-end, #A1C4FD00)); transition: width 400ms cubic-bezier(0.47, 0, 0.745, 0.715) 100ms;



    transform-origin: left center;}



	.eye-diseases-box{ float:left; width:28.2%; margin-right:1.7%; margin-top:21px;



    border-radius: 1.5rem;



    padding: 1.5rem 1.9% 0.7rem 1.9%; position:relative; border:1px solid rgba(151,151,151,0.25) !important; background:#fff; transition: color 400ms ease-in-out, background-







color 400ms ease-in-out, border-color 400ms ease-in-out, box-shadow 400ms ease-in-out;



   min-height:12rem; text-align:center}



 .eye-diseases-box:hover  {box-shadow:0 0.75rem 1rem rgb(0 0 0 / 10%); cursor:pointer }



  .eye-diseases-box h3{ font-size:28px; padding-bottom:10px; line-height:32px;}



  .eye-diseases-box h3 a{ font-weight:400}



.eye-diseases-box:hover .circle-icon{transform:translateX(5px)}



.circle-icon{display:flex;align-items:center;justify-content:center;background-color:#cbdb2a;color:#0A2029;width:2.25rem;height:2.25rem;border-radius:50%;transition:transform 







400ms ease-in-out, background-color 400ms ease-in-out, color 400ms ease-in-out, box-shadow 400ms ease-in-out; float:right; margin-right:-11px}



.circle-icon:focus,a:focus .circle-icon{outline:none;box-shadow:0 0 0.25rem #0A2029}



.eye-diseases-box:hover a{ color:#41a5af} .eye-diseases-box p{  line-height:25px;}



.mright0{ margin-right:0 !important}



.text-center{ text-align:center}



	.eye-treatment-left p{ padding-bottom:15px; font-size:21px}



.eye-treatment-area{ padding:60px 0}



.eye-treatment-left{ float:left; width:42%; position: sticky;



    top: 100px;



  align-self: flex-start;}



  .ptel{ padding-top:60px}



.eye-treatment-left h2{font-size:41px; padding-bottom:20px; line-height: 44px; padding-top:5px;}



.eye-treatment-right{ float:right; width:49%}



.eye-t-left{ float:left; margin-left:3%; width:47%}



.treatment-box{ position:relative;  margin-bottom:20px;  border-radius: 15px; overflow:hidden}



.treatment-box::before {



  content: "";



  position: absolute;



  inset: 0;



  border-radius: 0.75rem;



  background: linear-gradient(180deg, transparent 43.84%, rgba(0,0,0,.5) 71.06%);



  z-index: 1;



}







/* Hover layer */



.treatment-box::after {



  content: "";



  position: absolute;



  inset: 0;



  border-radius: 0.75rem;



  background: linear-gradient(0deg, rgba(0,0,0,.5), rgba(0,0,0,.5)),



              linear-gradient(180deg, transparent 32.18%, rgba(0,0,0,.2) 76.07%),



              linear-gradient(180deg, transparent 43.84%, rgba(0,0,0,.5) 63.28%);



  opacity: 0; /* hidden */



  transition: opacity 0.6s ease; 



  z-index: 2;



}











.treatment-box:hover::after {



  opacity: 1;



  cursor: pointer;



}



	



.treatment-box img {



  width: 100%;



  display: block;



  border-radius: 20px;



}



.treatment-content {



  position: absolute;



  bottom: 40px;



  left: 30px;



  color: #fff;



  z-index: 9;



}



.treatment-content h2{ font-size:1.8rem; padding-bottom:12px; line-height:1} .learm-more a{ position:relative} .treatment-content h2 a{ color:#fff}







.learm-more a{ color:#fff; font-weight:600}







.learm-more a::after {



    content: "";



    position: absolute;



    left: 0;



    bottom: -6px;



    width: 100%;



    height: 2px;



    background-color: #fff;



    transition: width 0.4s ease;



}



.learm-more a:hover::after {



      width: 0;



    }



.mtopetlc{ margin-top:200px;}



.banner-bottom-section{ padding-top:50px;}



.banner-bottom-box{ float:left; width:30.9%; border-right:solid 1px #ccc; padding-right:1%; margin-right:2%; padding-top:10px; padding-bottom:5px;} 



.banner-bottom-box h2{ margin-bottom:12px; font-size:28px; font-weight:600; line-height:1.25; color:#000}



.banner-bottom-box ul{ margin:20px 0 10px 0; }.banner-bottom-box ul li{ display:inline-block; margin-right:8px; margin-bottom:10px;}



.banner-bottom-box ul li a{ display: inline-block;



    background-color: #fff;



    -webkit-transition: all 0.2s ease;



    transition: all 0.2s ease;



    padding: 3px 19px;



    font-size: 15px;



    border-radius: 20px;



    color: #000;



    border: 1px solid #bbb;}



	.banner-bottom-box ul li a:hover{box-shadow:0 4px 20px rgba(0,0,0,0.10);}



	.morelink{color: #333 !important; position:relative;



    font-size: 17px;



    font-weight: 600;



    line-height: 1.5;



    -webkit-transition: all 0.2s ease;



    transition:all 0.2s ease} .morelink img{ display:inline-block; vertical-align:middle; padding-left:4px;    transition: all 0.2s ease;} .morelink:hover img{ padding-left:9px; 







    transition: all 0.2s ease;}



	.morelink::after {



    content: "";



    position: absolute;



    left: 0;



    bottom: -3px;



    width: 0;



    height: 1px;



    background-color: #333;



    transition: width 0.4s ease;



}



 .morelink:hover::after {   width: 84%; }



 .call-for-appointment{ display:inline-block; vertical-align:middle; margin-left:35px; position:relative; top:-3px}  .call-for-appointment img{ display:inline-block; vertical-align:middle}



 .call-for-appointment a{ color:#fff; font-size:16px; position:relative}



 .call-for-appointment a::after {



    content: "";



    position: absolute;



    right: 0;



    bottom: -1px;



    width: 86%;



    height: 1px;



    background-color: #fff;



    transition: width 0.4s ease;



}



 .call-for-appointment a:hover::after {   width:0;  }



  .call-for-appointment a:hover{ color:#fff}



  .themebtn{ display:inline-block; vertical-align:middle; margin-left:31px;}   .themebtn img{ display:inline-block; margin-left:4px; vertical-align:text-bottom}



  .acimg img{ display:inline-block; vertical-align:middle; margin-right:32px;}



   .acimg{ margin-bottom:20px; margin-top:15px;}



   .minh122{ min-height:122px;}



   .open-search .fa{ padding-left:70px;}



   .flbox li a{ color:#fff !important; font-size:12px !important;}



   



 



 .shadowbox {  position: relative;z-index: 99; box-shadow:0px 4px 14px rgb(100 100 100 / 15%)}



 .fixed {background: #fff; /*-webkit-box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 10%); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 







10%);*/ position: fixed;  top: 0; width: 100%; transition: transform 0.1s ease-in-out; /*animation: slideDown 0.9s ease;*/}



 



/*@keyframes slideDown {



  from { transform: translateY(-100%); }



  to { transform: translateY(0); }



}



 @keyframes slideUp {



  from { transform: translateY(0); }



  to { transform: translateY(-100%); }



}.sticky.hide {



  animation: slideUp 0.9s ease forwards;



}*/



.ptop20{ padding-top:20px;}



   .mission-vision-area{ padding:40px 0 90px 0}



   .m-v-left{ float:left; width:40%}



   .m-v-left h2{    font-size: 41px; color:#000;



    line-height: 42px;font-weight:600; padding-top:6px;}



    .m-v-right{ float:right; width:60%}



	.m-v-box h3{ font-weight:600; font-size:28px; margin-bottom:10px;}



	.m-v-box{ float:left; width:44%; margin-left:6%} .m-v-box p{ line-height:25px; font-size:20px}



	.m-v-box img{ display:inline-block; vertical-align:middle; padding-right:2px;}



	.counter-left-caption h2{font-weight:700; font-size:40px; line-height:48px;   }



	.counter-area{ } .counter-right h2{ font-weight:600; font-size:35px; line-height:35px; color:#000; padding-bottom:7px;}



	.conter-box1 p{}



	.counter-area h2 span{font-weight:600; color:#000 }



	.counter-left{ float:left; width:40.3%; position:relative}



	.counter-left-caption{ background:rgba(255,255,255,0.8); border-radius:20px; padding:25px; position:absolute; right:20px; bottom:20px} 



	.counter-left img{ border-radius:20px}



	.counter-right{ float:right; width:59.7%}



	.counter-left-caption p{ } .counter-left-caption h2{ font-size:35px; padding-bottom:0}



	.counter-right-col{ float:left; width:47.8%; margin-left:2.2%}



	.conter-box1{ background:#f5f5f5; border-radius:20px; margin-bottom:20px; padding:25px 25px; position:relative}



	.cb2{ margin-top:20px; min-height:168px; }



	.mtop80{  margin-bottom:20px}



	.minh193{ min-height:193px;}



	.bdr20{ border-radius:20px}



	.pd0{ padding:0 !important}



	.mtop153{ padding-top:280px !important;}



	.lighbg{ background:#f9f1e7 !important}



	.ptop80{ padding-top:80px} .ptop200{ padding-top:200px}



	.advance-eye-treatment{ padding:80px 0 0 0}



	.advance-eye-treatment h2{font-size: 41px; text-align:center;  color:#000;



    line-height: 42px;



    font-weight: 600;



    padding-bottom: 10px;} 



	.font20{ font-size:20px; line-height:1.4} .font22{ font-size:22px; font-weight:500; line-height:28px;}  .font23{ font-size:23px;}  .font28{ font-size:26px; font-style:normal}



	.advance-eye-t-row{ margin-top:20px; position:relative; max-width:1200px; width:100%}



	.advance-eye-t-left{ float:left; width:25%; margin-right:2%; padding-top:125px;} .advance-eye-t-right{ float:right; width:73%; border-radius:30px;}



	.advance-eye-t-left h3{font-size: 33px; line-height:36px;font-weight: 600;



    padding-bottom: 7px;}



	



	.slick-slider {



	position: relative;



	display: block;



	box-sizing: border-box;



	-moz-box-sizing: border-box;



	-webkit-touch-callout: none;



	-webkit-user-select: none;



	-khtml-user-select: none;



	-moz-user-select: none;



	-ms-user-select: none;



	user-select: none;



	-ms-touch-action: pan-y;



	touch-action: pan-y;



	-webkit-tap-highlight-color: transparent;}



.slick-list {



	position: relative;



	overflow: hidden;



	display: block;



	margin: 0;



	padding: 0;}



.slick-list:focus {



	outline: none;}



.slick-list.dragging {



	cursor: pointer;



	cursor: hand;}



.slick-slider .slick-track {



	-webkit-transform: translate3d(0, 0, 0);



	-moz-transform: translate3d(0, 0, 0);



	-ms-transform: translate3d(0, 0, 0);



	-o-transform: translate3d(0, 0, 0);



	transform: translate3d(0, 0, 0);



}



.slick-track {



	position: relative;



	left: 0;



	top: 0;



	display: block;



}



.slick-track:before, .slick-track:after {



	content: "";



	display: table;



}



.slick-track:after {



	clear: both;



}



.slick-loading .slick-track {



	visibility: hidden;



}



ul.slick-track {



	margin:0px;



	padding:0px;



}



ul.slick-track li {



	list-style-type:none;



	margin:20px 0px 30px 0px;



}



.slick-slide {



	float: left;



	height: 100%;



	min-height: 1px;



	display: none;



}



[dir="rtl"] .slick-slide {



	float: right;



}



.slick-slide img {



	display: block;



	max-width:100%;



	display:inline-block;



}



.slick-slide.slick-loading img {



	display: none;



}



.slick-slide.dragging img {



	pointer-events: none;



}



.slick-initialized .slick-slide {



	display: block;



}



.slick-loading .slick-slide {



	visibility: hidden;



}



.slick-vertical .slick-slide {



	display: block;



	height: auto;



	border: 1px solid transparent;



}



.slick-prev, .slick-next { background:transparent; border:solid 2px #41a5af; border-radius:100%;







	position: absolute;



	height:40px;



	width:40px;



	line-height: 0;



	font-size: 0;



	cursor: pointer;



	color: transparent;



	outline: none;



}



.slick-prev { top:50%;



  right: -70px;



  left: auto; /* important */



  position: absolute;



  z-index: 10;



}







.slick-prev::before {



  content: "\f104"; /* Font Awesome left arrow */



 font-family: 'FontAwesome';



  font-size: 30px; text-align:center; line-height:18px;



  color: #41a5af;



}



.slick-prev:hover{ background:#41a5af; right:-70px; color:#fff}



.slick-prev:hover::before { color:#fff}







.slick-next {



  right: -70px; top:38%;



  left: auto; /* important */



  position: absolute;



  z-index: 10;



}







.slick-next::before {



  content: "\f105"; /* Font Awesome left arrow */



 font-family: 'FontAwesome';



  font-size: 30px; text-align:center; line-height:18px;



  color: #41a5af;



}



.slick-next:hover{ background:#41a5af; right:-70px; color:#fff}



.slick-next:hover::before { color:#fff}







.slick-dots { display:none !important;



	position: absolute;



	bottom: -22px;



	list-style: none;



	text-align: center;



	padding: 0;



	width: 100%;



}



.slick-dots li {



	position: relative;



	display: inline-block;



	height:6px;



	width:25px;



	margin: 0 5px;



	padding: 0;



	border-radius:50px;



	cursor: pointer;



	background:#000



}



.slick-dots li button {



	border: 0;



	background: transparent;



	display: block;



	height:6px;



	width:25px;



	outline: none;



	line-height: 0;



	border-radius:50px;



	color: transparent;



	cursor: pointer;}



.slick-dots li button:hover, .slick-dots li button:focus {



	outline: none;	background:#f3ba79;}



.slick-dots li button:hover:before, .slick-dots li button:focus:before {



	opacity: 1;	background:#f3ba79;}



.slick-dots li button:before {



	position: absolute;



	top: 0;



	left: 0;



	width: 25px;



	height:6px;



	text-align: center;



	color: #fff;



	-webkit-font-smoothing: antialiased;



	-moz-osx-font-smoothing: grayscale;



}



.slick-dots li.slick-active button:before {background:#f3ba79;}



.slick-dots li.slick-active {background:#f3ba79;}



.slick-track li img{ border-radius:30px; width:100%}  .slick-track li h4 { padding-top:7px; font-weight:600; font-size:23px; }



.why-choose-area{ padding-top:90px; padding-bottom:130px}



.why-choose-left{ float:left; width:32%} .why-choose-left p{ padding-bottom:10px; }



.why-choose-left h2{font-size: 41px;  color:#000;



    line-height: 42px;



    font-weight: 600;



    padding-bottom: 10px;}



.why-choose-right{ float:right; width:61%; margin-top:38px;}



.why-choose-right-r{ border-bottom:dotted 1px #000; padding-bottom:18px; margin-top:18px;}



.why-choose-right-r-icon{ width:60px; height:60px; border-radius:100%; float:left; background:#000;}



.why-choose-right-r-icon img{ margin:0 auto; padding-top:15px;}



.why-choose-right-r-txt{ float:right; width:calc(100% - 76px);}



.why-choose-right-r-txt h3{ font-weight:600; font-size:24px; line-height:24px; padding-bottom:7px;}



.why-choose-right-r-txt p{ line-height:24px;}



.width80{ width:86%; margin:0 auto}



.bgp-1{ position:relative;}



.bgp-1::before{ content: "";   position: absolute; width:100%; height:100%; background:url(../images/pattern.png)  center top no-repeat; left:0; top:0 }







.bgp-2{ position:relative;}



.bgp-2::before{ content: "";   position: absolute; width:100%; height:100%; background:url(../images/pattern1.png)  center top no-repeat; left:0; top:0 }







.bgp-3{ position:relative;}



.bgp-3::before{ content: "";   position: absolute; width:100%; height:100%; background:url(../images/pattern1.png)  center -28% no-repeat; left:0; top:0px }



.ptop105{ padding-top:43px}



.pto30{ padding-top:25px}







.map-section{ padding:80px 0 30px 0; }



.map-section h2{    font-size: 41px;  color:#000;



    text-align: center;



    line-height: 42px;



    font-weight: 600;



    padding-bottom: 10px;}



	



	.map-section-area{ background:#fbf7e3;     border-radius: 40px;



    margin: 0 auto;



    width: calc(100% - 80px); margin-top:10px; padding:30px  0px} 



	.map-section-left{ float:left; width:60%}



	.map-section-right{ float:right; width:35%; background:#fff; margin-top:13px }



	.map-txt{ padding:15px 35px}



	.map-section-right p{  padding-top:1px}



	.faq-area{  background:#ecf2f2; border-radius:30px;  padding:0 70px 60px 70px; margin-bottom:80px}



	.faq-left{  width:100%}



	.faq-left h2{ font-size: 41px; margin-top:-30px;  line-height: 45px;  font-weight: 600;   padding-bottom:7px; color:#000; text-align:center; padding-top:60px; }



	.faq-right{  width:100%}



	.map-section-right .why-choose-right-r-txt{ width:100%; float:left}



	.faqd a{ text-decoration:underline} .faqd a:hover{ text-decoration:none}



	



	.container-area3{ max-width:980px; width:100%; margin:0 auto}



.faqimg{ margin:0 auto; position:relative; top:-45px}







.map-bottom-section{ margin-top:50px; text-align:center}



.map-bottom-section h3{ font-size:25px; line-height:30px; padding-bottom:12px; font-weight:600; color:#41a5af}



.map-bottom-section h2{font-size: 41px;



    line-height: 45px;



    font-weight: 600;



    padding-bottom: 7px;



    color: #000;



    text-align: center; width:60%; margin:0 auto;



}



.map-bottom-box{ float:left; width:33.333%; border-bottom:solid 2px #ccc}



.map-bottom-box-main{ margin:0 5%; padding:45px 25px; border-bottom:solid 5px #41a5af; position:relative; top:3px; min-height:174px }



.map-bottom-box-main h4{ color:#000; font-weight:600; font-size:26px; line-height:30px; padding-bottom:5px;}



.mleft10{ margin-left:20%}



.mright10{ margin-right:20%}



.why-choose-area h2{    font-size: 41px;



    color: #000;



    text-align: center;



    line-height: 42px;



    font-weight: 600;



    padding-bottom: 10px; width:60%; margin:0 auto}



	



.inner-banner-area{ background:#f2f2f2; padding:40px 0 50px 0px}



.breadcrumb-area{  padding:15px 0 0px 0; font-size:14px; text-align: center}



.breadcrumb-area li a{ text-decoration:underline  }



.breadcrumb-area li { font-size:14px; line-height:16px; display: inline;color:#41a5af } .breadcrumb-area li a:hover{  text-decoration:none}



.breadcrumb-area li+li::before {  content: '/'; margin: 0 0.8rem; color:#000}



.inner-banner-text{ float:left; width:71%; padding-top:30px; padding-left:50px;}



.inner-banner-text h1{ font-size:54px; padding:0px 0 1px 0; line-height:58px; font-weight:800; color:#000}



.written-box{ font-size:15px; width:100%; max-width:430px; margin:0 auto 40px auto; background:#fff; border-radius:50px; padding:7px;/* box-shadow:0 4px 20px rgba







(0,0,0,0.10);*/}



.written-box a{ color:#41a5af;}.written-box a:hover{ text-decoration:underline}



.written-box img{ border-radius:100%; display:inline-block; vertical-align:middle; width:50px; margin-right:10px; }



.written-box .wbtxt{ width:calc(100% - 70px); display:inline-block; vertical-align:middle}



.inner-banner-text p{ font-size:22px; margin-bottom:12px;}



.inner-banner-text p span{ color:#41a5af}



.inner-banner-image{ float:right; width:20%; background:#fff; border-radius:100%; padding:1.5%; margin-top:7px;} .inner-banner-image img{ border-radius:100% }



.inner-content-area{ padding:15px 0 30px 0}



.on-this-page{ width:80%; margin:0 auto; font-size:14px;} .on-this-page strong{ font-size:16px;}



.on-this-page a{ padding:0 7px 0 7px; text-decoration:underline; text-underline-offset:5px; font-size:14px; line-height:14px;} .on-this-page a:hover{ text-decoration:none}



.glance-box{ background:#e3f3ff ; padding:20px 50px 22px 50px; margin-bottom:20px;  border-radius:30px; position:relative}



.content-main{ padding:0 50px}



.glheading{ background:#f8dab2; display: inline-block;



    position: relative;



    top: -31px;



    margin: 0;



    margin-left: -30px;



    padding: 10px 30px;



    outline: 1px solid rgba(0,0,0,0);



    outline-offset: -1px;



   font-size:35px; line-height:35px; font-weight:600}



   .list02{margin-left:40px; margin-bottom:15px; margin-top:5px;}



   .list02 li::marker { color:#41a5af  !important}



    .list02 li{ list-style-type: none !important; background:none !important; padding-left:0 !important; position:relative; margin-bottom:2px !important; font-size:20px;}



 .list02 li::before { color:#41a5af;



  content: "-";



  position: absolute;



  left: -15px; font-size:26px; top:-8px;



}



	.list-01{  margin-bottom:24px;}



	.list-01 li{ position:relative; color:#000;  margin-bottom:10px; font-size:20px; padding-left:25px; background:url(../images/tick1.png) left 7px no-repeat}



	



	.list-do{  margin-bottom:24px;}



	.list-do li{ position:relative; color:#000;  margin-bottom:10px; font-size:20px; padding-left:30px; background:url(../images/do.png) left 7px no-repeat}



		.list-dont{  margin-bottom:24px;}



	.list-dont li{ position:relative; color:#000;  margin-bottom:10px; font-size:20px; padding-left:30px; background:url(../images/dont.png) left 7px no-repeat}



	



	.list-02{  margin-bottom:24px;}



	



	.list-02 li{ position:relative; color:#000;  margin-bottom:10px; font-size:20px; padding-left:20px; background:url(../images/arrow-a.png) left 7px no-repeat}



	



	



	.list50 li{ float:left; width:46.5%; margin-right:3.5%}



		.list01{ margin-left:25px; margin-bottom:24px;}



	.list01 li{ margin-bottom:8px; background:url(../images/list-icon1.png) left 6px no-repeat; padding-left:27px;   font-size:20px;}



	.list01 li::marker { color:#000; font-size:22px;}



	.listunerline li{margin-bottom:8px; padding-bottom:8px; border-bottom:dotted 1px #333}



	.listunerline li:last-child{ border-bottom:0}



	



	.list01sp{  margin-bottom:24px;}



	.list01sp li{ margin-bottom:7px; background:url(../images/tick1.png) left 7px no-repeat; padding-left:20px; float:left; width:30%;   font-size:20px;  vertical-align:top;}



	.list01sp li::marker { color:#000; font-size:22px;}



	



		.list01sp-2{  margin-bottom:24px;}



	.list01sp-2 li{ margin-bottom:7px; background:url(../images/tick1.png) left 7px no-repeat; padding-left:20px; float:left; width:46%;   font-size:20px;  vertical-align:top;}



	.list01sp-2 li::marker { color:#000; font-size:22px;}







	.content-left-area .list50 li{ width:43%}



	.list01a{ margin-left:45px; margin-bottom:24px;}



	.list01a li{ margin-bottom:8px; list-style-type: decimal; font-size:20px;}



	.list01a li::marker { }



	



		.list01s{ margin-left:25px;}



	.list01s li{ margin-bottom:10px; margin-top:4px; list-style-type: decimal; font-size:.9375rem; font-style:italic}



	.mb0{ margin-bottom:0 !important}



	.mtop30{ margin-top:30px !important;} .mtop50{ margin-top:50px !important;}



	.inner-content-area .bdline{ margin-bottom:20px;}



	.inner-content-area h2{font-size:32px; line-height:38px; font-weight:600; padding-bottom:10px; padding-top:20px; }



	.inner-content-area h2 span{color:#000; font-weight:800;}



	.inner-content-area h3{font-size:28px; line-height:32px; color:#41a5af; font-weight:600; padding-bottom:12px;}



	.content-right-listbox h3{ color:#fff}



		.inner-content-area h3 img{ display:inline-block; vertical-align: revert}



	.lineu{ text-decoration:underline; text-underline-offset:5px; text-decoration-thickness: 1px;



  text-decoration-color: #41a5af; color:#41a5af}



	.inner-content-area p{ padding-bottom:20px; font-size:20px; line-height:1.4}



	.link{ color:#41a5af !important; text-decoration:underline !important;



}.did-you-know-box-txt ul{}



	.link:hover{ text-decoration:none !important}



	.did-you-know-box{ background:#ecf2f2; margin-bottom:30px; margin-top:30px;}



	.did-you-know-box-txt{ padding:35px 30px 10px 30px}



	.did-you-know-box h2{ position:relative; background:#41a5af; font-size:24px; line-height:24px; color:#fff; padding:14px 30px 14px 30px; z-index:9}



	 .did-you-know-box h2 img{ display:inline-block; vertical-align:middle}



	.did-you-know-box h2::before { z-index:-9; left:30px;



    content: "";



    display: block;



    position: absolute;



    top:31px;



    width: 0;



    height: 0;



    transform: rotate(45deg);



    border: solid 1rem #41a5af;



}



	.did-you-know-box h3{ position:relative; background:#41a5af; font-size:24px; line-height:24px; color:#fff; padding:14px 30px 14px 30px; z-index:9}



	 .did-you-know-box h3 img{ display:inline-block; vertical-align:middle}



	.did-you-know-box h3::before { z-index:-9; left:30px;



    content: "";



    display: block;



    position: absolute;



    top:31px;



    width: 0;



    height: 0;



    transform: rotate(45deg);



    border: solid 1rem #41a5af;



}







.bgl{ background:#fffeac; padding:2px 7px} .bgl a{ text-decoration:underline} .bgl a:hover{ text-decoration:none; color:#000}



.h18{ height:8px;} .h15{ height:15px;}



.key-point-box{ background:#e3f3ff;  margin-top:30px; margin-bottom:30px} .key-point-box img{ display:inline-block; vertical-align:middle; padding-right:7px;}



.key-point-box h3{ background:#c9e5fa; padding:10px 0 15px 40px}



.key-point-txt{ padding:30px 50px 10px 40px}



.inner-page-faq{ background:#002664; padding:50px 0}



.inner-page-faq h2{ color:#fff; font-size: 35px;



    line-height: 40px;



    font-weight: 600;



    padding-bottom: 12px; text-align:center; }



	.inner-page-faq .toggle-title{ color:#fff; font-size:24px; line-height:30px; padding:18px 40px 18px 0}



	.inner-page-faq .toggle{border-top:solid  1px #596f91}



.inner-page-faq	.toggle-content p{ color:#fff; font-size:18px; line-height:1.4;}



.inner-page-faq .toggle.active .toggle-title{color:#bbcbe5}



.inner-page-faq .toggle-title::after{background:url(../images/arrow-3a.png) left top no-repeat}



.inner-page-faq .toggle.active .toggle-title::after{background:url(../images/arrow-4a.png) left top no-repeat}



.whlink{ color:#fff; border-bottom:solid 1px #fff; text-underline-offset:0px} .whlink:hover{ color:#fff; border-bottom:solid 0px #fff;}



.wbgh{ background:#77859b; padding:2px 7px;}







.keyfact-box{ background:#f6f8dc; margin-bottom:60px; margin-top:20px;}



	.keyfact-box-txt{ padding:20px 50px 20px 50px}



	.sources-box {



}







.sources-toggle { font-size:18px;



  cursor: pointer;



  color: #41a5af;



  font-weight: 600;



  display: inline-flex;



  align-items: center;



  gap: 6px;



}



.glance-box h2 img{ display:inline-block; vertical-align:middle; padding-right:1px; position:relative; top:-4px}







.sources-toggle .arrow {font-weight: 600; font-size:24px; position:relative; top:2px;



  transition: transform 0.3s ease;



}







.sources-box.active .arrow {



  transform: rotate(180deg);



}







.sources-content {



  display: none;



  margin-top: 15px;



}







.sources-content ul {



  padding-left: 20px;



}







.sources-content li {



  margin-bottom: 8px;



}



.recommended-left{ float:left; width:40%; padding-bottom:40px; margin-top:15px;}



.recommended-right{ float:right; width:57.5%; margin-top:10px}



.bdline{ border-bottom:solid 1px #ccc; margin-bottom:40px; padding-bottom:10px;}



.recommended-box{border-bottom:solid 1px #ddd;  margin-bottom:25px; padding-bottom:6px;}



.recommended-box h4{ font-size:25px; padding-bottom:2px;}



.recommended-box h4 a{ font-weight:600}



.recommended-box h4 a:hover{ color:#41a5af}



.topiclink ul {



    margin: 0px;



    padding: 0px;



    list-style-type: none;



    border: 1px solid rgb(221, 221, 221);



    border-radius: 10px;



    overflow: hidden;



    width: fit-content;



}.topiclink ul li { background:#f6f8dc;



    display: flex;



    float: left;



    border-right: 1px solid rgb(221, 221, 221);



}.topiclink ul li a {



    padding: 10px 14px;



    font-size: 18px;



    color:#000 !important;



}.topiclink ul li a:hover{ background:#fff; color:#000!important}



.topiclink ul li:last-child {



    border: 0px;



}



.topiclink { margin-bottom:30px; text-align:center; margin-top:10px;}







.type-box{ float:left; width:28.3%; margin-right:1.7%; margin-top:17px;



    border-radius: 1rem;



    padding: 1.5rem 1.8% 0rem 1.8%; position:relative; border:1px solid rgba(151,151,151,0.25) !important; background:#ecf2f2; transition: color 400ms ease-in-out, background-







color 400ms ease-in-out, border-color 400ms ease-in-out, box-shadow 400ms ease-in-out;



   min-height:190px; text-align:center}



 .type-box:hover  {box-shadow:0 0.15rem 1rem rgb(0 0 0 / 10%); cursor:pointer; background:#fff }



  .type-box h3{ font-size:23px; padding-bottom:10px; line-height:24px;}



  .minh270{ min-height:396px !important}



  .minhinherit{ min-height:inherit !important}







.three-box{ float:left; width:28.2%; margin-right:1.7%; margin-top:12px;



    border-radius: 1rem;



    padding: 1.5rem 1.9% 0rem 1.9%; position:relative;  background:#ecf2f2; transition: color 400ms ease-in-out, background-color 400ms ease-in-out, border-color 400ms ease-in-







out, box-shadow 400ms ease-in-out;



   min-height:194px; text-align:center}



 .three-box:hover  {box-shadow:0 0.15rem 1rem rgb(0 0 0 / 10%); cursor:pointer; background:#fff }



  .three-box h3{ font-size:23px; padding-bottom:10px; line-height:26px;}



  .sources-box li{ font-size:14px; margin-bottom:4px;}



  .refernece-area{ background:#e3f3ff; padding:5px 40px; margin-bottom:10px;border-radius:30px}



    .content-left-area{ float:left; width:72%}



  .content-right-area{ float:right; width:25%; margin-top:26px;   position: sticky; top:195px; transition: top 0.3s ease;



}.content-right-area.scroll-up {top:195px;}



  .content-right-listbox{ background:#41a5af; padding:20px 20px; color:#fff}



    .content-right-listbox ul li{ border-bottom:solid 1px #6aced8; padding:12px 0 13px 0; line-height:18px; position:relative}



	 .content-right-listbox ul li:last-child{ border-bottom:0}



	 .content-right-listbox ul li a{ color:#fff; font-size:16px; width:91%; display:block}



	 .content-right-listbox ul li a:hover{ color:#000; width:91%; }



.content-right-listbox ul li a:after{transition: all .3s ease-out;



    letter-spacing: 0;



    font-size: 1.0625rem;



    



    line-height: 36px; content:url(../images/arrow02.png);



    position: absolute;



    top: 49%;



    transform: translateY(-50%);



    right: 7px;



    display: inline-block;



    pointer-events: none;



}.content-right-listbox ul li a:hover:after{ right:0}



.recommended-box p a{ font-weight:500;  color:#41a5af} .recommended-box p a:hover{ text-decoration:underline; color:#000 } .recommended-box p .fa{ position:relative; top:2px}



.mtop70{ margin-top:70px;}



.content-left-area .faq-area { margin-top:70px; padding:0 30px 20px 30px; margin-bottom:0}



.content-left-area .faq-area h2{ padding-top:40px;}



.gray-bg-area{ background:#f2f2f2; border-radius:20px; padding:25px; margin-top:10px;}



.gray-bg-under-w{float: left; 



    width: 28.6%;



    margin-right: 1.6%;



    border-radius: 20px;



    padding: 2.5rem 1.7% 0rem 1.7%;



    position: relative;



    border: 1px solid rgba(151,151,151,0.25) !important;



    background: #fff;



    transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out, box-shadow 300ms ease-in-out;



    min-height:248px;



    text-align: center;}



	.gray-bg-under-w h3 { position:relative;



    font-size: 24px;



    padding-bottom: 10px;



    line-height: 26px;



}



.gray-bg-under-w h3::before { border-radius:30px;



  content: "";



  width: 51px;



  height: 6px;



  background: #41a5af;



  position: absolute;



  top: -17px;



  left: 50%;



  transform: translateX(-50%);}



.gray-bg-under-w:hover{box-shadow:0 0.35rem 1rem rgb(0 0 0 / 10%); cursor:pointer; background:#fff}







.gray-bg-under-w1{float: left; 



    width: 44.7%;



    margin-right: 1.6%;



    border-radius: 20px;



    padding: 2.5rem 2.1% 0rem 2.1%;



    position: relative;



    border: 1px solid rgba(151,151,151,0.25) !important;



    background: #fff;



    transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out, box-shadow 300ms ease-in-out;



    min-height:140px;



    text-align: center;}



	.gray-bg-under-w1 h3 { position:relative;



    font-size: 24px;



    padding-bottom: 10px;



    line-height: 26px;



}



.gray-bg-under-w1 h3::before { border-radius:30px;



  content: "";



  width: 51px;



  height: 6px;



  background: #41a5af;



  position: absolute;



  top: -17px;



  left: 50%;



  transform: translateX(-50%);}



.gray-bg-under-w1:hover{box-shadow:0 0.35rem 1rem rgb(0 0 0 / 10%); cursor:pointer; background:#fff}











.mtop14{ margin-top:14px;}



.minh198{ min-height:220px !important}



.dr-listing-box{border-radius:1.5rem; display:inline-block; vertical-align:top; width:31.4%; margin:13px 1.5% 13px 0; border:1px solid rgba(151,151,151,0.25); transition:color 100ms ease-in-out, background-color 







100ms ease-in-out, border-color 100ms ease-in-out, box-shadow 100ms ease-in-out}



.dr-listing-text{ padding:1.1rem 1.5rem 1.5rem 1.5rem; text-align:left }



 .dr-listing-box:hover  {box-shadow:0 0.75rem 1rem rgb(0 0 0 / 10%);  }



 .dr-listing-box img{border-radius:1.5rem 1.5rem  0 0;}



 .degreetxt{ color:#000; padding-bottom:5px; font-size:15px;}  .dr-listing-text h3{ padding-bottom:4px !important; color:#000} .dr-listing-text h3 a{ font-weight:600; 







color:#000}.dr-listing-text h3 a:hover{ color:#41a5af}



 .dr-listing-text h4{ color:#41a5af; padding-bottom:13px; font-size:16px; font-weight:600}  .dr-listing-text p{ font-size:16px; line-height:24px; min-height:48px;}



 .drlisting{ padding:20px 0 60px 0}



 .drpb{ padding-top:30px;}



.drlisting h1{font-size: 40px;



    line-height: 44px;



    font-weight: 800;



    padding-bottom: 5px;



    padding-top: 15px;



    color: #000;}



	.dr-detail-page{ padding:60px 0}



	.dr-detail-profile-pic{ float:left; width:40.5%} .dr-detail-profile-pic img{ width:100%}



	.dr-detail-profile-txt{ float:right; width:56%}



		.dr-detail-profile-txt h1{    font-size: 40px;



    line-height: 48px;



    font-weight: 800;



    padding-bottom: 2px;}



	.dr-detail-profile-txt h3{ font-size:21px; margin-bottom:20px; color:#41a5af; font-weight:600; line-height:28px;}



	.dr-detail-profile-txt h5{ font-size:16px; padding-bottom:7px; }



		.dr-detail-profile-txt h4{font-size:24px; font-weight:600; padding-bottom:5px; border-top: solid 1px #d6d6d6;



    padding-top: 18px;}



	.drdbtn{ margin-bottom:30px;}



	.dr-detail-profile-txt p{ font-size:20px; padding-bottom:20px;}



	.drdblue1{    background: #e3f3ff; margin-top:50px; margin-bottom:50px; border:solid 1px #cfdde7;



    padding: 20px 50px 22px 50px;



    margin-bottom: 40px;



    border-radius: 30px;



    position: relative;}



	.drdblue1 h2{font-size: 32px; border-left: solid 8px #41a5af; 



    line-height: 32px; padding:8px 0 8px 20px;



    font-weight: 600;



    margin-bottom: 15px;



    margin-top: 20px;



    color: #000;}



	.drdblue1 p{ padding-bottom:20px; font-size:20px; line-height:1.4}



	.dr-detail-section-1{ padding:0px 0 80px 0}



		.dr-detail-section-1 h2{font-size: 32px; border-left: solid 8px #41a5af; 



    line-height: 32px; padding:8px 0 8px 20px;



    font-weight: 600;



    margin-bottom: 15px;



    margin-top: 40px;



    color: #000;}



	.dr-detail-section-1 .list01a{ margin-left:21px;}



			.dr-detail-section-1 h3{font-size: 25px;



    line-height: 30px;



    font-weight: 600;



    padding-bottom: 12px;}



	.dr-detail-section-1 p{padding-bottom:20px; font-size:20px; line-height:1.4}



	.dr-detail-section-1-left{ float:left; width:47.5%}



	.dr-detail-section-1-right{ float:right; width:47.5%}



	.hrline{ background:#d6d6d6; height:1px; margin:20px 0 15px 0}



	.drdetaillbox{ float:left; width:31%; margin-right:3.5%; margin-top:5px} .drdetaillbox p{ padding-bottom:10px} .drdetaillbox p a{ color:#41a5af; font-weight:600}



	.drdetaillbox p a:hover{ text-decoration:underline}



	.drdetaillbox h3{ font-size:22px; font-weight:600;}



	



	.timing-box {



 



}







.timing-row {



  display: flex;



  justify-content: space-between;







  padding: 8px 0;



  border-bottom: 1px solid #ddd;







}







.timing-row:last-child {



  border-bottom: none;



}







.timing-row span:first-child {



  font-weight: 600;



}







.timing-row span:last-child {



  color: #41a5af; /* blue tone like image */



}



.redc{ color:#FF0000 !important}



/*.dr-listing-box{ display:none}*/



#loadMoreBtn{ cursor:pointer;}











/* Layout */



.top-section {



  max-width: 100%;



  margin: 7px auto;



  display: flex;



  gap: 20px;



}







/* Schedule Box */



.schedule-box {



  flex: 1;



  border-radius: 12px; padding:11px 15px 20px 15px; border:1px solid #ddd; background:#f5f5f5;



}







.location {



  padding: 0px 0px 5px 0px;



  border-radius: 8px;



  font-size: 17px;



  margin-bottom: 10px;



}



.schedule-box img{ display:inline-block; vertical-align:middle; padding-right:3px;}



.location strong {



  color: #41a5af;



}



.location a{ text-decoration:underline} .location a:hover{ text-decoration:none; color:#41a5af}







.time {



  color: #333; 



}







/* Days */



.days span { font-size:17px;



  display: inline-block; width:30px; height:30px; text-align:center; line-height:32px;







  margin-right: 4px;



  border-radius: 100%; color:#fff;



  background: #41a5af;



  font-weight: 600;



}



.days span:first-child{ background:#fff; color:#adadad}



.days span.active {



  background: #d6e258;



  color: #000;



}



.days span.normal {



  background: #0069aa;



  color: #fff;



}



/* Appointment Box */



.appointment-box { text-align:center;



  flex: 1;



  background: #41a5af;



  padding: 15px;



  border-radius: 12px;



}







.appointment-box h3 { color:#fff;



  margin-bottom:30px;



}



.appointment-box .btn1{ float:none}



/* Button */



.btn {



  width: 100%;



  background: linear-gradient(to right, #002664, #002664);



  color: #fff;



  border: none;



  padding: 12px;



  border-radius: 6px;



  font-size: 18px; font-weight:600;



  cursor: pointer;



}



.btn:hover { background:#41a5af}



.help {



  margin-top: 15px;



  font-size: 14px;



}







.help span {



  color: #1e73be;



}



.ip-number-area h2{ text-align:center; font-weight:600; font-size:40px; line-height:40px; padding-bottom:15px;}



.h35{ height:35px;}



.dr-detail-section-1 .list-01 li{ color:#333}



.internation-patient-section{ padding:40px 0 40px 0}



.iptb-left{ float:left; width:51%}



.internation-patient-section h1{    font-size: 40px;



    line-height: 42px;



    font-weight: 600;



    padding-bottom: 40px; color:#000}



	.iptb-left .subdesc{ font-size:24px; font-weight:600; line-height:1.4}  	.iptb-left .subdesc p{ line-height:30px; padding-bottom:20px; }



.iptb-right{ float:right; width:45%; padding-top:7px;} .iptb-right img{ border-radius:0 0 25px 25px }



.internation-patient-section p{ font-size: 20px; padding-bottom:20px;  line-height: 1.4;}



.ip-loaction-area{ background:#ecf2f2; padding:60px 0}



.ip-loaction-area h2{ font-size:40px; font-weight:600; color:#000; line-height:42px; text-align:center; padding-bottom:10px;}



.ip-location-box{ float:left; width:30.5%; margin:10px 1%; border-radius:25px; position:relative; overflow:hidden; box-shadow:0 10px 10px 0 rgb(0 0 0 / 10%), 0 0 14px 0 rgb(0 0 







0 / 5%) }	



.ip-location-box img{  transition: transform 0.3s ease;}



.ip-location-box img:hover{transform: scale(1.1);}



.ip-l-cbox{    bottom: 30px;



    background: #fff;



    border-radius: 16px;



    position: absolute;



    width: -webkit-fill-available;



    margin: 0 30px;



    padding: 24px 10px 18px;



    text-align: center;}



	.ip-l-cbox h3{ font-size:24px; font-weight:600; line-height:28px; margin-bottom:10px } .ip-l-cbox h3 span{ font-size:20px; color:#000}



	.lrmore{display: inline-block; background:url(../images/right-a-n.png) 112px 18px no-repeat;



    padding: 10px 45px 10px 24px;



    border-radius: 7px;



    color: #41a5af !important;



    font-size: 16px;



    font-weight: 600;



    text-decoration: none;



    position: relative;



    overflow: hidden;



    z-index: 1;



    transition: color 0.3s ease;}



	.lrmore:hover{ background:#41a5af url(../images/right-a.png) 112px 18px no-repeat;  color: #fff !important;}



	.ip-number-area{ padding:60px 0 50px 0; background:#000; color:#fff; text-align:center} .ip-number-area p{ padding-bottom:15px; font-size:20px; line-height:1.4}



	.ipnumberbox{ background:#fff; border-radius:25px; min-height:620px; display:inline-block; vertical-align:top; font-size:20px; color:#333; line-height:1.4; 







position:relative;



    width: 30.4%; margin:15px 0.5% 5px 0.5%;



    padding: 10px 0.8% 10px 0.8%;



    text-align: center;} 



	.ipnumberbox img{  border-radius:25px;}



		.ipnumberbox p{ padding-bottom:15px; padding-left:5px; padding-right:5px;}



	.ipnumberbox h3{ font-weight:600; font-size:26px; padding-bottom:7px;  line-height:32px; color:#41a5af; padding-top:15px;}



	.ip-eye-treatment-area{ padding:60px 0 70px 0;}



	.ip-eye-treatment-area h2{font-size: 40px;



    font-weight: 600; line-height:42px;



    color: #000;



    text-align: center;



    padding-bottom: 10px;}



	.width90{ width:96%; margin:0 auto}



	



	.ip-treatment-box{border-radius:1.5rem; background:#fff; display:inline-block; vertical-align:top;   width:22.7%; margin:13px 0.9% 15px 0.9%; border:1px solid rgba







(151,151,151,0.25); transition:color 100ms ease-in-out, background-color 100ms ease-in-out, border-color 100ms ease-in-out, box-shadow 100ms ease-in-out}



.ip-treatment-text{ padding:1.1rem 1rem 1.5rem 1rem; }



 .ip-treatment-box:hover  {box-shadow:0 0.75rem 1rem rgb(0 0 0 / 10%);  }



 .ip-treatment-box img{border-radius:1.5rem 1.5rem  0 0;}



 .ip-treatment-text h3{ font-size:24px; line-height:28px; color:#000; text-align:center} .ip-treatment-text h3 a{ font-weight:600; color:#000}.ip-treatment-text h3 a:hover{ 







color:#41a5af}



.ipservices-section{ padding:60px 0;  background:#f5f5f5}



.ipservices-section h2{font-size: 40px; line-height:42px;



    font-weight: 600;



    



    text-align: center;



    padding-bottom:10px;}



	







.ips-item {



  display: flex;



  align-items: center;



  margin-top: 15px; margin-bottom:30px;



}







/* LEFT NUMBER */



.ips-left {



  width: 90px; border-radius:10px 0 0 10px;



  height: 90px;



  color: #fff;



  font-weight: 800;



  font-size:45px;



  display: flex;



  align-items: center;



  justify-content: center;



  position: relative;



}



.ips-icon img{}



/* ARROW */



.ips-left::after {



  content: "";



  position: absolute;



  right: -25px;



  top: 0;



  border-top: 45px solid transparent;



  border-bottom: 45px solid transparent;



}







.green {



  background: #b7d532;



}



.green::after {



  border-left: 25px solid #b7d532;



}







.blue {



  background: #2fa4d7;



}



.blue::after {



  border-left: 25px solid #2fa4d7;



}







/* CARD */



.ips-card { position:relative;



  background: #fff;



  border-radius: 20px;



  padding: 25px;



  display: flex;



  align-items: center;



  gap: 30px;



  margin-left: 20px;



  flex: 1;



  box-shadow: 0 10px 25px rgba(0,0,0,0.08);



}







.ips-card::after {



  content: "";



  position: absolute;



  bottom: -20px;



  left: 48%;



  width: 0;



  height: 0;



  border-left: 20px solid transparent;



  border-right: 20px solid transparent;



  border-top: 20px solid #41a5af;



}



.ipslast::after {



  display: none;



}







/* ICON CIRCLE */



.ips-icon {



  width: 196px;



  height: 50px;



  border-radius: 50%;



  border: 5px solid #41a5af; background:#41a5af;



  display: flex;



  align-items: center;



  justify-content: center; padding:30px;







}







/* TEXT */



.ips-content h3 { line-height:34px;



  margin: 0 0 5px; font-size:30px; font-weight:600;



  color: #41a5af;



}







.ips-content p {



  margin: 0;







  line-height: 1.4;



  font-size: 20px;



}







/* MOBILE */



@media (max-width: 768px) {



  .ips-item {



    flex-direction: column;



    align-items: flex-start;



  }







  .ips-left {



    margin-bottom: 10px;



  }







  .ips-card {



    margin-left: 0;



  }



}











.testimonial-section {



  display: flex;



  gap: 30px;



  justify-content: center;



  flex-wrap: wrap;



}







/* CARD */



.testimonial-card {



  width: 29.3%;



  background: #fff;



  padding: 15px 15px;



  border-radius: 12px;



  text-align: center;



  position: relative;



  box-shadow: 0 0 20px rgba(0,0,0,0.08);



}







/* AVATAR */



.avatar { 



  width: 80px; margin:10px auto;



  height: 80px;



  border-radius: 50%;







}







/* NAME */



.testimonial-card h3 { font-size:25px; font-weight:600;



  color: #41a5af;



  margin: 10px 0;



}







/* TEXT */



.testimonial-card p {



  font-size: 20px; padding:0 5px;



  line-height: 1.4;



}







/* STARS */



.stars {



  color: #ecad05;



  margin-top: 12px;



  letter-spacing: 3px; font-size:25px;



}







/* CORNER DESIGN */



.corner {



  width: 40px;



  height: 40px;



  border: 3px solid #cbdb2b;



  position: absolute;



}







.top-right {



  top: 0px;



  right: 0px;



  border-left: none;



  border-bottom: none;



  border-radius: 0 10px 0 0;



}







.bottom-left {



  bottom: 0px;



  left: 0px;



  border-right: none;



  border-top: none;



  border-radius: 0 0 0 10px;



}







.iphappy-patients-section{ padding:60px 0 110px 0}



.iphappy-patients-section h2{font-size:40px;



    font-weight: 600; line-height:42px;



    color: #000;



    text-align: center;



    padding-bottom: 10px;}



	.video-container {



    position: relative;



    padding-bottom: 56.25%;



    padding-top: 30px;



    height: 0;



    overflow: hidden;



}.video-container iframe, .video-container object, .video-container embed {



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



}



.international-pt-banner{ padding:55px 0 55px 0; background:#dfebf9 url(../images/b-5.jpg) center top no-repeat; position:relative; background-size:cover}



/*.international-pt-banner::before {



  content: "";



  position: absolute;



  inset: 0;



  background: rgba(0, 38, 100, 0.5); 



}*/



.ip-banner-left{ float:left; width:44%;  padding-top:30px;}



.ip-banner-left h2{ color:#fff; font-size:51px; font-weight:800; line-height:54px; padding-bottom:20px;}



.ip-banner-left p{ color:#fff; font-size:22px; line-height:1.4;}



.ip-banner-right{ float:right; width:39%;}



.ip-form-area{ background:#fff; border-radius:25px; padding:30px 30px 30px 30px;   box-shadow: 0 5px 20px rgba(0,0,0,0.1);}



.ip-form-area h3{ color:#41a5af; font-weight:600; font-size:26px; line-height:1.2em; padding-bottom:20px;}



.relative{ position:relative}











/*.form-row {



  display: flex;



  gap: 15px;



  margin-bottom: 15px;



}*/







.form-row input,



.form-row select {



  width: 100%;



  padding: 14px 15px;



  border-radius: 12px;



  border: none;



  background: #ededed;



  font-size: 16px;



  outline: none;



}







.form-row input::placeholder {



  color: #666;



}







.checkbox {



  display: flex;



  align-items: flex-start;



  gap: 10px;



  font-size: 14px;



  color: #333;



  margin: 15px 0;



}







.checkbox input {



  margin-top: 4px;



}







.form-container input[type="submit"] {



  width: 100%;



  padding: 12px;



  border: none;



  border-radius:30px; font-weight:600;



  background: #41a5af;



  color: #fff;



  font-size: 20px;



  cursor: pointer;



  transition: 0.3s;



}







.form-container input[type="submit"]:hover {



  background: #000; cursor:pointer



}







.stats-section {



  display: flex;



  justify-content: center;



  padding: 20px 0;



  flex-wrap: wrap;



}







.stat-box { border:1px solid rgba(151,151,151,0.25); background:#fff;



  width: 19.4%;   /*background: linear-gradient(225deg, #84cbe5, #f1f8fe);*/







  border-radius: 20px;



  padding: 30px 2%;



  position: relative; margin:0 0.7%;







  transition: 0.3s;



}



.stat-box:hover  {box-shadow:0 0.75rem 1rem rgb(0 0 0 / 10%);  }



/* dotted pattern effect */



/*.stat-box::after {



  content: "";



  position: absolute;



  top: 0;



  right: 0;



  width: 120px;



  height: 120px;



  border-radius: 0 20px 0 100%;



  



  background: linear-gradient(135deg, #c9dceb, #eaf3fb);



  opacity: 0.8;



}



*/



/* icon */



.stats-section .icon {



  font-size: 35px;



  color: #1e6fb8;



  margin-bottom: 20px;



}







/* number */



.stat-box h3 { padding-bottom:3px;



  font-size: 50px; -webkit-text-stroke-width: 1px;



    -webkit-text-stroke-color: #41a5af;



    color: #fff;



  margin: 0;



  font-weight: 800; line-height:50px;



}







/* text */



.stat-box p { width:96%;



  margin: 0px 0 0;



  font-size: 24px;



   line-height:28px;



  font-weight: 600;



}







/* hover effect */



.stat-box:hover {



  transform: translateY(-5px);



}



.ip-counter-area h2{font-size: 40px;



    font-weight: 600;



    



    line-height: 42px;



    text-align: center;



    padding-bottom: 10px;



}



.ip-counter-area{ padding:50px 0 10px 0}



.wlink{ text-decoration:underline !important; color:#fff !important} .wlink:hover{ text-decoration:none !important;}







.r-tabs {	position: relative;  }







.r-tabs .r-tabs-nav .r-tabs-tab {	position: relative;}







.r-tabs-tab {  margin:0 }







.ip-number-area .r-tabs .r-tabs-nav .r-tabs-anchor { 	display: inline-block;  vertical-align:top; 







	padding:18px 20px; width:100%; text-align:center; background:#fff;	text-decoration: none; font-size:19px; font-weight:600;	color: #000; border-radius:50px;}







.r-tabs .r-tabs-nav .r-tabs-state-disabled {	opacity: 0.5;}







.ip-number-area .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {	color: #fff;  font-weight:600; 	text-shadow: none;	background: #41a5af;}











.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {	opacity: 0.5;}







.ip-number-area .r-tabs .r-tabs-nav {   margin: 0 0 15px 0;   padding: 0; }







.ip-number-area .r-tabs .r-tabs-tab {    display:inline-block;   margin: 0 4.5% 15px 0%;   list-style: none;}







.r-tabs .r-tabs-panel {   display: none;}







.r-tabs .r-tabs-accordion-title {  display: none;}







.r-tabs .r-tabs-panel.r-tabs-state-active {   display: block;}







#horizontalTab2{ margin-top:15px;}



.ip-eye-treatment-area .r-tabs-nav{ float:left; width:28%; background:#41a5af; border-radius:25px; padding:20px 2%}



.ip-eye-treatment-area .r-tabs .r-tabs-panel{ float:right; width:60%; border-radius:25px; padding:30px 3%; background:#e3f3ff; min-height:546px;}



.ip-eye-treatment-area .r-tabs .r-tabs-panel img{ border:solid 18px #fff; width:250px; border-radius:100%; float:right; margin-left:30px; margin-top:7px;}



	.ip-eye-treatment-area h3{ font-size:30px; line-height:32px; font-weight:600; padding-bottom:15px; color:#41a5af}



.ip-eye-treatment-area p{ font-size:20px; line-height:1.4; padding-bottom:20px;}



.ip-eye-treatment-area .r-tabs .r-tabs-nav .r-tabs-tab{ border-bottom:solid 1px #79d0d9; padding:10px 0 11px 0; position:relative}



.ip-eye-treatment-area .r-tabs .r-tabs-nav .r-tabs-tab:last-child{ border-bottom:0}



.ip-eye-treatment-area .r-tabs-nav a{color: #fff;



    font-size: 18px; font-weight:600;



    width: 95%;



    display: block;}



.ip-eye-treatment-area .r-tabs-nav a:after {



    transition: all .3s ease-out;



    letter-spacing: 0;



    font-size: 1.0625rem;



    



    line-height: 36px;



    content: url(../images/arrow02.png);



    position: absolute;



    top: 49%;



    transform: translateY(-50%);



    right: 15px;



    display: inline-block;



    pointer-events: none;



}.ip-eye-treatment-area .r-tabs-nav a:hover:after {



    right: 0;



}



.ip-eye-treatment-area .r-tabs .r-tabs-nav .r-tabs-tab a:hover{ color:#000; width:100%}



.ip-eye-treatment-area .r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active a{ color:#000; width:100%}



.real-strenths-section{ padding:60px 0 50px 0}



.real-strenths-section h2{ font-size: 40px;



    line-height: 42px;



    font-weight: 600;



    



    text-align: center;



    padding-bottom: 20px;}



	.real-strenths-box{ float:left; width:32%; margin:10px 0} .real-strenths-box1{ float:right; width:68%; margin:10px 0}



	.real-strenths-box1a{ float:left; width:48%; margin-left:2%}



	



	.real-strenths-box-main{ border:solid 1px #41a5af; padding:20px; border-radius:25px; margin-bottom:20px; text-align:center}



	.real-strenths-box-main img{ margin:0 auto; padding-bottom:15px; height:50px;}



	.real-strenths-box-main h3{ color:#000; font-size:24px; font-weight:600; line-height:28px; padding-bottom:10px;}



	.real-strenths-box-main p{ font-size:20px; line-height:1.4}



.real-strenths-box-main:hover{box-shadow:0 0.35rem 1rem rgb(0 0 0 / 10%); background:#fff}



.pi-contact-section{ padding:60px 0; background:#9d9e9b url(../images/bg1.jpg) center top no-repeat; position:relative;}



.pi-contact-section-left{ float:left; width:50%}



.pi-contact-section h2{  font-size:40px; line-height:42px; font-weight:600; padding-bottom:20px;}



.pi-contact-section p{ padding-bottom:15px;  font-size:20px; line-height:1.4}



.cashless-eye-surgery-1{ padding:35px 0 50px 0}



.cashless-eye-surgery-1 h1{ font-size:40px; line-height:44px; font-weight:800;  padding-bottom:5px; color:#000}



.cashless-eye-surgery-1 p{ line-height:1.4; font-size:20px; padding-bottom:20px;}



.cashless-eye-surgery-2{ padding:50px 0; background:#f5f5f5; border-radius:40px; width:calc(100% - 80px); margin:0 auto}



.cashless-e-s-2-l{ float:left; width:40%}



.cashless-e-s-2-r{ float:right; width:50%}



.cashless-eye-surgery-2 h2{ font-size: 40px;   font-weight: 600; color: #000;  line-height: 48px; padding-bottom: 10px;}



.cashless-eye-surgery-2 p{ line-height:1.4; font-size:20px; padding-bottom:20px;}



.cashless-eye-surgery-2 h3{ font-size:24px; font-weight:600; padding-bottom:25px;}



.list33 li{ float:left; width:47%; margin-right:3%}



.list-style li{ border-top:solid 1px #c0c2c4; padding:12px 0; font-size:20px; position:relative}



.width100{ width:100% !important}



.cashless-eye-surgery-2 .stat-box img{ height:100px;}



.list0finsurance li {



  display: inline-flex;



  align-items: center;   /* IMPORTANT */



  margin-bottom: 20px;



  background: #fff;



  padding: 15px 1.3%;



  width: 20.9%;



  margin-right: 1%;



  border-radius: 10px;



  box-shadow: 0 2px 6px rgba(0,0,0,0.05);



  transition: 0.3s;



}







/* FIX LOGO SIZE */



.list0finsurance li img {        /* fixed height */



  object-fit: contain;  /* keeps logo proper */



  margin-right: 12px;



}







/* TEXT FIX */



.list0finsurance li h4 {



  font-size: 16px;



  line-height: 18px;



  margin: 0;



}







.list0finsurance li:hover {



  box-shadow: 0 6px 15px rgba(0,0,0,0.1);



}







.cisbox{ border:1px solid rgba(151,151,151,0.25); float:left; background:#e3f3ff; margin-top:20px; width:20%; padding:1.5% 1.5% 2% 1.5%; min-height:104px; margin-right:1.8%; 







border-radius:1.5rem; transition:color 100ms ease-in-out, background-color 100ms ease-in-out, border-color 100ms ease-in-out, box-shadow 100ms ease-in-out}



.cisbox .icon{ width:30%; display:inline-block; vertical-align: middle; margin-bottom:0} .cisbox p{ padding-bottom:0; display:inline-block; vertical-align:middle; padding-left:4%; width:64%; font-size:18px; line-height:22px;}



 .cisbox:hover  {box-shadow:0 0.75rem 1rem rgb(0 0 0 / 10%);  }



.cashless-eye-surgery-3{ padding:60px 0}



.cashless-eye-surgery-3-left{ float:left; width:47%; padding-top:7px;}



.cashless-eye-surgery-3-right{ float:right; width:47%}



.cashless-eye-surgery-3-right img{ border-radius:0 0 25px 25px}



.cashless-eye-surgery-3 h2{font-size: 40px;   font-weight: 600;  line-height: 48px; padding-bottom: 10px;}



.cashless-eye-surgery-3 p{ line-height:1.4; font-size:20px; }



.ptop15{ padding-top:15px;}



.ptop10{ padding-top:10px;}



.cashless-eye-surgery-4{ background:#ecf2f2; padding:50px 0 50px 0; text-align:center; border-radius:40px; margin: 0 auto 60px auto;



    width: calc(100% - 80px);}



.cashless-eye-surgery-4 h2{font-size: 40px;   font-weight: 600;   line-height: 48px; padding-bottom: 15px;}



.cashless-eye-surgery-4 p{ font-size:20px; line-height:1.4; padding-bottom:20px;}



.pb10{ padding-bottom:10px !important}



.pb5{ padding-bottom:5px !important}



.step4box{ float: left; width:23%; margin:15px 1%; background:#fff; border-radius:20px}



.step4box h3{ font-size:28px; font-weight:600;  background:#41a5af; color:#fff; padding:5px; border-radius:20px 20px 0 0; position:relative}



.step4boxtxt{ padding:20px 20px 5px 20px; min-height:190px}







.step4box h3::after {



  content: "";



  position: absolute;



  bottom: -15px;



  left: 50%;



  transform: translateX(-50%);



  



  width: 0;



  height: 0;



  border-left: 15px solid transparent;



  border-right: 15px solid transparent;



  border-top: 15px solid #41a5af;



}



.eyedonation li{ margin-right:0}



.pofeyedbox { min-height:180px; float:left; text-align:center; border:1px solid rgba(151,151,151,0.25); background:#fff;



  width: 20.9%;   /*background: linear-gradient(225deg, #84cbe5, #f1f8fe);*/







  border-radius: 20px;



  padding: 45px 1% 25px 1%;



  position: relative; margin:10px 0.7% 0 0.7%;







  transition: 0.3s;



}



.careers-p .toggle-content h3{ padding-bottom:3px;}



.peyed p{ padding-bottom:20px;}



.pofeyedbox:hover  {box-shadow:0 0.75rem 1rem rgb(0 0 0 / 10%);  } .pofeyedbox p{ padding-bottom:0}



.pofeyedbox h3{ font-size:25px; font-weight:600; line-height:28px; padding-bottom:10px; position:relative;}



.pofeyedbox h3::before {



    border-radius: 30px;



    content: "";



    width: 51px;



    height: 6px;



    background: #41a5af;



    position: absolute;



    top: -17px;



    left: 50%;



    transform: translateX(-50%);}



.mfbox{ padding:10px 30px 15px 0px; margin-top:10px; margin-bottom:15px; border-bottom:solid 1px #c9cbcb}



.mfbox p{ padding-bottom:10px}



.redc{ color:#e63b3c !important}



.greenc{ color:#3eb559 !important}



.textleft{ text-align:left}



.dyeye-section{ padding:0px 0 100px 0}



.dyeye-section h2{font-size: 40px;  font-weight: 600;     line-height: 48px;  padding-bottom: 10px;}



.dyeye-section p{ font-size:20px; line-height:1.4}



.eyedfaq{ width:calc(100% - 80px); margin:0 auto}



.imgright{ float:right; margin-left:40px; border-radius:25px 0px 25px 25px; margin-bottom:15px;}



.careers-p .toggles{ margin-top:20px;}



.careers-p .toggle{ background:#fff; padding:5px 30px; border-top:0; margin-bottom:12px;}



.careers-p .toggle-title span{ font-size:18px;}



.careers-p .toggle-title{ font-size:30px;}



.success-stroy-section{ padding:35px 0 40px 0}



.success-stroy-section h1{font-size: 40px;



    font-weight: 600;



    line-height: 42px;



    



    text-align: center;



    padding-bottom: 10px;}



.success-stroy-section-1{ background:#e3f3ff; padding: 60px 0 60px 0; border-radius: 40px; text-align:center;  width: calc(100% - 80px);  margin: 0 auto 60px auto;}



.success-stroy-section-1 .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {



    color: #fff;  font-weight: 600;  text-shadow: none;  background: #41a5af;}



.success-stroy-section-1 .r-tabs .r-tabs-tab {



    display: inline-block;



    margin: 0 4.5% 15px 0%;



    list-style: none;



}



.success-stroy-section-1 .r-tabs .r-tabs-nav .r-tabs-anchor {



    display: inline-block;



    vertical-align: top;



    padding: 18px 20px;



    width: 100%;



    text-align: center;



    background: #fff;



    text-decoration: none;



    font-size: 19px;



    font-weight: 600;



    color: #000;



    border-radius: 50px;



}







.careers-opening{    max-width: 1280px;



    width: 100%;



    margin:40px auto 0 auto;}



.careers-opening h2{ padding-top:50px;}



.careers-opening .toggle-title span{ font-size:18px;}



.careers-opening .toggle-title{ font-size:28px}



.careers-opening h3{font-size: 24px; line-height:28px;  font-weight: 600;  padding-bottom: 5px; padding-top:10px;}



.careers-opening .toggles{ margin-top:30px;}



.success-stroy-section-1 h5{ padding-top:10px; line-height:1.4; font-size:18px;}



.success-stroy-section-1 .sstab{ margin-bottom:20px; }



.testimonial-section1{  column-count: 3;



  column-gap: 20px;



}



.testimonial-section1 .testimonial-card{  display: inline-block; margin-bottom:20px;   width: 100%; padding:15px 0} .testimonial-section1 .testimonial-card p{ padding:0 15px;}







.photo-gl li{ float:left; width:29.5%; margin:10px 0.7%; border:solid 15px #fff; border-radius:25px; box-shadow:0 0 20px rgb(0 0 0 / 8%)} 



.photo-gl li img{ width:100%}



.photo-gl li:hover  {box-shadow:0 0.75rem 1rem rgb(0 0 0 / 10%);  }



.mtop5{ margin-top:5px;}



.location-section-1{ background:#e3f3ff; padding: 60px 0 60px 0; margin-top:20px;}



.location-section-1 h1{    font-size: 40px;



    line-height: 44px;



    font-weight: 800;



    padding-bottom: 20px;



    color: #000; }



	.reviews-l{color:#41a5af; margin-bottom:7px; }



	



	.reviews-l img{ display:inline-block; vertical-align: text-bottom; }



	.location-t-d p{ font-size:20px; line-height:1.4;}



	.mtop20{ margin-top:20px;}



	.more-text {transition: height 0.5s ease;  display: none; will-change: height;   height: 0; 



  overflow: hidden;}



.read-btn{ cursor:pointer; text-decoration:underline; font-weight:600;}



.more-text.open{ margin-bottom:20px;}



.text.active .more-text {  



  display: inline-block; transition: all 80s ease-in-out;



}



.location-img-section{ float:left; width:65.5%; border-radius:20px;  margin-top:50px;} .location-img-section img{ border-radius:20px; width:100%}



.location-desc-txt{ float:right; width:31%; margin-top:55px;}



.location-desc-txt h3{ font-size:26px; font-weight:600; padding-bottom:5px;}



.location-desc-txt p{ padding-bottom: 15px;



    border-bottom: solid 1px #ccc;



    margin-bottom: 15px;}



.lphone img{ display:inline-block; vertical-align: middle; position:relative; top:-2px}



.lphone a{ font-size:22px; font-weight:600}



.rtxt img{ display:inline-block; vertical-align:middle}



.location-desc-txt .days{ margin-bottom:10px;}



.location-section-2{ padding:60px 0; text-align:center 	}



.location-section-2 h2{font-size: 40px;



    font-weight: 600;



    color: #000;



    line-height: 42px;



    text-align: center;



    padding-bottom: 10px;}



	.location-section-2 h3{ font-size:28px; font-weight:600; line-height:32px; padding-bottom:12px; text-align:center}



	.location-section-2 p{ font-size:20px; line-height:1.4; text-align:center; padding-bottom:20px;}



	.lsbox{ display:inline-block; vertical-align:top;



    text-align: center;



    border: 1px solid rgba(151,151,151,0.25);



    background: #fff;



    width: 21.5%;



    border-radius: 20px;



    padding: 45px 0.9% 5px 0.9%;



    position: relative;



    margin: 10px 0.6% 10px 0.6%;



    transition: 0.3s;}



	.lsbox:hover{box-shadow:0 0.75rem 1rem rgb(0 0 0 / 10%);  }



	.lsbox h4{    font-size: 23px;   font-weight: 600;    line-height: 28px;   padding-bottom: 10px;   position: relative;}



	.location-section-4 h3{ font-size:28px; line-height:32px; font-weight:600;} .location-section-4 .dr-listing-box p{ padding-bottom:20px;}



.lsbox h4::before {   border-radius: 30px;  content: "";   width: 51px;   height: 6px;   background: #41a5af;   position: absolute;   top: -17px;   left: 50%;   transform: translateX(-50%);}



	.minh394{ min-height:394px}



.location-section-3 {   padding: 50px 0;   background: #ecf2f2;  border-radius: 40px;  width: calc(100% - 80px);   margin: 0 auto;}



	.location-section-3 h2{  font-size: 40px;   font-weight: 600;    color: #000;   line-height: 42px;   text-align: center;   padding-bottom: 10px;} .location-section-3 p{ font-size:20px; line-height:1.4; margin-bottom:20px;}



.location-section-3 .ipnumberbox{ text-align:left; min-height:514px;}



.plr10{ padding-left:10px; padding-right:10px;}



.location-t .r-tabs .r-tabs-panel{ min-height:456px;}



.location-t .r-tabs-nav a{ width:90%}



.location-t .r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active a{ width:91%}



.location-t .r-tabs .r-tabs-nav .r-tabs-tab a:hover{  width:91%}



.location-section-4 { text-align:center;   padding:0px 0 50px 0;  border-radius: 40px;  width: calc(100% - 80px);  margin: 0 auto;}



.pleft20{ padding-left:20px;}



.location-section-4 h2{ font-size: 40px;  font-weight: 600;   color: #000;  line-height: 42px;  text-align: center;  padding-bottom: 10px;}



.location-section-5{ background:#bbc6ca url(../images/bg2.jpg) center top  no-repeat; padding:70px 0; margin-top:60px;}



.location-section-5-left{ float:left; width:45%}



.location-section-5-left h2{font-size: 40px;  font-weight: 600;   color: #000;  line-height: 42px; padding-bottom:15px}



.location-section-5-left p{ font-size:22px; line-height:1.4; padding-bottom:10px;}



.location-section-6{ padding:60px 0 60px 0; background:#f5f5f5; border-radius:40px; margin:0 auto; width:calc(100% - 80px)}



.location-section-6 h2{ font-size: 40px;  font-weight: 600;   color: #000;  line-height: 42px; padding-bottom:15px; text-align:center}



.location-section-6 p{font-size:20px; line-height:1.4; padding-bottom:20px;}



.location-section-6 img{ border-radius:10px;}



.location-section-7{ padding:60px 0 80px 0; }



.location-section-7 h2{ font-size: 40px;  font-weight: 600;   color: #000;  line-height: 42px; padding-bottom:15px; text-align:center}



.location-section-7 p{font-size:20px; line-height:1.4; padding-bottom:20px;}



.location-img-section ul.slick-track li{ margin:0; max-height:440px;overflow:hidden}



.location-img-section .slick-track li img{ border-radius:0px;}



.location-img-section .slick-next{right:30px; top:45%; background:#fff; border:0;}



.location-img-section .slick-next:hover{ background:#41a5af; border:solid 0px #fff}



.location-img-section .slick-prev{right:auto; left:30px; top:45%; background:#fff; border:0;}



.location-img-section .slick-prev:hover{ background:#41a5af; border:solid 0px #fff}



.why-ojas-section1{ padding:0px 0 60px 0}



.why-ojas-box1{ float:left; width:30.3%; margin-right:3%; border-radius:25px;}



.w-ojas-box1-main{ padding:30px 25px 35px 25px}



.graybg{ background:#f5f5f5}



.lightbluebg{ background:#e3f3ff}



.whyojas-item {



  display: flex;  align-items: center; margin-bottom: 30px;}



.whyojasicon {



  width: 74px; height:74px;



  background: #ffffff; border-radius: 35px 35px 05px 35px;  display: flex; align-items: center;  justify-content: center;



  font-size: 28px;  color: #0b5ea8;  margin-right: 20px;}



.whyojascontent h2 {  margin: 0;  font-size: 45px; line-height:45px; font-weight:600; color: #41a5af;}



.whyojascontent p { font-size: 18px;  }



.why-ojas-box1 h3{ font-size:28px; font-weight:600; line-height:32px; padding-bottom:10px; padding-top:5px;}



.why-ojas-section2{ padding:60px 0; text-align:center}



.why-ojas-section2 h2{ font-size: 28px;   line-height: 32px;   font-weight: 600;   padding-bottom:20px;}



	.why-ojas-section2 .pofeyedbox{ margin-bottom:8px;}



	.fa-cross:before{content:"\f00d"}



	.page-template-homepage-template .shadowbox{box-shadow:0px 4px 14px rgb(100 100 100 / 0%)}



	.page-template-homepage-template .fixed{box-shadow:0px 4px 14px rgb(100 100 100 / 15%)}



	.scroll-offset{ scroll-margin-top:180px;}



	.ptop0{ padding-top:0 !important}



.form-row p { display: flex;  gap: 20px; margin: 0 0 20px;}



.form-row .wpcf7-form-control-wrap { flex: 1;}



.wpcf7-form-control {  width: 100%; height: 55px; padding: 0 18px;



  border-radius: 15px; border: none; background: #efefef; font-size: 15px; color: #333; box-sizing: border-box;}



select.wpcf7-form-control {  height: 55px;}



.wpcf7-form-control-wrap {  display: block;}



.form-row p br {  display: none;}



.ip-form-area .wpcf7-list-item{ display:block !important; margin:0 !important}



.ip-form-area .checkbox .wpcf7-form-control{ padding:0; margin:0}



.ip-form-area .wpcf7-spinner{ display:none}



.cimgr{ width:80px; height:80px; background:#fff; border-radius:100%}



.cimgr img{ margin:0 auto; padding-top:22px;}



.kandivali-l .r-tabs .r-tabs-panel{ min-height:inherit !important}



.latest-technology-area{ padding:20px 0 60px 0}



.ltech h2{font-size: 34px; text-align:center;   line-height: 42px;   font-weight: 600;   padding-bottom: 20px;   }







.bw-mode .banner-area,



.bw-mode .content-right-listbox,



.bw-mode .footer-middle-area,



.bw-mode .footer-top-area,



.bw-mode .top-wrapper { background:#000; 



}



.bw-mode .faq-area{ background:#000}



.bw-mode .faq-left h2{ color:#fff}



.bw-mode .faq-left{ color:#fff}



.bw-mode .faq-left .faqd a{ color:#fff}



.bw-mode .toggle-title{ color:#fff}



.bw-mode .toggle.active .toggle-title{ color:#fff}



.bw-mode .toggle.active .toggle-content{color:#fff}



.bw-mode .toggle-title::after{ background:url(../images/arrow-3w.png) left top no-repeat}



.bw-mode .toggle.active .toggle-title::after{ background:url(../images/arrow-4w.png) left top no-repeat}



.bw-mode .appointment-box{ background:#000}



.bw-mode .drdblue1{ background:#000; color:#fff}



.bw-mode .drdblue1 h2{ color:#fff}



.bw-mode .location-section-1{ background:#000; color:#fff}



.bw-mode .location-section-1 h1{ color:#fff}



.bw-mode .read-btn{ color:#fff}



.bw-mode .lphone a{ color:#fff}



.bw-mode .location-section-3{ background:#000; color:#fff}



.bw-mode .location-section-3 h2{ color:#fff}



.bw-mode .ip-eye-treatment-area .r-tabs-nav{ background:#000}



.bw-mode .ip-eye-treatment-area .r-tabs .r-tabs-panel{ background:#000; color:#fff}



.bw-mode .ip-eye-treatment-area h3{ color:#fff}



.bw-mode .location-t .r-tabs .r-tabs-panel .list-01 li{ color:#fff}



.bw-mode .location-section-6{ background:#000; color:#fff}



.bw-mode .location-section-6 h2{ color:#fff}



.bw-mode .morebtn-1{ background:#fff; color:#000 !important}



.bw-mode .reviews-l{ color:#fff}



.bw-mode .inner-banner-area{ background:#000; color:#fff}



.bw-mode .inner-banner-text h1{ color:#fff}



.bw-mode .inner-banner-text p span{ color:#fff}



.bw-mode .btn-appointment-1{ background:#fff; color:#000 !important}



.bw-mode .glance-box{ background:#000; color:#fff}



.bw-mode .glance-box h2{ color:#fff}



.bw-mode .glance-box h2 span{color:#fff}



.bw-mode .glance-box .list-01 li{ color:#fff; background:url(../images/tick1w.png) left 7px no-repeat}



.bw-mode .did-you-know-box h3{ background:#000}



.bw-mode .did-you-know-box h3::before{border:solid 1rem #000}



.bw-mode .refernece-area{ background:#000; color:#FFFFFF}



.bw-mode .sources-toggle{ color:#FFFFFF}



.bw-mode .link{ color:#fff !important}



.bw-mode .refernece-area h2{ color:#FFFFFF}



.bw-mode .content-right-listbox ul li{border-bottom:solid 1px #fff}



.bw-mode .cashless-eye-surgery-2{ background:#000 !important}



.bw-mode .cashless-eye-surgery-2 h2{ color:#FFFFFF}



.bw-mode .cashless-eye-surgery-2 p {color:#FFFFFF}



.bw-mode .cashless-eye-surgery-2 h3  {color:#FFFFFF}



.bw-mode .step4box h3{ background:#000}



.bw-mode .step4box h3::after{border-top:15px solid #000}



.bw-mode .ip-loaction-area{ background:#000}



.bw-mode .ip-loaction-area h2{ color:#fff}



.bw-mode .ip-loaction-area p{ color:#FFFFFF}



.bw-mode .ip-number-area { background:#000}



.bw-mode .eyedonation li{ color:#fff; background:url(../images/tick1w.png) left 7px no-repeat}



.bw-mode .ltech{ background:#000}



.bw-mode .ltech h2{ color:#fff}



.bw-mode .success-stroy-section-1{ background:#000}



.bw-mode .cisbox p{ color:#333}



.bw-mode .did-you-know-box h2 { background:#000}



.bw-mode .did-you-know-box h2::before{ border:solid 1rem #000}







/* Keep images normal */



.bw-mode img {



  filter: none !important;



}







.cdnone{ display:none !important}



.search-bar .icon{ cursor:pointer}



.font-btn { cursor: pointer;}



.font-btn.active { color: #000;  font-weight: bold;}



.bw-mode .font-btn.active{ color:#fff}







#content.font-small p,



#content.font-small li {



  font-size: 14px;



}







#content.font-medium p,



#content.font-medium li {



  font-size: 20px;



}







#content.font-large p,



#content.font-large li {



  font-size: 24px;



}







.tablestyle { font-size:20px;



  width: 100%;



  border-collapse: collapse;



}







.tablestyle th, .tablestyle td {



  padding: 10px 15px; 



  border: 1px solid #ddd;



}







.tablestyle th { font-weight:600;



  background-color: #41a5af;



  color: #fff;



}







.tablestyle tr:nth-child(even) {



  background-color: #f2f2f2;



}







.book-appointment-page{ margin-top:20px; padding:60px 0; background:#e3f3ff}

.book-appointment-page h1{font-size: 40px; text-align:center;

    line-height: 48px;

    font-weight: 800;

    padding-bottom: 10px;

    }

.appointment-form .form-row input{ background:#fff}

.appointment-form .form-row select{ background:#fff}

.appointment-form .wpcf7-submit{ background:#000; color:#fff; font-weight:800; cursor:pointer; font-size:20px; border-radius:30px; max-width:300px; margin-top:10px;}

.appointment-form .wpcf7-submit:hover{ background:#41a5af}

.appointment-form p{ text-align:center}

.appointment-form{ max-width:850px; width:100%; margin:0 auto}

.appointment-form .wpcf7-spinner{ display:none}

.appointment-form .wpcf7-not-valid-tip{ text-align:left; padding-top:5px;}



.faq-left img{ display:none}

.toplink{ display:inline-block; vertical-align:middle; margin-left:25px;}

.toplink ul li{ display: inline-block;

    border-left: solid 1px #e0eff1;

    line-height: 16px;

    padding: 0 7px 0 13px;}

.toplink ul li a{ color:#fff; font-size:16px;}

.toplink ul li:first-child{ border-left:0 }

.toplink ul li a:hover{ text-decoration:underline}

.mlink{ display:none}

.tnappointment a{background: #000;

    color: #fff !important;

    border-radius: 10px;

    padding: 16px 20px !important;}

	.tnappointment a:hover{ background:#cbdb2a; color:#000 !important}

	.search-content h2{font-size: 32px;

    line-height: 38px;

    font-weight: 600;

    padding-bottom: 10px;} .search-content h2 a{font-weight: 600;}

	.search-item{ margin-bottom:30px; border-bottom:solid 1px #ddd; padding-bottom:30px;}

	.searchpage .nav-links a{ background:#000; color:#fff; padding:5px 10px}

	.searchpage .nav-links a:hover{ background:#d6e258; color:#000;}

		.searchpage .nav-links .current{ background:#d6e258; color:#000;padding:5px 10px }



@media (max-width: 768px) {.testimonial-section {  flex-direction: column;    align-items: center;  }}



@media (max-width: 768px) { .top-section {   flex-direction: column; }}



@media (max-width: 1024px) {.container-area{ width:96%} .container-area2{ width:96%}}



@media (max-width: 768px) {.counter-left{ width:100%}.counter-right{ width:100%; margin-top:20px;} .dr-detail-profile-pic{ width:100%}.dr-detail-profile-txt{ width:100%; padding-top:25px;}.list01sp li{ width:45%} .drlistingtitle{ width:100%}}







@media (max-width: 479px) {.mlink{ display:block} .table-scroll{ overflow-x:scroll}

.toplink{ display:none}

.banner-area{ width:calc(100% - 30px)} .container-area1 { padding:0 10px}.call-for-appointment{ margin-left:6px; top:14px}.open-search .fa{ padding-left:30px;}.themebtn{ margin-left:0; margin-top:5px;}.logo-area{ max-width:200px;}.m-v-left{ width:100%}.m-v-right{ width:100%; }.m-v-box h3{ font-size:24px;}.m-v-box{ margin-left:0; width:100%; margin-top:20px;}.m-v-left h2{ font-size:31px; line-height:34px;} .advance-eye-treatment{ padding:30px 0 0 0}.advance-eye-treatment h2{ font-size:31px; line-height:34px;}.advance-eye-t-left{ width:100%; margin-right:0; text-align:center; padding-top:20px;}.advance-eye-t-right{ width:100%} .ptop105 { padding-top:20px;}.map-section{ padding:20px 0 30px 0}.map-section h2{ font-size:31px; line-height:34px;}.map-section-left{ width:100%} .map-section-right{ width:100%; margin-top:10px;}.map-txt{ padding:10px 20px}



.map-section-area{ width:calc(100% - 30px)}.map-bottom-section h2{ font-size:31px; line-height:34px;}



.map-bottom-section h2 br{ display:none}.map-bottom-box-main h4{ font-size:25px;}



.map-bottom-box{ width:100%} .map-bottom-box-main{ padding:30px 15px}.mleft10{ margin-left:5%}.mright10{ margin-right:5%}.why-choose-area{ padding-top:50px; padding-bottom:90px;}.faq-left h2{ font-size:31px; line-height:34px;}.faq-area{ padding:0 15px 20px 15px; margin-bottom:50px; }.faq-left br{ display:none}.footer-top-area h2{ width:100%; font-size:26px; text-align:center; line-height:34px; padding-bottom:40px;}.btn1{ float:none}.footer-top-area{ text-align:center; padding:35px 0 60px 0} .footer-social{ float:none; margin-top:20px;}.footer-link{ float:none}.mlbox p a{ padding:10px 15px; font-size:15px;}.why-choose-area h2{ font-size:31px; line-height:34px;}.width80{ width:90%}.banner-left{ width:100%; padding-top:15px;}.banner-right{ width:100%}.banner-left h2{ font-size:31px; line-height:38px;}.container-area{ width:92%}.counter-right-col{ width:100%; margin-left:0} .list01sp li{ width:90%} .drlisting h1{ font-size:31px; line-height:34px;} .dr-listing-box{ width:99%}.nav-area{ position:relative} .side-menu{ width:400px;} .slick-prev, .slick-next{ display:none !important} .inner-banner-text{ width:100%; padding-top:20px; padding-left:0; text-align:center} .inner-banner-image{ width:83%; margin:0 auto; float:none; padding:4%} .content-left-area{ width:100%}.content-main{ padding:0 10px}.inner-content-area h2{ font-size:28px; line-height:34px;} .glance-box{ padding:20px 20px 22px 20px}.list50 li{ width:98%; margin-right:0}.gray-bg-under-w{ margin-right:0; width:92%; padding:2.5rem 4% 0rem 4%}.minh270{ min-height:inherit !important} .gray-bg-under-w{ min-height:inherit !important; margin-top:14px;}.inner-banner-text h1{ font-size:41px; line-height:44px;} .dr-detail-profile-txt h1{ font-size:35px; line-height:42px} .dr-detail-profile-txt h3{ font-size:20px} .appointment-box{ padding:15px 15px 40px 15px} .drdblue1{ padding:20px 20px 22px 20px} .dr-detail-section-1 h2{ font-size:31px; line-height:34px;}.cashless-eye-surgery-1 h1{ font-size:31px; line-height:34px;} .cisbox{ margin-right:0; width:96%} .cashless-eye-surgery-2{ width:calc(100% - 30px)}.cashless-eye-surgery-2 h2{ font-size:31px; line-height:34px;}.list0finsurance li{ width:27%; margin-right:2%}



.list0finsurance li h4{ display:none} .list0finsurance li img{ margin:0 auto}



.cashless-eye-surgery-3-left{ width:100%; padding-top:20px;}.cashless-eye-surgery-3-right{ width:100%} .cashless-eye-surgery-4{ width:calc(100% - 30px)} .cashless-eye-surgery-4 h2{ font-size:31px; line-height:34px;}.step4box{ width:98%} .step4boxtxt{ min-height:inherit} .cashless-eye-surgery-3 h2{ font-size:31px; line-height:34px;} .pofeyedbox{ width:96%; min-height:inherit}.success-stroy-section-1{ width:calc(100% - 30px); padding:30px 0 50px 0}.testimonial-card{ width:92%} .photo-gl li{ width:90%}



.success-stroy-section h1{ font-size:31px; line-height:34px;} .map-section-area{ width:calc(100% - 40px)} .container-area2{ width:92%} .width80{ width:96%}.advance-eye-t-left h3{ font-size:28px} .gray-bg-area{ padding:15px} .did-you-know-box h2::before{ top:45px;} .dyeye-section h2{ font-size:31px; line-height:34px;} .container-area3{ width:94%} .eyedfaq{ width:calc(100% - 30px)} .internation-patient-section h1{ font-size:31px; line-height:34px; padding-bottom:20px;} .iptb-right{ width:100%} .iptb-left{ width:100%; text-align:center} .why-ojas-box1{ width:100%; margin-right:0; margin-bottom:20px;} .ip-location-box{ width:98%} .location-section-1 h1{ font-size:31px; line-height:34px;} .location-img-section{ width:100%} .location-desc-txt{ width:100%; margin-top:35px} .location-section-2 h2{ font-size:31px; line-height:34px;} .minh394{ min-height:inherit} .lsbox{ width:93%; padding:45px 2% 5px 2%} .location-section-3 h2{ font-size:31px; line-height:34px;} .location-section-3{ width:calc(100% - 30px)} .location-section-3 .ipnumberbox{ min-height:inherit} .ipnumberbox{ padding:10px 2% 10px 2%; min-height:inherit; width:93%}.ip-eye-treatment-area h2{ font-size:31px; line-height:34px; padding-bottom:0} .ip-eye-treatment-area .r-tabs-nav{ width:92%; padding:20px 4%; display:none} .ip-eye-treatment-area .r-tabs .r-tabs-panel{ width:90%; padding:20px 5%; margin-top:20px;}.ip-eye-treatment-area .r-tabs .r-tabs-panel img{ float:none; margin-left:0; margin-bottom:20px;}.location-section-4 h2{ font-size:31px; line-height:34px;}.location-section-4{ width:calc(100% - 30px)} .location-section-5-left{ width:100%} .location-section-5-left h2{ font-size:31px; line-height:34px;} .location-section-6{ width:calc(100% - 30px); padding:40px 0}.iphappy-patients-section{ padding:40px 0 70px 0}.location-section-7 h2{ font-size:31px; line-height:34px;} .location-section-6 h2{ font-size:31px; line-height:34px;} .iphappy-patients-section h2{ font-size:31px; line-height:34px;}.ip-counter-area h2{ font-size:31px; line-height:34px;} .stat-box{ width:94%;; margin-bottom:10px;} .ip-loaction-area h2{ font-size:31px; line-height:34px;}.ip-number-area .r-tabs .r-tabs-nav .r-tabs-anchor{ width:94%} .real-strenths-section h2{ font-size:31px; line-height:34px;} .real-strenths-box{ width:100%}.real-strenths-box1{ width:100%}.real-strenths-box1a{ width:100%; margin-left:0} .pi-contact-section-left{ width:100%} .ipservices-section h2{ font-size:31px; line-height:34px} .toggle-title{ font-size:24px}.ips-card{ padding:15px; gap:20px; display:block;}.ips-item{ display:block; text-align:center} .ips-icon{ display:inline-block; width:50px; margin-bottom:10px;}.ips-content{ text-align:center}



.ip-banner-right{ width:100%}.form-row{ display:grid} .form-row input{ width:91%} .international-pt-banner{ background-size:cover} .dr-listing-text{ padding:1.1rem 1rem 1rem 1rem} .morebtn-1{ font-size:15px;} .abtn-1{ font-size:15px;} .ips-content h3{ font-size:24px; line-height:30px;} .testimonial-section1{column-count:1} .content-left-area .faq-area{ padding:0 20px 20px 20px}



.mtop30{ margin-top:20px !important;} .content-right-area{ width:100%; position:relative; top:0; margin-bottom:20px; margin-top:0} .content-right-area.scroll-up{ top:0}.recommended-left{ width:100%; padding-bottom:20px} .recommended-right{ width:100%; margin-top:0;} .btn-appointment-1{ padding:13px 24px}.callme-1{ margin-left:3px;padding:13px 24px }.map-bottom-section h2{ width:100%} .why-choose-area h2{ width:100%}.map-bottom-box-main{ min-height:inherit} .map-bottom-section{ margin-top:20px;} .stat-box p br{ display:none} 



.ip-eye-treatment-area { padding:50px 0 50px 0} .location-section-5{ padding:50px 0} .list02{ margin-left:30px;} .scroll-offset{ scroll-margin-top:10px;} .ipservices-section{ padding:40px 0 30px 0} .pi-contact-section{ padding:40px 0} .ips-card::after{ left:45%} .r-tabs .r-tabs-panel{ display:block} .pleft20{ padding-left:0} 	.content-left-area .list50 li{ width:98%}.gray-bg-under-w1{ width:95%; margin-bottom:10px;} .lbox img{ display:none} .lbox li a{ text-align:left} .stellarnav > ul > li.mega > ul .container-area h2 img{ display:none !important}



.list01{ margin-left:10px;} .call-for-appointment a{ font-size:0} .call-for-appointment a::after{ background:none} .font-controls{ margin-left:7px;} .menu-icon{ margin-left:5px; margin-top:10px; padding:2px 6px 2px 6px} .top-right{ float:none; padding:0} .call-for-appointment img{ height:26px} .cdnone{ display:block !important} .cmnone{ display:none !important }



.top-wrapper.sticky {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 999;

  background: #41a5af; /* adjust as needed */

  box-shadow: 0 2px 5px rgba(0,0,0,0.1);

}



}