/***
*
* RTL.CSS
* 
* [1]. FONTS
* [2]. GRID
* [3]. HEADER
* [4]. SLIDER
* [5]. FOOTER
* [6]. HOME PAGE
* [7]. PRODUCT PAGE
* [8]. CHECKOUT PAGE
* [9]. CART PAGE
* [10]. RESPONSIVE
* 
**/

/* ------------------
[1]. FONTS 
------------------ */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400&display=swap');
body {
  text-align: right;
  font-family: 'Cairo', sans-serif;
}

/* -----------------
[2]. GRID  
------------------ */
.text-right{text-align: left!important;}
.text-left{text-align: right!important;}
.float-right{float: left!important;}
.float-left{float: right!important;}

/* ------------------
[3]. HEADER  
------------------- */
.header-search-form button {
  right: unset;
  left: 18px;
}

.user-panel .up-item:first-child {
    margin-right: unset;
    margin-left: 29px;
}

.user-panel .up-item:nth-child(2) {
    margin-right: unset;
    margin-left: 29px;
}

.user-panel .up-item .up-item-dropdown {
  text-align: right;
}

.main-menu li a {
  margin-right: unset;
  margin-left: 50px;
}

/* ------------------
[4]. SLIDER 
------------------ */
.hero-section {
  direction: ltr;
}

.feature .feature-icon {
    margin-right: unset;
    margin-left: 15px;
}

.hero-slider .hs-item .container {
  direction: rtl;
}

.slide-num-holder {
  float: left!important;
}

.hero-slider .owl-dots {
  direction: rtl;
  margin-bottom: -3px;
  padding-top: unset;
}

.hero-slider .owl-dots .owl-dot {
  margin-left: 10px;
}

.hero-slider .hs-item .offer-card {
  left: 0!important;
  right: unset!important;
}

/* ---------------
[5]. FOOTER  
---------------- */
.footer-widget ul, .contact-widget .con-info span {
  float: right;
}

.contact-widget .con-info span {
  margin-right: unset;
  margin-left: 15px;
}

.footer-widget ul li a {
  padding-left: unset;
  padding-right: 20px;
}

.footer-widget ul li a:after {
  left: unset;
  right: 0px;
}

.social-links a i, .social-links a img {
  float: right;
  margin-left: 19px;
}

.social-links a:first-child {
  margin-right: 0px;
}

.social-links a:last-child {
  margin-right: 60px;
}

/* -------------------
[6]. HOME PAGE
-------------------- */
.top-letest-product-section {
  direction: ltr;
}

.product-item .pi-text p {
  margin-top: -5px;
}

.site-btn {
  padding: 12px 47px 12px;
}

.banner span, .hero-slider .hs-item span {
  letter-spacing: 0px;
}

/* -------------------
[7]. PRODUCT PAGE
-------------------- */
.quantity p {
  margin-right: unset;
  margin-left: 15px;
  margin-top: 4px;
}

.product-thumbs .pt {
  margin-right: 0px;
  margin-left: 10px;
  float: right;
}
.product-thumbs .pt:last-child {
	margin-left: 0;
}

.accordion-area .panel-link, .accordion-area .panel-link.active.collapsed {
  text-align: right;
}

.product-details .fw-size-choose p {
  float: right;
  margin-right: unset;
  margin-left: 38px;
  padding-top: 4px;
}

.product-details .social-sharing a {
  margin-right: unset!important;
  margin-left: 23px!important;
}

.a2a_default_style a {
  float: right!important;
}

/* -------------------
[8]. CHECKOUT PAGE
-------------------- */
.checkout-cart .price-list li span {
  float: left;
}

/* ------------------
[9]. CART PAGE
-------------------- */
.cart-table .product-col .pc-title {
  padding-left: unset;
  padding-right: 30px;
}

.cart-table .total-cost {
  text-align: left;
}

.cart-table .total-cost h6 span {
  margin-left: 18px;
}

.card-right .site-btn {
  padding: 15px 47px 14px;
}

/* ------------------
[10]. RESPONSIVE
-------------------- */
@media only screen and (max-width: 479px) {
  .slicknav_arrow i {
    transform: rotate(180deg);
    position: absolute;
    margin-top: 3px;
    margin-right: 3px;
  }
}