/*breakpoints*/
.ratingelement .rating-overview {
  background-color: rgba(var(--clr-primary-rgb), 0.07);
  border-radius: var(--border-radius-xl);
}
@media screen and (max-width: 991.98px) {
  .ratingelement .rating-overview {
    border-radius: var(--border-radius-lg);
  }
}
.ratingelement .rating-overview-title {
  word-break: break-word;
  hyphens: auto;
}
.ratingelement .rating-stars {
  font-size: 1.25rem;
  color: var(--clr-secondary);
  line-height: 1;
}
.ratingelement .rating-stars .bi-star, .ratingelement .rating-stars .bi-star-fill {
  color: inherit;
  font-size: inherit;
}
.ratingelement .rating-logo {
  max-width: 220px;
  height: auto;
}
@media screen and (max-width: 991.98px) {
  .ratingelement .rating-logo {
    max-width: 160px;
  }
}
.ratingelement .rating-review-item {
  background-color: transparent;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius-lg);
  padding: 1.5rem 2rem;
}
@media screen and (max-width: 991.98px) {
  .ratingelement .rating-review-item {
    border-radius: var(--border-radius-md);
  }
}
.ratingelement .rating-review-stars {
  color: var(--clr-secondary);
  font-size: 1rem;
  line-height: 1;
  white-space: nowrap;
}
.ratingelement .rating-review-stars .bi-star, .ratingelement .rating-review-stars .bi-star-fill {
  color: inherit;
  font-size: inherit;
}
.ratingelement .rating-review-display .circular-progress {
  position: relative;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: conic-gradient(from 0deg, var(--clr-secondary) 0%, var(--clr-secondary) var(--progress-percentage, 0%), rgba(var(--clr-secondary-rgb), 0.15) var(--progress-percentage, 0%), rgba(var(--clr-secondary-rgb), 0.15) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.8s ease-out;
  margin-bottom: 0.5rem;
}
.ratingelement .rating-review-display .circular-progress .circular-progress-inner {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border-radius: 50%;
  background: white;
}
.ratingelement .rating-review-display .circular-progress .percentage-text {
  font-size: 1rem;
  font-weight: 600;
  color: var(--clr-secondary);
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 991.98px) {
  .ratingelement .rating-review-display .circular-progress {
    width: 60px;
    height: 60px;
  }
  .ratingelement .rating-review-display .circular-progress .percentage-text {
    font-size: 0.75rem;
  }
}
.ratingelement .rating-review-title {
  margin: 0;
  font-size: 1.1rem;
  flex: 1;
  margin-right: 1rem;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fbadems%2Fscss%2Fcomponents%2F_ratingelement.scss%22%2C%22%2Fthemes%2Fbadems%2Fscss%2Fcomponents%2F..%2Fsettings%2Fbreakpoints.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAKI%3BAAAA%3BAAAA%3BAAAA%3BACUA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADDA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAAA%3BAAQF%3BAAAA%3BAAAA%3BAAAA%3BAClBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD%2BBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC%2FBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD2CA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAME%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAClFJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD8FM%3BAAAA%3BAAAA%3BAAAA%3BAAgBN%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */