/*** Arabic Fonts ****/

/********************/

#globalnav .globalnav-submenu-list-item-elevated,
#globalnav .globalnav-submenu-list-item-elevated:lang(ar),
#ac-localnav .ac-ln-title,
#ac-localnav .ac-ln-title:lang(ar),
.typography-headline-super,
.typography-headline-super:lang(ar),
.typography-tout,
.typography-tout:lang(ar),
.typography-media-card-gallery-headline,
.typography-media-card-gallery-headline:lang(ar),
.typography-icon-card-headline,
.typography-icon-card-headline:lang(ar),
.typography-icon-card-modal-content-inline-headline,
.typography-icon-card-modal-content-inline-headline:lang(ar),
.typography-index-headline,
.typography-index-headline:lang(ar),
.typography-product-tile-headline,
.typography-product-tile-headline:lang(ar),
.typography-section-header-headline,
.typography-section-header-headline:lang(ar),
.typography-marquee-headline-elevated,
.typography-marquee-headline-elevated:lang(ar),
.typography-marquee-eyebrow-base,
.typography-marquee-eyebrow-base:lang(ar),
.typography-modal-header-topic-label,
.typography-modal-header-topic-label:lang(ar),
.typography-modal-header-headline,
.typography-modal-header-headline: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-breadcrumbs-path,
#ac-globalfooter .ac-gf-breadcrumbs-path: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),
#ac-localnav .ac-ln-menu,
#ac-localnav .ac-ln-menu:lang(ar),
#ac-localnav .ac-ln-button,
#ac-localnav .ac-ln-button:lang(ar),
html,
[lang]:lang(ar),
body,
body:lang(ar),
.badge,
.badge:lang(ar),
.badge-reduced,
.badge-reduced:lang(ar),
.button,
.button:lang(ar),
.typography-body-tight-semibold,
.typography-body-tight-semibold:lang(ar),
.typography-body-tight-drop-semibold,
.typography-body-tight-drop-semibold:lang(ar),
.typography-compare-thinness-caption,
.typography-compare-thinness-caption:lang(ar),
.typography-all-access-pass-base-text,
.typography-all-access-pass-base-text:lang(ar),
.typography-icon-card-body-copy,
.typography-icon-card-body-copy:lang(ar),
.typography-product-tile-subheading,
.typography-product-tile-subheading:lang(ar),
.typography-product-tile-positioning,
.typography-product-tile-positioning:lang(ar),
.typography-product-tile-ctas,
.typography-product-tile-ctas:lang(ar),
.typography-tout-copy,
.typography-tout-copy:lang(ar),
.typography-section-header-link,
.typography-section-header-link:lang(ar),
.product-tile-ctas .product-tile-current,
.product-tile-ctas .product-tile-current:lang(ar),
.colorindicator .colorindicator-item.colorindicator-label,
.colorindicator .colorindicator-item.colorindicator-label:lang(ar),
.colornav-link.current .colornav-label,
.colornav-value:checked ~ .colornav-link .colornav-label,
.colornav-link.current .colornav-label:lang(ar),
.colornav-value:checked ~ .colornav-link .colornav-label:lang(ar),
.ac-video-controls .ac-video-ax-tracks-selector-container,
.controls-progress-time,
.controls-progress-dvr-label-container .live-stream-text,
.live-stream .live-stream-text,
.ac-video-player
  .ac-video-overlay-container
  div
  .ac-video-trickplay
  .ac-video-trickplay-time,
.ac-video-player
  .ac-video-overlay-container
  div
  .ac-video-trickplay
  .ac-video-trickplay-chapter-title,
