.transition-bg {
  transition: background-color 0.3s ease, color 0.3s ease,
    border-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease-out;
}

.hover-bg-light:hover {
  color:blue;
  background-color: #f0f0f0 !important;
  border-color: #007bff !important; /* border animates */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  transform: scale(1.03); /* slight zoom */
}

.create_deed_step_menu > span {
  font-size: 12px;
  cursor: pointer;
}