Want to Levy Tax on Shipping and the Split of Shipping Rate + Tax should b seen

Want to Levy Tax on Shipping and the Split of Shipping Rate + Tax should b seen in Checkout and Invoice

I want to levy GST on shipping as 18% GST is collected as tax on shipping in India. However, in our invoice it is not coming as a split but as consolidated amount. For Eg. For one of our products the shipping classs charges Rs. 69, but it appears as Rs. 69 as a whole. I wanted it to appear as Rs. 58.47 + Rs 10.52 (18% GST).
The setting which I have used are as follows:

Under Woocommerce>Tax Shipping Tax Class has been set to GST -18%. https://www.dropbox.com/s/sysfxyc3afvl3wa/Screenshot%202022-04-07%2011.50.43.png?dl=0
https://www.dropbox.com/s/olltmfx2vnda6uo/Screenshot%202022-04-07%2011.50.47.png?dl=0

Tax Class at GST 185 is set as 18%

https://www.dropbox.com/s/wcxu4wu5aq42rvq/Screenshot%202022-04-07%2011.52.14.png?dl=0

However when we do checkout and on Invoices GST on Shipping is not seen as split and is shown as one whole

https://www.dropbox.com/s/7qqsz8qw7rljpyz/Screenshot%202022-04-07%2011.53.12.png?dl=0

Please suggest what is the setting to achieve the above (Just like how split is seen for products)

Regards
Fishermanshub

The page I need help with: [log in to see the link]