    <div class="col-lg-3 col-md-6 mb-3">
            <div class="card icon-header-card">
                <div class="card-header">
                    <div class="header-icon {% if total_gain_loss >= 0 %}success{% else %}danger{% endif %}">
                        <i class="fas {% if total_gain_loss >= 0 %}fa-arrow-up{% else %}fa-arrow-down{% endif %}"></i>
                    </div>
                    <div class="header-content">
                        <h5>Total Gain/Loss</h5>
                        <p>