.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-5271 .elementor-element.elementor-element-08555c7{--display:flex;}.elementor-5271 .elementor-element.elementor-element-91f992c{--display:flex;--border-radius:51px 51px 51px 51px;--margin-top:60px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-5271 .elementor-element.elementor-element-91f992c:not(.elementor-motion-effects-element-type-background), .elementor-5271 .elementor-element.elementor-element-91f992c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e4a3e05 );}.elementor-5271 .elementor-element.elementor-element-91f992c.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-5271 .elementor-element.elementor-element-0fa100c > .elementor-widget-container{margin:72px 0px 63px 0px;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5271 .elementor-element.elementor-element-d7df162 > .elementor-widget-container{margin:0px 0px 0px 96px;padding:0px 0px 20px 0px;}.elementor-5271 .elementor-element.elementor-element-d7df162 .elementor-heading-title{font-family:"Helvetica Now Display Medium", Sans-serif;font-size:56px;font-weight:500;letter-spacing:-1.68px;color:#003758;}.elementor-5271 .elementor-element.elementor-element-6475419{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:96px;--margin-right:0px;}.elementor-widget-formidable .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-formidable .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-5271 .elementor-element.elementor-element-2d1e879{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:96px;--margin-right:0px;}.elementor-5271 .elementor-element.elementor-element-a513d1c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:96px;--margin-right:0px;}.elementor-5271 .elementor-element.elementor-element-3266edc{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:96px;--margin-right:0px;}.elementor-5271 .elementor-element.elementor-element-f987a9b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:96px;--margin-right:0px;}.elementor-5271 .elementor-element.elementor-element-e307e54{width:initial;max-width:initial;}.elementor-5271 .elementor-element.elementor-element-f8aed28{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:96px;--margin-right:0px;}body.elementor-page-5271:not(.elementor-motion-effects-element-type-background), body.elementor-page-5271 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.lendersearch.com/files/sites/3/2026/10/Steps-ellipse-background.svg");}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-0fa100c */.ls-progress {
   
    height: 58.9px;
    width: 641px;
    margin: 0 auto;

    display: flex;
    align-items: flex-start;

    font-family: inherit;
}


/* ==============================
   EACH STEP
================================ */

.ls-progress-step {
    flex: 0 0 auto;
}


/* ==============================
   CIRCLE + LINE ROW
================================ */

.ls-progress-row {
    display: flex;
    align-items: center;
}


/* ==============================
   STEP CIRCLES
================================ */

.ls-step-circle {
    width: 58.9px;
    height: 58.9px;

    flex: 0 0 58.9px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #f1f2f8;
    color: #777b9b;

    font-size: 27px;
    font-weight: 500;
    line-height: 31.1px;
    font-family:"DM Sans";

    transition:
        background-color .3s ease,
        color .3s ease;
}


/* ==============================
   CONNECTING LINE
================================ */

.ls-progress-line {
    position: relative;

    width: 169.9px;
    height: 10.39px;

    flex: 0 0 169.9px;

    margin: 0 31.1795px;

    background: #edeef4;

    border-radius: 20px;
    overflow: hidden;
}


/* Actual progress inside line */

.ls-progress-line-fill {
    position: absolute;

    top: 0;
    left: 0;

    width: 0;
    height: 10.39px;

    background: #898989;

    border-radius: 20px;

    transition: width .4s ease;
}


/* ==============================
   LABEL
================================ */

.ls-step-label-active {
    margin-top: 5px;
    
    font-size: 16px;
    font-weight: 400;
    font-family: "DM Sans" ;
    line-height: 1.2;
    letter-spacing: -0.78;
    color: #003758;

    transition: color .3s ease;
}

.ls-step-label {
    margin-top: 5px;

    font-size: 16px;
    font-weight: 400;
    font-family: "DM Sans" ;
    line-height: 1.2;
    letter-spacing: -0.78;
    color: #B4B4B4;

    transition: color .3s ease;
}

#ls-step-1-label {
    margin-left: -52px;
}

#ls-step-2-label {
    margin-left: -40px;
}

/* ==============================
   ACTIVE STEP
================================ */

.ls-progress-step.active .ls-step-circle {
    background: #0787c9;
    color: #ffffff;
}

