.elementor-7213 .elementor-element.elementor-element-11f88cb{--display:flex;--min-height:520px;--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;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:40px;--padding-left:64px;--padding-right:64px;}.elementor-7213 .elementor-element.elementor-element-11f88cb:not(.elementor-motion-effects-element-type-background), .elementor-7213 .elementor-element.elementor-element-11f88cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111827;background-image:url("https://goallenbuilt.com/wp-content/uploads/2026/03/roi-hero-image-1.png");background-size:cover;}.elementor-7213 .elementor-element.elementor-element-11f88cb::before, .elementor-7213 .elementor-element.elementor-element-11f88cb > .elementor-background-video-container::before, .elementor-7213 .elementor-element.elementor-element-11f88cb > .e-con-inner > .elementor-background-video-container::before, .elementor-7213 .elementor-element.elementor-element-11f88cb > .elementor-background-slideshow::before, .elementor-7213 .elementor-element.elementor-element-11f88cb > .e-con-inner > .elementor-background-slideshow::before, .elementor-7213 .elementor-element.elementor-element-11f88cb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-7213 .elementor-element.elementor-element-4f0e51a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:48px;font-weight:700;line-height:1.2em;letter-spacing:0.5px;color:#FFFFFF;}.elementor-7213 .elementor-element.elementor-element-c240220{--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;--gap:14px 0px;--row-gap:14px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7213 .elementor-element.elementor-element-c240220:not(.elementor-motion-effects-element-type-background), .elementor-7213 .elementor-element.elementor-element-c240220 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111827;}.elementor-7213 .elementor-element.elementor-element-e366ffb{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-7213 .elementor-element.elementor-element-9256c53 > .elementor-widget-container{margin:24px 0px 0px 0px;}.elementor-7213 .elementor-element.elementor-element-4fdabb3{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-7213 .elementor-element.elementor-element-16bcbd4{--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;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:120px;--padding-left:120px;--padding-right:120px;}.elementor-7213 .elementor-element.elementor-element-16bcbd4:not(.elementor-motion-effects-element-type-background), .elementor-7213 .elementor-element.elementor-element-16bcbd4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111827;}.elementor-7213 .elementor-element.elementor-element-66cfdf1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:2.8rem;font-weight:600;line-height:1.5em;color:#F9FAFB;}.elementor-7213 .elementor-element.elementor-element-0ced221 .elementor-button-content-wrapper{flex-direction:row;}.elementor-7213 .elementor-element.elementor-element-0ced221 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-7213 .elementor-element.elementor-element-0ced221 .elementor-button{transition-duration:0.5s;border-style:solid;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;padding:15px 30px 15px 30px;}body.elementor-page-7213:not(.elementor-motion-effects-element-type-background), body.elementor-page-7213 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-7213 .elementor-element.elementor-element-11f88cb{--width:100%;}.elementor-7213 .elementor-element.elementor-element-c240220{--content-width:980px;}}@media(max-width:1024px){.elementor-7213 .elementor-element.elementor-element-11f88cb:not(.elementor-motion-effects-element-type-background), .elementor-7213 .elementor-element.elementor-element-11f88cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://goallenbuilt.com/wp-content/uploads/2026/03/roi-hero-image-1.png");background-size:cover;}.elementor-7213 .elementor-element.elementor-element-11f88cb{--min-height:480px;--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-7213 .elementor-element.elementor-element-4f0e51a > .elementor-widget-container{padding:60px 60px 60px 60px;}.elementor-7213 .elementor-element.elementor-element-4f0e51a .elementor-heading-title{font-size:36px;}.elementor-7213 .elementor-element.elementor-element-c240220{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-7213 .elementor-element.elementor-element-16bcbd4{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:60px;--padding-left:40px;--padding-right:40px;}.elementor-7213 .elementor-element.elementor-element-66cfdf1 .elementor-heading-title{font-size:1.75rem;}.elementor-7213 .elementor-element.elementor-element-0ced221 .elementor-button{padding:15px 35px 15px 35px;}}@media(max-width:767px){.elementor-7213 .elementor-element.elementor-element-11f88cb:not(.elementor-motion-effects-element-type-background), .elementor-7213 .elementor-element.elementor-element-11f88cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://goallenbuilt.com/wp-content/uploads/2026/03/roi-hero-image-1.png");background-size:cover;}.elementor-7213 .elementor-element.elementor-element-11f88cb{--width:100%;--min-height:400px;--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7213 .elementor-element.elementor-element-4f0e51a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 16px 0px 16px;}.elementor-7213 .elementor-element.elementor-element-4f0e51a.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-7213 .elementor-element.elementor-element-4f0e51a{text-align:center;}.elementor-7213 .elementor-element.elementor-element-4f0e51a .elementor-heading-title{font-size:21px;line-height:1.1em;}.elementor-7213 .elementor-element.elementor-element-c240220{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-7213 .elementor-element.elementor-element-e366ffb{--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-7213 .elementor-element.elementor-element-16bcbd4{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-7213 .elementor-element.elementor-element-66cfdf1 > .elementor-widget-container{padding:5% 5% 5% 5%;}.elementor-7213 .elementor-element.elementor-element-66cfdf1{text-align:center;}.elementor-7213 .elementor-element.elementor-element-66cfdf1 .elementor-heading-title{font-size:1.3rem;}.elementor-7213 .elementor-element.elementor-element-0ced221 .elementor-button{border-radius:10px 10px 10px 10px;padding:15px 30px 15px 30px;}}/* Start custom CSS for container, class: .elementor-element-11f88cb *//* Apply to the hero section container (add a class like "roi-hero") */
.roi-hero{
  padding-left: clamp(16px, 5vw, 64px) !important;
  padding-right: clamp(16px, 5vw, 64px) !important;
  padding-bottom: clamp(24px, 4vw, 48px) !important;
}

