/*** Arabic Fonts ****/
/********************/
#globalnav .globalnav-submenu-list-item-elevated,
#globalnav .globalnav-submenu-list-item-elevated:lang(ar),
.typography-callout,
.typography-callout:lang(ar),
.main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>.headline,
.main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>.headline:lang(ar),
.main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>.subhead,
.main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>.subhead:lang(ar) {
  letter-spacing: 0;
  font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#globalnav .globalnav-link,
#globalnav .globalnav-link:lang(ar),
#globalnav .globalnav-link-apple,
#globalnav .globalnav-link-apple:lang(ar),
#globalnav .globalnav-submenu-header,
#globalnav .globalnav-submenu-header:lang(ar),
#globalnav .globalnav-submenu-list-item,
#globalnav .globalnav-submenu-list-item:lang(ar),
#globalmessage-segment,
#globalmessage-segment:lang(ar),
#ac-globalfooter,
#ac-globalfooter select,
#ac-globalfooter button,
#ac-globalfooter:lang(ar),
#ac-globalfooter select:lang(ar),
#ac-globalfooter button:lang(ar),
#ac-globalfooter,
#ac-globalfooter:lang(ar),
#ac-globalfooter .ac-gf-sosumi p,
#ac-globalfooter .ac-gf-sosumi li,
#ac-globalfooter .ac-gf-sosumi p:lang(ar),
#ac-globalfooter .ac-gf-sosumi li:lang(ar),
#ac-globalfooter .ac-gf-directory,
#ac-globalfooter .ac-gf-directory:lang(ar),
#ac-globalfooter .ac-gf-directory-column-section-title-button,
#ac-globalfooter .ac-gf-directory-column-section-title>.ac-gf-directory-column-section-title-text,
#ac-globalfooter .ac-gf-directory-column-section-title-button:lang(ar),
#ac-globalfooter .ac-gf-directory-column-section-title>.ac-gf-directory-column-section-title-text:lang(ar),
html,
[lang]:lang(ar),
body,
body:lang(ar),
.button,
.button:lang(ar),
.button-elevated,
.button-elevated:lang(ar),
.section-os-gallery .subhead-os-gallery:lang(ar) {
  letter-spacing: 0;
  font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 833px) {
  #globalnav .globalnav-link,
  #globalnav .globalnav-link:lang(ar),
  #globalnav .globalnav-link-apple,
  #globalnav .globalnav-link-apple:lang(ar),
  #globalnav .globalnav-submenu-list-item-elevated,
  #globalnav .globalnav-submenu-list-item-elevated:lang(ar) {
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
      "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }

  #globalnav .globalnav-submenu-header,
  #globalnav .globalnav-submenu-header:lang(ar),
  #globalnav .globalnav-submenu-list-item,
  #globalnav .globalnav-submenu-list-item:lang(ar) {
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
      "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
}

@media only screen and (max-width: 1068px) {
  .typography-callout,
  .typography-callout:lang(ar),
  .main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>.headline,
  .main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>.headline:lang(ar),
  .main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>.subhead,
  .main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>.subhead:lang(ar) {
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
      "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }

}

@media only screen and (max-width: 734px) {
  .typography-callout,
  .typography-callout:lang(ar),
  .main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>.headline,
  .main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>.headline:lang(ar),
  .main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>.subhead,
  .main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>.subhead:lang(ar) {
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
      "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }

  .main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>.headline,
  .main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>.headline:lang(ar) {
    line-height:  1.125;
    letter-spacing: 0;
  }

  .main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>.cta-links .button,
  .main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>.cta-links .button:lang(ar) {
    line-height: 1.1764805882;
    letter-spacing: 0;
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
      "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
}

h3.typography-callout,
h3.typography-callout:lang(ar) {
  line-height: 1.125;
  font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif !important;
}

.section-os-gallery .subhead-os-gallery:lang(ar) {
    line-height: 1.1904761905;
}

.dynamic-price-ts {
  letter-spacing: 0;
  font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/********************/
/*** Arabic Fonts ****/

/* Section os BG */
.main .section-os-gallery {
    height: 813px;
    background-size: 3008px 813px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url("/mideast/home/takeover/s/images/carousel/ar/hp_takeover_carousel_bg__f0hcn0fnmbyq_large.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .main .section-os-gallery {
        background-image: url("/mideast/home/takeover/s/images/carousel/ar/hp_takeover_carousel_bg__f0hcn0fnmbyq_large_2x.png");
    }
}

@media only screen and (max-width: 1068px) {
    .main .section-os-gallery {
        height: 765px;
        background-size: 1068px 765px;
        background-repeat: no-repeat;
        background-image: url("/mideast/home/takeover/s/images/carousel/ar/hp_takeover_carousel_bg__f0hcn0fnmbyq_medium.jpg");
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .main .section-os-gallery {
        background-image: url("/mideast/home/takeover/s/images/carousel/ar/hp_takeover_carousel_bg__f0hcn0fnmbyq_medium_2x.jpg");
    }
}

@media only screen and (max-width: 734px) {
    .main .section-os-gallery {
        height: 553px;
        background-size: 734px 553px;
        background-repeat: no-repeat;
        background-image: url("/mideast/home/takeover/s/images/carousel/ar/hp_takeover_carousel_bg__f0hcn0fnmbyq_small.jpg");
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .main .section-os-gallery {
        background-image: url("/mideast/home/takeover/s/images/carousel/ar/hp_takeover_carousel_bg__f0hcn0fnmbyq_small_2x.jpg");
    }
}

@media only screen and (max-width: 374px) {
    .main .section-os-gallery {
        height: 545px;
        background-size: 734px 545px;
        background-repeat: no-repeat;
        background-image: url("/mideast/home/takeover/s/images/carousel/ar/hp_takeover_carousel_bg__f0hcn0fnmbyq_xsmall.jpg");
    }
}

@media only screen and (max-width: 374px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 374px) and (min-resolution: 1.5dppx),
only screen and (max-width: 374px) and (min-resolution: 144dpi) {
    .main .section-os-gallery {
        background-image: url("/mideast/home/takeover/s/images/carousel/ar/hp_takeover_carousel_bg__f0hcn0fnmbyq_xsmall_2x.jpg");
    }
}

@media screen and (max-width: 734px) {
    .main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper>*.subhead {
        width: 95%;
        max-width: unset;
    }
}