/* ##################################################
   #   RTL layer for the Green Light design           #
   #   Loaded after style.css / media.css for "ar"    #
   ################################################## */

[dir="rtl"] body {
  font-family: "Cairo", "Manrope", Arial, sans-serif;
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] .quote-heading,
[dir="rtl"] .eyebrow,
[dir="rtl"] .section-label,
[dir="rtl"] .quote-label,
[dir="rtl"] .footer-title,
[dir="rtl"] .breadcrumb,
[dir="rtl"] .stats span,
[dir="rtl"] .service-overlay small,
[dir="rtl"] .project-list small,
[dir="rtl"] .project-card small,
[dir="rtl"] .details-info small,
[dir="rtl"] .contact-cards small,
[dir="rtl"] .contact-form .form-label,
[dir="rtl"] .details-specs th {
  letter-spacing: 0;
}

[dir="rtl"] h1 {
  line-height: 1.25;
}

[dir="rtl"] h2 {
  line-height: 1.3;
}

/* Directional icons: mirror them without touching the design's transforms */
[dir="rtl"] .fa-arrow-right,
[dir="rtl"] .fa-arrow-left,
[dir="rtl"] .fa-angle-right,
[dir="rtl"] .fa-chevron-right,
[dir="rtl"] .quote-submit-btn svg {
  scale: -1 1;
}

[dir="rtl"] .text-link i,
[dir="rtl"] .header .header-cta i,
[dir="rtl"] .product-card a i,
[dir="rtl"] .service-overlay a i {
  margin-left: 0;
  margin-right: 8px;
}

/* Header */
[dir="rtl"] .header .navbar-collapse .nav-link::after {
  transform-origin: right;
}

/* Hero */
[dir="rtl"] .hero .hero-shade {
  background: linear-gradient(270deg,
      rgba(11, 14, 13, 0.92) 0%,
      rgba(15, 18, 17, 0.72) 38%,
      rgba(11, 14, 13, 0.25) 70%,
      rgba(5, 9, 7, 0.35) 100%);
}

[dir="rtl"] .hero .hero-content {
  left: auto;
  right: 5rem;
}

[dir="rtl"] .hero .hero-index {
  right: auto;
  left: 3rem;
}

[dir="rtl"] .hero .hero-mobile-nav {
  right: auto;
  left: 3rem;
}

[dir="rtl"] .hero-mobile .swiper-pagination {
  left: auto;
  right: 1rem;
  text-align: right;
}

/* About */
[dir="rtl"] .about .about-visual span,
[dir="rtl"] .details-image > span {
  left: auto;
  right: 24px;
}

/* Products */
[dir="rtl"] .product-card > span {
  right: auto;
  left: 16px;
}

