.elementor-1092 .elementor-element.elementor-element-5ae13e0b{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:4px 4px 4px 4px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-1092 .elementor-element.elementor-element-5ae13e0b:not(.elementor-motion-effects-element-type-background), .elementor-1092 .elementor-element.elementor-element-5ae13e0b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e0808dd );}.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-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1092 .elementor-element.elementor-element-1ddd408e .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-1092 .elementor-element.elementor-element-1ddd408e .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-1092 .elementor-element.elementor-element-1ddd408e{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1092 .elementor-element.elementor-element-1ddd408e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1092 .elementor-element.elementor-element-1ddd408e .elementor-icon-list-item > a{font-family:"Nunito", Sans-serif;font-size:12px;font-weight:400;line-height:22px;}.elementor-1092 .elementor-element.elementor-element-1ddd408e .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}@media(max-width:575px){.elementor-1092 .elementor-element.elementor-element-5ae13e0b{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1092 .elementor-element.elementor-element-68ecfea1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-1092 .elementor-element.elementor-element-1ddd408e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-1092 .elementor-element.elementor-element-2507cd4a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}}/* Start custom CSS for html, class: .elementor-element-2507cd4a */.d-span{
    height: 20px;
}
/* ===== Card / Background ===== */
.calculator__form{
  max-width: 560px;
  background: #fff;
  border-radius: 14px;
  
  
  font-family: inherit;
  color: #4b4b4b;
}

/* Title + bullets */
.calculator__title{
  font-size: 36px;
  font-weight: 500;
  line-height: 1.15;
  margin: 0 0 4px;
  color: #444;
}

.calculator__bullets{
  margin: 0 0 8px;
  padding: 0;
  list-style: none;
  font-size: 14px;
  color: #6a6a6a;
}
.calculator__bullets li{
  margin: 6px 0;
}
.calculator__bullets li::before{
  content: "✓";
  display: inline-block;
  margin-right: 8px;
  color: #2f7bff;
  font-weight: 700;
}

/* ===== Rows ===== */
.calculator__row{
  position: relative;
  padding: 2px 0 8px;
  border-bottom: none;
}

.calculator__lbl{
  display: inline-block;
  font-size: 22px;
  font-weight: 500;
  color: #5a5a5a;
  margin: 0;
}

.calculator__value{
  position: absolute;
  top: 0px;
  right: 0;
  left: auto !important;
  transform: none !important;
  background: transparent;
  padding: 0;
  border-radius: 0;
  font-size: 26px;
  font-weight: 600;
  color: #8a8a8a;
  box-shadow: none;
}

/* +/- like screenshot */
.addIcon{
  position: relative;
  margin-top: 0px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.addIcon__icon{
  width: 32px;
  height: 32px;
  border: 0;
  background: transparent;
  color: #9a9a9a;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.addIcon__icon:hover{ color:#6f6f6f; }

/* ===== Range: hide native, draw custom ===== */
.calculator__range{
  width: 100%;
  appearance: none;
  height: 14px;
  background: transparent;
  margin-top: 6px;
  position: relative;
  z-index: 3;
}
.calculator__range::-webkit-slider-thumb{
  appearance: none;
  width: 26px;height: 26px;border-radius: 50%;
  background: transparent; border: 0;
}
.calculator__range::-moz-range-thumb{
  width: 26px;height: 26px;border-radius: 50%;
  background: transparent;border: 0;
}

/* track like screenshot */
.calculator__track{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 18px;         /* line position */
  height: 3px;          /* thin line */
  border-radius: 999px;
  background: #c8d1dc;  /* gray part */
  z-index: 1;
}

/* blue filled part */
.calculator__bar{
  height: 100%;
  width: 0%;
  border-radius: 999px;
  background: #1a82c7;
}

/* orange knob */
.calculator__thumb{
  position: absolute;
  top: 50%;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  transform: translate(-50%,-50%);
  background: #ff7a00;
  border: 3px solid #ff7a00;
  box-shadow: 0 8px 18px rgba(0,0,0,.18);
}

/* ===== Total block ===== */
.calculator__row_total{
  padding-top: 18px;
}
.calculator__totalRow{
  display: block;
  margin: 10px 0;
  font-size: 15px;
  color: #6c6c6c;
}
.calculator__totalSumm{
  font-weight: 700;
  color: #4a4a4a;
}
.calculator__bold{
  font-weight: 700;
  color: #4a4a4a;
}
.calculator__date{
  font-weight: 700;
  color: #4a4a4a;
  margin-bottom: 20px !important;
}

/* ===== CTA button ===== */
.button_red{
  margin-top: 0px !important;
  width: 240px;
  background: #0385FF;
  border-radius: 4px !important;
  color: #fff;
  border: 2px solid #0385FF;
  padding: 14px 18px;
  border-radius: 10px;
  cursor: pointer;
  font-weight: 700;
  font-size: 16px;
}
.button_red:hover{ 
    color: #0385FF;
   background:#fff; 
    
}

/* alert (optional) */
.calculator__alert{
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 10px;
  background: #fff4f4;
  color: #b00020;
  font-size: 13px;
}
.calculator__date{
    margin-bottom: 20px !important;
}
/* responsive */
@media (max-width: 600px){
  .calculator__form{ padding: 0px 0px; }
  .calculator__lbl{
      font-size: 18px; 
      
  }
 .calculator__range{
  width: 100%;
  appearance: none;
  height: 34px;
 }
  .button_red{ 
      width: 100%;
      }
  .calculator__value{
  position: absolute;
  top: 55px !important;
  right: 0 !important;
  left: 0 !important;
  transform: none !important;
  background: transparent;
  padding: 0;
  border-radius: 0;
  font-size: 20px !important;
  font-weight: 600;
  color: #8a8a8a;
  box-shadow: none;
}

.addIcon__icon{
  width: 22px;
  height: 22px;
}
}
/* iOS / mobile: ховаємо НАТИВНИЙ thumb, залишаємо кастомний */
@media (hover: none) and (pointer: coarse) {

  .calculator__range{
    -webkit-appearance: none;
    appearance: none;
  }

  .calculator__range::-webkit-slider-thumb{
    -webkit-appearance: none;
    appearance: none;
    width: 0;
    height: 0;
    background: transparent;
    border: none;
    box-shadow: none;
  }

  .calculator__range::-moz-range-thumb{
    width: 0;
    height: 0;
    background: transparent;
    border: none;
  }

  /* гарантуємо, що наш помаранчевий видно */
  .calculator__thumb{
    display: block !important;
    z-index: 4;
  }
}
/* iPhone / touch: ховаємо білий нативний кружок, але зберігаємо drag */
@media (hover: none) and (pointer: coarse) {

  /* важливо: range має бути над треком і ловити тач */
  .calculator__range{
    position: relative;
    z-index: 5;
  }

  /* нативний thumb — НЕ видно, але є (для drag) */
  .calculator__range::-webkit-slider-thumb{
    -webkit-appearance: none;
    appearance: none;
    width: 34px;          /* зона захвату */
    height: 34px;
    border-radius: 50%;
    background: transparent;
    border: none;
    box-shadow: none;
    opacity: 0;           /* <-- ключ: невидимий, але працює */
  }

  /* твій помаранчевий кружок — тільки візуальний */
  .calculator__thumb{
    display: block !important;
    z-index: 4;
    pointer-events: none; /* щоб не заважав drag */
  }
}/* End custom CSS */