Bootstrap offcanvas menu large width

Below is the CSS which you can use to increase the width of bootstrap offcanvas menu.

Large:

  .offcanvas-custom-large {
    --bs-offcanvas-width: 768px;
  }

Extra Large:

  .offcanvas-custom-xxlrg {
    --bs-offcanvas-width: 1200px;
  }

You can then add the above class to your modal to make use of it to have larger width offcanvas menu.