/* =========================
   ROUTE TRACE CONTACT FORM
========================= */

.et-consultation-form{
    background:var(--white);
    padding:40px;
    border:1px solid var(--border);
    border-radius:24px;
    color:var(--dark);
    box-shadow:0 15px 45px rgba(43,118,75,.08);
}

/* Labels */

.et-consultation-form label{
    display:block;
    color:var(--dark);
    font-size:16px;
    font-weight:600;
    margin-bottom:12px;
    line-height:1.4;
}

.et-consultation-form label span{
    color:#E53935;
}

/* Paragraph Fix */

.et-consultation-form p{
    margin:0;
}

/* Rows */

.et-consultation-form .form-row{
    display:flex;
    gap:24px;
    margin-bottom:24px;
    align-items:flex-start;
}

.et-consultation-form .form-group{
    flex:1;
    margin-bottom:24px;
}

/* Inputs */

.et-consultation-form input:not([type="submit"]),
.et-consultation-form textarea{

    width:100%;
    background:var(--light);
    border:2px solid var(--border);
    border-radius:14px;

    font-size:16px;
    font-weight:500;

    color:var(--dark);

    transition:.3s;

    box-sizing:border-box;
}

/* Input Height */

.et-consultation-form input:not([type="submit"]){

    height:56px;
    padding:0 18px;
}

/* Textarea */

.et-consultation-form textarea{

    min-height:170px;
    padding:18px;
    resize:none;
}

/* Placeholder */

.et-consultation-form input::placeholder,
.et-consultation-form textarea::placeholder{

    color:#8A949F;
    opacity:1;
    font-weight:400;
}

/* Hover */

.et-consultation-form input:not([type="submit"]):hover,
.et-consultation-form textarea:hover{

    border-color:var(--primary);
}

/* Focus */

.et-consultation-form input:not([type="submit"]):focus,
.et-consultation-form textarea:focus{

    outline:none;

    background:var(--white);

    border-color:var(--primary);

    box-shadow:0 0 0 4px rgba(43,118,75,.12);
}

/* Submit */

.et-consultation-form .submit-wrap{
    margin-top:10px;
}

.et-consultation-form input[type="submit"]{

    width:100%;

    height:58px;

    border:none;

    border-radius:14px;

    background:var(--primary);

    color:var(--white);

    font-size:17px;
    font-weight:700;

    cursor:pointer;

    transition:.3s;

    box-shadow:0 10px 24px rgba(43,118,75,.20);
}

.et-consultation-form input[type="submit"]:hover{

    background:var(--secondary-hover);

    transform:translateY(-2px);

    box-shadow:0 15px 35px rgba(43,118,75,.28);
}

/* Privacy */

.et-consultation-form .privacy-text{

    margin-top:18px;

    text-align:center;

    color:#6B7280;

    font-size:14px;

    line-height:1.6;
}

/* Spinner */

.wpcf7-spinner{
    display:none !important;
}

/* Success */

.wpcf7 form.sent .wpcf7-response-output{

    background:#F4FBF2;

    border:2px solid var(--primary)!important;

    color:var(--primary)!important;

    padding:18px 24px;

    border-radius:14px;

    font-size:15px;

    font-weight:600;

    text-align:center;

    margin-top:25px!important;
}

/* Error */

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output{

    background:#FFF5F5;

    border:2px solid #DC2626!important;

    color:#B91C1C!important;

    padding:18px 24px;

    border-radius:14px;

    font-weight:600;

    text-align:center;
}

/* Sending */

.wpcf7 form.submitting .wpcf7-response-output{

    background:#F4FBF2;

    border:2px solid var(--primary)!important;

    color:var(--primary)!important;
}

/* Validation */

.wpcf7-not-valid{
    border-color:#DC2626!important;
}

.wpcf7-not-valid-tip{
    margin-top:8px;
    font-size:13px;
    color:#DC2626;
}

/* Mobile */

@media(max-width:767px){

.et-consultation-form{
    padding:25px;
}

.et-consultation-form .form-row{
    flex-direction:column;
    gap:0;
    margin-bottom:0;
}

.et-consultation-form .form-group{
    margin-bottom:20px;
}

.et-consultation-form input[type="submit"]{
    font-size:16px;
}

}
.et-consultation-form input[type="submit"]{
    width:230px;
}

@media(max-width:767px){
    .et-consultation-form input[type="submit"]{
        width:100%;
    }
}