Hestia Theme breaking css

Hello there, Thank you so much for this plugin!!

this is exactly what I was looking for and it’s awesome..
I went on your support section looking for a solution but didn’t find one.

unfortunately, I’m currently using the hestia theme for the site I am developing, and i would like to add a workflow section for my work.

I inserted the shortcode in the right hook but things got messy and didn’t turn out how i expected it to be..
after a quick look in the devloper tools it’s seems like the css gets overwritten by the theme’s style sheets and that ruins the whole point.

so, I really need your support I think this plugin has a great potential.. I didn’t even find one alternative to what this one does, but the problem is how do I intergrate this plugin style with my theme style’s without ruining everything?

I have added links to two html files for pages that i created that include the style sheets of the theme and the shortcode:
[cool-process category=”all” type=”default” select-view=”default” show-posts=”3″  icon-size=”50px” animation=”yes” choose-color=”#ffffff” ]

seems like after removing the icon-size attribute things got a little better yet still color didn’t change and the line that connects the circle is not in place
(take a look on Processes.html and Processes_without_icon_size.html)

Thanks in advance,

-Roy

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