/* Currency symbol inside input */
.input-currency {
  position: relative;
}

.input-currency input {
  padding-left: 25px; /* space for the symbol */
}

.input-currency::before {
  content: "£"; /* ya jo symbol chahiye */
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  color: #555;
  font-size: 14px;
}

/* Percent symbol on right */
.input-percent {
  position: relative;
}

.input-percent input {
  padding-right: 25px; /* space for % sign */
}

.input-percent::after {
  content: "%";
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  color: #555;
  font-size: 14px;
}