.doctor_profile_button{
  align-items: center;
  background-color: navy;
  border: 0 solid #fff;
  color: #fff;
  border-radius: 4px;
  display: inline-flex;
  padding: 8px 10px;
  transition: all .3s ease;
}

.doctor_inperson_button{
  align-items: center;
  background-color: navy;
  border: 0 solid #fff;
  color: #fff;
  border-radius: 4px;
  display: inline-flex;
  padding: 8px 10px;
  transition: all .3s ease;
}

.doctor_telehealth_button{
  align-items: center;
  background-color: navy;
  border: 0 solid #fff;
  color: #fff;
  border-radius: 4px;
  display: inline-flex;
  padding: 8px 10px;
  transition: all .3s ease;
}

.doctor_profile_container{
  display: flex;
align-items: center;
gap:10px;
justify-content: start;
margin-top:10px;
}


  .doctor_container_common_sapn {
  
  color: #fff;
  transform: translateX(320px);
  transition: all .3s ease;
  opacity: 0;
  position: absolute;
  font-size: 12px;
  }


  .doctor_profile_button:hover .doctor_profile_container_span_1{

  transform: translateX(4px);
  opacity: 1;
  position: relative;

 
}
.doctor_profile_button:hover .doctor_profile_icon_1{
display: none;
}
/* .doctor_profile_button:hover + .btn {
display: none !important;
} */
/* .doctor_profile_button:hover + .doctor_telehealth_button{
display: none !important;
} */


.doctor_inperson_button:hover .doctor_profile_container_span_2{

transform: translateX(4px);
opacity: 1;
position: relative;
}

.doctor_inperson_button:hover .doctor_profile_icon_2{
display: none;
}
/* .doctor_inperson_button:hover + .btn {
display: none !important;
} */

.doctor_telehealth_button:hover .doctor_profile_container_span_3{

transform: translateX(4px);
opacity: 1;
position: relative;
}


.doctor_telehealth_button:hover .doctor_profile_icon_3{
display: none;
}
/* .doctor_telehealth_button:hover + .btn {
display: none !important;
} */

  /* .doctor_profile_container_span:hover{
    transform:translateX(4px);
    opacity: 1;
    position: relative;
    } */

.navy_i{
    color: navy;
}
.mobile_view_margin{
    font-weight: bold;
}

/* Media query for mobile devices */
@media only screen and (max-width: 767px) {
    .mobile_view_margin{
        margin-top: 15px !important;
    }
  }

.profile_text{
    font-size: small;
    margin: 2px;
}

/* Media query for mobile devices */
@media only screen and (max-width: 767px) {
  .doctor_profile_container{
    display: flex;
  align-items: center;
  gap:10px;
  justify-content: center;
  margin-top:10px;
  }

  .profileListInner{
   text-align: center;
  }
}