@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@200;300&family=Oswald&family=Quicksand:wght@300&family=Roboto+Condensed&family=Roboto:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jura:wght@600;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface');

body {
	margin: 0px;
	padding: 0px;
	font-family: 'Roboto', sans-serif;
	font-size:1em;
	
}

.container{
	width:90%;
	margin:0px auto;

}

.clearfix{
	clear:both;
}

.right-align{
	text-align:right;
}
.left-align{
	text-align:left;
}
.justify-txt{
  text-align: justify;
}
.float-right{
    float:right;
    margin:10px;
}
.float-left{
    float:left;
    margin:10px;
}
.responsiveImg{
	width:100%;
	height:auto;
}

a {
	text-decoration:none;
	color:inherit;
}

p{
    line-height:1.6em;
}
.lineheight{
     line-height:1.6em;
}
h2{
    color:#074f4a;
    font-size:2em;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
}
#content1::after{
    content: "\a";
    white-space: pre;
}
.redTxt{
    color:#F10408;
}
.darkGreenTxt{
    color:#074f4a;
}
.yellow-button{
 display:inline-block;
 padding:0.3em 1.2em;
 margin:0 0.3em 0.3em 0;
 border-radius:2em;
 box-sizing: border-box;
 text-decoration:none;
 font-family:'Roboto',sans-serif;
 font-weight:300;
 color:#FFFFFF;
 background-color:#4eb5f1;
 text-align:center;
 transition: all 0.2s;
}
.yellow-button:hover{
 background-color:#4095c6;
}
@media all and (max-width:30em){
 .yellow-button{
  display:block;
  margin:0.2em auto;
    }}



/****top links*****/
#top-links{
  background: #036e66;
  color:#fff;
  height:35px;
    padding-top:15px;
}
#top-links a{
  transition: all 0.5s;
} 
#top-links a:hover{
  color:#a5f8f2;
} 

#top-left-links{
  width:50%;
  float:left;
}
#top-left-links span{
 margin-right:25px;
}
#top-right-links{
  width:50%;
  float:right;
    text-align:right;
}

/**** header****/
#header{
  height:135px;
  padding-top:15px;
}
#logo{
  float:left;
  width:14%;
  
}
#links{
  float:right;
  width:86%;
  padding-top:45px;
}

/***intro text****/
#intro{
    height:225px;
    text-align:center;
    padding:15px 0;
}

/***conditions block****/
#conditions{
    background: #a6f1ec;
    height:720px;
    padding:25px 0;
    text-align:center;
}
.cf {
  position:relative;
  margin:4px;
    height:260px;
    width:262px;
    background:#d2faf7;
    border:1px solid #70ddd6;
        display:inline-block;
}

.cf img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
    overflow-x: hidden;
}

.cf img.top:hover {
  opacity:0;
}

/****testimonials****/
#testimonial{
    padding:25px 0;
    text-align:center;
}

/***call block***/
#call-block{
    height:155px;
    background: url("../images/call-block-bg.jpg");
    background-size:100%;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    color:#074f4a;
    font-size:2.3em;
    padding-top:95px;
}
#call-block-button{
    background: #e3a004;
    padding:5px 20px;
    color:#fff;
    margin-left:20px;
    border-radius:15px;
}

/****footer****/
#footer{
    background: #036e66;
    height:100px;
    padding-top:50px;
    text-align:center;
    color:#fff;
    font-size:0.9em;
}
#footer a {
    color:#fff;
    margin:0 20px;
    text-transform:uppercase;
    transition:all 0.5s;
}
#footer a:hover{
  color:#a5f8f2;
} 

/***inside design***/
#inside-banner{
    height:210px;
    background-image: url("../images/inside-banner.jpg");
    background-size:100%;
    position:relative;
    z-index: -2; 
}
#inside-banner-heading{
    font-family: 'Jura', sans-serif;
    color:#074f4a;
    font-size:2em;
    font-weight:700;
    padding-top:100px;
    padding-left:1%;
    position: absolute; 

            z-index: -1; 
}
.txtbackground { 
            
        } 
#content{
    padding:40px 0;
}

.profile-img {
  vertical-align: middle;
  width: 300px;
  height: 300px;
  border-radius: 50%;
    border:5px solid #fff;
    box-shadow: 0px 0px 5px 5px #ededed;
    overflow: hidden;
}
#certifications-block{
    background: #a6f1ec;
    height:500px;
    padding:25px 0;
    text-align:center;
    font-size:1.1em;
}
.certificate-box{
   display:inline-block;
    width:30%;
    height:400px;
    background:#fff;
    border:1px solid #dedede;
    margin:0 1%;
}
.homeopathy-pg-img{
    width:40%;
}

.columnList{
    column-count: 5;
}

.columnList li{
    padding:.5em 1em;
    margin:5px 0px;
    list-style: none;
        background: #e8faf9; 
    border:1px dashed #42b8af;
}

.columnList li a:hover{
    color:#036e66;
    transition: 0.5s all;
}

.patients-testi-block{
    background: #a6f1ec;
    height:auto;
    padding:25px 0;
    text-align:center;
    font-size:1.1em;
}

.patients ol {
  list-style: none;
  counter-reset: my-awesome-counter;
  display: block;
  margin: 0;
  padding: 0;
    text-align: left;
}
.patients ol li {
  counter-increment: my-awesome-counter;
  display: inline-block;
    vertical-align: top;
  width: 47%;
  font-size: 1em;
    line-height: 1.3em;
  margin-bottom: 2em;
    margin-left:0.7em;
     margin-right:0.7em;
   text-align: justify;
}
.patients ol li div{
  color:#074f4a;
    font-weight:bold;
  font-style: italic;
 display: block;
    float:none;
  padding-top:5px;
}
.patients ol li::before {
  content: "0" counter(my-awesome-counter);
  font-weight: bold;
  font-size: 3rem;
  margin-right: 1rem;
  font-family: 'Abril Fatface', serif;
  line-height: 1;
}

.patients1 ol {
  list-style: none;
  counter-reset: my-awesome-counter;
  display: block;
  margin: 0;
  padding: 0;
    text-align: left;
}
.patients1 ol li {
  counter-increment: my-awesome-counter;
  display: block;
    vertical-align: top;
  width: 98%;
  font-size: 1em;
    line-height: 1.3em;
  margin-bottom: 2em;
   text-align: justify;
}
.patients1 ol li div{
  color:#074f4a;
    font-weight:bold;
  font-style: italic;
 display: block;
    float:none;
  padding-top:5px;
}
.patients1 ol li::before {
  content: "0" counter(my-awesome-counter);
  font-weight: bold;
  font-size: 3rem;
  margin-right: 1rem;
  font-family: 'Abril Fatface', serif;
  line-height: 1;
}

.leftCol{
    width:30%;
    float:left;
}
.rightCol{
    width:68%;
    float:right;
}

.photoBox{
    display: inline-block;
  width: 24%;
  padding: 2px;
    margin:5px;
  box-sizing: border-box;
    border:5px solid #42b8af;
   transition: all 0.5s;
    position: relative;
}
.photoBox:hover{
     border:5px solid #ededed;
    
}
.photoBox img{
    width:100%;
    height:auto;
    
}
.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}
.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.photoBox:hover .image {
  opacity: 0.3;
}

.photoBox:hover .middle {
  opacity: 1;
}

.text {
  background-color: #42b8af;
  color: white;
    font-weight: bold;
  font-size: 1em;
  padding: 16px 32px;
}

.photoBox p{
    text-align: center;
    padding:5px 0;
    margin:0;
}