.component__doctor-header{
  margin-bottom:16px;
}
@media screen and (min-width:768px){
  .component__doctor-header{
    margin-bottom:30px;
  }
}
@media screen and (min-width:1200px){
  .component__doctor-header{
    margin-bottom:40px;
  }
}

.doctor-header__top{
  align-items:baseline;
  display:flex;
  flex-direction:column;
  gap:8px;
}
@media screen and (min-width:768px){
  .doctor-header__top{
    align-items:center;
    flex-direction:row;
    gap:10px;
  }
}

.doctor-header__online-appointment,.doctor-header__rating{
  align-items:center;
  background-color:#fff;
  border:1px solid #e0eaf7;
  border-radius:2.5rem;
  display:flex;
  flex-direction:row;
  font-size:13px;
  gap:8px;
  padding:8px 18px;
  width:-moz-fit-content;
  width:fit-content;
}
@media screen and (min-width:768px){
  .doctor-header__online-appointment,.doctor-header__rating{
    font-size:16px;
  }
}

.doctor-header__name{
  font-size:28px;
  margin-bottom:8px;
  margin-top:12px;
}
@media screen and (min-width:768px){
  .doctor-header__name{
    font-size:34px;
    margin-bottom:12px;
    margin-top:18px;
  }
}
@media screen and (min-width:1200px){
  .doctor-header__name{
    font-size:48px;
  }
}

.doctor-header__position{
  font-size:14px;
}
@media screen and (min-width:768px){
  .doctor-header__position{
    font-size:16px;
  }
}