.faq-box {
  background-color: #00000000;
  transition: all 0.3s ease;
  border-left: 4px solid #dcebd0;
  cursor: pointer;
}

.faq-box:hover {
  background-color: #eb3d3d;
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 8px 16px rgba(13, 110, 253, 0.2);
}

.faq-box:hover p,
.faq-box:hover h5 {
  color: #fff;
}

.faq-answer {
  font-size: 0.95rem;
  color: #ccc;
}

.toggle-answer {
  color: #ccc;
  transition: transform 0.2s ease;
}

.toggle-answer.active {
  transform: rotate(180deg);
  color: #fff;
}