/* Arabic: full-site RTL mirror of the LTR layout. */
html[dir="rtl"] {
  direction: rtl;
}

html[dir="rtl"] body,
body.is-rtl {
  direction: rtl;
  font-family: "Segoe UI", Tahoma, "Noto Naskh Arabic", "Noto Sans Arabic", Arial, sans-serif;
  text-align: right;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: normal;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] .nav-link,
html[dir="rtl"] .lang-btn,
html[dir="rtl"] .btn-primary,
html[dir="rtl"] .quote-en-tab,
html[dir="rtl"] .quote-en-submit,
html[dir="rtl"] .plist-copy h2,
html[dir="rtl"] .page-hero-copy h1 {
  letter-spacing: 0;
}

html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] button {
  font-family: inherit;
}

html[dir="rtl"] .header-inner,
html[dir="rtl"] .nav,
html[dir="rtl"] .footer-main,
html[dir="rtl"] .footer-nav,
html[dir="rtl"] .section-head,
html[dir="rtl"] .crumb,
html[dir="rtl"] .lang-menu,
html[dir="rtl"] .detail-crumb {
  text-align: right;
}

/* ========== Header: Logo | flex | Nav | Tools  →  Tools | Nav | flex | Logo ========== */
html[dir="rtl"] .logo {
  margin-left: 0;
  margin-right: -3px;
}

html[dir="rtl"] .nav {
  margin-left: 74px;
  margin-right: auto;
}

html[dir="rtl"] .lang-btn {
  padding: 0 24px 0 20px;
}

html[dir="rtl"] .lang-text {
  text-align: right;
}

html[dir="rtl"] .lang-caret {
  margin-left: 0;
  margin-right: 4px;
  transform: none;
}

html[dir="rtl"] .lang-menu li a {
  text-align: right;
}

html[dir="rtl"] .pager-btn img {
  transform: scaleX(-1);
}

html[dir="rtl"] .nav-toggle {
  margin-left: 0;
  margin-right: auto;
}

/* ========== Banner: 图文左右镜像 ========== */
html[dir="rtl"] .hero {
  isolation: isolate;
}

html[dir="rtl"] .hero-img,
html[dir="rtl"] .hero-video {
  transform: scaleX(-1);
}

/* ========== Home products ========== */
html[dir="rtl"] .product-badge {
  left: auto;
  right: 0;
}

html[dir="rtl"] .product-swiper .swiper-slide {
  min-width: 0;
  overflow: hidden;
}

html[dir="rtl"] .gapu-home-en-sections .products--en-figma .product-card {
  height: auto;
  min-height: 508px;
  min-width: 0;
  overflow: hidden;
  box-sizing: border-box;
}

html[dir="rtl"] .gapu-home-en-sections .products--en-figma .product-card h3 {
  display: block;
  -webkit-line-clamp: unset;
  -webkit-box-orient: initial;
  max-height: none;
  min-height: 0;
  width: 100%;
  max-width: 100%;
  padding: 0 16px;
  box-sizing: border-box;
  overflow: hidden;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
  text-align: right;
}

html[dir="rtl"] .gapu-home-en-sections .products--en-figma .product-desc {
  position: relative;
  left: auto !important;
  right: auto !important;
  width: auto !important;
  max-width: none;
  height: auto !important;
  min-height: 75px;
  flex: 0 0 auto !important;
  align-self: stretch;
  margin: 0 16px;
  padding: 7px 12px;
  box-sizing: border-box;
  overflow: hidden;
  text-align: right;
}

html[dir="rtl"] .gapu-home-en-sections .products--en-figma .product-desc p,
html[dir="rtl"] .product-desc p {
  display: block;
  -webkit-line-clamp: unset;
  -webkit-box-orient: initial;
  max-width: 100%;
  overflow: hidden;
  overflow-wrap: break-word;
  word-break: normal;
  white-space: normal;
}

html[dir="rtl"] .product-more,
html[dir="rtl"] .product-card h3 {
  white-space: normal;
  text-align: right;
}

html[dir="rtl"] .progress {
  transform: scaleX(-1);
}

/* ========== Solutions accordion ========== */
html[dir="rtl"] .gapu-home-en-sections .industries-en-tab {
  text-align: right;
}

html[dir="rtl"] .gapu-home-en-sections .industries-en-tab-label {
  white-space: normal;
  overflow-wrap: break-word;
  min-width: 0;
}

html[dir="rtl"] .gapu-home-en-sections .industries-en-tab-copy {
  padding-right: 0;
  padding-left: 16px;
}

