form {
    padding: 25px;
    border-radius: 10px;
    background: transparent !important;   /* remove white background */
    box-shadow: none !important;         /* remove shadow */
}

/* Inputs, select, textarea */
form input,
form select,
form textarea {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    background: #fff; /* keep inputs white for readability */
}

/* Section titles (clearly visible) */
form h3 {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 1.3em;
    color: #28a745;           /* use green to stand out */
    font-weight: bold;
    border-bottom: 2px solid #28a745; /* underline to highlight */
    padding-bottom: 5px;
    background: transparent;   /* ensure no background */
}

/* Submit button */
form button {
    padding: 12px 25px;
    border: none;
    border-radius: 5px;
    background: #28a745;
    color: white;
    cursor: pointer;
    font-size: 1em;
}

/* Error message */
.error {
    color: red;
    margin-bottom: 15px;
    text-align: center;
}

/* Optional: smaller helper text */
form small {
    color: #555;
}

form {
    padding: 25px;
    border-radius: 10px;
    background: transparent !important;   /* remove white background */
    box-shadow: none !important;         /* remove shadow */
}

/* Inputs, select, textarea */
form input,
form select,
form textarea {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    background: #fff; /* keep inputs white for readability */
}

/* Section titles (clearly visible) */
form h3 {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 1.3em;
    color: #28a745;           /* use green to stand out */
    font-weight: bold;
    border-bottom: 2px solid #28a745; /* underline to highlight */
    padding-bottom: 5px;
    background: transparent;   /* ensure no background */
}

/* Submit button */
form button {
    padding: 12px 25px;
    border: none;
    border-radius: 5px;
    background: #28a745;
    color: white;
    cursor: pointer;
    font-size: 1em;
}

/* Error message */
.error {
    color: red;
    margin-bottom: 15px;
    text-align: center;
}

/* Optional: smaller helper text */
form small {
    color: #555;
}

