Interactive pricing component[HTML, CSS & JS]

There is a bug with webkit-based browsers. I use input of type range to create the slider, so I had to use lots of pseudo-elements to style it; the pseudo-elements required for webkit-browsers just don't work without breaking the styling in Firefox. If you visit the website using chrome, the slider won't look good, but if you use Firefox it must look as it should. I wonder if anyone knows how to solve, or if I should use a different method to address the problem with the slider.