@import url('../../../css/mform.css');

.exform-wrapper.callback_wrap_2 {
    width: 100%;
    margin: 0 !important;
    padding: 0 10px;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    background: transparent;
    box-shadow: none;
    color: #222;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.exform-wrapper.callback_wrap_2 .form-body {
    display: flex;
    width: 100%;
    margin: 0;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 28px;
}

.exform-wrapper.callback_wrap_2 .input-item {
    width: 48.25%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.exform-wrapper.callback_wrap_2 .input-item.fullw,
.exform-wrapper.callback_wrap_2 .smart-captcha-wrap,
.exform-wrapper.callback_wrap_2 .exform-server-error,
.exform-wrapper.callback_wrap_2 .exform-client-error {
    width: 100%;
}

.exform-wrapper.callback_wrap_2 input[type='text'],
.exform-wrapper.callback_wrap_2 input[type='tel'],
.exform-wrapper.callback_wrap_2 input[type='email'],
.exform-wrapper.callback_wrap_2 select,
.exform-wrapper.callback_wrap_2 textarea {
    width: 100%;
    margin: 0;
    padding: 10px;
    border: 1px solid #888;
    border-radius: 0;
    box-sizing: border-box;
    outline: none;
    background-color: transparent;
    color: #888;
    font: 15px/normal Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.exform-wrapper.callback_wrap_2 input[type='text'],
.exform-wrapper.callback_wrap_2 input[type='tel'],
.exform-wrapper.callback_wrap_2 input[type='email'] {
    height: 40px;
}

.exform-wrapper.callback_wrap_2 select {
    height: 42px;
    padding-right: 25px;
}

.exform-wrapper.callback_wrap_2 textarea {
    height: 222px;
    min-height: 222px;
    line-height: 20px;
    resize: vertical;
}

.exform-wrapper.callback_wrap_2 input:focus,
.exform-wrapper.callback_wrap_2 select:focus,
.exform-wrapper.callback_wrap_2 textarea:focus {
    border-color: #000;
    color: #000;
}

.exform-wrapper.callback_wrap_2 .smart-captcha-wrap {
    display: flex;
    min-height: 100px;
    align-items: flex-start;
    justify-content: flex-start;
}

.exform-wrapper.callback_wrap_2 .exform-smart-captcha {
    width: min(100%, 303px);
    min-height: 100px;
}

.exform-wrapper.callback_wrap_2 .captcha-load-message {
    display: none;
    color: #b42318;
    font-size: 14px;
}

.exform-wrapper.callback_wrap_2 .captcha-load-error .exform-smart-captcha {
    display: none;
}

.exform-wrapper.callback_wrap_2 .captcha-load-error .captcha-load-message {
    display: block;
}

.exform-wrapper.callback_wrap_2 .exform-server-error,
.exform-wrapper.callback_wrap_2 .exform-client-error {
    color: #b42318;
    font-size: 14px;
}

.exform-wrapper.callback_wrap_2 .mf-submit .send-btn {
    width: 100%;
    min-height: 52px;
    margin: 0;
    padding: 16px 20px;
    border: 1px solid #a98216;
    border-radius: 0;
    box-sizing: border-box;
    background: linear-gradient(135deg, #b88a16 0%, #d4af37 50%, #c49a20 100%);
    box-shadow: 0 4px 12px rgba(184, 138, 22, .28), inset 0 1px 0 rgba(255, 255, 255, .25);
    color: #fff;
    cursor: pointer;
    font: 15px/18px Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    text-align: center;
    transition: background .25s ease, box-shadow .25s ease, transform .25s ease;
}

.exform-wrapper.callback_wrap_2 .mf-submit .send-btn:hover {
    background: linear-gradient(135deg, #c49a20 0%, #e0bd45 50%, #b88a16 100%);
    box-shadow: 0 6px 14px rgba(184, 138, 22, .38), inset 0 1px 0 rgba(255, 255, 255, .3);
    transform: translateY(-1px);
}

.exform-wrapper.callback_wrap_2 .mf-submit .send-btn:active {
    box-shadow: 0 2px 6px rgba(184, 138, 22, .3), inset 0 1px 0 rgba(255, 255, 255, .2);
    transform: translateY(0);
}

.exform-wrapper.callback_wrap_2 .policy {
    margin: 26px 0 0;
    color: #000;
    font: 15px/27px 'Segoe UI', Inter, system-ui, -apple-system, Roboto, sans-serif;
    text-align: left;
}

.exform-wrapper.callback_wrap_2 .policy a {
    color: #ffb347 !important;
    text-decoration: none !important;
}

.exform-wrapper.callback_wrap_2.finmsg {
    display: block;
    width: 100%;
    padding: 20px;
    border: 1px solid #d4af37;
    background: rgba(212, 175, 55, .08);
    text-align: center;
}

.exform-wrapper.callback_wrap_2.finmsg p {
    margin: 0 !important;
}

@media (max-width: 767px) {
    .exform-wrapper.callback_wrap_2 .input-item {
        width: 100%;
    }

    .exform-wrapper.callback_wrap_2 .form-body {
        row-gap: 20px;
    }

    .exform-wrapper.callback_wrap_2 .mf-submit .send-btn {
        min-height: 46px;
        padding: 12px 22px;
    }
}