main {
  margin-top: 6rem;
}

.line {
  width: 250px;
  height: 2px;
  background: #f3c229;
  margin-top: 15px;
}

.breadcrumb li {
  font-size: 14px;
}

.title p {
  color: #2A2B2A;
}
.title a {
  color: #f3c229;
}

.form-cm input:focus,
.form-cm textarea:focus {
  border-color: #aaa !important;
  outline: unset !important;
}

.modal-body input:focus,
.modal-body textarea:focus {
  border-color: #aaa !important;
  outline: unset !important;
}

.detail-blog {
  background-color: #fff;
}
.detail-blog .detail-in .description {
  line-height: 1.75;
  text-align: justify;
}
.detail-blog .related {
  position: sticky;
  top: 1.5rem;
}
.detail-blog .related .related-in {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}
.detail-blog .related .related-in p {
  margin: auto;
}
.detail-blog .related .category li {
  padding: 0.25rem;
  margin-bottom: 0.5rem;
  background-color: #f8f8f8;
}
.detail-blog .related .category li a {
  font-weight: bolder;
  display: flex;
  align-items: center;
  color: #000;
  transition: 0.5s;
}
.detail-blog .related .category li a:hover {
  margin-right: 0.25rem;
  color: #f3c229;
}
.detail-blog .related .social li {
  padding: 0.5rem;
  border-radius: 5px;
  margin-left: 0.5rem;
  background-color: #f3c229;
  transition: 0.5s;
}
.detail-blog .related .social li:hover {
  background-color: #2A2B2A;
}
.detail-blog .related .social li a {
  color: #fff !important;
}
.detail-blog .related .social li a i {
  color: #fff !important;
  -webkit-text-fill-color: unset !important;
  background: unset !important;
}
.detail-blog .related .social li a i:hover {
  color: #fff !important;
}
.detail-blog .tabs .rate .star-rating {
  direction: rtl;
  display: inline-block;
  cursor: pointer;
  flex-direction: row-reverse;
  display: flex;
  justify-content: flex-end;
}
.detail-blog .tabs .rate .star-rating input[type=radio] {
  display: none;
}
.detail-blog .tabs .rate .star-rating label {
  color: #bbb;
  font-size: 1.5rem;
  margin-left: 0.5rem;
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.detail-blog .tabs .rate .star-rating label:hover,
.detail-blog .tabs .rate .star-rating label:hover ~ label,
.detail-blog .tabs .rate .star-rating input[type=radio]:checked ~ label {
  color: #f2b600;
}
.detail-blog .tabs .tabs .nav-tabs .nav-link {
  color: #000 !important;
}
.detail-blog .tabs .tabs .nav-tabs .nav-link.active {
  color: #f3c229 !important;
  font-weight: 900 !important;
}
.detail-blog .tabs .tabs .tab-pane {
  text-align: justify;
}

@media (max-width: 576px) {
  .line {
    width: 60px;
  }
  .title p {
    font-size: 13px;
  }
}

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