html[dir="rtl"] .gapu-home-en-sections .industries-en-chevron::before {
  left: auto;
  right: 4px;
  transform: rotate(225deg);
}

html[dir="rtl"] .gapu-home-en-sections .industries-en-tab.is-active .industries-en-chevron::before {
  transform: rotate(-135deg);
}

html[dir="rtl"] .gapu-home-en-sections .industries-en-thumbs {
  right: auto;
  left: 16px;
}

html[dir="rtl"] .gapu-home-en-sections .about-en-play {
  justify-self: right;
  margin: 0 24px 24px 0;
}

/* 关于我们：文左图右 */
html[dir="rtl"] .gapu-home-en-sections .about-en-card {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
  grid-template-areas: "copy visual";
}

html[dir="rtl"] .gapu-home-en-sections .about-visual--en {
  grid-area: visual;
}

html[dir="rtl"] .gapu-home-en-sections .about-left--en {
  grid-area: copy;
  align-items: flex-start;
  text-align: right;
}

html[dir="rtl"] .gapu-home-en-sections .about-left--en h2,
html[dir="rtl"] .gapu-home-en-sections .about-left--en .about-text,
html[dir="rtl"] .gapu-home-en-sections .about-left--en .about-text p {
  text-align: right;
}

/* 解决方案：图左、列表右 */
html[dir="rtl"] .gapu-home-en-sections .industries--en-figma > .industries-en-layout {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 686px);
  grid-template-areas: "visual tabs";
}

html[dir="rtl"] .gapu-home-en-sections .industries-en-tabs {
  grid-area: tabs;
}

html[dir="rtl"] .gapu-home-en-sections .industries-en-visual {
  grid-area: visual;
}

/* 服务：图左、文右 */
html[dir="rtl"] .gapu-home-en-sections .service--en-figma .service-inner {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-areas: "visual copy";
}

html[dir="rtl"] .gapu-home-en-sections .service--en-figma .service-copy {
  grid-area: copy;
  align-items: flex-start;
  text-align: right;
}

html[dir="rtl"] .gapu-home-en-sections .service--en-figma .service-grid {
  grid-area: visual;
}

/* 询价：地图左、表单右 */
html[dir="rtl"] .gapu-home-en-sections .quote-en-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-areas: "map form";
}

html[dir="rtl"] .gapu-home-en-sections .quote-en-left {
  grid-area: form;
}

html[dir="rtl"] .gapu-home-en-sections .quote-en-map {
  grid-area: map;
}

html[dir="rtl"] .contact-grid {
  grid-template-columns: 685px minmax(0, 1fr);
  grid-template-areas: "map form";
}

html[dir="rtl"] .contact-grid .cform {
  grid-area: form;
}

html[dir="rtl"] .contact-grid .cmap {
  grid-area: map;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] p,
html[dir="rtl"] li,
html[dir="rtl"] label,
html[dir="rtl"] .nav-link,
html[dir="rtl"] .section-titles,
html[dir="rtl"] .section-titles h2,
html[dir="rtl"] .industries-en-title,
html[dir="rtl"] .quote-en-title,
html[dir="rtl"] .quote-en-lead,
html[dir="rtl"] .products--en-figma .section-head,
html[dir="rtl"] .products--en-figma .section-titles h2,
html[dir="rtl"] .page-hero-copy,
html[dir="rtl"] .page-hero-copy h1,
html[dir="rtl"] .plist-copy,
html[dir="rtl"] .cform,
html[dir="rtl"] .cform h2,
html[dir="rtl"] .cform .lead,
html[dir="rtl"] .cmap h3,
html[dir="rtl"] .cmap .sub {
  text-align: right;
}

html[dir="rtl"] .gapu-home-en-sections .quote-en-title {
  line-height: 1.35;
  height: auto;
}

html[dir="rtl"] .gapu-home-en-sections .quote-en-tab {
  height: auto;
  min-height: 54px;
  padding: 8px 12px;
  letter-spacing: 0;
  white-space: normal;
}

