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

.dropdown-menu {
  text-align: left;
}

.dropdown-submenu > .dropdown-menu {
  left: 100%;
  right: auto;
  margin-left: 10px;
  margin-right: 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);
}

#offcanvasMenu .offcanvas-header {
  flex-direction: row;
}

#offcanvasMenu .nav-link {
  text-align: left;
}
/* About Page */
.az-badge {
  left: -40px;
  right: auto;
}

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

/*
   Blog-Details Page
*/
.blog-page-title::before,
.blog-page-title::after {
  left: 0;
  right: auto;
}

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

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

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

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

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

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

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

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

/*
  Floating Buttons
*/

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

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

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

.az-search-close {
  right: 0;
  left: auto;
}
/*
 Product-Details Page
 */
.az-ap-card__media::before {
  right: 0;
  left: auto;
  transform: rotate(90deg);
}

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

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

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

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