/* Real, localized text replaces the seven captured title images.
   Keep each original link, responsive visibility, reveal animation and margins.
   Scoped rules do not affect logos, photos, technical drawings or inner pages. */
.index-tit-view .xj-section-heading {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .3em;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  color: #030b3b;
  font-family: Arial, "Helvetica Neue", "Noto Sans", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: clamp(24px, 2.35vw, 45px);
  font-weight: 700;
  line-height: 1.08;
  text-align: center;
  direction: inherit;
  unicode-bidi: isolate;
}
.index-tit-view .xj-section-heading__main {
  display: block;
  max-width: 100%;
  padding-inline-end: .35em;
  font: inherit;
  text-transform: uppercase;
  overflow-wrap: anywhere;
  word-break: normal;
  hyphens: auto;
  text-wrap: balance;
}
.index-tit-view .xj-section-heading__main::after {
  content: "";
  display: inline-block;
  width: 1.25em;
  height: .65em;
  margin-inline-start: .3em;
  vertical-align: top;
  background-image: radial-gradient(circle, currentColor .7px, transparent .9px);
  background-size: 5px 5px;
  color: #7e8088;
  opacity: .7;
  -webkit-mask-image: linear-gradient(145deg, #000 10%, transparent 85%);
  mask-image: linear-gradient(145deg, #000 10%, transparent 85%);
}
.index-tit-view .xj-section-heading__sub {
  display: block;
  max-width: 100%;
  color: #6c6c6c;
  font-size: .6em;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: .035em;
  overflow-wrap: anywhere;
  word-break: normal;
  text-transform: none;
}
.index-about .xj-section-heading { align-items: flex-start; text-align: start; }
.index-case .xj-section-heading,
.index-case .xj-section-heading__sub { color: #fff; }
.index-case .xj-section-heading__main::after { color: #fff; }
.index-tit-view .xj-section-heading[dir="rtl"] {
  font-family: Tahoma, Arial, "Noto Sans Arabic", sans-serif;
  line-height: 1.35;
}
.index-tit-view .xj-section-heading[dir="rtl"] .xj-section-heading__sub { letter-spacing: normal; }
.index-tit-view .xj-section-heading[lang="hi"] { line-height: 1.4; }
.index-tit-view:focus-visible { outline: 3px solid #0078b8; outline-offset: 6px; }
@media (max-width: 768px) {
  .index-tit-view .xj-section-heading { font-size: clamp(21px, 5.7vw, 36px); gap: .25em; }
  .index-tit-view .xj-section-heading__sub { font-size: .6em; }
  .index-tit-view .xj-section-heading__main::after { width: .9em; height: .55em; background-size: 4px 4px; }
}
