.elementor-3447 .elementor-element.elementor-element-fdbdca0:not(.elementor-motion-effects-element-type-background), .elementor-3447 .elementor-element.elementor-element-fdbdca0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F9FC;background-image:url("https://wisor.onevdev.com/wp-content/uploads/2024/12/Rectangle-6859.png");background-repeat:no-repeat;background-size:25% auto;}.elementor-3447 .elementor-element.elementor-element-fdbdca0 > .elementor-background-overlay{background-image:url("https://wisor.onevdev.com/wp-content/uploads/2024/12/Rectangle-6860.png");background-position:bottom right;background-repeat:no-repeat;background-size:10% auto;opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3447 .elementor-element.elementor-element-fdbdca0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:125px 0px 0px 0px;}.elementor-3447 .elementor-element.elementor-element-23451e4.elementor-column > .elementor-widget-wrap{justify-content:center;}.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-3447 .elementor-element.elementor-element-16686c7{text-align:center;}.elementor-3447 .elementor-element.elementor-element-16686c7 .elementor-heading-title{font-family:"IBM Plex Sans", Sans-serif;font-weight:700;color:var( --e-global-color-3490cfa );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3447 .elementor-element.elementor-element-9359391{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;text-align:center;font-family:"HankenGrotesk-Medium", Sans-serif;font-size:20px;font-weight:500;}.elementor-3447 .elementor-element.elementor-element-94a46b8{--spacer-size:10px;}.elementor-3447 .elementor-element.elementor-element-a89fee2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3447 .elementor-element.elementor-element-90f53c0{--spacer-size:50px;}.elementor-3447 .elementor-element.elementor-element-ca846ad{text-align:center;}.elementor-3447 .elementor-element.elementor-element-ca846ad .elementor-heading-title{font-family:"IBM Plex Sans", Sans-serif;font-weight:500;color:#0A2540;}.elementor-3447 .elementor-element.elementor-element-f560484{width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;text-align:center;font-family:"IBM Plex Sans", Sans-serif;font-weight:400;}.elementor-3447 .elementor-element.elementor-element-da0e1d1{--spacer-size:50px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3447 .elementor-element.elementor-element-9359391{--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;}}@media(min-width:1601px){.elementor-3447 .elementor-element.elementor-element-fdbdca0:not(.elementor-motion-effects-element-type-background), .elementor-3447 .elementor-element.elementor-element-fdbdca0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-3447 .elementor-element.elementor-element-fdbdca0 > .elementor-background-overlay{background-attachment:scroll;}}@media(max-width:767px){.elementor-3447 .elementor-element.elementor-element-fdbdca0:not(.elementor-motion-effects-element-type-background), .elementor-3447 .elementor-element.elementor-element-fdbdca0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:100px auto;}.elementor-3447 .elementor-element.elementor-element-fdbdca0 > .elementor-background-overlay{background-size:50px auto;}.elementor-3447 .elementor-element.elementor-element-fdbdca0{padding:120px 10px 0px 10px;}.elementor-3447 .elementor-element.elementor-element-16686c7 .elementor-heading-title{font-size:27px;}.elementor-3447 .elementor-element.elementor-element-9359391{width:100%;max-width:100%;font-size:16px;}.elementor-3447 .elementor-element.elementor-element-94a46b8{--spacer-size:20px;}.elementor-3447 .elementor-element.elementor-element-fff1939 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-3447 .elementor-element.elementor-element-90f53c0{--spacer-size:30px;}.elementor-3447 .elementor-element.elementor-element-f560484{width:100%;max-width:100%;font-size:14px;}}/* Start custom CSS for html, class: .elementor-element-a89fee2 */.calculator-container {
  max-width: 100% !important; 
  margin: 0 auto !important; 
  background: #FFFFFF59 !important; 
border-radius: 24px !important;
border: 2px solid rgba(225, 218, 255, 1);
backdrop-filter: blur(2px);
  padding: 30px !important; 
  display: flex !important; 
  flex-wrap: wrap !important;
  align-items: flex-start !important; /* Ensures both panels align at their top edge */
}

.left-panel {
  width: 100% !important; 
  max-width: 540px !important; 
  padding-right: 20px !important;
  padding-top: 45px !important;
}

.slider-group { 
  margin-bottom: 2.5rem !important; 
}

.slider-label { 
  margin-bottom: 0.5rem !important; 
  font-weight: bold !important; 
  color: #2a2a2a !important;
  max-width: 75% !important;
}

.slider-row {
  display: flex !important; 
  align-items: center !important; 
  gap: 1rem !important;
}

/* Slider base style */
input[type="range"] {
  flex: 1 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  height: 6px !important; 
  border-radius: 3px !important;
  outline: none !important; 
  cursor: pointer !important;
  background: #E0E8F0 !important;
}

/* Slider thumb */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none !important;
   margin-top: -2px !important; 
  appearance: none !important;
  width: 20px !important;
  height: 20px !important;
  background: #753BE3 !important; /* Navy thumb */
  border-radius: 50% !important;
  border: 2px solid #fff !important;
  box-shadow: 0 0 2px rgba(0,0,0,0.2) !important;
  cursor: pointer !important;
}

