#si-warranty-form {
    max-width: 900px; /* Set a max width for the form */
    margin: 0 auto; /* Center the form */
    padding: 20px;
    background-color: #f9f9f9; /* Light background color */
    border: 1px solid #ddd; /* Border around the form */
    border-radius: 5px; /* Rounded corners */
}

#si-warranty-form div {
    margin-bottom: 15px; /* Space between form fields */
}

#si-warranty-form label {
    display: block; /* Make the label a block element */
    font-weight: bold; /* Bold text for labels */
    margin-bottom: 5px; /* Space between label and input */
}

#si-warranty-form input[type="text"],
#si-warranty-form input[type="email"],
#si-warranty-form textarea {
    width: 100%; /* Make inputs full width */
    padding: 10px; /* Padding inside inputs */
    border: 1px solid #ccc; /* Light border */
    border-radius: 4px; /* Rounded corners */
    box-sizing: border-box; /* Include padding in the element's total width and height */
}

#si-warranty-form button[type="submit"] {
    padding: 10px 20px; /* Padding inside button */
    background-color: #000000; /* WordPress blue color */
    color: #fff; /* White text */
    border: none; /* No border */
    border-radius: 4px; /* Rounded corners */
    cursor: pointer; /* Pointer cursor on hover */
    font-size: 16px; /* Larger text */
}

#si-warranty-form button[type="submit"]:hover {
    background-color: #696868; /* Darker blue on hover */
}

#si-form-response {
    margin-top: 15px; /* Space above the response message */
    font-size: 14px; /* Slightly smaller text */
}

#si_note {
    font-size: small;
}