Terms Modal - Copy this Angular, Tailwind Component to your project

<div-class="modal-fade"-id="terms-Modal"-tabindex="-1"-role="dialog"-aria-labelledby="termsModalLabel"-aria-hidden="true">-<div-class="modal-dialog"-role="document">-<div-class="modal-content">-<div-class="modal-header">-<h5-class="modal-title"-id="termsModalLabel">Terms-and-Conditions</h5>-<button-type="button"-class="close"-data-dismiss="modal"-aria-label="Close">-<span-aria-hidden="true">&times;</span>-</button>-</div>-<div-class="modal-body">-{{-det.terms_conditions-||-'No-Terms-and-Conditions-available.'-}}-<!---Display-full-T&C-here--->-</div>-<div-class="modal-footer">-<button-type="button"-class="btn-btn-secondary"-data-dismiss="modal">Close</button>-</div>-</div>-</div>-</div>