@import url('https://fonts.googleapis.com/css2?family=Almarai&display=swap');
*:not(i){
    font-family: 'Almarai', sans-serif;
}
.bd-topbar__contact ul li {
    margin-left: 25px;
    padding-left: 25px;
    margin-right: 0;
    padding-right: 0;
}
.bd-topbar__contact ul li a i {
    padding-left: 10px;
    padding-right: 0;
}
.bd-category__click:before{
    left: 20px;
    right: auto;
}
.main-menu ul li{
    margin-left: 45px;
    margin-right: 0;
}
.hamburger-icon span:nth-child(2) {
    margin-right: -9px;
}
.ml-25 {
    margin-right: 25px;
    margin-left: 0;
}
.category-submenu{
    right:100%;
    left: auto;
}
.bd-filter__input button {
    left: 20px;
    right: auto;
}
.bd-trending__navigation {
    left: 0;
    right: auto;
    /* flex-direction: row-reverse; */
}
.open-colse-btn, .bd-filter__widget-title::before, .offcanvas__area .modal-dialog, .bd-topbar__contact ul li::before {
    left: 0;
    right: auto;
}
.bd-product__filters {
    border-left: 1px solid var(--clr-border-4);
    border-right: 0;
    padding-left: 30px;
    padding-right: auto;
}
.ui-widget.ui-widget-content, .slider-range input, .preloader{
    direction: ltr;
}
i.fa-regular.fa-angle-right, i.fa-regular.fa-angle-left,i.fa-regular.fa-arrow-right-long,i.fa-regular.fa-arrow-left-long {
    transform: rotate(180deg);
}
.progress-wrap{
    right: auto;
    left: 50px;
}
.bd-footer__copyright ul li::before{
    left: -8px;
    right: auto;
}
.bd-footer__copyright ul li{
    margin-left: 10px;
}
.mean-container .mean-nav ul li a{
    float: right;
    text-align: right;
}
.mr-20 {
    margin-left: 20px;
    margin-right: 0;
}
.blog-content h3, .blog-content p{
    text-align: right;
}
.blog-meta i{
    margin-right: 0;
    margin-left: 5px;
}
.offcanvas__search button{
    left:0;
    right:auto;
}
.mr-15{
    margin-left: 15px;
    margin-right: 0;
}
.bd-news__btn span{
    margin: 0 5px;
}
.bd-news__meta-item i{
    margin-right: 0;
    margin-left: 10px;
}
.quantity-item:first-child {
    margin: 0 0px 0 50px;
}
.quantity-item:first-child::after{
    left: -25px;
    right: auto;
}