/* #card-element {
  display: block;
  margin: 10px 0;
} */

 .show-filter{
  display: none;
}
@media(max-width:767px){
  .responsive-filter-card{
      display: none;
      transition: none;
  }
  .show-filter{
      display: block;
  }
}

.overflow-text-doctor {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.doctor-card-alignment{
    margin-left: 20px;
    margin-right: 20px;
}

.appointment-btn-align{
    width: 100%;
    white-space: nowrap;
    font-size: 14px;
}