:root{--page-title-display:none;}/* Start custom CSS *//* Styling the Tally form container to match the hero background */
#form-section {
    background-color: #6C5CE7; /* The primary purple from your design */
    padding: 80px 0;
}

.form-container-box {
    background-color: #ffffff; /* Keeps the form itself white for readability */
    border-radius: 20px;
    padding: 3rem;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
    max-width: 800px;
    margin: 0 auto;
}

/* Optional: Update the heading inside the form section to be white for contrast */
#form-section .section-title {
    color: #ffffff;
}

#form-section .section-subtitle {
    color: rgba(255, 255, 255, 0.9);
}/* End custom CSS */