#conSilokinCar::-webkit-scrollbar {
    width:.4em
  }
  .tableSilokin td,
  .tableSilokin th {
    border:1px solid #EDF2F8!important
  }
  #conSilokinCar::-webkit-scrollbar-track {
    box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)
  }
  #conSilokinCar::-webkit-scrollbar-thumb {
    border-radius:30px;
    background-color:#36F;
    outline:1px solid slategrey
  }
  #conSilokinCallMatra::-webkit-scrollbar {
    width:.4em
  }
  #conSilokinCallMatra::-webkit-scrollbar-track {
    box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)
  }
  #conSilokinCallMatra::-webkit-scrollbar-thumb {
    border-radius:30px;
    background-color:#36F;
    outline:1px solid slategrey
  }
  #conSilokinBalon::-webkit-scrollbar {
    width:.4em
  }
  #conSilokinBalon::-webkit-scrollbar-track {
    box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)
  }
  #conSilokinBalon::-webkit-scrollbar-thumb {
    border-radius:30px;
    background-color:#36F;
    outline:1px solid slategrey
  }
  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance:none;
    margin:0
  }
  .card_calculator {
    border-radius:8px;
    margin-top:20px;
    background-color:#e7e5f3;
    font-family:"Open Sans"
  }
  .headerTab {
    display:flex;
    justify-content:center
  }
  .tab {
    cursor:pointer;
    text-align:center;
    width:100%;
    padding:10px 12px;
    background:#F9F8FE;
    color:#2d2e4c;
    font-weight:500
  }
  .calculator {
    max-width:600px;
    display:block;
    margin-left:auto;
    margin-right:auto;
    background:#fff
  }
  [data-tab-content] {
    display:none
  }
  .active[data-tab-content] {
    display:block
  }
  .tab.active {
    color:#2d2e4c;
    background:#fff
  }
  .fld_con {
    margin-top:23px;
    display:grid;
    grid-template-columns:1fr;
    align-items:center;
    gap:12px
  }
  .rangeInput {
    direction:ltr;
    width:100%
  }
  .rangeslider {
    direction:ltr
  }
  .rangeslider__fill {
    background:#3366FF!important
  }
  .result {
    border-radius: 5px!important;
    padding:10px 3px!important;
    width: 25%!important;
    text-align:center;
    background: white;
    border: 1px solid #b8b8b8 !important;
    color:#2d2e4c;
    font-size:25px
  }
  .lab {
    font-size:18px;
    width:25%;
    font-weight:500;
    color:#000
  }
  .stepCal {
    padding: 1rem;
    background: #FDF1EC;
    border-radius: 5px;
    font-family: Rubik;
  }
  .result_cal1,
  .result_cal2,
  .result_cal3 {
    padding-top:20px;
    font-weight:600;
    border-top: 1px solid #b2b2b2;
    margin-top:30px;
    display:flex;
    font-size:19px;
    justify-content:space-evenly;
    align-items:center
  }
  .resultDivCal1,
  .resultDivCal2 {
    border-radius:8px;
    width:142px;
    padding:5px;
    font-size:25px;
    text-align:center;
    background: #fe4500;
    color:#fff
  }
  .resultDivCal3 {
    border-radius:8px;
    width:100%;
    padding:5px;
    font-size:25px;
    text-align:center;
    background:rgb(51,102,255);
    color:#fff
  }
  .btnOria {
    padding-top:20px;
    border-top:1px solid;
    margin-top:20px;
    display:flex;
    justify-content:space-around
  }
  .redirect {
    min-width:185px;
    max-width:100%;
    background:#de0025;
    color:#fff;
    padding:10px;
    border:none;
    border-radius:30px;
    text-align:center;
    cursor:pointer
  }
  .silokin {
    max-width:100%;
    min-width:185px;
    padding:10px;
    background:#008412;
    color:#fff;
    border:none;
    border-radius:30px;
    text-align:center;
    cursor:pointer
  }
  .silokin:hover {
    background:#61CE70
  }
  #conSilokinCallMatra,
  #conSilokinCar,
  #conSilokinBalon {
    margin-top:35px;
    max-height:400px;
    overflow:auto
  }
  .stickyRow {
    position:sticky;
    top:0;
    background:#fff
  }
  .tableSilokin th {
    font-size:15px;
    color:#2d2e4c;
    font-weight:600
  }
  .tableSilokin td {
    font-size:15px;
    color:#2d2e4c;
    font-weight:400
  }
  .flexCal {
    display:flex;
    justify-content:center;
    align-items:center;
    padding-bottom:15px;
    gap:5px
  }
  @media (min-width:1250px) {
    .card_calculator {
      padding:50px
    }
  }
  @media (max-width:600px) {
    .tab {
      font-size:14px
    }
    .result {
      width: 40%!important;
      font-size:20px
    }
    .lab {
      width:40%
    }
    .rangeInput {
      width:100%
    }
    .result_cal1,
    .result_cal2,
    .result_cal3 {
      font-size:17px
    }
    .resultDivCal1,
    .resultDivCal2 {
      width:130px;
      font-size:20px
    }
    .resultDivCal3 {
      font-size:20px
    }
    .btnOria {
      display:block
    }
    .redirect {
      width:100%;
      margin-bottom:15px
    }
    .silokin {
      width:100%
    }
  }

input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 8px;
  background: #e5e5e5;
  outline: none;
  opacity: 0.9;
  border-radius: 5px;
  transition: background 0.3s;
}

input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  animate: 0.2s;
  background: #ddd;
  border-radius: 5px;
  border: 1px solid #ccc;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  border: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #fe4500;
  cursor: pointer;
  margin-top: -6px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
}

input[type="range"]::-moz-range-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  animate: 0.2s;
  background: #ddd;
  border-radius: 5px;
  border: 1px solid #ccc;
}

input[type="range"]::-moz-range-thumb {
  border: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #fe4500;
  cursor: pointer;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
}

input[type="range"]::-ms-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

input[type="range"]::-ms-fill-lower {
  background: #ddd;
  border: 1px solid #ccc;
  border-radius: 5px;
}

input[type="range"]::-ms-fill-upper {
  background: #ddd;
  border: 1px solid #ccc;
  border-radius: 5px;
}

input[type="range"]::-ms-thumb {
  border: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #fe4500;
  cursor: pointer;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
  margin-top: 0px;
}

input[type="range"]:focus::-ms-fill-lower {
  background: #ddd;
}

input[type="range"]:focus::-ms-fill-upper {
  background: #ddd;
}

input[type="range"]::-webkit-slider-runnable-track {
  background: linear-gradient(to right, #fe4500 0%, #fe4500 var(--value), #ddd var(--value), #ddd 100%);
}