.breadcrumb {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media screen and (max-width: 830px) {
  .breadcrumb {
    overflow-x: scroll;
    margin-bottom: 0;
  }
  .breadcrumb::-webkit-scrollbar {
    width: 0;
  }
}
.breadcrumb ul {
  list-style-type: none;
  display: inline-flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 830px) {
  .breadcrumb ul {
    padding: 0px 20px 20px 0;
  }
}
.breadcrumb ul li {
  display: inline-flex;
  position: relative;
  padding-right: 10px;
}
@media screen and (max-width: 830px) {
  .breadcrumb ul li {
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
}
.breadcrumb ul li:not(:last-child) a span {
  color: #8C97A3;
  font-size: 14px;
}
span.breadcrumb__item.breadcrumb__item--active {
  color: #8C97A3;
  font-size: 14px;
}
.breadcrumb ul li:not(:last-child) ::after {
  content: "/";
  position: absolute;
  right: 0;
  top: -3px;
  font-size: 18px;
  width: 5px;
  height: 100%;
  color: #8C97A3;
}
.breadcrumb ul li:last-child a span {
  color: var(--primary-color);
}
.breadcrumb ul li a {
  display: inline-flex;
  width: 100%;
}
.single__title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media screen and (max-width: 810px) {
  .single__title {
    align-items: flex-start;
    gap: 20px;
    flex-direction: column;
  }
}
.single__title h1 {
  font-size: 30px;
  line-height: 1.2;
}
.single__title .stars {
  display: inline-flex;
  gap: 5px;
}