html[dir="rtl"] .gapu-home-en-sections .quote-en-field input,
html[dir="rtl"] .gapu-home-en-sections .quote-en-field textarea,
html[dir="rtl"] .search-form input,
html[dir="rtl"] .cform-field input,
html[dir="rtl"] .cform-field textarea,
html[dir="rtl"] .detail-search input {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .gapu-home-en-sections .quote-en-field input,
html[dir="rtl"] .gapu-home-en-sections .quote-en-field textarea {
  padding: 15px 17px 15px 41px;
}

html[dir="rtl"] .gapu-home-en-sections .quote-en-ico {
  right: auto;
  left: 14px;
}

html[dir="rtl"] .gapu-home-en-sections .quote-en-submit {
  letter-spacing: 0;
  text-transform: none;
}

html[dir="rtl"] .cform-field label,
html[dir="rtl"] .cform-agree,
html[dir="rtl"] .cform-notice {
  text-align: right;
}

html[dir="rtl"] .cform-submit img,
html[dir="rtl"] .cinfo-nav img,
html[dir="rtl"] .text-link img,
html[dir="rtl"] .news-all img {
  transform: scaleX(-1);
}

html[dir="rtl"] .page-hero-copy {
  align-items: flex-start;
  text-align: right;
}

html[dir="rtl"] .service-cell {
  border-right: 0;
  border-left: 1px solid #e0f2fe;
}

html[dir="rtl"] .service-cell:nth-child(2n) {
  border-left: 0;
}

/* ========== Footer ========== */
html[dir="rtl"] .footer-logo strong {
  margin-left: 0;
  margin-right: 12px;
}

html[dir="rtl"] .footer-col {
  margin-left: 0;
  margin-right: 68px;
}

html[dir="rtl"] .footer-col--about {
  margin-left: 0;
  margin-right: 92px;
}

html[dir="rtl"] .footer-follow {
  margin-left: 0;
  margin-right: 117px;
  padding-left: 0;
  padding-right: 0;
}

html[dir="rtl"] .footer-col,
html[dir="rtl"] .footer-follow {
  min-width: 0;
}

/* ========== Inner pages ========== */
html[dir="rtl"] .page-hero-mask,
html[dir="rtl"] .page-sol .page-hero-mask,
html[dir="rtl"] .page-sol-detail .page-hero-mask {
  background: linear-gradient(-90deg, var(--c-primary) 0%, rgba(255, 255, 255, 0) 71.693%);
}

html[dir="rtl"] .page-hero-copy {
  padding-left: 0;
  padding-right: 1px;
}

html[dir="rtl"] .crumb a,
html[dir="rtl"] .crumb i,
html[dir="rtl"] .crumb span {
  margin-left: 0;
  margin-right: 8px;
}

html[dir="rtl"] .crumb i,
html[dir="rtl"] .detail-crumb i {
  display: inline-block;
  transform: scaleX(-1);
}

html[dir="rtl"] .intro-stat {
  text-align: right;
}

html[dir="rtl"] .intro-stat b i {
  margin-left: 0;
  margin-right: 2px;
}

html[dir="rtl"] .plist-copy h2,
html[dir="rtl"] .plist-copy p {
  overflow-wrap: break-word;
  word-break: normal;
  text-align: right;
}

@media (min-width: 1020px) {
  html[dir="rtl"] .plist-card {
    padding: 40px clamp(24px, 10vw, 225px) 40px clamp(24px, 3vw, 48px);
  }

  html[dir="rtl"] .plist-photo {
    margin-left: 0;
    margin-right: auto;
    justify-content: flex-end;
  }

  html[dir="rtl"] .plist-photo img {
    object-position: left center;
  }

  html[dir="rtl"] .plist-photo--2 img,
  html[dir="rtl"] .plist-photo--3 img {
    transform-origin: left center;
  }
}

html[dir="rtl"] .sol-card-copy h3 em {
  margin-right: 0;
  margin-left: 8px;
}

html[dir="rtl"] .detail-search input {
  border-right: 1px solid #d1d5db;
  border-left: 0;
  border-radius: 0 9999px 9999px 0;
}

html[dir="rtl"] .detail-search button {
  border-radius: 9999px 0 0 9999px;
}

html[dir="rtl"] .detail-sec .lead {
  padding: 0 0 0 24px;
}

html[dir="rtl"] .detail-sec li {
  padding-left: 0;
  padding-right: 13px;
}

html[dir="rtl"] .detail-sec li::before {
  left: auto;
  right: 0;
}

@media (min-width: 1020px) {
  html[dir="rtl"] .history-year--curr {
    left: 68.84%;
    right: 64px;
    text-align: left;
    padding-right: 0;
    padding-left: 48px;
  }

  html[dir="rtl"] .history-year--next {
    left: 64px;
    right: 68.66%;
    text-align: right;
    padding-left: 0;
    padding-right: 24px;
  }
}

html[dir="rtl"] .about-visual {
  right: auto;
  left: 0;
}

html[dir="rtl"] .about-left {
  padding-left: 0;
  padding-right: var(--side);
}

html[dir="rtl"] .inquiry .hint {
  text-align: right;
}

html[dir="rtl"] #fp-nav.right {
  right: auto;
  left: 12px;
}

