html5-responsive-faq RTL support

I added RTL support to the CSS please update the plugin. also using ::before pseudo element instead of span.

.hrf-title.close-faq{
               cursor: pointer;
            }
            .hrf-title.close-faq::before{
               content: "";
               width: 30px;
               height: 30px;
               display: inline-block;
               vertical-align: middle;
/*               position: relative;
               left: 0;
               top: 8px;*/
               margin-right: 12px;
               margin-left: -42px;
               background: '.$bullets_bgcolor.' url('.plugins_url( 'html5-responsive-faq/images/open.png' ).') no-repeat center center;
            }
            }.hrf-title.open-faq{
            
            }
            .hrf-title.open-faq::before{
               content: "";
               width: 30px;
               height: 30px;
               display: inline-block;
               vertical-align: middle;
/*               position: relative;
               left: 0;
               top: 8px;*/
               margin-right: 12px;
               margin-left: -42px;
               background: '.$bullets_bgcolor.' url('.plugins_url( 'html5-responsive-faq/images/close.png' ).') no-repeat center center;
            }
            [dir="rtl"] .hrf-title::before{
               margin-left: 12px;
               margin-right: -42px;
            }