@charset "UTF-8";

html[dir="rtl"] body {
  direction: rtl;
  font-family: "Cairo", "IBM Plex Sans", sans-serif;
}

html[dir="rtl"] .sticky-wrapper {
  left: auto !important;
  right: 0 !important;
}

html[dir="rtl"] .top-bar .container,
html[dir="rtl"] .contact-ribbon .container,
html[dir="rtl"] .navbar-container,
html[dir="rtl"] .footer-bottom-content,
html[dir="rtl"] .footer-bottom-links-modern,
html[dir="rtl"] .cta-modern-actions,
html[dir="rtl"] .hero-modern-actions,
html[dir="rtl"] .about-cta-buttons,
html[dir="rtl"] .fleet-cta-content,
html[dir="rtl"] .footer-cta-content {
  direction: rtl;
}

html[dir="rtl"] .top-bar .container,
html[dir="rtl"] .contact-ribbon .container,
html[dir="rtl"] .navbar-container,
html[dir="rtl"] .footer-bottom-content {
  flex-direction: row-reverse;
}

html[dir="rtl"] .flash-infos {
  justify-content: flex-start;
}

html[dir="rtl"] .ticker-wrap {
  left: 0;
  right: auto;
  animation-name: marquee-rtl;
}

@keyframes marquee-rtl {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

html[dir="rtl"] .lang-switch {
  direction: rtl;
}

html[dir="rtl"] .lang-switch button {
  font-family: inherit;
}

html[dir="rtl"] .navbar-menu,
html[dir="rtl"] .hero-modern-container,
html[dir="rtl"] .news-featured-link,
html[dir="rtl"] .news-detail-grid,
html[dir="rtl"] .contact-grid,
html[dir="rtl"] .service-detail-layout,
html[dir="rtl"] .service-detail-hero-grid,
html[dir="rtl"] .infra-pole-card {
  direction: rtl;
}

html[dir="rtl"] .mobile-menu-panel {
  left: 0;
  right: auto;
  transform: translateX(-100%);
  text-align: right;
}

html[dir="rtl"] .mobile-menu-panel.is-open {
  display: flex;
  transform: translateX(0);
}

html[dir="rtl"] .mobile-menu-close {
  left: 1rem;
  right: auto;
}

html[dir="rtl"] .mobile-nav-link:hover,
html[dir="rtl"] .mobile-nav-link:focus {
  transform: translateX(-4px);
}

html[dir="rtl"] .page-hero-badge,
html[dir="rtl"] .hero-badge,
html[dir="rtl"] .contact-item,
html[dir="rtl"] .mobile-nav-link,
html[dir="rtl"] .mobile-contact-item,
html[dir="rtl"] .news-read-more,
html[dir="rtl"] .news-card-cta,
html[dir="rtl"] .news-date,
html[dir="rtl"] .news-card-date,
html[dir="rtl"] .pagination-btn,
html[dir="rtl"] .news-detail-breadcrumb,
html[dir="rtl"] .news-detail-breadcrumb a,
html[dir="rtl"] .news-detail-date,
html[dir="rtl"] .news-article-share,
html[dir="rtl"] .form-label-modern,
html[dir="rtl"] .contact-submit-btn,
html[dir="rtl"] .sending-content,
html[dir="rtl"] .cta-contact-item,
html[dir="rtl"] .btn-hero-primary,
html[dir="rtl"] .btn-hero-secondary,
html[dir="rtl"] .btn-cta-primary,
html[dir="rtl"] .btn-cta-secondary,
html[dir="rtl"] .btn-modern-primary,
html[dir="rtl"] .btn-modern-outline,
html[dir="rtl"] .footer-cta-btn,
html[dir="rtl"] .footer-nav-links li a,
html[dir="rtl"] .footer-contact-row,
html[dir="rtl"] .contact-info-card {
  flex-direction: row-reverse;
}

html[dir="rtl"] .news-featured-content,
html[dir="rtl"] .news-card-body,
html[dir="rtl"] .news-article-content,
html[dir="rtl"] .news-article-summary,
html[dir="rtl"] .news-detail-title,
html[dir="rtl"] .news-related-content,
html[dir="rtl"] .share-label,
html[dir="rtl"] .sidebar-card,
html[dir="rtl"] .contact-info-content,
html[dir="rtl"] .contact-form-header,
html[dir="rtl"] .contact-service-card,
html[dir="rtl"] .contact-info-col,
html[dir="rtl"] .infra-pole-summary,
html[dir="rtl"] .infra-pole-details,
html[dir="rtl"] .service-detail-hero-card,
html[dir="rtl"] .service-detail-article,
html[dir="rtl"] .service-detail-side-card,
html[dir="rtl"] .service-detail-content,
html[dir="rtl"] .service-detail-subtitle,
html[dir="rtl"] .hero-stat,
html[dir="rtl"] .section-header-modern,
html[dir="rtl"] .testimonial-card,
html[dir="rtl"] .footer-brand-col,
html[dir="rtl"] .footer-links-col,
html[dir="rtl"] .footer-contact-col,
html[dir="rtl"] .kpi-card,
html[dir="rtl"] .empty-state,
html[dir="rtl"] .news-empty-state {
  text-align: right;
}

html[dir="rtl"] .service-detail-content ul {
  padding-left: 0 !important;
  padding-right: 2rem !important;
}

html[dir="rtl"] .table-modern th,
html[dir="rtl"] .table-modern td,
html[dir="rtl"] .content-modern table th,
html[dir="rtl"] .content-modern table td {
  text-align: right;
}

html[dir="rtl"] .leaflet-popup-content,
html[dir="rtl"] .leaflet-popup-content-wrapper {
  text-align: right;
  direction: rtl;
}

html[dir="rtl"] .leaflet-control-attribution,
html[dir="rtl"] .leaflet-control-scale {
  direction: ltr;
  unicode-bidi: isolate;
}

html[dir="rtl"] .hero-gradient-orb-1 {
  left: auto;
  right: -10%;
}

html[dir="rtl"] .hero-gradient-orb-2 {
  left: 10%;
  right: auto;
}

html[dir="rtl"] .hero-gradient-orb-3 {
  left: -5%;
  right: auto;
}

html[dir="rtl"] .page-hero-orb-1,
html[dir="rtl"] .cta-gradient-orb-1 {
  left: 10%;
  right: auto;
}

html[dir="rtl"] .page-hero-orb-2,
html[dir="rtl"] .cta-gradient-orb-2 {
  left: auto;
  right: 10%;
}

html[dir="rtl"] .news-featured-badge {
  left: auto;
  right: 1.5rem;
}

html[dir="rtl"] .news-article-summary,
html[dir="rtl"] .about-mission {
  border-left: none !important;
  border-right: 4px solid var(--color-secondary) !important;
}

html[dir="rtl"] .about-mission {
  border-right-color: var(--accent-primary) !important;
}

html[dir="rtl"] .news-article-summary {
  border-radius: 16px 0 0 16px;
}

html[dir="rtl"] .footer-brand-col {
  padding-left: 2rem;
  padding-right: 0;
}

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

html[dir="rtl"] .footer-nav-links li a:hover {
  padding-left: 0;
  padding-right: 5px;
}

html[dir="rtl"] .contact-info-card:hover {
  transform: translateX(-5px);
}

html[dir="rtl"] .contact-info-card,
html[dir="rtl"] .news-back-link,
html[dir="rtl"] .sidebar-btn,
html[dir="rtl"] .service-detail-back,
html[dir="rtl"] .infra-pole-header {
  flex-direction: row-reverse;
}

html[dir="rtl"] .contact-form .form-select {
  background-position: left 1rem center;
  padding-left: 2.5rem;
  padding-right: 1rem;
}

html[dir="rtl"] .contact-form input,
html[dir="rtl"] .contact-form select,
html[dir="rtl"] .contact-form textarea {
  text-align: right;
}

html[dir="rtl"] [dir="ltr"] {
  direction: ltr;
  unicode-bidi: isolate;
}

html[dir="rtl"] a[href^="mailto:"] [dir="ltr"],
html[dir="rtl"] a[href^="tel:"] [dir="ltr"],
html[dir="rtl"] .contact-info-content [dir="ltr"],
html[dir="rtl"] .footer-contact-info [dir="ltr"],
html[dir="rtl"] .cta-contact-item [dir="ltr"],
html[dir="rtl"] .service-detail-contact-value[dir="ltr"] {
  display: inline-block;
  direction: ltr;
  unicode-bidi: isolate;
  text-align: left;
}

html[dir="rtl"] .fa-arrow-right::before {
  content: "\f060";
}

html[dir="rtl"] .fa-arrow-left::before {
  content: "\f061";
}

html[dir="rtl"] .fa-chevron-right::before {
  content: "\f053";
}

html[dir="rtl"] .fa-chevron-left::before {
  content: "\f054";
}

html[dir="rtl"] .news-featured-card:hover .news-read-more i,
html[dir="rtl"] .news-card-modern:hover .news-card-cta i,
html[dir="rtl"] .footer-cta-btn:hover i,
html[dir="rtl"] .fleet-cta-btn:hover i,
html[dir="rtl"] .contact-submit-btn:hover i,
html[dir="rtl"] .footer-nav-links li a:hover i,
html[dir="rtl"] .news-back-link:hover i {
  transform: translateX(-3px);
}

html[dir="rtl"] .pagination-modern,
html[dir="rtl"] .share-buttons,
html[dir="rtl"] .chip-list,
html[dir="rtl"] .news-gallery-thumbs {
  direction: rtl;
}

html[dir="rtl"] .infra-pole-details {
  border-inline-start: none;
  border-inline-end: 1px solid rgba(0, 31, 77, 0.08);
  padding-inline-start: 0;
  padding-inline-end: 1.5rem;
}

html[dir="rtl"] a.btn-modern-outline[style*="margin-left"] {
  margin-left: 0 !important;
  margin-right: 0.75rem !important;
}

@media (max-width: 768px) {
  html[dir="rtl"] .footer-brand-col {
    padding-left: 0;
  }

  html[dir="rtl"] .infra-pole-details {
    border-inline-end: none;
    padding-inline-end: 0;
  }

  html[dir="rtl"] .footer-col-title::after {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }

  html[dir="rtl"] .footer-nav-links li a,
  html[dir="rtl"] .footer-contact-row,
  html[dir="rtl"] .contact-info-card,
  html[dir="rtl"] .news-empty-state,
  html[dir="rtl"] .empty-state {
    text-align: center;
    justify-content: center;
  }
}