/* Services */
[dir="rtl"] .services::before {
  mask-image: linear-gradient(270deg, #000 0%, transparent 78%);
}

[dir="rtl"] .service-tile::after {
  background: linear-gradient(270deg, rgba(8, 12, 10, 0.92), rgba(8, 12, 10, 0.18) 75%);
}

[dir="rtl"] .service-tile:not(.service-main)::after {
  background: linear-gradient(270deg, rgba(8, 12, 10, 0.88), rgba(8, 12, 10, 0.24));
}

[dir="rtl"] .service-tile:hover::after {
  background: linear-gradient(270deg, rgba(8, 12, 10, 0.84), rgba(8, 12, 10, 0.08));
}

[dir="rtl"] .services-page .service-tile.service-card::after {
  background: linear-gradient(180deg, rgba(8, 12, 10, 0.1) 25%, rgba(8, 12, 10, 0.92) 100%);
}

[dir="rtl"] .service-overlay {
  left: 90px;
  right: 34px;
}

[dir="rtl"] .service-main .service-overlay {
  left: auto;
  right: 48px;
}

[dir="rtl"] .services-page .service-tile.service-card .service-overlay {
  left: 26px;
  right: 26px;
}

[dir="rtl"] .service-number {
  right: auto;
  left: 24px;
}

/* Projects */
[dir="rtl"] .project-list > a::after {
  transform-origin: right;
}

[dir="rtl"] .project-list > a:hover > span,
[dir="rtl"] .project-list > a:hover > div {
  transform: translateX(-12px);
}

[dir="rtl"] .project-list > a:hover > b {
  transform: translateX(6px);
}

[dir="rtl"] .project-card .project-year {
  right: auto;
  left: 16px;
}

/* Grids drawn with left/right borders */
[dir="rtl"] .cap-items,
[dir="rtl"] .bank-grid,
[dir="rtl"] .stats,
[dir="rtl"] .details-features,
[dir="rtl"] .details-brands {
  border-left: 0;
  border-right: 1px solid var(--line-color);
}

[dir="rtl"] .bank-grid {
  border-right-color: rgba(255, 255, 255, 0.16);
}

[dir="rtl"] .cap-items > div,
[dir="rtl"] .stats > div,
[dir="rtl"] .details-features li,
[dir="rtl"] .details-brands li {
  border-right: 0;
  border-left: 1px solid var(--line-color);
}

[dir="rtl"] .bank-grid div {
  border-right: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.16);
}

[dir="rtl"] .details-specs th {
  border-right: 0;
  border-left: 1px solid var(--line-color);
}

[dir="rtl"] .process-steps > div {
  padding: 0 0 30px 30px;
}

/* Quote */
[dir="rtl"] .quote-bg-img {
  left: auto;
  right: 0;
  object-position: right center;
}

[dir="rtl"] .quote-bg-overlay {
  background: linear-gradient(270deg,
      rgba(6, 29, 23, 0.18) 0%,
      rgba(6, 29, 23, 0.55) 25%,
      rgba(6, 29, 23, 0.88) 40%,
      #061d17 56%,
      #061d17 100%);
}

[dir="rtl"] .quote-card {
  margin-left: 0;
  margin-right: auto;
}

[dir="rtl"] .quote-select-wrap select {
  padding: 11px 16px 11px 38px;
}

[dir="rtl"] .quote-select-wrap .select-chevron {
  right: auto;
  left: 16px;
}

/* Banking & footer */
[dir="rtl"] .banking::before {
  right: auto;
  left: -4vw;
}

[dir="rtl"] .footer-title::after {
  left: auto;
  right: 0;
}

[dir="rtl"] .footer-list a:hover {
  transform: translateX(-5px);
}

/* Inner pages */
[dir="rtl"] .page-banner::after {
  background:
    linear-gradient(270deg, rgba(3, 20, 15, 0.92) 0%, rgba(3, 20, 15, 0.55) 60%, rgba(3, 20, 15, 0.35) 100%),
    linear-gradient(180deg, rgba(3, 20, 15, 0.45) 0%, transparent 35%);
}

[dir="rtl"] .details-nav::before,
[dir="rtl"] .cta-box::before {
  right: auto;
  left: -10px;
}

[dir="rtl"] .details-slider-nav {
  right: auto;
  left: 20px;
}

[dir="rtl"] .details-slider-count {
  margin-right: 0;
  margin-left: 8px;
}

@media (max-width: 900px) {
  [dir="rtl"] .hero .hero-content {
    left: 3rem;
    right: 3rem;
  }

  [dir="rtl"] .quote-bg-overlay {
    background: linear-gradient(180deg,
        rgba(6, 29, 23, 0.72) 0%,
        rgba(6, 29, 23, 0.94) 40%,
        #061d17 100%);
  }
}

@media (max-width: 600px) {
  [dir="rtl"] .service-overlay {
    left: 65px;
    right: 24px;
  }

  [dir="rtl"] .service-main .service-overlay {
    left: 26px;
    right: 26px;
  }

  [dir="rtl"] .process-steps > div {
    padding-left: 0;
  }
}