/*--------------------------------------------------------------
# RTL overrides for /ar/ pages
# Loaded after main.css and site.css. Mirrors every physical
# left/right rule in main.css that main.css's default LTR
# layout depends on. Symmetric rules (equal on both sides,
# or centered) are intentionally left untouched.
--------------------------------------------------------------*/

html[dir="rtl"] body {
  font-family: var(--default-font);
}

:root {
  --default-font: "Cairo", system-ui, -apple-system, "Segoe UI", Tahoma, Arial, sans-serif;
  --heading-font: "Cairo", sans-serif;
  --nav-font: "Cairo", sans-serif;
}

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

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

.mobile-nav-toggle {
  margin-right: 0;
  margin-left: 10px;
}

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

@media (max-width: 1200px) {
  .header .btn-getstarted {
    margin: 0 0 0 10px;
  }
}

/* Footer */
.footer .footer-about .logo img {
  margin-right: 0;
  margin-left: 6px;
}

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

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

/* Scroll top button */
.scroll-top {
  right: auto;
  left: 15px;
}

/* Page title / breadcrumbs */
.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 */
.hero .content-col {
  padding-right: 0;
  padding-left: 3rem;
}

@media (max-width: 991px) {
  .hero .content-col {
    padding-right: 0;
    padding-left: 15px;
  }
}

.hero .cta-button .btn span {
  margin-right: 0;
  margin-left: 0.5rem;
}

.hero .stats-card {
  right: auto;
  left: 0;
}

.hero .stats-card .stats-arrow {
  right: auto;
  left: 1.5rem;
}

/* About */
.about .about-image .experience-badge {
  right: auto;
  left: -30px;
}

@media (max-width: 768px) {
  .about .about-image .experience-badge {
    right: auto;
    left: 0;
  }
}

.about .testimonial-section .testimonial-item .client-info .client-img {
  margin-right: 0;
  margin-left: 15px;
}

/* Services */
.services .service-header .service-summary .service-btn i {
  margin-left: 0;
  margin-right: 10px;
}

.services .service-card {
  clip-path: none;
}

.services .service-card::before {
  clip-path: polygon(30% 0, 0 30%, 0 100%, 100% 100%, 100% 0);
}

.services .service-card .card-action {
  right: auto;
  left: 0;
}

@media (max-width: 768px) {
  .services .service-card .service-icon {
    left: auto;
    right: 25px;
  }
}

/* Call to action */
.call-to-action .content-right .floating-card {
  right: auto;
  left: -1rem;
}

@media (max-width: 991.98px) {
  .call-to-action .content-right .floating-card {
    margin-right: 0;
    margin-left: 1rem;
  }
}

.call-to-action .decoration .circle-1 {
  right: auto;
  left: -150px;
}

.call-to-action .decoration .circle-2 {
  left: auto;
  right: -100px;
}

/* Testimonials */
.testimonials .testimonial-item .featured-img {
  left: auto;
  right: 0;
}

/* Team / Trainers */
.team .team-member .member-img img {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.team .team-member .member-info {
  text-align: right;
}

@media (max-width: 767px) {
  .team .team-member .member-img img {
    border-radius: 8px 8px 0 0;
  }

  .team .team-member .member-info {
    text-align: center;
  }
}

/* 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;
}

/* Contact form */
.contact .contact-form-wrapper .form-group .input-with-icon i {
  left: auto;
  right: 15px;
}

.contact .contact-form-wrapper .form-group .input-with-icon .form-control {
  padding: 12px 45px 12px 15px;
}