.elementor-4866 .elementor-element.elementor-element-0e3eb8f{--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:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.87;--margin-top:0px;--margin-bottom:45px;--margin-left:0px;--margin-right:0px;--padding-top:90px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}.elementor-4866 .elementor-element.elementor-element-0e3eb8f:not(.elementor-motion-effects-element-type-background), .elementor-4866 .elementor-element.elementor-element-0e3eb8f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-756d139 );background-image:url("https://www.ascensioncu.org/wp-content/uploads/2025/07/sidneyvega_Minimalist_wavy_corporate_desktop_wallpaper_in_Dap_84071cc2-dbf8-4809-b315-0333fb791aac_1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4866 .elementor-element.elementor-element-0e3eb8f::before, .elementor-4866 .elementor-element.elementor-element-0e3eb8f > .elementor-background-video-container::before, .elementor-4866 .elementor-element.elementor-element-0e3eb8f > .e-con-inner > .elementor-background-video-container::before, .elementor-4866 .elementor-element.elementor-element-0e3eb8f > .elementor-background-slideshow::before, .elementor-4866 .elementor-element.elementor-element-0e3eb8f > .e-con-inner > .elementor-background-slideshow::before, .elementor-4866 .elementor-element.elementor-element-0e3eb8f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-b523003 );--background-overlay:'';}.elementor-4866 .elementor-element.elementor-element-ce0107d{--display:flex;border-style:solid;--border-style:solid;border-color:#105698;--border-color:#105698;--border-radius:0px 0px 0px 0px;}.elementor-4866 .elementor-element.elementor-element-02ad918{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-4866 .elementor-element.elementor-element-3efd6de{--display:flex;--justify-content:flex-start;border-style:solid;--border-style:solid;border-color:var( --e-global-color-3ef5b2d );--border-color:var( --e-global-color-3ef5b2d );--border-radius:30px 30px 30px 30px;box-shadow:0px -1px 23px -7px #999999;--margin-top:30px;--margin-bottom:30px;--margin-left:30px;--margin-right:30px;--padding-top:26px;--padding-bottom:26px;--padding-left:26px;--padding-right:26px;}.elementor-4866 .elementor-element.elementor-element-3efd6de:not(.elementor-motion-effects-element-type-background), .elementor-4866 .elementor-element.elementor-element-3efd6de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFCFC;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-4866 .elementor-element.elementor-element-bce6cd0{margin:50px 187px calc(var(--kit-widget-spacing, 0px) + 50px) 187px;}.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-4866 .elementor-element.elementor-element-00263b0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 56px 0px 56px;text-align:left;}.elementor-4866 .elementor-element.elementor-element-00263b0 .elementor-heading-title{font-family:"Mulish", Sans-serif;font-size:39px;font-weight:800;text-transform:capitalize;color:var( --e-global-color-d95e35e );}.elementor-4866 .elementor-element.elementor-element-af73b09{margin:0px 56px calc(var(--kit-widget-spacing, 0px) + 56px) 56px;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-4866 .elementor-element.elementor-element-00263b0{text-align:center;}}@media(min-width:768px){.elementor-4866 .elementor-element.elementor-element-0e3eb8f{--content-width:1250px;}}@media(min-width:1025px){.elementor-4866 .elementor-element.elementor-element-0e3eb8f:not(.elementor-motion-effects-element-type-background), .elementor-4866 .elementor-element.elementor-element-0e3eb8f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:767px){.elementor-4866 .elementor-element.elementor-element-3efd6de{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:19px;--padding-bottom:19px;--padding-left:19px;--padding-right:19px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-4866 .elementor-element.elementor-element-bce6cd0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-4866 .elementor-element.elementor-element-bce6cd0 img{width:73%;max-width:100%;}.elementor-4866 .elementor-element.elementor-element-00263b0{padding:0px 0px 0px 0px;}.elementor-4866 .elementor-element.elementor-element-00263b0 .elementor-heading-title{font-size:21px;}.elementor-4866 .elementor-element.elementor-element-af73b09{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for html, class: .elementor-element-af73b09 *//* Loan Calculator Card Styling - Match ACU Theme */

/* Wrap / Card */
.acu-loan-wrap {
  max-width: 100%;
  margin: 0px auto;
  padding: 20px;
  border-radius: 16px;
  background: #fff;
  color: #0F3457;
  font-family: 'Roboto', sans-serif;

  /* shadow like button group */
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  transition: box-shadow .3s ease;
}
.acu-loan-wrap:hover {
  box-shadow: 0 10px 24px rgba(0,0,0,0.15);
}

/* Title */
.acu-title {
  margin: 0 0 16px;
  font-size: 1.35rem;
  font-weight: 700;
  color: #105698;
}

/* Labels */
.acu-label {
  display: block;
  margin-top: 12px;
  margin-bottom: 6px;
  font-size: .95rem;
  font-weight: 500;
  color: #0F3457;
}

/* Inputs */
.acu-input {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #cfd9e3;
  border-radius: 12px;
  background: #fff;
  color: #0F3457;
  font-size: 1rem;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.acu-input:focus {
  outline: none;
  border-color: #105698;
  box-shadow: 0 0 0 3px rgba(16,86,152,0.15);
}

/* Button */
.acu-btn {
  margin-top: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 22px;
  border-radius: 999px;   /* pill shape */
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  background: #6AB14A;
  color: #fff;
  border: none;
  cursor: pointer;

  /* shadow + transitions */
  box-shadow: 0 4px 10px rgba(0,0,0,.15);
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.acu-btn:hover,
.acu-btn:focus {
  background: #105698;
  transform: translateY(-3px);
  box-shadow: 0 10px 22px rgba(0,0,0,.20);
}
.acu-btn:active {
  transform: translateY(2px);
  box-shadow: 0 4px 8px rgba(0,0,0,.15);
}

/* Result Box */
.acu-result {
  margin-top: 16px;
  padding: 14px;
  border-radius: 12px;
  background: #f8fbff;
  border: 1px dashed #cfd9e3;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.05);
}
.acu-sub {
  margin-top: 6px;
  color: #425b73;
  font-size: .92rem;
}


/* === Unified slider look for ALL ACU calculators === */
#acu-heloc-card .acu-input[type=range],
#acu-save-card  .acu-input[type=range]{
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 6px;
  border-radius: 6px;
  background: #e6eef5;       /* same track as HELOC */
  outline: none;
  margin: 6px 0 12px;
}

/* WebKit track (Chrome/Safari/Edge Chromium) */
#acu-heloc-card .acu-input[type=range]::-webkit-slider-runnable-track,
#acu-save-card  .acu-input[type=range]::-webkit-slider-runnable-track{
  height: 6px;
  background: #e6eef5;
  border-radius: 6px;
}

/* WebKit thumb */
#acu-heloc-card .acu-input[type=range]::-webkit-slider-thumb,
#acu-save-card  .acu-input[type=range]::-webkit-slider-thumb{
  -webkit-appearance: none;
  appearance: none;
  width: 20px; height: 20px;
  border-radius: 50%;
  background: #6AB14A;       /* ACU green */
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  transition: background .2s;
  margin-top: -7px;           /* vertically center on 6px track */
}
#acu-heloc-card .acu-input[type=range]::-webkit-slider-thumb:hover,
#acu-save-card  .acu-input[type=range]::-webkit-slider-thumb:hover{
  background: #105698;        /* ACU blue on hover (match HELOC) */
}

