.gadai-section {
  background: #f8f3e6;
  position: relative;
}

.gadai-section .nav-pills{
  background: white;
  border-radius: 10px 10px 0 0;
}
.gadai-section .nav-link{
  padding: 1rem .5rem .5rem;
  color: #aeaeae;
  font-size: 14px;
}
.gadai-section .img-produk-gadai{
  border-radius: 10px;
  margin-bottom: 30px;
}
.gadai-section .syarat-list li{
  list-style-type: none;
  position: relative;
  padding-bottom: 10px;
}
.gadai-section .syarat-list li:before{
  position: absolute;
  background: url(../img/icon-checked.png);
  background-size: 20px;
  display: inline-block;
  margin-left: -20px;
  content: "";
  width: 20px;
  height: 20px;
  left: -6px;
  top: -3px;
}
.gadai-section .produk-tab-wrapper .nav-link.active{
  background: linear-gradient(-90deg, rgb(231, 204, 143) 0%, rgb(231, 196, 134) 100%);
  color: white;
  border-radius: 10px 10px 0 0;
  border-bottom: 2px solid #04559f;
}

.gadai-section .gadai-tab-wrapper .nav-pills {
  background: white;
  border-radius: 10px;
}
.gadai-section .gadai-tab-wrapper .nav-pills .nav-item {
  flex: 1 50%;
  text-align: center;
}
.gadai-section .gadai-tab-wrapper .nav-pills .nav-link {
  border-radius: 10px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 9px;
  padding-top: 14px;
  color: #121b50;
}
.gadai-section .gadai-tab-wrapper .nav-pills .nav-link.active {
  background: #e7cc8f;
  color: white;
}
.gadai-section .gadai-tab-wrapper .nav-pills .nav-item:first-of-type .nav-link {
  border-radius: 10px 0 0 10px;
}
.gadai-section .gadai-tab-wrapper .nav-pills .nav-item:last-of-type .nav-link {
  border-radius: 0 10px 10px 0;
}
.gadai-section .cara-list {
  padding-left: 30px;
  font-size: 14px;
}
.gadai-section .cara-list li {
  margin-bottom: 5px;
}
.gadai-section .cara-list li span {
  position: relative;
  top: -3px;
}
.gadai-section .cara-list li::marker{
  font-size: 30px;
  line-height: 1;
}
.gadai-section .img-pelunasan {
  border-radius: 10px;
  margin-bottom: 20px;
}
.gadai-section .simulasi-card {
  background: url(../img/bg-simulasi.jpg);
  border: 2px solid #c48e31;
  border-radius: 10px;
  color: #8d6e2c;
  padding: 30px;
  height: 100%;
  position: relative;
}

.gadai-section .hasil-card{
  background: url(../img/bg-hasil.jpg);
  border: 2px solid #c48e31;
  border-radius: 10px;
  padding: 30px;
  color: #8d6e2c;
  height: 100%;
}

.gadai-section .produk-gadai-list .produk-gadai-item{
  margin-bottom: 40px;
  text-align: center;
}
.gadai-section .range-slider{
  width: 100%;
  -webkit-appearance: none;
  background: white;
  height: 5px;
  border-radius: 50px;
  outline: none;
}
#bungaValue::-webkit-outer-spin-button,
#bungaValue::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.gadai-section .range-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50px;
  background: #f0b650;
  cursor: pointer;
  box-shadow: 0 1px 1px rgb(0 0 0 / 50%);
}

.gadai-section .range-slider::-moz-range-thumb {
  width: 15px;
  height: 15px;
  border-radius: 50px;
  background: #f0b650;
  cursor: pointer;
  box-shadow: 0 1px 1px rgb(0 0 0 / 50%);
}
.gadai-section .simulasi-hasil-number{
  font-size: 40px;
  color: #495057;
  text-align: center;
}

@media(max-width: 991px){
  .gadai-section .produk-tab-wrapper .nav-item{
    flex: 1 1 50%;
  }
}

@media(max-width: 768px){
  .gadai-section .produk-tab-wrapper .nav-link{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media(max-width: 576px){
  .gadai-section .produk-tab-wrapper .nav-item{
    flex: 1 1 100%;
  }
}