/* ==========================================================================
   Leadform1 widget — lead form (system form, no iframe)
   ========================================================================== */

.site_lead_form .container_wrap {
    flex: 1 1 auto;
    margin: 4rem auto 0 auto;
    min-width: 0;
    padding: 0 20px;
    width: 100%;
    max-width: 100%!important;
}

.site_lead_form_inner {
    position: relative;
    width: 100%;
    z-index: 0;
}

.site_lead_form_inner::before,
.site_lead_form_inner::after {
    bottom: 0;
    content: "";
    position: absolute;
    top: 0;
    width: 50%;
    z-index: -1;
}

.site_lead_form_inner::before {
    background: url("../../siteimg/dartur/lead-form-accent-left.jpg") no-repeat right center;
    left: 0;
    width: calc(50% - 383.99px);
}

.site_lead_form_inner::after {
    background: url("../../siteimg/dartur/lead-form-accent-right.jpg") no-repeat left center;
    right: 0;
    width: calc(50% - 383.99px);
}

.site_lead_form_panel {
    margin: 0 auto;
    max-width: 767.98px;
    padding: 0 15px;
}

.site_lead_form_title {
    font-size: 40px;
    margin-bottom: 2.5rem;
    text-align: center;
    text-transform: uppercase;
}

.site_lead_form_title::first-letter {
    color: var(--primary-color);
}

.site_lead_form_intro {
    margin-bottom: 3rem;
    text-align: center;
    font-size: 18px;
    line-height: 1.2;
}

.site_lead_form_body {
    width: 100%;
}

.site_lead_form_panel.invisible {
    visibility: hidden;
}

.leadform_wrap {
    border-radius: 20px!important;
    padding: 20px!important;
    background: color-mix(in srgb, var(--cream-color) 4%, #ffffff 10%)!important;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1)!important;
    margin: 0 auto!important;
}

.site_lead_form_inner .leadform_item input {
    border-radius: 20px!important;
    border: 1px solid var(--primary-color);
    background: transparent!important;
}

.site_lead_form_inner .leadform_item .chosen-container-single .chosen-single {
    border-radius: 20px!important;
    border: 1px solid var(--primary-color)!important;
    background: transparent!important;
}

.site_lead_form_inner .leadform_item select {
    border-radius: 20px!important;
    border: 1px solid var(--primary-color);
    background: transparent!important;
}

.site_lead_form_inner .leadform_item textarea {
    border-radius: 20px!important;
    border: 1px solid var(--primary-color);
    resize: none;
    background: transparent!important;
}

.site_lead_form_inner .leadform_item textarea:hover {
    border: 1px solid var(--primary-color)!important;
}

.site_lead_form_inner .leadform_item textarea:focus {
    border: 1px solid var(--primary-color)!important;
}

.leadform_item input:hover {
    border: 1px solid var(--primary-color)!important;
}

.leadform_item select:hover {
    border: 1px solid var(--primary-color)!important;
}

.leadform_item input:focus {
    border: 1px solid var(--primary-color)!important;
}

.leadform_item select:focus {
    border: 1px solid var(--primary-color)!important;
}

.lf_hint_msg {
    border-radius: 20px!important;
    width: 98%;
    margin: 0 auto;
}

.leadform_item.btn input[type="submit"] {
    border-radius: 20px!important;
    padding: 10px 20px!important;
    background: linear-gradient(180deg, var(--quaternary-color), var(--primary-color))!important;
    color: #fff!important;
    font-size: 18px!important;
    font-weight: 600!important;
    cursor: pointer!important;
    transition: background 0.3s ease-out!important;
    border: none!important;
}

.leadform_item.btn input[type="submit"]:hover {
    background: linear-gradient(180deg, var(--primary-hover-light), var(--primary-hover-dark))!important;
    border: none!important;
}

@media (max-width: 1399.98px) {
    .site_lead_form_title {
        font-size: calc(1.34375rem + 1.125vw);
        margin-bottom: 2rem;
    }

    .site_lead_form_intro {
        margin-bottom: 2.5rem;
    }
}

@media (max-width: 1399.98px) and (min-width: 1200px) {
    .site_lead_form_title {
        font-size: 2.1875rem;
    }
}

@media (max-width: 1199.98px) {
    .site_lead_form_panel {
        padding-bottom: 3.5rem;
        padding-top: 3.5rem;
    }
}

@media (max-width: 767.98px) {
    .site_lead_form_inner::before,
    .site_lead_form_inner::after {
        display: none;
    }

    .site_lead_form_panel {
        padding: 0 15px;
    }
}