/* Firefox track */
#acu-heloc-card .acu-input[type=range]::-moz-range-track,
#acu-save-card  .acu-input[type=range]::-moz-range-track{
  height: 6px;
  background: #e6eef5;
  border-radius: 6px;
}

/* Firefox thumb */
#acu-heloc-card .acu-input[type=range]::-moz-range-thumb,
#acu-save-card  .acu-input[type=range]::-moz-range-thumb{
  width: 20px; height: 20px;
  border-radius: 50%;
  background: #6AB14A;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  transition: background .2s;
}
#acu-heloc-card .acu-input[type=range]::-moz-range-thumb:hover,
#acu-save-card  .acu-input[type=range]::-moz-range-thumb:hover{
  background: #105698;
}

/* Focus ring consistent with inputs */
#acu-heloc-card .acu-input[type=range]:focus,
#acu-save-card  .acu-input[type=range]:focus{
  box-shadow: 0 0 0 3px rgba(16,86,152,0.15);
  border-radius: 8px;
}

/* Optional: make the 3-mode toggle row stack on phones like the HELOC two-button row */
@media (max-width: 600px){
  #acu-save-card .acu-dual[style*="repeat(3"]{ grid-template-columns: 1fr !important; }
  #acu-save-card .acu-toggle{ width: 100%; }
}

/* Optional nicety: align number inputs visually with ranges */
#acu-heloc-card .acu-input[type=number],
#acu-save-card  .acu-input[type=number]{ line-height: 1.2; }/* End custom CSS */