.ls-progress-step.active .ls-step-label {
    color: #003f63;
}


/* Figma-style partial progress */

.ls-progress-step.active .ls-progress-line-fill {
    width: 84.9px;
}


/* ==============================
   COMPLETED STEP
================================ */

.ls-progress-step.completed .ls-step-circle {
    background: #0787c9;
    color: #ffffff;
}

.ls-progress-step.completed .ls-step-label {
    color: #003f63;
}

.ls-progress-step.completed .ls-progress-line-fill {
    width: 100%;
}


/* ==============================
   MOBILE
================================ */

@media (max-width: 767px) {

    .ls-progress {
        width: 260px;
    }

    .ls-progress-line {
        margin-left: 9px;
        margin-right: 9px;
    }

}/* End custom CSS */
/* Start custom CSS for formidable, class: .elementor-element-9add546 */.frm_forms,
.frm_form_fields,
.frm_fields_container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}


/* =========================================
   FORMIDABLE 2-COLUMN FIELDS
========================================= */

.frm_fields_container .frm6 {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


/* =========================================
   INPUTS / SELECTS
========================================= */

.frm_fields_container .frm_form_field input,
.frm_fields_container .frm_form_field select,
.frm_fields_container .frm_form_field textarea,
.frm_fields_container .frm_input_group {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}


/* Currency input groups */
.frm_fields_container .frm_input_group {
    display: flex !important;
}

.frm_fields_container .frm_input_group input {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    width: 1% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91f992c *//* Keep Formidable inside its Elementor container */
.frm_forms,
.frm_forms .frm_form_fields,
.frm_forms .frm_fields_container {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Make all fields calculate padding/borders within their width */
.frm_forms .frm_form_field,
.frm_forms input,
.frm_forms select,
.frm_forms textarea {
    box-sizing: border-box;
    max-width: 100%;
}/* End custom CSS */
/* Start custom CSS *//* ========================================
   LOADER
======================================== */

.loan-form-loader {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    min-height: 250px;
    width: 100%;
}

.loan-loader-spinner {
    width: 42px;
    height: 42px;

    border: 4px solid #e5e7eb;
    border-top-color: #077AC0;
    border-radius: 50%;

    animation: loan-loader-spin 0.8s linear infinite;
}

.loan-loader-text {
    margin-top: 16px;

    color: #003B5C;
    font-size: 16px;
    font-weight: 500;
}

@keyframes loan-loader-spin {
    to {
        transform: rotate(360deg);
    }
}


/* ========================================
   FORMS
======================================== */
#frm_form_5_container,
#frm_form_7_container{
    width: 947px !important;
}

.loan-form {
    visibility: hidden;
    opacity: 0;
}

.loan-form.loan-form-ready {
    visibility: visible;
    opacity: 1;

    transition: opacity 0.25s ease;
}
#frm_field_94_container,
#frm_field_49_container,
#frm_field_50_container,
#frm_field_97_container,
#frm_field_98_container,
#frm_field_70_container,
#frm_field_71_container,
#frm_field_102_container,
#frm_field_103_container,
#frm_field_104_container,
#frm_field_16_container,
#frm_field_17_container,
#frm_field_95_container,
#frm_field_96_container,
#frm_field_29_container,
#frm_field_30_container,
#frm_field_99_container,
#frm_field_100_container,
#frm_field_101_container,
#frm_field_93_container,
#frm_field_112_container{
    display:none;
}

#form_residential-purchase .frm_submit,
#form_residential-refinance .frm_submit,
#form_residential-construction .frm_submit,
#form_commercial-purchase .frm_submit,
#form_commercial-refinance .frm_submit,
#form_commercial-construction.frm_submit{
    display: none !important;
}

/* =========================================
   ENTER LOAN INFORMATION
   LABELS
========================================= */

.enter-loan-information .frm_primary_label {
    color: #2A2A2A !important;
    font-size: 24px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
    letter-spacing: -0.72px;
    margin-bottom: 12px !important;
}


/* =========================================
   STANDARD INPUTS + DROPDOWNS
========================================= */

