.elementor-3486 .elementor-element.elementor-element-ef3f6ef{--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-3486 .elementor-element.elementor-element-ef3f6ef:not(.elementor-motion-effects-element-type-background), .elementor-3486 .elementor-element.elementor-element-ef3f6ef > .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-3486 .elementor-element.elementor-element-ef3f6ef::before, .elementor-3486 .elementor-element.elementor-element-ef3f6ef > .elementor-background-video-container::before, .elementor-3486 .elementor-element.elementor-element-ef3f6ef > .e-con-inner > .elementor-background-video-container::before, .elementor-3486 .elementor-element.elementor-element-ef3f6ef > .elementor-background-slideshow::before, .elementor-3486 .elementor-element.elementor-element-ef3f6ef > .e-con-inner > .elementor-background-slideshow::before, .elementor-3486 .elementor-element.elementor-element-ef3f6ef > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-b523003 );--background-overlay:'';}.elementor-3486 .elementor-element.elementor-element-60953c8{--display:flex;border-style:solid;--border-style:solid;border-color:#105698;--border-color:#105698;--border-radius:0px 0px 0px 0px;}.elementor-3486 .elementor-element.elementor-element-1c334d2{--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-3486 .elementor-element.elementor-element-9d9f0dc{--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-3486 .elementor-element.elementor-element-9d9f0dc:not(.elementor-motion-effects-element-type-background), .elementor-3486 .elementor-element.elementor-element-9d9f0dc > .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-3486 .elementor-element.elementor-element-83053e0{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-3486 .elementor-element.elementor-element-e360cdf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 56px 0px 56px;text-align:left;}.elementor-3486 .elementor-element.elementor-element-e360cdf .elementor-heading-title{font-family:"Mulish", Sans-serif;font-size:39px;font-weight:800;text-transform:capitalize;color:var( --e-global-color-d95e35e );}.elementor-3486 .elementor-element.elementor-element-6f8662a{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-3486 .elementor-element.elementor-element-e360cdf{text-align:center;}}@media(min-width:768px){.elementor-3486 .elementor-element.elementor-element-ef3f6ef{--content-width:1250px;}}@media(min-width:1025px){.elementor-3486 .elementor-element.elementor-element-ef3f6ef:not(.elementor-motion-effects-element-type-background), .elementor-3486 .elementor-element.elementor-element-ef3f6ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:767px){.elementor-3486 .elementor-element.elementor-element-9d9f0dc{--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-3486 .elementor-element.elementor-element-83053e0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-3486 .elementor-element.elementor-element-83053e0 img{width:73%;max-width:100%;}.elementor-3486 .elementor-element.elementor-element-e360cdf{padding:0px 0px 0px 0px;}.elementor-3486 .elementor-element.elementor-element-e360cdf .elementor-heading-title{font-size:21px;}.elementor-3486 .elementor-element.elementor-element-6f8662a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for html, class: .elementor-element-6f8662a *//* 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;
}

/* Put text field and slider side-by-side, stack on mobile */
.acu-dual {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
@media (max-width: 600px){
  .acu-dual { grid-template-columns: 1fr; }
}

/* Theme the sliders to match ACU palette */
.acu-input[type=range] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 6px;
  border-radius: 6px;
  background: #e6eef5;
  outline: none;
  margin: 6px 0 12px;
}
.acu-input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  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-input[type=range]::-webkit-slider-thumb:hover { background: #105698; }
.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-input[type=range]::-moz-range-thumb:hover { background: #105698; }/* End custom CSS */