#doctor-detail {
  color: #2EC0CB;
  font-size: 18px;
  line-height: 1.5;
  padding-bottom: 56px;
}

.title {
  margin: 56px 0;
}

.subtitle {
  margin-bottom: 24px;
}

.doctor-item {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  padding-top: 24px;
  margin-bottom: 24px;
  color: #2EC0CB;
}

.doctor-item .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  content: '';
  top: 0;
  left: 0;
  border-radius: 8px;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.doctor-item::before {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 30%;
  left: 50%;
  content: '';
  width: 350px;
  height: 350px;
  border-radius: 100%;
  background-color: #A1E1ED;
  z-index: 1;
}

.doctor-item .image-doctor {
  max-height: 420px;
  position: relative;
  z-index: 2;
}

.doctor-item > hr {
  border-width: 2px;
  border-color: #2EC0CB;
  width: 45%;
  margin: 8px 0;
  box-shadow: 0px 8px 4px rgba(0, 0, 0, 0.25);
}

.doctor-item .doctor-name, .doctor-item .doctor-education {
  position: relative;
  width: 45%;
  z-index: 2;
}

.doctor-item .doctor-name {
  margin-top: 24px;
  font-size: 22px;
}

.doctor-item .doctor-education {
  font-size: 18px;
}

.doctor-item hr.education-divider {
  border-width: 1px;
  box-shadow: none;
}

@media screen and (max-width: 425px) {
  .doctor-item .image-doctor {
    max-height: 240px;
  }

  .doctor-item::before {
    width: 240px;
    height: 240px;
  }

  .doctor-item > hr {
    width: 80%;
  }
  
  .doctor-item .doctor-name, .doctor-item .doctor-education {
    width: 100%;
  }
}

.sidebar {
  margin-bottom: 36px;
}

.sidebar, .sidebar p {
  font-weight: 700;
}

.sidebar .sidebar-title-container hr {
  margin-top: 0;
  margin-bottom: 16px;
  border-color: #2EC0CB;
  border-width: 2px;
}

.sidebar .sidebar-title {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 4px 12px;
  background-color: #2EC0CB;
  color: #FFF;
}

.sidebar .sidebar-title::after {
  display: inline-block;
  top: 0;
  right: -36px;
  position: absolute;
  content: '';
  border-top: 36px solid transparent;
  border-bottom: 0 solid transparent; 
  border-left: 36px solid #2EC0CB; 
}

.sidebar ul {
  margin-bottom: 36px;
}

.sidebar .location-divider {
  margin: 16px 0;
  border-color: #2EC0CB;
  border-width: 1px;
}

.sidebar .schedule-detail-container {
  display: flex;
  flex-direction: row;
  align-items: top;
}

.schedule-detail-container .schedule-day {
  padding: 0 16px;
  margin-left: 16px;
  border-left: 1px solid #2EC0CB;
  position: relative;
}

.schedule-detail-container .schedule-day::before, .schedule-detail-container .schedule-day::after { 
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  transform: rotate(45deg);
  background-color: #2EC0CB;
}

.schedule-detail-container .schedule-day::before { 
  left: -3px;
  top: -5px;
}

.schedule-detail-container .schedule-day::after { 
  left: -3px;
  bottom: -5px;
}

.schedule-detail-container + .schedule-detail-container {
  margin-top: 36px;
}

.content-container .about-container, .content-container .course-container {
  border-radius: 36px;
  color: #FFF;
  padding: 16px 36px;
}

.content-container .about-container {
  background-color: rgba(93, 206, 215, 0.5);
  margin-bottom: 36px;
} 

.content-container .course-container {
  background-color: #2EC0CB;
}

.content-container hr {
  position: relative;
  left: -12px;
  width: 200px;
  border-width: 1px;
  border-color: #FFF;
  margin: 8px 0;
}

.content-container p {
  margin-bottom: 0;
  line-height: 1.5;
}

.course-item + .course-item {
  margin-top: 16px;
}

.course-item .course-date {
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .content-container .about-container, .content-container .course-container {
    padding: 16px;
  }
}