.custom-modal-width {
    width: 100%; /* Or whatever width you prefer */
    max-width: 100%; /* To make sure it does not exceed the screen width */
  }

  @media (min-width: 1485px) {
    .custom-modal-width {
      width: 80%; /* Width for large screens */
    }
  }
  

 
  

  .modal-header, .modal-footer {
    border: none;
  }
  
  /* If you only want to remove the bottom border from the header */
  .modal-header {
    border-bottom: none;
  }
  
  /* If you only want to remove the top border from the footer */
  .modal-footer {
    border-top: none;
  }

  .center-content-2 {
    display: flex;
    justify-content: center; /* Horizontally center the content */
    align-items: center; /* Vertically center the content (if needed) */
    flex-direction: column; /* Stack children vertically */
  }