/* Homepage photo behind the hero of the English, Persian, Russian, Arabic and Turkish homepages (the German
   homepage uses the same image in its own hero). The text side is darkened so headings stay readable. */
.seo-hero.mb-photo-hero {
  isolation: isolate;
  background: #050605;
}
.mb-photo-hero__bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
}
.mb-photo-hero__bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 62% 45%;
}
.mb-photo-hero__bg::after {
  position: absolute;
  inset: 0;
  content: "";
  background:
    linear-gradient(90deg, rgba(5, 6, 5, .95) 0%, rgba(5, 6, 5, .8) 42%, rgba(5, 6, 5, .4) 100%),
    linear-gradient(0deg, rgba(5, 6, 5, .9) 0%, rgba(5, 6, 5, .12) 48%);
}
/* Right-to-left pages have their text on the right. */
[dir="rtl"] .mb-photo-hero__bg::after {
  background:
    linear-gradient(270deg, rgba(5, 6, 5, .97) 0%, rgba(5, 6, 5, .88) 48%, rgba(5, 6, 5, .42) 100%),
    linear-gradient(0deg, rgba(5, 6, 5, .9) 0%, rgba(5, 6, 5, .12) 48%);
}
@media (max-width: 760px) {
  .mb-photo-hero__bg img { object-position: 50% 40%; }
  .mb-photo-hero__bg::after,
  [dir="rtl"] .mb-photo-hero__bg::after {
    background: linear-gradient(0deg, rgba(5, 6, 5, .96) 0%, rgba(5, 6, 5, .78) 55%, rgba(5, 6, 5, .55) 100%);
  }
}