/* Project single refinements */

.single_project .project_intro_title {
  max-width: 890px;
  font-size: 36px;
  line-height: 44px;
}

.single_project .project_offer_item {
  overflow: visible;
}

.single_project .project_offer_item_head {
  gap: 0;
}

.single_project .project_offer_badge,
.single_project .project_offer_item_dark .project_offer_badge {
  position: absolute;
  z-index: 5;
  top: 8px;
  right: auto;
  left: calc(100% - 18px);
  width: max-content;
  max-width: 260px;
  min-height: 0;
  height: auto;
  padding: 2px 8px;
  border: 1px solid #fff;
  border-radius: 7px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #151515;
  color: #fff;
  box-shadow: none;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: 20px;
  letter-spacing: -.32px;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
  transform: translate(-50%, -50%) rotate(33deg);
  transform-origin: center;
}

.single_project .home_videos_1_prev,
.single_project .home_videos_1_next,
.single_project .home_videos_2_prev,
.single_project .home_videos_2_next,
.single_project .home_reviews_prev,
.single_project .home_reviews_next {
  transform: translateY(-50%);
}

.single_project .project_clients {
  width: 100vw;
  margin-left: calc((100% - 100vw) / 2);
}

/* Project reviews use the same card design as Home reviews. */
.single_project .project_reviews .home_review_item {
  min-height: 293px;
  height: 100%;
  padding: 17px 32px 20px;
  border-radius: 7px;
  display: flex;
  flex-direction: column;
  background: #fff;
  color: #161616;
}

.single_project .project_reviews .home_review_stars {
  order: initial;
  margin-top: 0;
  gap: 4px;
  color: #FF9700;
  font-size: 25px;
  font-weight: 700;
  line-height: 1;
}

.single_project .project_reviews .home_review_text {
  order: initial;
  margin-top: 7px;
  color: #202020;
  font-size: 13px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: -.13px;
}

.single_project .project_reviews .home_review_text p + p {
  margin-top: 8px;
}

.single_project .project_reviews .home_review_author_box {
  order: initial;
  margin-top: auto;
  padding-top: 18px;
  gap: 10px;
}

.single_project .project_reviews .home_review_avatar {
  flex-basis: 32px;
  width: 32px;
  height: 32px;
}

.single_project .project_reviews .home_review_author {
  color: #1A1A1A;
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
}

.single_project .project_reviews .home_review_city {
  margin-top: 1px;
  color: #595959;
  font-size: 9px;
  font-weight: 500;
  line-height: 11px;
}

@media (max-width: 1400px) {
  .single_project .project_intro_title {
    max-width: 63.5714vw;
    font-size: 2.5714vw;
    line-height: 3.1429vw;
  }

  .single_project .project_offer_badge,
  .single_project .project_offer_item_dark .project_offer_badge {
    top: .5714vw;
    left: calc(100% - 1.2857vw);
    max-width: 18.5714vw;
    padding: .1429vw .5714vw;
    border-width: 1px;
    border-radius: .5vw;
    font-size: 1.1429vw;
    line-height: 1.4286vw;
    letter-spacing: -.0229vw;
  }

  .single_project .project_reviews .home_review_item {
    min-height: 20.9286vw;
    height: 100%;
    padding: 1.2143vw 2.2857vw 1.4286vw;
    border-radius: .5vw;
  }

  .single_project .project_reviews .home_review_stars {
    margin-top: 0;
    gap: .2857vw;
    font-size: 1.7857vw;
  }

  .single_project .project_reviews .home_review_text {
    margin-top: .5vw;
    font-size: .9286vw;
    line-height: 1.3571vw;
    letter-spacing: -.0093vw;
  }

  .single_project .project_reviews .home_review_text p + p {
    margin-top: .5714vw;
  }

  .single_project .project_reviews .home_review_author_box {
    margin-top: auto;
    padding-top: 1.2857vw;
    gap: .7143vw;
  }

  .single_project .project_reviews .home_review_avatar {
    flex-basis: 2.2857vw;
    width: 2.2857vw;
    height: 2.2857vw;
  }

  .single_project .project_reviews .home_review_author {
    font-size: .9286vw;
    line-height: 1.1429vw;
  }

  .single_project .project_reviews .home_review_city {
    margin-top: .0714vw;
    font-size: .6429vw;
    line-height: .7857vw;
  }
}

@media (max-width: 768px) {
  .single_project .project_intro_content {
    padding-top: 12.8205vw;
  }

  .single_project .project_intro_title {
    max-width: 93.0769vw;
    font-size: 6.1538vw;
    line-height: 6.6667vw;
  }

  .single_project .project_intro_btn {
    width: 100%;
    margin-top: 12.8205vw;
    padding-left: 5.1282vw;
    padding-right: 5.1282vw;
  }

  .single_project .project_offer_scroll {
    margin-top: 3.0769vw;
    padding-top: var(--project-offer-badge-space, 0px);
  }

  .single_project .project_offer_badge,
  .single_project .project_offer_item_dark .project_offer_badge {
    top: 2.0513vw;
    left: calc(100% - 4.6154vw);
    max-width: 56.4103vw;
    padding: .5128vw 2.0513vw;
    border-width: 1px;
    border-radius: 1.7949vw;
    font-size: 3.0769vw;
    line-height: 4.1026vw;
    letter-spacing: -.0615vw;
  }

  .single_project .project_reviews .home_review_item {
    min-height: 75.1282vw;
    height: 100%;
    padding: 4.359vw 6.1538vw 5.1282vw;
    border-radius: 1.7949vw;
  }

  .single_project .project_reviews .home_review_stars {
    margin-top: 0;
    gap: 1.0256vw;
    font-size: 6.4103vw;
  }

  .single_project .project_reviews .home_review_text {
    margin-top: 1.7949vw;
    font-size: 3.3333vw;
    line-height: 4.8718vw;
    letter-spacing: -.0333vw;
  }

  .single_project .project_reviews .home_review_author_box {
    margin-top: auto;
    padding-top: 4.6154vw;
    gap: 2.5641vw;
  }

  .single_project .project_reviews .home_review_avatar {
    flex-basis: 8.2051vw;
    width: 8.2051vw;
    height: 8.2051vw;
  }

  .single_project .project_reviews .home_review_author {
    font-size: 3.3333vw;
    line-height: 4.1026vw;
  }

  .single_project .project_reviews .home_review_city {
    margin-top: 1px;
    font-size: 2.3077vw;
    line-height: 2.8205vw;
  }

  .single_project .project_reviews .home_reviews_prev,
  .single_project .project_reviews .home_reviews_next {
    display: none;
  }
}
