// rtl styles
.rtl {
  direction: rtl;

  .color-palate-inner {
    direction: ltr !important;
  }

  .title-animation {
    direction: ltr;
    text-align: end;
  }

  .swiper {
    direction: ltr;
  }

  .slider-navigation {
    direction: ltr;
  }

  .progress-wrap {
    span {
      transform: translate(50%, -50%);
      &::before {
        transform: translate(50%, -50%);
      }
      &::after {
        transform: translate(50%, 200%);
      }
    }
  }

  .gallery__slider {
    animation: marquee-rtl 20s linear infinite;
    animation-play-state: running;
  }

  .gallery__slider:hover {
    animation-play-state: paused;
  }

  .community .community-donation .community__thumb {
    scale: -1 1;
  }

  // header
  .topbar--tertiary {
    .topbar__items {
      .social {
        &::before {
          clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%, 0% 0%);
        }
      }
    }
  }

  .header {
    .navbar__item--has-children {
      &:hover {
        & > .navbar__dropdown-label-sub {
          &::after {
            transform: rotate(90deg);
          }
        }
      }
    }
  }

  .mobile-menu {
    .mobile-menu__wrapper {
      inset-inline-start: 400px;
    }
  }

  .mobile-menu__backdrop {
    transform: translateX(-101%);
  }

  .mobile-menu__backdrop-active {
    transform: translateX(0%);
  }

  .show-menu {
    .mobile-menu__wrapper {
      inset-inline-start: 0px;
    }
  }

  .off-canvas {
    transform: translateX(100%);
    .offcanvas__search form input {
      direction: ltr;
      text-align: end;
    }
  }

  .sidebar-cart {
    transform: translateX(-100%);

    .totals,
    .action-buttons {
      direction: ltr;
    }
  }

  .off-canvas-active,
  .sidebar-cart-active {
    transform: translateX(0%);
  }

  .section__header.text-center {
    h2 {
      text-align: center;
    }
  }

  // banner
  .banner {
    &::before {
      background: linear-gradient(
        104deg,
        rgba(12, 26, 23, 0) 1.9%,
        rgba(9, 31, 27, 0.08) 9.94%,
        rgba(9, 31, 27, 0.17) 22.52%,
        rgba(9, 31, 27, 0.37) 36.84%,
        rgba(9, 31, 27, 0.67) 56.36%,
        #091f1b 79.8%,
        #091f1b 95.2%,
        rgba(9, 31, 27, 0.91) 103.44%
      );
    }

    .title-animation {
      text-align: center;
    }
  }

  .banner-two {
    .banner-two__slider-single {
      &::after {
        background: linear-gradient(
          104deg,
          rgba(12, 26, 23, 0) 1.9%,
          rgba(9, 31, 27, 0.08) 37.31%,
          rgba(9, 31, 27, 0.17) 40.18%,
          rgba(9, 31, 27, 0.37) 47.05%,
          rgba(9, 31, 27, 0.67) 56.36%,
          #091f1b 73.4%,
          #091f1b 95.2%,
          rgba(9, 31, 27, 0.91) 103.44%
        );
      }
      .row {
        direction: rtl;
      }

      h1 {
        direction: ltr;
        text-align: end;
      }
    }
    .shape-left {
      img {
        scale: -1 1;
      }
    }

    .slider-navigation {
      inset-inline-end: unset;
      inset-inline-start: 60px;
    }
  }

  .banner-three {
    direction: ltr;
    .title-animation {
      text-align: start !important;
    }
  }

  // help section
  .help {
    .help__thumb {
      direction: ltr;
    }

    .hand {
      img {
        scale: -1 1;
      }
    }

    .help__thumb-inner {
      direction: rtl;
    }

    .thumb-lg {
      &::after {
        inset-inline-start: unset;
        inset-inline-end: 50%;
      }
    }

    .video-btn-wrapper {
      inset-inline-start: unset;
      inset-inline-end: 50%;
      i {
        margin-inline-start: 0px;
        margin-inline-end: 5px;
      }
    }
  }

  // cause section
  .cause {
    .slider-navigation {
      justify-content: flex-start;
    }
  }

  .cta-section {
    .cta-section__center {
      .cta-img {
        right: 50%;
        transform: translateX(50%);
      }
    }

    .video-btn-wrapper {
      i {
        margin-inline-start: 0px;
        margin-inline-end: 5px;
      }
    }
  }

  .community {
    .community-donation {
      .community__thumb {
        img {
          scale: -1 1;
        }
      }
    }
  }

  .testimonial {
    .testimonial__slider-single {
      direction: rtl;
    }
  }

  .difference-two {
    .difference-two__thumb-wrapper {
      direction: ltr;
    }

    .difference-two__thumb {
      direction: rtl;
    }
  }

  .help-two {
    .help-two__thumb {
      direction: ltr;
    }

    .help-two__thumb-inner {
      direction: rtl;
    }

    .help-two__thumb-content {
      direction: ltr;
    }
  }
  .cta-section-two {
    &::before {
      background: linear-gradient(
        104deg,
        rgba(12, 26, 23, 0) 1.9%,
        rgba(9, 31, 27, 0.08) 37.31%,
        rgba(9, 31, 27, 0.17) 40.18%,
        rgba(9, 31, 27, 0.37) 47.05%,
        rgba(9, 31, 27, 0.67) 56.36%,
        #091f1b 73.4%,
        #091f1b 95.2%,
        rgba(9, 31, 27, 0.91) 103.44%
      );
    }
    .shape-left {
      img {
        scale: -1 1;
      }
    }
  }

  .testimonial-two {
    .spade {
      inset-inline-start: 0%;
    }
  }

  .faq {
    .shape {
      img {
        scale: -1 1;
      }
    }

    .faq__content-inner {
      direction: ltr;
    }
  }

  .blog,
  .blog-main {
    .blog__single-cta a i {
      transform: rotate(180deg);
    }
  }

  // footer
  .footer {
    .footer__bottom-list {
      a {
        &::after {
          transform: translateX(50%);
        }
      }
    }
    .footer__list-items a {
      i {
        transform: translateX(20px) rotate(180deg);
      }
      &:hover {
        i {
          transform: translateX(0px) rotate(180deg);
        }
      }
    }

    .footer__newsletter-check {
      label {
        direction: ltr;
      }
    }

    .footer__content h3 {
      text-align: center;
    }
  }

  .progress-bar {
    direction: ltr;
  }

  .difference-three {
    .difference-three__thumb {
      direction: ltr;
    }

    .difference-three__thumb-inner {
      direction: rtl;
    }
  }

  .help-three {
    .poor-boy {
      &::before {
        background: linear-gradient(
          104deg,
          rgba(12, 26, 23, 0) 1.9%,
          rgba(9, 31, 27, 0.08) 16.64%,
          rgba(9, 31, 27, 0.17) 28.59%,
          rgba(9, 31, 27, 0.37) 38.19%,
          rgba(9, 31, 27, 0.67) 56.36%,
          #091f1b 61.29%,
          #091f1b 95.2%,
          rgba(9, 31, 27, 0.91) 103.44%
        );
      }

      .shape {
        scale: -1 1;
      }
    }
  }

  .counter {
    .counter__single {
      h2 {
        direction: ltr;
      }
    }

    .poor {
      &::before {
        background: linear-gradient(
          104deg,
          rgba(12, 26, 23, 0) 1.9%,
          rgba(9, 31, 27, 0.08) 16.64%,
          rgba(9, 31, 27, 0.17) 28.59%,
          rgba(9, 31, 27, 0.37) 38.19%,
          rgba(9, 31, 27, 0.67) 56.36%,
          #091f1b 61.29%,
          #091f1b 95.2%,
          rgba(9, 31, 27, 0.91) 103.44%
        );
      }
    }

    .shape-left {
      img {
        scale: -1 1;
      }
    }
  }

  .contact {
    .contact-bg {
      &::before {
        background: linear-gradient(
          104deg,
          rgba(12, 26, 23, 0) 1.9%,
          rgba(9, 31, 27, 0.08) 16.64%,
          rgba(9, 31, 27, 0.17) 28.59%,
          rgba(9, 31, 27, 0.37) 38.19%,
          rgba(9, 31, 27, 0.67) 56.36%,
          #091f1b30 61.29%,
          #091f1b 95.2%,
          rgba(9, 31, 27, 0.91) 103.44%
        );
      }
    }
    .shape-left {
      img {
        scale: -1 1;
      }
    }
  }

  .shop-sidebar-widget {
    .filter-wrapper {
      .price-slide {
        direction: ltr;
      }
    }
  }

  .common-banner {
    .common-banner__content {
      h2 {
        text-align: center !important;
      }
    }
  }
  .cta-section {
    .cta-section__center {
      left: -50%;
      transform: translateX(50%);
    }
  }

  .checkout .content-single-alt .btn--primary {
    border-radius: 8px 0px 0px 8px;
  }

  .progress-bar-single {
    direction: ltr;
  }

  .footer-two {
    .footer-two__widget li a::after {
      transform: translateX(50%);
    }
    .footer__bottom-list {
      a {
        &::after {
          transform: translateX(50%);
        }
      }
    }
  }

  .footer-three {
    .footer__bottom-list {
      a {
        &::after {
          transform: translateX(50%);
        }
      }
    }
  }
}