.doctor__header .component__doctor-header{
  display:block;
}
@media screen and (min-width:1200px){
  .doctor__header .component__doctor-header{
    display:none;
  }
}

.doctor__info-header .component__doctor-header{
  display:none;
}
@media screen and (min-width:1200px){
  .doctor__info-header .component__doctor-header{
    display:block;
  }
}

.doctor__content{
  display:grid;
  gap:30px;
  grid-template-columns:1fr;
}
@media screen and (min-width:1200px){
  .doctor__content{
    gap:40px;
    grid-template-columns:1fr 2fr;
  }
}

.doctor__clinic{
  background-color:#f4f8fd;
  border-radius:.625rem;
  font-family:var(--font-medium);
  font-size:14px;
  margin-bottom:16px;
  padding:20px 24px;
  width:100%;
}
@media screen{
  .doctor__clinic{
    font-size:16px;
  }
}

.doctor__clinic-address{
  align-items:center;
  display:flex;
  font-family:var(--font-light);
  gap:6px;
  margin-top:8px;
}
@media screen and (min-width:768px){
  .doctor__clinic-address{
    margin-top:10px;
  }
}

.doctor__card-btn .component-button__item{
  width:100%;
}

.doctor__info-quote{
  background-color:#f4f8fd;
  border-radius:.625rem;
  display:flex;
  flex-direction:column;
  font-style:italic;
  gap:14px;
  margin-bottom:30px;
  padding:20px;
}
@media screen and (min-width:768px){
  .doctor__info-quote{
    flex-direction:row;
    gap:20px;
    margin-bottom:40px;
    padding:24px;
  }
}

.doctor__info-quote-img{
  height:18px;
  width:24px;
}
@media screen and (min-width:768px){
  .doctor__info-quote-img{
    height:21px;
    width:28px;
  }
}

.doctor__info-title{
  font-family:var(--font-medium);
  font-size:18px;
  margin-bottom:24px;
  text-transform:capitalize;
}
@media screen and (min-width:768px){
  .doctor__info-title{
    font-size:22px;
  }
}

.doctor__info-edication,.doctor__info-specialization{
  margin-bottom:30px;
}
@media screen and (min-width:768px){
  .doctor__info-edication,.doctor__info-specialization{
    margin-bottom:40px;
  }
}

.component__doctor ol,.component__doctor ul{
  padding-left:1.8rem;
}
.component__doctor ol{
  counter-reset:numbered-list;
}

.component__doctor ol li{
  counter-increment:numbered-list;
  list-style-type:none;
  margin-bottom:.375rem;
  position:relative;
}
.component__doctor ol li:before{
  color:#15a8f1;
  content:counter(numbered-list, decimal-leading-zero) ".";
  font-weight:var(--font-medium);
  left:-30px;
  position:absolute;
  text-align:right;
  top:2px;
  width:22px;
}
.component__doctor ul li{
  list-style-type:none;
  margin-bottom:.375rem;
  padding-left:.2rem;
  position:relative;
}
.component__doctor ul li:before{
  background-image:url(../assets/images/check.svg);
  content:"";
  height:22px;
  left:-30px;
  position:absolute;
  top:2px;
  width:22px;
}

.component__doctor li::marker{
  display:inline-block;
  vertical-align:middle;
}