/* AR/FA homepage contact section: content stays in flow and is never cropped.
   Keep the existing photograph, typography, reveal effects and channel icons. */
html[dir="rtl"]:is([lang="ar"], [lang="fa"]) body #contact.cta {
  height: auto;
  min-block-size: 490px;
}

html[dir="rtl"]:is([lang="ar"], [lang="fa"]) body #contact.cta > .cta-content {
  position: relative;
  inset: auto;
  transform: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: clamp(32px, 5vw, 80px);
  inline-size: 100%;
  max-inline-size: 1440px;
  margin-block: 0;
  margin-inline: auto;
  padding-block: 48px;
  padding-inline: 8%;
  direction: rtl;
  text-align: start;
}

html[dir="rtl"]:is([lang="ar"], [lang="fa"]) body #contact.cta > .cta-content > div {
  min-inline-size: 0;
}

html[dir="rtl"]:is([lang="ar"], [lang="fa"]) body #contact.cta .cta-heading {
  line-height: 1.3;
}

@media (max-width: 1024px) {
  html[dir="rtl"]:is([lang="ar"], [lang="fa"]) body #contact.cta > .cta-content {
    grid-template-columns: minmax(0, 1fr);
    gap: 36px;
    padding-inline: 24px;
  }
}

@media (max-width: 640px) {
  html[dir="rtl"]:is([lang="ar"], [lang="fa"]) body #contact.cta .cta-heading {
    font-size: clamp(46px, 13.5vw, 60px);
  }
}