Order Summary using Flexbox

Hi everyone! First and foremost, english isn't my first language so please forgive me for any mispellings or grammatical errors. I'd like to ask some details about accessibility matters. You see, during this project, i used section HTML elements as containers for various components of a card (text, image, buttons,...). section is quite a generic tag for a semantic one but i thought it was still better than using div element. The thing is, section element must have a head title element as child (h2, h3, etc,...) but i couldn't provide all the required title because there was only one on the card template. So i ended up including them nonetheless and added css cliping to hide them from the users but not from the screen readers. I wanted to know if what i did is acceptable accessibility wise and, if not, what i could have used instead to give some context for users suffering from some sort of handicap.

I'm sorry if i wasn't clear enough. Thanks for reading my question and happy coding to all!