I'm trying to compare actual_time and taken_seconds, but less than operators (<) show in red color, and it actually not compare the numbers.As per image, 6<12, it should say Time taken is higher than actual time of gesturing
<h5>Actual time: {{ actual_time }} seconds</h5>
<h5>Taken time: {{ taken_time }} seconds ({{ taken_seconds }} seconds)</h5>
<h5>Point: {{ point }}</h5>
{% if actual_time < taken_seconds %}
<div class="alert alert-warning" role="alert">
Time taken is higher than actual time which may lead to fatigue.
</div>
{% elif actual_time > taken_seconds %}
<div class="alert alert-success" role="alert">
Time taken is lower than actual time of gesturing.
</div>
{% endif %}