/* Landing page css styles */

:root {
  --sgi-sage: #87ae73;
  --sgi-green: #83c042;

}

.logo {
    max-width: 50%;
    height: auto;
}

.sgi-landingpage-bg {
   /* background-color: var(--sgi-sage); */
   background: white
}

/* Stripe card input field */
#card-element {
  padding: 10px;
  background-color: #fff;
  border-radius: 4px;
}
/* Stripe error message */
#error-message {
  color: #dc3545;
  font-size: 0.9rem;
  margin-top: 10px;
}

/* Form styling */
form#payment-form {
  max-width: 400px;
}

form#payment-form label {
  font-weight: 600;
  margin-bottom: 5px;
}

form#payment-form input[type="number"] {
  padding: 10px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  width: 100%;
  box-sizing: border-box;
}

/* Submit button */
form#payment-form button[type="submit"] {
  background-color: #007bff;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 600;
  transition: background-color 0.2s ease-in-out;
}

form#payment-form button[type="submit"]:hover {
  background-color: #0056b3;
}

.form-check-input {
  border-color: #888;
}

#recurring-options label {
  padding-right: 1rem;
}