.modal-content {
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    background-color: #8BC6EC;
    background-image: linear-gradient(225deg, #8BC6EC 0%, #9599E2 100%);

    
  }
  
  .modal-header {
    border-bottom: none; 
    color: #000;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top: none;
  }
  
  .modal-title {
    font-size: 1.5rem;
    font-weight: bold;
    font-family: 'Times New Roman', Times, serif;
  }
  
  .btn-close {
    color: #fff;
    opacity: 1;
  }
  
  .btn-close:hover {
    color: #dc3545;
  }
  
  .modal-body {
    padding: 2rem;
  }
  
  .form-label {
    font-weight: bold;
    color: #333;
    font-family: 'Times New Roman', Times, serif;
  }
  
  .form-control {
    border-radius: 5px;
    border: 0px solid #ced4da;
  }
  
  .form-control:focus {
    border-color: #ff5f5f;
    box-shadow: 0 0 0 0.2rem #ff5f5f;
  }
  
  @media (max-width: 576px) {
    .modal-content {
      width: 90%;
      margin: auto;
      font-family: 'Times New Roman', Times, serif;
    }
  
    .modal-header, .modal-body {
      padding: 1.2rem;
    }
  
    .modal-title {
      font-size: 1.25rem;
    }
  }