.enter-loan-information input[type="text"],
.enter-loan-information input[type="number"],
.enter-loan-information input[type="email"],
.enter-loan-information input[type="tel"],
.enter-loan-information select {
    width: 100% !important;
    height: 55px !important;

    border-radius: 50px !important;
    border: 0.5px solid #5C5C5C !important;

    background: #FFFFFF !important;

    padding: 0 28px !important;

    color: #2A2A2A !important;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;

    box-sizing: border-box;
    box-shadow: none !important;
}

/* =========================================
   DROPDOWN
========================================= */

.enter-loan-information select {
    width: 100% !important;
    height: 55px !important;

    border: 0.5px solid #5C5C5C !important;
    border-radius: 50px !important;

    background-color: #FFFFFF !important;

    padding: 0 60px 0 28px !important;

    font-size: 20px !important;
    font-weight: 400 !important;

    cursor: pointer;

    /* Remove native browser arrow */
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;

    /* Add our own arrow */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%235C5C5C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;
    background-position: right 28px center !important;
    background-size: 14px 8px !important;

    box-shadow: none !important;
    box-sizing: border-box;
}


/* =========================================
   PLACEHOLDERS
========================================= */

.enter-loan-information input::placeholder {
    color: #A1A1A1 !important;
    opacity: 1;
}


/* =========================================
   $ / PREFIX INPUT GROUP
========================================= */

.enter-loan-information .frm_input_group.frm_with_pre {
    width: 100%;
    height: 55px;

    display: flex;
    align-items: center;

    border-radius: 50px !important;
    border: 0.5px solid #5C5C5C !important;

    background: #FFFFFF !important;

    overflow: hidden;
    box-sizing: border-box;
}


/* $ prefix */
.enter-loan-information
.frm_input_group.frm_with_pre
.frm_inline_box {

    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    padding-left: 28px;
    padding-right: 8px;

    border: 0 !important;
    background: transparent !important;

    color: #2A2A2A !important;

    font-size: 20px !important;
    font-weight: 400 !important;
}


/* Input inside $ group */
.enter-loan-information
.frm_input_group.frm_with_pre
input {

    flex: 1;

    width: auto !important;
    height: 100% !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    padding: 0 28px 0 4px !important;

    box-shadow: none !important;
    outline: none !important;
}


/* =========================================
   FOCUS STATE
========================================= */

.enter-loan-information input:focus,
.enter-loan-information select:focus {
    border-color: #077AC0 !important;
    outline: none !important;
    box-shadow: none !important;
}


/* For $ input, highlight the OUTER wrapper */
.enter-loan-information
.frm_input_group.frm_with_pre:focus-within {
    border-color: #077AC0 !important;
}


/* Don't add another border to input inside $ field */
.enter-loan-information
.frm_input_group.frm_with_pre
input:focus {
    border: 0 !important;
}

.enter-loan-information .frm_submit {
    display: flex !important;
    justify-content: center !important;
    width: 100%;
}

.enter-loan-information .frm_submit .frm_button_submit {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background-color: #077AC0;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .enter-loan-information input[type="text"],
    .enter-loan-information input[type="number"],
    .enter-loan-information input[type="email"],
    .enter-loan-information input[type="tel"],
    .enter-loan-information select,
    .enter-loan-information .frm_input_group.frm_with_pre {

        height: 64px !important;
        border-radius: 32px !important;
    }

    .enter-loan-information .frm_primary_label {
        font-size: 20px !important;
    }
}
.ls-step-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.ls-step-link:hover,
.ls-step-link:focus {
    color: inherit;
    text-decoration: none;
}

/* Make completed steps feel clickable */
.ls-progress-step.completed .ls-step-link {
    cursor: pointer;
}

.ls-progress-step.completed .ls-step-label-active {
    transition: opacity 0.2s ease;
}

.ls-progress-step.completed .ls-step-link:hover .ls-step-label-active {
    opacity: 0.7;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Helvetica Now Display Medium';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.lendersearch.com/files/sites/3/2026/09/HelveticaNowDisplay-Medium.woff2') format('woff2'),
		url('https://www.lendersearch.com/files/sites/3/2026/09/HelveticaNowDisplay-Medium.woff') format('woff'),
		url('https://www.lendersearch.com/files/sites/3/2026/09/HelveticaNowDisplay-Medium.ttf') format('truetype');
}
/* End Custom Fonts CSS */