html, body {
  height: 100%;
  margin: 0;
}
.container-fluid {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 800px;
}

.form-container {
  border: 1px solid #e0e0e0;
  padding: 2rem; 
  border-radius: 0.5rem;
  width: 100%;
  max-width: 500px; 
  min-width: 300px; 
  background-color: #ffffff;
}

.text-black.text-center{
  margin-bottom: 180px;
}

.form-label {
  text-align: left;
  display: block;
}

.btn-custom {
  background-color: #1cb0ff;
  border: none;
  transition: background-color 0.3s ease;
}

.btn-custom:hover,
.btn-custom:active{
  background-color: #1cb0ff  !important;
}