@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');





/*

input {

-webkit-appearance: none;

-moz-appearance: none;

appearance: none;

}

*/





button::-moz-focus-inner {  border: 0;}

a:focus {     outline: none; }

button:focus {     outline: none; }

::-moz-focus-inner {border:0;}

:focus, :active {    outline: 0;    border: 0;}







select {

   -webkit-appearance: none;

   -moz-appearance: none;

   appearance: none;       /* Remove default arrow */

   background-image: url(../images/small-down-arrow.png);

   background-repeat: no-repeat;

   background-position: 85% center;

}









body {color: #666; margin: 0px; font-family: poppins; font-size: 15px; font-weight: 300; line-height: 26px; margin: 0px 0px 0px 0px; }



html {  scroll-behavior: smooth;}





a{transition: all 0.5s ease-in 0s; 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; }



.textbox1 {width:100%;  border:1px solid #ddd; padding:10px; border-radius:5px; margin-bottom:5px; background-color:#f7f7f7; font-family:poppins; font-size:14px;}



.submit-button {display:block; border-radius:100px; background-color:#13d0ca; width:180px; border:2px solid #13d0ca; font-family:poppins; text-align:center; padding:10px 15px; font-weight:600; color:#fff;  font-size:16px; margin:10px 0px; transition: all 0.5s ease-in 0s;}



.submit-button:hover {background-color:#fff; color:#13d0ca; border:2px solid #13d0ca;}



#myFile { background-image:url(../images/floder-icon.png); background-position:97% center; background-repeat:no-repeat; background-size:20px auto;}



.center-text {text-align:center;}



.myModal .center-text {text-align:center; color:#000;}



#up-part2 {display:none;}



.tick-icon {display:block; margin:20px auto;}





header { display:block; position:fixed; width:100%; background-color:#fff; box-shadow:0px 0px 5px 0px #ddd; z-index:1;}



.banner{ display:block;  width:100%; height:400px; background-color:#fff; background-image:url(../images/banner1.jpg); background-position:center center;}



.header-gap {width:100%; height:80px;}



.logo {float:left; display:inline-block; margin:12px 0px;}



.phone{float:right; display:inline-block; margin:18px 0px;}



.top-navigation {display:inline-block; float:right; margin-top:20px; }



.top-navigation a {display:inline-table; float:left; line-height:20px; margin-right:50px; font-weight:500; width:170px; border-left:1px solid #ddd; padding-left:10px;}



.top-navigation a img {float:left; margin-right:10px; }



.small-heading {font-size:16px; letter-spacing:2px; font-weight:600; text-transform:uppercase; color:#13d0ca; }



h2 {font-size:36px; color:#1d324d; font-weight:600; line-height:48px; margin:0px; }



h3 {font-size:24px; color:#13d0ca; font-weight:500; line-height:40px; margin:10px 0px; }



.readmore {display:block; border-radius:100px; background-color:#13d0ca; width:180px; border:2px solid #13d0ca; text-align:center; padding:15px; font-weight:600; color:#fff;  font-size:16px; margin:30px 0px;}



.readmore:hover {background-color:#fff; color:#13d0ca; border:2px solid #13d0ca;}





.phone-top {display:inline-block; float:right; width:220px; background-color:#11beb9; padding:0px; border-radius:1000px; color:#fff; font-size:20px; font-weight:400; line-height:40px; margin-top:20px;}



.phone-top img {float:left; margin:5px;}







.aboutus {padding:50px 0px; display:table; width:100%;}



.aboutus img {display:block; margin:auto;}







.gray {background-color:#f8f8f8; display:table; width:100%; padding:60px 0px; }



.gray h2, .gray .small-heading {text-align:center; display:block;}



.step {text-align:center;}



.step img {display:block; margin:20px auto 0px auto;}



.step p {text-align:center;}



.step span {text-align:center; color:#13d0ca; font-weight:500; font-size:18px;}







.doctor-details { display:block; background-color:#13d0ca; border-radius:0px 0px 30px 30px; text-align:center; color:#fff; padding:15px 0px;}



.doctor-details strong {display:block; font-weight:600; font-size:15px;}



#mixedSlider2 .MS-content .item img {display:block; margin:auto; width:100%; border-radius:30px 30px 0px 0px;   }











#lab-tests {padding:60px 0px;}



#lab-tests img {display:block; margin:auto; width:100%;}



#lab-tests h2, #lab-tests .small-heading {text-align:center; display:block;}













#app-download {background-color:#e9ebfb; border-radius:20px; padding:40px; margin:30px auto; }



.app-download-pic {float:right;}



#app-download h2 {padding-top:8%;}









#faqs {padding:50px 0px;}



#faqs h2, #faqs .small-heading {text-align:center; display:block;}



.questions {width:100%; max-width:80%; margin:30px auto 0px auto; }















.accordion {

  background-color: #f7f7f7;

  color: #1d324d;

  cursor: pointer;

  padding: 18px;

  width: 100%;

  border: none;

  text-align: left;

  outline: none;

  font-size: 18px;

  transition: 0.4s;

  font-family:poppins;

  font-weight:500;

  border-radius:8px;

  margin-top:10px;

}



.active, .accordion:hover {

  background-color: #f7f7f7;

}



.accordion:after {

  content: '\002B';

  color: #13d0ca;

  font-weight: 500;

  float: right;

  margin-left: 5px;

}



.active:after {

  content: "\2212";

}



.panel {

  padding: 0px;

  background-color: white;

  max-height: 0;

  overflow: hidden;

  transition: max-height 0.2s ease-out;

}



.panel div {padding:14px 0px;}









.featured-box {display:table; width:100%; border:1px solid #11beb9;  border-radius:10px; color:#19324f; padding:10px 20px; line-height:140%;}



.featured-box  strong {display:block; font-weight:600; margin-top:15px;}



.featured-box  img {float:left; margin-right:5px;}









#key-features {margin-bottom:30px;}



footer { display:table; width:100%; padding:40px 0px 5px 0px; background-color:#101c2d;}



footer h5 {color:#fff; margin:0px; font-size:15px; font-weight:600;}



footer p {color:#ccc; font-size:13px;}



.footer-column a  {display:block; color:#ccc; font-size:13px; line-height:30px;}



.footer-column a:hover {color:#fff; padding-left:10px;}



footer h5:after {content:''; display:block; width:30px; height:2px; background-color:#11beb9; margin:15px 0px;}



.copyright {text-align:center; display:block; color:#999; font-size:12px; text-transform:uppercase; letter-spacing:1px;}



.copyright a {color:#999; border-bottom:1px solid #999;}



.socialmedia {text-align:right; float:right!important;}



.socialmedia a {margin:0px 3px; display:inline-block; opacity:0.5;}



.socialmedia a:hover {opacity:1.0;}



.socialmedia a img {display:block; width:35px;}









.inside-banner {width:100%; display:block; background-image:url(../images/banner-bg.png); background-position:center center; height:100px;}

.page-title  {color:#fff; font-size:30px; line-height:100px;}


.inside-content-area {display:table; width:100%; padding:30px 0px;}






























/* Grid */





.grid-1280 {display:table; width:1280px; margin:auto;  }



.row {width: 100%; display: table; }



.col-1-of-12 {width: 8.33%; float: left; padding-left: 15px; padding-right: 15px; }



.col-1-of-11 {width: 9.09%; float: left; padding-left: 15px; padding-right: 15px; }



.col-1-of-10 {width: 10%; float: left; padding-left: 15px; padding-right: 15px; }



.col-1-of-9 {width: 11.11%; float: left; padding-left: 15px; padding-right: 15px; }



.col-8-of-9 {width: 88.89%; float: left; padding-left: 15px; padding-right: 15px; }



.col-7-of-9 {width: 77.78%; float: left; padding-left: 15px; padding-right: 15px; }



.col-6-of-9 {width: 66.67%; float: left; padding-left: 15px; padding-right: 15px; }



.col-5-of-9 {width: 55.56%; float: left; padding-left: 15px; padding-right: 15px; }



.col-4-of-9 {width: 44.45%; float: left; padding-left: 15px; padding-right: 15px; }



.col-3-of-9 {width: 33.34%; float: left; padding-left: 15px; padding-right: 15px; }



.col-2-of-9 {width: 22.23%; float: left; padding-left: 15px; padding-right: 15px; }





.col-1-of-8 {width: 12.50%; float: left; padding-left: 15px; padding-right: 15px; }



.col-7-of-8 {width: 87.50%; float: left; padding-left: 15px; padding-right: 15px; }



.col-6-of-8 {width: 75%; float: left; padding-left: 15px; padding-right: 15px; }



.col-5-of-8 {width: 62.50%; float: left; padding-left: 15px; padding-right: 15px; }



.col-4-of-8 {width: 50%; float: left; padding-left: 15px; padding-right: 15px; }



.col-3-of-8 {width: 37.50%; float: left; padding-left: 15px; padding-right: 15px; }



.col-2-of-8 {width: 25%; float: left; padding-left: 15px; padding-right: 15px; }



.col-1-of-7 {width: 14.28%; float: left; padding-left: 15px; padding-right: 15px; }



.col-6-of-7 {width: 85.68%; float: left; padding-left: 15px; padding-right: 15px; }



.col-5-of-7 {width: 71.4%; float: left; padding-left: 15px; padding-right: 15px; }



.col-4-of-7 {width: 57.12%; float: left; padding-left: 15px; padding-right: 15px; }



.col-3-of-7 {width: 42.84%; float: left; padding-left: 15px; padding-right: 15px; }



.col-2-of-7 {width: 28.56%; float: left; padding-left: 15px; padding-right: 15px; }



.col-1-of-6 {width: 16.66%; float: left; padding-left: 15px; padding-right: 15px; }



.col-5-of-6 {width: 83.33%; float: left; padding-left: 15px; padding-right: 15px; }



.col-4-of-6 {width: 66.64%; float: left; padding-left: 15px; padding-right: 15px; }



.col-3-of-6 {width: 49.98%; float: left; padding-left: 15px; padding-right: 15px; }



.col-2-of-6 {width: 33.32%; float: left; padding-left: 15px; padding-right: 15px; }



.col-1-of-5 {width: 20%; float: left; padding-left: 15px; padding-right: 15px; }



.col-4-of-5 {width: 80%; float: left; padding-left: 15px; padding-right: 15px; }



.col-3-of-5 {width: 60%; float: left; padding-left: 15px; padding-right: 15px; }



.col-2-of-5 {width: 40%; float: left; padding-left: 15px; padding-right: 15px; }



.col-1-of-4 {width: 25%; float: left; padding-left: 15px; padding-right: 15px; }



.col-3-of-4 {width: 75%; float: left; padding-left: 15px; padding-right: 15px; }



.col-1-of-3 {width: 33.33%; float: left; padding-left: 15px; padding-right: 15px; }



.col-2-of-3 {width: 66.66%; float: left; padding-left: 15px; padding-right: 15px; }



.col-1-of-2 {width: 50%; float: left; padding-left: 15px; padding-right: 15px; }



.col-1-of-1 {width: 100%;  padding-left: 15px; padding-right: 15px; }





.content {display: block; padding: 10px 0px; background-color: #eee; text-align: center; font-size: 10px; color: #000; border: 1px solid #ccc;}





/* Grid */









































/* Scroll Top */



.scrolltop {

	display:none;

	width:100%;

	margin:0 auto;

	position:fixed;

	bottom:0px;

	right:0px;	

	z-index:99;

}

.scroll {

	position:absolute;

	right:20px;

	bottom:20px;

	padding:0;

	text-align: center;

	margin: 0 0 0 0;

	cursor:pointer;

	transition: 0.5s;

	-moz-transition: 0.5s;

	-webkit-transition: 0.5s;

	-o-transition: 0.5s; 

	background-color: #13d0ca;

}



.scroll a {padding:25px 0px 0px 0px; display:block; color:#fff; height:50px; width:50px;}



.scroll a span {

  width: 0; 

  height: 0; 

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;

  border-bottom: 10px solid #fff;

  display: block;

  margin:auto;

  animation: buttonarrow 0.6s infinite alternate ease-in-out;

}





@keyframes buttonarrow {

	0% {

		transform: translateY(0);

		opacity: 1.0

	}

	100% {

		transform: translateY(-0.5em);

		opacity: 1.0

	}

}



/* Scroll Top */



















/* responsive menu */



.responsive-menu-icon { display:none;}





.responsive-menu-icon {

    display: block;

    cursor: pointer;

    background-color:#000;

    width: 66px;

    height: 66px;

    position: fixed;

    right: 0;

    top: 0px;

    padding: 22px;

    box-sizing: border-box;

    z-index: 10000;

    display: none;

    z-index: 1000;

}



.bar1, .bar2, .bar3 {

    width: 23px;

    height: 2px;

    background-color: #fff;

    margin: 4px 0;

    transition: 0.4s;

}



.change .bar1 {

    -webkit-transform: rotate(-45deg) translate(-9px, 6px);

    transform: rotate(-45deg) translate(-4px, 4px);

}



.change .bar2 {opacity: 0;}



.change .bar3 {

    -webkit-transform: rotate(45deg) translate(-8px, -8px);

    transform: rotate(45deg) translate(-4px, -5px);

}





/* responsive menu */













/* Popup */



.modal h3 {margin-top:0px;}



.modal {

  display: none; /* Hidden by default */

  position: fixed; /* Stay in place */

  z-index: 1; /* Sit on top */

  padding-top: 100px; /* Location of the box */

  left: 0;

  top: 0;

  width: 100%; /* Full width */

  height: 100%; /* Full height */

  overflow: auto; /* Enable scroll if needed */

  background-color: rgb(0,0,0); /* Fallback color */

  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

}



/* Modal Content */

.modal-content {

  background-color: #fefefe;

  margin: auto;

  padding: 20px;

  border: 1px solid #888;

  width: 90%;

  max-width:600px;

}



/* The Close Button */

.close {

  color: #000;

  float: right;

  font-size: 28px;

  font-weight: normal;

}



.close:hover,

.close:focus {

  color: #000;

  text-decoration: none;

  cursor: pointer;

}



/* Popup */