.modal {
  z-index: 10000;
}

.modalContent {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.2);
  z-index: 10000;
}

.modalContent .modal-header {
  background-color: var(--color-primary);
  border-bottom: none;
}

.modal-header .btn-close {
  filter: invert(1) brightness(200%);
}

.modalContent .modal-title {
  font-weight: 600;
  font-size: 18px;
   color: var(--color-text-white);
}

.modalContent .modal-body {
  padding: 20px;
}

.modalContent .form-label {
  font-weight: 500;
  color: #333;
}

.modalContent .btn-success {
  background-color: var(--color-primary);
  border: none;
  font-weight: 600;
}

.modalContent .btn-success:hover {
  background-color: var(--color-primary);
}


.updated-profile-img {
  display: flex;
  justify-content: center;
}