.modal-header, .modal-footer {
  border: none;
}

.modal-body {
  padding-top: 0%;
  padding-bottom: 0%;
  margin-bottom: 0%;
}

/* Custom CSS for hover effect */

.modal-footer .btn:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  transition: box-shadow 0.3s ease-in-out;
}

/* Transparent background for modal close button */

.modal-footer .btn-footer-close {
  background-color: transparent;
  border: none;
  color: blue;
}