/* Style the form container */
.wpcf7 .songzoo-crm-form-container {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    /* max-width: 800px; */
    margin: 0 auto;
    padding: 20px;
}

/* Style for left and right columns */
.wpcf7 .songzoo-crm-form-left,
.wpcf7 .songzoo-crm-form-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* Add specific styling for admin login form */
.wpcf7-form input[name="crm-admin-email"],
.wpcf7-form input[name="crm-admin-psw"]
 {
    border: 1px solid #ff6d6d !important;
    width: 100% !important;
}
.wpcf7-form input[id="crm-admin-login-submit"] {
    background-color: #ff6d6d !important;
    color: #fff !important;
    padding: 10px 20px !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    width: 100% !important;
}


/* Style input fields, dropdowns, and checkboxes */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="password"],
.wpcf7-form select,
.wpcf7-form textarea {
    width: 65%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

/* Style labels */
.wpcf7-form label {
    color: white;
    font-weight: bold;
    margin-bottom: 5px;
}

/* Style the submit button */
.wpcf7-form input[type="submit"] {
    background-color: #0073aa;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: auto;
    margin-top: 20px;
}

.wpcf7-form input[type="submit"]:hover {
    background-color: #005177;
}

/* Style response messages */
.wpcf7-response-output {
    margin-top: 20px;
    padding: 10px;
    border-radius: 4px;
}

.wpcf7-response-output.wpcf7-mail-sent-ok {
    border: 2px solid #00B474;
    background-color: #E6FFF0;
}

.wpcf7-response-output.wpcf7-validation-errors,
.wpcf7-response-output.wpcf7-invalid {
    border: 2px solid #fb584e;
    background-color: #FFEDEC;
}

/* Responsive design for smaller screens */
@media (max-width: 600px) {
    .wpcf7 .songzoo-crm-form-container {
        flex-direction: column;
    }
}