.numeric-input {
  width: 80px !important; 
  padding: 6px !important; 
  font-size: 1rem !important; 
  text-align: center !important;
  border: 1px solid #ccc !important; 
  border-radius: 5px !important;
}

.calculate-btn {
  display: inline-block !important; 
  padding: 15px !important; 
  width: 180px !important; 
  text-align: center !important; 
  background: #753BE3 !important; 
  color: #fff !important; 
  font-size: 16px !important; 
  font-weight: bold !important; 
  border: none !important; 
  border-radius: 5px !important; 
  cursor: pointer !important;
  margin-top: 10px !important;
}
.calculate-btn:hover { 
  background: #613393 !important; 
}

.right-panel {
  flex: 1 !important; 
  padding-left: 20px !important; 
  display: flex !important; 
  flex-direction: column !important; 
  margin-top: 1rem !important;
  gap: 0 !important; /* Remove extra spacing between items */
}

.right-panel h2 {
  text-align: center !important;
  margin-top: 0 !important;
  margin-bottom: 1rem !important; 
  font-size: 1.6rem !important; /* Adjust as needed */
  font-weight: 700 !important;
  color: #0A2540 !important; /* Example darker color */
  font-family: 'IBM Plex Sans', sans-serif !important; /* Optional font */
}

.savings-box {
  background: #7d48b1 !important; 
  border-radius: 12px !important;  /* More prominent rounding */
  background: linear-gradient(116.96deg, #6A35D0 16.98%, #4620DD 137.65%) !important;
  color: #fff !important; 
  text-align: center !important; 
  padding: 30px !important; 
  margin-top: 0 !important; /* Remove any extra margin */
  box-shadow: none !important; /* Remove shadow if desired */
  order: 1 !important; /* Ensure box appears below .additional-stats */
}
.savings-box h3 {
  margin: 10px 0 !important; 
  font-size: 1rem !important; 
  font-weight: 600 !important;
  
}
.savings-box .highlight {
  font-size: 2rem !important; 
  font-weight: 700 !important; 
  margin-bottom: 20px !important;
   font-family: 'IBM Plex Sans', sans-serif !important; /* Optional font */
   
}

.additional-stats {
  margin-top: 1.5rem !important; 
  color: #444 !important; 
  font-weight: 500 !important; 
  line-height: 1.5 !important;
  order: 0 !important; /* Appear above the purple box */
  margin-bottom: 0 !important; /* No extra gap */
}
.additional-stats > div {
  background: #fff !important; 
  border: 2px solid #E1DAFF !important; 
  border-radius: 16px !important; 
  padding: 16px 24px !important;
  margin-bottom: 1rem !important; 
  display: flex !important; 
  justify-content: space-between !important; 
  align-items: center !important;
  font-size: 1.1rem !important; 
  font-weight: 600 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
}
.additional-stats .stat-label {
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  color: #0A2540 !important;
  margin-right: 10px !important;
}
.additional-stats span[id] {
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  color: #0A2540 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
}

@media(max-width: 900px) {
  .calculator-container {
    flex-direction: column !important;
  }
  .left-panel, .right-panel {
    width: 100% !important; 
    max-width: none !important; 
    padding: 0 !important;
  }
  .right-panel {
    margin-top: 2rem !important;
  }
  .slider-label { 
  margin-bottom: 0.5rem !important; 
  font-weight: bold !important; 
  color: #2a2a2a !important;
  max-width: 100% !important;
}
}/* End custom CSS */