.contact-form {
    padding: 28px;
    border: 1px solid #D3DED6;
    border-radius: 24px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(18, 38, 26, .06), 0 1px 3px rgba(18, 38, 26, .08);
}

.contact-form form {
    margin: 15px 0;
}

.contact-form .bp-btn-send {
    background: linear-gradient(135deg, var(--tp-primary), color-mix(in oklab, var(--tp-primary) 76%, #000));
    transition: all .4s;
}

.contact-form .bp-btn-send:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 22px -8px color-mix(in oklab, var(--tp-primary) 80%, transparent);
    transition: all .4s;
}

.contact-form .bp_form_label_up {
    font-size: 13px;
    color: var(--tp-primary);
    font-weight: 600;
}

.contact-form .form-control {
    box-shadow: none;
}

.form-footer p,
.form-header p {
    font-size: 13px;
    color: var(--tp-primary);
}

.contact-info {
    padding: 24px;
    border: 1px solid #D3DED6;
    border-radius: 24px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(18, 38, 26, .06), 0 1px 3px rgba(18, 38, 26, .08);
}

.contact-info .tp-title {
    margin-bottom: 14px;
}

.contact-info .tp-body p:not(:last-child) {
    margin-bottom: 10px;
}

.contact-info .tp-body p i {
    color: var(--tp-primary);
    width: 16px;
    margin-right: 8px;
}

@media (max-width: 767.98px) {
    .contact-form,
    .contact-info {
        padding: 16px;
    }
}