/* =========================================================
   HARD MONEY LOAN LENDER - GLOBAL DESIGN SYSTEM
   Palette: dark #191919 / gold #D7AF4D / green #86D477
   Applies site-wide. Added via Site Settings > Custom CSS.
   ========================================================= */

/* ---------- 1. VERTICAL RHYTHM ---------- */
/* Cap oversized section paddings so two adjacent blocks can
   never stack into a 180-300px gap. Max pair = ~96px desktop. */
@media screen and (min-width:641px){
  .t-rec_pt_60,.t-rec_pt_75,.t-rec_pt_90,.t-rec_pt_105,.t-rec_pt_120,.t-rec_pt_135,.t-rec_pt_150,.t-rec_pt_165,.t-rec_pt_180,.t-rec_pt_195,.t-rec_pt_210,.t-rec_pt_225,.t-rec_pt_240,.t-rec_pt_255,.t-rec_pt_270,.t-rec_pt_285,.t-rec_pt_300{padding-top:48px !important}
  .t-rec_pb_60,.t-rec_pb_75,.t-rec_pb_90,.t-rec_pb_105,.t-rec_pb_120,.t-rec_pb_135,.t-rec_pb_150,.t-rec_pb_165,.t-rec_pb_180,.t-rec_pb_195,.t-rec_pb_210,.t-rec_pb_225,.t-rec_pb_240,.t-rec_pb_255,.t-rec_pb_270,.t-rec_pb_285,.t-rec_pb_300{padding-bottom:48px !important}
}
@media screen and (max-width:640px){
  .t-rec_pt_60,.t-rec_pt_75,.t-rec_pt_90,.t-rec_pt_105,.t-rec_pt_120,.t-rec_pt_135,.t-rec_pt_150,.t-rec_pt_165,.t-rec_pt_180,.t-rec_pt_195,.t-rec_pt_210,.t-rec_pt_225,.t-rec_pt_240,.t-rec_pt_255,.t-rec_pt_270,.t-rec_pt_285,.t-rec_pt_300{padding-top:28px !important}
  .t-rec_pb_60,.t-rec_pb_75,.t-rec_pb_90,.t-rec_pb_105,.t-rec_pb_120,.t-rec_pb_135,.t-rec_pb_150,.t-rec_pb_165,.t-rec_pb_180,.t-rec_pb_195,.t-rec_pb_210,.t-rec_pb_225,.t-rec_pb_240,.t-rec_pb_255,.t-rec_pb_270,.t-rec_pb_285,.t-rec_pb_300{padding-bottom:28px !important}
}

/* Title -> intro text -> content rhythm inside section headers */
body .t-section__title{margin-bottom:0 !important}
body .t-section__descr{margin-top:22px !important;margin-bottom:0 !important}
body .t-section__topwrapper{margin-bottom:52px !important}
@media screen and (max-width:640px){
  body .t-section__descr{margin-top:18px !important}
  body .t-section__topwrapper{margin-bottom:34px !important}
}

/* Heading rhythm inside long-form text blocks */
body .t-text h2{margin-top:56px !important;margin-bottom:20px !important}
body .t-text h2:first-child{margin-top:0 !important}
body .t-text h3{margin-top:30px !important;margin-bottom:10px !important}
body .t-text p{margin-bottom:14px !important}
@media screen and (max-width:640px){
  body .t-text h2{margin-top:38px !important;margin-bottom:16px !important}
  body .t-text h3{margin-top:24px !important}
}

/* Card grids */
body .t-card__col{margin-bottom:44px !important}
@media screen and (max-width:640px){body .t-card__col{margin-bottom:32px !important}}

/* Homepage: FAQ intro -> first question (was ~180-200px) */
body #rec2574784103{padding-bottom:24px !important}
body #rec2574748103{padding-top:32px !important}
@media screen and (max-width:640px){
  body #rec2574784103{padding-bottom:16px !important}
  body #rec2574748103{padding-top:24px !important}
}

