/* Google Font Link */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500&display=swap');
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family:'Open Sans', sans-serif;
}
.doctorlist .sidebar{
  position: fixed;
  left:97%;
  top:12%;
  height: 95%;
  width: 115px;
  background: none;
  padding: 6px 14px;
  z-index: 99;
  transition: all 0.5s ease;
  display:block;

}


.socialmedia  .fab
{
color:#A5020C;
font-weight: 400;
}
/* .nav-item  {
  color:#A5020C;
} */
 .walk-help-clinic  i
{
  color:#A5020C;
}
.text-span 
{
  color:#A5020C;
  font-size: 1em;
  font-weight: 400;
   font-style: normal;  

}
.department
{
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding:15px !important;
  
}
.department-blocks img
{
  width: 100px;

  transition: width 2s, height 2s, transform 2s;
  height:100px;
 
}

.department-blocks .title
{
  font-size: medium;
  /* margin-top: -70px; */
  font-weight: 400;  
  color:#000;
 
}



/* box */
.grid-wrapper{
  --auto-grid-min-size: 13rem;
  display: grid;
  grid-gap: 0.1rem;

/* border-radius: 40px; */
  grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
 
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  


}

.grid-wrapper svg{
	transform:scale(0.7);
  margin-top: 20px;
  color:#1D3461;
}
.grid-wrapper li:hover
{
 background-color: #1D3461;
 color:white;
 /* transform:scale(-1.1); */
 
}
 .grid-wrapper li:hover path{
	fill:#fff;
}

 .grid-wrapper li:hover .title{
	color:#fff;
}


/* Text-box */
.grid-wrapper li{
  
  background-color: rgba(255, 255, 255, 0.596);
  color: #ffffff;
  font-size: 24px;
  list-style-type: none;
  text-align: center;
  text-transform: capitalize;
  font-weight: 600;
  border:1px solid #1D3461;
  border-radius: 10px;
  position: relative;
  transform-origin: 50% 65%;
  transition: transform 5s, filter 3s ease-in-out;
  filter: brightness(150%);
 
}

.grid-container{
  margin: 0 auto;
  max-width: 1100px;
  padding:0.2rem 0.2rem;
}

.grid-wrapper li svg{
  width:100%;
  height:100px;
  padding:0px !important;
  margin:0px !important;
}

.grid-wrapper li a{
  text-decoration: none !important;
}
.svg16_559 .st3{
  stroke:#1d3461 !important;
}

.grid-wrapper li:hover path{
  fill:#fff !important;
   stroke:#fff !important;
}


.doctorlist .sidebar.open{
  width: 250px;
}
.doctorlist .sidebar .logo-details{
  height: 60px;
  display: flex;
  align-items: center;
  position: relative;
}
.doctorlist .sidebar .logo-details .icon{
  opacity: 0;
  transition: all 0.5s ease;
}
.doctorlist .sidebar .logo-details .logo_name{
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  opacity: 0;
  transition: all 0.5s ease;
}
.doctorlist .sidebar.open .logo-details .icon,
.doctorlist .sidebar.open .logo-details .logo_name{
  opacity: 1;
}
.doctorlist .sidebar .logo-details #btn{
  position: relative;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-size: 22px;
  transition: all 0.4s ease;
  font-size: 23px;
  text-align: center;
  cursor: pointer;
  transition: all 0.5s ease;
}
.doctorlist .sidebar.open .logo-details #btn{
  text-align: right;
}
.doctorlist .sidebar i{
  color: white;
  background-color: #1D3461;
  height: 60px;
  min-width: 50px;
  font-size: 28px;
  text-align: center;
  line-height: 60px;
}
.doctorlist .sidebar .nav-list{
  margin-top: 40px;
    margin-left: -16px;
    margin-right: 22px;
    height: 100%;
}
.doctorlist .sidebar ul{
  display:block;
}

.doctorlist .sidebar li{
  position: relative;
  margin: 8px 0;
  list-style: none;
}
.doctorlist .sidebar li .tooltip{
  position: absolute;
  top: -20px;
  right: calc(100% + 15px);
  z-index: 3;
  background: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 400;
  border: 1px solid #A5020C;
  opacity: 0;
  white-space: nowrap;
  pointer-events: none;
  transition: 0s;
}
.doctorlist .sidebar li:hover .tooltip{
  opacity: 1;
  pointer-events: auto;
  transition: all 0.4s ease;
  top: 50%;
  transform: translateY(-50%);
}
.doctorlist .sidebar.open li .tooltip{
  display: none;
}
.doctorlist .sidebar input{
  font-size: 15px;
  color: #FFF;
  font-weight: 400;
  outline: none;
  height: 50px;
  width: 100%;
  width: 50px;
  border: none;
  border-radius: 12px;
  transition: all 0.5s ease;
  background: #1d1b31;
}


.doctorlist .sidebar li a{
  display: flex;
  height: 100%;
  width: 100%;
  border-radius: 12px;
  align-items: center;
  text-decoration: none;
  transition: all 0.4s ease;
  background: #f8f8fa;
}
.doctorlist .sidebar li a:hover{
  background: #A5020C;
}
.doctorlist .sidebar li a .links_name{
  color: #1D3461;
  font-size: 15px;
  font-weight: 400;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: 0.4s;
}
.doctorlist .sidebar.open li a .links_name{
  opacity: 1;
  pointer-events: auto;
}
.doctorlist .sidebar li a:hover .links_name,
.doctorlist .sidebar li a:hover i{
  transition: all 0.5s ease;
  color: #ffffff;
}
.doctorlist .sidebar li i{
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  border-radius: 12px;
}

@media (min-width: 360px) {
  
  .doctorlist .sidebar
    {
      display:flex;
    }
    .doctorlist .sidebar li a{
      display: block;
      
    }
  }
  @media (max-width: 1024px) {
  
    .doctorlist .sidebar li a{
     
      height:50px;
      
      
      
    }
    .doctorlist .sidebar li {
      padding-left:10px;
      list-style: none;
  }
  .doctorlist .sidebar {
      display: flex;
      float:none;
      
      top:40%;
      left:85%;
 
  width:100%;
      
    }
    .doctorlist .sidebar ul{
      display:block;
      float:none;
    }
    .doctorlist .sidebar .nav-list
    {
      margin-left:0px;
      padding-left:20px;
    }
    
    }
    
    @media (max-width: 769px) {
  
      .doctorlist  .sidebar {
        display: flex;
        float:none;
        
        top:40%;
        left:80%;
   
    width:100%;
        
      }
      }
      @media (max-width: 1024px) {
  
        .doctorlist .sidebar li a{
         
          height:50px;
          
          
          
        }
        .doctorlist .sidebar li {
          padding-left:10px;
          list-style: none;
      }
      .doctorlist .sidebar {
          display: flex;
          float:none;
          
          top:40%;
          left:85%;
     
      width:100%;
          
        }
        .doctorlist .sidebar ul{
          display:block;
          float:none;
        }
        .doctorlist .sidebar .nav-list
        {
          margin-left:0px;
          padding-left:20px;
        }
        
        }
        
        @media (max-width: 580px) {
      
          .doctorlist .sidebar {
            display: flex;
            float:none;
            
            top:40%;
            left:73%;
       
        width:100%;
            
          }
          }