@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');



body {color: #333; margin: 0px;  font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; line-height: 26px; margin: 0px 0px 0px 0px; }

html {  scroll-behavior: smooth;}

a{transition: all 0.5s ease-in 0s!important; text-decoration:none!important; outline:none; color: #000;}

a:focus, a:active,  a, focus, select {border:0px; outline:none;}

.clear{clear:both;}

p{margin-top:0px; text-align: left;}

img {border:0px;}

form{margin:0px;}

input {outline:none;}

* {box-sizing:border-box; }

.container {  width: 1200px;  padding:0px!important;}

.row {width:100%; max-width:100%; margin:auto; padding:0px!important;}

h2 {color:#0098da; font-weight:400; margin:0px; line-height:150%;}

header {display:table; position:fixed; left:0px; top:0px; border-bottom:1px solid #ccc; width:100%; background-color:#fff; z-index:1000;}

.left-top {display:inline-block; float:left; padding:8px; color:}

.right-top {display:inline-block; float:right; padding:8px;}

.left-top a, .right-top a { display:inline-block; margin:0px 10px; color:#444;}

.left-top a:hover, .right-top a:hover {color:#0098da; border-bottom:1px solid #0098da;}

.header-fancy-button { border:2px solid #0098da!important; padding:0px 20px; border-radius:100px; color:#0098da!important; font-weight:600;  }

.header-fancy-button:hover { border:2px solid #ed3237!important;  color:#fff!important; background-color:#ed3237; }


.homepage {display:table; width:100%; text-align:center; padding-top:80px;}

.homepage-logo {display:block; width:300px; margin:50px auto;}

.search-textbox {display:inline-block; border:1px solid #ddd; border-left:0px; border-right:0px; height:48px; margin-top:1px; float:left; width:400px; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; background-image:url(../images/lens.png); background-repeat:no-repeat; padding-left:50px; color:#666;  }

.city-dropdown {display:inline-block; border:1px solid #ddd; border-left:0px; border-right:0px;  height:48px; margin-top:1px; float:left; width:100px; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; background-color:#fff; color:#666; }

.search {width:600px; margin:30px auto;}

.search img {float:left; }


.logo-band {display:table; width:100%; border-top:1px solid #ddd;}


.logo-band .top-left-logo {float:left; display:inline-block; width:120px; margin:5px 15px; position:absolute;}

.logo-band .top-left-logo img {width:100%;}

.logo-band .search {display:table;  margin:7px auto 7px auto; width:600px;}

.logo-band .search .search-textbox {width: 400px;}


.search-mobile {display:none;}


.insidepage-header {position:static; height:110px;}

.insidepage-footer {position:static;}


.report-an-issue {display:inline-block; float:right; margin-right:20px; color:#0098da; font-weight:600; margin-top:-45px; }







.inside-content-area {display:table; width:100%; background-image:url(../images/gray.png); background-repeat:repeat-y; background-position:top right; padding-bottom:35px;}
 
.doctor-list {width:calc(100% - 300px); display:inline-block; float:left; padding:20px; border-right:1px solid #ddd;}

.rightside-form  {width:300px; display:inline-block; float:right; padding:20px; background-color:#f7f7f7;}

.rightside-form label {display:block; font-size:12px; font-weight:normal; line-height:120%; clear:both; margin-bottom:2px;}

.textbox {display:inline-block; border:1px solid #ccc; padding:5px; background-color:#fff; height:35px; margin-top:1px; float:left; width:100%; font-family: "Open Sans", sans-serif; font-size: 14px; border-radius:5px; font-weight: 400; margin-bottom:5px; outline:0px;}

.submit-button {display:inline-block; border:0px solid #ccc;  width:100%; font-family: "Open Sans", sans-serif; font-size: 13px; font-weight: 600; height:40px; background-color:#0098da; color:#fff; border-radius:5px; margin:10px 0px;  }

.submit-button:hover {background-color:#ed3237;}

.rightside-form {font-size:13px;}

.sidenav.insidepage  {padding-top:0px;}

.sidenav.insidepage .closebtn {  top: 5px;}

.doctor-rating {display:block; width:100px;}

.clinic-map {width:300px; display:inline-block; float:right; }

.clinic-map iframe {width:100%; height:600px; border:0px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; display:block;}

.textbox1 {display:block; border:1px solid #ccc; padding:5px; background-color:#f9f9f9; min-height:45px; outline:0px;   width:100%;font-family: "Open Sans", sans-serif; font-size: 14px; border-radius:5px; font-weight: 400; margin-bottom:5px;}

.submit-button-center {display:block; width:200px; border:0px solid #ccc; margin:20px auto; font-family: "Open Sans", sans-serif; font-size: 13px; font-weight: 600; height:40px; background-color:#0098da; color:#fff; border-radius:5px;  }

.submit-button-center:hover {background-color:#ed3237;}

.textbox1-file {display:block; border:1px solid #ccc; padding:4px; background-color:#f9f9f9; height:35px;  width:100%;font-family: "Open Sans", sans-serif; font-size: 14px; border-radius:5px; font-weight: 400; margin-bottom:5px; outline:0px;}





.doctor-box  {display:table; width:100%;} 

.profile-photo {float:left; width:200px; border-radius:10000px; border:5px solid #0098da; margin-right:30px; margin-bottom:100px; }

.leave-your-review {float:right; display:inline-block;  color:#0098da!important;  font-weight:500; background-color:#fff!important;}

.leave-your-review:after {display:none;}

.leave-your-review img {  float: left;  margin-right: 5px;  margin-top: 5px;  width: 20px; }

.doctor-box h3 {font-size:24px; color:#000; font-weight:400; margin:0px; color:#0098da}

.doctor-box em {font-style:normal; font-weight:600;}

.doctor-box p {margin:15px 0px; line-height:140%; color:#666;}

.red-submit-button {display:inline-block; border:0px solid #ccc;  width:250px; font-family: "Open Sans", sans-serif; font-size: 13px; font-weight: 600; height:40px; background-color:#ed3237; color:#fff; border-radius:5px; margin:10px 0px;  }

.red-submit-button:hover {background-color:#0098da;}

.add-appointment { color:#0098da!important; float:right; display:inline-block; font-weight:600; margin-top:-10px; }

.doctor-list h3 {font-size:24px; color:#000; font-weight:400; margin:10px 0px 10px 0px; color:#0098da;}

.mobile-fix-button1, .mobile-fix-button2 {display:none;}






.ticker {  margin: 60px auto;  padding: 0px;  width: 600px;  text-align: center;   position: relative;  overflow:hidden;  background-color:#ffffff; padding-bottom:20px; z-index:-1;}

.ticker ul {  width: 100%;  position: relative;}

.ticker ul li {  width: 100%;  display: none; color:#000; font-size:20px;}





.animate-typing {color:#0098da; font-weight:400; margin:20px 0px; line-height:150%; text-align: center; font-size:30px; }

.for-doctors-horizontal {display:table; width:100%; text-align:center; padding:0px 0px 50px 0px; margin-top:100px;}

.for-doctors-horizontal h2 {text-align:center;}

.for-doctors-horizontal p {text-align:center;}

.for-doctors-horizontal .doctor-textbox {display:inline-block; border:1px solid #ccc; padding:0px 20px; border-radius:5px; background-color:#f7f7f7;  height:48px; margin-top:1px; float:left; width:19.5%; margin:.5%; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; }

.for-doctors-horizontal .register-button {display:inline-block; border:0px solid #ccc;  width:17%; margin:.5%; font-family: "Open Sans", sans-serif; border-radius:5px; font-size: 14px; font-weight: 600; height:48px; background-color:#0098da; color:#fff;  }

.for-doctors-horizontal .register-button:hover {background-color:#ed3237;}





.doctor-form-vertical .doctor-textbox {display:block; border:1px solid #ccc;  border-radius:5px; margin:auto;  margin-bottom:10px; background-color:#f7f7f7; padding:10px; width:85%; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; }

.doctor-form-vertical h5 {text-align:center; line-height:40px; color:#0098da; font-weight:500; font-size:16px;}

.doctor-form-vertical .register-button {display:block; border:0px solid #ccc; margin:auto;  width:85%; font-family: "Open Sans", sans-serif; font-size: 14px; padding:10px; font-weight: 600;  background-color:#0098da; color:#fff; border-radius:5px; }

.doctor-form-vertical .register-button:hover {background-color:#ed3237;}



.terms-content {width:600px; margin:auto; height:300px; display:block; overflow-y:scroll; border:1px solid #ccc; padding:10px; margin-top:20px; background-color:#f7f7f7;}

.terms-content p {text-align:justify;}






.featured-doctors { width:100%; display:table;}

.featured-doctor-box {display:table; width:100%;  border-radius:10px;  border:1px solid #ddd; height:360px;}

.featured-doctor-box:hover {box-shadow:0px 0px 20px 0px #ccc;}

.featured-doctor-box img {display:block; width:100%; border-radius:10px 10px 0px 0px;}

.featured-doctor-box h4 {display:block; text-align:center; padding:5px 60px; height:60px; line-height:140%;}

.featured-doctor-box span {display:block; text-align:center; padding:0px 20px 0px 20px;}










footer {display:table;  border-top:1px solid #ccc; width:100%; background-color:#fff; position:fixed; bottom:0px; left:0px; }

.left-bottom {display:inline-block; float:left; padding:8px;}

.right-bottom {display:inline-block; float:right; padding:8px;}

.left-bottom a, .right-bottom a { display:inline-block; margin:0px 10px; color:#444;}

.left-bottom a:hover, .right-bottom a:hover {color:#0098da; border-bottom:1px solid #0098da;}

.copyright {display:inline-block; padding-left:15%; padding-right:10%; text-align:center; font-size:12px; text-transform:uppercase; letter-spacing:1px; line-height:50px; color:#666;}







.hline {border-bottom:1px solid #ccc; display:block; width:100%; margin-top:20px; margin-bottom:20px}

.clinic-box {display:inline-block; width:32%; border:1px solid #ccc; padding:20px; margin:.5%; border-radius:5px; vertical-align:top;}

.address, .timings, .days {display:block; clear:both;}

.address img {float:left; display:inline-block; width:20px; margin-right:10px; margin-bottom:0px; margin-top:5px;}

.timings img, .days img {float:left; display:inline-block; width:20px; margin-right:10px; margin-bottom:20px; margin-top:3px;}

.review-box div { background-color:#eee; padding:10px; border-radius:5px;}

.review-box div::after {content:''; display:block; width: 0; height: 0;  border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #eee; position:absolute;}

.review-box div img {display:block; width:120px; margin-bottom:10px;}

.customer-name {font-size:13px; font-weight:600; margin-top:10px; display:block; margin-bottom:20px;}

.showcase {display:inline-block; width:31.80%; margin:.5%; }

.showcase img {display:block; width:100%;}




.sidenav {  height: 100%;  width: 0;  position: fixed;  z-index: 100;  top: 0;  right: 0; border-left:1px solid #ddd;  background-color: #f7f7f7;  overflow-x: hidden;  transition: 0.5s;  padding-top: 60px;  box-sizing:border-box;}

.sidenav a {    text-decoration: none;  font-size: 25px;  color: #818181;  display: block;  transition: 0.3s;}

.sidenav a:hover {  color: #f1f1f1;}

.sidenav .closebtn {  position: absolute;  top: 50px;  right: 10px; }

.sidenav span {font-size:12px; display:block; width:200px; margin:auto; margin-bottom:10px;}

.sidenav span a {font-size:12px; display:inline-block; color:#0098da!important; border-bottom:1px solid #0098da; font-weight:400;}


.sidenav h5 {text-align:left; line-height:40px; color:#0098da; font-weight:500; font-size:16px; margin-left:20px;}

.sidenav .doctor-textbox {display:block; border:1px solid #ddd;  border-radius:5px; margin:auto;  margin-bottom:10px; background-color:#fff; padding:5px 10px; width:85%; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; }

.sidenav .register-button {display:block; border:0px solid #ccc; margin:auto;  width:85%; font-family: "Open Sans", sans-serif; font-size: 14px; padding:10px; font-weight: 600;  background-color:#0098da; color:#fff; border-radius:5px; }

.sidenav .register-button:hover {background-color:#ed3237;}






.result-heading {font-size:24px; color:#000!important;}

.result-sub-heading {font-size:14px; color:#000!important;}

.result-sub-heading img {float:left; margin-right:7px; margin-top:5px;}

.doctor-list-box { display:table; width:100%;}

.dlb-1 { width:200px; float:left;}

.dlb-2 { width:calc(100% - 360px); float:left;}

.dlb-3 { width:160px; float:left;}

.dlb-1 img  { display:block; border-radius:10000px; border:6px solid #0098da; width:160px; margin:10px auto 10px auto;} 

.dlb-1 a {display:block; text-align:center; color: #0098da; font-weight:500; border:1px solid #0098da; width:120px; margin:auto; border-radius:100px;}

.dlb-1 a:hover {background-color:#0098da; color:#fff;}

.dlb-2 h3 {color:#000; margin:0px;}

.type {display:block; margin-bottom:10px; line-height:130%;}

.specialist {display:block; margin-bottom:10px; line-height:130%;}

.city {display:block; margin-bottom:10px; line-height:130%; font-weight:600;}

.specialist {display:block; margin-bottom:10px; line-height:130%;}

.availability {display:block; color:#00a500; float:right; margin-bottom:30px;}

.availability img {float:left; margin-right:6px; margin-top:5px;}

.booking-button {width:100%;  display:block; background-color:#0098da; color:#fff!important; border-radius:5px; padding:10px 10px; text-align:center; line-height:130%; clear:both;  margin-bottom:10px; }

.booking-button strong {display:block;}

.booking-button:hover {background-color:#00a500;}

.review-details {display:block; line-height:25px; font-weight:600;}

.like-percent {display:inline-block; float:left; padding:3px 10px; background-color:#00a500; color:#fff; border-radius:5px; margin-right:10px; font-weight:600;}

.like-percent img {float:left; margin-top:4px; margin-right:5px;}





.filters {background-color:#0098da; width:100%; display:table; padding:10px;   position: sticky;   top: 0;  overflow: hidden;  }

.filter-box { background-color:#0082ba; color:#fff; border-radius:5px; padding:8px 10px; width:200px; font-size:13px; font-family: "Open Sans", sans-serif; font-weight:400; margin-right:5px;}

.sort-by {display:inline-block; float:right;}

.sort-by span { color:#fff; font-weight:500; font-size:13px; margin-right:6px;}




.login-box {display:table; background-color:#f7f7f7; border-radius:20px; padding:30px; width:350px; margin:auto; margin-top:100px; }

.login-box h2  {margin-bottom:20px; margin-top:0px;}

.login-textbox {display:block; width:100%; border:1px solid #ccc; border-radius:5px; margin-bottom:5px; padding:7px;}

.login-pic {display:block; width:500px; margin:auto;}


.aboutus-banner {display:table; width:100%; height:400px; background-image:url(../images/aboutus-banner.jpg); background-position:center top; background-size:cover;}

.aboutus-banner  h2 {line-height:400px; color:#fff; text-transform:uppercase; font-weight:300; font-size:40px;}

.center-text {text-align:center;}
.justify-text {text-align:justify;}
.aboutus-content {display:table; width:100%; padding:40px 0px;}

.aboutus-pic {display:block; width:70%; border-radius:10px; margin:auto;}

.aboutus-topic {width:70%; margin:auto; display:block;}

.float-right {float:right;}

.feature-box {border:1px solid #ddd; border-radius:10px; padding:30px; margin:20px 0px; height:350px;  }

.about-icon {display:block; width:80px; margin:20px auto;}

.reverse-heading {text-align:center; color:#fff; background-color:#0098da; padding:10px; border-radius:10px; text-transform:uppercase; letter-spacing:2px; font-size:20px;}


.feature-box {  height: 320px; margin:20px 0px 0px 0px;}



label {font-size:13px; display:block; font-weight:400; line-height:120%; margin-top:10px; clear:both;}


.center-form {margin:auto; max-width:400px; display:block;}



.blue-link {color:#0098da; display:block; width:65px; float:right;}




.accordion {
  background-color: #fff;
  border:1px solid #ccc;
  color: #444;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  text-align: left;
  outline: none;
  font-size: 14px;
  transition: 0.4s;
  border-radius:5px;
  margin:0px;
  line-height: 150%;
}

.accordion.active {border-radius:5px 5px 0px 0px;}

.active, .accordion:hover {
  background-color: #f7f7f7;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: normal;
  float: right;
  margin-right: 10px;
  font-size:20px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding:0px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  margin-top:-2px;
  border:0px;
}

.panel p {margin:0px;}

.answer-box {
  padding:10px;
  background-color:#fff;
  border:1px solid #ccc!important;
  display:table;
  width:100%;
  border-radius:0px 0px 5px 5px;
  margin-top:0px;
} 











/* Style the tab */
.tab {
  margin-top:30px;
  border-bottom:1px solid #ccc;
  height:48px;
  display:block;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px 20px;
  transition: 0.3s;
  font-size: 14px;
  border-radius:5px 5px 0px 0px;
  border:1px solid #ccc;
  width:180px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #fff;
  border:1px solid #ccc;
  border-bottom:2px solid #fff;
  border-top:3px solid #0098da;
  padding: 9px 20px;
  font-weight:600;
  color:#0098da;
}

.tab button.active::after {display:none;}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 15px;
  border: 1px solid #ccc;
  border-top: none;
  border-radius:0px 0px 5px 5px;
  margin-bottom:30px;
}

.tabcontent h4 {margin:20px 0px;}


.tabcontent ul {margin:0px 0px 0px 20px; padding:0px;}

.tabcontent ul li { list-style-image:url(../images/bullet.png); padding-left:10px;}

.rightside-form-close-button, .right-fixed-button   {display:none;}

.registration-content {display:table; width:100%; background-color:#f8f8f8;}

.form-area  {display:table; width:100%; background-color:#fff; margin:50px auto; padding:60px; border-radius:10px; border:1px solid #ddd; border-top:5px solid #0098da; }

.contact-box {display:table; width:100%; border:5px solid #0098da; padding:20px; height:250px; margin-top:30px;}

.contact-box p {text-align:center;}

.contact-box img {display:block; margin:20px auto; width:80px; }





.search {position:relative;}

.search-options {width:425px; text-align:left; position:absolute; background-color:#f9f9f9; margin-top:48px; margin-left:153px; border:1px solid #ddd; z-index:10; border-bottom:0px;}

.search-options span {display:block; padding:10px; border-bottom:1px solid #ddd; padding-left:50px; background-image:url(../images/lens2.png); background-repeat:no-repeat; color:#666;}

.search-options span:hover {background-color:#eee; color:#000;}


.search-options-mobile {display:none; width:90%; position:absolute; background-color:#f9f9f9; margin-top:102px; margin-left:0px; border:1px solid #ddd; z-index:10; border-bottom:0px; border-radius:10px;}

.search-options-mobile span {display:block; padding:10px; border-bottom:1px solid #ddd; padding-left:50px; background-image:url(../images/lens2.png); background-repeat:no-repeat; color:#666;}

.search-options-mobile span:hover {background-color:#eee; color:#000;}








.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

@media screen and (max-width: 700px){
  .box{
    width: 90%;
  }
  .popup{
    width: 90%;
  }
  
.popup {
  margin: 20px auto;  
	}