.elementor-7525 .elementor-element.elementor-element-7f07071d{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.7;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:19em;--padding-bottom:7em;--padding-left:0em;--padding-right:0em;}.elementor-7525 .elementor-element.elementor-element-7f07071d:not(.elementor-motion-effects-element-type-background), .elementor-7525 .elementor-element.elementor-element-7f07071d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://creomortgage.com/wp-content/uploads/2025/08/loan-options-bgv2.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-7525 .elementor-element.elementor-element-7f07071d::before, .elementor-7525 .elementor-element.elementor-element-7f07071d > .elementor-background-video-container::before, .elementor-7525 .elementor-element.elementor-element-7f07071d > .e-con-inner > .elementor-background-video-container::before, .elementor-7525 .elementor-element.elementor-element-7f07071d > .elementor-background-slideshow::before, .elementor-7525 .elementor-element.elementor-element-7f07071d > .e-con-inner > .elementor-background-slideshow::before, .elementor-7525 .elementor-element.elementor-element-7f07071d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#06121E;--background-overlay:'';}.elementor-7525 .elementor-element.elementor-element-250fcfd{--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;}.elementor-7525 .elementor-element.elementor-element-5129a08f.elementor-element{--align-self:center;}.elementor-7525 .elementor-element.elementor-element-5129a08f .title-area{text-align:left;}.elementor-7525 .elementor-element.elementor-element-5129a08f .sec-title{color:#FFFFFF;font-family:"Hector Regular", Sans-serif;font-size:5.25em;text-transform:uppercase;}.elementor-7525 .elementor-element.elementor-element-7ab86bdc{--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;--padding-top:3em;--padding-bottom:9em;--padding-left:0em;--padding-right:0em;}.elementor-7525 .elementor-element.elementor-element-7ab86bdc:not(.elementor-motion-effects-element-type-background), .elementor-7525 .elementor-element.elementor-element-7ab86bdc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7525 .elementor-element.elementor-element-13623da5{--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;--gap:0px 60px;--row-gap:0px;--column-gap:60px;--flex-wrap:wrap;--border-radius:30px 30px 30px 30px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-7525 .elementor-element.elementor-element-13623da5:not(.elementor-motion-effects-element-type-background), .elementor-7525 .elementor-element.elementor-element-13623da5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-7525 .elementor-element.elementor-element-1ba8ea6b > .elementor-widget-container{padding:0em 0em 2em 0em;}.elementor-7525 .elementor-element.elementor-element-1ba8ea6b img{border-radius:30px 30px 30px 30px;}.elementor-7525 .elementor-element.elementor-element-179816a3{--display:flex;}.elementor-7525 .elementor-element.elementor-element-12cea5bc{--display:flex;}.elementor-7525 .elementor-element.elementor-element-3d9351 .elementor-heading-title{font-family:"Hector Regular", Sans-serif;font-size:24px;font-weight:400;letter-spacing:1px;color:#0F2C4C;}.elementor-7525 .elementor-element.elementor-element-4e69139f{--divider-border-style:solid;--divider-color:#E0E0E0;--divider-border-width:2px;}.elementor-7525 .elementor-element.elementor-element-4e69139f .elementor-divider-separator{width:100%;}.elementor-7525 .elementor-element.elementor-element-4e69139f .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-7525 .elementor-element.elementor-element-6c0e659a .elementor-button{background-color:#E59C26;font-family:"Just Sans", Sans-serif;font-weight:700;text-transform:uppercase;fill:#0F2C4C;color:#0F2C4C;border-style:solid;border-width:2px 2px 2px 2px;border-color:#E59C26;border-radius:5px 5px 5px 5px;padding:1em 1em 1em 1em;}.elementor-7525 .elementor-element.elementor-element-6c0e659a .elementor-button:hover, .elementor-7525 .elementor-element.elementor-element-6c0e659a .elementor-button:focus{background-color:#F8F8F8;}.elementor-7525 .elementor-element.elementor-element-6c0e659a{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-7525 .elementor-element.elementor-element-6c0e659a > .elementor-widget-container{margin:1em 0em 1em 0em;}.elementor-7525 .elementor-element.elementor-element-6628b714 .elementor-button{background-color:#F8F8F8;font-family:"Just Sans", Sans-serif;font-weight:700;text-transform:uppercase;fill:#0F2C4C;color:#0F2C4C;border-style:solid;border-width:2px 2px 2px 2px;border-color:#E59C26;border-radius:5px 5px 5px 5px;padding:1em 1em 1em 1em;}.elementor-7525 .elementor-element.elementor-element-6628b714 > .elementor-widget-container{margin:0em 0em 1em 0em;}.elementor-7525 .elementor-element.elementor-element-5f99202e .elementor-heading-title{font-family:"Hector Regular", Sans-serif;font-size:24px;font-weight:400;letter-spacing:1px;color:#0F2C4C;}.elementor-7525 .elementor-element.elementor-element-15fea754{--divider-border-style:solid;--divider-color:#E0E0E0;--divider-border-width:2px;}.elementor-7525 .elementor-element.elementor-element-15fea754 .elementor-divider-separator{width:100%;}.elementor-7525 .elementor-element.elementor-element-15fea754 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-7525 .elementor-element.elementor-element-15b0e0b9{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-7525 .elementor-element.elementor-element-15b0e0b9 > .elementor-widget-container{margin:1em 0em 1em 0em;}.elementor-7525 .elementor-element.elementor-element-15b0e0b9 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-7525 .elementor-element.elementor-element-15b0e0b9 .elementor-button{font-family:"Hector Regular", Sans-serif;font-weight:400;letter-spacing:0.5px;}.elementor-7525 .elementor-element.elementor-element-5cf3236b > .elementor-widget-container{margin:0em 0em 1em 0em;}.elementor-7525 .elementor-element.elementor-element-5cf3236b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-7525 .elementor-element.elementor-element-5cf3236b .elementor-button{font-family:"Hector Regular", Sans-serif;font-weight:400;letter-spacing:0.5px;}.elementor-7525 .elementor-element.elementor-element-34c3ba9d{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8em;--padding-bottom:12em;--padding-left:0em;--padding-right:0em;}.elementor-7525 .elementor-element.elementor-element-34c3ba9d:not(.elementor-motion-effects-element-type-background), .elementor-7525 .elementor-element.elementor-element-34c3ba9d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://creomortgage.com/wp-content/uploads/2025/08/form_bg_small.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-7525 .elementor-element.elementor-element-33ff5a5c > .elementor-widget-container{margin:-13em 0em 0em 0em;}body.elementor-page-7525{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-7525 .elementor-element.elementor-element-7f07071d{--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;--margin-top:-5em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:18em;--padding-bottom:6em;--padding-left:1em;--padding-right:1em;}}@media(max-width:767px){.elementor-7525 .elementor-element.elementor-element-7f07071d:not(.elementor-motion-effects-element-type-background), .elementor-7525 .elementor-element.elementor-element-7f07071d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;}.elementor-7525 .elementor-element.elementor-element-7f07071d{--margin-top:-14em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:25em;--padding-bottom:2em;--padding-left:1em;--padding-right:1em;}.elementor-7525 .elementor-element.elementor-element-34c3ba9d{--padding-top:3em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-7525 .elementor-element.elementor-element-33ff5a5c > .elementor-widget-container{margin:0em 0em 0em 0em;}}@media(min-width:768px){.elementor-7525 .elementor-element.elementor-element-7f07071d{--content-width:1300px;}.elementor-7525 .elementor-element.elementor-element-250fcfd{--width:100%;}.elementor-7525 .elementor-element.elementor-element-179816a3{--width:65%;}.elementor-7525 .elementor-element.elementor-element-12cea5bc{--width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-7525 .elementor-element.elementor-element-250fcfd{--width:100%;}}/* Start custom CSS for realarsectiontitle, class: .elementor-element-5129a08f */.elementor-7525 .elementor-element.elementor-element-5129a08f h1 {
    color: #ffffff;
    text-transform:uppercase;
    font-family:'just sans';
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7f07071d */.elementor-7525 .elementor-element.elementor-element-7f07071d .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container{
    padding-left: 0px!important;
    padding-right:0px!important;
    max-width: 100%!important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-16eef557 */.elementor-7525 .elementor-element.elementor-element-16eef557 h2 {
    color: #0f2c4c;
    font-family: 'hector regular';
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 2.25em;
}
.elementor-7525 .elementor-element.elementor-element-16eef557 h3 {
    color: #0f2c4c;
    font-family: 'hector regular';
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 1.375em;
}
.elementor-7525 .elementor-element.elementor-element-16eef557 p {
    color:#4D5765;
}
.elementor-7525 .elementor-element.elementor-element-16eef557 a {
    color:#4D5765;
    text-decoration:underline;
}
.elementor-7525 .elementor-element.elementor-element-16eef557 a:hover {
    color:#e59c26;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-15b0e0b9 */.elementor-7525 .elementor-element.elementor-element-15b0e0b9 .elementor-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;

  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  padding: 12px 16px;
  text-decoration: none;
  font-family: Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #0F2C4C;
}

.elementor-7525 .elementor-element.elementor-element-15b0e0b9 .elementor-button-content-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.elementor-7525 .elementor-element.elementor-element-15b0e0b9 .elementor-button-text {
padding-left:20px;
}

.elementor-7525 .elementor-element.elementor-element-15b0e0b9 .elementor-button-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #E7A623; /* yellow box */
  width: 36px;
  height: 36px;
  border-radius: 6px;
  margin-left: 12px;
}

