/* Common Form Styles */
.form-container {
    /* background-color: rgba(134, 110, 199, 0.5);  Light background color with 30% opacity */
    background-color: #f0f4f8;
    border-radius: 10px;  /* Rounded corners */
    padding: 20px;  /* Padding on all sides */
    transition: transform 0.3s ease;  /* Smooth hover effect */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    color: black;  /* Ensure text remains deep in color */
}

.form-container label {
    color: black;  /* Set label color to white or any desired color */
}

.form-container:hover {
    transform: scale(1.05);  /* Slight enlargement on hover */
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);  /* Enhanced shadow */
}