Slider CSS weird behaviour on Safari

I have a text that has a background in the slides, it works perfectly on the other browsers, but in Safari I see some extra paddings with a white background on the left and the right side.

Any help would be greately appreciated.

Any further relevant troubleshooting details…

If someone with a mac and Safari can check what’s going on, because I have a safari mobile but that didn’t help me much debugging the issue, I can see it so I was assuming that it was paddings issue.

This is what I have tried

#featured article .post-title h2 span {

background-color: rgba(0, 181, 168, 0.5) !important;

box-shadow: none !imoprtant;

padding-left: 0 !important;

padding-right: 0 !important;


That white background on the right is not supposed to be there