/* =====================================
   Zeocreate Contact Form
===================================== */

.zc-form-wrapper{
    width:100%;
    max-width:520px;
    margin:0 auto;
}

.zc-contact-form{
    width:100%;
}

/* Fields */

.zc-field{
    margin-bottom:18px;
}

.zc-contact-form input,
.zc-contact-form textarea{
    width:100%;
    box-sizing:border-box;

    background:#ffffff;

    border:1.5px solid #d4d4d4;

    border-radius:22px;

    font-family:'Roboto',sans-serif;
    font-size:16px;
    font-weight:400;
    color:#333;

    transition:all .25s ease;

    outline:none;
}

/* Input */

.zc-contact-form input{
    height:68px;
    padding:0 24px;
}

/* Textarea */

.zc-contact-form textarea{
    height:220px;
    padding:24px;
    resize:none;
}

/* Focus */

.zc-contact-form input:focus,
.zc-contact-form textarea:focus{
    border-color:#6b63ff;
    background:#fff;
}

/* Placeholder */

.zc-contact-form input::placeholder,
.zc-contact-form textarea::placeholder{
    color:#9b9b9b;
    font-size:16px;
    font-weight:400;
}

/* Phone Row */

.zc-phone-row{
    display:flex;
    gap:14px;
}

.zc-country-code{
    width:120px !important;
    flex-shrink:0;
}

.zc-phone{
    flex:1;
}

/* Submit */

.zc-submit-wrap{
    margin-top:8px;
}

.zc-submit-btn{

    width:220px;
    height:62px;

    border-radius:18px;

    border:1.5px solid #5c6cff;

    background:#ffffff;

    color:#2d2d2d;

    font-family:'Roboto Slab',serif;
    font-size:18px;
    font-weight:500;

    cursor:pointer;

    transition:.25s ease;
}

.zc-submit-btn:hover{

    background:#5c6cff;
    color:#ffffff;
}

/* Success Message */

.zc-success{

    background:#ecf9ef;

    border:1px solid #b8e4c0;

    color:#217a31;

    padding:14px 18px;

    border-radius:12px;

    margin-bottom:20px;

    font-family:'Roboto',sans-serif;
}

/* Error */

.zc-error{

    background:#fff0f0;

    border:1px solid #ffcccc;

    color:#c10000;

    padding:14px 18px;

    border-radius:12px;

    margin-bottom:20px;

    font-family:'Roboto',sans-serif;
}

/* Honeypot */

.zc-honeypot{
    display:none !important;
}

/* Mobile */

@media (max-width:768px){

    .zc-form-wrapper{
        max-width:100%;
    }

    .zc-phone-row{
        flex-direction:column;
        gap:16px;
    }

    .zc-country-code{
        width:100% !important;
    }

    .zc-contact-form input{
        height:60px;
        font-size:15px;
    }

    .zc-contact-form textarea{
        height:180px;
        font-size:15px;
    }

    .zc-submit-btn{
        width:100%;
        height:58px;
        font-size:16px;
    }
}