html[dir="rtl"] #fp-nav ul li .fp-tooltip.right {
  right: auto;
  left: 28px;
}

@media (max-width: 1600px) and (min-width: 1020px) {
  html[dir="rtl"] .plist-card {
    padding-left: clamp(24px, 3vw, 48px);
    padding-right: clamp(24px, 5vw, 80px);
  }
}

@media (max-width: 1599px) {
  html[dir="rtl"] .gapu-home-en-sections .industries--en-figma > .industries-en-layout {
    grid-template-columns: minmax(0, 1fr) minmax(240px, 0.75fr);
    grid-template-areas: "visual tabs";
  }

  html[dir="rtl"] .nav {
    margin-left: clamp(16px, 2.8vw, 48px);
    margin-right: auto;
  }

  html[dir="rtl"] .lang-btn {
    padding: 0 16px 0 12px;
  }

  html[dir="rtl"] .footer-col {
    margin-left: 0;
    margin-right: clamp(24px, 3.6vw, 68px);
  }

  html[dir="rtl"] .footer-col--about {
    margin-left: 0;
    margin-right: clamp(32px, 4.8vw, 92px);
  }

  html[dir="rtl"] .footer-follow {
    margin-left: 0;
    margin-right: auto;
    padding-right: 24px;
  }
}

@media (max-width: 1439px) {
  html[dir="rtl"] .nav {
    margin-left: 16px;
    margin-right: auto;
  }

  html[dir="rtl"] .lang-btn {
    padding: 0 12px 0 8px;
  }

  html[dir="rtl"] .footer-col,
  html[dir="rtl"] .footer-col--about,
  html[dir="rtl"] .footer-follow {
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
  }

}

@media (min-width: 1020px) {
  html[dir="rtl"] .nav-sub {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}

@media (max-width: 1019px) {
  html[dir="rtl"] .nav {
    margin: 0;
  }

  html[dir="rtl"] .nav-sub {
    align-items: flex-end;
    padding: 0 40px 8px 24px;
  }

  html[dir="rtl"] .header-actions,
  html[dir="rtl"] body .header-actions {
    right: auto !important;
    left: 12px !important;
  }

  html[dir="rtl"] .products .section-head,
  html[dir="rtl"] .about-block .section-head {
    padding-right: 0;
    padding-left: 88px;
  }

  html[dir="rtl"] .pager {
    right: auto;
    left: 0;
  }

  html[dir="rtl"] .gapu-home-en-sections .industries-en-thumbs {
    left: 8px;
    right: auto;
  }

  html[dir="rtl"] .gapu-home-en-sections .products--en-figma .product-card {
    min-height: 0;
  }

  html[dir="rtl"] .contact-grid {
    grid-template-columns: 1fr;
    grid-template-areas: "form" "map";
  }

  html[dir="rtl"] .gapu-home-en-sections .about-en-card,
  html[dir="rtl"] .gapu-home-en-sections .industries--en-figma > .industries-en-layout,
  html[dir="rtl"] .gapu-home-en-sections .service--en-figma .service-inner,
  html[dir="rtl"] .gapu-home-en-sections .quote-en-grid {
    grid-template-columns: 1fr;
  }

  html[dir="rtl"] .gapu-home-en-sections .about-en-card {
    grid-template-areas: "visual" "copy";
  }

  html[dir="rtl"] .gapu-home-en-sections .industries--en-figma > .industries-en-layout {
    grid-template-areas: "tabs" "visual";
  }

  html[dir="rtl"] .gapu-home-en-sections .service--en-figma .service-inner {
    grid-template-areas: "copy" "visual";
  }

  html[dir="rtl"] .gapu-home-en-sections .quote-en-grid {
    grid-template-areas: "form" "map";
  }

  html[dir="rtl"] .history-year--curr {
    left: 50%;
    right: auto;
    text-align: center;
    padding: 0;
    transform: translateX(-50%);
    color: #fff;
  }

  html[dir="rtl"] .history-year--next {
    left: auto;
    right: auto;
    padding: 0;
  }

  html[dir="rtl"] .history-track {
    direction: ltr;
    justify-content: flex-start;
  }

  html[dir="rtl"] .history-nav--prev {
    left: 4px;
    right: auto;
  }

  html[dir="rtl"] .history-nav--next {
    right: 4px;
    left: auto;
  }

  html[dir="rtl"] .history-circle p {
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%);
  }
}