/* search form */


.form{ position: relative;}

.form .fa-search{position: absolute; top:20px; left: 20px; color: #9ca3af;}

.form span{position: absolute; right: 17px; top: 13px; padding: 2px; border-left: 1px solid #d1d5db;}

.left-pan{padding-left: 7px;}

.left-pan i{padding-left: 10px;}

.form-input{height: 47px; /* text-indent: 33px; */ border-radius: 10px;}

.form-input:focus{ box-shadow: none;  border:none;}
.form-submit{float: left; margin-right:15px;}
.btn-color, .btn-color:hover {background-color: transparent; border: 2px solid #dae6f3; margin: 5px 10px 0;  }
.btn-color .fa{padding-right: 5px;}
.btn-book{margin-top: 0px; background-color: #2878e3; color: #fff;padding:8px 15px;}
.btn-book:hover{background-color: rgba(20, 77, 153, 1); color: #fff;}



/* bootstrp side drawer */


.toggle {
    position: absolute;
    right: 100%;
    background-color: #262626;
    width: 40px;
    height: 40px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    cursor: default;
  }
  .toggle span {
    display: block;
    margin-top: -5px;
  }

  
  /* Show Nav */
  
  .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-color:#8585855b;
    z-index: 90;
    opacity: 0;
    visibility: hidden;
    transition: all 200ms ease-in;
  }
  .nav {
    width: 270px;
    height: 100vh;
    background-color: #2878e3;
    right: -270px;
    top: 0;
    position: fixed;
    padding: 190px 0;
    box-shadow: 0 2px 4px rgba(0,0,0,.6);
    transition: all 200ms ease-in-out;
    z-index: 99;
  }
  .toggle {
    position: absolute;
    right: 96%;
    background-color: #2878e3;
    width: 31%;
    height: 28%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    cursor: default;
  }
  .toggle span {
    display: block;
    margin-top: -5px;
    transform: rotate(90deg);   
  }

  
  /* Show Nav */
  .show-nav .nav {
    right: 0;
  }
  .show-nav .overlay {
    opacity: 1;
    visibility: visible;
  }
  
  .prev-posts-link a, .next-posts-link a{
    padding:10px 25px;
    background-color:#0b5ed7;
    border-radius:3px;
    color:#FFF;
}
.prev-posts-link{
    margin-right:10px;
    display:inline;
    width:max-content;
}
.next-posts-link{
    margin-left:10px;
    display:inline;
    width:max-content;
}
.prev-posts-link a, .next-posts-link a{
    
}
  /* Styling the content */

  .content {
    background-color: #fff;
    margin-top: 100px;
    padding: 20px;
    box-shadow: 0 1px 2px rgba(0,0,0,.1)
  }
  .content h1 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 35px;
    color: #ffffff;
  }

  .recent_posts h3{
    font-size:14px;
    color:#637587;
  }
  .recent_posts ul li{
    margin-bottom: 10px;
  }
.single_heading h1{
  font-size: 34px;
  font-weight: 600;
  margin-bottom: 10px;
}

.single_heading h3{
  font-size: 20px;
  margin-top:15px;
  margin-bottom: 15px;
}
.single_blog_content h2{
  font-size:28px;
  font-weight: 600;
  margin-bottom: 10px;
}
.single_blog_content h4{
  font-size:18px;
  font-weight: 600;
  margin-bottom: 10px;
}
.single_blog_content ul{
}
.single_blog_content ul li{
  list-style: disc;
}
.single_blog_content h5{
  font-size:16px;
  font-weight: 500;
}
.single_blog_content p{
  font-size: 17px;
  text-align: justify;
}
.single_blog_content .admin-post i{
  margin-right: 10px;
}
.single_image img, .single_blog_content img{
  width:100%;
  height: 440px;
  max-width: 100%;;
}
.rem_width{
 width:20% !important;
}
.medfin-services {
  width: 32% !important;
}
@media (max-width: 991px) {
  .medfin-services {
    margin-top: 40px;
  }
  .asl_w_container {
    width: 80% !important;
    margin-right: 15px !important;
    margin-left: 2% !important;
    margin-bottom: 2% !important;
  }
  .btn-book {
    display: none !important;
}
.navbar-nav > .dropdown-menu > .sub-item .dropdown-item:hover .dropdown-menu {
  display: block !important;
}
}
@media (max-width: 767px) {
  .medfin-services {
    width: 48% !important;
  }
  .single_blog_content h5{
      font-size:14px;
  }
  .single_image img, .single_blog_content img{
      height:auto;
  }
  .single_heading h1{
      font-size:28px;
  }
}