body {
  background-color: #f4f4f4;
}
.carousel-item img {
  height: 420px;
  object-fit: cover;
}
.card img {
  height: 220px;
  object-fit: cover;
}
.info-box {
  max-width: 600px;
  margin: auto;
  padding: 20px;
  border-radius: 12px;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.4s ease;
}

.info-box.active {
  opacity: 1;
  transform: translateY(0);
}

.info-primary {
  background-color: #cfe2ff;
}

.info-success {
  background-color: #d1e7dd;
}

.info-danger {
  background-color: #f8d7da;
}