#carousell {
  scroll-behavior: smooth;
}

.carousell-commmets {
  display: flex;
  justify-content: space-between;
}
.carousell-item {
  margin-right: 30px !important;
}
.carousell-item > div {
  width: 418px;
}
.comment-box {
  height: 10rem;
}
.comment-box--show {
  height: max-content;
}
.see-comment {
  cursor: pointer;
  overflow: hidden;
  color: var(--color-primary);
}
.see-comment:hover {
  color: var(--color-secondary);
}

.comment-icon {
  background: linear-gradient(#ffffff00, #f2f2f2);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  color: var(--color-secondary);
}
.comment-icon--hidden {
  display: none;
  opacity: 0;
}
i.fas.fa-star {
  color: var(--color-secondary);
  font-size: 1rem;
}

.testimonial-description:hover > div {
  animation: show-data linear 10s infinite;
}

@keyframes show-data {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

@media screen and (max-width: 800px) {
  .carousell-item > div {
    width: 290px;
  }
}
@media screen and (max-width: 500px) {
  .carousell-item > div {
    width: 92vw;
  }
  .nosotros-video {
    width: 300px;
    height: 150px;
  }
}