.reviews-section {
  display: flex;
  flex-direction: column;
  gap: 70px;

  h3 {
    display: flex;
    align-items: center;
    gap: 6px;

    color: #3e3232;
    font-size: 24px;
    font-weight: 500;

    span {
      width: 4px;
      height: 10px;
      border-radius: 12px;
      background: #3998e8;
    }
  }

  &__container,
  &__list {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  &__list {
    gap: 30px;
  }
}

@media screen and (max-width: 768px) {
  .reviews-section {
    gap: 40px;

    &__list {
      gap: 25px;
    }
  }
}

@media screen and (max-width: 550px) {
  .reviews-section {
    h3 {
      font-size: 20px;
    }
    &__list {
      gap: 13px;
    }
  }
}
