.loading-overlay {
  position: relative;
}
.loading-overlay::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.6);
  z-index: 10;
  display: none;
}
.loading-overlay.loading::after {
  display: block;
}

.display-4.text-success {
  animation: pulseCheck 0.8s ease-in-out;
}

@keyframes pulseCheck {
  0% { transform: scale(0.5); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}
.animate-check .checkmark-icon {
  font-size: 4rem;
  color: #28a745;
  animation: pop-check 0.7s ease-out;
}

@keyframes pop-check {
  0%   { transform: scale(0.2); opacity: 0; }
  50%  { transform: scale(1.2); opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}