.banner__inner {
  background: url("/assets/images/teacher/detail/banner.png") center no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .banner__profile {
    margin-bottom: 1rem;
  }
}
.banner__profile-text {
  padding-left: 1rem;
}
@media (max-width: 767px) {
  .banner__profile--name {
    margin-top: 1rem;
  }
}
.banner__profile--desc {
  max-width: 200px;
}
@media (max-width: 767px) {
  .banner__profile--desc {
    margin: auto;
  }
}

.--block {
  border: 1px solid var(--color-blue-a);
  border-radius: 6px;
  padding: 16px;
  background-color: var(--color-white);
  margin-top: 24px;
}

h3.introduce--title {
  margin-top: 16px;
}
h3.introduce--title:first-child {
  margin-top: 0;
}

p.sidebar__review--text {
  margin: 6px 0;
}

.sidebar__review-detail li {
  height: 16px;
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}

.sidebar__review-detail li span {
  display: inline-block;
  width: 30px;
}

.sidebar__review-detail li span.sidebar__review--process {
  width: calc(100% - 80px);
  height: 16px;
  background: #D9D9D9;
  border-radius: 2px;
  margin: 0 10px;
  position: relative;
}

.sidebar__review-detail li span.sidebar__review--process::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: var(--value);
  background: #FDC100;
  z-index: 1;
  border-radius: 2px;
  animation: growProgressBar 2s 1 forwards;
}

@keyframes growProgressBar {
  0%, 33% {
    width: 0;
  }
  100% {
    width: var(--value);
  }
}
.related-courses {
  margin-top: 20px;
  margin-bottom: 30px;
}

.related-courses__grid {
  margin-top: 20px;
}

.related-courses__item {
  border: 2px solid var(--color-blue-a);
  border-radius: 6px;
  padding: 8px;
  background-color: var(--color-white);
  margin-bottom: 12px;
  height: calc(100% - 12px);
}

.introduce--desc ul, .introduce--desc ul li {
  list-style: disc;
}

.related-courses__item .--img-box {
  border-radius: 6px;
  display: block;
  overflow: hidden;
}

img.related-courses__item--img {
  transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
}
img.related-courses__item--img:hover {
  transform: scale(1.15);
}

h6.related-courses__item--title {
  margin: 10px 0 0;
  height: 37.5px;
}

.related-courses__item-footer {
  border-top: 1px solid var(--color-blue-a);
  margin: 8px -8px 0;
  padding: 8px 8px 0 8px;
}

.related-courses__item-student img {
  width: 18px;
  height: 18px;
  padding: 3px;
  background: #ECECEC;
}

.related-courses__item-teacher img {
  margin-right: 3px;
}

@media (min-width: 992px) {
  .teacher-detail .col-lg-4.--col-24 {
    flex: 0 0 26.333333% !important;
    max-width: 26.333333% !important;
  }
}

/*# sourceMappingURL=teacher-detail.css.map */