To align the buttons to the right, you can use Bootstrap's utility classes for alignment. Here's the modified code:

html
Copy code
<div class="d-grid gap-2 d-md-flex justify-content-md-end">
    <button id="sendInquiryBtn" class="btn btn-outline-primary">Send Enquiry</button>
    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
</div>

1. d-md-flex: Switches the grid to a flex layout on medium and larger screens.
2. justify-content-md-end: Aligns the flex items (buttons) to the right on medium and larger screens.
3. The buttons will still stack on smaller screens due to the d-grid class.