.elementor-7525 .elementor-element.elementor-element-15b0e0b9 .elementor-button-icon svg {
  width: 16px;
  height: 16px;
  stroke: #fff; /* arrow color */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5cf3236b */.elementor-7525 .elementor-element.elementor-element-5cf3236b .elementor-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;

  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  padding: 12px 16px;
  text-decoration: none;
  font-family: Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #0F2C4C;
}

.elementor-7525 .elementor-element.elementor-element-5cf3236b .elementor-button-content-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.elementor-7525 .elementor-element.elementor-element-5cf3236b .elementor-button-text {
padding-left:20px;
}

.elementor-7525 .elementor-element.elementor-element-5cf3236b .elementor-button-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #E7A623; /* yellow box */
  width: 36px;
  height: 36px;
  border-radius: 6px;
  margin-left: 12px;
}

.elementor-7525 .elementor-element.elementor-element-5cf3236b .elementor-button-icon svg {
  width: 16px;
  height: 16px;
  stroke: #fff; /* arrow color */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-75056ce5 *//* ———— YOUR CSS FROM EARLIER ———— */
:root{--navy:#0d2a44;--navy-2:#163652;--slate:#e8eef4;--shadow:0 18px 48px rgba(13,42,68,.10);--cardMaxW:860px;--cardH:600px;--radius:22px;--padX:44px;--padY:44px;--barH:14px;--barBG:#e6edf4;--barFill:#f5a31a;--barGapBelow:26px}
#mortgage-wizard,#mortgage-wizard *{font-family:"Just Sans", JustSans, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";}
.cf7-wizard{max-width:var(--cardMaxW);margin:0 auto;position:relative;}
.cf7-step{display:none;position:relative;width:100%;height:var(--cardH);min-height:var(--cardH);background:#F8F8F8;border:1px solid #EFEFEF;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;padding:calc(var(--barH) + var(--barGapBelow) + var(--padY)) var(--padX) var(--padY);text-align:center}
.cf7-step.active{display:grid;grid-template-rows:auto auto 1fr auto;grid-template-columns:100%;row-gap:12px}
.cf7q-progress{position:absolute;z-index:3;top:0;left:0;width:100%;height:var(--barH);background:var(--barBG);border-top-left-radius:calc(var(--radius) - 1px);border-top-right-radius:calc(var(--radius) - 1px);box-shadow:inset 0 0 0 2px rgba(255,255,255,.65);pointer-events:none}
.cf7q-progress span{display:block;height:100%;width:6%;background:var(--barFill);border-radius:inherit;transition:width .25s ease}
.cf7q-title{grid-row:1;margin:0;color:var(--navy);font-weight:800;font-size:30px;line-height:1.2;text-align:center}
.cf7q-sub{grid-row:2;margin:0;color:var(--navy);opacity:.9;font-weight:700;font-size:18px;text-align:center;max-width:720px;margin-inline:auto}
.cf7-step:not(.start).active > :not(.cf7q-progress):not(.cf7q-title):not(.cf7q-sub):not(.cf7q-nav){grid-row:3;justify-self:center;align-self:center}
.cf7-step:not(.start).active > p{grid-row:3;justify-self:center;align-self:center}
.cf7q-nav{grid-row:4;display:flex;gap:10px;justify-content:center;align-self:end;margin-top:6px}
.cf7q-next,.cf7q-back,.cf7q-submit{padding:12px 22px;border-radius:12px;border:0;color:#fff;font-weight:800;background:#274666;cursor:pointer;box-shadow:0 6px 18px rgba(13,42,68,.18)}
.cf7q-back{background:#879db5}.cf7q-submit{background:#0e2d48}
.cf7-step.start .cf7q-nav{display:none!important}
.cf7q-goal-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;align-items:center;justify-items:center;max-width:640px;margin:6px auto 0}
.goal-card{display:grid;gap:14px;justify-items:center;text-align:center;cursor:pointer;background:none;border:0;padding:0}
.goal-card .goal-icon{width:clamp(100px,14vw,140px);height:auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.06))}
.goal-pill{display:inline-block;padding:12px 20px;border-radius:12px;background:#0e2d48;color:#fff;font-weight:800;letter-spacing:.3px;text-transform:uppercase;font-size:13px;box-shadow:0 10px 22px rgba(13,42,68,.14),0 2px 6px rgba(13,42,68,.18)}
#mortgage-wizard .wpcf7-form label{display:block;max-width:440px;margin:0 auto 8px;text-align:center;color:var(--navy);font-weight:700}
#mortgage-wizard .wpcf7-form label>span{display:block}
#mortgage-wizard input[type="text"],#mortgage-wizard input[type="email"],#mortgage-wizard input[type="tel"]{width:100%;max-width:440px;margin:6px auto;display:block;padding:12px 14px;border:1px solid #dfe6ed;border-radius:10px;font-size:16px;background:#fff;box-sizing:border-box}
.cf7q-options{display:grid;gap:12px;max-width:520px;margin:0 auto}
.wpcf7-list-item{display:block;margin:0}
.wpcf7-list-item input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.wpcf7-list-item label{display:block;text-align:center;background:#274666;color:#fff;border-radius:10px;padding:12px 16px;cursor:pointer;font-weight:700;transition:transform .15s ease,filter .15s ease}
.wpcf7-list-item label:hover{transform:translateY(-1px);filter:brightness(1.05)}
.wpcf7-list-item label:has(input:checked){filter:brightness(1.18)}
.cf7q-range{max-width:560px;margin:10px auto 0;text-align:center}
.cf7q-value{margin-top:10px;font-weight:800;color:var(--navy)}
#mortgage-wizard input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:10px;border-radius:999px;background:#dde5ec;outline:none}
#mortgage-wizard input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;border:3px solid var(--navy-2);box-shadow:0 2px 8px rgba(0,0,0,.2)}
#mortgage-wizard input[type="range"]::-moz-range-thumb{width:28px;height:28px;border:3px solid var(--navy-2);border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.cf7q-consent{display:flex;align-items:center;gap:10px;justify-content:center;margin:12px 0 6px}
.cf7q-policy{width:100%;max-width:640px;height:auto;margin:0 auto;display:block;font-size:13px;color:#2c3e50;background:#f7f9fc;border:1px solid #e5ecf3;border-radius:12px;padding:12px}
@media (max-width:940px){:root{--cardMaxW:92vw}}
@media (max-width:820px){:root{--padX:28px;--padY:32px;--cardH:560px}.cf7q-goal-cards{grid-template-columns:1fr;gap:20px}.goal-card .goal-icon{width:140px}}
/* Centering patch from earlier */
.cf7q-content{display:grid;place-items:center;gap:12px;width:100%;max-width:640px;margin:0 auto;text-align:center}
#mortgage-wizard .wpcf7-form-control-wrap{display:block;width:100%;max-width:440px;margin:0 auto;float:none!important}
#mortgage-wizard .wpcf7-form-control.wpcf7-radio{display:block;margin:0 auto;float:none!important}
#mortgage-wizard input[type="text"],#mortgage-wizard input[type="email"],#mortgage-wizard input[type="tel"]{margin-left:auto;margin-right:auto}

/* ———— ADDITIVE: pill-button controls (replace radios) ———— */
.cf7q-pills{display:grid;grid-template-columns:1fr;gap:12px;max-width:520px;margin:0 auto}
.cf7q-pill{display:block;width:100%;text-align:center;background:#274666;color:#fff;border:0;border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer;box-shadow:0 10px 22px rgba(13,42,68,.14),0 2px 6px rgba(13,42,68,.18);transition:transform .15s ease,filter .15s ease}
.cf7q-pill:hover{transform:translateY(-1px);filter:brightness(1.05)}
.cf7q-pill.is-selected{filter:brightness(1.18)}
@media (min-width:720px){
  #step-homeType .cf7q-pills,
  #step-occupancy .cf7q-pills,
  #step-military .cf7q-pills,
  #step-second_mtg .cf7q-pills,
  #step-bankruptcy .cf7q-pills {grid-template-columns:repeat(2,1fr)}
  #step-contact {height:650px!important;}
}
@media (min-width: 720px){
  #step-branch .cf7q-pills{grid-template-columns: repeat(2, 1fr);}
}
.wpcf7-submit{
  cursor:pointer!important;background:#0f2c4c!important;color:#fff!important;
  font-family:'just sans' !important;font-weight:600!important;border-radius:10px!important;
}
/* keep pill styling but scope it to groups that use .cf7q-options */
.cf7q-options .wpcf7-list-item label{
  display:block;text-align:center;background:#274666;color:#fff;border-radius:10px;
  padding:12px 16px;cursor:pointer;font-weight:700;transition:transform .15s ease,filter .15s ease;
}

/* ========== CHECKBOX CONSENT — force to look/behave like a real checkbox ========== */
#mortgage-wizard .wpcf7-acceptance .wpcf7-list-item label,
#mortgage-wizard .wpcf7-checkbox   .wpcf7-list-item label{
  background:transparent !important;
  color:var(--navy) !important;
  padding:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  display:inline-flex !important;
  align-items:center;
  gap:10px;
  text-align:left !important;
}

/* make sure the checkbox itself is visible and standard */
#mortgage-wizard .wpcf7-list-item input[type="checkbox"]{
  position:static !important;
  opacity:1 !important;
  pointer-events:auto !important;
  margin:0 8px 0 0 !important;
  width:18px;height:18px;
  appearance:auto;-webkit-appearance:auto;
  accent-color:var(--navy-2);
}

/* kill any pill hover/selected effects on checkbox labels */
#mortgage-wizard .wpcf7-acceptance .wpcf7-list-item label:hover,
#mortgage-wizard .wpcf7-checkbox   .wpcf7-list-item label:hover{filter:none;transform:none}
#mortgage-wizard .wpcf7-acceptance .wpcf7-list-item label:has(input:checked),
#mortgage-wizard .wpcf7-checkbox   .wpcf7-list-item label:has(input:checked){filter:none}
input[type=checkbox] {
    visibility:visible!important;
    display:inline-block!important;
    opacity: 1!important
}

/* Mobile styles for Mortgage Wizard — additive overrides only */

/* Tablet down */
@media (max-width: 940px){
  :root{
    --cardMaxW: 94vw;
  }
}

/* Phones */
@media (max-width: 780px){
  :root{
    --padX: 20px;
    --padY: 24px;
    --barH: 12px;
    --barGapBelow: 18px;
  }

  .cf7-step{
    height: auto;
    min-height: min(86vh, 660px);
    padding-top: calc(var(--barH) + var(--barGapBelow) + var(--padY));
  }

  .cf7q-title{
    font-size: 24px;
    line-height: 1.25;
    padding: 0 6px;
  }
  .cf7q-sub{
    font-size: 16px;
    max-width: 92%;
  }

  .cf7q-goal-cards{
    grid-template-columns: 1fr;
    gap: 16px;
    max-width: 420px;
  }
  .goal-card .goal-icon{ width: 120px; }
  .goal-pill{ font-size: 12px; padding: 12px 16px; }

  .cf7q-content{
    max-width: 92%;
    width: 100%;
  }

  /* Inputs full width on mobile */
  #mortgage-wizard .wpcf7-form-control-wrap{
    max-width: 100%;
  }
  #mortgage-wizard input[type="text"],
  #mortgage-wizard input[type="email"],
  #mortgage-wizard input[type="tel"]{
    max-width: 100%;
  }

  /* Option pills stack by default */
  .cf7q-pills{
    grid-template-columns: 1fr;
    max-width: 100%;
  }

  /* Military branch can be 2 columns on larger phones */
  #step-branch .cf7q-pills{
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .cf7q-range{ max-width: 100%; }

  /* Sticky footer nav for easier thumbs, with safe gradient */
  .cf7q-nav{
    position: sticky;
    bottom: 0;
    background: linear-gradient(180deg, rgba(248,248,248,0), rgba(248,248,248,1) 40%);
    padding: 12px var(--padX) var(--padY);
    margin: 0 calc(var(--padX) * -1) calc(var(--padY) * -1);
  }
  .cf7q-next,
  .cf7q-back,
  .cf7q-submit{
    flex: 1;
    padding: 14px 16px;
    border-radius: 12px;
  }
  .cf7q-nav .cf7q-back{
    max-width: 160px;
    flex: 0 0 42%;
  }

  /* Thumb and track bigger for touch */
  #mortgage-wizard input[type="range"]{ height: 12px; }
  #mortgage-wizard input[type="range"]::-webkit-slider-thumb{ width: 32px; height: 32px; }
  #mortgage-wizard input[type="range"]::-moz-range-thumb{ width: 32px; height: 32px; }
}

/* Small phones */
@media (max-width: 420px){
  .cf7-step{
    min-height: calc(100vh - 24px);
  }
  .cf7q-title{ font-size: 22px; }
  .cf7q-sub{ font-size: 14px; }
  .goal-card .goal-icon{ width: 100px; }

  /* Branch options stack to single column on very small screens */
  #step-branch .cf7q-pills{
    grid-template-columns: 1fr;
  }

  .cf7q-nav .cf7q-back{
    max-width: none;
    flex: 1;
  }
}

/* Smooth mobile scrolling and safe area */
.cf7-wizard{
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
@supports(padding: max(0px)){
  .cf7-step{ padding-bottom: max(var(--padY), env(safe-area-inset-bottom)); }
  .cf7q-nav{ padding-bottom: max(12px, env(safe-area-inset-bottom)); }
}/* End custom CSS */
/* Start custom CSS */body.elementor-page-7525 .space-extra, .space-extra-bottom {
    padding-bottom: 0px!important;
}
body.elementor-page-7525 footer {
    padding-top:0px!important;
}
body.elementor-page-7525 .page--item {
    margin-bottom: 0px!important;
}
body.elementor-page-7525 .elementor-6911 .elementor-element.elementor-element-5080135 {
    --padding-top:0px!important;
}
body.elementor-page-7525 .elementor-element-6725a49 {
    display:none;
}
.row{
    --bs-gutter-x: 0px!important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Hector Regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('http://creomortgage.com/wp-content/uploads/2025/04/Hector-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Just Sans';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('http://creomortgage.com/wp-content/uploads/2025/04/JUST-Sans-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Just Sans';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('http://creomortgage.com/wp-content/uploads/2025/04/JUST-Sans-Light.woff') format('woff');
}
@font-face {
	font-family: 'Just Sans';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('http://creomortgage.com/wp-content/uploads/2025/04/JUST-Sans-Bold.woff') format('woff');
}
/* End Custom Fonts CSS */