@media (max-width: 680px) {
  html[dir="rtl"],
  html[dir="rtl"] body {
    width: 100%;
    max-width: 100vw;
    overflow-x: clip;
  }

  html[dir="rtl"] #hero,
  html[dir="rtl"] .ux-hero,
  html[dir="rtl"] .ux-hero-inner,
  html[dir="rtl"] .ux-hero-copy,
  html[dir="rtl"] .wrap,
  html[dir="rtl"] main,
  html[dir="rtl"] section {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html[dir="rtl"] .ux-hero-copy,
  html[dir="rtl"] .hdesc,
  html[dir="rtl"] .hh1,
  html[dir="rtl"] .sh2 {
    overflow-wrap: anywhere;
  }

  html[dir="rtl"] .hstatus,
  html[dir="rtl"] .hbtns .btn,
  html[dir="rtl"] .ux-hero-points span {
    width: 100%;
    max-width: 100%;
  }
}