.cover {
    /* background: rgb(1 72 171 / 83%); */
   
}
	.coverimg{
		width: 80%;
	}
	.coverbtn{
		padding-top: 4em;
	}
.service-card img{
background:linear-gradient(90deg, #0de0fe, #2778c4);
  padding: 15px;
  
border-radius: 20px;
}
 
 .doctor-book-card .card-header {
	background: linear-gradient(90deg, #0de0fe, #2778c4);
	border: none;
	color: #fff;
 }
 .nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    justify-content: center;
}
.nav-tabs .nav-link {
    border-radius: 0;
    font-size: 20px;
}
.img img{
	border-radius: 20px;
	box-shadow: 10px 20px 30px #ccc;
}
.nav-tabs.nav-tabs-solid.nav-tabs-rounded {
	width: 100%;
    height: auto;
    display: flex;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #fff;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    overflow-x: auto;
    margin-bottom: 0;
    align-content: center;
}
section.section-100{
	padding: 6em 4em;
}
.advimg{
	width: 100%;
	border-radius: 20px;
}
.feature-card img {
    background: #aeedbc;
    padding: 10px;
    /* padding: 14px; */
    border-radius: 20px;
}
.icon {
    width: 10%;
	margin-right: 1em;
	transition: 0.5s all ease-in-out;
}
.icon:hover{
	box-shadow: 2px 3px 10px #043c75;
	transition: 0.5s all ease-in-out;
	transform: scale(1.1);
}

.nav-tabs.nav-tabs-solid.nav-tabs-rounded > li > a {
    min-width: 125px;
   
    border-radius: 50px;
    font-size: 14px;
    padding: 10px 10px;
    white-space: nowrap;
    border: 1px solid #ccc;
    color: #111;
}
.text-color{
	color:#043c75 ;
}
.whyicon{
	width: 100%;
	transition: 0.5s all ease-in-out;
}
img.whyicon:hover{
	 
	filter: drop-shadow(5px 5px 5px #043c75);
	transition: 0.5s all ease-in-out;
	transform: scale(1.1);

}
.services{
	background-color:#ddeefe ;
}
.counter h2{
	color: #043c75;
	font-size: 3em;
}
.counter{
	background-color:#ddeefe ;
}
section.section-50{
	padding: 3em;
}
.why2{
	padding-top: 6em;
}
.whyheading{
	padding: 5em 0 0 5em;
}
.why{
	background: url('./assets/img/whybg.png') no-repeat;
	 
}
.services h4{
	padding-top: 2em;
color: #043c75;
font-size: 20px;
text-align: center;
}
.services .cards {
min-height: 400px;
max-height: 400px;
margin-bottom: 1em;
transition: 0.5s all ease-in-out;
}
.services .cards:hover {
	box-shadow: 2px 3px 10px #043c75;
	transform: scale(1.1);
	transition: 0.5s all ease-in-out;
}
.btn{
	 
	transition: 0.5s all ease-in-out;
}
.btn:hover{
	 
	transform: scale(1.1);
	transition: 0.3s all ease-in-out;
}

.servicecard1{
	padding: 2em;
	background-color: #ffefeb;
	  
	 border-radius: 30px;

}
.servicecard2{
	padding: 2em;
	background-color: #defbda;
 
	 border-radius: 30px;
}
.servicecard3{
	padding: 2em;
	background-color: #f1f5e9;
 
	 border-radius: 30px;
}
.servicecard4{
	padding: 2em;
	background-color: #f4fcfd;
 
	 
	 border-radius: 30px;
}
section h1{
	font-size: 3em;
}
.social-icon i.fab{
	border: 1px solid #fff;
    padding: 15px;
    border-radius: 35px;
    font-size: 20px;
    width: 50px;
    height: 50px;
    text-align: center;
}


.icon-bar {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99999;
   right: -68px;
   transition: .5s ease-in-out;
  }
  
   
  .icon-bar a {
    display: block;
    text-align: left;
    padding: 10px;  
    color: white;
    font-size: 20px;
    position: relative;
    transition: .5s ease-in-out;
     
  }
  
  .icon-bar a:hover {
     
    position: relative;
    right: 67px;
    transition: .5s ease-in-out;
  }
  .facebook {
    background: #3B5998;
    color: white;
  }
  
  .twitter {
    background: #55ACEE;
    color: white;
  }
  
  .google {
    background: #dd4b39;
    color: white;
  }
  
  .linkedin {
    background: #007bb5;
    color: white;
  }
  
  .youtube {
    background: #bb0000;
    color: white;
  }
  @media only screen and (max-width: 575.98px){
  .navbar-header {
      width: auto;
  }
  }
  @media only screen and (max-width: 575.98px){
  .navbar-brand.logo {
      width: 100%;
      text-align: center;
       margin-right: 0px;  
  }
  }
  /* .book{
      padding: 1em;
      background: #007bb5 !important;
      color: #fff !important;
  } */
  .header-nav {
      
      background-color: rgba(255, 255, 255, 0.9);
  }
 
  
  @media (min-width: 992px){
    .main-nav > li > a {
        color: #000000;
        position: relative;
        /* border-radius: 50px; */
        /* background: #ffffff; */
        /* height: 40px; */
        /* margin: 0 auto; */
        /* line-height: 85px; */
        padding: 6px 15px;
        /* display: flex; */
    }
                    }
                    .header{
                        z-index: 1;
                        position: sticky;
                        width: 100%;
                        top: 0;
                        left: 0;
                         
                    }
                    .header-nav {
         
        padding: 0px 50px;
        
    }
                /* .section-search {
          
        position: relative;
        background-blend-mode: Darken;
         
    } */
    

    .header{
        z-index: 1;
        position: sticky;
        width: 100%;
        top: 0;
        left: 0;
         
    }
.section-search {

position: relative;
background-blend-mode: Darken;

}

.playbtn i{
background: #fff;
margin: 2em;
padding: 1em;
color: #0de0fe;
font-size: 1.5em;
text-align: center;
border-radius: 100px;
box-shadow: 0px 0px 0px 10px #ffffff3b;

animation: pulse 5s infinite; /* referring directly to the animation's @keyframe declaration */
animation-duration: 1s; /* don't forget to set a duration! */
animation-timing-function: ease-in-out;


}

.video-header {
    position: absolute;
    text-align: center;
    width: 100vw;
    height: 103vh;
  }
  .video-header, .video-header video, .video-header .viewport-header {
    width: 100vw;
    height: 103vh;
    position: absolute;
    top: 0;
    left: 0;
  }
  .video-header video {
    background: brown;
    object-fit: cover;
  }
  .video-header .viewport-header {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  section#home {
    padding: 9em 6em;
  }
  @media screen and (max-width:440px) {
    section#home {
      padding: 3em 1em;
  }
  .icon-bar{
    display: none;
  }
  section.section-100 {
    padding: 6em 2em;
}
.whyheading {
  padding: 0em 0 0 0em;
}
  }