/* ---------- 2. TYPOGRAPHIC HIERARCHY ---------- */
@media screen and (min-width:961px){
  body h1, body .t-cover .t-title, body .t-cover__wrapper h1, body .t-text h1, body .t-title_xxl, body .t-title_xl{font-size:46px !important;line-height:1.14 !important}
  body .t-section__title, body .t-text h2, body .t-title_md{font-size:36px !important;line-height:1.22 !important}
  body .t-text h3{font-size:22px !important;line-height:1.32 !important}
}
@media screen and (min-width:641px) and (max-width:960px){
  body h1, body .t-cover .t-title, body .t-cover__wrapper h1, body .t-text h1, body .t-title_xxl, body .t-title_xl{font-size:38px !important;line-height:1.18 !important}
  body .t-section__title, body .t-text h2, body .t-title_md{font-size:30px !important;line-height:1.24 !important}
}
@media screen and (max-width:640px){
  body h1, body .t-cover .t-title, body .t-cover__wrapper h1, body .t-text h1, body .t-title_xxl, body .t-title_xl{font-size:32px !important;line-height:1.2 !important}
  body .t-section__title, body .t-text h2, body .t-title_md{font-size:27px !important;line-height:1.26 !important}
  body .t-text h3{font-size:20px !important;line-height:1.34 !important}
}
body h1,body h2,body h3,body .t-title,body .t-section__title{
  overflow-wrap:break-word !important;word-break:normal !important;hyphens:none !important}

