.modal-dialog {
  max-width: 600px; /* You can adjust this width as per your requirement */
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(100% - 1rem); /* To ensure it remains centered */
}

.modal-content {
  max-height: 80vh; /* This makes the modal content area 80% of the viewport height */
  overflow-y: auto; /* This enables vertical scrolling when content exceeds the max height */
}

.modal-body {
  overflow-y: auto;
  max-height: calc(80vh - 150px); /* Adjust this value considering header and footer height */
}

/* .hidden {
  display: none !important;
} */