.chat-from {
    width: 100%;
}

.chat-from .from-bg {
    width: 100%;
}

.from-bg .form-tips {
}

.form-tips * {
    word-break: break-word;
    hyphens: auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.line-big .form-group {
    overflow: hidden;
    padding: 15px 0;
    position: relative;
}

.form-group .form-group-item {
    width: 100%;
    padding: 0 10px;
    word-break: break-word;
    float: left;
}

.form-group-item .field {
    margin-top: 10px;
}

.field .label {
    display: block;
    padding-left: 0;
    color: #000;
    text-align: left;
    font-size: 20px;
}

.field .label span {
    color: red;
}

.field input {
    width: 100%;
    height: 50px;
    padding: 10px;
    outline: none;
    border: 0;
    border-bottom: 1px solid #d9d7d7 !important;
    color: #5e5e5e;
    font-size: 16px;
}

.chat-from em.wpforms-error {
    display: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin-top: 15px;
    color: #d63637;
    padding: 0 0 0 21px;
    position: relative;
}

.chat-from em.wpforms-error:before {
    mask-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2217%22%20height%3D%2215%22%20viewBox%3D%220%200%2017%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M16.0264%2012.3086L9.46387%200.90625C8.97168%200.0585938%207.68652%200.03125%207.19434%200.90625L0.631836%2012.3086C0.139648%2013.1562%200.768555%2014.25%201.78027%2014.25H14.8779C15.8896%2014.25%2016.5186%2013.1836%2016.0264%2012.3086ZM8.34277%209.92969C9.02637%209.92969%209.60059%2010.5039%209.60059%2011.1875C9.60059%2011.8984%209.02637%2012.4453%208.34277%2012.4453C7.63184%2012.4453%207.08496%2011.8984%207.08496%2011.1875C7.08496%2010.5039%207.63184%209.92969%208.34277%209.92969ZM7.13965%205.41797C7.1123%205.22656%207.27637%205.0625%207.46777%205.0625H9.19043C9.38184%205.0625%209.5459%205.22656%209.51855%205.41797L9.32715%209.13672C9.2998%209.32812%209.16309%209.4375%208.99902%209.4375H7.65918C7.49512%209.4375%207.3584%209.32812%207.33105%209.13672L7.13965%205.41797Z%22%20fill%3D%22currentColor%22%2F%3E%0A%3C%2Fsvg%3E%0A);
    content: '';
    position: absolute;
    left: 0;
    top: 1.5px;
    width: 16px;
    height: 14px;
    background-color: #d63637;
}

.form-tips #Submit {
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #3a3939;
    margin: 20px 0;
    border-radius: 6px;
    cursor: pointer;
}

.from-bg .form-callback-tips-box {
}

.from-bg .form-callback-tips-box p {
    margin: 0;
}

.from-bg .form-callback-tips-box .tips-success {
    display: none;
    background: #e0ffc7;
    border: 1px solid #b4d39b;
    box-sizing: border-box;
    color: #333333;
    margin: 0 auto 24px;
    padding: 15px;
    overflow-wrap: break-word;
}

.from-bg .form-callback-tips-box .tips-error {
    display: none;
    background: #ff9a9a;
    border: 1px solid #c95353;
    box-sizing: border-box;
    color: #333333;
    margin: 0 auto 24px;
    padding: 15px;
    overflow-wrap: break-word;
}

@media (max-width: 750px) {
    .form-group .form-group-item {
        float: none;
        width: 100%;
    }
}