/* Rating/Review */
.reviewer-rating {
  display: flex;
  gap: 2px;
}

.reviewer-rating .star-filled {
  color: gold;
}

.reviewer-rating .star-empty {
  color: #ddd;
}

.stsm-testimonial {
  p:empty {
    display: none;
  }

  br {
    display: none;
  }
}

.stsm-testimonial-list {
  row-gap: var(--desktop-row-gap, 30px);
}

.stsm-testimonial-grid {
  row-gap: var(--desktop-row-gap, 30px);
  column-gap: calc(var(--desktop-col-gap, 30) * 1px);
  grid-template-columns: repeat(var(--desktop-col, 3), 1fr);
}

.stsm-testimonial {
  background-color: var(--item-bgcolor);
}

.stsm-testimonial-wrapper .feedback p,
.stsm-testimonial-wrapper .feedback {
  color: var(--feedback-color) !important;
}

.stsm-testimonial-wrapper .name {
  color: var(--name-color) !important;
}

.stsm-testimonial-wrapper .info p {
  color: var(--role-color) !important;
}

.stsm-testimonial-wrapper .info p span {
  color: var(--company-color) !important;
}

.stsm-testimonial-wrapper .reviewer-rating .star-filled {
  color: var(--rating-color) !important;
}

@media (min-width: 1366px) and (max-width: 1400px) {
  .stsm-testimonial-list {
    row-gap: calc(var(--laptop-row-gap, 30) * 1px);
  }

  .stsm-testimonial-grid {
    row-gap: calc(var(--laptop-row-gap, 30) * 1px);
    column-gap: calc(var(--laptop-col-gap, 30) * 1px);
    grid-template-columns: repeat(var(--laptop-col, 3), 1fr);
  }

}

@media (min-width: 768px) and (max-width: 1199px) {
  .stsm-testimonial-list {
    row-gap: calc(var(--tablet-row-gap, 20) * 1px);
  }

  .stsm-testimonial-grid {
    row-gap: calc(var(--tablet-row-gap, 20) * 1px);
    column-gap: calc(var(--tablet-col-gap, 20) * 1px);
    grid-template-columns: repeat(var(--tablet-col, 2), 1fr);
  }
}

@media (max-width: 767px) {
  .stsm-testimonial-list {
    row-gap: calc(var(--mobile-row-gap, 15) * 1px);
  }

  .stsm-testimonial-grid {
    row-gap: calc(var(--mobile-row-gap, 15) * 1px);
    column-gap: calc(var(--mobile-col-gap, 15) * 1px);
    grid-template-columns: repeat(var(--mobile-col, 1), 1fr);
  }
}