Hello Owl carousel in the homepage works perfectly if any other language is selected in chrome browser but when arabic language is selected it does not work that is it does not scroll when left right arrow clicked.
below is the description code and also an image attached .
<div class="owl-carousel owl-carousel3">
<div class="recent-work-item">
<em>
<img src="~/metronic/assets/frontend/pages/img/works/img1.jpg" alt="Amazing Project" class="img-responsive">
<a href="portfolio-item.html"><i class="fa fa-link"></i></a>
<a href="~/metronic/assets/frontend/pages/img/works/img1.jpg" class="fancybox-button" title="Project Name #1" data-rel="fancybox-button"><i class="fa fa-search"></i></a>
</em>
<a class="recent-work-description" href="javascript:;">
<strong>Learn Arabic Caligraphy</strong>
<b>SIT.</b>
</a>
</div>
<div class="recent-work-item">
<em>
<img src="~/metronic/assets/frontend/pages/img/works/img2.jpg" alt="Amazing Project" class="img-responsive">
<a href="portfolio-item.html"><i class="fa fa-link"></i></a>
<a href="~/metronic/assets/frontend/pages/img/works/img2.jpg" class="fancybox-button" title="Project Name #2" data-rel="fancybox-button"><i class="fa fa-search"></i></a>
</em>
<a class="recent-work-description" href="javascript:;">
<strong>E-Learning Microsoft Office</strong>
<b>SIT.</b>
</a>
</div>
<div class="recent-work-item">
<em>
<img src="~/metronic/assets/frontend/pages/img/works/img3.jpg" alt="Amazing Project" class="img-responsive">
<a href="portfolio-item.html"><i class="fa fa-link"></i></a>
<a href="~/metronic/assets/frontend/pages/img/works/img3.jpg" class="fancybox-button" title="Project Name #3" data-rel="fancybox-button"><i class="fa fa-search"></i></a>
</em>
<a class="recent-work-description" href="javascript:;">
<strong>Travel Tips</strong>
<b>SIT.</b>
</a>
</div>
<div class="recent-work-item">
<em>
<img src="~/metronic/assets/frontend/pages/img/works/img4.jpg" alt="Amazing Project" class="img-responsive">
<a href="portfolio-item.html"><i class="fa fa-link"></i></a>
<a href="~/metronic/assets/frontend/pages/img/works/img4.jpg" class="fancybox-button" title="Project Name #4" data-rel="fancybox-button"><i class="fa fa-search"></i></a>
</em>
<a class="recent-work-description" href="javascript:;">
<strong>Virtual Teacher Program</strong>
<b>SIT.</b>
</a>
</div>
<div class="recent-work-item">
<em>
<img src="~/metronic/assets/frontend/pages/img/works/img5.jpg" alt="Amazing Project" class="img-responsive">
<a href="portfolio-item.html"><i class="fa fa-link"></i></a>
<a href="~/metronic/assets/frontend/pages/img/works/img5.jpg" class="fancybox-button" title="Project Name #5" data-rel="fancybox-button"><i class="fa fa-search"></i></a>
</em>
<a class="recent-work-description" href="javascript:;">
<strong>Gamification</strong>
<b>SIT.</b>
</a>
</div>
<div class="recent-work-item">
<em>
<img src="~/metronic/assets/frontend/pages/img/works/img6.jpg" alt="Amazing Project" class="img-responsive">
<a href="portfolio-item.html"><i class="fa fa-link"></i></a>
<a href="~/metronic/assets/frontend/pages/img/works/img6.jpg" class="fancybox-button" title="Project Name #6" data-rel="fancybox-button"><i class="fa fa-search"></i></a>
</em>
<a class="recent-work-description" href="javascript:;">
<strong>ABCs of Instruction</strong>
<b>SIT.</b>
</a>
</div>
<div class="recent-work-item">
<em>
<img src="~/metronic/assets/frontend/pages/img/works/img3.jpg" alt="Amazing Project" class="img-responsive">
<a href="portfolio-item.html"><i class="fa fa-link"></i></a>
<a href="~/metronic/assets/frontend/pages/img/works/img3.jpg" class="fancybox-button" title="Project Name #3" data-rel="fancybox-button"><i class="fa fa-search"></i></a>
</em>
<a class="recent-work-description" href="javascript:;">
<strong>Learning to Teach Online</strong>
<b>SIT.</b>
</a>
</div>
<div class="recent-work-item">
<em>
<img src="~/metronic/assets/frontend/pages/img/works/img4.jpg" alt="Amazing Project" class="img-responsive">
<a href="portfolio-item.html"><i class="fa fa-link"></i></a>
<a href="~/metronic/assets/frontend/pages/img/works/img4.jpg" class="fancybox-button" title="Project Name #4" data-rel="fancybox-button"><i class="fa fa-search"></i></a>
</em>
<a class="recent-work-description" href="javascript:;">
<strong>Motivating Students</strong>
<b>SIT.</b>
</a>
</div>
</div>
