body {
  direction: rtl;
  text-align: right;
}
/*-- Top Divider --*/
.az-divider::after {
  right: -2rem;
  transform: skew(-40deg);
}
/*-- Navbar --*/
.navbar-nav {
  margin-left: auto;
  margin-left: 0 !important;
}

.dropdown-submenu > .dropdown-menu {
  right: 100%;
  left: auto;
  margin-right: 10px;
  margin-left: 0;
  transform: translateX(-6px);
}

@media (min-width: 992px) {
  .dropdown-submenu:hover > .dropdown-menu {
    transform: translateX(0);
  }
  .dropdown-submenu:hover > .dropdown-item .submenu-icon {
    transform: rotate(90deg);
  }
}

/*
  Offcanvas
*/

#offcanvasMenu .nav-link[aria-expanded="true"] .arrow {
  transform: rotate(-90deg);
}
/* About Page */
.az-badge {
  right: -40px;
  left: auto;
}

/* Dots */
.az-dots {
  left: -24px;
  right: auto;
}

/*
   Blog-Details Page
*/

.blog-page-title::before,
.blog-page-title::after {
  right: 0;
  left: auto;
}

.blog-page-title::after {
  animation: MOVIE-BGB-RTL 3s linear infinite;
}

@keyframes MOVIE-BGB-RTL {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(-78px);
  }

  100% {
    transform: translateX(0);
  }
}

.single-blog-content ul li {
  padding-right: 22px;
  padding-left: 0;
}

.single-blog-content ul li::before {
  right: 0;
  left: auto;
}

.az-quote {
  border-right: 4px solid var(--az-accent);
  border-left: 1px solid #e9eef6;
}

.blog-social strong {
  margin-left: 6px;
  margin-right: 0;
}
/* =========================
   RTL Blogs
========================= */
.az-article-date {
  left: 18px;
}
/*
 CEO page 
*/
.az-ceo-photo::before {
  right: -20px;
}
/************************************
   RTL Floating Buttons
************************************/

.whatsapp-float {
  right: 1.5rem;
  left: auto;
  direction: rtl;
}

.scroll-to-top-btn {
  left: 1.5rem;
  right: auto;
}
/*
 Search Overlay 
*/
.az-search-input {
  padding: 0 70px 0 25px;
}

.az-search-btn {
  left: 15px;
  right: auto;
}

.az-search-close {
  left: 0;
  right: auto;
}
/*
 Product-Details Page
 */
.az-ap-card__media::before {
  left: 0;
  right: auto;
}

.az-ap-bottom::before {
  right: 0;
  left: auto;
  transform: rotate(180deg);
}

.az-ap-card__title {
  right: 5px;
  left: auto;
}

.az-ap-card__title h6 {
  margin-right: 5px;
  margin-left: 0;
}

.az-ap-dot {
  right: 0;
  left: auto;
}