/* Keep the guidance content readable */
.roi-hero .pf-guide,
.roi-hero .roi-subhead{
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9256c53 */.pf-guide{
  max-width: 980px;
  margin: 0 auto 18px auto;
  padding: 16px 18px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  background: rgba(255,255,255,.03);
  color: #E5E7EB;
}

.pf-guide-title{
  font-weight: 800;
  font-size: 16px;
  margin-bottom: 6px;
}

.pf-guide-sub{
  font-size: 13px;
  color: #CBD5E1;
  margin-bottom: 10px;
  line-height: 1.45;
}

.pf-guide-list{
  margin: 0 0 10px 18px;
  padding: 0;
  font-size: 13px;
  color: #E5E7EB;
  line-height: 1.5;
}

.pf-guide-note{
  margin-top: 8px;
  font-size: 12px;
  color: #9CA3AF;
  line-height: 1.5;
}

.pf-guide-actions{
  margin-top: 12px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.pf-doc-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid rgba(207,166,105,.45);
  background: rgba(207,166,105,.12);
  color: #F9FAFB;
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
}

.pf-doc-btn:hover{
  border-color: rgba(207,166,105,.75);
  background: rgba(207,166,105,.18);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b25afad *//* ---------------------------
   FlipFraction™ ROI Calculator Styles
   --------------------------- */

.ff-calc-wrap{
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  box-sizing: border-box;
}

/* Floating card illusion */
.ff-calc-card{
  width: 100%;
  padding: 24px;
  border: 1px solid #1F2937;
  border-radius: 12px;
  box-sizing: border-box;
  background: #111827;
  color: #F9FAFB;
  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.55),
    0 0 0 1px rgba(15, 23, 42, 0.8);
}

/* Title = Poppins */
.ff-calc-card .ff-title{
  display: block !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  font-size: 20px;
  line-height: 1.3;
  color: #FFFFFF !important;
  margin: 0 0 18px 0;
}

/* Body = Roboto */
.ff-calc-card,
.ff-calc-card input,
.ff-calc-card button,
.ff-calc-card label,
.ff-calc-card .ff-results,
.ff-calc-card .ff-error,
.ff-calc-card .ff-disclaimer{
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

/* Labels */
.ff-label{
  display: block;
  margin: 10px 0 6px;
  font-size: 14px;
  font-weight: 500;
  color: #E5E7EB;
}

/* Inputs */
.ff-input{
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #374151;
  border-radius: 10px;
  background: #1E2535;
  color: #F9FAFB;
  font-size: 14px;
  transition:
    border-color 0.15s ease,
    background-color 0.15s ease,
    box-shadow 0.15s ease;
}

/* Remove spinners */
.ff-input::-webkit-outer-spin-button,
.ff-input::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}
.ff-input[type=number]{
  -moz-appearance: textfield;
}

/* Input hover + focus */
.ff-input:hover{
  border-color: #4B5563;
  background-color: #222B3B;
}

.ff-input:focus{
  outline: none;
  border-color: #CFA669;
  box-shadow: 0 0 0 1px #CFA66966;
  background-color: #222B3B;
}

.ff-input:focus-visible{
  outline: 2px solid #CFA669;
  outline-offset: 2px;
}

/* Range sliders (months + poolRate) */
.ff-range{
  width: 100%;
  margin-top: 6px;
  -webkit-appearance: none;
  background: transparent;
}

/* Track (WebKit) */
.ff-range::-webkit-slider-runnable-track{
  height: 4px;
  background: #374151;
  border-radius: 999px;
}

/* Thumb (WebKit) */
.ff-range::-webkit-slider-thumb{
  -webkit-appearance: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #CFA669;
  border: 2px solid #111827;
  box-shadow: 0 0 0 0 transparent;
  transition:
    transform 0.15s ease,
    box-shadow 0.15s ease,
    background 0.15s ease;
  margin-top: -5px;
}

/* Thumb hover / active (WebKit) */
.ff-range:hover::-webkit-slider-thumb{
  transform: scale(1.25);
  box-shadow: 0 0 0 4px rgba(207, 166, 105, 0.3);
}

.ff-range:active::-webkit-slider-thumb{
  transform: scale(1.3);
  box-shadow: 0 0 0 6px rgba(207, 166, 105, 0.35);
}

/* Track (Firefox) */
.ff-range::-moz-range-track{
  height: 4px;
  background: #374151;
  border-radius: 999px;
}

/* Thumb (Firefox) */
.ff-range::-moz-range-thumb{
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #CFA669;
  border: 2px solid #111827;
  transition:
    transform 0.15s ease,
    box-shadow 0.15s ease,
    background 0.15s ease;
}

.ff-range:hover::-moz-range-thumb{
  transform: scale(1.25);
  box-shadow: 0 0 0 4px rgba(207, 166, 105, 0.3);
}

.ff-range:active::-moz-range-thumb{
  transform: scale(1.3);
  box-shadow: 0 0 0 6px rgba(207, 166, 105, 0.35);
}

/* Action buttons container */
.ff-actions{
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Calculate button */
.ff-btn{
  width: 100%;
  padding: 12px;
  border-radius: 10px;
  border: none;
  background: #CFA669;
  color: #111827;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease, transform 0.1s ease;
}

.ff-btn:hover{
  background: #B98F57;
  transform: translateY(-2px);
}

.ff-btn:active{
  transform: translateY(0);
}

.ff-btn:focus-visible{
  outline: 2px solid #CFA669;
  outline-offset: 2px;
}

/* Neutral reset button */
.ff-btn-secondary{
  width: 100%;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #4B5563;
  background: transparent;
  color: #E5E7EB;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
}

.ff-btn-secondary:hover{
  background: #1E2535;
  border-color: #6B7280;
  transform: translateY(-1px);
}

.ff-btn-secondary:active{
  transform: translateY(0);
}

/* Error / results / disclaimer */
.ff-error{
  margin-top: 10px;
  min-height: 18px;
  color: #f87171;
  font-size: 13px;
}

.ff-results{
  margin-top: 14px;
  font-size: 15px;
  line-height: 1.55;
  color: #F3F4F6;
}

.ff-results strong{
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
}

.ff-roi-highlight{
  font-weight: 700;
  color: #CFA669;
  font-size: 16px;
}

.ff-disclaimer{
  margin-top: 16px;
  font-size: 12px;
  color: #9CA3AF;
  line-height: 1.5;
}

/* Mobile */
@media (max-width: 480px){
  .ff-calc-card{
    padding: 18px;
  }
}/* End custom CSS */