.legacy-banner .localized-promo {
  position: absolute;
  z-index: 2;
  left: calc((100% - min(100%, 1584px)) / 2 + min(100%, 1584px) * .0455);
  top: 45.4%;
  width: calc(min(100%, 1584px) * .335);
  height: 26.5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: .7% 0;
  background: linear-gradient(90deg, #062b59 0%, #062e5e 70%, rgba(7, 48, 91, .97) 88%, rgba(7, 48, 91, 0) 100%);
  color: #fff;
  text-align: left;
  text-shadow: none;
}

.legacy-banner .localized-promo h2 {
  margin: 0 0 1.1vw;
  color: #fff;
  font-size: clamp(14px, 2.65vw, 42px);
  line-height: 1.08;
  letter-spacing: .025em;
  text-transform: uppercase;
}

.legacy-banner .localized-promo h2 span {
  display: block;
  color: #f18a24;
}

.legacy-banner .localized-promo p {
  margin: 0;
  max-width: 96%;
  color: #fff;
  font-size: clamp(9px, 1.45vw, 23px);
  line-height: 1.35;
}

html[lang="ru"] .legacy-banner .localized-promo h2,
html[lang="ar"] .legacy-banner .localized-promo h2 {
  font-size: clamp(12px, 2.15vw, 34px);
}

html[lang="ru"] .legacy-banner .localized-promo p,
html[lang="ar"] .legacy-banner .localized-promo p {
  font-size: clamp(8px, 1.2vw, 19px);
}

html[lang="ar"] .legacy-banner .localized-promo {
  direction: rtl;
  text-align: right;
  padding-right: 1%;
}

@media (max-width: 850px) {
  .legacy-banner .localized-promo {
    top: 47.5%;
  }
}

@media (max-width: 560px) {
  .legacy-banner .localized-promo {
    top: 49.4%;
  }
}