.toggle-buttons{
  display:flex;
  gap:12px;
  margin-bottom:25px;
}

.toggle-buttons button{
  flex:1;
  padding:14px;
  border:none;
  border-radius:14px;
  background:#E6F0EE;
  color:#192c27;
  font-size:16px;
  font-weight:700;
  cursor:pointer;
  transition:0.3s;
}

.toggle-buttons button.active{
  background:#007f5f;
  color:#ffffff;
}

.input-group{
  margin-bottom:22px;
}

    label{
      display:block;

    }

.input-wrapper{
  position:relative;
}

.currency-symbol{
  position:absolute;
  left:16px;
  top:50%;
  transform:translateY(-50%);
}

input[type="number"]{
  width:100%;
  padding:15px 16px 15px 45px;
  border:2px solid #E6F0EE;
  border-radius:14px;
  transition:0.3s;
}

input[type="number"]:focus{
  outline:none;
  border-color:#007f5f;
}

.range-slider{
  width:100%;
  height:10px;
  border-radius:20px;
  background:#E6F0EE;
  outline:none;
  appearance:none;
}

.range-slider::-webkit-slider-thumb{
  appearance:none;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#007f5f;
  box-shadow:0 4px 12px rgba(0,0,0,0.15);
  cursor:pointer;
}

.range-slider::-moz-range-thumb{
  width:20px;
  height:20px;
  border:none;
  border-radius:50%;
  background:#007f5f;
  cursor:pointer;
}

#percentageValue{
  color:#007f5f;
  font-weight:500;
}

#purchaseAmount,
#bonusRewards,
#cashbackCap,
	#instantDiscount{
	  padding-left:28px !important;
	}

.result-item{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:16px 0;
  border-bottom:1px solid #E6F0EE;
}

.result-item span{
  color:#365951;
  font-size:15px;
}

.result-item strong{
  color:#365951;
  font-size:18px;
}

.total-result{
  margin-top:25px;
  padding:24px;
  border-radius:22px;
  background:linear-gradient(
    135deg,
    #007f5f,
    #55a630
  );
  text-align:center;
}

.rtit{
  margin-bottom:10px;
	font-size:24px;
	font-weight:600;
	color:#ffffff;
}

.mresult{
	font-size:28px;
	font-weight:700;
	color:#ffffff;
}

.reward-meter{
  width:100%;
  height:16px;
  background:#E6F0EE;
  border-radius:30px;
  overflow:hidden;
  margin-top:25px;
}

.reward-fill{
  width:0%;
  height:100%;
  background:linear-gradient(
    90deg,
    #55a630,
    #007f5f
  );
  transition:0.4s;
}

#rewardLabel{
  text-align:center;
  margin-top:12px;
  font-weight:700;
  color:#192c27;
}

.comparison-box{
  margin-top:25px;
  background:#F2F7F6;
  border:1px solid #E6F0EE;
  border-radius:20px;
  padding:20px;
}

.comparison-box h3{
  margin-bottom:15px;
  color:#192c27;
}

.comparison-item{
  display:flex;
  justify-content:space-between;
  margin-bottom:12px;
}

.comparison-item span{
  color:#365951;
}

.comparison-item strong{
  color:#192c27;
}