BrokerageCalculator

<div class="calc">
  <div class="calc__tabs"><button class="on">Equity Intraday</button><button>Equity Delivery</button><button>MTF</button></div>
  <div class="calc__body">
    <div class="calc__form">
      <div class="field"><label>Buy price</label><input class="input" value="982.40"/></div>
      <div class="field"><label>Sell price</label><input class="input" value="1024.10"/></div>
      <div class="field"><label>Quantity</label><input class="input" value="50"/></div>
      <div class="select"><div class="select__box"><span>NSE</span><i class="caret"></i></div></div>
    </div>
    <div class="calc__res">
      <div class="liwrap">
        <div class="li"><span>Turnover</span><span class="v">₹1,00,325</span></div>
        <div class="li"><span>Brokerage</span><span class="v">₹10.00</span></div>
        <div class="li"><span>STT</span><span class="v">₹51.00</span></div>
        <div class="li"><span>Exchange charges</span><span class="v">₹3.01</span></div>
        <div class="li"><span>SEBI charges</span><span class="v">₹0.10</span></div>
        <div class="li"><span>Stamp duty</span><span class="v">₹2.95</span></div>
        <div class="li"><span>GST</span><span class="v">₹2.34</span></div>
        <div class="li total"><span>Total charges</span><span class="v">₹69.40</span></div>
        <div class="li"><span>Breakeven</span><span class="v">₹1.39</span></div>
        <div class="li"><span>Net P&amp;L</span><span class="v">+ ₹2,015.60</span></div>
      </div>
      <p class="note">Brokerage: ₹10 or 0.05% per order, whichever is lower.</p>
      <button class="btn btn--outline btn--sm" style="margin-top:12px">View contract note</button>
    </div>
  </div>
</div>