/* Styles for the Q&A form */
.qanda-form {
    background-color: #282626;
    color: #FFFFFF;
    padding: 0px;
    border-radius: 5px;
    margin: 60px;
    margin:auto;
    width: 100%;
    max-width: 600px;
    text-align: left;
    margin-top: 40px; /* เพิ่ม margin-top เพื่อเลื่อนฟอร์มทั้งหมดลงมา */
}


.qanda-form h1 {
    text-align: center;
    
    margin-bottom: 60px;
}

.qanda-form label {
    display: block;
    margin-bottom: 10px;
}

.qanda-form input[type="text"],
.qanda-form input[type="email"],
.qanda-form textarea {
    width: 576px;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #CCC;
    border-radius: 4px;
    box-sizing: border-box;
}

/* Center the submit button */
.qanda-form input[type="submit"] {
    display: block;
    margin: 0 auto; /* Center the button horizontally */
    background-color: #000000; /* Black background */
    color: #FFFFFF; /* White text color */
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.3s; /* Smooth transition for background color and size */
}

.qanda-form input[type="submit"]:hover {
    background-color: #BD8E57; /* Brown background on hover */
    transform: scale(1.1); /* Increase size by 10% on hover */
}