/*--------------------------------------------------------------
# Acatime — surcharges pour l'arabe (dir="rtl")
# Bootstrap RTL gère la grille et les utilitaires (me-*, ps-*...).
# Ce fichier inverse les règles directionnelles de main.css.
--------------------------------------------------------------*/
:root {
  --default-font: "Tajawal", "Cairo", system-ui, sans-serif;
  --heading-font: "Cairo", "Tajawal", sans-serif;
  --nav-font: "Cairo", "Tajawal", sans-serif;
}

body {
  text-align: right;
}

.php-email-form .error-message {
  text-align: right;
}

.php-email-form .loading:before {
  margin: 0 0 -6px 10px;
}

/* Header */
.header .logo {
  padding-left: 0;
  padding-right: 5px;
}

.header .logo img {
  margin-right: 0;
  margin-left: 8px;
}

.header .btn-getstarted,
.header .btn-getstarted:focus {
  margin: 0 30px 0 0;
}

@media (max-width: 1200px) {
  .header .header-container {
    padding: 10px 15px 10px 5px;
  }

  .header .btn-getstarted {
    margin: 0 0 0 10px;
  }
}

/* Navigation */
@media (min-width: 1200px) {
  .navmenu a i,
  .navmenu a:focus i {
    margin-left: 0;
    margin-right: 5px;
  }

  .navmenu li:last-child a {
    padding-right: 11px;
    padding-left: 0;
  }

  .navmenu .dropdown ul {
    left: auto;
    right: 14px;
  }

  .navmenu .lang-menu ul {
    right: auto;
    left: 0;
  }

  .navmenu .dropdown .dropdown ul {
    left: auto;
    right: -90%;
  }

  .navmenu .dropdown .dropdown:hover>ul {
    left: auto;
    right: -100%;
  }
}

@media (max-width: 1199px) {
  .mobile-nav-toggle {
    margin-right: 0;
    margin-left: 10px;
  }

  .navmenu a i,
  .navmenu a:focus i {
    margin-left: 0;
    margin-right: 5px;
  }

  .mobile-nav-active .mobile-nav-toggle {
    right: auto;
    left: 15px;
    margin-left: 0;
  }
}

.navmenu .nav-item-icon {
  margin: 0 0 0 10px !important;
}

/* Footer */
.footer .social-links a {
  margin-right: 0;
  margin-left: 10px;
}

.footer .footer-links ul i {
  padding-right: 0;
  padding-left: 2px;
}

/* Scroll top & WhatsApp swap sides */
.scroll-top {
  right: auto;
  left: 15px;
}

.whatsapp-float {
  left: auto;
  right: 15px;
}

/* Page title */
.page-title .breadcrumbs ol li+li {
  padding-left: 0;
  padding-right: 10px;
}

.page-title .breadcrumbs ol li+li::before {
  padding-right: 0;
  padding-left: 10px;
}

/* Hero & about */
.hero .customers-badge {
  right: auto;
  left: 30px;
}

.about .image-wrapper .small-image {
  left: auto;
  right: -10%;
}

.about .image-wrapper .experience-badge {
  right: auto;
  left: 5%;
}

.about .image-wrapper .experience-badge h3 span {
  margin-left: 0;
  margin-right: 0.25rem;
}

@media (max-width: 992px) {
  .about .image-wrapper .small-image {
    right: 0;
  }
}

/* Services */
.services .service-card .icon {
  margin-right: 0;
  margin-left: 30px;
}

.services .service-card .read-more:hover i,
.sector-card:hover .read-more i {
  transform: translateX(-5px);
}

/* Pricing */
.pricing .pricing-card .features-list li i {
  margin-right: 0;
  margin-left: 0.75rem;
}

/* FAQ */
.faq .faq-container .faq-item h3 {
  margin: 0 0 0 30px;
}

.faq .faq-container .faq-item h3 .num {
  padding-right: 0;
  padding-left: 5px;
}

.faq .faq-container .faq-item .faq-toggle {
  right: auto;
  left: 20px;
}

.faq .faq-container .faq-active .faq-toggle {
  transform: rotate(-90deg);
}

.faq .faq-arrow {
  transform: scaleX(-1);
}

/* Service details */
.service-details .services-list a i,
.service-details .download-catalog a i,
.service-details ul i {
  margin-right: 0;
  margin-left: 8px;
}

/* Hidden honeypot */
.hp-field {
  left: auto;
  right: -10000px;
}

/* Arabic typography */
h1, h2, h3, h4, h5, h6 {
  letter-spacing: 0 !important;
}

.hero .hero-content h1 {
  line-height: 1.35;
}