.elementor-27522 .elementor-element.elementor-element-65f27667{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27522 .elementor-element.elementor-element-1cb351f1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--padding-top:36px;--padding-bottom:34px;--padding-left:44px;--padding-right:44px;}.elementor-27522 .elementor-element.elementor-element-1cb351f1.e-con{--flex-grow:1;--flex-shrink:1;}.elementor-27522 .elementor-element.elementor-element-46d5dd74{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-27522 .elementor-element.elementor-element-4a756dbb > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-27522 .elementor-element.elementor-element-4a756dbb{text-align:left;}.elementor-27522 .elementor-element.elementor-element-4a756dbb .elementor-heading-title{color:#004371;font-family:"Playfair Display", Sans-serif;font-size:clamp(30px, 3vw, 38px);font-weight:700;line-height:1.05em;letter-spacing:-0.01em;}.elementor-27522 .elementor-element.elementor-element-4703effc{width:var( --container-widget-width, 560px );max-width:560px;--container-widget-width:560px;--container-widget-flex-grow:0;text-align:left;}.elementor-27522 .elementor-element.elementor-element-4703effc > .elementor-widget-container{margin:14px 0px 20px 0px;}.elementor-27522 .elementor-element.elementor-element-4703effc .elementor-heading-title{color:#64758C;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;line-height:1.45em;}.elementor-27522 .elementor-element.elementor-element-67d6ff66{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27522 .elementor-element.elementor-element-265f41cc{--display:flex;--min-height:58px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;--border-radius:50% 50% 50% 50%;--margin-top:0px;--margin-bottom:18px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27522 .elementor-element.elementor-element-265f41cc:not(.elementor-motion-effects-element-type-background), .elementor-27522 .elementor-element.elementor-element-265f41cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EA7B3C;}.elementor-27522 .elementor-element.elementor-element-265f41cc, .elementor-27522 .elementor-element.elementor-element-265f41cc::before{--border-transition:0.3s;}.elementor-27522 .elementor-element.elementor-element-265f41cc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-27522 .elementor-element.elementor-element-61b76cb9{text-align:center;}.elementor-27522 .elementor-element.elementor-element-61b76cb9 .elementor-heading-title{color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:28px;font-weight:900;line-height:1em;}.elementor-27522 .elementor-element.elementor-element-2c24d16e > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-27522 .elementor-element.elementor-element-2c24d16e{text-align:center;}.elementor-27522 .elementor-element.elementor-element-2c24d16e .elementor-heading-title{color:#004371;font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:1.2em;}.elementor-27522 .elementor-element.elementor-element-1893a139{width:var( --container-widget-width, 430px );max-width:430px;--container-widget-width:430px;--container-widget-flex-grow:0;text-align:center;}.elementor-27522 .elementor-element.elementor-element-1893a139 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-27522 .elementor-element.elementor-element-1893a139 .elementor-heading-title{color:#64758C;font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;line-height:1.6em;}.elementor-27522 .elementor-element.elementor-element-75a5caf2{width:var( --container-widget-width, 430px );max-width:430px;--container-widget-width:430px;--container-widget-flex-grow:0;text-align:center;}.elementor-27522 .elementor-element.elementor-element-75a5caf2 > .elementor-widget-container{margin:10px 0px 22px 0px;}.elementor-27522 .elementor-element.elementor-element-75a5caf2 .elementor-heading-title{color:#64758C;font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;line-height:1.6em;}.elementor-27522 .elementor-element.elementor-element-7d95f36a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:wrap;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-27522 .elementor-element.elementor-element-1497ee92 .elementor-button{background-color:#004371;font-family:"Inter", Sans-serif;font-size:14px;font-weight:800;line-height:1.2em;fill:#FFFFFF;color:#FFFFFF;border-radius:8px 8px 8px 8px;padding:15px 22px 15px 22px;}.elementor-27522 .elementor-element.elementor-element-1ba96496 .elementor-button{background-color:#EB7B3C;font-family:"Inter", Sans-serif;font-size:14px;font-weight:800;line-height:1.2em;fill:#FFFFFF;color:#FFFFFF;border-radius:8px 8px 8px 8px;padding:15px 22px 15px 22px;}.elementor-27522 .elementor-element.elementor-element-3e2448b9{--display:flex;--min-height:760px;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27522 .elementor-element.elementor-element-3e2448b9:not(.elementor-motion-effects-element-type-background), .elementor-27522 .elementor-element.elementor-element-3e2448b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hightechlending.com/wp-content/uploads/2026/10/lead-modal-image-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-27522 .elementor-element.elementor-element-3e2448b9, .elementor-27522 .elementor-element.elementor-element-3e2448b9::before{--border-transition:0.3s;}.elementor-27522 .elementor-element.elementor-element-3e2448b9.e-con{--flex-grow:0;--flex-shrink:0;}#elementor-popup-modal-27522 .dialog-widget-content{background-color:#FFFFFF;border-radius:12px 12px 12px 12px;box-shadow:0px 30px 90px 0px rgba(0,26,54,0.28);}#elementor-popup-modal-27522{background-color:rgba(16,35,63,0.76);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-27522 .dialog-message{width:1400px;height:auto;}#elementor-popup-modal-27522 .dialog-close-button{display:flex;top:18px;background-color:rgba(255,255,255,0.96);font-size:24px;}body:not(.rtl) #elementor-popup-modal-27522 .dialog-close-button{right:18px;}body.rtl #elementor-popup-modal-27522 .dialog-close-button{left:18px;}#elementor-popup-modal-27522 .dialog-close-button i{color:#004371;}#elementor-popup-modal-27522 .dialog-close-button svg{fill:#004371;}@media(max-width:1024px){.elementor-27522 .elementor-element.elementor-element-65f27667{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-27522 .elementor-element.elementor-element-3e2448b9{--min-height:450px;}#elementor-popup-modal-27522 .dialog-message{width:94vw;}}@media(max-width:767px){.elementor-27522 .elementor-element.elementor-element-65f27667{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-27522 .elementor-element.elementor-element-1cb351f1{--padding-top:26px;--padding-bottom:24px;--padding-left:18px;--padding-right:18px;}.elementor-27522 .elementor-element.elementor-element-4a756dbb .elementor-heading-title{font-size:28px;}.elementor-27522 .elementor-element.elementor-element-4703effc{width:100%;max-width:100%;}.elementor-27522 .elementor-element.elementor-element-4703effc .elementor-heading-title{font-size:14px;}.elementor-27522 .elementor-element.elementor-element-265f41cc{--width:58px;}.elementor-27522 .elementor-element.elementor-element-3e2448b9{--width:38.8%;}#elementor-popup-modal-27522 .dialog-message{width:94vw;}#elementor-popup-modal-27522 .dialog-widget-content{border-radius:10px 10px 10px 10px;}}@media(min-width:768px){.elementor-27522 .elementor-element.elementor-element-265f41cc{--width:58px;}.elementor-27522 .elementor-element.elementor-element-3e2448b9{--width:38.8%;}}@media(max-width:1024px) and (min-width:768px){.elementor-27522 .elementor-element.elementor-element-3e2448b9{--width:100%;}}/* Start custom CSS *//* ===================================================================== HELOC Challenge form inside the homepage lead popup (Elementor popup). Lives in the "Talk to a Loan Officer" popup's Elementor Custom CSS. Form rules moved from the homepage "Lead Modal" HTML widget; the popup around the form (title, copy, image, success message) is native Elementor. ===================================================================== */ /* Success block in the popup: hidden until the form's same-page redirect (home-funnel.js). */ body:not(.elementor-editor-active) .hf-off{display:none !important;} /* Text inputs as on the current homepage (there they inherit width, height and border from a site-wide stylesheet of another plugin; set here so the popup does not depend on it). */ #leadModalForm input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]) { width: 100%; min-height: 52px; margin: 0 0 6px; padding: 12px 14px; border: 1px solid #ccc; border-radius: 10px; background: #fff; color: #4e4e4e; font-family: "Inter", Arial, sans-serif; font-size: 15px; font-weight: 500; line-height: 23.8px; box-sizing: border-box; box-shadow: none; } #leadModalForm, #leadModalForm.lead-modal-form { margin: 0; font-family: "Inter", Arial, sans-serif; } #leadModalForm .lead-modal-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 26px; } #leadModalForm .lead-modal-row-3 { grid-template-columns: 1.5fr 1fr .9fr; } #leadModalForm .lead-modal-row > *, #leadModalForm .step-row, #leadModalForm .field { min-width: 0; } #leadModalForm .field { margin-bottom: 6px; } #leadModalForm .field label, #leadModalForm label { display: block; margin: 8px 0 7px 4px; color: #004371; font-family: "Inter", Arial, sans-serif; font-size: 11px; font-weight: 800; line-height: 1.2; letter-spacing: .14em; text-transform: uppercase; } #leadModalForm .optional-tag, #leadModalForm .optional { color: #93a2b6; font-size: 12px; font-weight: 700; letter-spacing: 0; text-transform: none; } #leadModalForm select, #leadModalForm textarea { width: 100%; min-height: 42px; margin: 0; padding: 0 13px; color: #10233f; background: #fff; border: 1px solid #d9e3ef; border-radius: 8px; box-shadow: none; box-sizing: border-box; font-family: "Inter", Arial, sans-serif; font-size: 14px; font-weight: 400; outline: none; transition: border-color .18s ease, box-shadow .18s ease; } #leadModalForm input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):focus, #leadModalForm select:focus, #leadModalForm textarea:focus { border-color: #00a2c0; box-shadow: 0 0 0 3px rgba(0, 162, 192, .16); } .lead-modal-form .field select { background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: right 14px center; padding-right: 36px; } #leadModalForm input::placeholder, #leadModalForm textarea::placeholder { color: #7d8794; } #leadModalForm:not(:has(.lead-modal-row)) { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 0 26px; } #leadModalForm:not(:has(.lead-modal-row)) > * { grid-column: 1 / -1; min-width: 0; } #leadModalForm:not(:has(.lead-modal-row)) > :has(#modal-first), #leadModalForm:not(:has(.lead-modal-row)) > :has(#modal-last), #leadModalForm:not(:has(.lead-modal-row)) > :has(#htl_email), #leadModalForm:not(:has(.lead-modal-row)) > :has(#modal-email), #leadModalForm:not(:has(.lead-modal-row)) > :has(#htl_phone), #leadModalForm:not(:has(.lead-modal-row)) > :has(#modal-phone), #leadModalForm:not(:has(.lead-modal-row)) > :has(#modal-credit), #leadModalForm:not(:has(.lead-modal-row)) > :has(#modal-purpose) { grid-column: span 6; } #leadModalForm:not(:has(.lead-modal-row)) > :has(#htl_city), #leadModalForm:not(:has(.lead-modal-row)) > :has(#modal-city) { grid-column: span 5; } #leadModalForm:not(:has(.lead-modal-row)) > :has(#htl_state), #leadModalForm:not(:has(.lead-modal-row)) > :has(#modal-state) { grid-column: span 4; } #leadModalForm:not(:has(.lead-modal-row)) > :has(#zip), #leadModalForm:not(:has(.lead-modal-row)) > :has(#htl_zip), #leadModalForm:not(:has(.lead-modal-row)) > :has(#modal-zip) { grid-column: span 3; } #leadModalForm:not(:has(.lead-modal-row)) > :has(#modal-first) { order: 1; } #leadModalForm:not(:has(.lead-modal-row)) > :has(#modal-last) { order: 2; } #leadModalForm:not(:has(.lead-modal-row)) > :has(#htl_email), #leadModalForm:not(:has(.lead-modal-row)) > :has(#modal-email) { order: 3; } #leadModalForm:not(:has(.lead-modal-row)) > :has(#htl_phone), #leadModalForm:not(:has(.lead-modal-row)) > :has(#modal-phone) { order: 4; } #leadModalForm:not(:has(.lead-modal-row)) > :has(#htl_address), #leadModalForm:not(:has(.lead-modal-row)) > :has(#modal-property) { order: 5; } #leadModalForm:not(:has(.lead-modal-row)) > :has(#htl_city), #leadModalForm:not(:has(.lead-modal-row)) > :has(#modal-city) { order: 6; } #leadModalForm:not(:has(.lead-modal-row)) > :has(#htl_state), #leadModalForm:not(:has(.lead-modal-row)) > :has(#modal-state) { order: 7; } #leadModalForm:not(:has(.lead-modal-row)) > :has(#zip), #leadModalForm:not(:has(.lead-modal-row)) > :has(#htl_zip), #leadModalForm:not(:has(.lead-modal-row)) > :has(#modal-zip) { order: 8; } #leadModalForm:not(:has(.lead-modal-row)) > :has(#modal-credit) { order: 9; } #leadModalForm:not(:has(.lead-modal-row)) > :has(#modal-purpose) { order: 10; } #leadModalForm:not(:has(.lead-modal-row)) > :has(#modal-besttime), #leadModalForm:not(:has(.lead-modal-row)) > :has(#modal-best-time), #leadModalForm:not(:has(.lead-modal-row)) > :has(#modal-call-time) { order: 11; } #leadModalForm:not(:has(.lead-modal-row)) > :has(#htl_submit_btn), #leadModalForm:not(:has(.lead-modal-row)) > :has([type="submit"]) { order: 12; } #leadModalForm input[type="submit"], #leadModalForm button[type="submit"], #leadModalForm .lead-modal-submit, #leadModalForm .field-submit { width: 100%; background: #004371; color: #fff; border: 0; border-radius: 12px; padding: 16px 24px; font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 0.02em; cursor: pointer; margin: 8px 0 20px 0; transition: background 0.2s, transform 0.2s, box-shadow 0.2s; box-shadow: 0 8px 24px rgba(15,35,68,0.22); } #leadModalForm input[type="submit"]:hover, #leadModalForm button[type="submit"]:hover, #leadModalForm .lead-modal-submit:hover { background: #004371; transform: translateY(-1px); box-shadow: 0 16px 28px rgba(16, 35, 63, .24); } #leadModalForm .lead-modal-disclaim, #leadModalForm small, #leadModalForm .fine-print, #leadModalForm .disclaimer { color: #40536d; font-size: 10.5px; font-weight: 600; line-height: 1.35; } #leadModalForm input { padding: 12px 14px; } @media (max-width: 640px){#leadModalForm .lead-modal-row, #leadModalForm .lead-modal-row-3, #leadModalForm:not(:has(.lead-modal-row)) { grid-template-columns: 1fr; gap: 0; } #leadModalForm .lead-modal-row-3 .field:first-child, #leadModalForm:not(:has(.lead-modal-row)) > * { grid-column: 1 / -1; } #leadModalForm .field { margin-bottom: 12px; } #leadModalForm input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), #leadModalForm select, #leadModalForm textarea { min-height: 44px; font-size: 16px; } #leadModalForm input[type="submit"], #leadModalForm button[type="submit"], #leadModalForm .lead-modal-submit, #leadModalForm .field-submit { margin-top: 12px; min-height: 52px; }}/* End custom CSS */