/* ---------- 3. CTA BUTTONS ---------- */
body a.t-btn, body button.t-btn, body .t-btn.t-btnflex, body .t-submit, body input.t-submit, body .t843__btn, body .t565__btn, body .t185__btn, body .t-quiz__btn_next, body .t-quiz__btn_submit{
  background-color:#86D477 !important;
  background-image:none !important;
  color:#111111 !important;
  border:0 !important;
  border-radius:8px !important;
  min-height:56px !important;
  padding:15px 32px !important;
  font-size:16px !important;
  font-weight:600 !important;
  line-height:1.25 !important;
  letter-spacing:0.01em !important;
  text-transform:none !important;
  box-shadow:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  transition:background-color .2s ease !important;
}
body a.t-btn:hover, body button.t-btn:hover, body .t-btn.t-btnflex:hover, body .t-submit:hover, body input.t-submit:hover, body .t843__btn:hover, body .t565__btn:hover, body .t185__btn:hover, body .t-quiz__btn_next:hover, body .t-quiz__btn_submit:hover{
  background-color:#6FC45F !important;color:#111111 !important}

body .t-btnflex_type_button2, body .t-quiz__btn_prev{
  background-color:transparent !important;
  background-image:none !important;
  color:#D7AF4D !important;
  border:2px solid #D7AF4D !important;
  border-radius:8px !important;
  min-height:56px !important;
  padding:13px 30px !important;
  font-size:16px !important;
  font-weight:600 !important;
  text-transform:none !important;
  box-shadow:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  transition:background-color .2s ease,color .2s ease !important;
}
body .t-btnflex_type_button2:hover, body .t-quiz__btn_prev:hover{
  background-color:#D7AF4D !important;color:#111111 !important}

/* Visible keyboard focus */
body a.t-btn:focus-visible, body button.t-btn:focus-visible, body .t-submit:focus-visible,
body .t-input:focus-visible, body select.t-select:focus-visible, body .t-menu__link-item:focus-visible{
  outline:3px solid #D7AF4D !important;outline-offset:2px !important}

/* ---------- 4. FIXED HEADER ---------- */
body .tmenu-mobile, body .tmenu-mobile_positionfixed{
  background-color:rgba(25,25,25,0.96) !important;
  -webkit-backdrop-filter:saturate(140%) blur(10px) !important;
  backdrop-filter:saturate(140%) blur(10px) !important}
body .tmenu-mobile__menucontent, body .tmenu-mobile__menucontent_fixed{
  background-color:rgba(25,25,25,0.985) !important}
/* Mobile burger: >=44x44 real tap target, icon size unchanged */
body .tmenu-mobile__burger, body .t-menuburger__wrapper{
  min-width:44px !important;min-height:44px !important;
  display:-webkit-box !important;display:flex !important;
  -webkit-box-align:center !important;align-items:center !important;
  -webkit-box-pack:center !important;justify-content:center !important}

/* ---------- 5. FORMS ---------- */
body .t-input{min-height:48px !important}
@media screen and (max-width:640px){
  body .t-input, body .t-inputtextarea, body select.t-select, body .t-input_bbonly{
    font-size:16px !important}
}
/* Visible required marker, driven by Tilda's own aria-required.
   Field names are NOT modified, so form payload keys stay identical. */
body .t-input-group:has([aria-required="true"]) .t-input-title::after,
body .t-input-group:has([required]) .t-input-title::after{
  content:" *";color:#D7AF4D;font-weight:700;margin-left:2px}
body .t-form__errorbox-item, body .t-input-error{color:#C0342B !important}


/* ---------- 3b. HOMEPAGE COVER CTAs ---------- */
/* Inline-styled anchors inside the T338 cover text field. Classes added so
   they share the unified CTA height, radius, case and hover/focus states. */
body .hml-cta{
  background-color:#86D477 !important;
  background-image:none !important;
  color:#111111 !important;
  border:0 !important;
  border-radius:8px !important;
  min-height:56px !important;
  padding:15px 32px !important;
  font-size:16px !important;
  font-weight:600 !important;
  line-height:1.25 !important;
  letter-spacing:0.01em !important;
  text-transform:none !important;
  text-decoration:none !important;
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  margin:0 10px 12px !important;
  transition:background-color .2s ease,color .2s ease !important;
}
body .hml-cta--primary:hover{background-color:#6FC45F !important;color:#111111 !important}
body .hml-cta--ghost{
  background-color:transparent !important;
  color:#ffffff !important;
  border:2px solid #ffffff !important;
  padding:13px 30px !important;
}
body .hml-cta--ghost:hover{background-color:#ffffff !important;color:#191919 !important}
body .hml-cta:focus-visible{outline:3px solid #D7AF4D !important;outline-offset:2px !important}
@media screen and (max-width:640px){
  body .hml-cta{width:100% !important;margin:0 0 12px !important}
}


/* ---------- 3c. INLINE TEXT-BLOCK CTAs ---------- */
/* Program/local pages use inline-styled  CTAs inside text blocks.
   Normalised globally (no per-page HTML edits): dark text on green for
   contrast, Title Case instead of forced uppercase, unified height,
   radius and hover/focus states. Labels themselves are unchanged. */
body a[style*="background:#86d477"],
body a[style*="background: #86d477"],
body a[style*="background-color:#86d477"]{
  background-color:#86D477 !important;
  background-image:none !important;
  color:#111111 !important;
  border:0 !important;
  border-radius:8px !important;
  min-height:56px !important;
  padding:15px 32px !important;
  font-size:16px !important;
  font-weight:600 !important;
  line-height:1.25 !important;
  letter-spacing:0.01em !important;
  text-transform:none !important;
  text-decoration:none !important;
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  transition:background-color .2s ease,color .2s ease !important;
}
body a[style*="background:#86d477"]:hover,
body a[style*="background: #86d477"]:hover,
body a[style*="background-color:#86d477"]:hover{
  background-color:#6FC45F !important;color:#111111 !important}

body a[style*="color:#a8862a"],
body a[style*="color: #a8862a"]{
  background-color:transparent !important;
  color:#8F7020 !important;
  border:2px solid #D7AF4D !important;
  border-radius:8px !important;
  min-height:56px !important;
  padding:13px 30px !important;
  font-size:16px !important;
  font-weight:600 !important;
  line-height:1.25 !important;
  letter-spacing:0.01em !important;
  text-transform:none !important;
  text-decoration:none !important;
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  transition:background-color .2s ease,color .2s ease !important;
}
body a[style*="color:#a8862a"]:hover,
body a[style*="color: #a8862a"]:hover{
  background-color:#D7AF4D !important;color:#111111 !important}

body a[style*="background:#86d477"]:focus-visible,
body a[style*="color:#a8862a"]:focus-visible{
  outline:3px solid #D7AF4D !important;outline-offset:2px !important}

@media screen and (max-width:640px){
  body a[style*="background:#86d477"],
  body a[style*="color:#a8862a"]{
    width:100% !important;margin:0 0 12px !important}
}


/* ---------- 4b. MOBILE BURGER TAP TARGET (actual Tilda markup) ---------- */
/* Live markup is <button class="t-menuburger"> inside .tmenu-mobile__container.
   A centred transparent pseudo-element extends the touch target to 44x44
   without changing the icon size or the open/close animation. */
body .tmenu-mobile__container .t-menuburger,
body button.t-menuburger{
  position:relative !important;
}
body .tmenu-mobile__container .t-menuburger::after,
body button.t-menuburger::after{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  -webkit-transform:translate(-50%,-50%) !important;
  transform:translate(-50%,-50%) !important;
  width:44px !important;
  height:44px !important;
  background:transparent !important;
  border:0 !important;
  pointer-events:auto !important;
}

/* ================= [HML-PASS2-START] corrective pass 2 =================
   P2.1 homepage cover safe area  |  P2.2 intro->content inner gaps
   P2.3 short .t718 contact form + contacts block as balanced cards
   NOTE: /apply (#rec2574789603 / .t-form_inputs-total_17) is excluded.
   ====================================================================== */

/* ---------- P2.1  Homepage cover: safe area under the fixed header ------- */
#rec1388911451 .t-cover__wrapper{box-sizing:border-box;padding-top:104px;}
@media screen and (max-width:960px){
  #rec1388911451 .t-cover__wrapper{padding-top:88px;}
}

/* ---------- P2.2  Homepage intro -> content inner gaps ------------------- */
#rec1621581721 .t843 > .t-card__container,
#rec1621600961 .t843 > .t-card__container{margin-top:52px;}
#rec2574737403 .t565__container{margin-top:44px;}
#rec2574743203 .t508__container{margin-top:44px;}
@media screen and (max-width:640px){
  #rec1621581721 .t843 > .t-card__container,
  #rec1621600961 .t843 > .t-card__container{margin-top:36px;}
  #rec2574737403 .t565__container,
  #rec2574743203 .t508__container{margin-top:32px;}
}

/* ---------- P2.3  Short contact form (.t718, 8 inputs) ------------------- */
/* form card */
.t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8{
  background:#f7f7f5;
  border:1px solid #e4e1d9;
  border-radius:12px;
  box-shadow:0 1px 2px rgba(25,25,25,.04),0 6px 18px rgba(25,25,25,.05);
  box-sizing:border-box;
}
.t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-input{background-color:#fff;border-radius:8px;}
.t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-input:focus{
  border-color:#D7AF4D;outline:none;box-shadow:0 0 0 3px rgba(215,175,77,.18);
}
.t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-input-title{font-size:16px;line-height:1.35;margin-bottom:8px;}
.t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-form__submit .t-submit,
.t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-form__submit .t-btnflex{width:100%;}

/* contacts card */
.t-rec:not(#rec2574789603) .t718 .t718__contentbox{
  background:#fff;
  border:1px solid #e4e1d9;
  border-radius:12px;
  box-sizing:border-box;
  display:block;
}
.t-rec:not(#rec2574789603) .t718 .t718__contentwrapper{display:block;height:auto;}
.t-rec:not(#rec2574789603) .t718 .t718__contacts{margin-bottom:0 !important;}
.t-rec:not(#rec2574789603) .t718 .t718__contacts > div > div:nth-child(1) a{
  font-size:24px;font-weight:700 !important;line-height:1.3;display:inline-block;
}
.t-rec:not(#rec2574789603) .t718 .t718__contacts > div > div:nth-child(2) a{
  font-size:17px;font-weight:600 !important;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;
}
.t-rec:not(#rec2574789603) .t718 .t718__contacts > div > div:nth-child(3){font-size:15px;opacity:.7;}
.t-rec:not(#rec2574789603) .t718 .t718__contacts > div > div:nth-child(7){
  border-top:1px solid #e4e1d9;padding-top:18px;margin-top:4px !important;
}

/* ---------- P2.3a desktop: two-column grid inside the card -------------- */
@media screen and (min-width:961px){
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8{padding:30px;}
  .t-rec:not(#rec2574789603) .t718 .t718__contentbox{padding:30px;}
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-form__inputsbox{
    display:grid;grid-template-columns:1fr 1fr;column-gap:19px;row-gap:19px;align-items:end;
  }
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-form__inputsbox > *{margin-bottom:0 !important;}
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-form__submit{margin-top:0 !important;display:flex;}
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-input-phonemask__wrap{padding-left:12px;padding-right:12px;}
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-input-phonemask{flex:1 1 auto;min-width:0;}
  /* Row1 Name|Email  Row2 Phone|Loan Amount  Row3 Property Address
     Row4 Est. Value|Loan Purpose  Row5 Message  Row6 Request Financing   */
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-form__inputsbox > .t-input-group:nth-child(1){order:1;}
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-form__inputsbox > .t-input-group:nth-child(2){order:2;}
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-form__inputsbox > .t-input-group:nth-child(3){order:3;}
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-form__inputsbox > .t-input-group:nth-child(5){order:4;}
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-form__inputsbox > .t-input-group:nth-child(4){order:5;grid-column:1 / -1;}
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-form__inputsbox > .t-input-group:nth-child(6){order:6;}
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-form__inputsbox > .t-input-group:nth-child(7){order:7;}
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-form__inputsbox > .t-input-group:nth-child(8){order:8;grid-column:1 / -1;}
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-form__inputsbox > .t-form__errorbox-middle{order:9;grid-column:1 / -1;}
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-form__inputsbox > .t-form__submit{order:10;grid-column:1 / -1;}
}

/* ---------- P2.3b mobile/tablet: one column, stacked cards -------------- */
/* the .t-col already provides a 20px horizontal inset on mobile */
@media screen and (max-width:960px){
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8{padding:22px;}
  .t-rec:not(#rec2574789603) .t718 .t718__contentbox{padding:22px;margin-bottom:20px;}
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-form__inputsbox{display:block;}
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-form__inputsbox > .t-input-group{margin-bottom:17px !important;}
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-input:not(.t-input-phonemask),
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 select.t-input,
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 textarea.t-input{width:100% !important;box-sizing:border-box;}
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-input,
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-input::placeholder{font-size:16px !important;}
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-form__submit .t-submit{width:100% !important;}
  .t-rec:not(#rec2574789603) .t718 .t718__contacts > div > div:nth-child(2) a{font-size:15px;}
}
/* ---------- P2.3c narrow desktop (961-1199px): keep the phone control usable
   inside the 2-column grid. Layout/rows unchanged; visual micro-fit only. ---- */
@media screen and (min-width:961px) and (max-width:1199px){
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-input-phonemask__wrap{padding-left:8px;padding-right:8px;}
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-input-phonemask__select-code{display:none;}
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-input-phonemask__select{margin-right:2px;}
}
/* ================= [HML-PASS2-END] ================= */


/* =========================================================
   PASS 3  -  responsive header, short contact form, legal pages
   ========================================================= */

/* ---------- P3.1  HEADER: correct desktop / burger breakpoint --------------
   The desktop nav needs ~600px on a single line; together with the 360px
   logo, the 180px "Apply Now" button and the 2x40px gutters the header needs
   about 1250px. Tilda's stock switch was 980px, so 981-1259px wrapped the nav
   onto two lines (ABOUT and CONTACT dropped down). Below 1260px the desktop
   nav is now hidden and the burger is shown instead.
   Selectors are record-id independent on purpose: the homepage header is
   #rec1388904251 and the inner pages use #rec2574791803, and new pages get
   new ids. Specificity is raised with a leading .t-rec instead, which beats
   Tilda's single-class defaults without needing !important.
   IMPORTANT: no !important on _hidden, so the inline display:block that
   Tilda sets when the burger is tapped can still open the panel. */
@media screen and (max-width: 1259px){

  /* show the burger bar, hide the horizontal nav */
  .t-rec .tmenu-mobile{ display:block; }
  .t-rec .tmenu-mobile__menucontent_hidden{ display:none; height:100%; }
  .t-rec .tmenu-mobile__container{ min-height:64px; padding-top:10px; padding-bottom:10px; }
  .t-rec .tmenu-mobile__container .t-menuburger{ order:1; }
  .t-rec .t228__leftcontainer{ display:none; }

  /* the opened panel sits directly under the 64px bar */
  .t-rec .tmenu-mobile__menucontent_fixed{ position:fixed; top:64px; }
  .t-rec .t228.tmenu-mobile__menucontent_fixed{
    height:auto; max-height:calc(100vh - 64px); overflow-y:auto; }

  /* stack the panel vertically (the same layout Tilda uses below 980px) */
  .t-rec .t228{ text-align:center; }
  .t-rec .t228__maincontainer{ display:block; height:auto; text-align:center; }
  .t-rec .t228__padding40px{ display:none; }
  .t-rec .t228__leftside{ display:block; width:auto; text-align:center; }
  .t-rec .t228__centerside{ display:block; width:auto; height:auto; }
  .t-rec .t228__centercontainer{ padding:20px 0; }
  .t-rec .t228__list_item{ display:block; padding:10px; }
  .t-rec .t228__rightside{ display:block; width:auto; text-align:center; }
  .t-rec .t228__rightcontainer{
    flex-direction:column; margin:0; padding:20px 0; width:auto; }

  /* lock the background page while the mobile menu is open */
  body:has(.t-menuburger-opened){ overflow:hidden; }
}

/* ---------- P3.2  SHORT CONTACT FORM (.t718 / 8 inputs) --------------------
   New breakpoint model, aligned with the header:
     >=1200px  two cards side by side, equal width, top aligned
     769-1199  cards stacked, centred, max-width 700px
     <=768px   single column, 20px page gutters
   Row model (all breakpoints >=769px), chosen from measured text widths:
     "Loan Amount Requested" needs 202px and "Estimated Property Value"
     204px of text; a 2-column row inside a 460px card only offers 148px,
     so only Name|Email are paired. Everything else is full width. */

/* both cards share one visual style */
.t-rec:not(#rec2574789603) .t718 .t718__contentbox{
  background:#f7f7f5;
  border:1px solid #e4e1d9;
  border-radius:12px;
  box-shadow:0 1px 2px rgba(25,25,25,.04), 0 6px 18px rgba(25,25,25,.05);
  box-sizing:border-box; }

@media screen and (min-width:769px){
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8{ padding:30px; }
  .t-rec:not(#rec2574789603) .t718 .t718__contentbox{ padding:30px; }
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-form__inputsbox{ display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:end; }
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-form__inputsbox > *{ margin-bottom:0 !important; }
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-form__inputsbox > .t-input-group:nth-child(1){ order:1; grid-column:1; }
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-form__inputsbox > .t-input-group:nth-child(2){ order:2; grid-column:2; }
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-form__inputsbox > .t-input-group:nth-child(3){ order:3; grid-column:1 / -1; }
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-form__inputsbox > .t-input-group:nth-child(4){ order:4; grid-column:1 / -1; }
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-form__inputsbox > .t-input-group:nth-child(5){ order:5; grid-column:1 / -1; }
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-form__inputsbox > .t-input-group:nth-child(6){ order:6; grid-column:1 / -1; }
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-form__inputsbox > .t-input-group:nth-child(7){ order:7; grid-column:1 / -1; }
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-form__inputsbox > .t-input-group:nth-child(8){ order:8; grid-column:1 / -1; }
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-form__inputsbox > .t-form__errorbox-middle{ order:9; grid-column:1 / -1; }
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-form__inputsbox > .t-form__submit{ order:10; grid-column:1 / -1; margin-top:0 !important; display:flex; }
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-input-phonemask__wrap{ padding-left:12px; padding-right:12px; }
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-input-phonemask{ flex:1 1 auto; min-width:0; }
}

/* 769-1200: stack the two cards, centred, max 700px (Tilda's own
   container steps 960px -> 1200px at 1201px, so that is the real switch) */
@media screen and (min-width:769px) and (max-width:1200px){
  .t-rec:not(#rec2574789603) .t718 .t-container:not(.t-section__container) > .t-col{
    display:block !important; float:none !important; width:auto !important; max-width:700px !important;
    padding-left:0 !important; margin-left:auto !important; margin-right:auto !important; }
  .t-rec:not(#rec2574789603) .t718 .t718__contentbox{ margin-bottom:28px; }
}

/* <=768: one column, 20px page gutters, everything full width */
@media screen and (max-width:768px){
  .t-rec:not(#rec2574789603) .t718 .t-container:not(.t-section__container){
    max-width:none !important; padding-left:20px !important; padding-right:20px !important;
    box-sizing:border-box; }
  .t-rec:not(#rec2574789603) .t718 .t-container:not(.t-section__container) > .t-col{
    display:block !important; float:none !important; width:auto !important; max-width:none !important;
    padding:0 !important; margin-left:0 !important; margin-right:0 !important; }
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8{ padding:22px; }
  .t-rec:not(#rec2574789603) .t718 .t718__contentbox{ padding:22px; margin-bottom:20px; }
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-form__inputsbox{ display:block; }
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-form__inputsbox > .t-input-group{ margin-bottom:18px !important; }
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 .t-input,
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 select.t-input,
  .t-rec:not(#rec2574789603) .t718 .t-form_inputs-total_8 textarea.t-input{ width:100% !important; box-sizing:border-box; font-size:16px !important; }
}

/* ---------- P3.3  Homepage cover: clearance under the 64px mobile bar -------
   The burger bar is 64px at every width below 1260px. On phones the H1 sits
   exactly at the cover's padding-top, so 88px left only 24px of clearance.
   96px gives 32px and still keeps the cover content unclipped. */
@media screen and (max-width: 960px){
  #rec1388911451 .t-cover__wrapper{ padding-top:96px; }
}

/* ---------- P3.4  Legal pages: clearance under the fixed header ------------
   The three legal text blocks were built from a stub page whose text record
   only had 48px of top padding, so the H1 rendered 24px UNDER the 80px fixed
   header. These paddings put the H1 clear of the header at every width
   (>=24px required; these give 40-56px). */
#rec2611083703, #rec2611106503, #rec2611120103{ padding-top:136px !important; }
@media screen and (max-width: 1259px){
  #rec2611083703, #rec2611106503, #rec2611120103{ padding-top:112px !important; }
}
@media screen and (max-width: 640px){
  #rec2611083703, #rec2611106503, #rec2611120103{ padding-top:104px !important; }
}