/* here we will write the rtl css code */


html[dir="rtl"] .search-wrapper .search-box {
    padding: 0 50px 0 30px;
}

.cart-header .cart-dropdown{
  min-width:418px ;
}
html[dir="rtl"] .cart-header .cart-dropdown {
    right: -314% !important;
}

html[dir="rtl"] .dropdown.language-dropdown .dropdown-menu .lang-dd-cb-wrap {
    gap: 32px !important;
}

html[dir="rtl"] .change-lang-head, html[dir="rtl"] .change-curr-head {
    text-align: right;
    display: block;
}
html[dir="rtl"] .chang-country-txt-arb{
  text-align: right;
    display: block;
}

html[dir="rtl"] .dropdown-menu-left {
    right: -58% !important;
}

html[dir="rtl"] #locationModal .modal-header .btn-close {
    margin-left: initial !important;
    margin-right: auto !important;
}

html[dir="rtl"] .usr-acc-arb .login-dd>li>a {
    text-align: right;
    padding-left: 10px;
    padding-right: 10px;
}
html[dir="rtl"] footer.page-footer .text-start {
    text-align: right !important;
}
html[dir="rtl"] footer.page-footer .list-unstyled {
    padding: 0px;
}

html[dir="rtl"] .header-search-input {
    padding-right: 80px;
}

html[dir="rtl"] .more-reason-to-shop .section-title,
html[dir="rtl"] .more-reason-to-shop-responsive .section-title,
html[dir="rtl"] .mega-deals .section-title,
html[dir="rtl"] .mega-deals-responsive .section-title,
html[dir="rtl"] .in-focus .section-title,
html[dir="rtl"] section.savings-section h1{
text-align: right;
}
html[dir="rtl"] .header-search-input-wrapper p.small.text-center{
text-align: right !important;
}
html[dir="rtl"] .best-seling-speaker-nav-wrap {
   right: initial;
    left: 3% !important;
   
}
html[dir="rtl"] .cart-icon-weekly {

    right: initial;
    left: 10px;

}
html[dir="rtl"] .ec-rec-card .bottom-btn i {
    transform: rotate(180deg);
} 




html[dir="rtl"] .banner-slider-top .swiper-button-prev.start-0 {
    right: 0px !important;
    left: initial !important;
    transform: rotate(0);
    transform: rotate(180deg);
}



html[dir="rtl"] .banner-slider-top .swiper-button-next.end-0 {
    left: 0px !important;
    right: initial !important;
    /* border: 2px solid black !important; */
    transform: rotate(180deg);
}

html[dir="rtl"] .category-slider-top .swiper-button-prev{
transform: rotate(180deg);
} 
html[dir="rtl"] .category-slider-top .swiper-button-next{
transform: rotate(180deg);
}

html[dir="rtl"] .breadcrumb-wrapper .breadcrumb-item:before {
    transform: rotate(180deg);
}

html[dir="rtl"] .breadcrumb-wrapper .breadcrumb-item:before {
    transform: rotate(180deg);
}

html[dir="rtl"] .best-selling-product .custom-next {
    transform: rotate(180deg);
}

html[dir="rtl"] .best-selling-product .custom-prev {
    transform: rotate(180deg);
}



html[dir="rtl"] .ec-rec-card .swiper-button-prev-main {
    right: 0px !important;
    left: initial !important;
    transform: rotate(0);
    transform: rotate(180deg);
}

html[dir="rtl"] .ec-rec-card .swiper-button-next-main {
    left: 0px !important;
    right: initial !important;
    /* border: 2px solid black !important; */
    transform: rotate(180deg);
}