#mobile-nav-toggle {
  right: unset;
  left: 0;
}

#mobile-nav {
  right: unset;
  left: -260px;
}

body.mobile-nav-active #mobile-nav {
  left: 0;
  right: unset;
}

#intro .intro-content {
   text-align: right;
   padding-right: 3rem;
   padding-left: unset;
}

#intro .intro-content .btn-get-started {
   padding: 0.25rem 1.25rem 0.25rem 0.25rem;
}

#intro .intro-content .btn-get-started .icon svg {
  transform: rotate(180deg);
}

#about:before, #about:after {
  right: 0;
}

#about .content {
  text-align: right;
}

#about .content li span svg {
  transform: rotate(180deg);
}

.nav-menu > li {
  float: right;
}

#intro .intro-content {
  text-align: right;
  padding-right: 3rem;
  padding-left: unset;
}

.section-header h2,
.section-header p,
#about .content {
  text-align: right;
}

.section-header h2::before {
  right: 0;
  left: unset;
}

#about:before,
#about:after {
  right: 0;
}

#about .content li span svg {
  transform: rotate(180deg);
}

#services .service_content {
  text-align: right;
  direction: rtl;
}

#call-to-action .cta-title, #call-to-action .cta-text{
  text-align: right;
}

.contact-img {
  border-radius: 1.25rem 0 0 1.25rem;
}

.contact-img::after {
  background: linear-gradient(
     90deg,
     rgba(255, 250, 244, 0) 0%,
     var(--color-background) 100%
  );
}

.contact-img img {
  transform: translateX(5%);
}

.form-label {
  text-align: right;
}

#footer {
  text-align: right;
}

#footer .footer-links ul {
  padding-left: unset;
  padding-right: 0;
}

.chat-label::before {
  content: "مرحبًا بك فى تونيكساس👋 كيف اساعدك اليوم؟";
}

@media (max-width: 768px) {
  #services .box .icon {
     float: none;
     text-align: center;
     padding-bottom: 15px;
  }

  #services .box h4,
  #services .box p {
     margin-right: 0;
     text-align: center;
  }

  #services .box .description {
     margin-right: 0;
     padding-inline-start: 0;
  }
}