/* Simplified Consultation Form Styling (Placeholder Based) */
.cf7-consultation-form {
    /* max-width: 630px; */
    /* margin: 0 auto; */
}

/* Header and Divider removed as requested */
.form-header,
.form-divider {
    display: none;
}

.cf7-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.cf7-column {
    flex: 1;
}

.cf7-column p {
    margin-bottom: 0;
}

.cf7-field {
    margin-bottom: 20px;
}



/* Labels hidden to use placeholders instead */
.cf7-consultation-form label {
    display: none;
}

.cf7-consultation-form input[type="text"],
.cf7-consultation-form input[type="email"],
.cf7-consultation-form input[type="tel"],
.cf7-consultation-form select,
.cf7-consultation-form textarea {
    width: 100%;
    padding: 15px 20px;
    border: 1px solid #D1D5DB;
    border-radius: 8px;
    font-size: 16px;
    color: #1F2937;
    background-color: #fff;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-sizing: border-box;
}

.cf7-consultation-form input::placeholder,
.cf7-consultation-form textarea::placeholder {
    color: #94A3B8;
}


.cf7-consultation-form select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 18px;
    padding-right: 50px;
    color: #94A3B8;
    /* Placeholder color for select */
}

/* Fix for select color when option is chosen */
.cf7-consultation-form select:not([value=""]) {
    color: #1F2937;
}

.cf7-consultation-form textarea {
    height: 150px;
    resize: vertical;
}

.cf7-consultation-form input[type="submit"] {
    background-color: #0000D1;
    color: #fff;
    border: none;
    padding: 14px 50px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-block;
}


@media (max-width: 600px) {
    .cf7-row {
        flex-direction: column;
        gap: 0;
    }

    .cf7-column {
        margin-bottom: 20px;
    }
}