.sharing-state .container .textarea-container .copy-area {
  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 (max-width: 833px) {
  #ac-localnav .ac-ln-title,
  #ac-localnav .ac-ln-title:lang(ar) {
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
      "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }

  #ac-localnav .ac-ln-menu,
  #ac-localnav .ac-ln-menu:lang(ar),
  #ac-localnav .ac-ln-title-compact,
  #ac-localnav .ac-ln-title-compact:lang(ar) {
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display",
      "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
}

@media (max-width: 1068px) {
  .typography-headline-super,
  .typography-headline-super:lang(ar),
  .typography-media-card-gallery-headline,
  .typography-media-card-gallery-headline:lang(ar),
  .typography-icon-card-headline,
  .typography-icon-card-headline:lang(ar),
  .typography-index-headline,
  .typography-index-headline:lang(ar),
  .typography-product-tile-headline,
  .typography-product-tile-headline:lang(ar),
  .typography-section-header-headline,
  .typography-section-header-headline:lang(ar),
  .typography-marquee-headline-elevated,
  .typography-marquee-headline-elevated:lang(ar),
  .typography-marquee-eyebrow-base,
  .typography-marquee-eyebrow-base:lang(ar),
  .typography-modal-header-headline,
  .typography-modal-header-headline:lang(ar) {
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
      "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
}

@media (max-width: 734px) {
  .typography-headline-super,
  .typography-headline-super:lang(ar),
  .typography-media-card-gallery-headline,
  .typography-media-card-gallery-headline:lang(ar),
  .typography-icon-card-headline,
  .typography-icon-card-headline:lang(ar),
  .typography-index-headline,
  .typography-index-headline:lang(ar),
  .typography-product-tile-headline,
  .typography-product-tile-headline:lang(ar),
  .typography-section-header-headline,
  .typography-section-header-headline:lang(ar),
  .typography-marquee-headline-elevated,
  .typography-marquee-headline-elevated:lang(ar),
  .typography-marquee-eyebrow-base,
  .typography-marquee-eyebrow-base:lang(ar),
  .typography-modal-header-headline,
  .typography-modal-header-headline:lang(ar) {
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
      "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }

  .typography-body-tight-drop-semibold,
  .typography-body-tight-drop-semibold:lang(ar),
  .typography-compare-thinness-caption,
  .typography-compare-thinness-caption:lang(ar),
  .typography-all-access-pass-base-text,
  .typography-all-access-pass-base-text:lang(ar),
  .typography-icon-card-body-copy,
  .typography-icon-card-body-copy:lang(ar),
  .typography-icon-card-modal-content-inline-headline,
  .typography-icon-card-modal-content-inline-headline:lang(ar),
  .typography-product-tile-subheading,
  .typography-product-tile-subheading:lang(ar),
  .typography-product-tile-positioning,
  .typography-product-tile-positioning:lang(ar),
  .typography-product-tile-ctas,
  .typography-product-tile-ctas:lang(ar),
  .typography-section-header-link,
  .typography-section-header-link:lang(ar),
  .typography-modal-header-topic-label,
  .typography-modal-header-topic-label:lang(ar) {
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display",
      "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
}

@media (max-width: 480px) {
  .typography-index-headline,
  .typography-index-headline:lang(ar),
  .typography-section-header-headline,
  .typography-section-header-headline:lang(ar),
  .typography-marquee-headline-elevated,
  .typography-marquee-headline-elevated:lang(ar),
  .typography-modal-header-headline,
  .typography-modal-header-headline:lang(ar) {
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
      "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }

  .typography-media-card-gallery-headline,
  .typography-media-card-gallery-headline:lang(ar) {
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display",
      "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
}

@media (min-width: 735px) {
  .product-tile-ctas .button,
  .product-tile-ctas .product-tile-current,
  .product-tile-ctas button,
  .product-tile-ctas .button:lang(ar),
  .product-tile-ctas .product-tile-current:lang(ar),
  .product-tile-ctas button:lang(ar) {
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display",
      "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
}

/********************/

/*** Arabic Fonts ****/

.cta-hide {
  visibility: hidden;
  opacity: 0;
}

.section-connectivity .section-hero-connectivity .copy-block {
  left: unset;
  right: 90px;
}

@media screen and (min-width: 734px) and (max-width: 1068px) {
  .section-connectivity .section-hero-connectivity .copy-block {
    right: unset;
  }
}

.ric-modal-close-icon {
  direction: ltr;
}

.section-welcome .marquee .header-headline {
  line-height: 1.4;
}

.section-media-card .media-gallery-wrapper ul .media-gallery-item-2 .caption,
.section-media-card .media-gallery-wrapper ul .media-gallery-item-4 .caption {
  margin-left: auto;
}

@media screen and (max-width: 1068px) {
  .section-media-card .media-gallery-wrapper ul .media-gallery-item-1 .caption {
    margin-left: auto;
  }
}

@media screen and (min-width: 1068px) {
  .section-health .section-hero-health .copy-block {
    left: -145px;
  }
  .section-media-card .media-gallery-wrapper ul .media-gallery-item-2 .caption {
    flex-basis: 30%;
  }
}

@media screen and (max-width: 734px) {
  .section-health .section-hero-health .copy-block {
    left: unset;
  }
}

#finishes-aluminum-gallery-aap-item-1 {
  direction: ltr;
}

@media screen and (min-width: 1069px) {
  .section-connectivity
    .section-hero-connectivity
    .copy-block
    .copy-block-copy {
    left: unset;
  }

  .section-connectivity
    .section-hero-connectivity
    .copy-block
    .copy-block-headline {
    position: relative;
    left: 50%;
  }

  #media-card-gallery-item-5 p {
    width: 570px;
  }
}

@media screen and (min-width: 735px) and (max-width: 1068px) {
  .section-connectivity .section-hero-connectivity .copy-block {
    margin-right: unset;
    right: 0;
  }
}

@media screen and (max-width: 1068px) {
  .section-health .section-hero-health .copy-block {
    top: -120px;
  }
}

@media screen and (max-width: 734px) {
  .section-fitness .section-hero-fitness .copy-block {
    right: 110px;
    max-width: 230px;
  }

  .section-finishes-aluminum-hero .section-content .copy-block {
    margin-top: 100px;
  }
}

@media screen and (max-width: 734px) {
  html[dir="rtl"] [class*="pin-top-"] {
    --pin-alignment-right: flex-end;
    --pin-alignment-left: flex-start;
  }
}

@media screen and (min-width: 1068px) {
  html[tier="t2"] .section.section-contrast,
  html[tier="t3"] .section.section-contrast {
    padding-top: 160px;
  }
}

@media screen and (min-width: 734px) and (max-width: 1068px) {
  html[tier="t2"] .section.section-contrast,
  html[tier="t3"] .section.section-contrast {
    padding-top: 128px;
  }
}

@media screen and (max-width: 734px) {
  html[tier="t2"] .section.section-contrast,
  html[tier="t3"] .section.section-contrast {
    padding-top: 96px;
  }
}

html[lang="ar-JO"]
  .subsection.subsection-gallery.section-finishes-titanium-gallery,
html[lang="ar-EG"]
  .subsection.subsection-gallery.section-finishes-titanium-gallery {
  padding: unset;
}

.product-tile .tout-group {
  margin-top: 0;
}

.icon-card .tile-content.static {
  pointer-events: unset;
}