.sign-in-section {
  margin-top: 100px !important;
  min-height: 100vh;
  color: white;
  margin-top: 80px !important;
  padding-top: 7rem;
  padding-bottom: 7rem;
  background-image: url("../images/sign-in.png");
  background-repeat: no-repeat;
  background-size: cover; 
  background-position: center; 
  background-attachment: scroll;
  overflow: hidden;
}

.form-row input {
    font-size: 13px;
    width: 100% !important;
    border-radius: 19px;
    border: 1px solid white;
    padding: 8px;
    color: var(--color-primary-dark) !important;
    margin-bottom: 30px;
}

.form-row input::placeholder {
  font-size: 15px;
  padding: 10px;
  color: black;
}

.login-form input[type="email"],
.login-form input[type="password"] {
  width: 100% !important;
  display: block;
}

button.sign-in-btn {
  border: 1px solid white;
  border-radius: 19px;
  border: 1px solid white;
  padding: 10px;
  color: var(--color-primary-dark);
}


button.sign-in-btn:hover {
  border: 1px solid white;
  color: white !important;
  background: var(--color-primary-dark) !important;
}

.sign-in-content {
  background-color: var(--color-primary-dark);
  color: white;
  padding: 30px;
  border-radius: 20px;
}

@media (max-width: 580px) {
  .sign-in-section .justify-content-end {
    justify-content: center !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .sign-in-section .secondary-header {
    font-size: 35px !important;
  }
}